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


:host {
    display: block;
    padding: 0.25em 16px;
}

.remove .text {
    background-color: #fdd;
}

.add .text {
    background-color: #dfd;
}

.row {
    display: flex;
}

.text {
    flex: 1;
}

.line-number,
.text {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: Monaco, monospace;
    flex-shrink: 0;
}

.line-number {
    width: 3em;
    text-align: right;
    color: #444;
    padding-right: 16px;
    cursor: default;
}

.add .line-number:hover,
.remove .line-number:hover,
.both .line-number:hover {
    text-decoration: underline;
    color: #1155CC;
    cursor: pointer;
}

.messages {
    border: 1px solid #ccc;
    margin-left: calc(6em + 32px);
}

cr-patch-file-message {
    background-color: #ffd;
    border-bottom: 1px solid #ccc;
}

cr-patch-file-message:last-child {
    border-bottom: none;
}

/* FIXME: This selector is bad, we shouldn't use it. */
.messages:empty {
    display: none;
}

:host {
    display: block;
    padding: 0.25em 16px;
}

.header,
.header .line-number {
    color: #849;
    background-color: #fef;
}

.remove .text {
    background-color: #fdd;
}

.add .text {
    background-color: #dfd;
}

.row {
    display: flex;
}

.text {
    flex: 1;
}

.line-number,
.text {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: Monaco, monospace;
    flex-shrink: 0;
}

.line-number {
    width: 3em;
    text-align: right;
    color: #444;
    padding-right: 16px;
    cursor: default;
}

.add .line-number:hover,
.remove .line-number:hover,
.both .line-number:hover {
    text-decoration: underline;
    color: #1155CC;
    cursor: pointer;
}

.messages {
    border: 1px solid #ccc;
    margin-left: calc(6em + 32px);
}

cr-patch-file-message {
    background-color: #ffd;
    border-bottom: 1px solid #ccc;
}

cr-patch-file-message:last-child {
    border-bottom: none;
}

/* FIXME: This selector is bad, we shouldn't use it. */
.messages:empty {
    display: none;
}

Make diff header lines a different color


.zci--js_minify .js_minify__action_box {
    margin-top: 3.25em;
}

.zci--js_minify .js_minify__action {
    background: #5DA4DC;
    color: #fff;
    text-decoration: none;
    font-size: 1.25em;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    margin-bottom: .25em;
    cursor: default;
}

.zci--js_minify .js_minify__action:active {
    background: #4793D0;
}

.zci--js_minify #js_minify__input,
.zci--js_minify #js_minify__output {
    width: 45%;
}

.zci--js_minify .js_minify__action_box {
    margin-top: 3.25em;
}

.zci--js_minify .js_minify__action {
    background: #5DA4DC;
    color: #fff;
    text-decoration: none;
    font-size: 1.25em;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    margin-bottom: .25em;
    cursor: default;
}

.zci--js_minify .js_minify__action:active {
    background: #4793D0;
}

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

Add font-family monospace for textareas

JsMinify: Add font-family monospace for textareas


/* Override the Angular Styles since it is causing some layout issues */
.md-chips {
    box-shadow: none;
}

.md-chip img {
    width: 12px;
}

.md-chips .md-chip, .md-chips .md-chip:first-child {
   margin: 0 0.8rem 0.8rem 0;
}

.md-whiteframe-z1 {
    background: white;
    margin: 20px;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(0,0,0,.26);
}

.toolbar {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 15px;
}

.toolbar md-input-container {
    padding: 0 10px;
}

a, a:visited {
    color: blue;
}

md-toolbar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

/* Override the Angular Styles since it is causing some layout issues */
.md-chips {
    box-shadow: none;
}

.md-chip img {
    width: 12px;
}

.md-chips .md-chip, .md-chips .md-chip:first-child {
   margin: 0 0.8rem 0.8rem 0;
}

a, a:visited {
    color: blue;
}

md-toolbar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

Remove overrides from angular after update


.Competition {
	width: 100%;
	height: 100%;
}

.RankingInfoContainer {
}

.Competition {
	margin: auto;
	width: 97%;
	height: 97%;
	display: flex;
	flex-direction: row;
	align-items: space-between;
	justify-content: center;
}

.RankingInfoContainer {
	width: 68%;
	height: 100%;
	margin-right: 1.5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.CompInfoContainer {
	width: 30%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.RankingsContainer {
	background-color: aliceblue;
	height: 52%;
	border-radius: 7px;
}

.RankingChartContainer {
	background-color: orange;
	height: 45%;
	border-radius: 7px;
}

.UserRankContainer {
	height: 45%;
	background-color: pink;
	border-radius: 7px;
}

.CompDetailsContainer {
	height: 52%;
	background-color: brown;
	border-radius: 7px;
}

Write overall layout of competition page


.nfe-quote
{
    font-size: 24px;
}

.nfe-quote-text
{
    color: #000;
    border-left: 4px solid #99f;
    margin-left: 15px;
    padding-left: 15px;
}

.nfe-quote-source
{
    color: #999;
}

.nfe-info-link
{
    font-size: 10px;
}

.nfe-info-panel
{
}

.nfe-info-panel h1
{
    font-size: 22px;
    text-align: center;
}

.nfe-info-panel h2
{
    font-size: 18px;
}

.nfe-info-col
{
    font-size: 14px;
    text-align: center;
    padding: 10px;
    margin: 10px;
    border: 1px solid #ccc;
    background-color: #efefef;
    border-radius: 2px;
}

/* This hides the news feed before the JS kicks in */
#pagelet_home_stream, div[id^='topnews_main_stream']
{
	display: none !important;
}

div.ticker_stream
{
    display: none !important;
}

.nfe-quote
{
    font-size: 24px;
}

.nfe-quote-text
{
    color: #000;
    border-left: 4px solid #99f;
    margin-left: 15px;
    padding-left: 15px;
}

.nfe-quote-source
{
    color: #999;
}

.nfe-info-link
{
    font-size: 10px;
}

.nfe-info-panel
{
}

.nfe-info-panel h1
{
    font-size: 22px;
    text-align: center;
}

.nfe-info-panel h2
{
    font-size: 18px;
}

.nfe-info-col
{
    font-size: 14px;
    text-align: center;
    padding: 10px;
    margin: 10px;
    border: 1px solid #ccc;
    background-color: #efefef;
    border-radius: 2px;
}

/* This hides the news feed before the JS kicks in */
#pagelet_home_stream, div[id^='topnews_main_stream'], #pagelet_trending_tags_and_topics
{
	display: none !important;
}

div.ticker_stream
{
    display: none !important;
}

Hide trending tags and topics in css too


.bg-box-color td {
  background-color: #DDDDDD !important;
}

.bg-box-green th {
  background-color: #00a65a !important;
  font-size: 18px;
}

.bg-box-purple th {
  background-color: #605ca8 !important;
  font-size: 18px;
}

.bg-box-red th {
  background-color: #dd4b39 !important;
  font-size: 18px;
}

.bg-box-yellow th {
  background-color: #f39c12 !important;
  font-size: 18px;
}

.bg-box-light-blue th {
  background-color: #3c8dbc !important;
  font-size: 18px;
}

Add light-blue colour for th elements

Add light-blue colour for th elements


@charset "utf-8";

body {
  margin: 4.5em;
  padding: 0;
  font-family: "EB Garamond", Georgia, Times, "Times New Roman", serif;
  font-size: 100%;
  line-height: 1.5;
}

h1, h2 {
  color: black;
}

.map {
  top: 0;
  bottom: 0;
  height: 400px;
  width: 100%;
}

.navbar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 50px;
  background-color: #dddddd;
  color: black;
}

.navitem {
  width: 60px;
  display: inline;
  float: right;
}

.navlink {
  display: block;
  padding: 8px;
  background-color: #dddddd;
}

.logo {
  display: inline;
  float: left;
  padding: 8px;
  width: 200px;
}

@charset "utf-8";

body {
  margin: 1.5em;
  padding: 0;
  font-family: "EB Garamond", Georgia, Times, "Times New Roman", serif;
  font-size: 100%;
  line-height: 1.5;
}

@media (min-width: 30em) {
  body {
    margin: 3em;
  }
}

h1, h2 {
  color: black;
}

.map {
  top: 0;
  bottom: 0;
  height: 400px;
  width: 100%;
}

.navbar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 50px;
  background-color: #dddddd;
  color: black;
}

.navitem {
  width: 60px;
  display: inline;
  float: right;
}

.navlink {
  display: block;
  padding: 8px;
  background-color: #dddddd;
}

.logo {
  display: inline;
  float: left;
  padding: 8px;
  width: 200px;
}

Use less margin on small screens.

Use less margin on small screens.


body {
    font-family: helvetica, sans-serif, arial;
    font-size: 1em;
    color: #111;
}

h1 {
    text-align: center;
}

#terminal-container {
    width: 800px;
    height: 450px;
    margin: 0 auto;
    padding: 2px;
}

#terminal-container .terminal {
    padding: 2px;
}

Remove padding from terminal, not support atm


.video-player .video-player-upgrade {
	background: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	width: 80%;
	margin: 0 10%;
	text-shadow: none;
	font-size: 14px;
	color: #333;
}

.video-player .video-player-upgrade a {
	color: #333!important;
}

/* Fix for apsect-ratio sized flash player. Was broken in Chrome. */
.video-player object {
	top: 0;
	left: 0;
}

Fix bug in jwplayer/chrome with positioning of flash player.

svn commit r81237


#main-toolbar #run-button {
    display: none;
}
#main-toolbar #break-button {
    display: none;
}
#main-toolbar #export-button {
    display: none;
}
#main-toolbar #start-button {
    background-image: url(../icons/run_color.svg) !important;
}

Change icon for full screen run on tiny screens.


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

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

Change second block technical relative stylesheet


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

#close-route-button {
  background-color: white;
  color: rgb(33, 150, 243);
  text-align: -webkit-right;
}

#custom-controller {
  display: inline-block;
  height: 160px;
  width: 100%;
}

#route-details-header {
  background-color: rgb(33, 150, 243);
  font-size: 1.4em;
}

#route-information {
  -webkit-padding-start: 30px;
  height: 75px;
  line-height: 1.125em;
}

#route-status {
  color: rgb(125, 125, 125);
  margin: 8px 0;
}

#route-title {
  font-weight: bold;
  margin: 8px 0;
  overflow: hidden;
}

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

#close-route-button {
  background-color: white;
  color: rgb(33, 150, 243);
  text-align: end;
}

#custom-controller {
  display: inline-block;
  height: 160px;
  width: 100%;
}

#route-details-header {
  background-color: rgb(33, 150, 243);
  font-size: 1.4em;
}

#route-information {
  -webkit-padding-start: 30px;
  height: 75px;
  line-height: 1.125em;
}

#route-status {
  color: rgb(125, 125, 125);
  margin: 8px 0;
}

#route-title {
  font-weight: bold;
  margin: 8px 0;
  overflow: hidden;
}

Fix alignment of Media Router stop button in route-details element.

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

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


.x-grid-row-selected .x-grid-cell,.x-grid-row-selected .x-grid-rowwrap-div {
	background-color: #C1D9F0 !important;
}

.playlist-playing-row {
	color: red !important;
}

.playlist-playing-row {
	color: green !important;
}

.playlist-playing-row > td {
	font-weight: bold !important;
}

Change style of playing item

Change style of playing item


@import "../../css/units.css";

.stage {
    /*
        Fixes a few extra pixels of margin/padding, that adds on to the bottom
        of the element, which messes up the chrome padding consistency
    */
    display: block;

    border-radius: $space;

    /* @todo: This is for overriding the value being set somewhere. Where is it being set? */
    background-color: transparent;
}

.stage-wrapper {
    position: relative;
}

.monitor-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@import "../../css/units.css";

.stage {
    /*
        Fixes a few extra pixels of margin/padding, that adds on to the bottom
        of the element, which messes up the chrome padding consistency
    */
    display: block;

    border-radius: $space;

    /* @todo: This is for overriding the value being set somewhere. Where is it being set? */
    background-color: transparent;
}

.stage-wrapper {
    position: relative;
}

.monitor-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

Allow pointer events to fall through the overlay


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require bootstrap
 *= require_tree .
 */
body { padding-top: 60px; }
.currency.input-xlarge { width: 243px; }
.select.input-xlarge { width: 286px; }
.currency.input-prepend { font-size: 1em; }

/* As is https://github.com/fnando/paginate */
.paginate { overflow: hidden; }
.paginate li { float: left; list-style: none; }
.paginate li.previous-page:after { content: "«"; padding: 0 5px; }
.paginate li.next-page:before { content: "»"; padding: 0 5px; }
.paginate .disabled { display: none; }

Remove css used with paginate gem

Remove css used with paginate gem


.ember-palette {
  width: 50px;
}

.ember-palette-dropdown .color-item,
.ember-palette .selected-color-item {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
}

.ember-palette-dropdown {
  max-height: 200px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.ember-palette-dropdown .ember-power-select-options {
  overflow-x: hidden !important;
}

.ember-palette-dropdown li {
  display: inline;
}

.ember-palette-dropdown .ember-power-select-option--highlighted .color-item {
  border: 2px solid #444;
}

.ember-palette-dropdown .ember-power-select-option--selected .color-item {
  border: 2px solid #666;
}

.ember-palette-dropdown .ember-power-select-option--highlighted,
.ember-palette-dropdown .ember-power-select-option--selected {
  background-color: transparent;
}

.ember-palette {
  width: 50px;
}

.ember-palette-dropdown .color-item,
.ember-palette .selected-color-item {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
}

.ember-palette-dropdown {
  max-height: 200px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.ember-palette-dropdown .ember-power-select-options {
  overflow-x: hidden !important;
}

.ember-palette-dropdown li {
  display: inline-block;
}

.ember-palette-dropdown .ember-power-select-option--highlighted .color-item {
  border: 2px solid #444;
}

.ember-palette-dropdown .ember-power-select-option--selected .color-item {
  border: 2px solid #666;
}

.ember-palette-dropdown .ember-power-select-option--highlighted,
.ember-palette-dropdown .ember-power-select-option--selected {
  background-color: transparent;
}

Fix list items layout in firefox

Fix list items layout in firefox


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

}

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

}

Change top on week stylesheet

Change top on week stylesheet


body { padding-top: 60px; }

.build-output {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.currently-building {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.build-heading-pending  { color: #111 }
:hover .build-heading-pending  { color: #111 }

.build-heading-failed   { color: #C10 }
:hover .build-heading-failed   { color: #C10 }

.build-heading-success  { color: #4A0 }
:hover .build-heading-success  { color: #4A0 }

.build-heading-started  { color: #CC0 }
:hover .build-heading-started  { color: #CC0 }

body { padding-top: 60px; }

.build-output {
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: left;
}

.currently-building {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.build-heading-pending  { color: #111 }
:hover .build-heading-pending  { color: #111 }

.build-heading-failed   { color: #C10 }
:hover .build-heading-failed   { color: #C10 }

.build-heading-success  { color: #4A0 }
:hover .build-heading-success  { color: #4A0 }

.build-heading-started  { color: #CC0 }
:hover .build-heading-started  { color: #CC0 }

Align text left in build output

Align text left in build output

(whitespace)


.card {
    margin-bottom: 10px;
}

a.github {
    color: #24292e;
}

a.meetup {
    color: #ed1c40;
}

a.twitter {
    color: #1da1f2;
}

a:hover,
a:focus {
    text-decoration: none;
}

/* highlight social links on hover */
a.social-link:hover::before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.125);
}

.card {
    margin-bottom: 10px;
}

a.github {
    color: #24292e;
}

a.meetup {
    color: #ed1c40;
}

a.twitter {
    color: #1da1f2;
}

a:hover,
a:focus {
    text-decoration: none;
}

a.social-link:hover {
    opacity: 0.7;
}

Simplify css to highlight social links

Simplify css to highlight social links


body {
  font: message-box;
}

#tabs-list {
  list-style-type: none;
  padding-inline-start: 0px;
  mask-image: linear-gradient(to left, transparent, black 1em);
}

#tabs-list > li > label > input[type="checkbox"] {
  padding-inline-start: 0px;
  padding-inline-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#tabs-list > li {
  white-space: nowrap;
  overflow: hidden;
  padding: 1px;
}

#tabs-list > li > label {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#controls {
  margin-inline-start: 5px;
}

.favicon {
  display: inline;
  width: 16px;
  height: 16px;
  margin-inline-end: 5px;
  margin-inline-start: 5px;
}

label.active {
  font-weight: bold;
}

body {
  font: message-box;
}

#tabs-list {
  list-style-type: none;
  padding-inline-start: 0px;
  mask-image: linear-gradient(to left, transparent, black 1em);
}

#tabs-list > li > label > input[type="checkbox"] {
  padding-inline-start: 0px;
  padding-inline-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#tabs-list > li {
  white-space: nowrap;
  overflow: hidden;
  padding: 1px;
}

#tabs-list > li > label {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#controls {
  margin-inline-start: 5px;
}

.favicon {
  display: inline;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  margin-inline-end: 5px;
  margin-inline-start: 5px;
}

label.active {
  font-weight: bold;
}

Put minimum dimensions on favicon for regularity


.navigation--sticked {
  position: sticky;
  top: 0px;
  z-index: var(--navigation-sticked-z-index, 10);
}

.navigation--sticked {
  position: sticky;
  top: 0px;
}

fix: Remove z-index:10 declaration that trumped z-index:10000000 declaration


body {
  margin: 1em auto;
  width: 900px;
}

#toctitle {
  margin-top: 0.5em;
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6, #toctitle {
  color: #527bbd;
  font-family: sans-serif;
}

h1, h2, h3 {
  border-bottom: 2px solid silver;
}

p {
  margin: 0.5em 0 0.5em 0;
}
li p {
  margin: 0.2em 0 0.2em 0;
}

.listingblock > .content {
  border: 2px solid silver;
  background: #ebebeb;
  margin-left: 2em;
  width: 100em;
  color: darkgreen;
  padding: 2px;
}

.listingblock > .content pre {
  background: none;
  border: 0 solid silver;
  padding: 0 0 0 0;
}

dl dt {
  margin-top: 1em;
}

table.tableblock {
  border-collapse: collapse;
}

table.tableblock,
th.tableblock,
td.tableblock {
  border: 1px solid #EEE;
}

body {
  margin: 1em auto;
  width: 900px;
}

#toctitle {
  margin-top: 0.5em;
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6, #toctitle {
  color: #527bbd;
  font-family: sans-serif;
}

h1, h2, h3 {
  border-bottom: 2px solid silver;
}

p {
  margin: 0.5em 0 0.5em 0;
}
li p {
  margin: 0.2em 0 0.2em 0;
}

.listingblock > .content {
  border: 2px solid silver;
  background: #ebebeb;
  margin-left: 2em;
  color: darkgreen;
  padding: 2px;
  overflow: auto;
}

.listingblock > .content pre {
  background: none;
  border: 0 solid silver;
  padding: 0 0 0 0;
}

dl dt {
  margin-top: 1em;
}

table.tableblock {
  border-collapse: collapse;
}

table.tableblock,
th.tableblock,
td.tableblock {
  border: 1px solid #EEE;
}

Fix REST API example box width

Documentation: Fix REST API example box width

In 3eb809dd034cc93685f36a175f52ff7e49e03f23 the max width of the page
was set to 900px, but the REST API example boxes were still set with
a fixed width of 100em which caused them to extend out to the right
of the page.

Remove the fixed width of the box, and set "overflow: auto".  This
makes the boxes fit within the page width, with a horizontal scroll
bar on the ones that have wider content.

Change-Id: I6f64c314e4eb484d9c5120fd0fd5589fcaa8b77e


@media screen and (max-width: 36rem) {
  .navigation__secondary-autohide {
    transition-duration: .5s;
    transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
    transition-property: transform;
    z-index: -1;
    position: relative;
    width: 100%;
  }

  .navigation__secondary-autohide--hidden {
    transform: translateY( -100% );
    width: 100%;
  }

  .navigation__secondary-autohide--nohide {
    height: 0;
  }
}

@media screen and (max-width: 36rem) {
  .navigation__secondary-autohide {
    transition-duration: .5s;
    transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
    transition-property: transform;
    z-index: -1;
    position: relative;
    width: 100%;
  }

  .navigation__secondary-autohide--hidden {
    transform: translateY( -100% );
  }

  .navigation__secondary-autohide--nohide {
    height: 0;
  }
}

Remove duplicate width declaration in CSS


/* EDIT STORY PAGE */

#publish-warning {
  display: none;
}

#search-results {
  display: none;
}

Add reference to searc-results div, set display to none


.select2-selection ul li {
    list-style-type: inherit;
}

.wmd-wrapper {
    padding-top: 2em;
}

.wmd-wrapper ul.wmd-button-row {
    margin-left: 0;
}

.wmd-input {
  width: 100% !important;
}

#content .content-description h1,
#content .content-description h2,
#content .content-description h3,
#content .content-description h4,
#content .content-description h5,
#content .content-description h6 {
    padding: 0;
}

#content input.select2-search__field {
    border: none;
    box-shadow: none !important;
}

#content .content-description ul,
#content .content-description ol {
    margin: 0;
}

#content .content-description li {
    list-style-type: initial;
}

.select2-selection ul li {
    list-style-type: inherit;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  line-height: unset !important;
}

.wmd-wrapper {
    padding-top: 2em;
}

.wmd-wrapper ul.wmd-button-row {
    margin-left: 0;
}

.wmd-input {
  width: 100% !important;
}

#content .content-description h1,
#content .content-description h2,
#content .content-description h3,
#content .content-description h4,
#content .content-description h5,
#content .content-description h6 {
    padding: 0;
}

#content input.select2-search__field {
    border: none;
    box-shadow: none !important;
}

#content .content-description ul,
#content .content-description ol {
    margin: 0;
}

#content .content-description li {
    list-style-type: initial;
}

Fix admin select2 looking awful

Fix admin select2 looking awful


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

#diffy_logo {
  display: block !important;
  margin-bottom: -55px;
  padding-left: 20px;
  position: relative;
  top: -45px;
  width: 60px;
}

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

#diffy_logo {
  display: block !important;
  margin-bottom: -55px;
  padding-left: 10px;
  position: relative;
  top: -55px;
  width: 60px;
}

Adjust diffy theme to fix ChangeScreen2 overlap

The diffy theme was causing the overlap observed with the top of
ChangeScreen2 sitting on the bottom of the menu.  Adjust the position
of Diffy slightly to fix this.

Change-Id: I8129fb30bea9e5066395d764c59ca59d64411576


.select2-selection ul li {
    list-style-type: inherit;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    line-height: unset !important;
}

.wmd-wrapper {
    padding-top: 2em;
}

.wmd-wrapper ul.wmd-button-row {
    margin-left: 0;
}

.wmd-input {
    width: 100% !important;
}

#content .content-description h1,
#content .content-description h2,
#content .content-description h3,
#content .content-description h4,
#content .content-description h5,
#content .content-description h6 {
    padding: 0;
}

#content input.select2-search__field {
    border: none;
    box-shadow: none !important;
}

#content .content-description ul,
#content .content-description ol {
    margin: 0;
}

#content .content-description li {
    list-style-type: initial;
}

select[id^=id_contest_problems] {
    width: 20em !important;
}

select#id_organizers.django-select2,
select#id_organizations.django-select2,
select#id_tags.django-select2 {
    width: 20em;
}

@media (max-width: 780px) {
    #content .vLargeTextField {
        max-width: unset;
    }
}

Make pagedown usable in admin on narrower screens


.noteForSchoolReps {
  text-align: center;
  font-size: 1.2em;
  margin: 25px;
}

.vaSchools {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

.noteForSchoolReps {
  text-align: center;
  font-size: 1.2em;
  margin: 25px;
}

.vaSchools {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-around;
}

Change card flexgrid to space-around from space-between


.sectionContainer {
  width: 100%;
  display: flex;
  justify-content: center;
}

.section {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding-bottom: 5%;
}

.gray {
  background-color: #F0F2F2
}

.white {
  background-color: #FFF;
}

.margin {
  width: 80%;
}

@media only screen and (min-width: 768px) {
  .section {
    padding-bottom: 35px;
  }
}

.sectionContainer {
  width: 100%;
  display: flex;
  justify-content: center;
}

.section {
  display: flex;
  flex-direction: column;
  min-height: 300px;
  width: 100%;
  align-items: center;
  padding: 2.5% 0 2.5% 0;
}

.gray {
  background-color: #F0F2F2
}

.white {
  background-color: #FFF;
}

.margin {
  width: 80%;
}

Add minimum height to Section component

Add minimum height to Section component


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

body {
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #CCCCFF;
}

#hide_me {
  display: none;
}

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

/* [START stylesheet] */
body {
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #CCCCFF;
}
/* [END stylesheet] */

#hide_me {
  display: none;
}

Add doc region tag to Sinatra sample stylesheet


/*!
 * Copyright 2014 Apereo Foundation (AF) Licensed under the
 * Educational Community 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://opensource.org/licenses/ECL-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.
 */

#etherpad-container #etherpad-view-mode {
    margin: 30px 0;
}

#etherpad-container #etherpad-view-mode ul.indent li {
    list-style: none;
}

#etherpad-container #etherpad-no-content {
    display: block;
    margin: 0 auto 20px;
    max-width: 500px;
    text-align: center;
}

/**
 * Min-height needs to be applied on the container and the iframe. When the page unloads,
 * the iframe is removed from the DOM. This min-height will avoid the comments jumping
 * to the top of the page
 */
#etherpad-container #etherpad-edit-mode {
    padding: 20px 0 40px;
    min-height: 500px;
}

#etherpad-container #etherpad-edit-mode #etherpad-editor {
    border: 0;
    width: 100%;
    min-height: 500px;
}

/*!
 * Copyright 2014 Apereo Foundation (AF) Licensed under the
 * Educational Community 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://opensource.org/licenses/ECL-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.
 */

#etherpad-container #etherpad-view-mode {
    margin: 30px 0;
}

#etherpad-container #etherpad-view-mode ul.indent li {
    list-style: none;
}

/**
 * Min-height needs to be applied on the container and the iframe. When the page unloads,
 * the iframe is removed from the DOM. This min-height will avoid the comments jumping
 * to the top of the page
 */
#etherpad-container #etherpad-edit-mode {
    padding: 20px 0 40px;
    min-height: 500px;
}

#etherpad-container #etherpad-edit-mode #etherpad-editor {
    border: 0;
    width: 100%;
    min-height: 500px;
}

Remove custom styling for empty document message


#zotero-feed-item-addTo-button {
	margin: 5px 6px 3px;
	padding-left: 8px;
}

#zotero-feed-item-addTo-button button {
	margin: 0;
	-moz-appearance: none;
}

Fix feed item add-to button appearance on OS X


/*! Place your custom styles here */
.exchanges .row div.col-sm-4 {
  min-height: 100px;
}

.exchanges .row div.col-sm-4 img {
  margin-bottom: 40px;
}

.wallets .row div.col-sm-6 {
  min-height: 100px;
}

.wallets .row div.col-sm-6 img {
  margin-bottom: 40px;
}

.services .row div.col-sm-4 {
  min-height: 100px;
}

.services .row div.col-sm-4 img {
  margin-bottom: 40px;
}

.benefits .row .col-sm-10 {
  margin-bottom: 20px;
}

img.nomargin {
  margin: 0;
}

.vertical-align {
  display: flex;
  align-items: center;
}

.site-header {
  background-image: url(../img/background3.jpg);
  background-size: 100% 100%;
}

/*! Place your custom styles here */
.exchanges .row div.col-sm-4 {
  min-height: 100px;
}

.exchanges .row div.col-sm-4 img {
  margin-bottom: 40px;
}

.wallets .row div.col-sm-6 {
  min-height: 100px;
}

.wallets .row div.col-sm-6 img {
  margin-bottom: 40px;
}

.services .row div.col-sm-4 {
  min-height: 100px;
}

.services .row div.col-sm-4 img {
  margin-bottom: 40px;
}

.benefits .row .col-sm-10 {
  margin-bottom: 20px;
}

.benefits .row:last-child .col-sm-10 {
  margin-bottom: 0;
}

img.nomargin {
  margin: 0;
}

.vertical-align {
  display: flex;
  align-items: center;
}

.site-header {
  background-image: url(../img/background3.jpg);
  background-size: 100% 100%;
}

Fix bottom margin for benefits

Fix bottom margin for benefits


:not(:last-of-type) {
  top: 10px; }
.a :not(:last-of-type) {
  top: 10px; }

Fix expected output (regenerated via ruby sass 3.4.13)


.sidebar-menu * {
	white-space: normal;
	}

.sidebar-menu .v-label {
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.03em;
	padding: 1em .9em .3em;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	}

.sidebar-menu .v-nativebutton {
	width: 100%;
	padding: .1em 1.1em;
	border: none;
	background: transparent;
	text-align: left;
	}

.sidebar-menu .v-nativebutton:focus {
	outline: none;
	font-weight: bold;
	}

.sidebar-menu .tab-selected,
.sidebar-menu .selected {
	font-weight: bold;
	background-color: #333;
	color: #fff;
	}

.sidebar-menu .tab-selected:focus,
.sidebar-menu .selected:focus {
	outline: none;
	}

.sidebar-menu .v-nativebutton::-moz-focus-inner {
	border: none;
	padding: 0;
	}

Hide focus outline on NativeButton in sidebar in chameleon theme

svn changeset:20531/svn branch:6.7


@media (max-width: 768px) {

    .header {
        position: absolute;
    }

    /*sidebar*/

    #sidebar {
        height: auto;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 1001;
    }

    /* body container */
    #main-content {
        margin: 0px!important;
        position: none !important;
    }

    #sidebar > ul > li > a > span {
        line-height: 35px;
    }

    #sidebar > ul > li {
        margin: 0 10px 5px 10px;
    }
    #sidebar > ul > li > a {
        height:35px;
        line-height:35px;
        padding: 0 10px;
        text-align: left;
    }

    #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
        width: 100%;
    }
    #sidebar > ul > li > ul.sub > li > a {
        background: transparent !important ;
    }

    /* sidebar */
    #sidebar {
        margin: 0px !important;
    }

    .btn {
        margin-bottom: 5px;
    }

}

@media (max-width: 480px) {

    .notification-row {
        display: none;
    }
}

@media (max-width:320px) {

    .notification-row {
        display: none;
    }
}

@media (max-width: 768px) {

    .header {
        position: absolute;
    }

    /*sidebar*/

    #sidebar {
        height: auto;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 1001;
    }

    /* body container */
    #main-content {
        margin: 0px!important;
        position: none !important;
    }

    #sidebar > ul > li {
        margin: 0 10px 5px 10px;
    }
    #sidebar > ul > li > a {
        height:35px;
        line-height:35px;
        padding: 0 10px;
        text-align: left;
    }

    #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
        width: 100%;
    }
    #sidebar > ul > li > ul.sub > li > a {
        background: transparent !important ;
    }

    /* sidebar */
    #sidebar {
        margin: 0px !important;
    }

    .btn {
        margin-bottom: 5px;
    }

}

@media (max-width: 480px) {

    .notification-row {
        display: none;
    }
}

@media (max-width:320px) {

    .notification-row {
        display: none;
    }
}

docs: Fix menu arrows position on mobile devices


/*
 * Copyright [1999-2014] Wellcome Trust Sanger Institute and the EMBL-European Bioinformatics Institute
 *
 * 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.
 */

.panel p.error { font-weight: bold; }
.failed { background: #FF9999 url('/i/16/alert.png') no-repeat right; }
a.disabled { text-decoration: none; color: #333333; }

div.toolbox { background-color:#F2F2F2;color:#333; margin-bottom:5px; margin-right: 5px; float: left; }
div.toolbox-head { padding:5px;font-weight:bold;background-color:#cccccc; }
div.toolbox-body { padding:5px; }

div.filter-box { background-color:#667aa6; border-radius: 3px; color: white; margin: 3px; padding: 3px; }
div.location-filter-box { background-color:#666666; }

.no-spinner .spinner { display:  none; }

/*
 * Copyright [1999-2014] Wellcome Trust Sanger Institute and the EMBL-European Bioinformatics Institute
 *
 * 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.
 */

.panel p.error { font-weight: bold; }
a.disabled { text-decoration: none; color: #333333; }

div.toolbox { background-color:#F2F2F2;color:#333; margin-bottom:5px; margin-right: 5px; float: left; }
div.toolbox-head { padding:5px;font-weight:bold;background-color:#cccccc; }
div.toolbox-body { padding:5px; }

div.filter-box { background-color:#667aa6; border-radius: 3px; color: white; margin: 3px; padding: 3px; }
div.location-filter-box { background-color:#666666; }

.no-spinner .spinner { display:  none; }

Fix weird red box in config panel.

Fix weird red box in config panel.


Mark applications for leave that are not of type holiday

* Applications for leave that are not of type holiday,
  i.e. special leave, overtime reducing or unpaid leave,
  are marked in another color than holiday.


Remove italic style from vacations not of type holiday

* Color as marker is enough, no need to have
  other text style too.

* refs #17658


.contextual-bar__header-title {
    padding: 5px;
    &h2 {
      font-size: 20px;
    }
}

.thumbnail-container {
  position: relative;
  height: 360px;
  filter: opacity(0.75);

  & .--absolute-center {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);

    font-size: 50px;

    filter: opacity(1);
      & .--play {
        fill: white;
      }
  }
}
.liveStreamTab__form {
  margin: 10px auto;

  & .rc-button {
    width: 49%;
  }
}

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

Add new styling for livestreamtab

Add new styling for livestreamtab


body
{
	margin: 0;
	padding: 0;
	border: 0;
}

div
{
	font-family: Lucida Grande;
	font-size: 11px;
	line-height: 14px;
}

div#icon
{
	position: absolute;
	top: 22px;

	width: 32px;
	height: 32px;
}

div#icon img
{
	width: 32px;
	height: 32px;
}

div#title
{
	color:					rgba(255, 255, 255, 1.0);
	text-shadow: 0 1px 2px	rgba(  0,   0,   0, 0.6);

	font-weight: bold;
	line-height: 19px;

	height: 16px;
	padding: 1px 10px 5px 10px;

	overflow: hidden;

//	background-color: #0096FF;
	background-image: url("images/row_background_noshadow.png");
	background-position: repeat-x top;
}

div#text
{
	padding: 3px 38px;

	overflow: hidden;

	background: url("images/row_shadow.png") repeat-x top;
}

div#spacer
{
	height: 32px;
}

body
{
	margin: 0;
	padding: 0;
	border: 0;
}

div
{
	font-family: Lucida Grande;
	font-size: 11px;
	line-height: 14px;
}

div#icon
{
	position: absolute;
	top: 22px;

	width: 32px;
	height: 32px;
}

div#icon img
{
	width: 32px;
	height: 32px;
}

div#title
{
	color:					rgba(255, 255, 255, 1.0);
	text-shadow: 0 1px 2px	rgba(  0,   0,   0, 0.6);

	font-weight: bold;
	line-height: 19px;

	height: 16px;
	padding: 1px 10px 5px 10px;

	overflow: hidden;

//	background-color: #0096FF;
	background-image: url("images/row_background_noshadow.png");
	background-position: repeat-x top;
}

div#text
{
	padding: 3px 38px;

	overflow: hidden;

	background: url("images/row_shadow.png") repeat-x top;

	position: relative;
}

div#spacer
{
	height: 32px;
}

Fix incompatibility with Safari 3 beta.

Fix incompatibility with Safari 3 beta.


.sidebar {
    background: #F3F3F3;
    bottom: 0;
    position: absolute;
    top: 0;
}

.page-header-sm {
    margin: 10px 0 20px;
}

.github-fork-ribbon:before {
    background-color: #333;
}

.ribbon-spacer {
    margin-right: 100px;
}

.btn-group {
    display: flex;
}

.nowrap {
    display: flex;
}

.navbar .navbar-logo {
    max-height: 100px;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
}

.label-button {
    cursor: pointer;
}

.capitalize {
    text-transform: capitalize;
}

.sidebar {
    background: #F3F3F3;
    bottom: 0;
    position: absolute;
    top: 0;
}

.page-header-sm {
    margin: 10px 0 20px;
}

.ribbon-spacer {
    margin-right: 150px;
}

.btn-group {
    display: flex;
}

.nowrap {
    display: flex;
}

.navbar .navbar-logo {
    max-height: 100px;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
}

.label-button {
    cursor: pointer;
}

.capitalize {
    text-transform: capitalize;
}

Increase ribbon spacing to prevent misclicks


table, td, th
{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 4px;
}

.num
{
    text-align: right;
}

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

table, td, th
{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 4px;
}

caption
{
    font-weight: bold;
    font-size: 133%;
    text-align: left;
    color: #666666;
    padding-bottom: 4pt;
    padding-top: 12pt;
}

th
{
    text-align: left;
}

.num
{
    text-align: right;
}

a:link {
    color: #333399;
    text-decoration: none;
}

a:visited {
    color: #333399;
}

a:hover {
    text-decoration: underline;
}

Improve appearance of unit list

Improve appearance of unit list


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: 60%;
  width: 40%;
  margin: 0 auto;
  border: 1px solid #707070;
  background-color: transparent;
  /*padding: 5px;*/
}

.cell {
  min-height: 25%;
  min-width: 20%;
  background-color: rgba(255,255,255,0.25);
  display: inline-block;
  margin: 0.25%;
}

p {
  text-align: center;
  font-size: 4em;
  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: 60%;
  width: 40%;
  margin: 0 auto;
  border: 1px solid #707070;
  background-color: transparent;
  /*padding: 5px;*/
}

.cell {
  min-height: 25%;
  min-width: 20%;
  background-color: rgba(255,255,255,0.25);
  display: inline-block;
  margin: 0.25%;
}

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

Add top padding of 10px to paragraphs

Add top padding of 10px to paragraphs


.header {
  font-family: "Raleway", Helvetica, Arial, sans-serif
}

a {
  color: #3b8bba;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:visited {
  color: #265778;
}

.small-print {
  font-size: 0.8em;
  margin: 0.6em;
}

.post-meta {
  margin: 1em 0;
  font-size: 90%;
}

article > footer {
  text-align: right;
}

.pagination {
  padding: 2em 0;
  margin: 2em 0;
}

.header {
  font-family: "Raleway", Helvetica, Arial, sans-serif
}

a {
  color: #3b8bba;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:visited {
  color: #265778;
}

.small-print {
  font-size: 0.8em;
  margin: 0.6em;
}

.post-meta {
  margin: 1em 0;
  font-size: 90%;
}

article > footer {
  text-align: right;
}

.pagination {
  margin-top: 2em;
  padding-top: 2em;
  padding-bottom: 2em;
  border-top: 1px solid #eee;
}

Adjust margin/padding and add border top


.resulttable {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
.resulttable TR.error {
	background-color: #ffeeee;
}
.resulttable TR.even {
	background-color: #eeeeee;
}
.resulttable .line {
	text-align: right;
	border-right: 1px solid #cccccc;
}
.resulttable .line A {
	color: #666666;
	text-decoration: none;
}
.resulttable .error .line A {
	color: red;
}

.resulttable .code {
	white-space: nowrap;
	font-family: monospace;
	border-right: 1px solid #cccccc;
	padding: 3px 3px 3px 7px;
}
.resulttable .msg {
	color: red;
	padding: 5px 10px 5px 10px;
	white-space: nowrap;
}

.resulttable {
	border-spacing: 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	border-left: 1px solid #b6bbbc;
}

.resulttable TR.error {
	background-color: #ffeeee;
}
.resulttable TR.even {
	background-color: #eeeeee;
}
.resulttable .line {
	text-align: right;
	border-right: 1px solid #cccccc;
}
.resulttable .line A {
	color: #666666;
	text-decoration: none;
}
.resulttable .error .line A {
	color: red;
}

.resulttable .code {
	white-space: nowrap;
	font-family: monospace;
	border-right: 1px solid #cccccc;
	padding: 3px 3px 3px 7px;
}
.resulttable .msg {
	color: red;
	padding: 5px 10px 5px 10px;
	white-space: nowrap;
}

Make resulttable border even.
(kludge: slitpanel overlap)

svn changeset:3375/svn branch:trunk


body {
  margin: 0;
}

.container {
  margin: 0;
  padding: 0;
  width: 100%;
}

.container div {
  box-sizing: border-box;
  min-height: 150px;
  min-width: 150px;
}

.c1 {
  color: #ddd;
  background-color: #003476;
}

.c2 {
  color: #ddd;
  background-color: #0062d2;
}

.c3 {
  color: #333;
  background-color: #b4d2f7;
}

.c4 {
  color: #333;
  background-color: #d5dfef;
}

.c5 {
  color: #333;
  background-color: #dfe1e5;
}

Fix layout-shifter.html at and slightly above 600px screen width


.shop-item .pop-product-more-colors {
    visibility: hidden;
}

form[name=add-to-wishlist] {
    display: none;
}

#bzoom .bzoom_small_thumbs {
    display: none;
}

Disable gallery until bug is fixed

Disable gallery until bug is fixed


/* drop your local IE-specific CSS overrides in here */

#banner
{
	background-image: url(../images/navimg/alaveteli-100pxd.jpg);
}

/* drop your local IE-specific CSS overrides in here */

#banner
{
	background-image: url(../images/navimg/bnnr-temp-100pxd.jpg);
}

Remove reference to non-existent file

Remove reference to non-existent file


html {
  height: 100%
}
body {
  min-height: 100%;
  display: flex;
  flex-flow: column;
}
[hidden] {
  display: none !important;
}
pre {
  white-space: pre-wrap;
}
.flexrow {
  display: flex;
  flex-flow: row;
}
.flexrow > * {
  flex: 1;
}
.bar {
  flex: none;
  height: 48px;
}
.bar input {
  font-size: 40px;
}
.small-bar {
  flex: none;
  height: 24px;
}
.region {
  flex: 1 1 100px;
  margin: 0;
  overflow-y: scroll;
}
.slack-message {
  display: flex;
  flex-flow: column;
  margin: 4px;
  padding: 4px;
}
.dingroll-message {
  display: flex;
  flex-flow: column;
  margin: 4px;
  padding: 4px;
}
.dingroll-message *,
.new-dingroll-message * {
  margin: 4px;
}
.new-dingroll-message {
  display: flex;
  flex-flow: row;
  margin: 4px;
  padding: 4px;
}
.tag-line {
  display: flex;
  flex-flow: row;
  margin: 0;
}

html {
  height: 100%
}
body {
  min-height: 100%;
  display: flex;
  flex-flow: column;
}
[hidden] {
  display: none !important;
}
pre {
  white-space: pre-wrap;
}
.flexrow {
  display: flex;
  flex-flow: row;
}
.flexrow > * {
  flex: 1;
}
.bar {
  flex: none;
  height: 48px;
}
.bar input {
  font-size: 40px;
}
.small-bar {
  flex: none;
  height: 24px;
}
.region {
  flex: 1 1 100px;
  margin: 0;
  overflow-y: scroll;
}
.slack-message {
  display: flex;
  flex-flow: column;
  margin: 4px;
  padding: 4px;
}
.dingroll-message {
  display: flex;
  flex-flow: column;
  margin: 4px;
  padding: 4px;
}
.dingroll-message *,
.new-dingroll-message * {
  margin: 4px;
}
.new-dingroll-message {
  display: inline-flex;
  flex-flow: row;
  margin: 0 4px 4px;
  padding: 4px;
}
.tag-line {
  display: flex;
  flex-flow: row;
  margin: 0;
}

Make "new DingRoll message" popout inline-flex


#spice_book .spice_pane_left {
    width: 40%;
    display: inline-block;
}

#spice_book .spice_pane_right {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid rgba(0,0,0,0.1);
    padding-left: 10px;
}

#spice_book .book_data_item {
    display: inline-block;
    padding-right: 6px;
    color: gray;
}

#spice_book #critic-link {
    float: right;
}

#spice_book #book-rating-visual {
    display: inline;
    width: 21px;
    vertical-align: -12%;
}

@media (max-width: 320px) {
    #spice_book .spice_pane_right {
	padding-left: 0px;
	border-left: 0px none;
	width: 100%;
	display: block;
    }

    #spice_book .spice_pane_left {
	width: 100%;
	display: block;
    }
}

#spice_book .spice_pane_left {
    width: 40%;
    display: inline-block;
}

#spice_book .spice_pane_right {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid rgba(0,0,0,0.1);
    padding-left: 10px;
}

#spice_book .book_data_item {
    display: inline-block;
    padding-right: 6px;
    color: gray;
}

#spice_book #critic-link {
    float: right;
}

#spice_book #book-rating-visual {
    display: inline;
    width: 21px;
    vertical-align: -12%;
}

@media (max-width: 320px) {
    #spice_book .spice_pane_right {
	padding-left: 0px;
	border-left: 0px none;
	width: 100%;
    }

    #spice_book .spice_pane_left {
	width: 100%;
    }
}

Book: Remove display: block. We don't need it.


.fuzzy-finder {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #444;
  box-sizing: border-box;
  color: #eee;
  -webkit-box-shadow: 0 0 5px 5px #222;
  padding: 5px;
}

.fuzzy-finder ol {
  overflow: hidden;
  margin-bottom: 5px;
}

.fuzzy-finder li:hover {
  background-color: #555;
}

.fuzzy-finder ol:empty {
  margin-bottom: 0;
}

.fuzzy-finder li.selected {
  background-color: green;
}

.fuzzy-finder {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #444;
  box-sizing: border-box;
  color: #eee;
  -webkit-box-shadow: 0 0 5px 5px #222;
  padding: 5px;
}

.fuzzy-finder ol {
  overflow: hidden;
  margin-bottom: 5px;
  -webkit-user-select: none;
  cursor: default;
}

.fuzzy-finder li:hover {
  background-color: #555;
}

.fuzzy-finder ol:empty {
  margin-bottom: 0;
}

.fuzzy-finder li.selected {
  background-color: green;
}

Disable text selection in fuzzy finder list

Mirror the style in the tree view where the
cursor indicates text selection is not possible


#ddgcarousel li.ddgc_item span.news-time {
    font-size: 11px;
    color: #777;
    position: relative;
    left: 22px;
    bottom: 9px;
}

#ddgcarousel li.ddgc_item span.news-title {
    color: RGB(68,68,68);
    font-size: 14px;
    height: 41px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#spice_news #ddgcarousel li.ddgc_item {
    text-align: left;
}

#spice_news #ddgcarousel .news-snippet {
    overflow: hidden;
    color: #777;
    height: 70px;
}

#spice_news #ddgcarousel .news-more-at {
    border-top: 1px dashed #777;
    margin-top: 10px;
    padding-top: 5px;
}

#spice_news #ddgcarousel img.favicon {
    display: inline;
    width: 16px;
    height: 16px;
}

#spice_news #ddgcarousel .news-more-at .news-domain {
    display: inline;
    margin-top: 0px;
    position: relative;
    top: -4px;
    left: 3px;
    color: #824C42;
}

#spice_news #ddgc_pagination a.zero_click_more_at_link {
    visibility: hidden;
}

#ddgcarousel li.ddgc_item span.news-time {
    font-size: 11px;
    color: #777;
    position: relative;
    left: 22px;
    bottom: 9px;
}

#ddgcarousel li.ddgc_item span.news-title {
    color: RGB(68,68,68);
    font-size: 14px;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#spice_news #ddgcarousel li.ddgc_item {
    text-align: left;
}

#spice_news #ddgcarousel .news-snippet {
    overflow: hidden;
    color: #777;
    height: 70px;
}

#spice_news #ddgcarousel .news-more-at {
    border-top: 1px dashed #777;
    margin-top: 10px;
    padding-top: 5px;
}

#spice_news #ddgcarousel img.favicon {
    display: inline;
    width: 16px;
    height: 16px;
}

#spice_news #ddgcarousel .news-more-at .news-domain {
    display: inline;
    margin-top: 0px;
    position: relative;
    top: -4px;
    left: 3px;
    color: #824C42;
}

#spice_news #ddgc_pagination a.zero_click_more_at_link {
    visibility: hidden;
}

News: Increase distance between title an snippet.


/** sprite: mysprite; sprite-image: url('../../img/mysprite.png'); sprite-layout: vertical */

.header {
	background-image: url("../../img/logo.png"); /** sprite-ref: mysprite; jawr:base64-skip */
	background-repeat: no-repeat;
	height : 74px;
}

div {

	padding-top : 8px;
}

.calendar {
	background-repeat: no-repeat;
	padding-left : 20px;
	background-image: url("../../img/calendarIcons/calendar.png"); /** sprite-ref: mysprite; sprite-margin-bottom: 10px; jawr:base64-skip */
}

.clock {
	background-repeat: no-repeat;
	padding-left : 20px;
	background-image: url("jar:net/jawr/img/clock.png"); /** sprite-ref: mysprite; jawr:base64-skip*/

}

.calendar_edit {
	background-repeat: no-repeat;
	padding-left : 20px;
	background-image: url("img:/calendarIcons/calendar_edit.png"); /** sprite-ref: mysprite; jawr:base64-skip */
}

.tools {
	background-repeat: no-repeat;
	padding-left : 20px;
	background-image: url("../../img/cog.png"); /** sprite-ref: mysprite; sprite-margin-top: 10px; jawr:base64-skip */
}

Fix integration test for JAWR-246

Fix integration test for JAWR-246


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

button.BetterNamuButton {
border:none;
background:#373A45;
color:#FFF;
font-size:12pt;
font-family:"Nanum Gothic";
margin:0;
padding:8px 4px 8px 4px;
}

button.BetterNamuButton:hover {
background:#6F7179;
}

div#EditInterfaceButtons {
color:#FFF;
background:#373A45;
height:auto;
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
}

vr {
height:100%;
width:.1mm;
max-width:.1mm;
margin:0 5px;
padding:0;
}

div#EditInterfaceStatus {
color:#000;
background:#7D7F86;
height:20px;
}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.BetterNamuButton .icon{
	font-size: 125%
}

button.BetterNamuButton {
border:none;
background:#373A45;
color:#FFF;
font-size:12pt;
font-family:"Nanum Gothic";
margin:0;
padding:8px 4px 8px 4px;
}

button.BetterNamuButton:hover {
background:#6F7179;
}

div#EditInterfaceButtons {
color:#FFF;
background:#373A45;
height:auto;
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
}

vr {
height:100%;
width:.1mm;
max-width:.1mm;
margin:0 5px;
padding:0;
}

div#EditInterfaceStatus {
color:#000;
background:#7D7F86;
height:20px;
}

Update Size of Icon in Editor Interface Button

to 125%


* {
  -GtkWidget-interior-focus: false;
  -GtkWidget-focus-line-width: 10;
  padding: 0;
  engine: none;
  font: Monospace;
}

GtkEntry #padded {
  -GtkWidget-interior-focus: true;
  padding: 10;
}

.progressbar {
  background-color: rgba(0,0,0,0);
  background-image: none;
  border-color: rgba(0,0,0,0);
  color: red;
}

#reference {
  color: red;
}

* {
  -GtkWidget-interior-focus: false;
  -GtkWidget-focus-line-width: 10;
  padding: 0;
  engine: none;
  font: Monospace;
  border-image: none;
}

GtkEntry #padded {
  -GtkWidget-interior-focus: true;
  padding: 10;
}

.progressbar {
  background-color: rgba(0,0,0,0);
  background-image: none;
  border-color: rgba(0,0,0,0);
  color: red;
}

#reference {
  color: red;
}

Fix test for border-image addition

reftests: Fix test for border-image addition


[mol_switcher] {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
	box-shadow: 0 0 0 1px var(--mol_skin_light_line);
	border-radius: var(--mol_skin_round);
	background: var(--mol_skin_light_line);
}

[mol_switcher_optioner] {
	padding: .5rem .75rem;
	flex: 1 1 0%;
	box-shadow: 0 0 0 1px var(--mol_skin_light_line);
	background: var(--mol_skin_passive);
}

[mol_switcher_optioner][mol_checker_checked] {
	background: var(--mol_skin_card);
	color: black;
	z-index: 1;
}

[mol_switcher_optioner][disabled] {
	color: var(--mol_skin_passive_text);
}

[mol_switcher] {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
	box-shadow: 0 0 0 1px var(--mol_skin_light_line);
	border-radius: var(--mol_skin_round);
	background: var(--mol_skin_light_line);
}

[mol_switcher_optioner] {
	padding: .5rem .75rem;
	flex: 1 1 auto;
	box-shadow: 0 0 0 1px var(--mol_skin_light_line);
	background: var(--mol_skin_passive);
}

[mol_switcher_optioner][mol_checker_checked] {
	background: var(--mol_skin_card);
	color: black;
	z-index: 1;
}

[mol_switcher_optioner][disabled] {
	color: var(--mol_skin_passive_text);
}

Allow wrapping in switcher for IE.

Allow wrapping in switcher for IE.


.header {
  font-family: "Raleway", Helvetica, Arial, sans-serif
}

a {
  color: #3b8bba;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:visited {
  color: #265778;
}

.small-print {
  font-size: 0.8em;
  margin: 0.6em;
}

.post-meta {
  margin: 1em 0;
  font-size: 90%;
}

article > footer {
  text-align: right;
}

.pagination {
  border-top: 1px solid #eee;
  margin-top: 2em;
}

.header {
  font-family: "Raleway", Helvetica, Arial, sans-serif
}

a {
  color: #3b8bba;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:visited {
  color: #265778;
}

.small-print {
  font-size: 0.8em;
  margin: 0.6em;
}

.post-meta {
  margin: 1em 0;
  font-size: 90%;
}

article > footer {
  text-align: right;
}

.pagination {
  padding: 2em 0;
  margin: 2em 0;
}

Increase margin and padding around pagination


div.nbgrader-points, div.nbgrader-id {
    margin-right: 0.5em;
}

input.nbgrader-points-input {
    width: 3em;
    height: 22px;
    text-align: right;
}

input.nbgrader-id-input {
    height: 22px;
    text-align: left;
}

div.nbgrader-grade-cell {
    background-color: #FFA;
}

div.nbgrader-points, div.nbgrader-id {
    margin-right: 0.5em;
}

input.nbgrader-points-input {
    width: 3.5em;
    height: 22px;
    text-align: right;
    line-height: 10px;
}

input.nbgrader-id-input {
    height: 22px;
    text-align: left;
}

div.nbgrader-grade-cell {
    background-color: #FFA;
}

Fix styling for points textbox

Fix styling for points textbox


/* Styles for Amy */

.warning {
    background-color: #F04040;
}

/* used in bulk-add confirmation page */
table td.editable span {
    display: block;
}

/* Combobox with look-up */
.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}
.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}

/* Padding below the event edit form */
#event_edit_form {
    margin-bottom: 50px;
}

/* Styles for Amy */

.warning {
    background-color: #F04040;
}

/* used in bulk-add confirmation page */
table td.editable span {
    display: block;
}

/* Combobox with look-up */
.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}
.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}

/* Padding below the event edit form */
form[role="form"] {
    margin-bottom: 50px;
}

Add bottom margin to all forms

Add bottom margin to all forms

Additional 50px should help visually.  Previously the "Submit" or "Add"
buttons were sticky to the bottom of the page.


ListView {
  background-color: transparent;
  opacity: 0;
}
.visible {
  animation-name: show;
  animation-duration: 1s;
}
@keyframes show {
  from { opacity: 0; }
  to { opacity: 1; }
}
.container {
  background-color: white;
  margin-top: 1;
}
.tap-target {
  padding-top: 13;
  padding-bottom: 13;
  padding-left: 16;
}
.check-box {
  margin-right: 10;
  height: 20;
}
.delete-container {
  padding: 10 15;
  vertical-align: middle;
}
.delete-container StackLayout {
  padding: 5;
}
.delete-container Image {
  height: 20;
}

ListView {
  background-color: transparent;
  opacity: 0;
}
.visible {
  animation-name: show;
  animation-duration: 1s;
}
@keyframes show {
  from { opacity: 0; }
  to { opacity: 1; }
}
.container {
  background-color: white;
  margin-top: 1;
}
.tap-target {
  padding-top: 13;
  padding-bottom: 13;
  padding-left: 16;
}
.tap-target Label {
  min-width: 200;
}
.check-box {
  margin-right: 10;
  height: 20;
}
.delete-container {
  padding: 10 15;
  vertical-align: middle;
}
.delete-container StackLayout {
  padding: 5;
}
.delete-container Image {
  height: 20;
}

Make sure labels don’t truncate on Android


/* Math Tests */
/* ========== */
/*

### Column Math ------ */
/*  - [function] is-symmetrical() (3 assertions, 3 passed, 0 failed) */
/*  - [function] column-count() (2 assertions, 2 passed, 0 failed) */
/*  - [function] symmetrical column-sum() (2 assertions, 2 passed, 0 failed) */
/*  - [function] asymmetrical column-sum() (2 assertions, 2 passed, 0 failed) */
/*  - [function] symmetrical get-columns() (2 assertions, 2 passed, 0 failed) */
/*  - [function] asymmetrical get-columns() (2 assertions, 2 passed, 0 failed) */
/*  - [function] symmetrical get-column-span-sum() (2 assertions, 2 passed, 0 failed) */
/*  - [function] symmetrical get-column-span-sum() (2 assertions, 2 passed, 0 failed) */
/*
    Summary:
    - 8 Tests
    - 8 Passed
    - 0 Failed */
/*

### Container Math ------ */
/*
    Summary:
    - 0 Tests
    - 0 Passed
    - 0 Failed */
/*

### Location Math ------ */
/*
    Summary:
    - 0 Tests
    - 0 Passed
    - 0 Failed */

/* Math Tests */
/* ========== */
/*

### Column Math ------ */
/*  - [function] is-symmetrical() (3 assertions, 3 passed, 0 failed) */
/*  - [function] column-count() (2 assertions, 2 passed, 0 failed) */
/*  - [function] symmetrical column-sum() (2 assertions, 2 passed, 0 failed) */
/*  - [function] asymmetrical column-sum() (2 assertions, 2 passed, 0 failed) */
/*  - [function] symmetrical get-columns() (2 assertions, 2 passed, 0 failed) */
/*  - [function] asymmetrical get-columns() (2 assertions, 2 passed, 0 failed) */
/*  - [function] symmetrical get-column-span-sum() (2 assertions, 2 passed, 0 failed) */
/*  - [function] asymmetrical get-column-span-sum() (2 assertions, 2 passed, 0 failed) */
/*
    Summary:
    - 8 Tests
    - 8 Passed
    - 0 Failed */
/*

### Container Math ------ */
/*
    Summary:
    - 0 Tests
    - 0 Passed
    - 0 Failed */
/*

### Location Math ------ */
/*
    Summary:
    - 0 Tests
    - 0 Passed
    - 0 Failed */

Fix typo in test name

Fix typo in test name


@keyframes rotate-forever {
    0%   { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}
.loading-spinner {
    animation-duration: 0.75s;
    animation-iteration-count: infinite;
    animation-name: rotate-forever;
    animation-timing-function: linear;
    height: 30px;
    width: 30px;
    border: 8px solid #666;
    border-right-color: transparent;
    border-radius: 50% !important;
    margin: 0 auto;
}
#pagination button {
	visibility: hidden;
}

Hide buttons when infinite scrolling is enabled


/**
* Copyright (C) 2009-2013:
*    Gabes Jean, naparuba@gmail.com
*    Andreas Karfusehr, andreas@karfusehr.de
*
* This file is part of Shinken.
*
* Shinken 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.
*
* Shinken 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 Shinken.  If not, see <http://www.gnu.org/licenses/>.
*
**/

.object_host {
    display : inline;
    padding: 7px;
    border : 2px;
}

.object_host .host_name {
    width: 120px;
    background: white;
}

.object_host .display_name {
    width: 120px;
    background: white;
}

.object_host .address {
    width: 120px;
    background: white;
}

.object_host .realm {
    width: 120px;
    background: white;
}

.object_host .poller_tag {
    width: 120px;
    background: white;
}

.object_host .use {
    width: 500px;
    background: white;
}

.table tbody + tbody {
    border-top: none !important;
}

Add License to css file / Skonf

Add License to css file / Skonf