body {
    font: 13px Helvetica, Arial;
    padding-left: 15px;
    padding-top: 10px;
    overflow-y: hidden;
}

.container {
    width: 100%;
}

#messages {
    width: 750px;
    float: left;
    height: 800px;
    overflow-y: scroll;
}

#questions {
    margin-left: 770px;
    height: 800px;
    overflow-y: scroll;
}

#avatar {
    float: left;
    border-radius: 50%;
    margin-right: 15px;
}

#name {
    font-size: 18px;
}

#message {
    font-size: 14px;
}

#inner-msg {
    vertical-align: middle;
    padding-bottom: 15px;
}

#flag-button {
    cursor: pointer;
}

#flag-button:hover {
    color: red;
    cursor: pointer;
}

#lowerthird-btn {
    cursor: pointer;
}

#lowerthird-btn:hover {
    color: red;
    cursor: pointer;
}

@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,600');

body {
    font: 13px "Work Sans", Helvetica, Arial;
    overflow-x: hidden;
    overflow-y: hidden;
}

.container {
    width: 100%;
    height: 100%;
    position: absolute;
}

#messages {
    width: 48%;
    float: left;
    height: 96%;
    overflow-y: scroll;
}

#questions {
    width: 48%;
    height: 96%;
    overflow-y: scroll;
}

#avatar {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 15px;
}

#name {
    font-size: 18px;
}

#message {
    font-size: 14px;
}

#inner-msg {
    vertical-align: middle;
    padding-bottom: 15px;
}

#flag-button {
    cursor: pointer;
}

#flag-button:hover {
    color: red;
    cursor: pointer;
}

#lowerthird-btn {
    cursor: pointer;
}

#lowerthird-btn:hover {
    color: red;
    cursor: pointer;
}

Make moderator and host view responsive

Make moderator and host view responsive


body {
  margin: 0;
  padding: 0;
}

form {
  margin: 0;
  padding: 0;
}

input {
  font-size: 14px;
  width: 300px;
}

.graphs {
  margin: 20px;
  border: 1px solid #ccc;
}

/* Hide axis lines*/
svg .nv-axis .tick line{
  /*display: none;*/
}

Add option to hide axis lines

:pouch: Add option to hide axis lines


html {
  font-size: 62.5%;
}
body {
  margin: 8px;
}
html, body, .app {
  height: 100%;
}

.title {
  font-size: 3.0rem;
}
.app {
  position: relative;
  width: 100%;
  margin: 20px 4px 0px;
}
.source, .destination {
  display: inline-block;
  width: 50%;
  height: 70%;
  box-sizing: border-box;
}
.source {
  float: left;
}
.destination {
  float: right;
}

.caption {
  font-size: 2.0rem;
  line-height: 3.0rem;
}
.action {
  vertical-align: middle;
}
.text {
  width: 90%;
  height: 100%;
  resize: none;
}

html {
  font-size: 62.5%;
}
html, body, .app {
  height: 100%;
}

.title {
  font-size: 3.0rem;
}
.app {
  position: relative;
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}
.source, .destination {
  display: inline-block;
  width: 50%;
  height: 70%;
  box-sizing: border-box;
}
.source {
  float: left;
}
.destination {
  float: right;
}

.caption {
  font-size: 2.0rem;
  line-height: 3.0rem;
}
.action {
  vertical-align: middle;
}
.text {
  width: 90%;
  height: 100%;
  resize: none;
}

Use padding instead of margin to prevent enlarging screen


.container {
  padding: 50px 0;
}
header {
  width: 100%;
  height: 400px;
  background: #234567;
  text-align: center;
  color: #fff;

}
img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}
.btn {
  display: block;
  float: right;
  background: #234567;
  margin: 30px 0;
}
.panel-body {
  height: 225px;
}

Set explicit height on panel-body class so they line up because the variance was annoying me


pre{
    background-color: #f2f2f2;
    padding:16px;
    border:1px solid rgba(0,0,0,.1);
}

/*----------------------------*/
/*PRETTY TABLES*/
/*----------------------------*/

.note-current-view table{
    display: block;
    width: 100%;
    overflow: auto;
    word-break: keep-all;
    border-color: rgba(0,0,0,.1);
    border-collapse: collapse;
    border-spacing: 0;
}

.note-current-view table thead{
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.note-current-view table td,
.note-current-view table th{
    padding: 6px 13px;
    border: 1px solid #ddd;
}

.note-current-view table th{
    font-weight: bold;
}

.note-current-view table tr:nth-child(2n){
    background-color: #f2f2f2;
}

.note-current-view table tr{
    border-top: 1px solid rgba(0,0,0,.1);
}

pre{
    background-color: #f2f2f2;
    padding:16px;
    border:1px solid rgba(0,0,0,.1);
    overflow: auto;
}

/*----------------------------*/
/*PRETTY TABLES*/
/*----------------------------*/

.note-current-view table{
    display: block;
    width: 100%;
    overflow: auto;
    word-break: keep-all;
    border-color: rgba(0,0,0,.1);
    border-collapse: collapse;
    border-spacing: 0;
}

.note-current-view table thead{
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.note-current-view table td,
.note-current-view table th{
    padding: 6px 13px;
    border: 1px solid #ddd;
}

.note-current-view table th{
    font-weight: bold;
}

.note-current-view table tr:nth-child(2n){
    background-color: #f2f2f2;
}

.note-current-view table tr{
    border-top: 1px solid rgba(0,0,0,.1);
}

Make the code blocks scrollable

Make the code blocks scrollable


[hidden] {
  display: none !important;
}

body {
  margin: 4px;
  min-width: 200px;
}

.col {
  display: flex;
  flex-flow: column;
  align-items: stretch;
}
.col > :not(:first-child) {
  margin-top: 4px;
}
.row {
  flex: none;
  display: flex;
  flex-flow: row;
}
.flex {
  flex: 1;
}
#troubleshooting {
  display: none;
}

button {
  border-radius: 2px;
  border: none;
  background-color: #ddd;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  height: 27px;
}

button.blue {
  background-color: #55e;
  color: white;
}
button.yellow {
  background-color: #dc6;
  color: black;
}
button.green {
  background-color: #3c3;
  color: white;
}

[hidden] {
  display: none !important;
}

body {
  margin: 4px;
  min-width: 200px;
}

.col {
  display: flex;
  flex-flow: column;
  align-items: stretch;
}
.col > :not(:first-child) {
  margin-top: 4px;
}
.row {
  flex: none;
  display: flex;
  flex-flow: row;
}
.row > :not(:first-child) {
  margin-left: 4px;
}
.flex {
  flex: 1;
}
#troubleshooting {
  display: none;
}

button {
  border-radius: 2px;
  border: none;
  background-color: #ddd;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  height: 27px;
}

button.blue {
  background-color: #55e;
  color: white;
}
button.yellow {
  background-color: #dc6;
  color: black;
}
button.green {
  background-color: #3c3;
  color: white;
}

Add spacing to rows, too

Add spacing to rows, too


.icon-block {
  padding: 0 15px;
}
footer .icon-block {
  font-size: inherit;
}

.dm-white {
  background-color: #D1EBE8;
}

.dm-white-text {
  color: #D1EBE8;
}

.dm-turquoise {
  background-color: #4B7a76;
}

.dm-turquoise-text {
  color: #4B7a76;
}

.dm-light-green {
  background-color: #28FFA2
}

.dm-light-green-text {
  color: #28FFA2
}

.dm-black{
  background-color: #140D10;
}

.dm-black-text{
  color: #140D10 !important;
}

.dm-purple {
  background-color: #755572;
}

.dm-hot-pink {
  background-color: #ee6e73 !important;
}

.dm-hot-pink-text {
  color: #ee6e73;
}

.dm-big-nav-font {
  font-size: 2.1em;
}

#headshot {
  height: 70%;
  width: 70%;
}

.contact-link i.fa:hover {
  color: #140D10;
}

footer.page-footer {
  background-color: #D1EBE8;
}

.icon-block {
  padding: 0 15px;
}
footer .icon-block {
  font-size: inherit;
}

.dm-white {
  background-color: #ECEBEF;
}

.dm-white-text {
  color: #ECEBEF;
}

.dm-turquoise {
  background-color: #4B7a76;
}

.dm-turquoise-text {
  color: #4B7a76;
}

.dm-light-green {
  background-color: #28FFA2
}

.dm-light-green-text {
  color: #28FFA2
}

.dm-black{
  background-color: #140D10;
}

.dm-black-text{
  color: #140D10 !important;
}

.dm-purple {
  background-color: #755572;
}

.dm-hot-pink {
  background-color: #ee6e73 !important;
}

.dm-hot-pink-text {
  color: #ee6e73;
}

.dm-big-nav-font {
  font-size: 2.1em;
}

#headshot {
  height: 70%;
  width: 70%;
}

.contact-link i.fa:hover {
  color: #140D10;
}

footer.page-footer {
  background-color: #ECEBEF;
}

Update white to match picture

Update white to match picture


body {
  background-image: url("blog-background-image.jpg");
}

.background {
  margin-top: 30px;
  margin-right: 85px;
  margin-left: 75px;
  position: fixed;
  height: 100%;
  background-color: white;
  border: 2px solid #d3d3d3;
  border-radius: 20px;
  border-bottom: -50px;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 10px;
}

.background:before {
   content: " ";
   border-radius: 20px;
   position: fixed;
   z-index: -1;
   top: 22px;
   left: 67px;
   right: 70px;
   height: 100%;
   border: 1px solid white;
   background-color: white;
}

#navigation_bar {
  height: 50px;
  margin-right: -30px;
  margin-left: -50px;
  border-top: 2px solid #d3d3d3;
  border-bottom: 2px solid #d3d3d3;
  display: block;
  background-color: #5d4a7d;
}

#navigation_bar:before {
   content: " ";
   z-index: -1;
   top: 22px;
   margin-right: -30px;
   margin-left: -50px;
   background-color: #5d4a7d;
}

body {
  background-image: url("blog-background-image.jpg");
}

.background {
  margin-top: 30px;
  margin-right: 85px;
  margin-left: 75px;
  position: fixed;
  height: 100%;
  background-color: white;
  border: 2px solid #d3d3d3;
  border-radius: 20px;
  border-bottom: -50px;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 10px;
}

.background:before {
   content: " ";
   border-radius: 20px;
   position: fixed;
   z-index: -1;
   top: 22px;
   left: 67px;
   right: 70px;
   height: 100%;
   border: 1px solid white;
   background-color: white;
}

#navigation_bar {
  height: 50px;
  margin-right: -30px;
  margin-left: -50px;
  border-top: 2px solid #d3d3d3;
  border-bottom: 2px solid #d3d3d3;
  display: block;
  background-color: #5d4a7d;
}

#navigation_bar:before {
   content: " ";
   z-index: -1;
   right: -30px;
   left: -50px;
   background-color: #5d4a7d;
   display: block;
}

Add border to nav bar

Add border to nav bar


/**
 * Copyright (C) 2022 con terra GmbH (info@conterra.de)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.ctAppRoot .geoprocessing-widget .v-alert.error a {
    color: white;
}

Improve a color in alert

Improve a color in alert


html {
  font-size: 16px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  background: none
}

Fix breakpoints with smaller font size

Fix breakpoints with smaller font size

rem in media queries is based on the initial 16px font size, and calc()
isn't widely enough supported in media queries to be usable.


/* You can add global styles to this file, and also import other style files */

/* NOTE: CodeMirror's styles for displaying a code properly */

@import "~codemirror/lib/codemirror.css";
@import "~codemirror/theme/material.css";

/* NOTE: JsonEditor style for displaying json as tree  */
@import "~jsoneditor/dist/jsoneditor.min.css";

/* NOTE: Custom fonts */
@import "~bootstrap/dist/css/bootstrap.css";
@import "~font-awesome/css/font-awesome.css";

Apply FontAwesome as a global font.

Apply FontAwesome as a global font.


body {
    font-family: sans;
}

a {
    color: blue;
    cursor: pointer;
}

a.disabled {
    color: grey;
    cursor: inherit;
}

.exhausted {
    font-style: italic;
    color: grey;
}

.video {
    display: inline-block;
    width: 320px;
    height: 180px;
    background-image: url("http://placehold.it/320x180/C40022&text=Loading...");
    margin: 0.5em;
    border: 2px solid grey;
    border-radius: 4px;
    overflow: hidden;
}

.video .title {
    height: 20px;
    margin: 0;
    padding: 6px 0px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
}

.video .title.swift {
    color: blue;
}

.video .title.zerovm {
    color: #ff3300;
}

.pending {
    background-color: #efefef;
}

.updated {
    font-weight: bold;
}

body {
    font-family: sans;
}

a {
    color: blue;
    cursor: pointer;
}

a.disabled {
    color: grey;
    cursor: inherit;
}

.exhausted {
    font-style: italic;
    color: grey;
}

.video {
    display: inline-block;
    width: 320px;
    height: 180px;
    background-image: url("http://placehold.it/320x180/C40022&text=Loading...");
    margin: 0.5em;
    border: 2px solid grey;
    border-radius: 4px;
    overflow: hidden;
}

.video .title {
    margin: 0;
    padding: 6px 0px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
}

.video .title.swift {
    color: blue;
}

.video .title.zerovm {
    color: #ff3300;
}

.pending {
    background-color: #efefef;
}

.updated {
    font-weight: bold;
}

Allow title height to vary to handle long titles

A multi-line title will now have a properly shaded background on all
lines, not just the first one.


body {
  font-family: helvetica;
  margin: 0px;
}
header, footer {
  background-color: blue;
  color: white
}
/*footer {
  position: absolute;
  bottom: 0;
}*/
.name-logo {
  margin-left: 5%;
  display: inline-block;
}
.name-logo > a {
  color: white;
}
.top-nav {
  margin-top: 37px;
  margin-right: 5%;
  display: inline-block;
  float: right;
  font-size: 25px;
}
.blog-nav {
  padding-left: 47%;
}

.text-width {
  margin-left: 15%;
  margin-right: 15%;
}
.nav-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav-item {
  float: left;
  padding-right: 20px;
}
a.top-nav-link:link, a.top-nav-link:visited {
  display: block;
}
a.nav-link:link, a.nav-link:visited {
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  padding: 5px;
}
a.nav-link:hover, a.navlink:active {
  color: teal;
}
.top-nav-link {
  color: white;
}
.bottom-nav {
  display: inline-block;
}

.bottom-nav-link {
  color: green;
}

.intro-greeting {
  text-align: center;
}
.section-label {
  display: block;
  text-align: center;
}

.sub-title {
  font-weight: lighter;
}

/*.blog-entries {
  text-align: center;
}*/

Create modular templates for blog

Create modular templates for blog


@import "../_variables.css";

.button {
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  background: none;
  border: none;
  padding: calc(var(--base-spacing) / 2) var(--base-spacing);
  cursor: pointer;
  color: var(--color-grey-dark);
  text-decoration: none;
  border-radius: calc(var(--base-rounding) / 2);
}

.button.tertiary {
  color: var(--color-tertiary);
}

@import "../_variables.css";

.button {
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  background: none;
  border: none;
  padding: calc(var(--base-spacing) / 2) var(--base-spacing);
  cursor: pointer;
  color: var(--color-grey-dark);
  text-decoration: none;
  border-radius: calc(var(--base-rounding) / 2);
}

.button:hover {
  background: var(--color-grey-lighter);
}

.button.tertiary {
  color: var(--color-tertiary);
}

.button.tertiary:hover {
  background: var(--color-tertiary);
  color: var(--color-white);
}

Improve support to hover state on buttons

Now components with tertiary and normal types also have hover states
highlighted.


/* 2ch.net tweak */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("2ch.net"), domain("bbspink.com") {
  iframe, [class^="banner"], [class*="ad--"] { display: none !important; }
  hr { visibility: hidden !important; }

  h1 {
    font: bold x-large/1.8 sans-serif !important;
  }

  :-moz-any(dt, .name) a {
    color: #080 !important;
    text-decoration: none !important;
  }
  :-moz-any(dt, .name) a[href^="mailto:"]::after { content: " [" attr(href) "]"; }
  dd, .message { line-height: 1.8 !important; }
}

/* 2ch.net tweak */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("2ch.net"), domain("bbspink.com") {
  iframe, [class^="banner"], [class*="ad--"], .socialmedia { display: none !important; }
  hr { visibility: hidden !important; }

  h1 {
    font: bold x-large/1.8 sans-serif !important;
  }

  :-moz-any(dt, .name) a {
    color: #080 !important;
    text-decoration: none !important;
  }
  :-moz-any(dt, .name) a[href^="mailto:"]::after { content: " [" attr(href) "]"; }
  dd, .message { line-height: 1.8 !important; }
}

Hide link to social media

Hide link to social media


@font-face {
    font-family: Steelfish;
    src: url(/fonts/steelfish_rg.ttf);
}

h1.jedicomp {
    font-family: Steelfish;
    letter-spacing: 0.15em;
    font-size: 5em;
    vertical-align: bottom;
}

h1.jedicomp a {
    text-decoration: none;
    color: inherit;
}

h1.jedicomp a:visited {
    color: inherit;
}

h1.jedicomp small {
    color: gray !important;
}

header {
    background-color: dimgray;
    color: white;
}

img#profile-pic {
    max-width: 100%;
    margin-bottom: 1em;
}

@media (min-width: 576px) and (max-width: 767px) {
    img#profile-pic {
        float: right;
        max-height: 150px;
    }
}

article h1, a, a:hover {
    color: seagreen;
}

.post img {
    max-width: 100%;
    max-height: 360px;
    margin: 12px auto;
    display: block;
}

.post img.emoji {
    display: inline;
}

.post pre.lineno {
    padding-right: 6px;
    border-right: 1px solid lightgrey;
    text-align: right;
}

@font-face {
    font-family: Steelfish;
    src: url(/fonts/steelfish_rg.ttf);
}

@media (max-width: 240px) {
    html {
        font-size: 10px;
    }
}

h1.jedicomp {
    font-family: Steelfish;
    letter-spacing: 0.15em;
    font-size: 5em;
    vertical-align: bottom;
}

h1.jedicomp a {
    text-decoration: none;
    color: inherit;
}

h1.jedicomp a:visited {
    color: inherit;
}

h1.jedicomp small {
    color: gray !important;
}

header {
    background-color: dimgray;
    color: white;
}

img#profile-pic {
    max-width: 100%;
    margin-bottom: 1em;
}

@media (min-width: 576px) and (max-width: 767px) {
    img#profile-pic {
        float: right;
        max-height: 150px;
    }
}

article h1, a, a:hover {
    color: seagreen;
}

.post img {
    max-width: 100%;
    max-height: 360px;
    margin: 12px auto;
    display: block;
}

.post img.emoji {
    display: inline;
}

.post pre.lineno {
    padding-right: 6px;
    border-right: 1px solid lightgrey;
    text-align: right;
}

Fix font size in ultra small devices

Fix font size in ultra small devices


Add max-width to images in the modal.

Add max-width to images in the modal.


/*
.index-post-list {
}

.index-post {
}

.index-post-odd {
}
/*/

.index-post-even {
    background-color: #f8f8f8;
}

/*
.index-tag-list {
}

.index-tag {
}

.index-tag-odd {
}

.index-tag-even {
}

.post-title {
}

.post-author {
}

.post-date {
}

.post-tags {
}
*/

Add a basic, non-empty stylesheet, so the linter doesn't complain.


/*
footerで利用しているWufooのフォームの成形用のcss
*/

.wufoo #header h2 {
    display: none;
}

.wufoo li span.req {
    display: none !important;
}

.wufoo input.btTxt.submit {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem 2.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    background-color: #2274ca;
    border-radius: .25rem;
}

.wufoo .buttons {
    text-align: center;
}

.wufoo li.section.scrollText{
  margin:7px;
}

/*
footerで利用しているWufooのフォームの成形用のcss
*/

.wufoo #header h2 {
    display: none;
}

.wufoo li span.req {
    display: none !important;
}

.wufoo input.btTxt.submit {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem 2.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    background-color: #2274ca;
    border-radius: .25rem;
}

.wufoo .buttons {
    text-align: center;
}

.wufoo li.section.scrollText{
  margin: 5px;
}

Tweak margin of PP field for mobile-friendly


/* Copyright (C) 2009 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http: *www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.wikiPreFormat {
  white-space: pre;
  font-family: monospace;
  font-size: small;
}

.wikiList {
}

/* Copyright (C) 2009 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http: *www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.wikiPreFormat {
  white-space: pre;
  font-family: 'Lucida Console', 'Lucida Sans Typewriter', Monaco, monospace;
  font-size: small;
}

.wikiList {
}

Change wiki preformat font to be more readable

Gerrit 2.1-rc1 changed its font for monospace to include
'Lucida Console', 'Lucida Sans Typewriter', and 'Monaco'
as these can often produce more readable monospace text,
especially when the string "call11" is used.

Change-Id: I0420cf2613f12a5e7991ce7acf90a05ce28faddd
Signed-off-by: Shawn O. Pearce <f3ea74d906fa9fe97c1fef6bad9cb871485c7045@google.com>


/* AjaxControlToolkit patches to fit DNN forms style */

.act_combobox
{
    width:45%;
    max-width:445px
}

.act_combobox .ajax__combobox_inputcontainer,
.act_combobox .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer,
.act_combobox .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    width:100%
}

.act_combobox .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    margin:0 0 18px 0!important
}

.act_combobox .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer
{
    position:relative;
    left:25px;
    top:-9px
}

.act_combobox .ajax__combobox_itemlist
{
    top:38px!important
}

/* AjaxControlToolkit patches to fit DNN forms style */

.act_combobox
{
    width:45%;
    max-width:445px
}

.act_combobox .ajax__combobox_inputcontainer,
.act_combobox .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer,
.act_combobox .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    width:100%
}

.act_combobox .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    margin:0 0 18px 0!important
}

.act_combobox .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer
{
    position:relative;
    left:25px;
    top:-10px
}

.act_combobox .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    min-width:0
}

.act_combobox .ajax__combobox_itemlist
{
    top:38px!important
}

Make dropdown button smaller, adjust position


* {
  box-sizing: border-box;
}

html {
  position: relative;
  min-height: 100%
}

body {
  background: linear-gradient(to bottom, #f0f0ff, #c8c8ff);
  color: #222;
  font-family: 'Cabin', sans-serif;
  margin-bottom: 40px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'BioRhyme', serif;
}

.footer {
  background: #ddd;
  bottom: 0;
  color: #444;
  font-size: 86%;
  height: 40px;
  line-height: 40px;
  position: absolute;
  width: 100%;
}

.tweet {
  background: #ddd;
  border: 1px solid #aaa;
  border-radius: 0.25em;
  padding: 0.5em;
  margin: 0.5em;
}

.tweet__content {
  white-space: pre-wrap;
}

.tweet__email, .tweet__time {
  font-size: 85%;
  color: #555;
}

.toggle-follow {
  width: 5.5em;
}

Make follow / unfollow button constant width.


.package-share img {
  display:block;
  margin:auto;
}

.package-share input {
  display: block;
  width: 100%;
  margin: 0 0 15px;
  padding: 8px;
  font-family: Menlo, Monaco, Courier, monospace;
  font-size: 13px;
  line-height: 1.72222;
  color: inherit;
  vertical-align: top;
  cursor: text;
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(231, 233, 236);
  border-radius: 6px;
}

Add styling for input auto select element, preserves original <pre> element styling


body {
  font-family: Georgia, 'Hiragino Mincho Pro', serif;
  font-size: 16px;
}

pre, code {
  font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
  font-size: 0.9em;
}

code.descname, code.descclassname {
  font-size: 0.95em;
}

code.descname {
  background-color: transparent;
  font-weight: bold;
}

pre, * pre {
  padding: 7px 0 7px 30px !important;
  margin: 15px 0 !important;
  line-height: 1.3;
}

div.warning {
  background-color: #ffe6cc;
  border: 1px solid #ffd5aa;
}

/* don't link-ify the FAQ page */
a.toc-backref {
  text-decoration: none;
  color: #3E4349;
}

code.xref {
  background-color: #ecf0f3;
  border-bottom: 1px dotted #222;
}

/* hide the welcome text */
div#welcome-to-discord-py > h1 {
  display: none;
}

/* no disgusting background in FAQ */
div.topic {
  background-color: transparent;
}

div.topic {
  border: none;
}

Remove ugly background in the FAQ page.

Remove ugly background in the FAQ page.


.root {
  background-color: color(black a(60%));
  margin-top: 3rem;
}

.inner {
  align-items: center;
  height: 3rem;
  padding: 0 1rem;
  display: flex;
  justify-content: center;
}

.item {
  margin-right: 1.5rem;

  &:last-child {
    margin-right: 0;
  }
}

.itemLink {
  background: no-repeat 0 center;
  color: #eee7df;
  font-size: 14px;
  line-height: 20px;
  padding-left: 1.25rem;
  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }
}

.itemLinkTwitter {
  composes: itemLink;
  background-image: url("./twitter.svg");
}

.itemLinkGithub {
  composes: itemLink;
  background-image: url("./github.svg");
}

.itemLinkGitter {
  composes: itemLink;
  background-image: url("./gitter.svg");
}

@media (width > 580px) {
  .root {
    background-color: color(black a(30%));
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
  }

  .inner {
    justify-content: flex-end;
  }
}

.root {
  background-color: color(black a(68%));
}

.inner {
  align-items: center;
  height: 3rem;
  padding: 0 1rem;
  display: flex;
  justify-content: center;
}

.item {
  margin-right: 1.5rem;

  &:last-child {
    margin-right: 0;
  }
}

.itemLink {
  background: no-repeat 0 center;
  color: #eee7df;
  font-size: 14px;
  line-height: 20px;
  padding-left: 1.25rem;
  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }
}

.itemLinkTwitter {
  composes: itemLink;
  background-image: url("./twitter.svg");
}

.itemLinkGithub {
  composes: itemLink;
  background-image: url("./github.svg");
}

.itemLinkGitter {
  composes: itemLink;
  background-image: url("./gitter.svg");
}

@media (width > 580px) {
  .root {
    background-color: color(black a(30%));
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
  }

  .inner {
    justify-content: flex-end;
  }
}

Bring Community and Social together

Bring Community and Social together


.file-uploader-items {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.file-uploader-button {
	line-height: 44px;
}
.file-uploader-button a {
	background-color: var(--normal-background);
	border-radius: 4px;
	color: var(--white-text);
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	line-height: 22px;
}

.file-uploader-button a:hover,
.file-uploader-button a:focus,
.file-uploader-button a:active {
	background-color: var(--normal-dark-background);
	color: var(--white-text);
}

.file-uploader-button label input {
	display: none;
}

.file-uploader-button label {
	display: block;
	width: 100%;
	height: 100%;
	padding:  5px 16px;
	cursor: pointer;
}
@-moz-document url-prefix() {
	.file-uploader-button label {
		padding:  4px 16px 6px;
	}
}

.file-uploader-items li {
	margin-right: 17px;
}
.file-uploader-items .empty { margin-right: 0; }

Adjust styles to empty elements

Adjust styles to empty elements


@import 'base';
@import 'input';

.darkTheme {}
.unpinned {}

.form {
  padding: 2.4rem 1.2rem;
  padding-top: 10px;
  border-radius: 5px;
}
  .formInput {
    @extend input;
    border: 0;
    height: 50px;
    display: block;
    padding: 1.2rem 1rem;
    line-height: 2.4rem;
    width: 100%;
    resize: none;
    color: $fgPrimary;
    border: 1px solid $borderColorLight;
    border-radius: 5px;

    :global(.dark) & {
      color: $fgPrimaryDark;
      background-color: $bgPrimaryDark;
      border: 1px solid $borderColorDark;
    }

    :global(.unpinned) & {
      background-color: $bgPrimary;
      box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
      border: none;

      :global(.dark) & {
        background-color: $bgPrimaryDark;
      }
    }
  }

@import 'base';
@import 'input';

.darkTheme {}
.unpinned {}

.form {
  padding: 2.4rem 1.2rem;
  padding-top: 10px;
  border-radius: 5px;
}
  .formInput {
    @extend input;
    border: 0;
    height: 50px;
    display: block;
    padding: 1.2rem 1rem;
    line-height: 2.4rem;
    width: 100%;
    resize: none;
    color: $fgPrimary;
    border: 1px solid $borderColorLight;
    border-radius: 5px;

    :global(.dark) & {
      color: $fgPrimaryDark;
      background-color: $bgPrimaryDark;
      border: 1px solid $borderColorDark;
    }

    :global(.unpinned) & {
      background-color: $bgPrimary;
      box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
      border: 1px solid white;

      :global(.dark) & {
        background-color: $bgPrimaryDark;
      }
    }
  }

Fix chat compose area movement during pinning/unpinning.


h1 {
  position: fixed;
  top: 0px;
  right: 0px;
  text-align: center;
  width: 100%;
  background-color: white;
  opacity: 1.0;
  border-bottom: 10px solid grey;
  padding: 10px;
}
* {
  margin: 0;
  padding: 0;
}
body {
  margin-top: 55px;
}
.pages {
  position: fixed;
  margin-top: 20px;
  list-style: none;
}

h1 {
  position: fixed;
  top: 0px;
  right: 0px;
  text-align: center;
  width: 100%;
  background-color: white;
  opacity: 1.0;
  border-bottom: 10px solid grey;
  padding: 10px;
}
* {
  margin: 0;
  padding: 0;
}
body {
  margin-top: 55px;
}
li .event, .history, .post {
  display: inline;
  position: fixed;
  top: 0px;
  list-style: none;
  border-bottom: 1px solid black;
}
.event {
  position: fixed;
  top: 10px;
  margin-left: 320px;
  list-style: none;
  padding: 10px;
  border-bottom: 1px solid black;
}
.history {
  position: fixed;
  top: 10px;
  margin-left: 130px;
  padding: 10px;
}
.post {
  position: fixed;
  top: 10px;
  margin-left: 10px;
  padding: 10px;
}
.post a {
  text-decoration: none;
  padding: 10px;
}
.history a {
  text-decoration: none;
  padding: 10px;
}
.event a {
  text-decoration: none;
  padding: 10px;
}
li:hover {
  font-weight: bold;
  border: 2px solid black;
}

Add header design with links

Add header design with links


.builder-container .node legend {
  border: none;
  margin: 0;
}

.builder-container .node > .col-md-8 {
  border-top: 1px solid #cccccc;
  padding-top: 10px;

  border-bottom: none;
  margin: 30px 0 20px;
}

.builder-container .option select {
  width: 450px;
}

.builder-container .options ul {
  margin: 0;
}

.builder-container .node .options {
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
}

.builder-container .option .remove-option {
  vertical-align: top;
}

.builder-container .option input[type='radio'] {
  vertical-align: middle;
}

.builder-container .node legend {
  border: none;
  margin: 0;
}

.builder-container .node > .col-md-8 {
  border-top: 1px solid #cccccc;
  padding-top: 10px;

  border-bottom: none;
  margin: 30px 0 20px;
}

.builder-container .option input[type='text'],
.builder-container .option select {
  width: 100%;
}

.builder-container .options ul {
  margin: 0;
}

.builder-container .node .options {
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
}

.builder-container .option .remove-option {
  vertical-align: top;
}

.builder-container .option input[type='radio'] {
  vertical-align: top;
}

Tweak the styling of the SimpleSmartAnswer Node Options UI

The display of the Options UI does not respond well when the user is
using a tablet or mobile device. In particular the fixed-width next_node
field causes significant breaks in the UI and diminishes the user
experience.

We should make the UI: as responsive as possible across device types, as
consistent in use as possible, and provide an improved experience for
the user.

This commit updates the display of the Node Options input and select
fields so that they now take up the entire gird space they are in and
ensures all Option fields are vertically aligned to the top of their
container.


*{
  list-style: none;
}

body{
  margin-top: 30px;
}

.container{
  padding-top: 15px;
  text-align: center;
  margin: auto;
  width: 400px;
  height: 600px;
  border: black solid;
  border-radius: 15px;
  overflow: scroll;
}

.list-display{
  text-align: left;
  padding-left: 30px;
  font-size: 20px;
}

li{
  border: lightgrey solid 2px;
  margin: 1px;
  width: 250px;
  height: 100%;
  padding: 10px;
  border-radius: 15px;
}

li:hover{
  background: lightgrey;
  opacity: 0.7;
}
/*input[type=checked]{

}*/

#new-task{
  width: 300px;
  height: 40px;
  font-size: 20px;
  border-radius: 20px;
  background: lightgrey;
  padding-left: 20px;
  border: 0;
  outline: none;
}

*{
  list-style: none;
}

body{
  margin-top: 30px;
}

.container{
  padding-top: 15px;
  text-align: center;
  margin: auto;
  width: 400px;
  height: 600px;
  border: black solid;
  border-radius: 15px;
  overflow: scroll;
}

.list-display{
  text-align: left;
  padding-left: 30px;
  font-size: 20px;
}

li{
  border: lightgrey solid 2px;
  margin: 1px;
  width: 250px;
  height: 100%;
  padding: 10px;
  border-radius: 15px;
}

li:hover{
  background: lightgrey;
  opacity: 0.7;
}

.toggle:checked + label{
  text-decoration: line-through;
}
/*input[type=checked]{

}*/

#new-task{
  width: 300px;
  height: 40px;
  font-size: 20px;
  border-radius: 20px;
  background: lightgrey;
  padding-left: 20px;
  border: 0;
  outline: none;
}

Add strike-through when task is checked.


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
  font-family: Helvetica, "Helvetica Neue",  Arial, sans-serif;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Customized CSS*/

* {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

header {
  margin: 20px 2%;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}

strong {
	font-weight: bold;
}

.title-date {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

.abstract, .statement, .signing, .signing-Italics {
  text-align: left;
  line-height: 24px;
  font-size: 14px;
  font-weight: lighter;
}

.signing, .signing-Italics {
	font-weight: bold;
}

.signing-Italics {
	font-style: italic;
}

.abstract {
  margin: 30px 5%;
}

.statement {
  margin: 20px auto;
}

.statement-section {
  margin: 35px 5%;
}

.statement-title{
  font-weight: bold;
  font-size: 18px;
}

.statement ul {
	list-style: disc;
	padding-left: 40px;
}

Add ML Manager Privacy Policy CSS

Add ML Manager Privacy Policy CSS


.select-list ol li {
  background-color: #27292b;
  border-bottom: 1px solid #1e1e1e;
}

.select-list li .label {
  color: #ddd;
}

.select-list li .right {
  color: #999;
  display: inline-block;
  margin-top: -3px;
}

.select-list .key-binding {
  background: -webkit-linear-gradient(
    rgba(100, 100, 100, 0.5),
    rgba(70,70,70, 0.5));
  color: #ccc;
  -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1);
  display: inline-block;
  line-height: 100%;
}

.select-list li:hover {
  background-color: #2c2c2c;
}

.select-list ol .selected {
  background-image: -webkit-linear-gradient(#7e7e7e, #737373);
}

.select-list .directory {
  color: #777;
}

.select-list ol .selected .label {
  color: #fff;
}

.select-list ol .selected .directory {
  color: #ccc;
}

.select-list ol li {
  background-color: #27292b;
  border-bottom: 1px solid #1e1e1e;
}

.select-list li .label {
  color: #ddd;
}

.select-list .key-binding {
  background: -webkit-linear-gradient(
    rgba(100, 100, 100, 0.5),
    rgba(70,70,70, 0.5));
  color: #ccc;
  -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1);
  display: inline-block;
  line-height: 100%;
}

.select-list li:hover {
  background-color: #2c2c2c;
}

.select-list ol .selected {
  background-image: -webkit-linear-gradient(#7e7e7e, #737373);
}

.select-list .right,
.select-list .directory {
  color: #777;
}

.select-list ol .selected .label {
  color: #fff;
}

.select-list ol .selected .right,
.select-list ol .selected .directory {
  color: #ccc;
}

Make right and directory class the same color


html {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
}

#application {
  height: 100%;
  margin: 0;
  overflow: hidden;
  width: 100%;
  display: flex;
}

#url-bar {
  width: 500px;
  position: absolute;
  text-align: center;
  margin-top: 5px;
  left: 50%;
  margin-left: -250px;
}

#url-box, #url-save-button {
  height: 30px;
  box-sizing: border-box;
  margin: 3px auto;
}

#url-box {
  width: 400px;
  margin-right: 10px;
}

Adjust Doc/Body width/height for full page


.undecorated-link:hover {
  text-decoration: none;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.header-profile-image {
  width: 24px;
  margin-top: 16px;
  margin-bottom: 12px;
  box-sizing: content-box;
  margin-right: 32px;
  border-radius: 50%;
}
md-sidenav ul {
  padding: 0;
}
fieldset {
  border: none;
}
.md-success {
  color: #00695c;
}
li.active {
  background-color: rgba(158,158,158,0.2);
}
a {
  color: #3F51B5;
}

.undecorated-link:hover {
  text-decoration: none;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.img-responsive {
  max-width: 100%;
}
.header-profile-image {
  width: 24px;
  height: 24px;
  margin-top: 16px;
  margin-bottom: 12px;
  box-sizing: content-box;
  margin-right: 32px;
  border-radius: 50%;
}
md-sidenav ul {
  padding: 0;
}
fieldset {
  border: none;
}
.md-success {
  color: #00695c;
}
li.active {
  background-color: rgba(158,158,158,0.2);
}
a {
  color: #3F51B5;
}

Add imv-responsive class and update header profile image height


/* default theme */
.faves { background: rgb(66, 139, 202); }
.faves:hover { background: rgb(40, 94, 142); cursor: pointer; }
.plays { background: #f0ad4e; }
.plays:hover { background: #d58512; cursor: pointer; }

.bordered {
    border-radius: 7px;
    -moz-box-shadow: 0 0 4px 4px #888;
    -webkit-box-shadow: 0 0 4px 4px#888;
    box-shadow: 0 0 4px 4px #888;
}

.thumbnail:hover, .thumbnail:focus {
	border-color: #66afe9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

Add a glowing outline on thumbnail hover


/* DEFAULTS */

body {
    font-family: georgia, serif;
}

.navbar {
       margin-bottom: 0;
}

/* HELPER CLASSES */

.align-center {
    text-align: center;
}

/* DEFAULTS */

body {
    font-family: georgia, serif;
}

.navbar {
       margin-bottom: 0;
}

.jumbotron {
    background-image: url(../img/dummy.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

/* HELPER CLASSES */

.align-center {
    text-align: center;
}

Add bg image to jumbotron

Add bg image to jumbotron


nav ul {
  list-style: none;
  background-color: black;
  position:fixed;
  width: 100%;

}

nav ul li {
  float: left;
  margin: 10px;
  font-weight: bolder;

}

nav ul li a {
  color: white;
  text-align: center;
  text-decoration: none;

}
header {
  padding-top: 50px;
}

nav ul {
  list-style: none;
  background-color: black;
  position:fixed;
  width: 100%;

}

nav ul li {
  float: left;
  margin: 10px;
  font-weight: bolder;

}

nav ul li a {
  color: white;
  text-align: center;
  text-decoration: none;

}
header {
  padding-top: 10%;
}

Change header padding to percentage value instead of pixel


/*
 * Copyright (c) 2020 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

.issues-pane {
  overflow: hidden;
}

.issues-toolbar-container {
  display: flex;
  flex: none;
}

.issues-toolbar-container > .toolbar {
  background-color: var(--toolbar-bg-color);
  border-bottom: var(--divider-border);
}

.issues-toolbar-left {
  flex: 1 1 auto;
}

.issues-toolbar-right {
  padding-right: 6px;
}

/*
 * Copyright (c) 2020 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

.issues-pane {
  overflow: hidden;
}

.issues-toolbar-container {
  display: none;
  flex: none;
}

.issues-toolbar-container > .toolbar {
  background-color: var(--toolbar-bg-color);
  border-bottom: var(--divider-border);
}

.issues-toolbar-left {
  flex: 1 1 auto;
}

.issues-toolbar-right {
  padding-right: 6px;
}

Remove toolbar from issues panel.

[Issues] Remove toolbar from issues panel.

Hide toolbar and not delete it, because we use its content, return it
when there is more content for it.

Bug: chromium:1057979

Change-Id: Ib67843580dc9e4bec53cc2070cd88573527df1fa
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2190475
Commit-Queue: Simon Zünd <38944668e9e2ca98ccd0275b53370f90fa55c113@chromium.org>
Reviewed-by: Sigurd Schneider <f04d242e109628a27a0f75fd49a87722bcf291fd@chromium.org>
Reviewed-by: Simon Zünd <38944668e9e2ca98ccd0275b53370f90fa55c113@chromium.org>


public-top-bar .navbar-menu .container-fluid {
  padding-bottom: 30px;
}
public-top-bar .mosaic {
  height: 48px;
  background-size: contain;
}
@media (max-width: 767px) {
  #frame-bottom {
    padding-bottom: 45px;
  }
}

Fix public menus on iOS

Fix public menus on iOS


/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

@import url('~xterm/src/xterm.css');

.jp-TerminalWidget {
  min-width: 200px;
  min-height: 200px;
  padding: 8px;
  margin: 0;
}

.jp-TerminalWidget-body {
 font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
  outline: none;
  user-select: text;
  -webkit-user-select: text;
}

.terminal {
  font-family: monospace;
}

.terminal .xterm-viewport {
  overflow-y: auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

@import url('~xterm/src/xterm.css');

.jp-TerminalWidget {
  min-width: 200px;
  min-height: 200px;
  padding: 8px;
  margin: 0;
}

.jp-TerminalWidget-body {
  font-family: monospace;
  outline: none;
  user-select: text;
  -webkit-user-select: text;
}

.terminal {
  font-family: monospace;
}

.terminal .xterm-viewport {
  overflow-y: auto;
}

Fix handling of monospace font in terminal


.Page {
  background-color: #ffffff;
  position: relative;
  z-index: var(--layers-page);
  margin-top: var(--header-height);
  min-height: calc(100vh - var(--header-height));
  box-sizing: border-box;
  box-shadow: 0 0 28px 0 rgba(30, 30, 30, 0.3);
  padding-bottom: 60px;

  &__heading {
    margin: 0;
    padding-top: 0.75rem;
    margin-bottom: 1.25rem;
  }
}

.Page {
  background-color: #ffffff;
  position: relative;
  z-index: var(--layers-page);
  margin-top: var(--header-height);
  min-height: calc(100vh - var(--header-height));
  box-sizing: border-box;
  box-shadow: 0 0 28px 0 rgba(30, 30, 30, 0.3);
  padding-bottom: 100px;

  &__heading {
    margin: 0;
    padding-top: 0.75rem;
    margin-bottom: 1.25rem;
  }
}

Increase page bottom padding for player cover


/* arrow active selection */
li.pure-menu-selected:after {
  height: 0;
  width: 0;
  position: absolute;
  border: 15px solid transparent; /* arrow size */
  transform: rotate(30deg);
  -webkit-transform: rotate(-90deg); /* Safari and Chrome */
  transform: rotate(-90deg); /* Safari and Chrome */
  left: 120px;
  border-bottom-color: white;  /* arrow color */
  content: " ";
  margin-top: -35px;
}

.entry-box {
  border-top: 1px solid #eee;
}

.pure-button-small {
  font-size: 85%;
}

/* NOTE: Firefox app hack */
#main {
  background-color: white;
}

FIX Firefox os ghost app

FIX Firefox os ghost app


h1 {
    margin-top: 20px;
    font-size: 30px;
    color: #4d4d4d;
}

@media only screen and (min-width: 0.1em) { /* Smartphones: 1.6px = .1em */
    section {
        padding: 67px 12px 12px 12px;
    }
}

@media only screen and (min-width: 40em) { /* Tablets: 640px = 40em */
    section {
        padding: 81px 20px 20px 20px;
    }
}

@media only screen and (min-width: 62em) { /* Desktops: 992px = 62em */
    section {
        padding: 93px 20px 20px 20px;
    }
}

Add text padding to demo styles

Add text padding to demo styles


/**
 * Theme Name: alkimia
 * Description: Used to style the TinyMCE editor.
 */

@import url('../style.css');

/**
 * Theme Name: alkimia
 * Description: Used to style the TinyMCE editor.
 */

@import url('ink-min.css');
@import url('../style.css');

Add InK styles to the editor

Add InK styles to the editor


body {
    font-family: Georgia, sans-serif;
    background-color: whitesmoke;
    color: #666666
}
h1 {
    color: mediumslateblue
}
a {
    color: navy;
    text-decoration: none;
    font-weight: Bold
}
div#container {
    width: 700px;
    margin: 60px auto
}
img {
    margin-left: 20px;
    float: right
}
ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px
}
li {
    margin-bottom: 5px
}
hr {
    border: none;
    border-top: 1px solid #ccc
}

body {
    font-family: Georgia, sans-serif;
    background-color: whitesmoke;
    color: #666666
}
h1 {
    color: mediumslateblue
}
p {
    font-size: 17.5px;
    line-height: 1.250;
}
a {
    color: navy;
    text-decoration: none;
    font-weight: Bold
}
img {
    margin-left: 20px;
    float: right
}
ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px
}
li {
    margin-bottom: 5px
}
hr {
    border: none;
    border-top: 1px solid #ccc
}

div#container {
    width: 700px;
    margin: 60px auto
}

Increase font size and line spacing for paragraphs


body,
h1, h2, h3, h4, h5, h6,
footer p {
    padding: 0;
    margin: 0;
}

.slides > header,
.slides > footer,
.slides > section,
.slides > section > header,
.slides > section > footer {
    width: 600px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
}

p, ul {
    margin-left: 10px;
    margin-right: 10px;
}

/* talk */
.slides > header {
    z-index: 100;
    height: 20px;
}

.slides > header * {
    font-size: 10px;
}

.slides > footer {
    z-index: 101;
    top: 380px;
    height: 20px;
}

/* slide */
.slides > section {
    height: 320px;
    padding-top: 80px;
    background: #ccc;
}

.slides > section > header {
    top: 20px;
    height: 40px;
}

.slides > section > footer {
    bottom: 20px;
    height: 20px;
}

.slides-invisible {
    display: none;
}

body,
h1, h2, h3, h4, h5, h6,
footer p {
    padding: 0;
    margin: 0;
}

.slides > header,
.slides > footer,
.slides > section,
.slides > section > header,
.slides > section > footer {
    width: 600px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
}

p, ul, pre {
    margin-left: 10px;
    margin-right: 10px;
}

/* talk */
.slides > header {
    z-index: 100;
    height: 20px;
}

.slides > header * {
    font-size: 10px;
}

.slides > footer {
    z-index: 101;
    top: 380px;
    height: 20px;
}

/* slide */
.slides > section {
    height: 320px;
    padding-top: 80px;
    background: #ccc;
}

.slides > section > header {
    top: 20px;
    height: 40px;
}

.slides > section > footer {
    bottom: 20px;
    height: 20px;
}

.slides-invisible {
    display: none;
}

Add a margin for pre blocks.

Add a margin for pre blocks.


/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/* Override the correction for the prompt area in https://github.com/jupyter/notebook/blob/dd41d9fd5c4f698bd7468612d877828a7eeb0e7a/IPython/html/static/notebook/less/outputarea.less#L110 */
.jupyter-widgets-output-area div.output_subarea {
    max-width: 100%;
}

/* Work-around for the bug fixed in https://github.com/jupyter/notebook/pull/2961 */
.jupyter-widgets-output-area > .out_prompt_overlay {
    display: none;
}

Hide prompt area in classic notebook output widget.

This works around for the bug fixed in https://github.com/jupyter/notebook/pull/2961

Thanks to @mheilman for noting the problem and suggesting a fix.

Fixes #1765


.prevent-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-projects-box {
    background: rgba(255, 255, 255, 0.22);
    padding: 10px 15px;
    border-radius: 2px;
    margin-top: 20px;
}
.public-projects-item {
    background-color: #fff;
    box-shadow: 1px 1px 1px #898787;
    padding: 8px 15px;
    color: #555;
    margin-bottom: 5px;
}
.public-projects-item:hover {
    cursor: pointer;
    background-color: #337AB7;
    color: #fff;
}
.public-projects-box > a:hover {
    text-decoration: none;
}

Fix project hover text decoration

Fix project  hover text decoration


@font-face {
    font-family: franchise;
    src: url('fonts/franchise-bold.ttf'),
         url('fonts/franchise-bold.eot');
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: franchise, serif;
    font-weight: bolder;
    overflow-y: scroll;
}

#pagesContainer {
    display: table;
    height: 100%;
    width: 100%;
}

#page1 {
    height: 100%;
    width: 100%;
    padding: 10px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.title {
    text-transform: uppercase;
    font-size: 111pt;
    margin: 0 auto;
}

@font-face {
    font-family: franchise;
    src: url('fonts/franchise-bold.ttf'),
         url('fonts/franchise-bold.eot');
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: franchise, serif;
    font-weight: bolder;
    overflow-y: scroll;
}

#pagesContainer {
    display: table;
    height: 100%;
    width: 100%;
}

#page1 {
    height: 100%;
    width: 100%;
    padding: 10px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.title {
    text-transform: uppercase;
    font-size: 111pt;
    margin: 0 auto;
    letter-spacing: -6px;
    word-spacing: 45px;
}

Fix word spacing to make our headline a little more readable


body {
  font-family: sans-serif;
  font-size: 12pt;
}

.line {
  stroke: red;
  fill: none;
}
.shape {
  stroke: blue;
  fill: none;
}
.point {
  fill: rgba(0,0,0,0.5);
}

body {
  font-family: sans-serif;
  font-size: 12pt;
}

.line {
  stroke: red;
  fill: none;
}
.shape {
  stroke: blue;
  fill: none;
}
.point {
  fill: rgba(0,0,0,0.05);
  cursor: pointer;
}

Improve display of drag points

Improve display of drag points


/*/*body {
	text-align: center;
	background: #00BFA5;
	font-family: 'Lato', sans-serif;
	display: inline-block;
	vertical-align: middle;
}

html, body {
      background-color: #333231;
      margin: 0;
      height: 100%;
      overflow: hidden;
      font-family: 'Open Sans', sans-serif;
      color: white;
    }

    body:after {
      content: "";
      width: 0;
      height: 100%;
      display: inline-block;
      vertical-align: middle;
    }

    body {
      text-align: center;
      display: inline-block;
      vertical-align: middle;
    }
    */
 /*!
 * Midas 1.0 (http://christoga.github.io/midas)
 * Copyright 2015 Andre Christoga.
 * Licensed under MIT (https://github.com/christoga/midas/blob/master/LICENSE)
 */
 body {
 	font-family: 'Lato', sans-serif;
 	text-align: center;
 	vertical-align: middle;
 	color: white;
    margin: 0;
    height: 100%;
    overflow: hidden;
    /*display: inline-block;*/
 }
#shape {
  border:1px solid #000000;
  text-align: center;
}

/*/*body {
	text-align: center;
	background: #00BFA5;
	font-family: 'Lato', sans-serif;
	display: inline-block;
	vertical-align: middle;
}

html, body {
      background-color: #333231;
      margin: 0;
      height: 100%;
      overflow: hidden;
      font-family: 'Open Sans', sans-serif;
      color: white;
    }

    body:after {
      content: "";
      width: 0;
      height: 100%;
      display: inline-block;
      vertical-align: middle;
    }

    body {
      text-align: center;
      display: inline-block;
      vertical-align: middle;
    }
    */
 /*!
 * Midas 1.0 (http://christoga.github.io/midas)
 * Copyright 2015 Andre Christoga.
 * Licensed under MIT (https://github.com/christoga/midas/blob/master/LICENSE)
 */
 body {
 	font-family: 'Lato', sans-serif;
 	text-align: center;
 	vertical-align: middle;
 	/*color: white;*/
    margin: 0;
    height: 100%;
    overflow: hidden;
    /*display: inline-block;*/
 }
#shape {
  border:1px solid #000000;
  text-align: center;
}

Set body color as black

Set body color as black


.dropdown-header {
  font-size: 1.2em;
  font-weight: bold;
}

#activityForm .ss-main {
  padding: 0;
  border-color: #fff;
}

.dropdown-header {
  font-size: 1.2em;
  font-weight: bold;
}

.ss-main {
  padding: 0;
  border-color: #fff;
}

Remove padding for all simple select widgets


#mapcontainer {
	width: 98%;
	height: 98%;
	margin: 1% 1% 1% 1%;
	image-rendering: -moz-crisp-edges; /* firefox */
	image-rendering: pixelated; /* hopefully everyone eventually */
}

#map {
	width: 100%;
	height: 100%;
	image-rendering: -moz-crisp-edges; /* firefox */
	image-rendering: pixelated; /* hopefully everyone eventually */
}

#info {
	background:#fff;
	position:absolute;
	top:calc(10px + 1%);
	right:calc(10px + 1%);
	padding:10px;
	z-index:100;
	border-radius:3px;
}

#mapcontainer {
	width: 98%;
	height: 98%;
	margin: 1% 1% 1% 1%;
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -webkit-crisp-edges; /* Safari */
	image-rendering: pixelated; /* Chromium */
	-ms-interpolation-mode: nearest-neighbor; /* iexplore.exe (but not edge) */
}

#map {
	width: 100%;
	height: 100%;
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -webkit-crisp-edges; /* Safari */
	image-rendering: pixelated; /* Chromium */
	-ms-interpolation-mode: nearest-neighbor; /* iexplore.exe (but not edge) */
}

#info {
	background:#fff;
	position:absolute;
	top:calc(10px + 1%);
	right:calc(10px + 1%);
	padding:10px;
	z-index:100;
	border-radius:3px;
}

Support more browsers for pixelated zoom in effect


/*
 * $FreeBSD$
 */

BODY, H1, H2, H3, H4, H5, H6, LI {
    font-family: Helvetica, sans-serif;
    font-style: normal;
    background-color: white;
    color: navy;
}

A:link {
    background-color: white;
    color: blue;
}

A:visited {
    background-color: white;
    color: gray;
}

A:active {
    background-color: white;
    color: red;
}

.tiny {
    font-size: x-small;
}

.update {
    font-style: italic;
}

.ok {
    background-color: white;
    color: #070;
}

.ok-stale {
    background-color: white;
    color: #797;
}

.fail {
    background-color: white;
    color: #700;
}

.fail-stale {
    background-color: white;
    color: #977;
}

TD, TH {
    width: 16ex;
    text-align: center;
    vertical-align: middle;
}

IMG {
    border: none;
}

/*
 * $FreeBSD$
 */

BODY, H1, H2, H3, H4, H5, H6, LI {
    font-family: Helvetica, sans-serif;
    font-style: normal;
    background-color: white;
    color: navy;
}

A:link {
    background-color: white;
    color: blue;
}

A:visited {
    background-color: white;
    color: gray;
}

A:active {
    background-color: white;
    color: red;
}

.tiny {
    font-size: x-small;
}

.update {
    font-style: italic;
}

.ok {
    background-color: white;
    color: #070;
}

.ok-stale {
    background-color: white;
    color: #797;
}

.fail {
    background-color: white;
    color: #f00;
}

.fail-stale {
    background-color: white;
    color: #f99;
}

TD, TH {
    width: 16ex;
    text-align: center;
    vertical-align: middle;
}

IMG {
    border: none;
}

Tweak the colors for failed runs

Tweak the colors for failed runs


.zci--js_minify .js_minify__action {
    cursor: default;
}

.zci--js_minify #js_minify__input,
.zci--js_minify #js_minify__output {
    width: 45%;
    font-family: 'monospace';
}

/* CSS for Mobile Screens */
@media only screen and (max-width: 600px) {
    /* Stack the textareas one over the another for mobile screens */
    .zci--js_minify #js_minify__input,
    .zci--js_minify #js_minify__output {
        width: 95%;
    }
}

Add CSS for mobile screens

JsMinify: Add CSS for mobile screens


#top {
display:block;
display: relative;
background-color:;
top: 170px;
}

#second_from_top {
display: block;
position: relative;
top: 300px;

}

#top {
display:block;
display: relative;
background-color:;
top: 120px;
}

#second_from_top {
display: block;
position: relative;
top: 300px;

}

Change top on week stylesheet

Change top on week stylesheet


.minefield {
    line-height:0;
    border-spacing:0;
}

.minefield td {
    padding:0;
}

#result {
  color: red;
}

.spacer {
    margin-top: 20px;
}

.Win tr td img {
  opacity: 0.2;
}

.Loose tr td img {
  opacity: 0.2;
}

.minefield {
    line-height:0;
    border-spacing:0;
}

.minefield td {
    padding:0;
}

#result {
  color: red;
}

.spacer {
    margin: 10px;
}

.Win tr td img {
  opacity: 0.2;
}

.Loose tr td img {
  opacity: 0.2;
}

Add some more margin to the .spacer

Add some more margin to the .spacer


#sidebar {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 2em 0.5em 0 0.5em;
    width: 11em;
}

#content {
    position: relative;
    padding: 0 0 0 11em;
}

ul {
    font-family: sans-serif;
    font-size: 95%;
    list-style-type: square;
    padding: 0 0 0 0;
    margin: 0.3em 0 0 1.5em;
}

a {
    color: #4048c0;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

Links: Adjust link style (color, underline when hovered)

Signed-off-by: Jordan Justen <ab3d56373f2461770fa8feb620844a5acfe35e29@gmail.com>


.headroom--pinned {
  background: white;
  box-shadow: 0 2px 2px -2px rgba(0,0,0,.15);
}

@media (max-width: 800px) {
  .headroom .social { display: none; }
  .headroom form { display: none; }
}

.headroom--pinned {
  background: white;
  box-shadow: 0 2px 2px -2px rgba(0,0,0,.15);
}

@media (max-width: 780px) {
  .headroom .social { display: none; }
  .headroom form { display: none; }
}

Fix media query max size

Fix media query max size


:host {
    display: block;
    margin: calc(1%) calc(5%);
}

/* NOTE: Styling of Runs Table headers  */
.thead-light {
    text-align: center;
}

Add styling for runs table.

Add styling for runs table.


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

body {
  font-family: 'Roboto', sans-serif;
}

.page-content {
  padding-top: 64px;
}

.content-grid {
  max-width: 960px;
}

.card-wide.mdl-card {
  min-height: 100px;
  width: 512px;
}

.card-wide > .mdl-card__title {
  margin: auto;
}

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

body {
  font-family: 'Roboto', sans-serif;
}

.mdl-layout__header-row {
  padding: 0 40px 0 40px;
}

.page-content {
  padding-top: 64px;
}

.content-grid {
  max-width: 960px;
}

.card-wide.mdl-card {
  min-height: 100px;
  width: 512px;
}

.card-wide > .mdl-card__title {
  margin: auto;
}

Make header spacing be consistant

Make header spacing be consistant


.samples-moon-overlay {
	.moon-gridlist-imageitem {
		height: 400px;
		width: 320px;
		margin: 10px;
		position: relative;

		.moon-image {
			height: 300px;
			width: 300px;
		}
	}
}

.samples-moon-overlay {
	.moon-gridlist-imageitem {
		height: 400px;
		width: 300px;
		margin: 10px;
		position: relative;

		.moon-image {
			height: 300px;
			width: 300px;
		}
	}
}

ENYO-1641: Update sample to properly reflect marginless moon.Image inside moon.GridListImageItem.

Enyo-DCO-1.1-Signed-off-by: Aaron Tam <aaron.tam@lge.com>


.button {
  position: relative;
  height: 160px;
  width: 100%;
  border: 2px solid white;
  color: white;
  background: transparent;
  padding: 28px;
  cursor: pointer;
  text-align: left;
  padding-top: 100px;
  border-radius: 8px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 24px;
}

.button:hover {
  background-color: white;
  color: black;
}

.button:hover img {
  filter: invert(1);
}

.cornerIcon {
  position: absolute;
  top: 20px;
  right: 20px;
}

.button {
  position: relative;
  height: 160px;
  width: 100%;
  border: 2px solid white;
  color: white;
  background: transparent;
  padding: 28px;
  cursor: pointer;
  text-align: left;
  padding-top: 100px;
  border-radius: 8px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 24px;
}

@media (max-width: 1099px) {
  .button {
    font-size: 18px;
  }
}

.button:hover {
  background-color: white;
  color: black;
}

.button:hover img {
  filter: invert(1);
}

.cornerIcon {
  position: absolute;
  top: 20px;
  right: 20px;
}

[landing] Reduce "Read the docs" font-size at smallest breakpoint

Summary: Reduce the font-size of "read the docs" text so it remains on a single line at narrowest breakpoint.

Test Plan: Looks as expected on Safari/Chrome/Firefox. Stays on single line at narrowest breakpoint.

Reviewers: ashoat

Reviewed By: ashoat

Subscribers: KatPo, palys-swm, Adrian

Differential Revision: https://phabricator.ashoat.com/D1096


@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {

    html {
        font-size: 16px;
    }

    body {
        font-size: 1rem;
    }
}

a {
    color: #0f7661;
}

.body-content {
    padding-top: 10px;
}

blockquote {
    border-left: 5px solid #ecf0f1;
    margin: 0 0 21px;
    padding: 10.5px 21px;
}

code {
    background-color: #f9f2f4;
    color: #cd186d;
    border-radius: 4px;
    padding: 2px 4px;
}

div.fb-like > span,
div.fb-share-button > span {
    vertical-align: initial !important;
}

pre code {
    background-color: #ecf0f1;
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: block;
    margin: 0 0 10.5px;
    padding: 10px;
    word-break: break-all;
    word-wrap: break-word;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {

    html {
        font-size: 16px;
    }

    body {
        font-size: 1rem;
    }
}

a {
    color: #0f7661;
}

.body-content {
    padding-top: 10px;
}

blockquote {
    border-left: 5px solid #ecf0f1;
    margin: 0 0 21px;
    padding: 10.5px 21px;
}

code {
    background-color: #f9f2f4;
    border-radius: 4px;
    color: #cd186d;
    padding: 2px 4px;
}

div.fb-like > span,
div.fb-share-button > span {
    vertical-align: initial !important;
}

pre code {
    background-color: #ecf0f1;
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: block;
    font-size: 1rem;
    margin: 0 0 10.5px;
    padding: 10px;
    word-break: break-all;
    word-wrap: break-word;
}

Increase code example font size

Increase code example font size

Increase the font size for code examples.


#second_from_top {
display: block;
position: relative;
left: 100px;
top: 750px;
}

#third_from_top {
display: block;
position: relative;
left: 100px;
top: 760px;
}

#second_from_top {
display: block;
position: relative;
left: 100px;
top: 770px;
}

#third_from_top {
display: block;
position: relative;
left: 100px;
top: 780px;
}

Change second block technical relative stylesheet


.module-container {
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  height: calc(100% - 49px);
  overflow: auto;
  position: relative;
}

.module-container.disabled {
  pointer-events: none;
}

.module-container > * {
  position: absolute;
}

.module-container .retainer {
  height: 1px;
  pointer-events: none;
  width: 1px;
}

.module-container {
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  height: calc(100% - 49px);
  overflow: auto;
  position: relative;
}

.module-container.disabled {
  pointer-events: none;
}

.module-container > * {
  position: absolute;
}

.module-container > .retainer {
  height: 1px;
  pointer-events: none;
  width: 1px;
}

Modify CSS class for retainer of module-conatainer


#updatenotification {
	margin-top: -25px;
}

#updatenotification div.update,
#updatenotification ul,
#updatenotification p:not(.inlineblock) {
	margin-bottom: 25px;
}

#updatenotification h2.inlineblock {
	margin-top: 25px;
}

#updatenotification h3 {
	cursor: pointer;
}

#updatenotification h3:first-of-type {
	margin-top: 0;
}

#updatenotification .icon {
	display: inline-block;
	margin-bottom: -3px;
}

#updatenotification .icon-triangle-s,
#updatenotification .icon-triangle-n {
	opacity: 0.5;
}

#updatenotification {
	margin-top: -25px;
}

#updatenotification div.update,
#updatenotification ul,
#updatenotification p:not(.inlineblock) {
	margin-bottom: 25px;
}

#updatenotification h2.inlineblock {
	margin-top: 25px;
}

#updatenotification h3,
#updatenotification h3 .icon {
	cursor: pointer;
}

#updatenotification h3:first-of-type {
	margin-top: 0;
}

#updatenotification .icon {
	display: inline-block;
	margin-bottom: -3px;
}

#updatenotification .icon-triangle-s,
#updatenotification .icon-triangle-n {
	opacity: 0.5;
}

Fix the cursor on the icon

Fix the cursor on the icon

Signed-off-by: Joas Schilling <ab43a7c9cb5b2380afc4ddf8b3e2583169b39a02@schilljs.com>


/*
 * This is a manifest file that'll be compiled into screen.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 * This is a theme stylesheet manifest for the RUNTIME section of the site
 *
 *= require save-on-change
 *= require mw-runtime-base
 *= require modal
 *= require modal-dialog
 *= require jcarousel
 *= require colorbox
 *= require video-js
 *= require font-awesome
 *= require image_question
 *= require activity-sequences
 *= require prediction
 */

/*
 * This is a manifest file that'll be compiled into screen.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 * This is a theme stylesheet manifest for the RUNTIME section of the site
 *
 *= require save-on-change
 *= require mw-runtime-base
 *= require modal
 *= require modal-dialog
 *= require jcarousel
 *= require colorbox
 *= require video-js
 *= require font-awesome
 *= require image_question
 *= require activity-sequences
 */

Fix stylesheet bug that was causing integration test to fail.


html {
background-color: white;
color: black;
}

body {
font-family: Helvetica;
color: black;}

header {
background: white;
color: black;
}

nav ul {
display: inline-block
float: right;
}

nav li {
  display: inline-block;
  color: black;
  float: right;
}

a h1 h3 p hr {
color: black;
}

html {
background-color: white;
color: black;
}

body {
font-family: Helvetica;
color: black;}

header {
background: white;
color: black;
}

nav ul {
display: inline-block
float: right;
padding: 50px;

}

nav li {
  display: inline-block;
  color: black;
  float: right;
}

a h1 h3 p hr {
color: black;
}

Align nav bar text to the right

Align nav bar text to the right


html {
	background-color: #E8C489;
}
header {
	text-align: center;
	display: inline;
}

#headshot {
	top:0px;
	float: left;
}

header div h1 {
	text-align: center;
	font-size: 3em;
	font-family: Poiret One;
	margin-right: 4em;

}

nav {
	clear: both;
	text-align: center;
	margin-bottom: 3em;
	font-family: Josefin Slab;
}

.nav_bar {
	padding: 0.5em 3em;
	display: inline-block;
	text-align: center;
	border: 1px solid black;
	background-color: #7BDAC8;
	color: gray;
}

section div h3 {
	text-align: center;
	font-family: Josefin Slab;
	font-size: 1.5em;
}

section div p {
	float: right;
	width: 90%;
	font-family: Nixie One;
	font-weight: bold;
}

footer {
	display: inline-block;
	bottom: 0px;
	font-size:0.75em;
	width:100%;
	clear: both;

}

html {
	background-color: #E8C489;
}
header {
	text-align: center;
	display: inline;
}

#headshot {
	top:0px;
	float: left;
}

header div h1 {
	text-align: center;
	font-size: 3em;
	font-family: Poiret One;
	margin-right: 4em;

}

nav {
	clear: both;
	text-align: center;
	margin-bottom: 3em;
	font-family: Josefin Slab;
}

.nav_bar:hover {
	background-color: white;
	color: black;
}

.nav_bar {
	padding: 0.5em 3em;
	display: inline-block;
	text-align: center;
	border: 1px solid black;
	background-color: #7BDAC8;
	color: gray;

}

section div h3 {
	text-align: center;
	font-family: Josefin Slab;
	font-size: 1.5em;
}

section div p {
	float: right;
	width: 90%;
	font-family: Nixie One;
	font-weight: bold;
}

footer {
	display: inline-block;
	bottom: 0px;
	font-size:0.75em;
	width:100%;
	clear: both;

}

Change nav bar color on hover

Change nav bar color on hover


#link:hover {
  color: #E80C7A;
}

#link:link {
  color: #E8D812;
}

footer {
  background-color: #D5CEE8;
  text-align: center;
}

Add first pass of website content with CSS styling


.floatright {
    float: right;
    margin: 1ex 0 1ex 1em;
}
.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
figcaption h4 {
    font-style: italic;
}
.floatright figure {
    margin: 1ex 0;
}

Add margin to floatright figure

Add margin to floatright figure


#KalturaSignInModal .partner-id-input {
  display: none;
}

div.code-examples div.highlight pre {
	margin: 1px;
	margin-bottom: 1em;
}

ul.code-tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*border: 1px solid #ccc;
    background-color: #f1f1f1;*/
}

/* Float the list items side by side */
ul.code-tab li {float: left;}

/* Style the links inside the list items */
ul.code-tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 4px 10px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
    border-radius: 10px;
    margin-right: 4px;
}

/* Change background color of links on hover */
ul.code-tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.code-tab li a:focus, .active {background-color: #ccc;}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

Add needed CSS for tabbed code samples.

Add needed CSS for tabbed code samples.


body {margin:0; padding:0;background-color:white;}
.layout-container {
    margin: 0;
    padding: 0;
}
.navbar,
.breadcrumb,
.no-print{
    display:none;
}
#layout-main-wrapper{
    border:none;
    height:auto;
    margin:0;
}
body *{
    -webkit-print-color-adjust: exact;
}

body {margin:0; padding:0;background-color:white;}
.layout-container {
    margin: 0;
    padding: 0;
}
#header-bg,
#footer-bg,
.navbar,
.breadcrumb,
.no-print{
    display:none;
}
#layout-main-wrapper{
    border:none;
    height:auto;
    margin:0;
}

FIX footer and header backgrounds were in pdf


.multivaluefieldlist li { margin-bottom: 4px; }
.multivaluefieldlist li::after { content: '↕'; cursor: pointer; }
.multivaluefieldlist li:last-child { margin-bottom: 0; }
.mventryfield { max-width: 200px !important; }

.multivaluefieldlist > li { margin-bottom: 4px; width: 250px; }
.multivaluefieldlist > li::after { content: '↕'; cursor: pointer; }
.multivaluefieldlist > li:last-child { margin-bottom: 0; }
.mventryfield { max-width: 200px !important; display: inline; }

FIX some layout issues with drag icon

FIX some layout issues with drag icon


body {
    margin:0;
    padding:0;
}

/* Navigation Section */

#navigator{
    background-color:rgb(204, 102, 0);
    height:50px;
}
#navigator-banner{
    background-color:rgb(255, 128, 0);
    height:300px;
}
SS

body {
	margin:0;
	padding:0;
}
#navigator{
	background-color:rgb(204, 102, 0);
	height:50px;
}
#navigator-banner{
	background-color:rgb(255, 128, 0);
	height:300px;
}

/* Navigation Menu */

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: /*whatever width you want*/;
}

Revert "Removed the old Navigator CSS"

Revert "Removed the old Navigator CSS"

This reverts commit dbc85877974cdd24846348eebe5be75e8b6e71f3.


/*
Copyright 2015 OpenMarket Ltd

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

.mx_MemberList {
    height: 100%;

    -webkit-flex: 1;
    flex: 1;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    flex-direction: column;
    -webkit-flex-direction: column;
}

.mx_MemberList_border {
    overflow-y: auto;
    overflow-x: hidden;

    order: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0px;
}

.mx_MemberList_wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
}

Make memberlist css more functional

Make memberlist css more functional


:global(.basic.segment).index {
  :global(.horizontal.list) {
    margin-left: 0;
  }
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  padding-top: 0;

  /* user list scrolls horizontally */
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
}

:global(.basic.segment).index {
  :global(.wrap) {
    max-width: 28rem;
    max-height: 24rem;
    display: inline-block;
    white-space: initial;
    overflow-x: scroll;

    :global(.item), :global(.item:first-child){
      margin: 0rem 1rem;
    }
  }
}

:global(.basic.segment).index {
  :global(.horizontal.list) {
    margin-left: 0;
  }
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  padding-top: 0;

  /* user list scrolls horizontally */
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
}

:global(.basic.segment).index {
  :global(.wrap) {
    max-width: 75rem;
    max-height: 24rem;
    display: inline-block;
    white-space: initial;
    overflow-x: scroll;

    :global(.item), :global(.item:first-child){
      margin: 0rem 1rem;
    }
  }
}

Increase max-width of user list

Increase max-width of user list


@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:700);

.header {
    font-family: 'Roboto Mono';
}

.header h1 {
    font-size: 54px;
    text-align: center;
    margin-bottom: 0;
}

.header ul {
    display: block;
    padding: 0;
    max-width: 620px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.header li {
    display: inline-block;
    width: 200px;
    text-align: center;
}

@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:700);

.header {
    font-family: 'Roboto Mono';
}

.header h1 {
    font-size: 54px;
    text-align: center;
    margin-bottom: 0;
}

.header ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
    max-width: 480px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.header li {
    display: inline-block;
}

Use flexbox to spread topics

Use flexbox to spread topics


body {
  background-color: #FFF700;
}

.center {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #3026B0;
  font-family: serif;
  font-size: 20px;
  top: 90%;
}

#border {
  display: inline-block;
  border: 5px solid black;
}

#underline {
  text-decoration: underline;
}

#list_right {
  display: inline-block;
  position: relative;
  float: right;
  right: 20%;
}

#list_left {
  display: inline-block;
  position: absolute;
  float: left;
  left: 10%;
  width: 40%;
}

ul {
  list-style-type: none;
}

#image_right {
  display: inline-block;
  float: right;
  width: 50%;
}

#image_left {
  left: 25%;
}

#only_border {
  border: 5px solid black;
  padding: 10px;
}

Add Stylesheet for New HTML File

Add Stylesheet for New HTML File


* {
  background-clip: initial;
  background-color: initial;
  background-image: initial;
  background-origin: initial;
  background-repeat: initial;
  border-bottom-color: initial;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: initial;
  border-bottom-width: initial;
  border-image-repeat: initial;
  border-image-slice: initial;
  border-image-source: initial;
  border-image-width: initial;
  border-left-color: initial;
  border-left-width: initial;
  border-right-color: initial;
  border-right-width: initial;
  border-style: initial;
  border-top-color: initial;
  border-top-left-radius: initial;
  border-top-right-radius: initial;
  border-top-width: initial;
  box-shadow: initial;
  color: initial;
  engine: initial;
  font-family: initial;
  font-size: initial;
  font-style: initial;
  font-variant: initial;
  font-weight: initial;
  icon-shadow: initial;
  margin-bottom: initial;
  margin-left: initial;
  margin-right: initial;
  margin-top: initial;
  padding-bottom: initial;
  padding-left: initial;
  padding-right: initial;
  padding-top: initial;
  text-shadow: initial;
}

#inherit {
  background-clip: inherit;
  background-color: inherit;
  background-image: inherit;
  background-origin: inherit;
  background-repeat: inherit;
  border-bottom-color: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-width: inherit;
  border-image-repeat: inherit;
  border-image-slice: inherit;
  border-image-source: inherit;
  border-image-width: inherit;
  border-left-color: inherit;
  border-left-width: inherit;
  border-right-color: inherit;
  border-right-width: inherit;
  border-style: inherit;
  border-top-color: inherit;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-top-width: inherit;
  box-shadow: inherit;
  color: inherit;
  engine: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  icon-shadow: inherit;
  margin-bottom: inherit;
  margin-left: inherit;
  margin-right: inherit;
  margin-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  padding-right: inherit;
  padding-top: inherit;
  text-shadow: inherit;
}

* {
  all: initial;
}

#inherit {
  all: inherit;
}

reftests: Use "all" property in inherit-and-inital test


body, html {
    background-image: url(images/arch-linux-minimalistic-rainbow.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
.element {
    text-decoration: none;
    color: black;
    background-color: lightgrey;
    padding: 10px
}

.element:hover {
    background-color: grey;
}

.active {
    background-color: grey;
}

img {
    text-align: center;
}

.img-container {
    text-align: center;
}

.icon-container {
    text-align: center;
}

.icon-container a {
    text-decoration: none;
}

.icon-container img:hover {
    opacity: 0.5;
}

.navbar {
    padding: 18px;
}

.content {
    padding: 10px 18px;
}

body, html {
    background-image: url(images/arch-linux-minimalistic-rainbow.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
.element {
    text-decoration: none;
    color: black;
    background-color: lightgrey;
    padding: 10px
}

.element:hover {
    background-color: grey;
}

.active {
    background-color: grey;
}

img {
    text-align: center;
}

.img-container {
    text-align: center;
}

.icon-container {
    text-align: center;
}

.icon-container a {
    text-decoration: none;
}

.icon-container img:hover {
    opacity: 0.5;
}

.navbar {
    padding: 18px;
}

.content {
    padding: 10px 18px;
    color: white;
}

Change context font colour to white

Change context font colour to white

Text blended in with the black background colour. Make font colour to be
visible on the background image.

Signed-off-by: Kien Ha <3e36ebd6a7c89ee7d9a20a5fbbffc571f107e566@gmail.com>


body {
  font-family: 'Helvetica Neue', Verdana, Helvetica, Arial, sans-serif;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 72px;
  -webkit-font-smoothing: antialiased;
  font-size: 1.125em;
  color: #333;
  line-height: 1.5em;
}

h1, h2, h3 {
  color: #000;
}
h1 {
  font-size: 2.5em
}

h2 {
  font-size: 2em
}

h3 {
  font-size: 1.5em
}

a {
  text-decoration: none;
  color: #09f;
}

a:hover {
  text-decoration: underline;
}

button {
  display: block;
  margin: 0px auto;
  background: #FFF;
}

.graph {
}

.controls {
  padding-top: 1cm;
  padding-bottom: 1cm;
}

.error {
  border-style: dashed;
  border-width: 3px;
  border-color: #F89;
}

.cheatsheet {
  padding-top: 0.5cm;
}

.cheatsheet .code {
  font-family: monospace;
}

.CodeMirror {
  height: auto;
}

.CodeMirror-scroll {
  max-height: 450px;
}

body {
  font-family: 'Helvetica Neue', Verdana, Helvetica, Arial, sans-serif;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 72px;
  -webkit-font-smoothing: antialiased;
  font-size: 1.125em;
  color: #333;
  line-height: 1.5em;
}

h1, h2, h3 {
  color: #000;
}
h1 {
  font-size: 2.5em
}

h2 {
  font-size: 2em
}

h3 {
  font-size: 1.5em
}

a {
  text-decoration: none;
  color: #09f;
}

a:hover {
  text-decoration: underline;
}

button {
  display: block;
  margin: 0px auto;
  background: #FFF;
}

.graph {
}

.controls {
  padding-top: 1cm;
  padding-bottom: 1cm;
}

.error {
  border-style: dashed;
  border-width: 3px;
  border-color: #F89;
}

.cheatsheet {
  padding-top: 0.5cm;
}

.cheatsheet .code {
  font-family: monospace;
}

.CodeMirror {
  height: auto;
}

.CodeMirror-scroll {
  max-height: 450px;
  height: auto;
}

Fix the height of CodeMirror so it properly fits the content.


/*Base Rules*/
h1 {
  font-size: 300%;
}

ul {
  padding-top: 2%;
  padding-bottom: 2%;
  margin-bottom: 0;
}

li {
  display: inline-block;
}

a {
   color: #000 !important;
}

img {
    max-width: 90%;
    max-height: 50%;
    margin-top: 60px;
    margin-bottom: 100px;
}

footer {
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}

/*Module Rules*/
nav {
    margin-top: 30px;
    border-radius: 0 !important;
}

ul .nav-info:first-child {
  margin-left: 30%;
}

.nav-info  {
  font-size: 130%;
  margin-right: 5%;
}

.nav-info a {
 color: #fff !important;
}

.footer-info a {
 color: #fff !important;
 font-size: 130%;
}

.footer-info:last-child {
  color: #fff;
}

/*State Rules*/
a:hover {
  text-decoration: underline;
  color: #000 !important;
}

/*Base Rules*/
h1 {
  font-size: 300%;
}

ul {
  padding-top: 2%;
  padding-bottom: 2%;
  margin-bottom: 0;
}

li {
  display: inline-block;
}

a {
   color: #000 !important;
}

img {
    max-width: 90%;
    max-height: 50%;
    margin-top: 60px;
    margin-bottom: 100px;
}

footer {
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}

/*Module Rules*/
nav {
    margin-top: 30px;
    border-radius: 0 !important;
}

ul .nav-info:first-child {
  margin-left: 37%;
}

.nav-info  {
  font-size: 130%;
  margin-right: 5%;
}

.nav-info a {
 color: #fff !important;
}

.footer-info a {
 color: #fff !important;
 font-size: 130%;
}

.footer-info:last-child {
  color: #fff;
}

/*State Rules*/
a:hover {
  text-decoration: underline;
  color: #000 !important;
}

Change margin left percentage for the nav pills


/*
 * Author:        Pierre-Henry Soria <hello@ph7cms.com>
 * Copyright:     (c) 2016, Pierre-Henry Soria. All Rights Reserved.
 * License:       GNU General Public License; See PH7.LICENSE.txt and PH7.COPYRIGHT.txt in the root directory.
 */

/** Change the color text to a more visible one (darker/whiter) when the background video on the splash homepage is enabled **/
body {color:#333 !important}
.bt_login_forgot a, #form_login_user label, #promo_text, #form_join_user em {color:#FFF !important}
footer a, footer p {color: #EEE} /* Not "!important" for this one, otherwise all footer paragraph/link colors will be overwritten as well */
.ft_dm a.dropdown_item {color:#EEE !important}
#form_join_user label, nav.bottom_nav {color:#EEE !important}
.show_dropdown li a {color:#333 !important}
.ft {color:#FFF !important}
#logo a {color:#EEE}

/*
 * Author:        Pierre-Henry Soria <hello@ph7cms.com>
 * Copyright:     (c) 2016, Pierre-Henry Soria. All Rights Reserved.
 * License:       GNU General Public License; See PH7.LICENSE.txt and PH7.COPYRIGHT.txt in the root directory.
 */

/** Change the color text to a more visible one (darker/whiter) when the background video on the splash homepage is enabled **/
body {color:#333 !important}
.bt_login_forgot a, #form_login_user label, #promo_text, #promo_text a, #form_join_user em {color:#FFF !important}
footer a, footer p {color: #EEE} /* Not "!important" for this one, otherwise all footer paragraph/link colors will be overwritten as well */
.ft_dm a.dropdown_item {color:#EEE !important}
#form_join_user label, #form_join_user label a, nav.bottom_nav {color:#EEE !important}
.show_dropdown li a {color:#333 !important}
.ft {color:#FFF !important}
#logo a {color:#EEE}

Set the links on Slash Homepage to white as well!


#wrap {
   width:600px;
   margin:0 auto;
}
#left_col {
   float:left;
   width:400px;
}
#right_col {
   float:right;
   width:200px;
}

h1, h2, h3 {
	font-family:'Yanone Kaffeesatz',serif;
}

h3 {
	font-size: 23px;
	font-weight: 200;
}

body{
	font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-size: 12px;
}

.centered-header {
	background: none;
	text-align: center;
	background: url(../../images/dotted.bg.png);
	line-height: 0;
}

.menu {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

.menuli {
	float:left;
	font-family:'Yanone Kaffeesatz',serif;
	font-size: 23px;
	font-weight: 400;
}

.menulink {
	display:block;
	width:120px;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
	color: black;
}

#wrap {
   width:900px;
   margin:0 auto;
}
#left_col {
   float:left;
   width:600px;
}
#right_col {
   float:right;
   width:200px;
}

h1, h2, h3 {
	font-family:'Yanone Kaffeesatz',serif;
}

h3 {
	font-size: 23px;
	font-weight: 200;
}

body{
	font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-size: 12px;
}

.centered-header {
	background: none;
	text-align: center;
	background: url(../../images/dotted.bg.png);
	line-height: 0;
}

.menu {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

.menuli {
	float:left;
	font-family:'Yanone Kaffeesatz',serif;
	font-size: 23px;
	font-weight: 400;
}

.menulink {
	display:block;
	width:120px;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
	color: black;
}

Make wider and leave some space between cols.


/* Media queries breakpoints */
@custom-media --mobile  (min-width: 0);
@custom-media --phone   (min-width: 544px);
@custom-media --tablet  (min-width: 768px);
@custom-media --desktop (min-width: 992px);
@custom-media --huge    (min-width: 1200px);

body {
  width: 100vw;
  height: 100vh;

  & > div:first-of-type {
    width: 100%;
    height: 100%;
  }
}

.container {
  width: 100%;
  height: 100%;

  display: flex;
  background-image: url(./static/00.jpg);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;

  @media (--mobile) {
    flex-flow: column wrap;
  }
}
}

/* Media queries breakpoints */
@custom-media --mobile  (min-width: 0);
@custom-media --phone   (min-width: 544px);
@custom-media --tablet  (min-width: 768px);
@custom-media --desktop (min-width: 992px);
@custom-media --huge    (min-width: 1200px);

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  width: 100vw;
  height: 100vh;

  & > div:first-of-type {
    width: 100%;
    height: 100%;
  }
}

.container {
  width: 100%;
  height: 100%;

  display: flex;
  background-image: url(./static/00.jpg);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;

  @media (--mobile) {
    flex-flow: column wrap;
  }
}
}

Configure scalable base font size

Configure scalable base font size


.App {
  text-align: left;
}

.Header {
  background-color: #222;
  color: white;
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  padding: 8px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
}

.App-intro {
  font-size: large;
}

.Editor {
  position: relative;
  width: 100%;
  height: 100%
}

.Editor .CodeMirror {
  position: absolute;
  width: 100%;
  height: 100%;
}

#Container {
    display: flex;
    flex-direction: row;
    top: 36px;
    position: relative;
}

.hidden {
  display: none;
}

.App {
  text-align: left;
}

.Header {
  background-color: #222;
  color: white;
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  padding: 8px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
}

.App-intro {
  font-size: large;
}

.Editor {
  position: relative;
  width: 100%;
  height: 100%
}

.Editor .CodeMirror {
  position: absolute;
  width: 100%;
  height: calc(100% - 38px);
}

#Container {
    display: flex;
    flex-direction: row;
    top: 36px;
    position: relative;
}

.hidden {
  display: none;
}

:bug: Fix codemirror height due to navbar height


.eri-responsive {
  width: 100%;
  height: auto;
}

.eri-fixed,
.eri-responsive {
  content-visibility: auto;
}

Add `content-visibility: auto;` to for lazy rendering

Closes #151


img {
  width: 120px;
  height: 120px;
  -webkit-user-drag: none;
  margin-top: 40px;
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
}

body {
  background-color: #fff;
  margin: 0;
  font-family: 'Courier New', Courier, monospace;
  font-size: 16px;
  text-align: center;
}

p#brand {
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}

p#about-version {
  text-align: center;
  font-size: 14px;
}

#close-button {
  background-color: rgb(114, 123, 132);
  border: 0;
  color: white;
  font-weight: 400;
  font-size: 16px;
  padding: 6px 12px;
  height: 38px;
}

img {
  width: 120px;
  height: 120px;
  -webkit-user-drag: none;
  margin-top: 40px;
  box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
}

body {
  background-color: #fff;
  margin: 0;
  font-family: 'Courier New', Courier, monospace;
  font-size: 16px;
  text-align: center;
}

p#brand {
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}

p#about-version {
  text-align: center;
  font-size: 14px;
}

#close-button {
  background-color: rgb(114, 123, 132);
  border: 0;
  color: white;
  font-weight: 400;
  font-size: 16px;
  padding: 6px 12px;
  height: 38px;
  outline: none;
}

Remove hover outline of close button in info window


ul.igcs-notice {
	padding: 7px;
	background: white;
	font-size: 24px;
	margin-top: 5px;
}

ul.igcs-notice svg {
	display: inline;
}

ul.igcs-notice > li {
	padding: 6px;
	display: inline;
	background: white;
}

ul.igcs-notice > li:first-child {
	padding-left: 14px;
}

.fa-ul {
	margin-left: 41px;
	padding-left: 15px;
	background: white;
}

.dl-waiting {
	color: #bbb;
}

.dl-done {
	color: green;
}

.SgTZ1.Tgarh .Slqrh {
	margin-top: 0px;
}

Fix display issue where download notification icons were shown on top of heart and comment buttons when a post contained multiple images


:root {
  overflow-x: hidden;
}

p {
  margin: 0;
}

button {
  background-color: transparent;
  border: 0 none;
  padding: 0;
}

button:focus, button:active {
  outline: 0 none;
}

Fix sidebar causing overflow on root element


html, body{
  height: 100%;
}

body {
  background-color: #eee;
}

.decisionCreation {
  padding-bottom: 0.5em;
}

.panel {
  padding: 10px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  background: white;
  border-radius: 2px;
}

.row {
  padding: 1em;
}

.form-control-label:after {
  content:"*";
  color:red;
}

.pickers {
  display: inline !important;
}

.decisions-composer textarea {
  resize: none;
}

.private-data {
  margin-top:1.8em;
}

.badge {
  font-size:0.9em;
}

.legislationConsider {
  display: inline-block;
}

.dvgColor {
  color: #237885;
}

.paddingRecipients {
  padding-top: 1em;
}

.noPadding {
  padding: 0em !important;
}

.expensesTable td, .expensesTable th {
   text-align: center;
}

.balanceAccountPadding {
  padding-top: 6em;
}

#is_balance_account_approval_for_org, #is_budget_approval_for_org {
  display: block;
  margin: 0 auto;
}

.expensesWithKae td {
  vertical-align: middle !important;
}

Add expenses with kae styling

Add expenses with kae styling


p, ol, h2 {
	margin-top: 2em;
}
body {
	margin: 0;
	font: 1em/1.5 Arial, sans-serif;
}
body > div {
	padding: 2em;
}
#tom {
	color: #FFF;
	background-color: #000;
	padding: 5em;
}
#tom small {
	color: #777;
}
#reports {
	margin: 2em;
}
#reports p {
	margin-top: 3em;
}
pre {
	padding: 1em;
	background-color: #EFEFEF;
}

p, ol, h2 {
	margin-top: 2em;
}
body {
	margin: 0;
	font: 1em/1.5 Arial, sans-serif;
}
body > div {
	padding: 2em;
}
#tom {
	color: #FFF;
	background-color: #000;
	padding: 5em;
}
#tom small {
	color: #777;
}
#reports {
	margin: 2em;
}
#reports p {
	margin-top: 3em;
}
pre {
	padding: 1em;
	background-color: #EFEFEF;
	overflow-x: auto;
}

Add scrollbar to report JSONs

Add scrollbar to report JSONs


.panel-heading {
    text-align: left;
}

.padded-panel {
}

.fitted-panel.minimap-container {
    margin-left: 90px;
    width: auto;
}

.fitted-panel .minimap {
    background-color: #ffffff;
    border: none;
    float: none;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    position: absolute;
    left: 0;
    padding-left: 0;
    /*width: 80px;*/
    height: calc(100vh - 200px);
}

.minimap-children {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    border-radius: 5px;
}

.minimap-children .minimap-title {
    text-align: center;
    font-size: 12px;
}

.panel-heading {
    text-align: left;
}

.padded-panel {
}

.fitted-panel.minimap-container {
    margin-left: 90px;
    width: auto;
}

.fitted-panel .minimap {
    background-color: #ffffff;
    border: none;
    float: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: absolute;
    left: 0;
    padding-left: 0;
    /*width: 80px;*/
    height: calc(100vh - 200px);
}

.minimap-children {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    border-radius: 5px;
}

.minimap-children .minimap-title {
    text-align: center;
    font-size: 12px;
}

Use backface-visibility to stop flickering CSS on minimap when scrolling


/*
Theme Name: @drublic
Theme URI: http://drublic.de/
Description:
Author: the WordPress team
Version: 0.0
Tags:
*/

/*
Theme Name: @drublic
Theme URI: http://drublic.de/
Description:
Author: Hans Christian Reinl
Version: c110
Tags:
*/

Add author and version number to wordpress-theme

Signed-off-by: drublic <8800578b51f022c8d8adb9606a8b3db4fedbdac6@sa-designz.de>