/*
 * CSS rules for the mirrored display
 */

body {
  overflow: hidden;
}

/* zoom the titlecard */
/* #titlecard { zoom: 250%; } */

/*
 * move the titlecard away from the left edge/corner
 * and round it out so it looks like it belongs there
 */
.widget-titlecard {
  top: 21px !important;
  left: 21px !important;
  border-radius: 3px !important;
}

/* hide a bunch of the titlecard elements */
#titlecard div[class="widget-timemachine-button-icon"],
#titlecard div[class="widget-titlecard-divider"],
#titlecard div[class="widget-titlecard-spotlightcontainer"],
#titlecard div[class="widget-titlecard-spotlight-divider"],
#titlecard div[role="navigation"] button[class="widget-titlecard-exitcontainer"] {
  display: none;
}

#runway-expand-button,
#butterbar {
  display: none;
}

/* hide the european info about cookies */
#pushdown { display:none; }
#content-container { top:0px !important; }

/*
 * CSS rules for the mirrored display
 */

body {
  overflow: hidden;
}

/* zoom the titlecard */
/* #titlecard { zoom: 250%; } */

/*
 * move the titlecard away from the left edge/corner
 * and round it out so it looks like it belongs there
 */
.widget-titlecard {
  top: 21px !important;
  left: 21px !important;
  border-radius: 3px !important;
}

/* hide a bunch of the titlecard elements */
#titlecard div[class="widget-timemachine-button-icon"],
#titlecard div[class="widget-titlecard-divider"],
#titlecard div[class="widget-titlecard-spotlightcontainer"],
#titlecard div[class="widget-titlecard-spotlight-divider"],
#titlecard div[role="navigation"] button[class="widget-titlecard-exitcontainer"] {
  display: none;
}

#zoom,
#searchboxinput,
#searchbox_form,
.searchbutton,
#runway-expand-button,
#butterbar {
  display: none;
}

/* hide the european info about cookies */
#pushdown { display:none; }
#content-container { top:0px !important; }

Hide some display widgets more specifically


/*//////////////////

   Global styles

//////////////////*/
body {
  background: url(../../../images/v2/gsoc/body-bg.png) repeat;
  color: #000;
  font: 13px/1.5em Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
img.alignright {
  float: right;
  padding: 0 0 5px 10px;
}
img.alignleft {
  float: left;
  padding: 0 10px 5px 0;
}
::selection {
  background: #efac4c;
  color: #fff;
}
::-moz-selection {
  background: #efac4c;
  color: #fff;
}
.disabled {
  color: grey !important;
}

Add disabled class to GSoC too.

Add disabled class to GSoC too.


/*
Copyright (c) 2010 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.
*/

.exception-pattern {
  -webkit-box-flex: 1;
  -webkit-margin-end: 10px;
  -webkit-margin-start: 14px;
}

.exception-setting {
  -webkit-margin-end: 20px;
  display: inline-block;
  width: 100px;
}

select.exception-setting {
  vertical-align: middle;
}

/* Hacks to make the <select> align better with the <input>. */
html[toolkit=gtk] select.exception-setting {
  height: 22px;
  margin-top: 1px;
}

#exception-column-headers {
  -webkit-margin-start: 17px;
  display: -webkit-box;
  margin-top: 17px;
}

#exception-column-headers > div {
  font-weight: bold;
}

#exception-pattern-column {
  -webkit-box-flex: 1;
}

#exception-behavior-column {
  width: 145px;
}

.otr-explanation {
  font-style: italic;
}

#content-settings-exceptions-area list {
  margin-bottom: 10px;
  margin-top: 4px;
}

#plugins-tab {
  display: block;
  margin: 7px 0px;
}

/*
Copyright (c) 2010 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.
*/

.exception-pattern {
  -webkit-box-flex: 1;
  -webkit-margin-end: 10px;
  -webkit-margin-start: 14px;
}

.exception-setting {
  display: inline-block;
  width: 120px;
}

select.exception-setting {
  vertical-align: middle;
}

#exception-column-headers {
  -webkit-margin-start: 17px;
  display: -webkit-box;
  margin-top: 17px;
}

#exception-column-headers > div {
  font-weight: bold;
}

#exception-pattern-column {
  -webkit-box-flex: 1;
}

#exception-behavior-column {
  width: 145px;
}

.otr-explanation {
  font-style: italic;
}

#content-settings-exceptions-area list {
  margin-bottom: 10px;
  margin-top: 4px;
}

#plugins-tab {
  display: block;
  margin: 7px 0px;
}

Change content exception table styling.

Change content exception table styling.

BUG=78779
TEST=manual

Review URL: http://codereview.chromium.org/6927020

git-svn-id: de016e52bd170d2d4f2344f9bf92d50478b649e0@84798 0039d316-1c4b-4281-b951-d872f2087c98


ot-editor {
    border: 1px solid grey;
    display: block;
    padding: 5px;
}

ot-editor .opentok-editor-mode-select {
    float: right;
}

ot-editor .opentok-editor-connecting {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 10%;
}

ot-editor div.opentok-editor, ot-editor .CodeMirror {
    width: 100%;
    height: 100%;
}

Make the CodeMirror editor fill ot-editor


Add missing ITCSS placeholder layers

Add missing ITCSS placeholder layers


/* Global Styles */

:root {
  font-size: 14px;
}

@media (--breakpoint-medium) {
  :root {
    font-size: 16px;
  }
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

/* Reset h1 styling from normalize.css */
h1 {
  margin: 0;
  font-size: inherit;
}

address,
blockquote,
form,
fieldset,
figure,
dl,
ol,
ul,
p,
pre,
table {
  margin-bottom: 1rem;
}

dt,
li {
  margin-bottom: 0.5rem;
}

a {
  color: var(--blue);
}

a:hover {
  color: var(--light-blue);
}

/* Global Styles */

:root {
  font-size: 14px;
}

@media (--breakpoint-medium) {
  :root {
    font-size: 16px;
  }
}

address,
blockquote,
form,
fieldset,
figure,
dl,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
table {
  margin: 0;
  padding: 0;
  font: inherit;
}

address,
blockquote,
form,
fieldset,
figure,
dl,
ol,
ul,
p,
pre,
table {
  margin-bottom: 1rem;
}

dt,
li {
  margin-bottom: 0.5rem;
}

a {
  color: var(--blue);
}

a:hover {
  color: var(--light-blue);
}

Use element selectors instead of *

Use element selectors instead of *


* {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}

.main-container {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 600px;
  margin: 0 auto;
}

.header-container, .video-container, .video_control-container {
  margin: 10px 0;
  text-align: center;
}

.transcription-container {
  margin: 10px 0;
}

h1 {
  font-weight: bold;
  font-size: 45px;
  font-family: 'Bilbo Swash Caps', cursive !important;
  font-style: italic;
}

.transcription-viewer-container {
  max-height: 250px;
  color: gray;
  overflow: scroll;
}

.selected-caption {
  background-color: yellow;
  font-weight: bold;
  color: black;
}

.caption {
  padding: 1px 0;
}

* {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}

.main-container {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 600px;
  margin: 0 auto;
}

.header-container, .video-container, .video_control-container {
  margin: 10px 0;
  text-align: center;
}

.transcription-container {
  margin: 10px 0;
}

h1 {
  font-weight: bold;
  font-size: 45px;
  font-family: 'Bilbo Swash Caps', cursive !important;
  font-style: italic;
}

.transcription-viewer-container {
  max-height: 250px;
  color: gray;
  overflow: scroll;
}

.selected-caption {
  background-color: yellow;
  font-weight: bold;
  color: black;
}

.caption {
  padding: 5px;
}

Add more padding on captions

Add more padding on captions


/* custom properties */

/* custom selectors */

/* usage */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  color: rgba(0, 0, 0, 0.9);
}

Add simple CSS file to test preprocessors

Built from de162818f67a6ac3ae22e88e6f356d8b3c44575b.


.node circle {
  cursor: pointer;
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node text {
  font-size: 11px;
  color:rgb(9,120,161);
}

path.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

.node circle {
  cursor: pointer;
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node text {
  font-size: 11px;
  fill:rgb(9,120,161);
}

path.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

Make classes in parent-child view blue, to look more like links.


body {
    margin: 20px;
}

section {
    border-top: 1px solid #e5e5e5;
    padding: 18px;
}

Add some space around the body

Add some space around the body


#project1, #project2, #project3 {
  display: none;
}

body {
  background: url("https://images.unsplash.com/photo-1483205464475-6204a96e1ef3?dpr=1&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=");
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.wrap {
    margin: auto;
    width: 50%;
    border: 2px solid #eeecec;
    padding: 70px;
    margin-top: 50px;
}

a {
  color: #000080;
  font-family: sans-serif;
}

img {
    display: block;
    margin: auto;
    width: 80%;
    align-self: center;
}

.footer {
   display: table;
   text-align: center;
   font-family: sans-serif;
   margin-left: auto;
   margin-right: auto;
}

#project1, #project2, #project3 {
  display: none;
}

body {
  background: url("https://images.unsplash.com/photo-1483205464475-6204a96e1ef3?dpr=1&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=");
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.wrap {
    margin: auto;
    width: 50%;
    border: 2px solid #eeecec;
    padding: 70px;
    margin-top: 50px;
}

a {
  color: #f7f7f7;
  font-family: sans-serif;
}

img {
    display: block;
    margin: auto;
    width: 80%;
    align-self: center;
}

.footer {
   display: table;
   text-align: center;
   font-family: sans-serif;
   margin-left: auto;
   margin-right: auto;
}

Change the link color to white

Change the link color to white


[epub-type="stretchsummary"],
.stretchsummary {
	border: 1px dashed gray;
	cursor: pointer;
	padding: 1px;
	color: inherit;
	text-decoration: none;
}

[epub-type="stretchsummary"]:hover,
.stretchsummary:hover {
	border-style: solid;
}

[epub-type="stretchsummary"]::after,
.stretchsummary::after {
	content: "\00bb"; /* >> character */
	color: #88886d;
	padding-left: 3px;
	padding-right: 3px;
}

[epub-type="stretchsummary"] + [epub-type="stretchdetail"],
.stretchsummary + .stretchdetail {
	margin-left: 0.1em;
}

[epub-type="stretchdetail"],
.stretchdetail {
	display: none;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

[epub-type="stretchdetail"].stretchtext-open,
.stretchdetail.stretchtext-open {
	opacity: 1;
}

[epub-type="stretchsummary"].stretchtext-open::after,
.stretchsummary.stretchtext-open::after {
	content: "\00ab"; /* << character */
}

[epub-type="stretchsummary"],
.stretchsummary {
	border: 1px dashed gray;
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}

[epub-type="stretchsummary"]:hover,
.stretchsummary:hover {
	border-style: solid;
}

[epub-type="stretchsummary"]::after,
.stretchsummary::after {
	content: "\00bb"; /* >> character */
	color: #88886d;
	padding-left: 3px;
	padding-right: 3px;
}

[epub-type="stretchsummary"] + [epub-type="stretchdetail"],
.stretchsummary + .stretchdetail {
	margin-left: 0.1em;
}

[epub-type="stretchdetail"],
.stretchdetail {
	display: none;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

[epub-type="stretchdetail"].stretchtext-open,
.stretchdetail.stretchtext-open {
	opacity: 1;
	background-color: #FAF0E6;
}

[epub-type="stretchsummary"].stretchtext-open::after,
.stretchsummary.stretchtext-open::after {
	content: "\00ab"; /* << character */
}

Add a background color to open stretch details, and remove the padding on the stretch summary.


/* Global */
html {
    font-family: 'Times New Romain';
}
#m-muh_container, footer, header {
    clear: both;
    margin: 0 auto;
    width: 960px;
}
header, footer {
    display: block;
    list-style-type: none;
    list-style: none;
}
.left {
    float: left;
    width: 50%;
}
header .right ul {
    margin-top: 2em;
}
.right {
    width: 50%;
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
    text-align: right;
}
.right li, .left li {
    display: inline;
    margin-right: 1em;
    margin-left: 1em;
}
footer {
    border-top: solid 1px #999;
}
.mug {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
#busted_pixel {
    position: fixed;
    top: 420px;
    left: 340px;
}

/* Index Page */
#oleg_logo {
    margin: 0 auto;
    width: 100%;
}
#talky_talk {
    width: auto;
    padding-top: 10em;
    padding-left: 8em;
}

/* Global */
html {
    font-family: 'Times New Romain';
}
#m-muh_container, footer, header {
    clear: both;
    margin: 0 auto;
    width: 960px;
}
header, footer {
    display: block;
    list-style-type: none;
    list-style: none;
}
.left {
    float: left;
    width: 50%;
}
header .right ul {
    margin-top: 2em;
}
.right {
    width: 50%;
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
    text-align: right;
}
.right li, .left li {
    display: inline;
    margin-right: 1em;
    margin-left: 1em;
}
footer {
    border-top: solid 1px #999;
}
.mug {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
#busted_pixel {
    position: fixed;
    top: 420px;
    left: 340px;
}

/* Index Page */
#oleg_logo {
    margin: 0 auto;
    width: 100%;
}
#talky_talk {
    width: auto;
}

Remove padding because it doesn't work everywhere


@import url("./sphinxdoc.css");

body {
    background-color: #E5E2E2;
}

div.sphinxsidebar h4, div.sphinxsidebar h3 {
    background-color: #2F83C8;
}

h1 {
    color: #2F83C8;
}

div.footer {
    background-color: #CEC890;
}

div.body {
    background-color: white;
}

@import url("./sphinxdoc.css");

body {
    background-color: #E5E2E2;
    min-width: 70em;
}

div.sphinxsidebar h4, div.sphinxsidebar h3 {
    background-color: #2F83C8;
}

h1 {
    color: #2F83C8;
}

div.footer {
    background-color: #CEC890;
}

div.body {
    background-color: white;
}

Set minimum width for html body so code sections don't require scroll bars.

git-svn-id: 24f545668198cdd163a527378499f2123e59bf9f@940 ead46cd0-7350-4e37-8683-fc4c6f79bf00


div.document {
    width: 1040px;
}

code.descname {
    color: #4885ed;
}

th.field-name {
    min-width: 100px;
    color: #3cba54;
}

Fix some style issues in the docs

Fix some style issues in the docs


* {
    font-family:sans-serif;
}
body {
    text-align:center;
    padding:1em;
}
.messages {
    width:100%;
    max-width:700px;
    text-align:left;
    display:inline-block;
}
.messages img {
    background-color:rgb(248,244,240);
    width:36px;
    height:36px;
    border-radius:0.2em;
    display:inline-block;
    vertical-align:top;
    margin-right:0.65em;
}
.messages .time {
    display:inline-block;
    color:rgb(200,200,200);
    margin-left:0.5em;
}
.messages .username {
    display:inline-block;
    font-weight:600;
    line-height:1;
}
.messages .message {
    display:inline-block;
    vertical-align:top;
    line-height:1;
    width:calc(100% - 3em);
}
.messages .message .msg {
    line-height:1.5;
}

* {
    font-family: sans-serif;
}

body {
    text-align: center;
    padding: 1em;
}

.messages {
    width: 100%;
    max-width: 700px;
    text-align: left;
    display: inline-block;
}

.messages img {
    background-color: rgb(248, 244, 240);
    width: 36px;
    height: 36px;
    border-radius: 0.2em;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.65em;
    float: left;
}

.messages .time {
    display: inline-block;
    color: rgb(200, 200, 200);
    margin-left: 0.5em;
}

.messages .username {
    display: inline-block;
    font-weight: 600;
    line-height: 1;
}

.messages .message {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    width: calc(100% - 3em);
}

.messages .message .msg {
    line-height: 1.5;
}

Add float:left on img; reformat CSS

Add float:left on img; reformat CSS


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

.stdout, .stderr {
    border: solid #CCCCCC 1px;
    margin: 0.5em;
    padding: 0.2em;
}

.stderr {
    color: red;
}

.summary, .result {
    color: blue;
    border: solid #CCCCCC 1px;
    margin: 0.2em;
    padding: 0.2em;
}

Add a simple CSS file

Add a simple CSS file


.spoilers-body {
	border: 1px dashed #000;
	background-color: #EEE;
	padding: 3px;
}

.spoilers-button-container {
	padding: 1px 0;
}

.spoilers-button {
	background: #AAA;
	background: -moz-linear-gradient(top, #EEE, #AAA);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #EEE), color-stop(100%, #AAA));
	background: -webkit-linear-gradient(top, #EEE, #AAA);
	background: -o-linear-gradient(top, #EEE, #AAA);
	background: -ms-liner-gradient(top, #EEE, #AAA);
	background: linear-gradient(to bottom, #EEE, #AAA);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEE', endColorstr='#AAA',GradientType=0 );
	border: 1px solid #999;
	border-radius: 5px;
	padding: 3px 10px;
	transition: 0.1s background-position linear;
}

.spoilers-button:hover {
	background-position: 0 -6px;
	cursor: pointer;
}

.spoilers-body {
	border: 1px dashed #000;
	background-color: #EEE;
	padding: 3px;
	display: none;
}

.spoilers-button-container {
	padding: 1px 0;
}

.spoilers-button {
	background: #AAA;
	background: -moz-linear-gradient(top, #EEE, #AAA);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #EEE), color-stop(100%, #AAA));
	background: -webkit-linear-gradient(top, #EEE, #AAA);
	background: -o-linear-gradient(top, #EEE, #AAA);
	background: -ms-liner-gradient(top, #EEE, #AAA);
	background: linear-gradient(to bottom, #EEE, #AAA);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEE', endColorstr='#AAA',GradientType=0 );
	border: 1px solid #999;
	border-radius: 5px;
	padding: 3px 10px;
	transition: 0.1s background-position linear;
}

.spoilers-button:hover {
	background-position: 0 -6px;
	cursor: pointer;
}

.spoilers-hide {
	display: none;
}

Use CSS to hide by default.

Use CSS to hide by default.


#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;
    font-family: verdana;
    color: #40494d;
}

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;
}

p {
    margin: .4em 0 .5em 0;
    line-height: 1.5em;
}

h1 {
    color: #1c72b4;
    font-weight: bold;
    font-size: 110%
}

h2 {
    color: #1c72b4;
    font-weight: bold;
    font-size: 100%
}

h3 {
    color: #1c72b4;
    font-weight: bold;
    font-size: 90%
}

#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;
    font-family: verdana;
    color: #40494d;
    max-width: 60em;
}

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;
}

p {
    margin: .4em 0 .5em 0;
    line-height: 1.5em;
}

h1 {
    color: #1c72b4;
    font-weight: bold;
    font-size: 110%
}

h2 {
    color: #1c72b4;
    font-weight: bold;
    font-size: 100%
}

h3 {
    color: #1c72b4;
    font-weight: bold;
    font-size: 90%
}

css: Set content max-width to prevent really long lines

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


.description {
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	padding-left: 15px;
	/* padding-bottom: 10px; */
}

.sticker-cast {
	padding-left: 15px;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
}

.no-space {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.sticker {
	display: inline-block;

	background-size: cover;
	margin-bottom: -6px;
}

.main-sticker {
	width: 492px;
	height: 277px;
}

.sticker-left {
	width: 246px;
	height: 140px;
}

.sticker-right {
	width: 246px;
	height: 140px;
}

.description {
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	padding-left: 15px;
	/* padding-bottom: 10px; */
}

.sticker-cast {
	padding-left: 15px;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
}

.no-space {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.sticker {
	display: inline-block;
	background-size: cover;
	margin-bottom: -6px;
}

.main-sticker {
	width: 492px;
	height: 277px;
}

.sticker-left {
	width: 246px;
	height: 140px;
}

.sticker-right {
	position: absolute;
	width: 246px;
	height: 140px;
}

Fix in theaters movies display

Fix in theaters movies display


body {
  background: #fafafa;
  font-family: "omnes-pro",sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #212121;
}

body {
  font-family: "omnes-pro",sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #212121;
}

Change body background to white

styles: Change body background to white


/*nanny styles*/
.content{
	background-color: #fff;
	padding: 1px 20px 0 20px;
}
.content h4{
	color: #8dc63f;
	font-weight: bold;
}
.info{
    min-height: 20px;
    max-height: 150px;
    overflow-y: auto;
	padding: 19px;
	margin-bottom: 20px;
}
.dotted-line{
	height: 15px;
	border-bottom-style: dotted;
	border-bottom-color: #8dc63f;
}
.children{
	padding-top: 20px;
}

.icon-cont{
	border-right: 1px solid #e3e3e3;
}
.container-completed{
	min-height: 400px;
}

.relative{
	position: relative;
}
.right-hr{
	position: absolute;
	border-right: 1px solid #e3e3e3;
	height: 166px;
	top: -20px;
	left: 100px;
}
/*end nanny styles*/

/*nanny styles*/
.content{
	background-color: #fff;
	padding: 1px 20px 0 20px;
}
.content h4{
	color: #8dc63f;
	font-weight: bold;
}
.info{
    min-height: 20px;
    max-height: 150px;
    overflow-y: auto;
	padding: 19px;
	margin-bottom: 20px;
}
.dotted-line{
	height: 15px;
	border-bottom-style: dotted;
	border-bottom-color: #8dc63f;
}
.children{
	padding-top: 20px;
}

.icon-cont{
	border-right: 1px solid #e3e3e3;
}
.container-completed{
	min-height: 400px;
	max-height: 700px
}

.relative{
	position: relative;
}
.right-hr{
	position: absolute;
	border-right: 1px solid #e3e3e3;
	height: 166px;
	top: -20px;
	left: 100px;
}
.children-actions {
	max-height: 700px;
	overflow-y: auto;
}
/*end nanny styles*/

Add max-height to child actions

Add max-height to child actions


.graph {
    width: 550px;
    height: 362px;
}

.splash {
    padding-top: 56px;
    padding-bottom: 72px;
    position: relative;
}

.splash h1 {
    text-align: center;
    font-size: 80px;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 18px;
}

.splash p {
    margin-left: 5%;
    margin-right: 5%;
    line-height: 36px;
    font-weight: 300;
    font-size: 30px;
}

.splash .learn-more {
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
    font-size: 30px;
    line-height: 36px;
}

.splash .learn-more {

}

#loading {
    width: 24px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
}

.container #content {
    padding-top: 60px;
}

a.alleged {
	color: #FE9F30;
}

span.flags {
    display:inline-block;
    margin: 0 10px 5px 0;
}
span.flags img {
    position:relative;
    top:2px;
}

.tooltip * {
    text-align:left;
}

.graph {
    width: 550px;
    height: 362px;
}

.splash {
    padding-top: 56px;
    padding-bottom: 72px;
    position: relative;
}

.splash h1 {
    text-align: center;
    font-size: 80px;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 18px;
}

.splash p {
    margin-left: 5%;
    margin-right: 5%;
    line-height: 36px;
    font-weight: 300;
    font-size: 30px;
}

.splash .learn-more {
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
    font-size: 30px;
    line-height: 36px;
}

.splash .learn-more {

}

#loading {
    width: 24px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px;
}

.container #content {
    padding-top: 60px;
}

a.alleged {
	color: #FE9F30;
}

span.flags {
    display:inline-block;
    margin: 0 10px 5px 0;
}
span.flags img {
    position:relative;
    top:2px;
}

.tooltip-inner {
    text-align:left;
}

Use a specific selector for styling the tooltips


#fTelnetContainer {
    margin: auto;
}

    #fTelnetContainer canvas {
        display: block;
        margin: auto;
    }

#fTelnetButtons {
    background-color: green;
    color: white;
    font: 14px Arial, Helvetica, sans-serif;
    margin: auto;
    padding: 5px;
    text-align: center;
}

    #fTelnetButtons a {
        color: white;
        text-decoration: none;
    }

#fTelnetClientContainer {
    position: relative;
    margin: auto;
}

#fTelnetFocusWarning {
    background-color: red;
    color: white;
    font: 14px Arial, Helvetica, sans-serif;
    margin: auto;
    padding: 5px;
    text-align: center;
}

#fTelnetScrollback {
    background-color: red;
    color: white;
    font: 14px Arial, Helvetica, sans-serif;
    margin: auto;
    padding: 5px;
    text-align: center;
}

    #fTelnetScrollback a {
        color: white;
        text-decoration: none;
    }

#fTelnetStatusBar {
    background-color: blue;
    color: white;
    font: 14px Arial, Helvetica, sans-serif;
    margin: auto;
    padding: 5px;
}

#fTelnetContainer {
    box-sizing: content-box;
    margin: auto;
}

    #fTelnetContainer * {
        box-sizing: content-box;
    }

    #fTelnetContainer canvas {
        display: block;
        margin: auto;
    }

#fTelnetButtons {
    background-color: green;
    color: white;
    font: 14px Arial, Helvetica, sans-serif;
    margin: auto;
    padding: 5px;
    text-align: center;
}

    #fTelnetButtons a {
        color: white;
        text-decoration: none;
    }

#fTelnetClientContainer {
    position: relative;
    margin: auto;
}

#fTelnetFocusWarning {
    background-color: red;
    color: white;
    font: 14px Arial, Helvetica, sans-serif;
    margin: auto;
    padding: 5px;
    text-align: center;
}

#fTelnetScrollback {
    background-color: red;
    color: white;
    font: 14px Arial, Helvetica, sans-serif;
    margin: auto;
    padding: 5px;
    text-align: center;
}

    #fTelnetScrollback a {
        color: white;
        text-decoration: none;
    }

#fTelnetStatusBar {
    background-color: blue;
    color: white;
    font: 14px Arial, Helvetica, sans-serif;
    margin: auto;
    padding: 5px;
}

Reset box-sizing to content-box, in case the website the widget is embedded on uses border-box


/* ROOT doxygen HTML_EXTRA_STYLESHEET */

div.contents {
    max-width: 100em;
    margin-right: 5em;
    margin-left: 5em;
}

.ui-resizable-e {
  background-image:url("splitbar.png");
  background-size:100%;
  background-repeat:repeat-y;
  background-attachment: scroll;
  cursor:ew-resize;
  height:100%;
  right:0;
  top:0;
  width:1px;
}

Make the separation line between the navigation bar and the doc area much thinner.


body {
  font-size: 1.2rem;
  font-family: Arial;
  background-color: #555;
  padding-top: 20px;
  position: relative;
}

#container {
  display: flex;
  justify-content: space-around;
}

.column {
  width: 45%;
  position: relative;
}

#sourceTA {
    width: 100%;
    font-size: 1.2rem;
    font-family: Arial;
    padding: 20px;
    height: 92vh;
    background-color: #EEE;
    box-sizing: border-box;
}

#targetDiv {
  border: 1px dashed #333333;
  height: 92vh;
  overflow:scroll;
  box-sizing: border-box;
  padding: 0 20px 20px;
  background-color: white;
}

.toggle {
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: .9rem;
  width: 10rem;
  padding: 8px;
  box-sizing: border-box;
}

body {
  font-size: 1.2rem;
  font-family: Arial;
  background-color: #555;
  padding-top: 30px;
  position: relative;
}

#container {
  display: flex;
  justify-content: space-around;
}

.column {
  width: 45%;
  position: relative;
}

#sourceTA {
    width: 100%;
    font-size: 1.2rem;
    font-family: Arial;
    padding: 20px;
    height: 92vh;
    background-color: #EEE;
    box-sizing: border-box;
}

#targetDiv {
  border: 1px dashed #333333;
  height: 92vh;
  overflow:scroll;
  box-sizing: border-box;
  padding: 0 20px 20px;
  background-color: white;
}

.toggle {
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: .9rem;
  width: 10rem;
  height: 3rem;
  padding: 8px;
  box-sizing: border-box;
}

Set height and position of toggle buttons


.container {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

body {
    background: #073642;
    color: #839496;
}

h1 {
    font: 30px/118% normal Verdana, Tahoma, sans-serif;
    color: #b58900;
}

.content-table {
    border-collapse: collapse;
    border: 1px red solid;
}

.content-table td {
    border: 1px #94a1a1 solid;
    padding: 5px;
}

form input,
form textarea {
    width: 100%;
}

input[type="submit"] {
    height: 33px;
}

form textarea {
    height: 300px;
}

.red {
    color: #dc322f;
}

.error-message-container,
.success-message-container {
    width: 94%;
    padding: 3%;
    border-radius: 4px;
    color: #ffa643;
}
.error-message-container {
    background-color: #dc322f;
}

.success-message-container {
   background-color: #2aa198;
}

.container {
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

body {
    background: #073642;
    color: #839496;
}

h1 {
    font: 30px/118% normal Verdana, Tahoma, sans-serif;
    color: #b58900;
}

.content-table {
    border-collapse: collapse;
    border: 1px red solid;
}

.content-table td {
    border: 1px #94a1a1 solid;
    padding: 5px;
}

form input,
form textarea {
    width: 100%;
}

input[type="submit"] {
    height: 33px;
}

form textarea {
    height: 300px;
}

.red {
    color: #dc322f;
}

.error-message-container,
.success-message-container {
    width: 94%;
    padding: 3%;
    border-radius: 4px;
    color: #ffa643;
}
.error-message-container {
    background-color: #dc322f;
}

.success-message-container {
   background-color: #2aa198;
}

Fix CSS bug with form add posts

Fix CSS bug with form add posts


body {
	padding-top: 50px;
	padding-bottom: 20px;
}

img.avatar-small {
	width: 24px;
	height: 24px;
}

img.avatar-medium {
	width: 48px;
	height: 48px;
}

.mentor-label {
	display: inline-block;
}

body {
	padding-top: 50px;
	padding-bottom: 20px;
}

img.avatar-small {
	width: 24px;
	height: 24px;
}

img.avatar-medium {
	width: 48px;
	height: 48px;
}

.mentor-label {
	display: inline-block;
	margin-right: 3px;
}

Add a margin to the mentor tags to give them some separation.


main > section > div > * {
    max-width: 120rem;
}

#communitiesdiscover {
    padding: 0.25rem;
}

main > section > div > * {
    max-width: 130rem;
}

#communitiesdiscover {
    padding: 0.25rem;
}

Make the Community page a bit wider

Make the Community page a bit wider


.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_validation_message{
  font-size: 0.8em;
  line-height: 1.8em;
  margin: 0 0 0 0.5em;
  position: absolute;
}

.LV_valid {
  color: #008000;
}

.LV_invalid {
  color: #CC3333;
}

XWIKI-5854: Improve LiveValidation styling: size, colors, position

git-svn-id: 04343649e741710b2e0f622af6defd1ac33e5ca5@33819 f329d543-caf0-0310-9063-dda96c69346f


/*
===============================================================================
Ruby syntax highlighting support for Chili. This is based on the efforts of
Dan Webb and Shelly Fisher in the CodeHighlighter JS library. Please see
http://svn.danwebb.net/external/CodeHighlighter/ for more details.
-------------------------------------------------------------------------------
LICENSE: http://www.opensource.org/licenses/mit-license.php
WEBSITE: http://noteslog.com/chili/
===============================================================================
*/
.ruby .com 		 { color: #BD48B3; }
.ruby .string  { color: #99FF00; }
.ruby .keyword { color: #FF8400; }
.ruby .symbol  { color: #07DFFC; }
.ruby .sclass  { color: #F9F; }
.ruby .bool    { color: #FC6; }
.ruby .number  { color: #6C6; }
.ruby .attr    { color: #FF9; }
.ruby .regexp  { color: #6CC; }

/*
===============================================================================
Ruby syntax highlighting support for Chili. This is based on the efforts of
Dan Webb and Shelly Fisher in the CodeHighlighter JS library. Please see
http://svn.danwebb.net/external/CodeHighlighter/ for more details.
-------------------------------------------------------------------------------
LICENSE: http://www.opensource.org/licenses/mit-license.php
WEBSITE: http://noteslog.com/chili/
===============================================================================
*/
.ruby .com 		 { color: #BD48B3; }
.ruby .string  { color: #9F0; }
.ruby .keyword { color: #FF8400; }
.ruby .symbol  { color: #07DFFC; }
.ruby .sclass  { color: #F9F; }
.ruby .bool    { color: #FC6; }
.ruby .number  { color: #6C6; }
.ruby .attr    { color: #FF9; }
.ruby .regexp  { color: #6CC; }

Use a compact version of the colour code


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

.faq-page h3 {
  color: #82b1ed;
}

.faq-page strong {
  font-size: 16px;
  display: block;
  margin-bottom: 3px;
}

.faq-page p {
  text-align: left;
  margin-bottom: 30px;
}

.faq-page em {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
}

.faq-page img {
  width: 60%;
  display: block;
  margin: 0 auto 10px;
}

@media (max-width: 678px) {
  .faq-page img {
    width: 100%;
  }
}

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

.faq-page h3 {
  color: #82b1ed;
}

.faq-page strong {
  font-size: 16px;
  display: block;
  margin-bottom: 3px;
}

.faq-page p {
  text-align: left;
  margin-bottom: 30px;
}

.faq-page em {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
}

.faq-page img {
  width: 60%;
  display: block;
  margin: 0 auto 10px;
  border-radius: 5px;
}

@media (max-width: 678px) {
  .faq-page img {
    width: 100%;
  }
}

Add a border radius for FAQ images

Add a border radius for FAQ images


.wlk-AboutPage {
  margin: 2em 10%;
  line-height: 1.5;

  & a {
    text-decoration: none;
  }
}

.wlk-AboutPage-title {
  text-indent: -9999px;
  height: 2em;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/assets/img/logo-white.png);
}

.wlk-AboutPage-socialMedia {
  margin: 0 .8em;
  display: inline-block;
}

.wlk-AboutPage-separator {
  border: 0px solid #555;
  border-top-width: 1px;
}

.wlk-Rules {
  display: flex;
}

.wlk-Rules-item {
  margin: .8em 0;
}

.wlk-AboutPage {
  margin: 2em 10%;
  line-height: 1.5;

  & a {
    text-decoration: none;
  }
}

.wlk-AboutPage-title {
  text-indent: -9999px;
  height: 2em;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../../assets/img/logo-white.png);
}

.wlk-AboutPage-socialMedia {
  margin: 0 .8em;
  display: inline-block;
}

.wlk-AboutPage-separator {
  border: 0px solid #555;
  border-top-width: 1px;
}

.wlk-Rules {
  display: flex;
}

.wlk-Rules-item {
  margin: .8em 0;
}

Fix logo image in About panel

[WLK-INSTANCE] Fix logo image in About panel


/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../../yaml/navigation/hlist.css);
@import url(../../yaml/forms/gray-theme.css);

@import url(../../yaml/screen/typography.css);
@import url(../../yaml/screen/screen-FULLPAGE-layout.css);

/* import print layout | Druck-Layout einbinden */
@import url(../../yaml/print/print.css);

/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../../yaml/core/base.min.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../../yaml/navigation/hlist.css);
@import url(../../yaml/forms/gray-theme.css);

@import url(../../yaml/screen/typography.css);
@import url(../../yaml/screen/screen-FULLPAGE-layout.css);

/* import print layout | Druck-Layout einbinden */
@import url(../../yaml/print/print.css);

Load the minimized YAML core file

Load the minimized YAML core file

--HG--
branch : 1.1-dev


h1,h2,h3,h4,h5,h6{color:#000;color:rgba(0,0,0,.9)}.highlight,pre{background:#212121;color:#f5f5f5}.highlight .string,pre .string{color:#ffeb3b}.highlight .comment,pre .comment{color:#727272}.highlight .keyword,pre .keyword{color:#ff4081}.highlight .built_in,pre .built_in{color:#00bcd4}.highlight.bash .shebang,pre.bash .shebang{color:#727272}.highlight.bash .variable,pre.bash .variable{color:#b6b6b6}.highlight.bash .title,pre.bash .title{color:#8bc34a}

h1,h2,h3,h4,h5,h6{color:#000;color:rgba(0,0,0,.9)}.highlight,pre{background:#212121;color:#f5f5f5}.highlight .string,pre .string{color:#ffeb3b}.highlight .comment,pre .comment{color:#727272}.highlight .keyword,pre .keyword{color:#ff4081}.highlight .built_in,pre .built_in{color:#00bcd4}.highlight .number,.literal,pre .number{color:#7c4dff}.highlight.bash .shebang,pre.bash .shebang{color:#727272}.highlight.bash .variable,pre.bash .variable{color:#b6b6b6}.highlight.bash .title,pre.bash .title{color:#8bc34a}

Add literal and number general highlighting

Built from d9443012461b36049b7c5ee5b6f07659885618ce.


/* JMA tweak */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.jma.go.jp") {
  /* Common */
  #main, table.forecast { width: 850px !important; }
  #others td:first-of-type { float: left !important; white-space: nowrap !important; }

  #yjsearch    { display: none !important; }
  #header_link { float: right !important; width: 28em !important; }

  /* Forecast */
  .info { width: 18em !important; }

  /* Weekly forecast */
  .for { width: 100px !important; }
}

/* JMA tweak */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.jma.go.jp") {
  /* Common */
  #main, table.forecast { width: 850px !important; }

  #yjsearch    { display: none !important; }
  #header_link { float: right !important; width: 28em !important; }

  /* Bug fix */
  #others { width: auto !important; }
  #tablist :-moz-any(.button-up, .button-off) { height: auto !important; }

  /* Forecast */
  .info { width: 18em !important; }

  /* Weekly forecast */
  .for { width: 100px !important; }
}

Apply CSS patch for original content

Apply CSS patch for original content


/*

   UTILITIES

*/

/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
 * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
 * Make sure there are no height and width attributes on the embedded media.
 * Adapted from: https://github.com/suitcss/components-flex-embed
 *
 * Example:
 *
 *

 *
 *

 *
 * */

.aspect-ratio {
  height: 0;
  position: relative;
}

.aspect-ratio--16x9 { padding-bottom: 56.25%; }
.aspect-ratio--9x16 { padding-bottom: 177.77%; }

.aspect-ratio--4x3 {  padding-bottom: 75%; }
.aspect-ratio--3x4 {  padding-bottom: 133.33%; }

.aspect-ratio--6x4 {  padding-bottom: 66.6%; }
.aspect-ratio--4x6 {  padding-bottom: 150%; }

.aspect-ratio--8x5 {  padding-bottom: 62.5%; }
.aspect-ratio--5x8 {  padding-bottom: 160%; }

.aspect-ratio--7x5 {  padding-bottom: 71.42%; }
.aspect-ratio--5x7 {  padding-bottom: 140%; }

.aspect-ratio--1x1 {  padding-bottom: 100%; }

.aspect-ratio--object {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.overflow-container {
  overflow-y: scroll;
}

.center {
  margin-right: auto;
  margin-left: auto;
}

/*

   UTILITIES

*/

.overflow-container {
  overflow-y: scroll;
}

.center {
  margin-right: auto;
  margin-left: auto;
}

Move aspect ratios out of utilities

Move aspect ratios out of utilities


@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

#header {
    background-image: url('http://xerobid.com/wp-content/uploads/2014/09/Minecraft-Nature-Gallery-HD-Wallpaper.jpg');
    background-size: cover;
    text-align: center;
}

.threeD {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0
    #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px
    rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px
    rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px
    rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

Move CSS into it's own file

Move CSS into it's own file


.comment-body blockquote,
.comment-body pre {
	position: relative; /* OctoLinker compat: attach the purple balls to the scroll */
	max-height: 30.5em;
	overflow-y: auto;

	/* Avoids unnecessary scrollbars in some cases #3012 */
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

/* A tiny scroll bar appears when the last paragraph of a quote contains an Emoji */
.comment-body blockquote > :last-child g-emoji {
	line-height: 1.33;
}

.comment-body details blockquote,
.comment-body details pre,
.comment-body blockquote blockquote,
.comment-body blockquote pre {
	max-height: none;
}

.comment-body blockquote,
.comment-body pre {
	position: relative; /* OctoLinker compat: attach the purple balls to the scroll */
	max-height: 30.5em;
	overflow-y: auto;
}

/* A tiny scroll bar appears when the last paragraph of a quote contains an Emoji */
.comment-body blockquote > :last-child g-emoji {
	line-height: 1.33;
}

.comment-body details blockquote,
.comment-body details pre,
.comment-body blockquote blockquote,
.comment-body blockquote pre {
	max-height: none;
}

Revert "Avoid scrollbars on blockquote when not necessary"

This reverts commit f7c15b505166c5c05f90bfe9346f15407b7e76c0.

This caused non-highlighted content to have almost no padding.


.wrapper {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.title {
  font-size: 7em;
}

.login {
  text-align: center;
  padding-top: 5em;
}

.login-button {
  font-size: 2em;
  text-align: center;
}

.home-wrapper {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-title {
  font-size: 7em;
}

.login-button {
  text-align: center;
  padding-top: 5em;
}

Rename classes to avoid overlap.

Rename classes to avoid overlap.


tr.clickableRow { cursor: pointer; }
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th, td.row-selected {
  background-color: #550055;
  color:#eeeeee;
}

tr.clickableRow { cursor: pointer; }
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th, .row-selected>td {
  background-color: #550055;
  color:#eeeeee;
}

Apply to td under tr

Apply to td under tr


#turn {
    color: grey;
}

#invalid-square {
    color: orange;
}

#title {
    text-align: center;
    font-family: helvetica, arial, sans-serif;
    background: linear-gradient(90deg, white 50%, black 50%);

}

canvas {
    display : block;
    margin : auto;
}

#box1 {
    padding: 30px;
    margin-left: 27px;
    color: green;
    font-weight: bold;
}

#box2 {
    padding: 30px;
    margin-left: 27px;
    color: green;
    font-weight: bold;
}

#start {
    width: 90px;
    height: 90px;
    border-radius: 45px;
    margin-left: 0px;
    background: linear-gradient(90deg, black 50%, white 50%);
    border-width: 10px;
    border-color: darkseagreen;
    color: cadetblue;
    font-size: medium;
    font-weight: bold;
}

#othello-right {
    color: white;
    width: 50%;
    float: right;
    text-align: left;
    font-size: 50px;
    margin-top: -40px;
}

#othello-left {
    color: black;
    width: 50%;
    float: left;
    text-align: right;
    font-size: 50px;
    margin-top: -40px;
}

#invalid-square, #turn {
    color: darkseagreen;
}

#title {
    text-align: center;
    font-family: helvetica, arial, sans-serif;
    background: linear-gradient(90deg, white 50%, black 50%);

}

canvas {
    display : block;
    margin : auto;
}

#box1 {
    padding: 30px;
    margin-left: 27px;
    color: green;
    font-weight: bold;
}

#box2 {
    padding: 30px;
    margin-left: 27px;
    color: green;
    font-weight: bold;
}

#start, #play-again {
    width: 90px;
    height: 90px;
    border-radius: 45px;
    margin-left: 0px;
    background: linear-gradient(90deg, black 50%, white 50%);
    border-width: 10px;
    border-color: darkseagreen;
    color: cadetblue;
    font-size: medium;
    font-weight: bold;
}

#othello-right {
    color: white;
    width: 50%;
    float: right;
    text-align: left;
    font-size: 50px;
    margin-top: -40px;
}

#othello-left {
    color: black;
    width: 50%;
    float: left;
    text-align: right;
    font-size: 50px;
    margin-top: -40px;
}

Make both messages sea green

Make both messages sea green

Both turn prompt and invalid square selection prompt.


body {
    padding-top: 65px;
    background-image: url(http://www.lafeens.com/wp-content/uploads/2012/12/donuts_background-e1355174695278.jpg);
    background-size: cover;
    padding: 20px;
}

#footer {
    width: 100%;
    display: table;
    text-align: center;
    background-color: orange;
    //background-color: rgba(255, 0, 0, 1);
}

#copyright {
    padding: 15px;
}

.message {
  background-color: #FFEB99;
  border-right: 2px solid #eeeeee;
  border-bottom: 2px solid #eeeeee;
  margin-bottom: 15px;
  padding: 10px;
}

body {
  padding-top: 65px;
  background-image: url(http://www.lafeens.com/wp-content/uploads/2012/12/donuts_background-e1355174695278.jpg);
  background-size: cover;
  padding: 20px;
}

#footer {
  width: 100%;
  display: table;
  text-align: center;
  background-color: orange;
}

#copyright {
  padding: 15px;
}

.message {
  background-color: #FFEB99;
  border-right: 2px solid #eeeeee;
  border-bottom: 2px solid #eeeeee;
  margin-bottom: 15px;
  padding: 10px;
}

Set css indent to 2.

Set css indent to 2.


body {
  font-family: 'Source Sans Pro', sans-serif;
  -moz-osx-font-smoothing: grayscale;
}
#map {
  height: 5000px;
  width: 5000px;
}
.mapHeadline {
  position: absolute;
  z-index: 1;
  color: #333;
  text-shadow: 0 0 5 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding-left: 20px;
  font-family: 'Playfair Display', serif;
  letter-spacing: -2px;
  line-height: 140px;
  font-size: 160px;
}
.mapIntro {
  position: absolute;
  z-index: 1;
  width: 500px;
  padding-left: 22px;
  padding-top: 350px;
  font-size: 18px;
}
.mapCredit {
  position: absolute;
  z-index: 1;
  padding-left: 22px;
  padding-top: 500px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
}
#map {
  height: 5000px;
  width: 5000px;
}
.mapHeadline {
  position: absolute;
  z-index: 1;
  color: #333;
  text-shadow: 0 0 5 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding-left: 20px;
  font-family: 'Playfair Display', serif;
  letter-spacing: -2px;
  line-height: 140px;
  font-size: 160px;
}
.mapIntro {
  position: absolute;
  z-index: 1;
  width: 500px;
  padding-left: 22px;
  padding-top: 350px;
  font-size: 18px;
}
.mapCredit {
  position: absolute;
  z-index: 1;
  padding-left: 22px;
  padding-top: 500px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

Put a color into the body tag

Put a color into the body tag


/* Bad CSS */
.selector, .selector-secondary, .selector[type=text] {
  padding:15px;
  margin:0px 0px 15px;
  background-color:rgba(0, 0, 0, 0.5);
  box-shadow:0px 1px 2px #CCC,inset 0 1px 0 #FFFFFF
}

/* Good CSS */
.selector,
.selector-secondary,
.selector[type="text"] {
  padding: 15px;
  margin-bottom: 15px;
  background-color: rgba(0,0,0,.5);
  box-shadow: 0 1px 2px #ccc, inset 0 1px 0 #fff;
}

.selector {
  width:100px; /* No */
  width: 100px; /* Yes */
}

/* Bad CSS */
.selector, .selector-secondary, .selector[type=text] {
  padding:15px;
  margin:0px 0px 15px;
  background-color:rgba(0, 0, 0, .5);
  box-shadow:0px 1px 2px #CCC,inset 0 1px 0 #FFFFFF
}

/* Good CSS */
.selector,
.selector-secondary,
.selector[type="text"] {
  padding: 15px;
  margin-bottom: 15px;
  background-color: rgba(0,0,0,0.5);
  box-shadow: 0 1px 2px #ccc, inset 0 1px 0 #fff;
}

.selector {
  width:100px; /* No */
  width: 100px; /* Yes */
}

Update for leading zero color code values.

Style guide says to prefix with 0  (0.5 instead of .5). This change should match your guide better.


body {
    font-family: "source-sans-pro",sans-serif;
    background-color: #f7f7f7;
    color: #021421
}
h1 {
    font-family: "museo-sans-condensed", Georgia, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FF2D55
}
p {
    font-size: 22.5px;
    line-height: 2.0;
}
a {
    color: #094776;
    text-decoration:None;

}
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: 780px;
    margin: 80px auto
}

body {
    font-family: "source-sans-pro",sans-serif;
    background-color: #f7f7f7;
    color: #021421
}
h1 {
    font-family: "museo-sans-condensed", Georgia, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FF2D55
}
p {
    font-size: 22.5px;
    line-height: 2.0;
}
a {
    color: #1096cb;
    text-decoration:None;

}

a:hover{
    color:#34AADC;
}

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: 780px;
    margin: 80px auto
}

Add hover effects to links and change link color


.modal-open {
	/* needed for iOS to not zoom in when modals are opened */
	overflow-y: auto;
}
input[type=text] {
	width: 100%;
}
textarea {
	width: 100%;
}
#encodedInput {
	font-family: monospace;
}
pre {
	white-space: all;
	word-break: normal;
}
.fixed {
	position: fixed;
	width: 100%;
	width: calc(100% - 30px);
	background-color: white;
}
.spacer {
	background-color: white;
}
#codepage td {
	text-align: center;
}
#codepage th {
	text-align: center;
}
.modal-xl {
	width: 700px;
}

/* needed to prevent chosen selects from rendering in front of fixed header
   delete when removing fixed header*/
.chosen-container {
	z-index: -1;
}

Revert "Fix chosen selects from rendering in front of header"

This reverts commit 7b1cc19eed54886f2c4671b3137f7d0ec5b31ae9 [formerly f1faa720c6b249c4bf10177b3823b978253c4f2b].


.offer-form {
    margin: 20px 0;
}

#banner {
    border-bottom: none;
    margin-top: -20px;
}

#banner h1 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
}

.hero-unit {
    position: relative;
    padding: 30px 15px;
    color: #F5F5F5;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background: #4393B9;
}

.footer {
    text-align: center;
    padding: 30px 0;
    margin-top: 70px;
    border-top: 1px solid #E5E5E5;
}

.form-group .help-block {
  display: none;
}

.form-group.has-error .help-block {
  display: block;
}

.offer-form {
    margin: 20px 0;
}

#banner {
    border-bottom: none;
    margin-top: -20px;
}

#banner h1 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
}

.form input {
  -webkit-transition: all 80ms ease-in-out;
  -moz-transition: all 80ms ease-in-out;
  -o-transition: all 80ms ease-in-out;
  -ms-transition: all 80ms ease-in-out;
  transition: all 80ms ease-in-out;
}

.form input, .form strong {
  padding: 0 0 0 4px;
  outline: 0!important;
  border: 0;
  background: 0;
  color: #d9e0eb;
  border-bottom: 1px dashed #d9e0eb;
  font: inherit;
  min-width: 30px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.hero-unit {
    position: relative;
    padding: 30px 15px;
    color: #F5F5F5;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background: #4393B9;
}

.footer {
    text-align: center;
    padding: 30px 0;
    margin-top: 70px;
    border-top: 1px solid #E5E5E5;
}

.form-group .help-block {
  display: none;
}

.form-group.has-error .help-block {
  display: block;
}

Make input fields transparent and dotted


.glyphicon-pencil, .glyphicon-trash {
    color:white;
}
.glyphicon-ok {
    color:green;
    font-size:150%;
}
.glyphicon-remove {
    color:red;
    font-size:150%;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    vertical-align:middle;
}
.income {
    color:limegreen;
}
.expense {
    color:orangered;
}
@media (min-width:1600px)
{
    .container{
        width:1560px
    }
}

Add support for BIG screens (1600+)

Add support for BIG screens (1600+)


.select { margin: 0px; }

body {
bgcolor : #999999;
background= 'images/backstripes.gif';
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
border-top-width : 0;
border-right-width : 0;
border-bottom-width : 0px;
border-left-width : 0;
margin : 0;
}

#queries a{
	color: inherit;
}

a.navigation:visited
{
    color:#999; font-weight:bold; text-decoration:none;
}

#query_results_content_table {
    background-color: #DFF0FF
}

#CMcontentarea {
    background-color: #DFF0FF
}

Change the background of the coverage maps to match the standard light blue.


/*
 * Empty Stylesheet file.
 */

.mainFxmlClass {
background-color: lightgreen;
}
.Button {
    background-color: orange;
}

Set right fxml and link with methode for a button


/* Copyright (c) 2013 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.
 */

.analysis-view {
  background-color: white;
  display: -webkit-flex;
}

.analysis-view.viewing-old-style-analysis {
  overflow: auto;
}

.analysis-view > * {
  -webkit-flex: 1 0 auto;
}

/* Copyright (c) 2013 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.
 */

.analysis-view {
  background-color: white;
  display: -webkit-flex;
  overflow: auto;
}

.analysis-view.viewing-old-style-analysis {
  overflow: auto;
}

.analysis-view > * {
  -webkit-flex: 1 0 auto;
}

Fix analysis view not scrolling.

Fix analysis view not scrolling.

BUG=408
R=dsinclair@chromium.org

Review URL: https://codereview.appspot.com/12845044


body {
    margin-top: 4em;
}
#button-header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-bottom: 3px;
    padding-left: 3px;
    /* height: 3em;*/
    background-color: #aaaaaa;
    border-bottom: 1px solid #888888;
    overflow: hidden;
}

.hidden {
    display: none;
}

#message-header {
    display: none;
}

#form-data {
    /*display : block;*/
    position: fixed;
    top: 0px;
    left: 0px;
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 4em;
    font-family: monospace;
    white-space: pre;
    border: 2px solid black;
    overflow: hidden;
    height: auto;
    background-color: #eeeeee;
}

form :invalid {
  box-shadow: 0 0 5px 1px red;
}

form :focus:invalid {
  outline: none;
}

form fieldset:invalid {
    box-shadow: none;
}

#button-header.valid {
    background-color: #a8e8a8;
}

body {
    margin-top: 4em;
}
#button-header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-bottom: 3px;
    padding-left: 3px;
    background-color: #aaaaaa;
    border-bottom: 1px solid #888888;
    overflow: hidden;
}

.hidden {
    display: none;
}

#message-header {
    display: none;
}

#form-data {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 4em;
    font-family: monospace;
    white-space: pre;
    border: 2px solid black;
    overflow: hidden;
    height: auto;
    background-color: #eeeeee;
}

form :invalid {
  box-shadow: 0 0 5px 1px red;
}

form :focus:invalid {
  outline: none;
}

form fieldset:invalid {
    box-shadow: none;
}

#button-header.valid {
    background-color: #a8e8a8;
}

Remove legacy commented out CSS

Remove legacy commented out CSS

These commented out values are no longer needed.


div.context-menu {
	position : absolute;
	border: 1px solid #A4BED4;
	background-color: #D9EAFF;
	min-width : 100px;
	padding: 5px 0;
	box-shadow : 2px 2px 4px #444;
	display : inline-block;
}

div.context-menu-item {
	padding : 0 5px;
	line-height : 1.5em;
	cursor : pointer;
}

div.context-menu-item:hover {
	background-color : #C3D6EE;

}

div.context-menu-item-disabled {
	padding : 0 5px;
	line-height : 1.5em;
	color : #aaaaaa;
}

div.context-menu {
	position : fixed;
	border: 1px solid #A4BED4;
	background-color: #D9EAFF;
	min-width : 100px;
	padding: 5px 0;
	box-shadow : 2px 2px 4px #444;
	display : inline-block;
	z-index : 10002;
}

div.context-menu-item {
	padding : 0 5px;
	line-height : 1.5em;
	cursor : pointer;
}

div.context-menu-item:hover {
	background-color : #C3D6EE;

}

div.context-menu-item-disabled {
	padding : 0 5px;
	line-height : 1.5em;
	color : #aaaaaa;
}

Change absolute to fixed position

Change absolute to fixed position

Absolute positioning didn't work if the selector item (or parent) was absolute or relative.


:root {
  --input-padding: 4px;
  --negative-input-padding: -4px;
  --input-border-radius: 5px;
  --input-default-border: 2px solid transparent;
  --input-focus-border: 2px solid #A8D0FF;
}

.sc-texture {
  height: 100%;
}

.sc-texture .emphasis, .sc-texture em, .sc-texture i:not(.fa) {
  font-style: italic;
}

.sc-texture .strong, .sc-texture strong, .sc-texture b {
  font-weight: bold;
}

:root {
  --input-padding: 4px;
  --negative-input-padding: -4px;
  --input-border-radius: 5px;
  --input-default-border: 2px solid transparent;
  --input-focus-border: 2px solid #A8D0FF;
}

.sc-texture {
  height: 100%;
  position: relative;
}

.sc-texture .emphasis, .sc-texture em, .sc-texture i:not(.fa) {
  font-style: italic;
}

.sc-texture .strong, .sc-texture strong, .sc-texture b {
  font-weight: bold;
}

Set a Texture component position to relative.


Add dist/ folder with compiled version

Add dist/ folder with compiled version


body,
html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.content {
    padding: 40px 15px;
    text-align: center;
}

.container, .tab-content, .tab-pane {
    height: 100%;
}

#map-canvas {
    width: 100%;
    height: 480px;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

.margin-right {
    margin-right: 0.5em;
}

.padded {
    margin: 0.5em;
}

.padded-lg {
    margin: 1em;
}

.padded-xl {
    margin: 2em;
}

.border-top {
    border-top: 1pt solid lightgray;
}

.border-bottom {
    border-bottom: 1pt solid lightgray;
}

tr.padded > td {
    padding: 5px;
}

.icon-button {
    font-size: 1.75em;
    color: gray;
}

.gray {
    color: gray;
}

.absolute {
    position: absolute;
}

body,
html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

a {
    color: #008d97;
}

a:hover {
    color: #2ab4bd;
}

.content {
    padding: 40px 15px;
    text-align: center;
}

.container, .tab-content, .tab-pane {
    height: 100%;
}

#map-canvas {
    width: 100%;
    height: 480px;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

.margin-right {
    margin-right: 0.5em;
}

.padded {
    margin: 0.5em;
}

.padded-lg {
    margin: 1em;
}

.padded-xl {
    margin: 2em;
}

.border-top {
    border-top: 1pt solid lightgray;
}

.border-bottom {
    border-bottom: 1pt solid lightgray;
}

tr.padded > td {
    padding: 5px;
}

.icon-button {
    font-size: 1.75em;
    color: gray;
}

.gray {
    color: gray;
}

.absolute {
    position: absolute;
}

Change link color to match logo

Change link color to match logo


/* top of the page */
.header-row {
  margin-bottom: 50px;
}
.header-row > div {
  margin-top: 20px;
}
.logo {
  display: block;
  float: left;
  margin-top: 10px;
}
.header-row .alert {
  margin-bottom: 0;
}

.visualizations {
  text-align: center;
}

#total-votes {
  display: block;
  margin: 0 auto;
  max-width: 300px;
}

#refresh {
  display: inline-block;
  float: right;
}

.control-group {
  margin-top: 0px !important;
  padding-top: 20px;
}

Fix some styling in chrome

Fix some styling in chrome


#input-container {
  margin-bottom: 1vh;
  margin-top: 5vh;
}

.card-fab {
  position: relative;
  z-index: 1;
}

Fix covered FAB issue when uniformly sizing cards


/* Back to top button style */

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

/* SkCode TO.DO list */

.task_done {
    text-decoration: line-through;
    list-style-type: none;
}

.task_done p:before {
    font-family: FontAwesome;
    content:'\f046';
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

.task_pending {
    list-style-type: none;
}

.task_pending p:before {
    font-family: FontAwesome;
    content:'\f096';
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

/* Emoticons */

.emoticons img.resize{
    width: 16px;
    height: 16px;
}

/* Code table */

.codetable {
    width:100%;
    height: auto;
    overflow: auto;
}

/* Embed video */

.embed-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.embed-video iframe,
.embed-video object,
.embed-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container {
    max-width: 560px;
}

Add CSS for embed video

Add CSS for embed video


@import '../../css/Main.css';

.textual {
  max-width: var(--mainWidth);
  margin: 0 auto;

  & p, & li {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}

@import '../../css/Main.css';

.textual {
  margin: 0 auto;

  & p, & li {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}

Remove unused max-width for the about page


.reveal th {
    font-weight   : bold;
    text-align    : left;
    padding       : 0.1em 0.5em 0.1em 0.5em; /*top right bottom left */
    border-top    : 1px solid;
    border-right  : 1px solid transparent;
    border-bottom : 1px solid;
    border-left   : 1px solid transparent;
}

.reveal td {
    text-align: left;
    padding: 0.1em 0.5em 0.1em 0.5em; /*top right bottom left */
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.reveal table {
    margin: auto;
    border-collapse: collapse;
    border: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-spacing: 0;
}

.reveal pre {
    font-family: Source Code Pro;
}
.reveal code {
    font-family: Source Code Pro;
}

Add CSS to tweak reveal.js defaults

Add CSS to tweak reveal.js defaults


h2.job_header {
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

h2.danger a {
    color: rgb(242, 65, 65);
}

div#showTargets .btn {
    border-radius: 0px;
}

.table-container button.targets {
    padding: 0.3em;
    font-size: 0.6em;
    border-radius: 0;
    font-weight: 400;
}

.table-container table {
    width: 100%;
}

.table-container table tr td {
    height: auto;
    word-wrap: break-word;
    word-break: break-all;
}

td.endpoint, td.labels {
    width: 25%;
}

td.state, td.last-scrape {
    width: 10%;
}

td.errors {
    width: 30%;
}

h2.job_header {
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

h2.danger a {
    color: rgb(242, 65, 65);
}

div#showTargets .btn {
    border-radius: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.table-container button.targets {
    padding: 0.3em;
    font-size: 0.6em;
    border-radius: 0;
    font-weight: 400;
}

.table-container table {
    width: 100%;
}

.table-container table tr td {
    height: auto;
    word-wrap: break-word;
    word-break: break-all;
}

td.endpoint, td.labels {
    width: 25%;
}

td.state, td.last-scrape {
    width: 10%;
}

td.errors {
    width: 30%;
}

Add more top/bottom spacing for All/Unhealthy buttons

Signed-off-by: Julius Volz <d7748b1e6f41fd74500c5ccae0980eab88c2ef61@gmail.com>


body{
	padding-bottom: 20px;
	padding-top: 20px;
}
.footer{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 40px;
	border-top: 1px solid #eee;
}
.navbar{
	margin-bottom: 20px;
}
.language-buttom{
	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer;
}

/* https://github.com/hombit/olgart/issues/1#issue-133919889 */
.navbar-nav>li> {
  margin-bottom: -2px;
}

Remove ugly margin in navbar

Remove ugly margin in navbar


.ui.styled.accordion .content {
	padding: 0;
}

.ui.styled.accordion .card {
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: 0 1px 1px 0 #D4D4D5, 0 0 0 1px #D4D4D5;
	transform: 0;
}

.ui.styled.accordion .card:hover {
	box-shadow: 0 1px 1px 0 #BCBDBD, 0 0 0 1px #D4D4D5;
	transform: none;
}

Make accordion cards look better

Make accordion cards look better


#editor {
  width: 800px;
  background-color: #D8D8D8;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
}

#scene {
  display: block;
}

.gauge-box {
  display: flex;
  justify-content: space-between;
}

.gauge.start {
  align-self: flex-start;
}

.gauge.end {
  align-self: flex-end;
}

table.gauge {
  display: inline-table;
  border: 2px solid black;
  border-style: solid;
  border-collapse: collapse;
  margin: 4px;
}

table.gauge td, table.gauge th {
  padding: 2px;
}

table.gauge.numerical td {
  border: 1px solid black;
}

table.gauge.numerical td {
  background-color: white;
  min-width: 30pt;
  text-align: right;
}

table.gauge th {
  background-color: #2196F3;
  color: white;
}

#editor {
  width: 800px;
  background-color: #D8D8D8;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
}

#scene {
  display: block;
}

.gauge-box {
  display: flex;
  justify-content: space-between;
}

.gauge.start {
  align-self: flex-start;
}

.gauge.end {
  align-self: flex-end;
}

table.gauge {
  display: inline-table;
  border: 2px solid black;
  border-style: solid;
  border-collapse: collapse;
  margin: 4px;
}

table.gauge td, table.gauge th {
  padding: 2px;
}

table.gauge.numerical td {
  border: 1px solid black;
}

table.gauge.numerical td {
  background-color: white;
  min-width: 3em;
  text-align: right;
}

table.gauge th {
  background-color: #2196F3;
  color: white;
}

Fix bad unit in CSS.

Fix bad unit in CSS.


/*
Theme Name:         De Gröna 15
Theme URI:          http://elsa.ypcs.fi
Github Theme URI:   https://github.com/VihreatDeGrona/degrona15
Description:        De Gröna 15 is a WordPress theme based on FoundationPress
Version:            0.0.1
Author:             Janne Saarela
Author URI:         http://jannejuhani.net
Template:           FoundationPress
License:            GNU AFFERO GENERAL PUBLIC LICENSE
License URI:        http://www.gnu.org/licenses/agpl-3.0.html
*/

/*
Theme Name:         De Gröna 15
Theme URI:          http://degrona.ypcs.fi/wordpress/
Github Theme URI:   https://github.com/VihreatDeGrona/degrona15
Description:        De Gröna 15 is a WordPress theme based on FoundationPress
Version:            0.1.0
Author:             Janne Saarela
Author URI:         http://jannejuhani.net
Template:           FoundationPress
License:            GNU AFFERO GENERAL PUBLIC LICENSE
License URI:        http://www.gnu.org/licenses/agpl-3.0.html
*/

Update theme version and theme uri

Update theme version and theme uri


body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

.days-table div {
  width: 6rem;
  text-align: center;
  padding-bottom: 0.3rem;
}
.days-table div:nth-child(2) {
  border-bottom: thin solid #999;
}

.days-table .description img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

tbody td:first-child {
  font-weight: bold;
}

@media only screen and (max-width: 760px) {

  table {
    width:100%;
  }
  thead {
    display: none;
  }

  tbody td {
    display: block;
    text-align: center !important;
  }

  tbody td:not(:first-child) {
    display: inline-block;
    width: 8rem;
    height: 9rem !important;
  }
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

tbody td:first-child {
  font-weight: bold;
}

@media only screen and (max-width: 760px) {

  table {
    width:100%;
  }

  thead {
    display: none;
  }

  tbody tr {
    border-bottom: thin solid rgba(0,0,0,.12);
  }

  tbody td {
    border: 0 !important;
    display: block;
    text-align: center !important;
  }

  tbody td:not(:first-child) {
    display: inline-block;
    width: 8rem;
    height: 9rem !important;
  }
}

.days-table div {
  width: 6rem;
  text-align: center;
  padding-bottom: 0.3rem;
}
.days-table div:nth-child(2) {
  border-bottom: thin solid rgba(0,0,0,.12);
}

.days-table .description img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

Update row and cell borders to make look a bit better


body {
  font-family: "Gill Sans", sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
#body {
  margin: 0 auto 0 auto;
  padding: 10px 0 0 0;
  width: 640px;
  text-align: left;
}

th {
  text-align: left;
  padding-right: 10px;
  vertical-align: top;
}
table table {
  border-collapse: collapse;
}
table table td,
table table tr {
  padding: 1px 0;
}

.action {
  color: #2244BB;
  text-decoration: underline;
  cursor: pointer;
}

.page {
}
.help {
}
#controls {
  margin-top: 1em;
}
.disabled {
  display: none;
}
.legend {
  font-size: small;
}

.msg {
    padding-left: 26px;
}
.err {
    background-image: url("../images/software-update-urgent.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    color: red;
}
.ok {
    padding: 0;
}

Remove icon padding from OK message.

Remove icon padding from OK message.


.aui-dialog {

}

.aui-dialog .aui-icon-loading {
	margin: 0 auto;
}

.aui-dialog .aui-widget-hd {
	color: #333333;
	cursor: move;
	font-size: 15px;
	font-weight: bold;
	padding: 8px 10px;
}

.aui-dialog .aui-widget-bd {
	border: 1px solid #ccc;
	border-color: transparent #999 #999 #bbb;
	padding: 10px;
	background: #fff;
}
.aui-dialog .aui-widget-ft {
	border: 1px solid #ccc;
	border-color: transparent #999 #999 #bbb;
	padding: 5px 10px;
	text-align: right;
	background: #fff;
}

.aui-dialog-close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	margin: 5px;
}

.aui-dialog-hidden {
	visibility: hidden;
}

.aui-dialog {

}

.aui-dialog .aui-icon-loading {
	margin: 0 auto;
}

.aui-dialog .aui-widget-hd {
	color: #333333;
	cursor: move;
	font-size: 15px;
	font-weight: bold;
	padding: 8px 10px;
}

.aui-dialog .aui-widget-bd {
	border: 1px solid #ccc;
	border-color: transparent #999 #999 #bbb;
	padding: 10px;
	background: #fff;
	overflow: auto;
}
.aui-dialog .aui-widget-ft {
	border: 1px solid #ccc;
	border-color: transparent #999 #999 #bbb;
	padding: 5px 10px;
	text-align: right;
	background: #fff;
}

.aui-dialog-close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	margin: 5px;
}

.aui-dialog-hidden {
	visibility: hidden;
}

Fix Dialog CSS overflow auto to aui-wdiget-bd

git-svn-id: eaac6977d0b6fa3343c402860739874625caf655@36446 05bdf26c-840f-0410-9ced-eb539d925f36


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

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

header {
background: white;
color: black;
}

nav ul {
text-align: right;
display: inline-block
}

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

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
}

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

a h1 h3 p hr {
color: black;
}

Align nav bar text to the right

Align nav bar text to the right


.btn{
    white-space: normal;
}
.brandButton {
    background-color: Transparent;
    border: none;
    outline: none;
}
.answerbutton{
    height: 5em;
}
/*.nav li[role='presentation'][class='active'] {
    if we don't like the dark backgrounds on active navbar buttons ...
}*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select,
    textarea,
    input {
        font-size: 1.2em !important;
    }
}

.btn{
    white-space: normal;
}
.brandButton {
    background-color: Transparent;
    border: none;
    outline: none;
}
.answerbutton{
    height: 5em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select,
    textarea,
    input {
        font-size: 1.2em !important;
    }
}

Remove a commented css rule

Remove a commented css rule


#project1, #project2 {
  display: none;
}

.toggle {
  padding: 100px 50px;
}

#project1, #project2 {
  display: none;
}

.toggle {
  padding: 100px 50px 100 px 50px;
}

Edit padding css for toggle

Edit padding css for toggle


/* Put buttons here */
.validation-button {
    height: 70px;
    background: white;
    margin-right: 2px;
    border-radius: 5px;
    border-width: 2px;
    border-color: lightgrey;
}

#validation-agree-button {
    width: 243px;
}

#validation-disagree-button {
    width: 243px;
}

#validation-not-sure-button {
    width: 232px;
    margin-right: 0px;
}

.validation-status-icon {
    height: 20px;
    margin-right: 2px;
}

.validation-button:focus {
    outline:0;
}

.validation-button:active {
    outline: none;
    border: none;
    background-color: lightgrey;
}

/* Put buttons here */
.validation-button {
    height: 70px;
    background-color: white;
    margin-right: 2px;
    border-radius: 5px;
    border-width: 2px;
    border-color: lightgrey;
}

#validation-agree-button {
    width: 243px;
}

#validation-disagree-button {
    width: 243px;
}

#validation-not-sure-button {
    width: 232px;
    margin-right: 0px;
}

.validation-status-icon {
    height: 20px;
    margin-right: 2px;
}

.validation-button:active {
    outline: none;
    border: none;
    background-color: lightgrey;
}

.validation-button:focus {
    outline: none;
    border-radius: 5px;
    border-width: 2px;
    border-color: lightgrey;
    background-color: white;
}

.validation-button:hover {
    background-color: lightgrey;
}

Fix small UI bug w/ button click

Fix small UI bug w/ button click


/*
 * Follow css style guides as shown in the OSF developer documentation
 * http://cosdev.readthedocs.org/en/latest/style_guides/html_css.html
 */

/* Section to replicate osf style, ignore until end of this section */
#navbarScope {
    position: fixed;
    width: 100%;
    border-radius: 0;
}
/* End */

.prereg-container ol {
	font-size: 16px;
}

.prereg-button-row div[class^='col'] {
	display: table;
}
.prereg-button {
	height: 70px;
	vertical-align: middle;
	display: table-cell;
	cursor: pointer;
}

.prereg-button:hover, .prereg-button.active {
	background-color: #204762;
	color: white;
}

/*
 * Follow css style guides as shown in the OSF developer documentation
 * http://cosdev.readthedocs.org/en/latest/style_guides/html_css.html
 */

/* Section to replicate osf style, ignore until end of this section */
#navbarScope {
    position: fixed;
    width: 100%;
    border-radius: 0;
}
/* End */

.prereg-container ol, .prereg-container p,  .prereg-button {
	font-size: 16px;
}

.prereg-button {
	height: 76px;
	cursor: pointer;
	text-align: center;
}

div[class^='col']:first-of-type .prereg-button {
	line-height: 48px;
}

.prereg-button:hover, .prereg-button.active {
	background-color: #204762;
	color: white;
}

Fix css to simplify layout

Fix css to simplify layout


a:link, a:visited {
  color: #333;
}

.active a, a:active, a:focus, a:hover {
  color: #666fff !important;
}

.active a, a:active, a:focus {
  background-color: #ffffff !important;
}

a:hover {
  background-color: #f5f5f5 !important;
  border-radius: 2px;
}

.nav-container {
  border: #ddd solid 1px;
  border-radius: 3px;
}

.nav-side {
  padding-right: 0px;
}

.nav-label {
  padding-left: 5px;
}

.menu-divider {
  height: 0px;
  width: 100%;
  display: block; /* for use on default inline elements like span */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

Add 'menu-divider' for dividing menu section (experimental)


.mw-echo-timestamp {
	color: gray;
	font-size: 9px;
}

.mw-echo-unread {
	background-image: url(unread.png);
	background-repeat: repeat-y;
	background-position: top left;
}

div.mw-echo-timestamp {
	text-align: right;
}

.mw-echo-title {
	font-size: 13px;
	font-weight: bold;
	line-height: 12px;
}

.mw-echo-content {
	font-size: 11px;
}

.mw-echo-notification {
	clear: both;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #252525;
	height: 42px;
}

.mw-echo-timestamp {
	color: gray;
	font-size: 9px;
}

.mw-echo-unread {
	background-image: url(unread.png);
	background-repeat: repeat-y;
	background-position: top left;
}

div.mw-echo-timestamp {
	text-align: right;
}

.mw-echo-title {
	font-size: 13px;
	font-weight: bold;
	line-height: 12px;
}

.mw-echo-content {
	font-size: 11px;
}

.mw-echo-notification {
	clear: both;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #252525;
	height: 42px;
	overflow: none;
}

Add overflow: none to .mw-echo-notification

Change-Id: I0bb10199c531ef120b1c016de272e8cd54b6d573


body, h1, h2 {
  font-family: 'RailwayRegular';
  font-weight: normal;
  font-style: normal;
}

form {
  margin-bottom: 20px;
}

#chart p {
  text-align: center;
}

.fa-spinner {
  font-size: 200px;
  color: #ccc;
}

.input-group-addon {
  padding: 5px;
}

.no-data {
  font-size: 35px;
  margin: 40px;
}

.dashboard-item {
  height: 500px;
}

Set size of dashboard item

Set size of dashboard item


h2 { font-size:2em; font-weight:bold; margin-bottom:1em; white-space:nowrap; }
ul.scopes { list-style:disc; }
ul.scopes li { white-space:nowrap; }
h2 img { width: 50% }
#oauth { margin:4em auto 2em; width:20em; }
#allow-auth { background-color:#5c3; text-shadow:#5e3 0 1px 0; color:#fff;
-webkit-box-shadow:0 1px 1px #fff, 0 1px 1px #5f3 inset; -moz-box-shadow:0 1px 1px #fff, 0 1px 1px #5f3 inset; box-shadow:0 1px 1px #fff, 0 1px 1px #5f3 inset; }
#deny-auth { padding:0; margin:.7em; border:0; background:none; font-size:1.2em; -moz-box-shadow: 0 0 0 #fff, 0 0 0 #fff inset; -webkit-box-shadow: 0 0 0 #fff, 0 0 0 #fff inset; box-shadow: 0 0 0 #fff, 0 0 0 #fff inset; }

h2
{
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	white-space: nowrap;
}
ul.scopes
{
	list-style: disc;
}
ul.scopes li
{
	white-space: nowrap;
}
h2 img
{
	width: 50%;
}
#oauth
{
	margin: 4em auto 2em;
	width: 20em;
}
#allow-auth
{
	background-color: #5c3;
	box-shadow: 0 1px 1px #fff, 0 1px 1px #5f3 inset;
	color: #fff;
	moz-box-shadow: 0 1px 1px #fff, 0 1px 1px #5f3 inset;
	text-shadow: #5e3 0 1px 0;
	webkit-box-shadow: 0 1px 1px #fff, 0 1px 1px #5f3 inset;
}
#deny-auth
{
	background: none;
	border: 0;
	box-shadow: 0 0 0 #fff, 0 0 0 #fff inset;
	font-size: 1.2em;
	margin: .7em;
	moz-box-shadow: 0 0 0 #fff, 0 0 0 #fff inset;
	padding: 0;
	webkit-box-shadow: 0 0 0 #fff, 0 0 0 #fff inset;
}

Format CSS in a readable way

Format CSS in a readable way


#header {
  background-color:black;
  color:white;
  text-align:center;
  padding:5px;
}

#nav {
  line-height:30px;
  background-color:#eeeeee;
  height:300px;
  width:100px;
  float:left;
  padding:5px;
  text-align: center;
}

#section {
  font-family: Roboto
  width: 75%;
  padding:10px;
}

#footer {
  font-family: Roboto;
  background-color: black;
  color: white;
  clear:both;
  text-align:center;
  height: 5em;
  width: 100%;
}

a {
  color: inherit;
}

#header {
  background-color:black;
  color:white;
  text-align:center;
  padding:5px;
}

#nav {
  line-height:30px;
  background-color:#eeeeee;
  height:300px;
  width:100px;
  float:left;
  padding:5px;
  text-align: center;
}

#section {
  font-family: Roboto
  width: 75%;
  float: right;
  padding:10px;
}

#footer {
  font-family: Roboto;
  background-color: black;
  color: white;
  clear:both;
  text-align:center;
  height: 5em;
  width: 100%;
}

a {
  color: inherit;
}

Change section to float right

Change section to float right


.cl-app-badge {
   outline: 1px solid grey;
   padding: 10px;
   cursor: pointer;
   height: 90px;
   vertical-align: middle;
}

.cl-banner {
   background-color: #546E7A;
   color: rgba(255,255,255, 1);
   margin-bottom: 30px;
   padding: 30px 0;
}

.row-picture, .row-content {
    display: table-cell;
    vertical-align: middle;
}

.cl-app-badge {
   padding: 10px;
   cursor: pointer;
   height: 90px;
   vertical-align: middle;
   box-shadow: 0 0 6px 2px #e6e6e6;
}

.cl-app-badge:hover {
  background-color: #e6e6e6;
}

.cl-banner {
   background-color: #546E7A;
   color: rgba(255,255,255, 1);
   margin-bottom: 30px;
   padding: 30px 0;
}

.row-picture, .row-content {
    display: table-cell;
    vertical-align: middle;
}

Add hover action on marketplace items; update outline to shadow


body {
    padding-top: 60px;
    padding-bottom: 60px;
}

.copyright {
    color: #ffffff;
}

.footer {
    text-align: center;
}

.footer a {
    color: #ee4444;
}

.sidebar h1 {
    color: #ee4444;
    font-size: 1.3em;
}

.sidebar a {
    color: #428bca;
}

.sidebar li {
    margin-top: .7em;
    line-height: 1em;
}

.sidebar a:hover {
    background-color: #4488ff;
    color: #ffffff;
}

.container-left {
    margin: 0;
}

.well h1 {
    color: #ee4444;
    font-size: 1.3em;
}

.author {
    color: #ee4444;
}

.author a {
    color: #ee4444;
}

body {
    padding-top: 60px;
    padding-bottom: 60px;
}

.copyright {
    color: #ffffff;
}

.footer {
    text-align: center;
}

.footer a {
    color: #ee4444;
}

.sidebar h1 {
    color: #ee4444;
    font-size: 1.3em;
}

.sidebar a {
    color: #428bca;
}

.sidebar li {
    margin-top: .7em;
    line-height: 1em;
}

.sidebar a:hover {
    color: #3071a9;
}

.container-left {
    margin: 0;
}

.well h1 {
    color: #ee4444;
    font-size: 1.3em;
}

.author {
    color: #ee4444;
}

.author a {
    color: #ee4444;
}

Fix sidebar link hover color

Fix sidebar link hover color


a {
    color: rgb(54, 96, 146);
}

a:visited {
    color: rgb(54, 96, 146);
}

a:hover {
    background-color: rgba(54, 96, 146, 0.05);
    color: rgb(54, 96, 146);
    border: 1px solid rgba(54, 96, 146, 0.13);
}

div.header {
    background: rgb(54, 96, 146);
}

div.section {
    color: rgb(54, 96, 146);
}

span.opencor {
    display: none;
}

p.center {
    text-align: center;
}

pre {
    background: rgba(54, 96, 146, 0.05);
    border: 1px solid rgba(54, 96, 146, 0.13);
}

code {
    color: rgb(54, 96, 146);
}

img.centerLink {
    border: none;
}

img.centerLink:hover {
    background: rgba(54, 96, 146, 0.05);
    border: 1px solid rgba(54, 96, 146, 0.13);
}

table.toolbarButtons th {
    padding: 0px 13px 0px 13px;
}

a {
    color: rgb(54, 96, 146);
}

a:visited {
    color: rgb(54, 96, 146);
}

a:hover {
    background-color: rgba(54, 96, 146, 0.05);
    color: rgb(54, 96, 146);
    border: 1px solid rgba(54, 96, 146, 0.13);
}

div.header {
    background: rgb(54, 96, 146);
}

div.section {
    color: rgb(54, 96, 146);
}

span.opencor {
    display: none;
}

p.center {
    text-align: center;
}

pre {
    background: rgba(54, 96, 146, 0.05);
    border: 1px solid rgba(54, 96, 146, 0.13);
}

code {
    color: rgb(54, 96, 146);
}

img.centerLink:hover {
    background: rgba(54, 96, 146, 0.05);
    border: 1px solid rgba(54, 96, 146, 0.13);
}

table.toolbarButtons th {
    padding: 0px 13px 0px 13px;
}

Revert "Minor CSS fix for our user documentation (for Internet Explorer 10)."

This reverts commit d929590ef376703e4c0fddf25fae74ba20bd580d.


/* Firefox userContent.css */

@-moz-document url("about:privatebrowsing") {
  /* Hide Firefox logo and wordmark. */
  .logo-and-wordmark {
    display: none !important;
  }

  /* Hide search box. */
  .search-inner-wrapper {
    display: none !important;
  }

  /* Hide private browsing myths link. */
  #private-browsing-myths {
    display: none !important;
  }
  .info p {
    margin-bottom: 0 !important;
  }

  /* Hide Mozilla VPN promotional messages. */
  .promo {
    display: none !important;
  }
  .info {
    margin-top: 0 !important;
  }
}

/* Firefox userContent.css */

@-moz-document url("about:privatebrowsing") {
  /* Minimize Private Browsing tab. */
  html.private #search-banner,
  html.private .showPrivate {
    display: none !important;
  }
  .promo {
    display: none !important;
  }
  html.private body {
    background-image:
      url("chrome://global/skin/icons/indicator-private-browsing.svg"),
      url("chrome://browser/skin/indicator-private-browsing.svg") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 48px;
  }
}

Make PB tab show indicator icon only

firefox: Make PB tab show indicator icon only


body {
    margin: 2em auto;
}

.navbar-form {
    margin-top: 10px;
    margin-bottom: 10px;
}

#flotTip {
    z-index: 2000;
}

.tooltip.right .tooltip-inner {
    max-width: none;
}

#report-plot-stack {
    text-align: left;
    margin: 5px;
}

.tooltip hr {
    margin: 5px;
}

.plot-holder {
    height: 400px;
}

.small-plot-holder {
    height: 200px;
}

.plot {
    width: 100%;
}

#report-stacks .panel-title {
    cursor: pointer;
    padding: 5px;
}

#report-stacks ul {
    overflow-x: scroll;
}

#report-stacks li {
    font-family: monospace;
    font-size: smaller;
}

body {
    margin: 2em auto;
}

.navbar-form {
    margin-top: 10px;
    margin-bottom: 10px;
}

#flotTip {
    z-index: 2000;
}

.tooltip.right .tooltip-inner {
    max-width: none;
}

#report-plot-stack {
    text-align: left;
    margin: 5px;
}

.tooltip hr {
    margin: 5px;
}

.plot-holder {
    height: 400px;
}

.small-plot-holder {
    height: 250px;
}

.plot {
    width: 100%;
}

#report-stacks .panel-title {
    cursor: pointer;
    padding: 5px;
}

#report-stacks ul {
    overflow-x: scroll;
}

#report-stacks li {
    font-family: monospace;
    font-size: smaller;
}

Make report distribution plot taller

Make report distribution plot taller


a:link {color: black}
a:visited {color: purple}

pre.code {
    display: block;
    padding: 5px 5px 5px 5px;
}

.rounded {
    text-decoration: none;
}

body {
    background-image:url("/images/background.png");
    font-family: Consolas, monaco, monospace;
    font-size: 13pt;
}

div#header {
    margin: 0 15%;
    width: 60%;
}

div#content {
    width: 60%;
    margin: 0 15%;
    padding: 1%;
    border-radius: 10px;
}

div#navigation {
    float: left;
    width: 10%;
    text-align: right;
}

div#navigation a {
    padding: 5px;
    border-radius: 10px;
    margin: 0% 10% 0% 10%;
}

div#navigation a:visited{
    color: black;
}

div#footer p{
    clear: both;
    font-size: 8pt;
    margin: 0 20%;
    padding: 3px;
}

a:link {color: black}
a:visited {color: purple}

pre.code {
    display: block;
    padding: 5px 5px 5px 5px;
}

.rounded {
    text-decoration: none;
}

body {
    background-image:url("/images/background.png");
    font-family: lucida, monospace;
    font-size: 13pt;
}

div#header {
    margin: 0 15%;
    width: 60%;
}

div#content {
    width: 60%;
    margin: 0 15%;
    padding: 1%;
    border-radius: 10px;
}

div#navigation {
    float: left;
    width: 10%;
    text-align: right;
}

div#navigation a {
    padding: 5px;
    border-radius: 10px;
    margin: 0% 10% 0% 10%;
}

div#navigation a:visited{
    color: black;
}

div#footer p{
    clear: both;
    font-size: 8pt;
    margin: 0 20%;
    padding: 3px;
}

Use lucida as the font.

Use lucida as the font.


/* CLICK BLOCK */

.click_oblique {

    line-height:1.5em;
    font-size:1.05em;
    font-style:oblique;
    margin-bottom:1.5em
}

.click_plain {

    line-height:1.5em;
    font-size:1.05em;
    margin-bottom:1.5em;
}

/* BOX */

.openblock.box {
    margin-top:1em;
    margin-bottom: 1em;
    margin-left:3em;
    margin-right:4em;
    padding: 1em;
    font-size: 0.85em;
    background-color: #ddd;
}

/* CAPSULE */

.openblock.capsule {
    margin-left:10em;
    margin-bottom:2em;
    font-style:italic;
    font-size:0.85em;
}

/* Equation Style */

.equation_row_style {

    border-collapse: collapse;
    border:0;
    font-size: 10pt;
}

.equation_table_style {

    width:100%;
    border-collapse:collapse;
    border:0
}

.equation_number_style {

    text-align:right;
}

.equation_content_style {

    width:100%;

}

/* XREF */

.xref {

    text-decoration:none;

}

.glossary_term {

    background-color: #e8e5e5;
}

/* CLICK BLOCK */

.click_oblique {

    line-height:1.5em;
    font-size:1.05em;
    font-style:oblique;
    margin-bottom:1.5em
}

.click_plain {

    line-height:1.5em;
    font-size:1.05em;
    margin-bottom:1.5em;
}

/* BOX */

.openblock.box {
    margin-top:1em;
    margin-bottom: 1em;
    margin-left:3em;
    margin-right:4em;
    padding: 1em;
    font-size: 0.85em;
    background-color: #ddd;
}

/* CAPSULE */

.openblock.capsule {
    margin-left:10em;
    margin-bottom:2em;
    font-style:italic;
    font-size:0.85em;
}

/* Equation Style */

.equation_row_style {

    border-collapse: collapse;
    border:0;
    font-size: 10pt;
}

.equation_table_style {

    width:100%;
    border-collapse:collapse;
    border:0
}

.equation_number_style {

    text-align:right;
}

.equation_content_style {

    width:100%;

}

/* XREF */

.xref {

    text-decoration:none;

}

.glossary_term {

    color: darkred;
}

Change css of glossary terms in main text to color: darkred.


.Image {
  position: relative;
}

.Image {
  position: absolute;
  height: 400px;
  width: 400px;
}

.example-enter {
  opacity: 0.01;
  transition: opacity .5s ease-in;
}

.example-enter.example-enter-active {
  opacity: 1;
}

.example-leave {
  opacity: 1;
  transition: opacity .5s ease-in;
}

.example-leave.example-leave-active {
  opacity: 0.01;
}

Delete duplicate (and overridden) position declaration


Fix google fonts over https

Fix google fonts over https


.special-text {
	font-weight: bold;
}
.comment {
	border-style: solid;
	padding: 10px;
	margin: 10px;
}

/* For editing */

.editor {
	border-color: #00CC22;
	border-style: solid;
	padding: 10px;
	margin: 10px;
}

input {
    box-sizing : border-box;
	width: 100%;
}

textarea {
	box-sizing: border-box;
	width: 100%;
}

Improve CSS styling for edit in hello demos


.row {
    margin-top: 5px;
    margin-bottom: 5px;
}

.container {
    margin-bottom: 30px;
}

.btn {
    margin-top: 5px;
}

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

.row {
    margin-top: 5px;
    margin-bottom: 5px;
}

.container {
    margin-bottom: 30px;
}

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12
{
    margin-top: 5px;
}

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

Add margin to all columns instead of buttons


h2 {
  font-size: 1.9em;
}

h3 {
  font-size: 1.7em;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.3em;
}

p {
  font-size: 1.2em;
}

ul li {
  font-size: 1em;
}

#list-of-articles {
  margin-top: 20px;
}

h2 {
  font-size: 1.9em;
}

h3 {
  font-size: 1.7em;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: 1.3em;
}

p, ul li {
  font-size: 1.2em;
}

ul li li {
  font-size: 1em;
}

#list-of-articles {
  margin-top: 20px;
}

Make sublist li have a readable size

Make sublist li have a readable size

cc: da39a3ee5e6b4b0d3255bfef95601890afd80709@ipedrazas

Sorry, I didn't count with the sublists on the previous PR.


/* http://www.google.com/fonts#UsePlace:use/Collection:Source+Sans+Pro */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
         url(source_sans_pro-latin_ext.woff) format('woff');
}

.logo {
    min-height: 16px;
    max-height: 64px;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Start with the validating master password field hidden */
#validateMasterPassword {
    display: none;
}

.ui-icon-gplus {
    background-image: url("icons/gplus-18.png");
}

/* TODO: once Chrome 28 is stable, remove -webkit line. */
@media
only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-icon-gplus {
        background-image: url("icons/gplus-36.png");
        background-size: 18px 18px;
    }
}

/* Use IDs over 'input' selector to override jQuery Mobile theming. */
#nickname, #masterPassword, #validateMasterPassword, #accountPassword {
    inherit: none;
    font-family: 'Source Sans Pro', monospace;
}

/* http://www.google.com/fonts#UsePlace:use/Collection:Source+Sans+Pro */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
         url(source_sans_pro-latin_ext.woff) format('woff');
}

.logo {
    min-height: 16px;
    max-height: 64px;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Start with the validating master password field hidden */
#validateMasterPassword {
    display: none;
}

.ui-icon-gplus {
    background-image: url("icons/gplus-18.png");
}

/* TODO: once Chrome 28 is stable, remove -webkit line. */
@media
only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-icon-gplus {
        background-image: url("icons/gplus-36.png");
        background-size: 18px 18px;
    }
}

/* Use IDs over 'input' selector to override jQuery Mobile theming. */
#nickname, #masterPassword, #validateMasterPassword, #accountPassword {
    font-family: 'Source Sans Pro', monospace;
}

Drop an invalid CSS rule

Drop an invalid CSS rule


table.diff {
   border-collapse: collapse;
   border-top: solid 1px #999999;
   border-left: solid 1px #999999;
}

table.diff td {
   padding: 2px;
   padding-left: 5px;
   padding-right: 5px;
   border-right: solid 1px #999999;
   border-bottom: solid 1px #999999;
}

table.diff td:nth-child(1),
table.diff td:nth-child(2) {
   background-color: #deedff;
}

table.diff tr.change,
table.diff tr.disc_a,
table.diff tr.disc_b {
   background-color: #ffffdd;
}

table.diff tr.del {
  background-color: #ffeeee;
}

table.diff tr.ins {
  background-color: #eeffee;
}

table.diff td:nth-child(3),
table.diff td:nth-child(4) {
   font-family: monospace;
}

table.diff td ins {
   padding: 2px;
   color: #009900;
   background-color: #ccffcc;
   text-decoration: none;
   font-weight: bold;
}

table.diff td del {
   padding: 2px;
   color: #990000;
   background-color: #ffcccc;
   text-decoration: none;
   font-weight: bold;
}

table.diff {
   border-collapse: collapse;
   border-top: solid 1px #999999;
   border-left: solid 1px #999999;
}

table.diff td {
   padding: 2px;
   padding-left: 5px;
   padding-right: 5px;
   border-right: solid 1px #999999;
   border-bottom: solid 1px #999999;
}

table.diff td:nth-child(1),
table.diff td:nth-child(2) {
   background-color: #deedff;
}

table.diff tr.change,
table.diff tr.disc_a,
table.diff tr.disc_b {
   background-color: #e5e5c6;
}

table.diff tr.del {
  background-color: #ffeeee;
}

table.diff tr.ins {
  background-color: #eeffee;
}

table.diff td:nth-child(3),
table.diff td:nth-child(4) {
   font-family: monospace;
}

table.diff td ins {
   padding: 2px;
   color: #009900;
   background-color: #ccffcc;
   text-decoration: none;
   font-weight: bold;
}

table.diff td del {
   padding: 2px;
   color: #990000;
   background-color: #ffcccc;
   text-decoration: none;
   font-weight: bold;
}

Put changed lines in darker shade

Put changed lines in darker shade


.swal-form {
    padding-top: 3%;
}

.swal-form input.nice-input  {
    display: block;
    margin: 0;
    width: 96%;
    font-family: sans-serif;
    font-size: 18px;
    box-shadow: none;
    padding: 10px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
}
.swal-form input.nice-input:focus,
.swal-form input.nice-input.focus {
    outline: none;
    border: solid 1px #707070;
    box-shadow: 0 0 5px 1px #969696;
}

Add padding-top to inputs div

Add padding-top to inputs div


/*
 * Copyright (c) 2012 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.
 *
 * A style sheet for Chrome apps.
 */

@namespace "http://www.w3.org/1999/xhtml";

body {
  -webkit-user-select: none;
  cursor: default;
}

browser {
  display: inline-block;
}

html, body {
  overflow: hidden;
}

Make html, body { overflow: hidden } default for app windows.

BUG=147495
R=mihaip@chromium.org

Review URL: https://chromiumcodereview.appspot.com/11066131

git-svn-id: de016e52bd170d2d4f2344f9bf92d50478b649e0@161489 0039d316-1c4b-4281-b951-d872f2087c98


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

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

header {
background: white;
color: black;
}

nav ul {
display: inline-block
text-align: right;
}

nav li {

  display: inline-block;
  color: black;
}

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;
}

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

a h1 h3 p hr {
color: black;
}

Align nav bar text to the right

Align nav bar text to the right


.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.main-content {
  width: 100%;
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-direction: column;
}

.content {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0;
}

.view,
.columns {
  height: 100%;
  max-height: 100%;
}

.view {
  background-color: var(--view-bg);
  flex: 1 1 auto;
  overflow: auto;
  position: relative;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.main-content {
  width: 100%;
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.content {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0;
}

.view,
.columns {
  height: 100%;
  max-height: 100%;
}

.view {
  background-color: var(--view-bg);
  flex: 1 1 auto;
  overflow: auto;
  position: relative;
}

Fix main content pushing footer in some occasions