: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


/* Bug 993704 */

@font-face {
  font-family: X-LocaleSpecific-Light;
  font-weight: normal;
  src: /* OS X */
       local(AppleSDGothicNeo-UltraLight),
       /* Windows */
       local('Malgun Gothic');
}

@font-face {
  font-family: X-LocaleSpecific-Light;
  font-weight: bold;
  src: /* OS X */
       local(AppleSDGothicNeo-SemiBold),
       /* Windows */
       local('Malgun Gothic Bold');
}

@font-face {
  font-family: X-LocaleSpecific;
  font-weight: normal;
  src: /* OS X */
       local(AppleSDGothicNeo-Regular),
       /* Windows */
       local('Malgun Gothic');
}

@font-face {
  font-family: X-LocaleSpecific;
  font-weight: bold;
  src: /* OS X */
       local(AppleSDGothicNeo-Bold),
       /* Windows */
       local('Malgun Gothic Bold');
}

@font-face {
  font-family: X-LocaleSpecific-Extrabold;
  font-weight: 800;
  src: /* OS X */
       local(AppleSDGothicNeo-Heavy),
       /* Windows */
       local('Malgun Gothic Bold');
}

/* Bug 973171 */

* {
  font-style: normal !important;
}

Fix Bug 993704 - Improve font selection for Korean (ko)


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


/* IE stylesheet */
.breadcrumbs li {
    background-image: url(../img/crumb.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 0 0px 0 10px;
}

.breadcrumbs li {
    background-image: expression(this.previousSibling==null?'none':'default');
}

#content-inner {
    width:679px;
}

ol.posts li div.content pre {
    white-space: pre;
    word-wrap: break-word;
}

div.img-inner,
ul.tag-list li {
    zoom: 1; /* force inline-block behavior on block elements in IE6 and IE7 */
    display: inline;
}

/* set widths aren't respected with long content */
#main-content {
    overflow: hidden;
}

Fix for IE6 (bug 583360)

Fix for IE6 (bug 583360)


.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


/* Sign in
/* ---------------------------------------------------------- */

.gh-signin {
    position: relative;
    margin: 30px auto;
    padding: 40px;
    max-width: 400px;
    width: 100%;
    border: #dae1e3 1px solid;
    background: #f8fbfd;
    border-radius: 5px;
    text-align: left;
}

.gh-signin .form-group {
    margin-bottom: 1.5rem;
}

.gh-signin .btn {
    margin: 0;
    padding: 12px;
}

.forgotten-wrap {
    position: relative;
}

.forgotten-wrap input {
    padding-right: 7rem;
}

.forgotten-wrap .forgotten-link {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    padding: 0 12px;
    border-left: #dae1e3 1px solid;
    border-radius: 0;
    text-transform: none;
    letter-spacing: 0;
}

.forgotten-link:hover {
    border-left: #dae1e3 1px solid;
    color: color(var(--blue) lightness(-20%));
    text-decoration: none;
}

/* Sign in
/* ---------------------------------------------------------- */

.gh-signin {
    position: relative;
    margin: 30px auto;
    padding: 40px;
    max-width: 400px;
    width: 100%;
    border: #dae1e3 1px solid;
    background: #f8fbfd;
    border-radius: 5px;
    text-align: left;
}

.gh-signin .form-group {
    margin-bottom: 1.5rem;
}

.gh-signin .btn {
    margin: 0;
    padding: 12px;
}

.forgotten-wrap {
    position: relative;
}

.forgotten-wrap input {
    padding-right: 7rem;
}

.forgotten-wrap .forgotten-link {
    position: absolute;
    top: 10px;
    right: 1px;
    bottom: 10px;
    padding: 0 11px 0 12px;
    border-left: #dae1e3 1px solid;
    background: #fff;
    border-radius: 0;
    text-transform: none;
    letter-spacing: 0;
    /* Needs white BG to hide browser-extension password tools like
    lastpass and safari-password manager */
}

.forgotten-link:hover {
    border-left: #dae1e3 1px solid;
    color: color(var(--blue) lightness(-20%));
    text-decoration: none;
}

Add white bg to forgotten password link

Add white bg to forgotten password link

Lastpass injects its password-fill icon into password inputs, this shows up awkwardly with the forgot-password button. Adding a white BG hides this.

Followup on #5641


/*
 * Metrics
 * Normalized and personalized sizing and spacing
*/

body,
button
input,
select,
textarea {
	font: 12px/18px sans-serif;
}

/*
 * Sectioning content
*/

article,
aside,
section {
	margin: 2em 0;
}

/*
 * Flow content
*/

dl,
figure,
menu,
nav,
ol,
p,
pre,
ul {
	margin: 1em 0;
}

blockquote {
	margin: 1em 40px;
}

/*
 * Heading content
*/

h1,
h2,
h3,
h4,
h5,
h6,
hgroup {
	margin: 1em 0;
}

p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
	margin-top: 2em;
}

hgroup h1,
hgroup h2,
hgroup h3,
hgroup h4,
hgroup h5,
hgroup h6 {
	margin: 0.5em 0;
}

/*
 * List content
*/

details,
menu,
ol,
ul {
	padding: 0 0 0 40px;
}

dd {
	margin: 0 0 0 40px;
}

nav ul {
	list-style: none;
}

/*
* Table content
*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption {
	padding: 0 0 1em;
}

th,
td {
	padding: 1px;
	text-align: left;
}

/*
* Breaks
*/

hr {
	background: #CCC;
	border: 0;
	height: 1px;
	margin: -1px 0 1em;
}

/* Fonts */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
}

/*
 * Forms
*/

fieldset {
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

Normalize and personalized sizing and spacing


[mol_check_box] {
	margin-left: -.5rem;
}

[mol_check][disabled] > [mol_check_box_icon] {
	background-color: var(--mol_skin_passive);
}

[mol_check_box_icon] {
	left: 0;
	border-radius: var(--mol_skin_round);
	@apply --mol_skin_outline;
	color: var(--mol_skin_light_text);
}

[mol_check_box_icon] + [mol_check_box_label]:not(:empty) {
	margin-left: .5rem;
}

[mol_check]:not([mol_check_checked]) > [mol_check_box_icon] {
	fill: transparent;
}

[mol_check]:not([disabled]) > [mol_check_box_icon] {
	background: white;
}

Return padding around check boxes.

Return padding around check boxes.


.patientTree {
	background-color: rgb(250,250,250);
	margin-top: 10px;
}

.contentPane {
	background-color: rgb(250,250,250);
	margin-top: 10px;
}

.contentPane .container-fluid {
	padding: 5px;
}

.fill {
	height: 100%;
}

.patientRecordNav {
	margin-left: 10px !important;
}

.patientRecordNav li a {
	color: #000;
	text-decoration: none;
}

.patientRecordNav li a:hover {
	text-decoration: none;
}

.patientName {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}

.patientNavs {
	margin-top: 15px;
}

.nav-tabs {
	margin-bottom: -1px;
}

.tab-pane {
	border: 1px solid #ddd;
	border-radius: 0 0 5px 5px;
}

.patientTree {
	background-color: rgb(250,250,250);
	margin-top: 10px;
}

.contentPane {
	background-color: rgb(250,250,250);
	margin-top: 10px;
}

.contentPane .container-fluid {
	padding: 5px;
}

.fill {
	height: 100%;
}

.patientRecordNav {
	margin-left: 10px !important;
}

.patientRecordNav li a {
	color: #000;
	text-decoration: none;
}

.patientRecordNav li a:hover {
	text-decoration: none;
}

.patientName {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}

.patientNavs {
	margin-top: 15px;
}

.nav-tabs {
	margin-bottom: -1px;
}

.tab-pane {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0 0 5px 5px;
}

Change background color for tab-pane.

Change background color for tab-pane.


.root {}

.side {
    position: fixed;
    left: 0;
    bottom: 0;
    top: var(--navbar-height);
    width: var(--sidebar-width);
}

.main {
    margin-left: var(--sidebar-width);
    max-width: 1010px;
}

.content {
    padding: 30px 50px 50px;
}

.root[demo] .side {
    position: absolute;
}

.root[demo] .main {
    position: absolute;
}

.root {}

.side {
    position: fixed;
    left: 0;
    bottom: 0;
    top: var(--navbar-height);
    width: var(--sidebar-width);
}

.main {
    margin-left: var(--sidebar-width);
}

.content {
    padding: 30px 50px 50px;
}

.root[demo] .side {
    position: absolute;
}

.root[demo] .main {
    position: absolute;
}

Remove main element style max-width

:bug: Remove main element style max-width


body {
	padding-top: 70px;
}

pre {
	-moz-tab-size: 4;
	tab-size: 4;
}

Use the only logical tab size :^)

Use the only logical tab size :^)


.tile--people_in_space .tile__icon {
    float: right;
    margin-top: 0;
    margin-right: 0;
    width: 20px;
    height: 20px;
    padding: 6px;
    background-color: #e8e8e8;
}

.tile--people_in_space .tile__body {
    height: 10em;
}

.tile--people_in_space .tile__icon {
    float: right;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0.75em;
    width: 20px;
    height: 20px;
    padding: 6px;
    border-radius: 2px;
    background-color: #e8e8e8;
}

.tile--people_in_space .tile__body {
    height: 10em;
}

Add margin and border-radius to flag.

PeopleInSpace: Add margin and border-radius to flag.


.card {
  flex-grow: 1;
  flex-basis: 31%;
  flex-basis: 300px;
  overflow: hidden;
  margin-bottom: 16px;
  margin-left: 16px;
  max-width: 31%;
  max-height: 290px;
  cursor: pointer;
}

.card:hover {
  background: #f8f9fa;
  transform: translateY(-8px);
}

.cardImage {
  margin: -16px -24px 16px -24px;
  width: calc(100% + 24px + 24px);
  height: 135px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cardsGrid {
  display: flex;
  flex-flow: row wrap;
  margin-left: -16px;
}

.cardList {
  margin-bottom: 1.1rem;
}

.cardListLabel {
  white-space: nowrap;
  font-weight: bold;
}

.card {
  flex-grow: 1;
  flex-basis: 31%;
  flex-basis: 300px;
  overflow: hidden;
  margin-bottom: 16px;
  margin-left: 16px;
  /*max-width: 31%;*/
  max-height: 290px;
  cursor: pointer;
}

.card:hover {
  background: #f8f9fa;
  transform: translateY(-8px);
}

.cardImage {
  margin: -16px -24px 16px -24px;
  width: calc(100% + 24px + 24px);
  height: 135px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cardsGrid {
  display: flex;
  flex-flow: row wrap;
  margin-left: -16px;
}

.cardList {
  margin-bottom: 1.1rem;
}

.cardListLabel {
  white-space: nowrap;
  font-weight: bold;
}

Make card take available space in grid

Make card take available space in grid


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

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

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

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

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

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

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

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

Remove box shadow from select2 search in all states

#333


.zci--twitter .twitter--basic {
    height: 6em;
    clear: both;
    margin-top: 0.25em;
    margin-bottom: 0.3em;
    margin-left: -0.2em;
}

.zci--twitter .twitter--basic a {
    color: #888;
}

.zci--twitter .twitter--image {
    float: left;
    margin-right: 1.1em;
}

.zci--twitter .twitter--description {
    font-size: 1.3em;
    margin-bottom: 0.75em;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2em;
}

.zci--twitter .twitter--misc {
    padding-top: 0.7em;
}

.zci--twitter .zcm__sep {
    margin: 0 0.3em;
}

.zci--twitter .twitter--more {
    color: #888;
}

.zci--twitter .twitter--basic {
    height: 6em;
    clear: both;
    margin-top: 0.25em;
    margin-bottom: 0.3em;
    margin-left: -0.2em;
}

.zci--twitter .twitter--basic a {
    color: #888;
}

.zci--twitter .twitter--image {
    float: left;
    margin-right: 1.1em;
    width: 68px;
    height: 68px;
}

.zci--twitter .twitter--description {
    font-size: 1.3em;
    margin-bottom: 0.75em;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2em;
}

.zci--twitter .twitter--misc {
    padding-top: 0.5em;
}

.zci--twitter .zcm__sep {
    margin: 0 0.3em;
}

.zci--twitter .twitter--more {
    color: #888;
}

Adjust the image size to 68px

Twitter: Adjust the image size to 68px


body {background-color:#e9eef3;margin:0;padding:10px 0 0 0;text-align:center}
body,th,td,p{font-family:Arial,sans-serif}
div#main{width:800px;text-align:left;border:0;padding:0;margin:0 auto}
td{vertical-align:top}
table#upload td{padding:12px;height:30px;background-color:#dde3e9}
table#result{width:100%}
table#result td{background-color:#dde3e9}
table#result pre{margin:0}
#header{background-color:#dde3e9;border-bottom:1px solid #dde3e9}
#header h1{font-size:24px;padding:12px;margin:0}
img#icon {vertical-align:middle;height:32px;width:32px}

body {background-color:white;margin:0;padding:10px 0 0 0;text-align:center}
body,th,td,p{font-family:Arial,sans-serif}
div#main{width:800px;text-align:left;border:0;padding:0;margin:0 auto}
td{vertical-align:top}
table#upload td{padding:12px;height:30px;background-color:#dde3e9}
table#result{width:100%}
table#result td{background-color:#dde3e9}
table#result pre{margin:0}
#header{background-color:#dde3e9;border-bottom:1px solid #dde3e9}
#header h1{font-size:24px;padding:12px;margin:0}
img#icon {vertical-align:middle;height:32px;width:32px}

Make background of zxing.org white to match zxing.appspot.com


.filesystem ul {
  background: #F8F8F8;
  margin: 0;
  padding: 0;
}

.filesystem li {
  list-style-type: none;
  padding-left: 20px;
  margin-bottom: 4px;
}

.filesystem li .highlight {
  display: block;
  border: 1px solid #000000;
}

.filesystem li .highlight pre, pre.console {
  margin: 2px;
  padding: 2px;
}

.filesystem li.file {
  cursor: pointer;
}

.filesystem li.folder {
  background: url('../images/folder.png') no-repeat;
}

.filesystem li.feature {
  background: url('../images/page_white_gherkin.png') no-repeat;
}

.filesystem li.rb {
  background: url('../images/page_white_ruby.png') no-repeat;
}

.filesystem li.unknown {
  background: url('../images/page_white.png') no-repeat;
}

.filesystem ul {
  background: #F8F8F8;
  margin: 0;
  padding: 0;
}

.filesystem li {
  list-style-type: none;
  padding-left: 20px;
  margin-bottom: 4px;
}

.filesystem li .highlight {
  display: block;
  border: 1px solid #000000;
  margin-top: 4px;
}

.filesystem li .highlight pre, pre.console {
  margin: 2px;
  padding: 2px;
}

.filesystem li.file {
  cursor: pointer;
}

.filesystem li.folder {
  background: url('../images/folder.png') no-repeat;
}

.filesystem li.feature {
  background: url('../images/page_white_gherkin.png') no-repeat;
}

.filesystem li.rb {
  background: url('../images/page_white_ruby.png') no-repeat;
}

.filesystem li.unknown {
  background: url('../images/page_white.png') no-repeat;
}

Add a little more space above source box


a.plugin-anchor {
    color: inherit !important;
    display: none;
    margin-left: -30px;
    padding-left: 30px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

a.plugin-anchor span {
    margin-left: -25px;
    font-size: 15px;
}

h1:hover a.plugin-anchor, h2:hover a.plugin-anchor, h3:hover a.plugin-anchor,
h4:hover a.plugin-anchor, h5:hover a.plugin-anchor, h6:hover a.plugin-anchor {
    display: inline-block;
}

a.plugin-anchor {
    color: inherit !important;
    display: none;
    margin-left: -30px;
    padding-left: 40px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

a.plugin-anchor span {
    margin-left: -25px;
    font-size: 15px;
}

h1:hover a.plugin-anchor, h2:hover a.plugin-anchor, h3:hover a.plugin-anchor,
h4:hover a.plugin-anchor, h5:hover a.plugin-anchor, h6:hover a.plugin-anchor {
    display: inline-block;
}

Tweak to work with GitBook 1.0

Tweak to work with GitBook 1.0


body {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  color: #212121;
  cursor: default;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
  overflow: hidden;
}

.unselectable {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}

.sidebar {
  border-right: 1px solid #e0e0e0;
  height: 100%;
  position: fixed;
  width: 279px;
}

.content {
  box-sizing: border-box;
  height: 100%;
  padding-left: 280px;
  pointer-events: none;
  position: fixed;
  -webkit-transition: padding-left 0.3s ease-in-out;
  transition: padding-left 0.3s ease-in-out;
  width: 100%;
}

.content > * {
  pointer-events: initial;
}

.no-sidebar > .sidebar {
  pointer-events: none;
}

.no-sidebar > .content {
  padding-left: 0;
}

body {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  color: #212121;
  cursor: default;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
  overflow: hidden;
}

.unselectable {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}

.sidebar {
  border-right: 1px solid #e0e0e0;
  height: 100%;
  position: fixed;
  width: 279px;
}

.content {
  box-sizing: border-box;
  height: 100%;
  padding-left: 280px;
  pointer-events: none;
  position: fixed;
  -webkit-transition: padding-left 0.3s ease-in-out;
  transition: padding-left 0.3s ease-in-out;
  width: 100%;
}

.content > * {
  pointer-events: auto;
}

.no-sidebar > .sidebar {
  pointer-events: none;
}

.no-sidebar > .content {
  padding-left: 0;
}

Revert "Prevent CSS inheritance of content component"

This reverts commit afab9c7f8f5761efbf93053b56a6fc98c03a4929.


.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 {
  width: 20em;
}

Make contest organizer selection wide enough to be usable


.wrapper {
  --height: 95.5vh;
  display: flex;
  /* height declaration, seemingly redundant, is neededto ensure IE 10 & 11 render columns with
  *  proper height. Otherwise they're collapsed in IE. */
  height: var(--height);
  min-height: var(--height);
  flex-direction: column;
}

.wrapper {
  --height: 94.9vh;
  display: flex;
  /* height declaration, seemingly redundant, is neededto ensure IE 10 & 11 render columns with
  *  proper height. Otherwise they're collapsed in IE. */
  height: var(--height);
  min-height: var(--height);
  flex-direction: column;
}

Decrease stage wrapper height to avoid default scroll


.chart-title {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 20px;
}

.chart-data-grid {
    margin-top: 30px;
}

.more-container {
    padding: 0 0 10px;
}

.stats-table {
    margin-top: 0;
    font-size: 12px;
}

.stats-table tbody {
    font-weight: 300;
}

text.axis.title {
    display: none;
}

Hide question from y-axis legend

GM: Hide question from y-axis legend


/* Copyright (c) 2014, Google Inc. Please see the AUTHORS file for details. */
/* All rights reserved.  Use of this source code is governed by a BSD-style */
/* license that can be found in the LICENSE file. */

@import url("../common/spark_widget.css");

#icon, #text, #text > *, ::content {
  display: inline-block;
}

#text {
  position: relative;
  top: 6px;
  padding: 0 10px;
  color: #000;
  font-family: Helvetica, Sans-serif;
  font-size: 14px;
  min-width: 220px;
  white-space: nowrap;
}

#descriptionText {
  color: #bdbdbd;
  float: right;
}

:host(.highlighted), /*BUG #733*/ :host.highlighted {
  background-color: #3a84c3;
}

:host(.highlighted) #text, /*BUG #733*/ :host.highlighted #text {
  color: white;
}

/* Copyright (c) 2014, Google Inc. Please see the AUTHORS file for details. */
/* All rights reserved.  Use of this source code is governed by a BSD-style */
/* license that can be found in the LICENSE file. */

@import url("../common/spark_widget.css");

:host {
  display: inline-block;
}

#text {
  position: relative;
  top: 6px;
  padding: 0 10px;
  color: #000;
  font-family: Helvetica, Sans-serif;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
}

#descriptionText {
  color: #bdbdbd;
  float: right;
  overflow: hidden;
}

:host(.highlighted), /*BUG #733*/ :host.highlighted {
  background-color: #3a84c3;
}

:host(.highlighted) #text, /*BUG #733*/ :host.highlighted #text {
  color: white;
}

Fix spark-menu-item styling to satisfy spark-suggest-box requirements on it


:root {
  --intro-background: #E0EAEA;
  --blog-background: #4A6584;
  --blog-text: #9DA9B7;

  --pop-color: #D4A496;
  --blue: #3090C0;
}

:root {
  --intro-background: #E0EAEA;
  --blog-background: #4A6584;
  --blog-text: #9DA9B7;

  --blue: #3090C0;
  --pop-color: #918475;
}

Make pop color a bit darker

Make pop color a bit darker


@supports (foo: bar) or (foo: bar) or (foo: bar) and (foo: bar) {
  div {
    bar: baz; } }

@supports ((foo: bar) or (foo: bar) or (foo: bar)) and (foo: bar) {
  div {
    bar: baz; } }

Fix broken spec for issue 614

Fix broken spec for issue 614


.loader{
    transition: width 400ms linear;
    position: relative;
}

.loaderContainer{
    width: 100%;
}

.label{
    padding:5px;
    font-size: 16px;
    font-size: 1rem;
}

.loader{
    transition: width 400ms linear;
    position: relative;
}

.loaderContainer{
    width: 100%;
}

.label{
    padding:5px;
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
}

Add text align to horizontal bar value

Add text align to horizontal bar value


/*
 * XXX Hack to make bootstrap work when bundled. This needs to be included
 * _after_ the standard bootstrap css files.
 *
 * After being bundled, all CSS is minified and served from the "/" dir.
 * Thus, we need to provide absolute paths to the icons here.
 */

[class^="icon-"],
[class*=" icon-"] {
  background-image: url("/packages/bootstrap/img/glyphicons-halflings.png");
}

.icon-white {
  background-image: url("/packages/bootstrap/img/glyphicons-halflings-white.png");
}

/*
 * XXX Hack to make bootstrap work when bundled. This needs to be included
 * _after_ the standard bootstrap css files.
 *
 * After being bundled, all CSS is minified and served from the "/" dir.
 * Thus, we need to provide absolute paths to the icons here.
 */

[class^="icon-"],
[class*=" icon-"] {
  background-image: url("/packages/bootstrap/img/glyphicons-halflings.png");
}
/*
 * Selectors borrowed from bootstrap.css.  For all releases of bootstrap, when
 * we upgrade, update this file to borrow the selectors from where bootstrap.css
 * references any .png.  When we update to using .less instead, use the less
 * directives in a less file instead.
 */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: url("/packages/bootstrap/img/glyphicons-halflings-white.png");
}

Fix css selector for white icons in bootstrap

Merge branch 'pr-683' into devel


/* FOIFA admin CSS */

table {
    margin-top: 1em;
    border-collapse: collapse;
}

td, th {
    border: solid 1px #000000;
}
td {
    vertical-align: top
}

tr.odd {
    background-color: #bbbbbb;
}

tr.even {
    background-color: #dddddd;
}

.entry_changed {
    font-weight: bold;
}

/* FOIFA admin CSS */

table {
    border-collapse: collapse;
}

td, th {
    border: solid 1px #000000;
}
td {
    vertical-align: top
}

tr.odd {
    background-color: #bbbbbb;
}

tr.even {
    background-color: #dddddd;
}

.entry_changed {
    font-weight: bold;
}

form {
    margin-bottom: 1em;
}

Put padding on form rather than table.

Put padding on form rather than table.


@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700);

body {
  padding-top: 60px;
}
.map {
  height: 400px;
  width: 100%;
  background: url(textured_paper.jpeg) repeat;
}
.ol-attribution {
  max-width: calc(100%-3em);
}
#tags {
  display: none;
}

body, h1, h2, h3, h4, p, li, td, th {
  font-family: Quattrocento Sans;
}
.navbar-inverse .navbar-inner {
  background: #1F6B75;
}
.navbar-inverse .brand {
  color: white;
  padding: 5px;
}

@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700);

body {
  padding-top: 60px;
}
.map {
  height: 400px;
  width: 100%;
  background: url(textured_paper.jpeg) repeat;
}
.ol-attribution {
  max-width: calc(100% - 3em);
}
#tags {
  display: none;
}

body, h1, h2, h3, h4, p, li, td, th {
  font-family: Quattrocento Sans;
}
.navbar-inverse .navbar-inner {
  background: #1F6B75;
}
.navbar-inverse .brand {
  color: white;
  padding: 5px;
}

Add missing whitespaces in CSS calc

Add missing whitespaces in CSS calc

See http://dev.w3.org/csswg/css-values/#calc-syntax


.select-list ol {
  border: 1px solid #212121;
  position: relative;
  overflow-y: auto;
  max-height: 312px;
  margin: 0;
  background: red;
  padding: 0;
  line-height: 100%;
}

.select-list ol:empty {
  border: none;
}

.select-list ol li {
  padding: 10px;
  box-sizing: border-box;
  display: block;
}

.select-list li .label {
  display: inline-block;
}

.select-list li .right {
  float: right;
}

.select-list .key-binding {
  border-radius: 2px;
  margin-left: 5px;
  padding: 3px;
  font-size: 11px;
}

.select-list ol li:last-child {
  border-bottom: none;
}

.select-list .error {
  font-weight: bold;
  color: white;
  text-shadow: 0 1px 0 #4E0000;
}

.select-list ol {
  border: 1px solid #212121;
  position: relative;
  overflow-y: auto;
  max-height: 312px;
  margin: 0;
  background: red;
  padding: 0;
  line-height: 100%;
  -webkit-user-select: none;
  cursor: default;
}

.select-list ol:empty {
  border: none;
}

.select-list ol li {
  padding: 10px;
  box-sizing: border-box;
  display: block;
}

.select-list li .label {
  display: inline-block;
}

.select-list li .right {
  float: right;
}

.select-list .key-binding {
  border-radius: 2px;
  margin-left: 5px;
  padding: 3px;
  font-size: 11px;
}

.select-list ol li:last-child {
  border-bottom: none;
}

.select-list .error {
  font-weight: bold;
  color: white;
  text-shadow: 0 1px 0 #4E0000;
}

Use default cursor and no selection in select list


/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. 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_self
 *= require_tree .
*/

body {
  margin: 1% 2.5% 1% 2.5%;
}

.chapter {
  margin: 0% 40% 0% 0%;
}

p {
  font: 13pt/1.5 "Georgia";
}

p span.footnote {
  display: none;
}

/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. 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_self
 *= require_tree .
*/

body {
  margin: 1% 2.5% 1% 2.5%;
  font: 12pt Georgia;
}

.chapter {
  margin: 0% 35% 0% 0%;
}

p {
  font: 13pt/1.5 "Georgia";
}

p span.footnote, span.indexterm {
  display: none;
}

.example pre {
  background: #efefef;
  margin-left: 1em;
  padding-left: 1em;
  padding-top: 10px;
  margin-top: 5px;
  border: 2px solid #232323;
  font: 10pt "Inconsolata", Monaco, monospace;
}

pre {
  font: 10pt "Inconsolata", Monaco, monospace;
}

.example .title {
  font: 12pt Helvetica;
  font-weight: bold;
  margin-left: 0.85em;
  padding-left: 1em;
  background: #232323;
  color: white;
  padding: 5px;
}

Improve styling of examples and informal examples


* {
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    color: #EEE;
    background-color: #111;
}

input.h1 {
    font-family: monospace;
    font-weight: bold;
    font-size: 36px;
    padding: 0 15px;
    margin: 15px 0;
    display: block;
    color: #EEE;
    background: transparent;
    border: none;
    width: 100%;
}

#clippy {
    width: 100%;
    height: 100%;
    background-color: #333;
    color: #EEE;
    border: none;
    padding: 15px;
    font-family: monospace;
    font-size: 16px;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
    resize: none;
    border-radius: none;
}

* {
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    color: #EEE;
    background-color: #111;
}

input.h1 {
    font-family: monospace;
    font-weight: bold;
    font-size: 36px;
    padding: 0 15px;
    margin: 15px 0;
    display: block;
    color: #EEE;
    background: transparent;
    border: none;
    width: 100%;
}

#clippy {
    width: 100%;
    height: 90%;
    background-color: #333;
    color: #EEE;
    border: none;
    padding: 15px;
    font-family: monospace;
    font-size: 16px;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
    resize: none;
    border-radius: none;
}

Fix height bug by setting the height to 90% instead of 100%


* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Lucida Grande;
  font-size: 12px;
}

#root-view {
  height: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-image: url(static/images/linen.png);
}

.vertical {
  display: -webkit-flexbox;
  -webkit-flex-flow: column;
  overflow-y: visible;
  height: 100%;
  position: relative;
}

.horizontal {
  display: -webkit-flexbox;
  -webkit-flex-flow: row;
  overflow-x: visible;
  position: relative;
}

.horizontal > div {
  width: -webkit-flex(1);
  height: auto;
}

.vertical > div {
  height: -webkit-flex(1);
}

.horizontal > * + * {
  border-left: 5px solid #515151;
}

.vertical > * + * {
  border-top: 5px solid #515151;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Lucida Grande;
  font-size: 12px;
}

#root-view {
  height: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-image: url(static/images/linen.png);
}

.vertical {
  display: -webkit-flexbox;
  -webkit-flex-flow: column;
  overflow-y: visible;
  height: 100%;
  position: relative;
}

.horizontal {
  display: -webkit-flexbox;
  -webkit-flex-flow: row;
  overflow-x: visible;
  position: relative;
}

/* hack workaround that shouldn't be needed when flexbox works right */
.horizontal > .vertical {
  height: 100%;
}

.horizontal > div {
  width: -webkit-flex(1);
  height: auto;
}

.vertical > div {
  height: -webkit-flex(1);
}

.horizontal > * + * {
  border-left: 5px solid #515151;
}

.vertical > * + * {
  border-top: 5px solid #515151;
}

Fix horizontal split inside top-level vertical split.


body {
  background-color: $white;
}
fieldset {
  border: 0;
  width: 100%;
}
label span {
  @extend %user-select-none;
}

Make sure the body background is white

Make sure the body background is white