.done-true {
    text-decoration: line-through;
    color: grey;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.done-true {
    text-decoration: line-through;
    color: grey;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

Fix style for login screen - driven by input type.


.button-shopping-assistant {
    bottom: 0;
    position: fixed;
    right: 5em;
}

.button-shopping-assistant {
    bottom: 0;
    position: fixed;
    right: 5em;
    z-index: 100;
}

Increase z-index to show the button over the top of the slideshow on the rwd theme.


.selected-canvas-element {
  /* TODO: Add a proper selected canvas element effect. */
}

.selected-canvas-element {
  box-shadow: 0 0 16px black;
  background: rgba(255, 255, 255, 0.5);
}

Revert "Remove selected canvas element effect CSS."

This reverts commit 8f1a92da474b8a8f55adc9abf485d14d84d27125.


.content-node .figure_reference {
  padding: 1px 0px;
  border-bottom: 1px solid rgba(145, 187, 4, 0.8);
  /*border: 1px solid transparent;*/
  color: rgba(145, 187, 4, 1);
}

.content-node .figure_reference:hover {
  /*border-style: solid;*/
  /*border: 1px dotted rgba(145, 187, 4, 0.8);*/
  /*background: rgba(145, 187, 4, 0.1);*/
  border-color: rgba(171, 217, 17, 1);
  color: rgba(171, 217, 17, 1);
}

.content-node .figure_reference.active {
  color: white;
  background: rgba(145, 187, 4, 1);
  border-color: transparent;
}

.content-node .figure_reference {
  padding: 1px 0px;
  border: 1px dotted rgba(145, 187, 4, 0.8);
  color: rgba(145, 187, 4, 1);
}

.content-node .figure_reference:hover {
  border-color: rgba(171, 217, 17, 1);
  color: rgba(171, 217, 17, 1);
}

.content-node .figure_reference.active {
  color: white;
  background: rgba(145, 187, 4, 1);
  border-color: transparent;
}

Make figure refs stand out more.

Make figure refs stand out more.


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

:host {
    padding: 0;
    margin: 0;
    display: inline-flex;
    flex-shrink: 0;
    align-items: flex-start !important;
}

::content > .dt-checkbox-button {
    height: 12px;
    width: 12px;
    margin: 1px 3px 2px 2px;
    flex-shrink: 0;
}

::content > .dt-checkbox-text {
    line-height: 15px;
}

DevTools: Fix Replace checkbox label vertical alignment in Sources panel

R=vsevik
BUG=447984
NOTRY=true

Review URL: https://codereview.chromium.org/845973004

git-svn-id: bf5cd6ccde378db821296732a091cfbcf5285fbd@188207 bbb929c8-8fbe-4397-9dbb-9b2b20218538


body {
    text-align: center;
    font-family: sans-serif;
    margin: 0;
    padding: 20px 0;
}

img {
    min-height: calc(80vw * (9 / 16)); /* should be around the height of the image */
    width: 80%;
}

input.url {
    width: 80%;
    padding: 5px;
    border: none;
    background-color: #ddd;
    text-align: center;
    box-sizing: border-box;
}

form {
    margin-top: 50px;
    width: 80%;
    text-align: center;
    display: inline-block;
}

form > textarea {
    width: 100%;
    height: 10vh;
    padding: 5px;
    box-sizing: border-box;
    resize: none;
}

form > input.submit {
    width: 100%;
    display: block;
    padding: 10px;
    background-color: #3070a0;
    border: 1px solid #275070;
    color: white;
    cursor: pointer;
    font-size: 18px;
}

form > input.submit:hover {
    background-color: #206090;
}

body {
    text-align: center;
    font-family: sans-serif;
    margin: 0;
    padding: 20px 0;
}

img {
    min-height: calc(80vw * (9 / 16)); /* should be around the height of the image */
    width: 80%;
}

input.url {
    width: 80%;
    padding: 15px;
    border: none;
    background-color: #ddd;
    text-align: center;
    box-sizing: border-box;
}

form {
    margin-top: 50px;
    width: 80%;
    text-align: center;
    display: inline-block;
}

form > textarea {
    width: 100%;
    height: 10vh;
    padding: 5px;
    box-sizing: border-box;
    resize: none;
}

form > input.submit {
    width: 100%;
    display: block;
    padding: 10px;
    background-color: #3070a0;
    border: 1px solid #275070;
    color: white;
    cursor: pointer;
    font-size: 18px;
}

form > input.submit:hover {
    background-color: #206090;
}

Add more padding around the image url

Add more padding around the image url

This makes it a little easier to copy text on mobile devices


.input-aside,
.dbjs-input-component .input-aside {
	display: block;
}
.input-aside > span:first-child {
	display: inline-block;
}
.auto-submit .submit {
	display: block;
}

Reset auto-submit hide in case of legacy


.esh-pager-wrapper {
    padding-top: 1rem;
    text-align: center;
}

.esh-pager-item {
    margin: 0 5vw;
}

.esh-pager-item--navigable {
    display: inline-block;
    cursor: pointer;
}

    .esh-pager-item--navigable.is-disabled {
        opacity: 0;
        pointer-events: none;
    }

    .esh-pager-item--navigable:hover {
        color: #83D01B;
    }

@media screen and (max-width: 1280px) {
    .esh-pager-item {
        font-size: 0.85rem;
    }
}

@media screen and (max-width: 1024px) {
    .esh-pager-item {
        margin: 0 4vw;
    }
}

Add css style for paginator

Add css style for paginator


@import "$xwiki.getSkinFile('microformats.css')";
@import "$xwiki.getSkinFile('colibri.css', true)#if ("$!{request.colorTheme}" != '')?colorTheme=${request.colorTheme}#end";

@import "$xwiki.getSkinFile('css/microformats.css')";
@import "$xwiki.getSkinFile('colibri.css', true)#if ("$!{request.colorTheme}" != '')?colorTheme=${request.colorTheme}#end";

XSCOLIBRI-263: Use the common css/microformats.css instead of the Albatross-only microformats.css
XSTOUCAN-161: Use the common css/microformats.css instead of the Albatross-only microformats.css
Done.

git-svn-id: eea26612969e16cfeea121ea268596bb181b6a2a@33747 f329d543-caf0-0310-9063-dda96c69346f


body {
  height: 100vh;
  width: 100vw;
  background-image: url("../img/space.jpg");
  background-size: cover;
  color: #fff;
  font-family: sans-serif;
}

h1 {
  font-family: 'Audiowide', cursive;
  text-align: center;
  font-size: 4em;
}

#board {
  height: 430px;
  width: 445px;
  margin: 0 auto;
  background-color: rgba(255,255,255,0.25);
  border: 10px solid #fff;
  border-radius: 5%;
}

.cell {
  height: 100px;
  width: 100px;
  display: inline-block;
}

#first, #second, #third {
  border-bottom: 10px solid #fff;
}

.left, .middle-left {
  border-right: 10px solid #fff;
}

.right {
  border-left: 10px solid #fff;
}

p {
  text-align: center;
  font-size: 4em;
  padding-top: 10px;
  margin: 0 auto;
}

body {
  height: 100vh;
  width: 100vw;
  background-image: url("../img/space.jpg");
  background-size: cover;
  color: #fff;
  font-family: sans-serif;
}

h1 {
  font-family: 'Audiowide', cursive;
  text-align: center;
  font-size: 4em;
}

#board {
  height: 430px;
  width: 445px;
  margin: 0 auto;
  background-color: rgba(255,255,255,0.25);
  border: 10px solid #fff;
  border-radius: 5%;
}

.cell {
  height: 100px;
  width: 100px;
  display: inline-block;
}

#first, #second, #third {
  border-bottom: 10px solid #fff;
}

.left, .middle-left {
  border-right: 10px solid #fff;
}

.right {
  border-left: 10px solid #fff;
}

p {
  text-align: center;
  font-size: 3.5em;
  padding-top: 10px;
  margin: 0 auto;
}

Reduce paragraph font size to 3.5 em

Reduce paragraph font size to 3.5 em


@import '@teamleader/ui-colors';
@import '@teamleader/ui-typography';
@import '@teamleader/ui-utilities';

.label {
  border-style: solid;
  border-width: 1px;
  font-family: var(--font-family-medium);
  text-transform: none;
  vertical-align: middle;
}

.neutral {
  background-color: color(var(--color-neutral) a(48%));
  border-color: color(var(--color-neutral-dark) a(48%));
  color: var(--color-teal-darkest);
}

@each $color in (mint, violet, ruby, gold, aqua) {
  .$(color) {
    background-color: color(var(--color-$(color)-light) a(48%));
    border-color: color(var(--color-$(color)-light) a(48%));
    color: var(--color-$(color)-darkest);
  }
}

.medium {
  font-size: calc(1.4 * var(--unit));
  line-height: calc(1.8 * var(--unit));
  border-radius: 14px;
  height: 24px;
}

.small {
  font-size: calc(1.2 * var(--unit));
  line-height: calc(1.4 * var(--unit));
  border-radius: 11px;
  height: 18px;
}

h1,
h2,
h3,
h4,
p {
  .label {
    margin: 0 6px;
  }
}

@import '@teamleader/ui-colors';
@import '@teamleader/ui-typography';
@import '@teamleader/ui-utilities';

.label {
  border-style: solid;
  border-width: 1px;
  font-family: var(--font-family-medium);
  text-transform: none;
  vertical-align: middle;
}

.neutral {
  background-color: color(var(--color-neutral) a(48%));
  border-color: color(var(--color-neutral-dark) a(48%));
  color: var(--color-teal-darkest);
}

@each $color in (mint, violet, ruby, gold, aqua) {
  .$(color) {
    background-color: color(var(--color-$(color)-light) a(48%));
    border-color: color(var(--color-$(color)-light) a(48%));
    color: var(--color-$(color)-darkest);
  }
}

.medium {
  font-size: calc(1.4 * var(--unit));
  line-height: calc(1.8 * var(--unit));
  border-radius: 12px;
  height: 24px;
}

.small {
  font-size: calc(1.2 * var(--unit));
  line-height: calc(1.4 * var(--unit));
  border-radius: 9px;
  height: 18px;
}

h1,
h2,
h3,
h4,
p {
  .label {
    margin: 0 6px;
  }
}

Set border-radius to the exact value that we need


.ViewDocuments td
{
  padding: 4px;
  white-space:nowrap
}

.ViewDocuments .SizeCell,
.ViewDocuments .ClicksCell
{
	text-align:right;
}

.ViewDocuments .TitleCell,
.ViewDocuments .DescriptionCell
{
	width:100%;
	white-space:wrap
}

.ViewDocuments ._nonpublished { background-color:#ffc }

.ViewDocuments .dnnGrid { margin-bottom:0 }

/* DnnDateTimePicker style fix */

.dnnEditDocs .RadPicker_Default
{
	/* override inline style */
	height:33px!important;
}

.dnnEditDocs .RadPicker_Default .riTextBox
{
	height:33px;
}

/* end fix */

.dnnEditDocs{width:100%;margin:2em auto;}
.dnnEditDocs .dnnFormItem input[type=checkbox], .dnnTabsModule .dnnFormItem input[type=radio]{width:auto;}
.dnnEditDocs .dnnRight{display:block;width: 68%;}
.dnnEditDocs .urlControl br{display:block;}
.dnnEditDocs .urlControl > label{display:block;float: none;text-align:left;}

.ViewDocuments td
{
  padding:4px;
  white-space:nowrap
}

.ViewDocuments .SizeCell,
.ViewDocuments .ClicksCell
{
	text-align:right;
}

.ViewDocuments .TitleCell { width:33%; }

.ViewDocuments .DescriptionCell
{
	width:66%;
	white-space:normal
}

.ViewDocuments ._nonpublished { background-color:#ffc }

.ViewDocuments .dnnGrid { margin-bottom:0 }

/* DnnDateTimePicker style fix */

.dnnEditDocs .RadPicker_Default
{
	/* override inline style */
	height:33px!important;
}

.dnnEditDocs .RadPicker_Default .riTextBox
{
	height:33px;
}

/* end fix */

.dnnEditDocs{width:100%;margin:2em auto;}
.dnnEditDocs .dnnFormItem input[type=checkbox], .dnnTabsModule .dnnFormItem input[type=radio]{width:auto;}
.dnnEditDocs .dnnRight{display:block;width: 68%;}
.dnnEditDocs .urlControl br{display:block;}
.dnnEditDocs .urlControl > label{display:block;float: none;text-align:left;}

Update and fix some styles

Update and fix some styles


html {
  background-color: #ffffff;
  color:#000080;
}

a {
  color: #800080;
}

a:visited {
  color:#ff0000;
}

html {
  background-color: #ffffff;
  color:#000080;
}

ul {
  columns: 2;
  -webkit-columns:2;
  list-style-position: inside;
}
a {
  color: #800080;
}

a:visited {
  color:#ff0000;
}

Divide into the two coloumns

Divide into the two coloumns


body {
    background: #e6e6e6;
}

.main {
    margin-top: 3em;
    margin-bottom: 3em;
}

article {
    background: #fdfdfd;

    overflow: auto;
    padding: 1em;
}

h1, h2, h3, th {
    text-transform: capitalize;
}

header.panel, footer.panel {
    margin-bottom: 0;
}

header .siteName, header .tagLine, footer .credits {
    text-shadow: 1px 1px 2px #969696;
    color: #fff
}

.selected {
    font-weight: bold;
    background-color: #222;
    color: #fff
}

header.panel, footer.panel {
    background: rgb(231, 177, 79);;
}

header .siteName {
    display: inline;
    text-shadow: 1px 1px 2px #969696;
}

header .tagLine {
    margin-left: 2em;
    display: inline;
}

.cdns {
    margin-bottom: 2em;
}

.cdn, .control {
    margin-right: 2em;
}

.controlsContainer {
    margin-bottom: 0.5em;
}

body {
    background: #e6e6e6;
}

.main {
    margin-top: 1em;
    margin-bottom: 1em;
}

article {
    background: #fdfdfd;

    overflow: auto;
    padding: 1em;
}

h1, h2, h3, th {
    text-transform: capitalize;
}

header.panel, footer.panel {
    margin-bottom: 0;
}

header .siteName, header .tagLine, footer .credits {
    text-shadow: 1px 1px 2px #969696;
    color: #fff
}

.selected {
    font-weight: bold;
    background-color: #222;
    color: #fff
}

header.panel, footer.panel {
    background: rgb(231, 177, 79);;
}

header .siteName {
    display: inline;
    text-shadow: 1px 1px 2px #969696;
}

header .tagLine {
    margin-left: 2em;
    display: inline;
}

.cdns {
    margin-bottom: 2em;
}

.cdn, .control {
    margin-right: 2em;
}

.controlsContainer {
    margin-bottom: 0.5em;
}

Decrease margin-top and margin-bottom of .main

This way both graphs show up on a low resolution display (like MBA).


.weather-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(239, 239, 239, 0.95);
  background-color: rgba(255, 255, 255, 0.95);
}

.unit-of-time {
  color: #245161;
  font-style: normal;
}

.temp {
  color: #373737;
  font-style: italic;
  font-size: 2.25em;
}

.weather-card .high-low-line {
  width: 40px;
}

.weather-card .temp-high {
  margin-bottom: 5px;
}

.weather-card .temp-low {
  margin-top: 6px;
}

Fix margins on temp high and low

Fix margins on temp high and low


#fi-ware_catalogue #menu_options .simple_search #simple_search_text {
	background: #e6f3ff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#fi-ware_catalogue .resource_list .header_resource, #catalogue #resource_details .back_to_resource_list {
	border-color: #DDDDDD;
}

.purchase_window_table tr.total_row td {
	border-top-color: #cccccc;
	border-bottom-color: #000000;
}

#fi-ware_catalogue button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.window_menu button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.resource_details img {
    background: white;
}

#fi-ware_catalogue .resource .resource_name {
    font-weight: bold;
}

#fi-ware_catalogue .bold {
    font-weight: bold;
}

#fi-ware_catalogue .link {

}

#fi-ware_catalogue .link:hover {
  text-decoration: underline
}

#fi-ware_catalogue .notebook .tab_area .tab.selected {
    background: white;
    z-index: 2;
}

#fi-ware_catalogue .notebook .tab_area .tab {
    background: #DF7A62;
}

Add fiware details tabs style

Add fiware details tabs style

Signed-off-by: Álvaro Arranz García <3a7352a9ec78d7d17a9240a830621a1f159ca041@conwet.com>


div#mods-wrapper
{
	text-align: center;
}

ul#mods
{
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

ul#mods li
{
	border: 1px solid #AAAAAA;
	min-width: 750px;
}

ul#mods li div.header
{
	background-color: #CCCCCC;
	border-bottom: 1px solid #AAAAAA;
	padding: 1em;
}

ul#mods li div.header span.name
{
	font-weight: bold;
}

ul#mods li div.header span.version
{
	float: right;
	position: relative;
	top: 2px;
}

ul#mods li div.description
{
	padding: 0.5em 1em;
}

div#mods-wrapper
{
	text-align: center;
}

ul#mods
{
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

ul#mods li
{
	border: 1px solid #AAAAAA;
	min-width: 750px;
}

ul#mods li:not(:last-child)
{
	margin-bottom: 1em;
}

ul#mods li div.header
{
	background-color: #CCCCCC;
	border-bottom: 1px solid #AAAAAA;
	padding: 1em;
}

ul#mods li div.header span.name
{
	font-weight: bold;
}

ul#mods li div.header span.version
{
	float: right;
	position: relative;
	top: 2px;
}

ul#mods li div.description
{
	padding: 0.5em 1em;
}

Add spacing between mod entries

Add spacing between mod entries


@import url('//fonts.googleapis.com/css?family=Roboto:400,300,500');
@import 'normalize.css';

:root {
    font-size: 16px;
    font-family: Roboto, sans-serif;
    color: #212121;
    background: #f5f5f5;
}

a {
    color: #222;
    border-bottom: 1px solid #222;
    text-decoration: none;

    &:hover,
    &:focus {
        color: #444;
        border-color: transparent;
        text-decoration: none;
        transition: all .2s ease;
    }

    &:visited {
        color: #555;
    }
}

@import url('//fonts.googleapis.com/css?family=Roboto:400,300,500');
@import 'normalize.css';

:root {
    font-size: 16px;
    font-family: Roboto, sans-serif;
    color: #212121;
    background: #f5f5f5;
}

a:not([type="button"]) {
    color: #222;
    border-bottom: 1px solid #222;
    text-decoration: none;

    &:hover,
    &:focus {
        color: #444;
        border-color: transparent;
        text-decoration: none;
        transition: all .2s ease;
    }

    &:visited {
        color: #555;
    }
}

Remove anchor styles from buttons

Remove anchor styles from buttons


html {
  color: #000080;
  background-color: #ffffff;

}

a:link {
  color: purple;
}

a:visited {
  color: red;
}

#first {
    float: left;
    width: 40%;
    margin: 0 1.5%;
}

#second {
    float: right;
    width: 40%;
    margin: 0 1.5%;
}

p {
    font-size: 10px;
}
#hh1 {
    font-size: 12px;
}
#hh2 {
    font-size: 14px;
}
#hh3 {
    font-size: 16px;
}
h1 {
    font-weight: bold;
    width:30%;
    margin-right: auto;
    margin-left: auto;
}

footer {
    margin-top: -150px;
    height: 150px;
    position: relative;
    clear: both;
}

#firstp {
    width:40%;
    margin-right: auto;
    margin-left: auto;
}

#linebreak {
    border: 0;
    height: 1px;
    color: black;
}

/*
-What is important to know when linking an external file (like a stylesheet) to an HTML file?

It is important to know the relationship, the text style, and the link path.

-What tricks did you use to help you with positioning? How hard was it to get the site as you wanted it?

We used a lot of ids and I looked up codecademy a lot. It was very difficult to get our site exactly like the original one.

-What CSS did you use to modify the element style (like size, color, etc.)

See above! :)

-Did you modify the HTML to include classes or ids? If so, which did you choose and why? If you didn't, how would you know which one to add to your HTML?

We just used ids. I chose to use them because I remembered them from codecademy, but I can't remember the difference off the top of my head.

-When you compared your site to the actual code base, which do you think had cleaner code that followed best practices and why?

The actual code base had cleaner code because we got kind of lost a lot. Ours had better practice because we used CSS for styling instead of just styling in html.
*/

Add CSS file for real

Add CSS file for real


.brand-table-td {
    width: 30%;
}

.brand-table-td-logo {
    width: 20%;
    text-align:center;
}

.brand-table-td-logo-full {
    width: 150px;
}
.brand-table-td-infos {
    width: 450px;
}

.brand-table-td {
    width: 30%;
}

.brand-table-td-logo {
    width: 20%;
    text-align:center;
}

.brand-table-td-logo-full {
    width: 40%;
    text-align:center;
}
.brand-table-td-infos {
    width: 60%;
}

Remove fixed size from css, use percentages instead


.graybox {
    background-color:#ddd;
}

.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}

.hline-bottom {
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd; /* whichever color you prefer */
}

.right-align {
    float: right;
}

.right-align-cell {
    display: flex;
    justify-content: flex-end;
}

.material-icons {
}

.mdl-data-table tbody tr, .mdl-data-table tbody td {
    height: auto;
}

.mdl-data-table tbody td {
    padding-top: 1px;
    padding-bottom: 1px;
}

.transaction-table {
    width: 100%;
}

.transaction-table-col {
    max-width: 0;
}
.transaction-table-col-hide-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.transaction-table-col1 { width: 6em }
.transaction-table-col2 {  }
.transaction-table-col3 { width: 2em }
.transaction-table-col3b { width: 4em }
.transaction-table-col4 { width: 2em }

.stretch-to-fill {
    width: 100%;
}

.graybox {
    background-color:#ddd;
}

.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}

.hline-bottom {
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd; /* whichever color you prefer */
}

.right-align {
    float: right;
}

.right-align-cell {
    display: flex;
    justify-content: flex-end;
}

.material-icons {
}

.mdl-data-table tbody tr, .mdl-data-table tbody td {
    height: auto;
}

.mdl-data-table tbody td {
    padding-top: 1px;
    padding-bottom: 1px;
}

.mdl-textfield {
    padding: 0
}

.transaction-table {
    width: 100%;
}

.transaction-table-col {
    max-width: 0;
}
.transaction-table-col-hide-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.transaction-table-col1 { width: 6em }
.transaction-table-col2 {  }
.transaction-table-col3 { width: 2em }
.transaction-table-col3b { width: 4em }
.transaction-table-col4 { width: 2em }

.stretch-to-fill {
    width: 100%;
}

Reduce vertical spacing of mdl-textfield


.wgdu-controls .rangeslider__fill {
  background-color: #444;
}

.wgdu-controls {
  margin: 0 1rem;
  padding: 0;
}

.wgdu-controls > li {
  margin: 0 0 1rem 0;
  padding: 0;

  list-style-type: none;
}

.wgdu-controls .cee-radio-component h3,
.wgdu-controls .cee-range-slider label {
  margin: 0;

  font-size: 1.2rem;
  font-weight: bold;
  color: #444;
}
.wgdu-controls .cee-radio-component h3 {
  margin: 0 0 0.7rem 0;
}
.wgdu-controls .cee-radio-component label {
  padding: 0.3rem 1rem;
}
.wgdu-controls .cee-radio-component input {
  margin-right: 0.8rem;
}

.wgdu-controls .rangeslider__fill {
  background-color: #444;
}

.wgdu-controls {
  margin: 0 1rem;
  padding: 0;
}

.wgdu-controls > li {
  margin: 0 0 1rem 0;
  padding: 0;

  list-style-type: none;
}

.wgdu-controls .cee-radio-component h3,
.wgdu-controls .cee-range-slider label {
  margin: 0;

  font-size: 1.2rem;
  font-weight: bold;
  color: #444;
}
.wgdu-controls .cee-radio-component h3 {
  margin: 0 0 0.7rem 0;
}
.wgdu-controls .cee-radio-component label {
  padding: 0.3rem 1rem;
}
.wgdu-controls .cee-radio-component input {
  width: 25px;
}

Adjust input size for radio buttons

Adjust input size for radio buttons


/* Show last modified timestamp for Wikipedia */
@namespace url("http://www.w3.org/1999/xhtml");

@-moz-document domain("wikipedia.org") {
  #footer-info-lastmod {
    color: #888 !important;
    font: 0.8rem/1 sans-serif !important;
    padding: 0.2rem 0 !important;
    position: absolute !important;
    top: 3.5rem !important;
    left: 18rem !important;
    display: block !important;
    width: 28rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* Show last modified timestamp for Wikipedia */
@namespace url("http://www.w3.org/1999/xhtml");

@-moz-document domain("wikipedia.org") {
  #footer-info-lastmod {
    color: #888 !important;
    font: 0.8rem/1 sans-serif !important;
    padding: 0.2rem 0 !important;
    position: absolute !important;
    top: 3.5rem !important;
    left: 21.5rem !important;
    display: block !important;
    width: 28rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

Adjust displaying position of last modified date


/* Copyright 2015 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. */

:host {
  background-color: rgb(219, 222, 224);
  color: black;
  display: block;
}

#mainContainer {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
}

#pageContainer {
  -webkit-margin-end: 20px;
  -webkit-margin-start: 20px;
}

::content core-icon-button {
  position: absolute;
}

/* Copyright 2015 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. */

:host {
  background-color: rgb(219, 222, 224);
  bottom: 0;
  color: black;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#mainContainer {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
}

#pageContainer {
  -webkit-margin-end: 20px;
  -webkit-margin-start: 20px;
}

::content core-icon-button {
  position: absolute;
}

Make the cr-settings-main fill its container

BUG=

Review URL: https://codereview.chromium.org/1143243004

Cr-Commit-Position: 972c6d2dc6dd5efdad1377c0d224e03eb8f276f7@{#330897}


#sonos {
  height: 100%;
  padding: 5px;
  background: #e48743;
  text-align: center;
}
#sonos h1 {
  font-size: 30px;
  margin: 0;
}
#sonos h2 {
  font-size: 25px;
}
#sonos p {
  font-size: 18px;
}
#sonos .fade {
  color: rgba(255, 255, 255, 0.7);
}

Add generated CSS for Sonos widget

Add generated CSS for Sonos widget


.custom-progress{margin-bottom:0px;}
.file-content
{
	width:100%;
	height:50%;
}
a
{
    color:rgb(0, 96, 214); /* The same shade of blue as the Alluxio logo. */
}

Use the same blue shade for headings as the Alluxio logo


.frame {
  border: 1px solid #dddddd;
  padding: 10px;
  margin-top: -6px;
  width: 498px;
}

.frame {
  border: 1px solid #dddddd;
  padding: 10px;
  margin-top: -6px;
  width: 496px;
  background-color: #fff;
}

Add white background for the browser-window


.site-summary__security-alerts {
  margin: 0;
}

.security-alerts__list {
  margin-top: 8px;
  display: none;
}

.security-alerts__toggler {
  cursor: pointer;
}

.site-summary__security-alerts {
  margin: 0;
}

.package-summary__security-alerts ul {
  margin-bottom: 0;
}

.security-alerts__list {
  margin-top: 8px;
  display: none;
}

.security-alerts__toggler {
  cursor: pointer;
}

FIX Remove bottom margin from security alerts container


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

table {
  border: 3px solid navy;
  border-collapse: collapse;
}

td {
  padding: 2px;
}

td.heading {
  font-weight: bold;
  text-decoration: underline;
  font-size: 120%;
}

tr {
  padding: 2px;
}

#preferredLanguage {
  width: 50px;
}

#version {
  color: #888;
  text-align: right;
  font-size: 80%;
}

.http {
  display: none;
}

.offline {
  display: none;
}

Hide offline rows until shown.

Hide offline rows until shown.

Change-Id: Id315eec8820623b076b60f011014dbc17348a808


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

#container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: url("images/polaroid.png");
}

#profile-pic {
  background-size: 100%;
  border-radius: 200px;
  border: 1px solid #999;
  width: 200px;
  height: 200px;
  margin-top: 50px;
}

a {
  text-decoration: none;
}

#link-block {
  padding-top: 10px;
}

#link-block img {
  width: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

#link-block img#timeismoney {
  width: 33px;
}

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

#container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: url("./images/polaroid.png");
}

#profile-pic {
  background-size: 100%;
  border-radius: 200px;
  border: 1px solid #999;
  width: 200px;
  height: 200px;
  margin-top: 50px;
}

a {
  text-decoration: none;
}

#link-block {
  padding-top: 10px;
}

#link-block img {
  width: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

#link-block img#timeismoney {
  width: 33px;
}

Fix background image path but actually this time


body, span {
	background-color: #1A1A1A !important;
	color: #FFF !important;
}

a, a span {
	color: #319DC5 !important;
}

a:visited, a:visited span {
	color: #319DC5 !important;
}

code {
    background-color: #4C4C4C;
}

pre, blockquote {
    background-color: #4C4C4C;
}

.NB-story > table {
    background-color: #4C4C4C !important;
}

Fix background colour for blurblog share table in dark theme


.form-control {
    margin-bottom: 5px;
}

#twitterName {
    color: white;
}

td {
  vertical-align : middle !important;
}

td > span {
  margin-left: auto;
  margin-right: auto;
}

.error {
  color: #F23A30;
}

.ng-table-counts > button {
  background-color: white !important;
}

.ng-table-counts > button:active {
  background-color: #E9E9E9 !important;
}
.ng-table-counts > button:hover {
  background-color: #E9E9E9 !important;
}

Add hover and active styling to pagination buttons


.firepicker_color_container {
  position: absolute;
  background-color: #fff;
  margin-top: -7px;
  margin-left: -5px;
  padding-top: 1px;
  padding-right: 1px;
  border: 1px solid #989898;
  -moz-box-shadow: 2px 4px 6px #828282;
  pointer-events: auto;
}

.firepicker_color_container .color_value {
  padding-right: 5em;
  margin-bottom: 1px;
  cursor: pointer;
}

.firepicker_color_container .color_value .css_text  {
  background-color: #FFF;
  padding: 0.1em 0.5em;
  white-space: nowrap;
}

.firepicker_color_container .color_value:hover .css_text  {
  background-color: #E7FFFF;
}

.firepicker_color_container {
  position: absolute;
  background-color: #fff;
  margin-top: -1px;
  padding-top: 1px;
  padding-right: 1px;
  border: 1px solid #989898;
  -moz-box-shadow: 2px 4px 6px #828282;
  pointer-events: auto;
}

.firepicker_color_container .color_value {
  padding-right: 5em;
  margin-bottom: 1px;
  cursor: pointer;
}

.firepicker_color_container .color_value .css_text  {
  background-color: #FFF;
  padding: 0.1em 0.5em;
  white-space: nowrap;
}

.firepicker_color_container .color_value:hover .css_text  {
  background-color: #E7FFFF;
}

Fix the color box's CSS positioning.

Fix the color box's CSS positioning.


.objectsequencewidget li a[rel="remove"] {
    margin-top: 10px;
}

.fieldname-ressort {
    float: left;
    margin-right: 20px;
    clear: both;
}

.fieldname-product {
    float: left;
    margin-right: 20px;
    clear: both;
}

.fieldname-authorships {
    clear: left;
}

Align ressort and procuct fields next to each other


.tabs {
  background: #222;
  border-bottom: 4px solid #555;
}

.tab {
  cursor: default;
  float: left;
  margin: 4px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 4px;
  padding-right: 4px;
  background: #3a3a3a;
  color: #d0d0d0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

.tab.active {
  background: #555;
  color: white;
}

.tab:last-child {
  margin-right: 4px;
}

.tab .file-name {
  margin-right: 5px;
}

.tab .close-icon {
  font-family: 'Octicons Regular';
  font-size: 14px;
  width: 14px;
  height: 14px;
  color: #aaa;
}

.tab .close-icon:before {
  content: "\f050";
}

.tab .close-icon:hover {
  color: white;
}

.tabs {
  background: #222;
  border-bottom: 4px solid #555;
}

.tab {
  cursor: default;
  float: left;
  margin: 4px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 4px;
  padding-right: 4px;
  background: #3a3a3a;
  color: #d0d0d0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  font-size: 90%;
}

.tab.active {
  background: #555;
  color: white;
}

.tab:last-child {
  margin-right: 4px;
}

.tab .file-name {
  margin-right: 5px;
}

.tab .close-icon {
  font-family: 'Octicons Regular';
  font-size: 14px;
  width: 14px;
  height: 14px;
  color: #aaa;
}

.tab .close-icon:before {
  content: "\f050";
}

.tab .close-icon:hover {
  color: white;
}

Set tab font-size to 90%

Set tab font-size to 90%


.reabledit table {
  width: 100%;
  border: 2px solid #ddd;
  border-collapse: collapse;
}

.reabledit th, .reabledit td {
  border: 1px solid #ddd;
  padding: 5px;
}

.reabledit th {
  background-color: #f3f3f3;
}

Add basic styling for the table

Add basic styling for the table


/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .integrated-terminal {
	align-items: flex-end;
	display: flex;
}

.monaco-workbench .integrated-terminal .terminal {
	background-color: #1e1e1e!important;
}

.monaco-workbench .terminal-cursor {
	background-color: #1e1e1e;
}

.monaco-workbench .reverse-video {
	color: #CCC;
}

.vs-dark .monaco-workbench .terminal-cursor {
	background-color: #CCC;
}

.vs-dark .monaco-workbench .reverse-video {
	color: #252526;
}

/* High Contrast Theming */

.hc-dark .monaco-workbench .integrated-terminal .terminal {
	background-color: black!important;
}

.hc-dark .monaco-workbench .terminal-cursor {
	background-color: white;
}

.hc-dark .monaco-workbench .reverse-video {
	color: black;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .integrated-terminal {
	align-items: flex-end;
	display: flex;
}

.monaco-workbench .integrated-terminal .terminal span {
	display: inline-block; /* make terminal characters cover height of line */
}

.monaco-workbench .integrated-terminal .terminal {
	background-color: #1e1e1e!important;
}

.monaco-workbench .terminal-cursor {
	background-color: #1e1e1e;
}

.monaco-workbench .reverse-video {
	color: #CCC;
}

.vs-dark .monaco-workbench .terminal-cursor {
	background-color: #CCC;
}

.vs-dark .monaco-workbench .reverse-video {
	color: #252526;
}

/* High Contrast Theming */

.hc-dark .monaco-workbench .integrated-terminal .terminal {
	background-color: black!important;
}

.hc-dark .monaco-workbench .terminal-cursor {
	background-color: white;
}

.hc-dark .monaco-workbench .reverse-video {
	color: black;
}

Make term chars cover entire line

Make term chars cover entire line


/*
    Copyright 2008, 2009, 2010 Boris ARZUR

    This file is part of Kemuri.

    Kemuri is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of
    the License, or (at your option) any later version.

    Kemuri is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public
    License along with Kemuri. If not, see http://www.gnu.org/licenses.
*/

.bar {
  background-color: #ccccff;
  top: 1px;
  position: fixed;
}

.bar {
  background-color: #ccccff;
  top: 1px;
  position: fixed;
}

tr { width: 50%; }
* { font-size: 1.3em; }

Make table split the screen 50/50 and font bigger


.gxaBioentityHeader {
    background: #f1fffa;
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
    margin-top: 10px;
}

.gxaBioentityHeader .gxaBioentityName, .gxaBioentityHeader .gxaBioentityDescription, .gxaBioentityHeader .gxaBioentitySpecies {
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    color: gray;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.gxaBioentityHeader .gxaBioentityName {
    font-size: 16px;
    font-weight: bold;
    padding-left: 14px;
}

.gxaBioentityHeader .gxaBioentityDescription, .gxaBioentityHeader .gxaBioentitySpecies {
    font-size: 12px;
    padding-left: 6px;
}

.gxaBioentityHeader .gxaBioentitySpecies {
    font-style: italic;
}
.gxaBioentityHeader .gxaBioentitySpecies::first-letter {
    text-transform: uppercase;
}

.gxaBioentityHeader {
    background: #f1fffa;
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
    margin-top: 60px;
}

.gxaBioentityHeader .gxaBioentityName, .gxaBioentityHeader .gxaBioentityDescription, .gxaBioentityHeader .gxaBioentitySpecies {
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    color: gray;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.gxaBioentityHeader .gxaBioentityName {
    font-size: 16px;
    font-weight: bold;
    padding-left: 14px;
}

.gxaBioentityHeader .gxaBioentityDescription, .gxaBioentityHeader .gxaBioentitySpecies {
    font-size: 12px;
    padding-left: 6px;
}

.gxaBioentityHeader .gxaBioentitySpecies {
    font-style: italic;
}
.gxaBioentityHeader .gxaBioentitySpecies::first-letter {
    text-transform: uppercase;
}

Add more space between title and header in the new bioentities page


#xwikiad {
  float: right;
  margin-right: 30px;
}
#xwikireadonly {
  color: red;
}
#xwikimessage {
  margin: auto;
  padding: 0px;
  margin-top: 5px;
}
#xwikiuseravatar{
  max-width: 150px;
}

/* Recognize velocity comments */
.vcomment {
  background-color: #ccccff;
  font-style: italic;
  margin-left: 5px;
  margin-right: 10px;
}

.edit_section {
  float: right;
  margin-left: 5px;
  margin-right: 5px;
}

.diffmodifiedline {
  border-left: 8px solid #888888;
  padding-left: 10px;
}

.diffunmodifiedline {
  border-left: 8px solid #dddddd;
  padding-left: 10px;
}

.diffremoveword {
  background-color: red;
  text-decoration: line-through;
}

.diffaddword {
  background-color: lightgreen;
}

#xwikiad {
  float: right;
  margin-right: 30px;
}
#xwikireadonly {
  color: red;
}
#xwikimessage {
  margin: auto;
  padding: 0px;
  margin-top: 5px;
}
#xwikiuseravatar{
  max-width: 150px;
}

/* Recognize velocity comments */
.vcomment {
  background-color: #ccccff;
  font-style: italic;
  margin-left: 5px;
  margin-right: 10px;
}

.edit_section {
  float: right;
  margin-left: 5px;
  margin-right: 5px;
}

.diffmodifiedline {
  border-left: 8px solid #888888;
  padding-left: 10px;
}

.diffunmodifiedline {
  border-left: 8px solid #dddddd;
  padding-left: 10px;
}

.diffremoveword {
  background-color: red;
  text-decoration: line-through;
}

.diffaddword {
  background-color: #7F7;
}

XWIKI-652: Validate the used CSS files for compliance with standards
Fix invalid color: lightgreen

git-svn-id: c52cc2d16e5f9a756d75322768fad4210e6c57b0@4400 f329d543-caf0-0310-9063-dda96c69346f


table.gxaFormGrid {
    border-width: 2px;
}

table.gxaFormGrid label {
    font-weight: bold;
}

table.gxaFormGrid td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.gxaHomeSearchActionButtons input.ui-button {
    min-width: 80px;
}

table.gxaFormGrid {
    border-width: 2px;
}

table.gxaFormGrid label {
    font-weight: bold;
}

table.gxaFormGrid td {
    padding-top: 2px;
    padding-bottom: 2px;
}

table.gxaFormGrid #organism {
    height: 30px;
}

.gxaHomeSearchActionButtons input.ui-button {
    min-width: 80px;
}

Align height of organism select in front page


/*
* Element: Input fields
*/

/*Setting document variables*/
:root{
    --input-text-color: var(--color-text);
    --input-background-color: var(--color-white);
    --input-background-color-disabled: var(--color-gray);
    --input-border-color: var(--color-gray-light);
    --input-font-family: var(--base-font-family);
}

.input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1;
    font-family: var(--input-font-family);
    color: var(--input-text-color);
    background-color: var(--input-background-color);
    background-image: none; /* Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214*/
    border: 1px solid var(--input-border-color);
    border-radius: 4px;
    vertical-align: bottom;

    &:focus {outline: 0;}
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

Clear the 'X' from IE & Chrome

Clear the 'X' from IE & Chrome

in search input fields


/* Clean up unnecessary elements from 'Sign In' pages. */

header .header_links {
    display: none !important;
}

#page {
    min-height: 0 !important;
}

#page_contents {
    padding-bottom: 0 !important;
}

#page_contents > .align_center:last-child {
    display: none !important;
}

/* Remove Switch Team & Logout menu items. */

#menu #add_team {
    display: none !important;
}

#menu #logout {
    display: none !important;
}

#menu_items > .divider:nth-last-child(2) {
    display: none !important;
}

/* Remove Teams & Launch button. */

header .header_nav #team_switcher {
    display: none !important;
}

header .header_nav a[href='/messages'] {
    display: none !important;
}

/* Clean up unnecessary elements from 'Sign In' pages. */

header .header_links {
    display: none !important;
}

#page {
    min-height: 0 !important;
}

#page_contents {
    padding-bottom: 0 !important;
}

#page_contents > .align_center:last-child {
    display: none !important;
}

/* Remove Switch Team & Logout menu items from 'Messages' page. */

#menu #add_team {
    display: none !important;
}

#menu #logout {
    display: none !important;
}

#menu_items > .divider:nth-last-child(2) {
    display: none !important;
}

/* Remove Teams & Launch button from 'Team Settings' page. */

header .header_nav #team_switcher {
    display: none !important;
}

header .header_nav a[href='/messages'] {
    display: none !important;
}

Add consistent comments to CSS overrides


body {
  background-color: #F9F5FC;
}

.container {
  background-color: #F1EEFA;
  border: 0.5em solid #AAF;
  box-shadow: 0.25em 0.25em 0.25em #444;
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  width: 60em;
}

#tetris-grid {
  border: 1px solid #DAA;
}
#tetris-preview {
  border: 1px solid #AAD;
  display: block;
  margin-bottom: 29px;
}
#tetris-table {
  border: 1px solid #ADA;
  display: block;
}

body {
  background-color: #F9F5FC;
}

.container {
  background-color: #F1EEFA;
  border: 0.5em solid #AAF;
  box-shadow: 0.25em 0.25em 0.25em #444;
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  width: 60em;
}

#element-description {
  border: 1px solid #DDA;
}
#tetris-grid {
  border: 1px solid #DAA;
}
#tetris-preview {
  border: 1px solid #AAD;
  display: block;
}
#tetris-table {
  border: 1px solid #ADA;
  display: block;
}

Add styling for description element

Add styling for description element


/* Red border on invalid fields/cells */
.text-input:invalid {
    -fx-text-box-border: red;
    -fx-focus-color: red;
}
.list-cell:invalid {
    -fx-text-box-border: red;
    -fx-focus-color: red;
}

/* Make the scrollbar bigger */
#logs-table .scroll-bar .thumb,
#logs-table .scroll-bar .increment-button,
#logs-table .scroll-bar .decrement-button {
    -fx-padding: 5px;
}

/* Remove blue highlight on tables */
.table-view:focused {
    -fx-background-color: transparent ,-fx-box-border,-fx-control-inner-background;
    -fx-background-insets: -1.4, 0, 1;
    -fx-background-radius: 1.4, 0, 0;
    /*....*/
    -fx-padding: 1; /* 0.083333em; */
}

/* Remove blue highlight on lists */
.list-view:focused {
    -fx-background-color: transparent ,-fx-box-border,-fx-control-inner-background;
    -fx-background-insets: -1.4, 0, 1;
    -fx-background-radius: 1.4, 0, 0;
    /*....*/
    -fx-padding: 1; /* 0.083333em; */
}

Remove blue highlight on focused lists and tables

Resolves:
https://github.com/joffrey-bion/fx-log/issues/2


:global(span .ui.labeled.button){
  --fontSize: 0.85rem;

  .vote-button, .vote-count {
    font-size: var(--fontSize);
  }

  .vote-button {
    padding: 0.5rem 0.9rem;
  }

  .vote-count {
    padding: 0.5rem;
  }
}

:global(span .ui.labeled.button){
  --fontSize: 0.85rem;

  .vote-button, .vote-count {
    font-size: var(--fontSize);
  }

  .vote-button {
    padding: 0.5rem 0.9rem;
  }

  .vote-count {
    padding: 0.5rem;
    cursor: default;
  }
}

Remove cursor: pointer from vote count label


/* Copyright (C) 2016 ncph Authors
 * This file is free software: You can redistribute it and/or modify it under
 * the terms of the GNU AGPLv3 or later. See COPYING for details. */
html,
body {
  height: 100%;
  margin: 0;
}

body {
  align-items: center;
  background: #000;
  display: flex;
  flex-direction: column;
  font-family: monospace;
  justify-content: center;
}

#vid {
  width: 100%;
}

button {
  background-color: #fff;
  border: none;
  border-radius: 12px;
  box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, .3);
  font: bold 12px sans-serif;
  text-transform: uppercase;
  margin: auto;
  padding: 8px;
  opacity: 0.58;
}

#topleft {
  position: absolute;
  top: 40px;
  left: 40px;
}

#topright {
  position: absolute;
  top: 40px;
  right: 40px;
}

/* Copyright (C) 2016 ncph Authors
 * This file is free software: You can redistribute it and/or modify it under
 * the terms of the GNU AGPLv3 or later. See COPYING for details. */
html,
body {
  height: 100%;
  margin: 0;
}

body {
  align-items: center;
  background: #000;
  display: flex;
  flex-direction: column;
  font-family: monospace;
  justify-content: center;
}

#vid {
  width: 100%;
}

button {
  background-color: #fff;
  border: none;
  border-radius: 12px;
  box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, .3);
  font: bold 12px sans-serif;
  text-transform: uppercase;
  margin: auto;
  padding: 8px;
  opacity: 0.58;
}

#topleft {
  position: absolute;
  top: 24px;
  left: 24px;
}

#topright {
  position: absolute;
  top: 24px;
  right: 24px;
}

css: Move buttons further towards screen edges.


#calculator {
  width: 450px;
  height: 300px;
  margin: 30px auto;
  border-spacing: 0;
  border-collapse: collapse;
}

#calculator th {
  width: 100%;
  padding: 4px 8px;
  vertical-align: middle;
  border: 1px solid silver;
}

#calculator td {
  width: 25%;
  text-align: center;
  border: 1px solid silver;
}

#calculator td:hover {
  background-color: whitesmoke;
}

#result {
  width: 100%;
  padding: 0;
  text-align: right;
  font-size: 1.5em;
  border: 0;
}

@media screen and (max-width: 500px) {
  html, body, #calculator_app {
    height: 100%;
    margin: 0px;
  }

  #calculator {
    height: 100%;
    width: 100%;
    margin: 0px;
  }

  #calculator th {
    height: 25%;
  }
}

#calculator {
  width: 450px;
  height: 300px;
  margin: 30px auto;
  border-spacing: 0;
  border-collapse: collapse;
}

#calculator th {
  width: 100%;
  padding: 4px 8px;
  vertical-align: middle;
  border: 1px solid silver;
}

#calculator td {
  width: 25%;
  text-align: center;
  border: 1px solid silver;
}

#calculator td:hover {
  background-color: whitesmoke;
}

#result {
  width: 100%;
  padding: 0;
  text-align: right;
  font-size: 1.5em;
  border: 0;
}

@media screen and (min-device-width: 0px) and (max-device-width: 1023px) {
  html, body, #calculator_app {
    height: 100%;
    margin: 0px;
  }

  #calculator {
    height: 100%;
    width: 100%;
    margin: 0px;
  }

  #calculator th {
    height: 25%;
  }
}

Use device-width to support mobile

Use device-width to support mobile


.datepicker > div > table > thead th {
  background: none;
  padding: 0%;
}

.calendar-form {
  /*margin-top: 12px;*/
  font-size: 12px;
  color: #73879C;
  font-family: Roboto-Medium;
}

.calendar-title {
  margin-right: 10px;
  margin-top: 17px;
}

.date-input {
  width: 100px;
  text-align: center;
  height: 23px;
  border: 2px #73879C solid;
}

.go-button {
  height: 25px;
  color: #FFFFFF;
  background: #73879C;
  padding-top: 3px;
}

.datepicker > div > table > thead th {
  background: none;
  padding: 0%;
}

.calendar-form {
  /*margin-top: 12px;*/
  font-size: 12px;
  color: #73879C;
  font-family: Roboto-Medium;
}

.calendar-title {
  margin-right: 10px;
  margin-top: 17px;
}

.date-input {
  width: 100px;
  text-align: center;
  height: 23px;
  border: 2px #73879C solid;
}

.go-button {
  height: 22px;
  color: #FFFFFF;
  background: #73879C;
  padding-top: 2px;
  padding-bottom: 19px;
  border: 1px #73879C solid;
}

Modify css to 'GO' button

Modify css to 'GO' button


/* Foundation hacks */
.row{
	max-width:inherit;/* Expand to full browser width instead of 960px */
}
.top-bar input{	/* Issue filed at github */
	height:auto;
	padding-top:.35rem;
	padding-bottom:.35rem;
}
nav.top-bar .has-dropdown .button{ /* Needs testing */
	top:0;
}

/* End Foundation hacks */

#search-bar{
}
#search-bar i{
	padding:6px;
}
/* Card block */
li.card a{
	margin:2px;
	padding:5px;
	border: 1px solid #eaeaea;
	display: block;
}
li.card a:hover{
	border: 1px solid #ddd;
}

/* Foundation hacks */
.row{
	max-width:inherit;/* Expand to full browser width instead of 960px */
}
.top-bar input{	/* Issue filed at github */
	height:auto;
	padding-top:.35rem;
	padding-bottom:.35rem;
}
nav.top-bar .has-dropdown .button{ /* Needs testing */
	top:0;
}

/* End Foundation hacks */

/* Card block */
li.card a{
	margin:2px;
	padding:5px;
	border: 1px solid #eaeaea;
	display: block;
}
li.card a:hover{
	border: 1px solid #ddd;
}

Add github link in footer, Remove search button from search bar


/* still picked up by assistive technologies thanks to aria-describedby */
.amp-story-order-controls .amp-story-controls-description {
	display: none;
}

.amp-story-order-controls-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.amp-story-order-controls-wrap .components-icon-button {
	display: block;
	align-self: start;
	text-align: center;
	color: inherit;
}

.amp-story-order-controls-wrap .components-icon-button svg {
	display: block;
	margin: 0 auto;
}

.wp-block [draggable="true"]:hover {
	cursor: grab;
}

/* The editable area of the Text block shouldn't have cursor: grab. */
.wp-block[data-type="amp/amp-story-text"] .editor-rich-text__editable:hover,
.wp-block[data-type="core/quote"] .editor-rich-text__editable:hover {
	cursor: default;
}

/* still picked up by assistive technologies thanks to aria-describedby */
.amp-story-order-controls .amp-story-controls-description {
	display: none;
}

.amp-story-order-controls-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.amp-story-order-controls-wrap .components-icon-button {
	display: block;
	align-self: start;
	text-align: center;
	color: inherit;
}

.amp-story-order-controls-wrap .components-icon-button svg {
	display: block;
	margin: 0 auto;
}

.wp-block [draggable="true"] {
	-webkit-user-select: auto;
}

.wp-block [draggable="true"]:hover {
	cursor: grab;
}

/* The editable area of the Text block shouldn't have cursor: grab. */
.wp-block[data-type="amp/amp-story-text"] .editor-rich-text__editable:hover,
.wp-block[data-type="core/quote"] .editor-rich-text__editable:hover {
	cursor: default;
}

Apply Miina's idea of using a -webkit style rule

Before, it wasn't possible to type in any draggable
element in Safari,
meaning the Text block wasn't usable.
So use Miina's idea of -webkit-user-select
for the [draggable] element that wraps the blocks


#quick-format-dialog {
	background: transparent;
	padding: 0;
}

#quick-format-search {
	background: white;
	padding: 2px 2px 2px 0;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	-moz-appearance: none;
}

#quick-format-dialog {
	background: transparent;
	-moz-appearance: none;
	padding: 0;
}

#quick-format-search:not([multiline="true"]) {
	height: 28px !important;
}

#quick-format-entry {
	background: -moz-linear-gradient(-90deg, rgb(243,123,119) 0, rgb(180,47,38) 50%, rgb(156,36,27) 50%);
	padding: 10px;
}

#quick-format-entry:not([square="true"]) {
	-moz-border-radius: 15px;
}

#zotero-icon {
	margin: 2px 0 0 2px;
	-moz-appearance: none;
}

body {
	line-height: 1.65em;
}

body[multiline="true"] {
	padding-bottom: 2px;
}

#quick-format-dialog {
	background: transparent;
	padding: 0;
}

#quick-format-search {
	background: white;
	padding: 2px 2px 2px 0;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	-moz-appearance: none;
}

#quick-format-dialog {
	background: transparent;
	-moz-appearance: none;
	padding: 0;
}

#quick-format-search:not([multiline="true"]) {
	height: 28px !important;
}

#quick-format-entry {
	background: -moz-linear-gradient(-90deg, rgb(243,123,119) 0, rgb(180,47,38) 50%, rgb(156,36,27) 50%);
	padding: 10px;
}

#quick-format-entry:not([square="true"]) {
	-moz-border-radius: 15px;
}

#zotero-icon {
	margin: 2px 0 0 3px;
	-moz-appearance: none;
}

body {
	line-height: 1.65em;
}

body[multiline="true"] {
	padding-bottom: 2px;
}

Move icon over by one pixel

Move icon over by one pixel


html, body, #map-canvas {
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

#panel {
  position: absolute;
  top: 5px;
  left: 15px;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  width: 300px;
}

#directions-panel {
  height: 100%;
  float: right;
  width: 390px;
  overflow: auto;
}

#map-canvas {
  margin-right: 400px;
}

#control {
  background: #fff;
  padding: 5px;
  font-size: 14px;
  font-family: Arial;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
}

#route {
  display: inline-block;
  float: left;
  margin-left: 20px;
}

#submit-route {
  display: block;
  clear: both;
  margin: 10px auto;
}

html, body, #map-canvas {
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

#directions-panel {
  height: 100%;
  float: right;
  width: 390px;
  overflow: auto;
}

#map-canvas {
  margin-right: 400px;
}

#control {
  background: #fff;
  padding: 5px;
  font-size: 14px;
  font-family: Arial;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
}

#route {
  display: inline-block;
  float: left;
  margin-left: 20px;
}

#submit-route {
  display: block;
  clear: both;
  margin: 10px auto;
}

Remove unused CSS for panel id

Remove unused CSS for panel id


/**
 * CSS link utilities - Port from SUIT CSS
 * Source: https://github.com/suitcss/utils-link
 *
 */

/**
 * Clean link
 *
 * A link without any text-decoration at all.
 */

.u-linkClean,
.u-linkClean:hover,
.u-linkClean:focus,
.u-linkClean:active {
  text-decoration: none !important;
}

/**
 * Link complex
 *
 * A common pattern is to have a link with several pieces of text and/or an
 * icon, where only one piece of text should display the underline when the
 * link is the subject of user interaction.
 *
 * Example HTML:
 *
 *
 *   Link complex
 *   target
 *
 */

.u-linkComplex,
.u-linkComplex:hover,
.u-linkComplex:focus,
.u-linkComplex:active {
  text-decoration: none !important;
}

.u-linkComplex:hover .u-linkComplexTarget,
.u-linkComplex:focus .u-linkComplexTarget,
.u-linkComplex:active .u-linkComplexTarget {
  text-decoration: underline !important;
}

/**
 * Block-level link
 *
 * Combination of traits commonly used in vertical navigation lists.
 */

.u-linkBlock,
.u-linkBlock:hover,
.u-linkBlock:focus,
.u-linkBlock:active {
  display: block !important;
  text-decoration: none !important;
}

Add credit where it's due

Add credit where it's due


.priceBarometer {
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

.priceBarometerImage {
    display: block;
    margin: 0 auto -48px auto;
    width: 368px;
}

.priceBarometerGraph {
    height: 120px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 1920px;
}

.priceBarometerText {
    composes: underlineA from '_template.module.css';
    margin: 0 auto 2rem auto;
    max-width: 480px;
    padding: 0 1rem;
}

.heading {
    composes: heading from '../index.module.css';
}

.priceBarometerText p {
    margin-bottom: 0.5rem;
}

.priceBarometer {
    overflow-x: hidden;
    padding-top: 192px;
    position: relative;
    width: 100%;
}

.priceBarometerImage {
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 368px;
}

.priceBarometerGraph {
    height: 120px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 1920px;
}

.priceBarometerText {
    composes: underlineA from '_template.module.css';
    margin: 0 auto 2rem auto;
    max-width: 480px;
    padding: 0 1rem;
}

.heading {
    composes: heading from '../index.module.css';
}

.priceBarometerText p {
    margin-bottom: 0.5rem;
}

Fix Barometer layout on small screens

Fix Barometer layout on small screens


/*
    Sample-specific CSS would go here, but to make your
    application easier to maintain, you should try to
    minimize the use of custom CSS.
*/

.moon .moon-header, .moon .moon-panel-body, .moon .moon-item {
    color: white;
}

Revert "GF-6535: text color changed"

Revert "GF-6535: text color changed"

This reverts commit d8ffa5eb21f49b04834e171feb349769f33c5d70.


.zci--js_minify .js_minify--wrap {
    margin-bottom: 1.5em;
}

.zci--js_minify textarea {
    font-family: 'monospace';
}

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

.zci--js_minify .js_minify--action_box button {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/* Mobile */
.is-mobile .zci--js_minify .js_minify--action_box {
    text-align: center;
}

.is-mobile .zci--js_minify .js_minify--action_box button {
    height: 2.5em;
}

.zci--js_minify .js_minify--wrap {
    margin-bottom: 1.5em;
}

.zci--js_minify textarea {
    font-family: 'monospace';
}

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

.zci--js_minify .js_minify--action_box button {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/* Mobile */
.is-mobile .zci--js_minify .js_minify--action_box {
    text-align: center;
}

.is-mobile .zci--js_minify textarea {
    resize: vertical;
}

.is-mobile .zci--js_minify .btn {
    height: 2.5em;
}

Disable horizontal resize on mobile

Disable horizontal resize on mobile


html {
  background-image:url(chrome://theme/theme_ntp_background?$1);
  background-color:$2;
  background-position:$3;
  background-repeat:$5;
  overflow:hidden;
}

html[bookmarkbarattached='true'] {
  background-position:$4;
}

html {
  background-image: url(chrome://theme/theme_ntp_background?$1);
  background-color: $2;
  background-position: $3;
  background-repeat: $5;
  height: 100%;
  overflow: auto;
  background-attachment: fixed;
}

html[bookmarkbarattached='true'] {
  background-position: $4;
}

Make themes in the incognito NTP which are bottom-aligned attach to the bottom of the screen, rather than the bottom of the text box.

BUG= http://crbug.com/21543
TEST= Install "Folders" theme. Open incognito window.  Observe that NTP background looks the same as it doesn in normal mode.

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

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


@charset "UTF-8";

@font-face {
  font-family: "neurotechx";
  src:url("fonts/neurotechx.eot");
  src:url("fonts/neurotechx.eot?#iefix") format("embedded-opentype"),
    url("fonts/neurotechx.woff") format("woff"),
    url("fonts/neurotechx.ttf") format("truetype"),
    url("fonts/neurotechx.svg#neurotechx") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "neurotechx" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "neurotechx" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-neurotechx-vector:before {
  content: "\78";
}

@charset "UTF-8";

@font-face {
  font-family: "neurotechx";
  src:url("../fonts/neurotechx.eot");
  src:url("../fonts/neurotechx.eot?#iefix") format("embedded-opentype"),
    url("../fonts/neurotechx.woff") format("woff"),
    url("../fonts/neurotechx.ttf") format("truetype"),
    url("../fonts/neurotechx.svg#neurotechx") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "neurotechx" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "neurotechx" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-neurotechx-vector:before {
  content: "\78";
}

Edit folder path to the Fonts folder

Edit folder path to the Fonts folder


/* Place jumbotron in the center of the screen, with slight transparency. */
.jumbotron {
  background-color: rgba(255, 255, 255, 0.8);
  left: 50%;
  padding: 5%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

#title {
  font-size: 10vh;
  margin: 0;
}

#subtitle {
  color: var(--SLURP-GRAY);
  font-size: 3vh;
  opacity: 50%;
}

#landing-description {
  color: var(--SLURP-BLUE);
  font-size: 2vh;
  margin: 2em 0;
}

#logo-and-button {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

#logo-landing {
  height: 33vh;
}

/* Place jumbotron in the center of the screen, with slight transparency. */
.jumbotron {
  background-color: rgba(255, 255, 255, 0.8);
  left: 50%;
  padding: 3%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

#title {
  font-size: 10vh;
  margin: 0;
}

#subtitle {
  color: var(--SLURP-GRAY);
  font-size: 3vh;
  opacity: 50%;
}

#landing-description {
  color: var(--SLURP-BLUE);
  font-size: 2vh;
  margin: 2em 0;
}

#logo-and-button {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

#logo-landing {
  width: 55%;
}

Use width instead of height for logo and change jumbotron padding


/**
 * Kanji Flashcard Review
 *
 * VUE REFACTORING
 *
 *   This stylesheet may eventually move to a "flashcard page" Vue component, which
 *   will contain KoohiiFlashcard component.
 *
 *   This component would handle layout out the card, progress bar, buttons etc.
 *   for desktop / mobile. This is more complex and easy to break.
 *
 */

/* ------ these will eventually move to Vue components ----- */

/* =require "/revtk/components/EditStoryComponent.css" */
/* =require "/revtk/components/EditKeywordDialog.css" */
/* =require "/revtk/components/EditFlashcardDialog.css" */

/* ------ the rest moved to  KoohiiFlashcard.vue ----------- */

/**
 * Kanji Flashcard Review
 *
 * VUE REFACTORING
 *
 *   This bundle remains until Edit Story dialog, Edit Keyword, etc. become
 *   Vue components.
 *
 *   All the styles moved to KoohiiFlashcard.vue component. Ideally they need
 *   to go into a "flashcard review page" parent component. But for now the
 *   point is that these will be part of a webpack bundle for the Flashcard
 *   Review page.
 *
 *   In retrospect I moved these styles too early since the following make
 *   this bundle still necessary...
 *
 */

/* =require "/revtk/components/EditStoryComponent.css" */
/* =require "/revtk/components/EditKeywordDialog.css" */
/* =require "/revtk/components/EditFlashcardDialog.css" */

Clarify comments in "kanji-flashcardreview " js bundle, which is still required


th.sort-header::-moz-selection { background: transparent; }

th.sort-header::selection { background: transparent; }

th.sort-header {
  cursor: pointer;
}

th.sort-header::-moz-selection,
th.sort-header::selection {
  background: transparent;
}

table th.sort-header::after {
  content: '';
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #404040 transparent;
  visibility: hidden;
}

table th.sort-header:hover::after {
  visibility: visible;
}

table th.sort-up::after,
table th.sort-down::after,
table th.sort-down:hover::after {
  visibility: visible;
  opacity: 0.4;
}

table th.sort-up::after {
  border-bottom: none;
  border-width: 4px 4px 0;
}

th[role=columnheader]:not(.no-sort) {
	cursor: pointer;
}

th[role=columnheader]:not(.no-sort):after {
	content: '';
	float: right;
	margin-top: 7px;
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: #404040 transparent;
	visibility: hidden;
	opacity: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

th[aria-sort=ascending]:not(.no-sort):after {
	border-bottom: none;
	border-width: 4px 4px 0;
}

th[aria-sort]:not(.no-sort):after {
	visibility: visible;
	opacity: 0.4;
}

th[role=columnheader]:not(.no-sort):hover:after {
	visibility: visible;
	opacity: 1;
}

Use CSS from tables from 5.0.0

Use CSS from tables from 5.0.0


.sc-translatable-editor .se-editor {
  display: flex;
}

.sc-translatable-editor .se-editor > .sc-surface,
.sc-translatable-editor .se-editor > .sc-text-model-editor {
  flex: 1;
}

.sc-translatable-editor .se-editor > .se-remove {
  width: 10px;
  margin-left: 10px;
  cursor: pointer;
}

.sc-translatable-editor .se-editor {
  display: flex;
}

.sc-translatable-editor .se-editor > *:first-child {
  flex: 1;
}

.sc-translatable-editor .se-editor > .se-remove {
  width: 10px;
  margin-left: 10px;
  cursor: pointer;
}

Fix style for translatable editor.

Fix style for translatable editor.


/* your custom css */

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 0px;
    padding: 1em 20px;
    quotes: "“" "”" "‘" "’";
}

blockquote:before {
    color: #eb4d54;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    vertical-align: -0.4em;
}

.scalafmt-pair {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    display: flex;
    justify-content: space-around;
    margin: 1.5em 0px;
}

.scalafmt-pair pre code {
    background: transparent;
    border-left: none;
}

@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {}

@media only screen and (min-width: 1024px) {}

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

@media only screen and (min-width: 1400px) {}

@media only screen and (min-width: 1500px) {}

/* your custom css */

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 0px;
    padding: 1em 20px;
    quotes: "“" "”" "‘" "’";
}

blockquote:before {
    color: #eb4d54;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    vertical-align: -0.4em;
}

pre {
    overflow-x: scroll;
}

.scalafmt-pair {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    display: flex;
    justify-content: space-around;
    margin: 1.5em 0px;
}

.scalafmt-pair pre code {
    background: transparent;
    border-left: none;
}

@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
    .scalafmt-pair {
        flex-direction: column;
    }
}

@media only screen and (min-width: 1024px) {}

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

@media only screen and (min-width: 1400px) {}

@media only screen and (min-width: 1500px) {}

Make it pretty on mobile

Make it pretty on mobile


/* CSS for main view */

.list {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    line-height: 1.7;
    font-size: 16px;
    width: 800px;
    margin: 6px 0 24px;
}

.locale_list a {
    padding-left: 4px;
}

.product_list a {
    padding-left: 16px;
}

tr th {
    background: #fff;
}

.number {
    text-align: right;
}

.source_type {
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9em;
}

.error {
    background-color: #ff5252;
}

.repository_link {
    font-size: 0.7em;
    display: inline-block;
    margin-left: 6px;
    text-transform: uppercase;
}

.github_link {
    margin-top: 30px;
    font-size: 0.9em;
    height: 38px;
    padding-left: 30px;
    background: url(../img/github.png) top left no-repeat transparent;
}

/* CSS for main view */

.list {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    line-height: 1.7;
    font-size: 16px;
    width: 800px;
    margin: 6px 0 24px;
}

.locale_list a {
    padding-left: 4px;
}

.product_list a {
    padding-left: 16px;
}

tr th {
    background: #fff;
}

.number {
    text-align: right;
}

.source_type {
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9em;
}

.error {
    background-color: #ff5252;
}

.repository_link {
    font-size: 0.7em;
    display: inline-block;
    margin-left: 6px;
    text-transform: uppercase;
}

.github_link {
    margin-top: 30px;
    font-size: 0.9em;
    height: 38px;
    line-height: 2.1;
    padding-left: 30px;
    background: url(../img/github.png) top left no-repeat transparent;
}

Fix alignment of GitHub link

Fix alignment of GitHub link


@import "../palette.css";

.container {
  position: relative;
  margin: 10px 0 30px;
  border-bottom: 1px solid rgba(255, 255, 255, .19);
  overflow: hidden;
}

.subContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  & a { /* Tab */
    text-align: center;
    font-weight: var(--fontWeightLight);
    font-size: 15px;
    color: var(--primaryTextColor);
    padding: 10px 12px 16px;
    border-bottom: 2px solid transparent;
    flex-grow: 1;

    &:hover {
      color: var(--colorMutedLight);
    }

    &[disabled] {
      pointer-events: none;
      color: var(--colorMuted);
    }

    @media only screen and (max-width: 768px) {
      padding-left: 10px;
      padding-right: 10px;
    }
  }

  & .chosen {
    display: inline-block;
    border-color: var(--primaryLinkColor);
    color: color(var(--colorMuted) lightness(85%));
  }

  @media only screen and (max-width: 1439px) {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
}

@import "../palette.css";

.container {
  position: relative;
  margin: 10px 0 30px;
  border-bottom: 1px solid rgba(255, 255, 255, .19);
  overflow: hidden;
}

.subContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  & a { /* Tab */
    text-align: center;
    font-weight: var(--fontWeightLight);
    font-size: 15px;
    color: var(--primaryTextColor);
    padding: 10px 12px 16px;
    border-bottom: 2px solid transparent;
    flex-grow: 1;

    &:hover {
      color: var(--colorMutedLight);
    }

    &[disabled] {
      pointer-events: none;
      color: var(--colorMuted);
    }

    @media only screen and (max-width: 768px) {
      padding-left: 10px;
      padding-right: 10px;
    }
  }

  & .chosen {
    display: inline-block;
    border-color: var(--primaryLinkColor);
    color: color(var(--colorMuted) lightness(85%));
  }

  @media only screen and (max-width: 1439px) {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
  }
}

Fix being unable to scroll tab bar on Firefox when window width is smaller than 1440px


.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 16px;
    height: 16px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

Fix map zoom button size

Fix map zoom button size


td.perfometer {
    padding: 1px 1px 1px 0px;
    width: 120px;
    min-width : 120px;
/*    height: 22px;
    vertical-align: middle;*/
}

td.perfometer img.glow {
    position: relative;
    top: 1px;
/*    left: 2px;*/
    width: 118px;
    height: 22px;
/*    margin-bottom: 1px;*/
    z-index: 3;
}

td.perfometer a {
    color: black;
    text-decoration: none;
}

td.perfometer div.title {
    position: relative;
    top: 5px;
/*    left: 0px;*/
    width: 120px;
    height: 0px;
    text-align: center;
    white-space: nowrap;
/*    float: left;*/
    z-index: 4;
}

td.perfometer div.content {
    position: relative;
/*    top: 0px;*/
    left: 1px;
/*    width: 119px;*/
    height: 0px;
/*    float: left;
    z-index: 2;*/
}

td.perfometer table {
    width: 120px;
/*    height: 22px;
    border-spacing: 0px;
    padding: 0;
    margin: 0;*/
    border: 1px solid #AAA;
/*    height: 100%;*/
}

td.perfometer td.inner {
    padding: 0;
/*    margin: 0;*/
    border: none;
    height: 22px;
/*    padding: 0px 0px 0px 1px;*/
}

td.perfometer {
    padding: 1px 1px 1px 0px;
    width: 120px;
    min-width : 120px;
}

td.perfometer img.glow {
    position: relative;
    top: 1px;
    width: 118px;
    height: 22px;
    z-index: 3;
}

td.perfometer a {
    color: black;
    text-decoration: none;
}

td.perfometer div.title {
    position: relative;
    top: 5px;
    width: 120px;
    height: 0px;
    text-align: center;
    white-space: nowrap;
    z-index: 4;
}

td.perfometer div.content {
    position: relative;
    left: 1px;
    height: 0px;
}

td.perfometer table {
    width: 120px;
    border: 1px solid #AAA;
}

td.perfometer td.inner {
    padding: 0;
    border: none;
    height: 22px;
}

Clean : useless css things.

Clean : useless css things.


#contact-info {
  font-size: 0.8em;

}

.job {
background-color: #e9e5dc;
margin-top: 20px;
padding: 20px;
border-radius: 20px;

}

.details {
font-size: 0.8em;

}

#email:hover{
  color: #689A9F;

}

section.job > h3 {
  font-style: italic;

}

Add elements from release 2, making it fancier


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

/* This file was auto-generated by ensurePackage() in @jupyterlab/buildutils */
@import url('~@jupyterlab/apputils/style/index.css');
@import url('~@jupyterlab/rendermime/style/index.css');
@import url('~@jupyterlab/docregistry/style/index.css');
@import url('~@jupyterlab/application/style/index.css');
@import url('~@jupyterlab/notebook/style/index.css');
@import url('~@jupyterlab/vdom/style/index.css');

Update the ui-components css to reflect the correct dependencies.


/* [XUL] Comfortable tab height with Tree Style Tab */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab {
  min-height: 32px !important;
}

/* [XUL] Comfortable tab height with Tree Style Tab */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab {
  min-height: 30px !important;
}

Reduce the height of tab to fill more tabs on one screen


.leaflet-credits-control {
    margin-right:0 !important;
    margin-bottom:0 !important;

    height:39px;        /* defined in the JavaScript code */
    padding-right:39px; /* defined in the JavaScript code */

    background-image:none; /* defined in the JavaScript code */
    background-repeat:no-repeat;
    background-position:100% 0;

    background-color:white;
    opacity:0.90;
    border-radius:5px;
    border:4px solid rgba(0, 0, 0, 0.1);

    cursor:pointer;
}
.leaflet-credits-control a {
    font-size:8pt;
    color:#333333 !important;
    text-decoration:none;

    text-align:right;

    display:none; /* becomes visible on mouse hover, see creditsControl */
}
.leaflet-credits-control a.leaflet-credits-showlink {
    display:inline-block;
    padding-left:5px;
    padding-right:5px;

    margin-top:5px;

    line-height:15px;
}

.leaflet-credits-control {
    margin-right:0 !important;
    margin-bottom:0 !important;

    height:39px;        /* defined in the JavaScript code */
    padding-right:39px; /* defined in the JavaScript code */

    background-image:none; /* defined in the JavaScript code */
    background-repeat:no-repeat;
    background-position:100% 0;

    background-color:white;
    opacity:0.90;
    border-radius:5px;
    border:4px solid rgba(0, 0, 0, 0.1);

    cursor:pointer;
}
.leaflet-credits-control a {
    font-size:8pt;
    text-align:right;
}
.leaflet-credits-control a:hover {
  text-decoration: underline;
}

.leaflet-credits-control a.leaflet-credits-showlink {
    display:inline-block;
    padding-left:5px;
    padding-right:5px;

    margin-top:5px;

    line-height:15px;
}

Make all links on LA map unified

Make all links on LA map unified


@external dialogTop, dialogContent;

.labelCell {
   padding-right: 6px;
}

.buttonCell button {
   position: relative;
   left: 3px;
   top: 2px;
   margin-left: 0;
}

.progressCell img {
   position: relative;
   top: 1px;
}

.progressDialog .dialogTop {
   display: none;
}

.progressDialog .dialogContent {
   margin-top: 4px;
}

.progressDialog {
   top: 0 !important;
}

.displayWidget {
   background-color: white;
   border: solid #CCC 1px !important;
   margin: 0;
   height: 250px;
}

@external dialogTop, dialogContent;

.labelCell {
   padding-right: 6px;
}

.buttonCell button {
   position: relative;
   left: 3px;
   top: 2px;
   margin-left: 0;
}

.progressCell img {
   position: relative;
   top: 1px;
}

.progressDialog .dialogTop {
   display: none;
}

.progressDialog .dialogContent {
   margin-top: 4px;
}

.progressDialog {
   position: fixed !important;
   top: 0 !important;
}

.displayWidget {
   background-color: white;
   border: solid #CCC 1px !important;
   margin: 0;
   height: 250px;
}

Fix progress dialogs to top of browser window


.list-content {
	-fx-padding: 10px;
}

.info-section {
	-fx-padding: 10px;
    -fx-background-color: -fx-background;
}

.info-section .glyph-icon {
	-fx-font-size: 24.0;
    -fx-fill: -jr-icon
}

.exception .glyph-icon {
    -fx-font-size: 18.0;
    -fx-fill: -jr-error;
}

.log .glyph-icon {
    -fx-font-size: 18.0;
    -fx-fill: -jr-info;
}

.custom-buttons {
	-fx-padding: 5px;
}

.list-content {
	-fx-padding: 10px;
}

.info-section {
	-fx-padding: 10px;
    -fx-background-color: -fx-background;
}

.info-section .glyph-icon {
	-fx-font-size: 24.0;
}

.exception .glyph-icon {
    -fx-font-size: 18.0;
    -fx-fill: -jr-error;
}

.log .glyph-icon {
    -fx-font-size: 18.0;
    -fx-fill: -jr-info;
}

.custom-buttons {
	-fx-padding: 5px;
}

Fix css warning in error console

Fix css warning in error console


@import 'part:@sanity/base/theme/variables-style';

.previewImage {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.dialogInner {
  max-width: 100%;
  max-height: 100%;
  height: 40rem;
  width: 50rem;
  z-index: 0;
  position: relative;
  box-sizing: border-box;
  border-radius: var(--border-radius-large);
  overflow: hidden;
}

.map {
  position: relative;
  border-radius: var(--input-border-radius);

  &::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 1px var(--hairline-color);
    pointer-events: none;
  }

  @nest &.focused {
    box-shadow: 0 0 0 1px var(--component-bg), 0 0 0 3px var(--brand-primary);
  }
}

.functions {
  composes: functions from 'part:@sanity/components/fieldsets/default-style';
}

.map + .functions {
  margin-top: var(--small-padding);

  @media (--screen-medium) {
    margin-top: var(--medium-padding);
  }
}

@import 'part:@sanity/base/theme/variables-style';

.previewImage {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.dialogInner {
  max-width: 100%;
  max-height: 100%;
  height: 40rem;
  width: 50rem;
  z-index: 0;
  position: relative;
  box-sizing: border-box;
  border-radius: var(--border-radius-large);
  overflow: hidden;
}

.map {
  position: relative;
  border-radius: var(--input-border-radius);

  &::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 1px var(--hairline-color);
    pointer-events: none;
  }

  @nest &.focused {
    box-shadow: 0 0 0 1px var(--component-bg), 0 0 0 3px var(--focus-color);
  }
}

.functions {
  composes: functions from 'part:@sanity/components/fieldsets/default-style';
}

.map + .functions {
  margin-top: var(--small-padding);

  @media (--screen-medium) {
    margin-top: var(--medium-padding);
  }
}

[google-maps-input] Use the --focus-color variable for focus ring


@import "../base";

.text {
  compose: text from '../base.css';
  width: calc(100% - 40px);
  margin-left: 0;
}

.topic {
  min-height: 230px;
}

.actions {
  margin-top: 20px;
  position: relative;
}

.absolute {
  position: absolute;
  top: 0;
}

.relative {
  position: relative;
  top: 0;
}

.content {
  margin-bottom: 50px;
  min-height: calc(100vh - 550px);

.topic-image {
  composes: context;
  border: 2px dashed $grey;
}

.context-img {
  width: 100%;

@import "../base";

.text {
  compose: text from '../base.css';
  width: calc(100% - 40px);
  margin-left: 0;
}

.topic {
  min-height: 230px;
}

.actions {
  margin-top: 20px;
  position: relative;
}

.absolute {
  position: absolute;
  top: 0;
}

.relative {
  position: relative;
  top: 0;
}

.content {
  margin-bottom: 50px;
  min-height: calc(100vh - 550px);
}

.topic-image {
  composes: context;
  border: 2px dashed $grey;
}

.context-img {
  width: 100%;
}

Fix css syntax error made after merging.


/* line 5, ../sass/project.scss */
.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

/* line 11, ../sass/project.scss */
.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/* line 17, ../sass/project.scss */
.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

/* line 23, ../sass/project.scss */
.alert-warning {
  color: black;
  background-color: orange;
  border-color: #d6e9c6;
}

/* line 29, ../sass/project.scss */
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* line 36, ../sass/project.scss */
.navbar-header {
  margin-bottom: 3rem;
}

/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-warning {
  color: black;
  background-color: orange;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.navbar-header {
  margin-bottom: 3rem;
}

Remove comments referring to specific lines, which are brittle. Replace with descriptive comment.


html, body { height: 100%; padding: 0; margin: 0; }
#div1, #div2, #div3, #div4 { width: 50%; height: 50%; float: left; }
#div1 { background: #DDD; }
#div2 { background: #AAA; }
#div3 { background: #777; }
#div4 { background: #444; }

.feature_info {
    padding: 6px 8px;
    font: 24px/28px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 2px;
}

html, body { height: 100%; padding: 0; margin: 0; }
#div1, #div2, #div3, #div4 { float: left; }
#div1 { background: #DDD; width: 49.5%; height: 49.5%; }
#div2 { background: #AAA; width: 49.5%; height: 49.5%; margin-left: 1%; }
#div3 { background: #777; width: 49.5%; height: 49.5%; margin-top: 1%; }
#div4 { background: #444; width: 49.5%; height: 49.5%; margin-left: 1%; margin-top: 1%; }

.feature_info {
    padding: 6px 8px;
    font: 24px/28px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 2px;
}

Add small margin between maps

Add small margin between maps


.keyword {
    -fx-fill: #8a6;
    -fx-font-weight: bold;
}
.semicolon {
    -fx-font-weight: bold;
}
.paren {
    -fx-fill: darkblue;
    -fx-font-weight: bold;
}
.bracket {
    -fx-fill: darkgreen;
    -fx-font-weight: bold;
}
.brace {
    -fx-fill: darkviolet;
    -fx-font-weight: bold;
}
.string {
    -fx-fill: blue;
}

.code-area {
    -fx-background-color: #eee;
}

.keyword {
    -fx-fill: purple;
    -fx-font-weight: bold;
}
.semicolon {
    -fx-font-weight: bold;
}
.paren {
    -fx-fill: firebrick;
    -fx-font-weight: bold;
}
.bracket {
    -fx-fill: darkgreen;
    -fx-font-weight: bold;
}
.brace {
    -fx-fill: teal;
    -fx-font-weight: bold;
}
.string {
    -fx-fill: blue;
}

Update styles in the JavaKeywords demo.

Update styles in the JavaKeywords demo.


/**
 * Pseudo upload button styling
 * 1. Support: Chrome 48+
 *    Details: Border is still present at certain screen sizes with a width of 0, a border of 0, a transparent background and positioned to the left of 0
 *    Fix: Setting left to -1px fixes the issue.
 * 2. Style pseudo upload as needed, should be a span or div - do not use a button or anchor
 */

.o-pseudo-upload-wrapper{ position: relative; overflow: hidden;display: inline-table; }
.o-pseudo-upload{/* 2 */}
.o-pseudo-upload-wrapper .o-pseudo-upload-input{ position: absolute; width: 0; background: transparent; outline: none;border: 0; left:-1px/* 1 */; }

/**
 * Pseudo upload button styling
 * 1. Support: Chrome 48+
 *    Details: Border is still present at certain screen sizes with a width of 0, a border of 0, a transparent background and positioned to the left of 0
 *    Fix: Setting left to -1px fixes the issue.
 * 2. Style pseudo upload as needed, should be a span or div - do not use a button or anchor
 * 3. Support: Chrome 49+
 *    Details: Unable to style inline elements (For example:) with a hover due to z-indexing issue.
 *
 * Example Usage:
 *
 *     Upload
 *     <input id="files" type="file" class="o-pseudo-upload-input" />
 *
 */

.o-pseudo-upload-wrapper{ position: relative; overflow: hidden;display: inline-table; }
.o-pseudo-upload{/* 2 */}
.o-pseudo-upload-wrapper .o-pseudo-upload-input{ position: absolute; width: 0; background: transparent; outline: none;border: 0; left:-1px/* 1 */; z-index:-1 /* 3 */; }

Fix hover issue with Chrome 49 & added example


/*
 *= require spree/backend
 */
.btn.action-complete {
  color: #fff;
  background-color: #7DB942;
  border-color: #70a63b;
}
.btn.action-complete:hover {
  color: #fff;
  background-color: #649335;
  border-color: #52792b;
}
.icon.icon-complete:before{
  content: "\e013";
}

Add css for complete action

Add css for complete action


MDockWidgetStyle {
    /* inherited from MWidgetStyle */
    background-image: meegotouch-navigationbar-toolbar-portrait-background $CORNER_MARGINS;
    background-opacity: 1.0;
    background-color: $COLOR_BACKGROUND;

    /* inherited from MSceneWindowStyle */
    horizontal-align: left;
    vertical-align: bottom;

    offset: 0 -$HEIGHT_STATUSBAR;

    minimum-size: 100% $HEIGHT_NAVIGATIONBAR;
    preferred-size: 100% $HEIGHT_NAVIGATIONBAR;
    maximum-size: 100% $HEIGHT_NAVIGATIONBAR;
}

MDockWidgetStyle {
    /* inherited from MWidgetStyle */
    background-image: meegotouch-navigationbar-toolbar-portrait-background $CORNER_MARGINS;
    background-opacity: 1.0;
    background-color: $COLOR_BACKGROUND;

    /* inherited from MSceneWindowStyle */
    horizontal-align: left;
    vertical-align: bottom;

    offset: 0 0;

    minimum-size: 100% $HEIGHT_NAVIGATIONBAR;
    preferred-size: 100% $HEIGHT_NAVIGATIONBAR;
    maximum-size: 100% $HEIGHT_NAVIGATIONBAR;
}

Set dock widget offset to 0.

Changes: Set dock widget offset to 0.

RevBy: Dominik
Details: needed for the fix for NB#199409 to work.


.section-image__container {
    position: relative;
}

.section-image__caption {
    font-weight: 200;
    text-align: center;
    font-size: 13px;
}

.section-image__caption--squared {
    width: 100%;
    color: black;
    font-weight: 600;
    padding: 15px;
    margin: 0;
}

.section-image__image--squared {
    object-fit: cover;
}

.section-image__image--squared--col-2 {
    height: 470px;
    width: 470px;
}

@media (max-width : 960px) {

    .section-image__image--squared--col-2 {
        height: 80vw;
        width: 80vw;
    }

    .section-image__caption--squared {
        padding: 5vw;
        font-size: 3vw;
        line-height: 150%;
    }
}

.section-image__container {
    position: relative;
}

.section-image__caption {
    font-weight: 200;
    text-align: center;
    font-size: 13px;
}

.section-image__caption--squared {
    width: 100%;
    color: black;
    font-weight: 600;
    padding: 15px;
    margin: 0;
}

.section-image__image--squared {
    object-fit: cover;
}

.section-image__image--squared--col-2 {
    height: 470px;
    width: 470px;
}

@media (max-width : 960px) {

    .section-image__image--squared--col-2 {
        height: 80vw;
        width: 80vw;
    }

    .section-image__caption--squared {
        padding: 5vw 0 0;
        font-size: 3vw;
        line-height: 150%;
    }
}

Remove bottom padding on image caption

Remove bottom padding on image caption


.clear {
	clear: both;
}
body.wait *, body.wait {
cursor:wait !important;
}
.progress {
border: 1px solid black;
}

Add border to progress bar

Add border to progress bar


/* Amazon Cloud Player tweak */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("https://www.amazon.co.jp/gp/dmusic/cloudplayer/") {
  .recFooter, .bucket .title,
  .currentSongActions, .optionCell > a, .actionButtons > a[href*="#remove"],
  #accountOptions .setting {
    display: none !important;
  }

  .countText          { display: none !important; }
  .countNumber::after { content: " song(s)" }

  #nowPlayingSection .timer { font-size: 2.2rem !important; top: -2.8rem !important; }
  #currentDuration          { font-size: 2.8rem !important; font-weight: bold !important; }
}

/* Amazon Cloud Player tweak */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("https://www.amazon.co.jp/gp/dmusic/cloudplayer/") {
  .recFooter,                             /* Not interested */
  .recDescription > span[action="buy"],   /* Buy */
  #optionPanel li:nth-last-of-type(-n+2), /* Share */
  .headerActions > .grey,                 /* Delete */
  .ractiveContextMenu > li:nth-child(3)   /* Remove from library */
  {
    display: none !important;
  }

  .listViewDuration {
    font-weight: 300 !important;
    font-size: 1.8rem !important;
  }
}

Support major design update of Amazon Cloud Player


/* 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. */

#wallpaper-title {
  margin: 40px 34px;
}

#wallpaper-title h1 {
  margin: 0;
  padding: 0 0 10px 0;
}

#set-wallpaper-page .content-area {
  height: 400px;
}

#wallpaper-grid {
  margin: 0;
  width: 640px;
}

#wallpaper-grid img {
  height: 80px;
  width: 128px;
}

.bottom-bar {
  -webkit-box-orient: horizontal;
  display: -webkit-box;
}

.bottom-bar .spacer {
  -webkit-box-flex: 1;
}

.image-attr {
  line-height: 26px;
  padding: 14px 0 14px 34px;
}

#author-website {
  -webkit-padding-start: 5px;
}

/* 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. */

#wallpaper-title span {
  -webkit-padding-start: 17px;
  padding-top: 6px;
}

#set-wallpaper-page .content-area {
  height: 400px;
}

#wallpaper-grid {
  margin: 0;
  width: 640px;
}

#wallpaper-grid img {
  height: 80px;
  width: 128px;
}

.bottom-bar {
  -webkit-box-orient: horizontal;
  display: -webkit-box;
}

.bottom-bar .spacer {
  -webkit-box-flex: 1;
}

.image-attr {
  line-height: 26px;
  padding: 14px 0 14px 34px;
}

#author-website {
  -webkit-padding-start: 5px;
}

Make set wallpaper overlay consistent

Make set wallpaper overlay consistent

Make wallpaper overlay consistent with other overlays. Remove some CSS rules.

BUG=None
TEST=None

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

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


.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}

.line, .point {
  fill: white;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}

.line, .point {
  stroke: steelblue;
  stroke-width: 1.5px;
}
.line {
  fill: none;
}
.point {
  fill: white;
}

Improve styling for LineAndBubble chart

Improve styling for LineAndBubble chart

Do not render a fill color for the line itself.


.brackets-pref-hints .matched-hint {
    font-weight: 500;
}
.dark .brackets-pref-hints .matched-hint {
    color: #ccc;
}

.brackets-pref-hints .hint-obj {
    display: inline-block;
}

.brackets-pref-hints .hint-description {
    line-height: 1.3;
    display: none;
    width: 250px;
    padding-bottom: 3px;
    padding-left: 14px;
    white-space: pre-wrap;
    color: #6e6e64;
}

.dark .brackets-pref-hints .hint-description {
    color: #ccc;
}

.highlight .brackets-pref-hints .hint-description {
    display: block;
}

.brackets-pref-hints .matched-hint {
    font-weight: 500;
}
.dark .brackets-pref-hints .matched-hint {
    color: #ccc;
}

.brackets-pref-hints .hint-obj {
    display: inline-block;
    min-width: 250px;
}

.brackets-pref-hints .hint-description {
    line-height: 1.3;
    display: none;
    width: 250px;
    padding-bottom: 3px;
    padding-left: 14px;
    white-space: pre-wrap;
    color: #6e6e64;
}

.dark .brackets-pref-hints .hint-description {
    color: #ccc;
}

.highlight .brackets-pref-hints .hint-description {
    display: block;
}

Add minimum width to code hints

Add minimum width to code hints


body, html{min-height:100%;background-color: #999999;}
*{margin:0;}
h1{padding-bottom:10px;}
h4{float:right;margin-top:10px;}
p{margin:20px 0;}

img{width:200px;
  height:100px;
  position: relative;
  left:400px;
}

.container{
  width:960px;
  margin:0 auto;
  border-left:4px solid #000000;
  border-right:4px solid #000000;
  padding:0 20px;
  background-color: #FFFFFF;
  position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}
.content{margin-top:60px;}
main{
  margin:0 auto;
  min-height: 100%;
}
.logo{
  background-color: orange;
  position: absolute;
  right: 0; top: 0; left: 0;
}
footer{
  width: 100%;
  background-color: orange;
  height:50px;
  position: absolute;
  right: 0; bottom: 0; left: 0;
}

body, html{min-height:100%;background-color: #999999;}
*{margin:0;}
h1{padding-bottom:10px;}
h4{float:right;margin-top:10px;}
p{margin:20px 0;}

img{width:200px;
  height:100px;
  position: relative;
  left:400px;
}

.container{
  width:960px;
  margin:0 auto;
  border-left:4px solid #000000;
  border-right:4px solid #000000;
  padding:0 20px;
  background-color: #FFFFFF;
  position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}
.content{margin-top:80px;}
main{
  margin:0 auto;
  min-height: 100%;
}
.logo{
  background-color: orange;
  position: absolute;
  right: 0; top: 0; left: 0;
}
footer{
  width: 100%;
  background-color: orange;
  height:50px;
  position: absolute;
  right: 0; bottom: 0; left: 0;
}

Add mare space to content

Add mare space to content


.loading-data {
    max-width: 10em;
    position: absolute;
    z-index: 2000;
    padding: 2px;
    top: 2.4em;
    margin-left: 50%;
    border-color: #ecc89e;
    min-width: 100px;
    text-align: center;
}

.loading-data {
    max-width: 10em;
    position: fixed;
    z-index: 2000;
    padding: 2px;
    top: 2.4em;
    margin-left: 50%;
    border-color: #ecc89e;
    min-width: 100px;
    text-align: center;
}

Fix position of "Loading ..." indicator

Fix position of "Loading ..." indicator

Fixes: https://github.com/oVirt/ovirt-web-ui/issues/241