.print_beer_menu {
	display: block;
	text-align: right;
}

h1.beer-category-name {
	display: none;
}

.beer_name {
	float: left;
	height: 27px;
}

.date-tapped {
	float: right;
	margin: 0;
	padding: 0;
	height: 27px;
}

.brewery {
	clear: left;
	font-size: 12px;
}
.beer-nerd-stuff {
	float: right;
	clear: right;
	font-size: 12px;
}

/*#printer-friendly-beer-list {
	display: none;
}*/

.print_beer_menu {
	display: block;
	text-align: right;
}

h1.beer-category-name {
	display: none;
}

.beer_name {
	float: left;
	height: 27px;
}

.date-tapped {
	float: right;
	margin: 0;
	padding: 0;
	height: 27px;
}

.brewery {
	clear: left;
	font-size: 12px;
}
.beer-nerd-stuff {
	float: right;
	clear: right;
	font-size: 12px;
}

#printer-friendly-beer-list {
	display: none;
}

Hide the printable beer menu HTML

Hide the printable beer menu HTML


.navbar {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 62px;
  max-width: 1058px;
  background-color: rgba(0,0,0,0.8);
  color: #fc0;
  z-index: 2;
  text-decoration: none;
  text-transform: uppercase;
}

.navbar ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
}
.navbar ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  height: 30px;
}
.navbar ul li:hover {
  color: rgb(222, 210, 95);
}

.navbar ul li.child {
  text-align: center;
  width: 15vw;
  max-width: 140px;
}

.navbar ul li a {
  color: white;
  text-decoration: none;
}

.navbar ul li.selected a {
  color: #fd0;
  font-weight: bold;
}

.luva {
  max-width: 5vw;
  max-height: 30px;
}

.navbar {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 62px;
  max-width: 1058px;
  background-color: rgba(0,0,0,0.8);
  color: #fc0;
  z-index: 2;
  text-decoration: none;
  text-transform: uppercase;
}

.navbar ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
}
.navbar ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 30px;
}
.navbar ul li:hover {
  color: rgb(222, 210, 95);
}

.navbar ul li.child {
  text-align: center;
  width: 15vw;
  max-width: 140px;
}

.navbar ul li a {
  color: white;
  text-decoration: none;
}

.navbar ul li.selected a {
  color: #fd0;
  font-weight: bold;
}

.luva {
  max-width: 5vw;
  max-height: 30px;
}

Remove cursor pointer from non-link nav elements


/* Copyright 2016 Benjamin Barenblat

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

header .mdl-button {
  color: inherit;
}

.Main_hidden {
  display: none;
}

.mdl-button--fab {
  position: fixed;
  right: 16px;
  bottom: 16px;
}

Move FAB to lower-right per Material Design spec


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

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

header {
background: white;
color: black;
}

nav ul {
display: inline-block
float: right;
padding: 80px;
margin: 0;

}

nav li {
  display: inline-block;
  color: black;
  float: right;
  padding: 20px;
  margin: 0;
}

a h1 h3 p hr {
color: black;
}

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

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

header {
background: white;
color: black;
}

nav ul {
display: inline-block
float: right;
padding: 60px;
margin: 0;

}

nav li {
  display: inline-block;
  color: black;
  float: right;
  padding: 20px;
  margin: 0;
}

a h1 h3 p hr {
color: black;
}

a:link {
color:black;
}

a:active{
color:black;
}

a:visited {
color:black;
}

a:hover {
color:black;
}

Change hyperlink colour to black

Change hyperlink colour to black


html,body{margin:0;padding:0}body{background:#230d26 url("http://i.cubeupload.com/NmOrpo.png") no-repeat fixed left top}.mainmenufooter a{color:#ccc}.mainmenufooter a:hover{color:#e5e5e5}.menugroup .button{color:#fff;border:solid 1px #000;background:#333}.menugroup .button:hover{color:#fff;border:solid 1px #000;background:#262626}.menugroup .button:active{color:#fff;border:solid 1px #000;background:#262626}.broadcast-lobby{color:#fff;background-color:#230d26;padding:5px 7px;}

html,body{margin:0;padding:0}body{background:#230d26 url("http://i.cubeupload.com/NmOrpo.png") no-repeat fixed left top}.mainmenufooter a{color:#ccc}.mainmenufooter a:hover{color:#e5e5e5}.menugroup .button{color:#fff;border:solid 1px #000;background:#333}.menugroup .button:hover{color:#fff;border:solid 1px #000;background:#262626}.menugroup .button:active{color:#fff;border:solid 1px #000;background:#262626}.broadcast-lobby{color:#fff;background-color:#230d26;padding:5px 7px}.profile-title{font-family:georgia;font-style:italic}

Add CSS for profile titles

Add CSS for profile titles


.md-typeset__table {
    min-width: 100%;
}

@media only screen and (min-width: 768px){
	td:nth-child(1){
		white-space: nowrap;
	}
}

.hidden {
	display: none;
}

.kops_feature_table .md-typeset__table table{
	max-width: fit-content;
}

Remove min width on tables

Remove min width on tables


/*
 * 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 bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require bootstrap/dist/css/bootstrap
 *= require font-awesome/css/font-awesome
 *= require_self
 */

/*
 * 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 bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require bootstrap/dist/css/bootstrap
 *= require font-awesome/css/font-awesome
 *= require rails_bootstrap_forms
 *= require_self
 */

Add rails bootstrap forms css

Add rails bootstrap forms css


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

.gh-signin {
    position: relative;
    margin: 30px auto;
    padding: 40px;
    max-width: 400px;
    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 .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 .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;
}

Fix signin form width bug

Fix signin form width bug

No issue. Fixes bug where signin form was not expanding to its full width as a result of some earlier global changes. This sets an explicit fluid width with a max-width fallback so that it's always the correct size.


Update color of temporary allowed icon

Update color of temporary allowed icon

* refs #148


.subnav--page-layout {
  position: unset;
  height: 100%;
  margin-top: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#F5F5F5));
  border-width: 10px;
  border-style: solid;
  border-color: #F2DEDE;
  border-radius: 4px;
}

ul.nav.nav-pills.rows {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.subnav--page-layout {
  position: unset;
  height: 100%;
  margin-top: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#F5F5F5));
  border-width: 10px;
  border-style: solid;
  border-color: #F2DEDE;
  border-radius: 4px;
}

ul.nav.nav-pills.rows {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

Add vender prefix for CSS

Add vender prefix for CSS


.spin-image {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.menu {
    position: absolute;
}

Make menu absolute so it doesn'T screw with content


td, th {
  vertical-align: middle !important;
  text-align: center !important;
}

.input-group {
  margin: 20px 0px;
}

svg {
  height: 150px;
}

Improve styling of charts and searchbar

Improve styling of charts and searchbar


* {
    border-style: solid;
    border-color: red;
}

.container ul {
    list-style: none;
}

.Welcome .container {
    display: none;
}

/* Larger than mobile */

@media (min-width: 401px) {
    /*CSS styling for desktop mode here*/
}

@media (min-width: 1240px) {
    .Welcome .container {
        display: block;
    }
    .Welcome .container img {
        position: relative;
        width: 100%;
        /* for IE 6 */
    }
    h1 {
        position: absolute;
        top: 100px;
        left: 420px;
    }
}

* {
    border-style: solid;
    border-color: red;
}

.container {
  border-color: blue;
  width: 100%;
}

.container ul {
    list-style: none;
}

.Welcome .container {
    display: none;
}

/* Larger than mobile */

@media (min-width: 401px) {
    /*CSS styling for desktop mode here*/
}

@media (min-width: 1240px) {
    .Welcome .container {
        display: block;
    }
    .Welcome .container img {
        position: relative;
        width: 100%;
        /* for IE 6 */
    }
    h1 {
        position: absolute;
        top: 100px;
        left: 420px;
    }
}

Make cotainer width 100% on mobile screen


/* AjaxControlToolkit CSS to match DNN forms style */

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

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

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

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

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

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

/* AjaxControlToolkit CSS to match DNN forms style */

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

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

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

.act_combobox .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer
{
    position:relative;
    left:18px;
    top:-5px
}

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

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

Adjust AjaxControlToolkit combobox button position


.Loading {
    width: 100%;
    height: 2px;
    z-index: 1000;
    position: absolute;
    top: 0;
}

.LoadingBar {
    height: 2px;
    position: relative;
    background-color: white;
    transition: opacity 100ms;
}

.Loading {
    width: 100%;
    height: 2px;
    z-index: 1000;
    position: absolute;
    top: 0;
}

.LoadingBar {
    height: 4px;
    position: relative;
    background-color: rgba(53, 175, 109, 0.8);
    transition: opacity 100ms;
}

Change loading bar color to green

Change loading bar color to green

Fixes mapillary/mapillary-js#33


.reabledit:focus {
  outline: none;
}

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

.reabledit th, .reabledit td {
  border: 1px solid #ddd;
  padding: 0;
  box-sizing: border-box;
  height: 40px;
}

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

.reabledit td.selected {
  background-color: #f9f9f9;
  border: 2px solid #4ca2d8;
}

.reabledit td span {
  padding-left: 7px;
}

.reabledit td input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 100%;
}

Hide focus outline from table

Hide focus outline from table


.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  #map-container {
    min-width: 1000px;
  }
}

.plot-widget {
  min-width: 500px;
}

.plot-widget .x_panel {
  height: 100%;
  min-height: 500px;
}

#map-container .x_panel{
  padding: 15px;
}

#map-container .x_panel .x_content{
  height: 100%;
}

#map-div {
  height: 100%;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
  padding: 0px 5px;
}

@media (min-width: 1200px) {
  #map-container {
    min-width: 1000px;
  }
}

.plot-widget {
  min-width: 500px;
}

.plot-widget .x_panel {
  height: 100%;
  min-height: 500px;
}

#map-container .x_panel{
  padding: 15px;
}

#map-container .x_panel .x_content{
  height: 100%;
}

#map-div {
  height: 100%;
}

Change padding between plot widgets in map layout


/* Custom style sheet */

.main {
  width: 320px;
  border: solid #ccc 1px;
  border-radius: 10px;
  box-shadow: 2px 4px 2px rgba(163,163,163, 0.7);
}

img {
  display: block;
  margin: auto;
  border-radius: 10px;
}

.main-content {
  width: 300px;
  border: solid #ccc 1px;
  border-radius: 10px;
  margin: 10px;
}

p {
  padding: 0 10px;
}

ul {
  list-style: none;
  padding: 0 10px;
}

/* Custom style sheet */

.main {
  width: 320px;
  border: solid #ccc 1px;
  border-radius: 10px;
  box-shadow: 2px 4px 2px rgba(163,163,163, 0.7);
}

img {
  display: block;
  margin: auto;
  border-radius: 10px;
}

.main-content {
  width: 300px;
  border: solid #ccc 1px;
  border-radius: 10px;
  margin: 10px;
}

h3 {
  padding: 0 20px;
}

p {
  padding: 0 10px;
}

ul {
  list-style: none;
  padding: 0 10px;
}

Add styling to header text

Add styling to header text


.container {
    margin-bottom: 30px;
}

.heading {
    margin: 0;
    line-height: 1.6em;
}

.footer {
    padding-top: 15px;
}

.footerItem {
    display: inline-block;
    margin-right: 15px;
}

.container {
    margin-bottom: 30px;
}

.heading {
    margin: 0;
    line-height: 1.6em;
}

.footer {
    padding-top: 15px;
    line-height: 1.4em;
}

.footerItem {
    display: inline-block;
    margin-right: 15px;
}

Add line-height to news item footer when it splits into 2 lines


/* IE hacks
   ==================================== */

* html .active-scaffold-header,
.active-scaffold li.form-element,
.active-scaffold li.sub-section {
zoom: 1;
}

* html .active-scaffold td .messages-container {
border-top: solid 1px #DAFFCD;
}

.active-scaffold-header div.actions a.show_search {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/active_scaffold/default/magnifier.png', sizingMethod='crop');
}

.active-scaffold .sub-form .association-record a.destroy {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/active_scaffold/default/cross.png', sizingMethod='crop');
}

.active-scaffold-header div.actions a.disabled {
filter: alpha(opacity=50);
}

.active-scaffold .show-view dd,
.active-scaffold li.form-element dd {
float: none;
}

.active-scaffold li.form-element dt {
padding: 4px 0;
}

/* IE hacks
   ==================================== */

* html .active-scaffold-header,
.active-scaffold li.form-element,
.active-scaffold li.sub-section {
zoom: 1;
}

* html .active-scaffold td .messages-container {
border-top: solid 1px #DAFFCD;
}

* html .active-scaffold-header div.actions a.show_search {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/active_scaffold/default/magnifier.png', sizingMethod='crop');
}

* html .active-scaffold .sub-form .association-record a.destroy {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/active_scaffold/default/cross.png', sizingMethod='crop');
}

.active-scaffold-header div.actions a.disabled {
filter: alpha(opacity=50);
}

.active-scaffold .show-view dd,
.active-scaffold li.form-element dd {
float: none;
}

.active-scaffold li.form-element dt {
padding: 4px 0;
}

Fix icons set as background in IE

Fix icons set as background in IE


body {
  font-family: "Lucida Grande", "Helvetica Neue", "Arial";
  background-image: url('http://images.apple.com/v/ipod/home/b/images/gradient_texture.png');
}

.container {
  max-width: 768px;
}

.container .jumbotron {
  background-color: #FFF;
  border-radius: 6px;
  box-shadow: 0px 1px 1px #272727;
}

.jumbotron {
  text-align: center;
}

body {
  font-family: "Lucida Grande", "Helvetica Neue", "Arial";
  background-image: url('http://images.apple.com/v/ipod/home/b/images/gradient_texture.png');
}

h1, h2 {
  font-family: "Lucida Grande", "Helvetica Neue", "Arial";
}

.container {
  max-width: 768px;
}

.container .jumbotron {
  background-color: #FFF;
  border-radius: 6px;
  box-shadow: 0px 1px 1px #272727;
}

.jumbotron {
  text-align: center;
}

Change H1 and H2 to reflect style.

Change H1 and H2 to reflect style.


body {
  padding-top: 60px;
}

.leaflet-container {
  height: 500px;
}

.ui.form .divider {
  margin: 3em 0;
}

body {
  padding-top: 60px;
}

.leaflet-container {
  height: 400px;
}

.ui.form .divider {
  margin: 3em 0;
}

Reduce size of map container

Reduce size of map container


@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

Make font size for fileinput-button !important so it's less likely to break


.dropdown-header {
  font-size: 1.2em;
  font-weight: bold;
}
/* Simple Select tweaks */
.ss-main {
  padding: 0;
  border-color: #fff;
}

.dropdown-header {
  font-size: 1.2em;
  font-weight: bold;
}
/* Simple Select tweaks */
.ss-main.form-control {
  padding: 0;
  border-color: #fff;
}

Make simple select rule more specific

Make simple select rule more specific


.super-number {
  position: relative;
}
.super-number a.increment,
.super-number a.decrement {
  -moz-transition: background linear 0.2;
  -webkit-transition: background linear 0.2s;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  transition: background linear 0.2s;
  user-select: none;
  z-index: 1;
}
.super-number a.increment {
  bottom: 100%;
}
.super-number a.decrement {
  top: 0;
}

.super-number a:focus {
  outline: none;
};

Remove outline when icons are in focus

Remove outline when icons are in focus


@font-face {
    font-family: 'white_rabbitregular';
    src: url('/assets/whiterabbit-webfont.woff2') format('woff2'),
         url('/assets/whiterabbit-webfont.woff') format('woff'),
         url('/assets/whiterabbit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: #101215;
	color: #7AB2F4;
	font-family:"white_rabbitregular";
}

a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	background-color: rgba(122,178,244,0.4);
}

@font-face {
    font-family: 'white_rabbitregular';
    src: url('/assets/whiterabbit-webfont.woff2') format('woff2'),
         url('/assets/whiterabbit-webfont.woff') format('woff'),
         url('/assets/whiterabbit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	background-image: repeating-linear-gradient(180deg, #121317, #121317 .25em, #0D0E12 .25em, #0D0E12 .5em);
	color: #7AB2F4;
	font-family:"white_rabbitregular";
}

a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	background-color: rgba(122,178,244,0.4);
}

Change background to horizontal lines

Change background to horizontal lines


body {
  background-image:url('/images/bg.jpg');

}

.metatable {
  width: 100%;
}

.metaspan {
  padding: 5px;
  width: 99%;
  font-size: 1.1em;
  text-align: center;
}

.metainfotable {
  width:  60%;
  background: rgba(1,1,1,0.1);
}

.meta_header th {
  text-align: left;
}

table, th, td
{
  border: 1px solid white;
}

.private_game {
  color: grey;
}

.running_game {
  font-weight: bold;
}

.pregame_with_players {
  color: green;
  font-weight: bold;
}

.message_box {
  font-size: 1.5em;
}

.server_message, .server_stats, .variables_table, .metainfotable {
  background: rgba(255,255,255,0.5);
}

.freeciv_game_info_box {
  background: rgba(0,0,0,0.1);
}

body {
  background-image:url('/images/bg.jpg');

}

.metatable {
  width: 100%;
  text-align: left;
}

.metaspan {
  padding: 5px;
  width: 99%;
  font-size: 1.1em;
  text-align: center;
}

.metainfotable {
  width:  60%;
  background: rgba(1,1,1,0.1);
}

.meta_header th {
  text-align: left;
}

table, th, td
{
  border: 1px solid white;
}

.private_game {
  color: grey;
}

.running_game {
  font-weight: bold;
}

.pregame_with_players {
  color: green;
  font-weight: bold;
}

.message_box {
  font-size: 1.5em;
}

.server_message, .server_stats, .variables_table, .metainfotable {
  background: rgba(255,255,255,0.5);
}

.freeciv_game_info_box {
  background: rgba(0,0,0,0.1);
}

Align text in meta table left.

Align text in meta table left.


.ExistingMemberConsent {
  width: 600px;
  text-align: center;
}

.ExistingMemberConsent--opt-in-reason {
  font-size: 22px;
  line-height: 1.3em;
  margin-bottom: 1em;
}

.ExistingMemberConsent--accept.Button-root,
.ExistingMemberConsent--decline.Button-root {
  max-width: 300px;
  margin: 20px auto;
}

.ExistingMemberConsent--decline.Button-root {
  background: transparent;
  border: none;
  color: #00c0cf;
  text-transform: none;
  height: auto;
  width: auto;
  font-weight: normal;
}

.ExistingMemberConsent--decline.Button-root:hover {
  background: transparent;
  border: none;
  text-decoration: underline;
}

.ExistingMemberConsent--decline.Button-root:active {
  box-shadow: none;
}

.ExistingMemberConsent--how-to-opt-out {
  font-size: 0.9em;
}

@media(max-width: 700px) {
  .ExistingMemberConsent {
    width: 100%;
  }
}

Change width unit to % when <= 700px

Change width unit to % when <= 700px


/*
:Author: Shmuel Zeigerman
:Contact: shmuz at actcom co il
:Copyright: This stylesheet has been placed in the public domain.

[Optionally place a description here.]
*/

@import url(html4css1.css);

hr.docutils {
  width: 100%
}

.funcdef {
  font-weight: bold ;
  font-size: 100%
}

body {
    margin-left: 1em ;
    margin-right: 1em ;
    font-family: "Verdana", sans-serif ;
}

table {
  border-spacing: 0;
}

tr {
  margin: 0;
  padding: 0;
}

/*
:Author: Shmuel Zeigerman
:Contact: shmuz at actcom co il
:Copyright: This stylesheet has been placed in the public domain.

[Optionally place a description here.]
*/

@import url(html4css1.css);

hr.docutils {
  width: 100%
}

.funcdef {
  font-weight: bold ;
  font-size: 100%
}

body {
    margin-left: 1em ;
    margin-right: 1em ;
    font-family: "Verdana", sans-serif ;
}

table {
  border: 0;
  border-spacing: 0 ;
  border-top: hidden ;
}

th {
  border-bottom: solid ;
  border-left: none ;
  border-right: none ;
  margin: 0 ;
  padding: 0 ;
}

tr {
  margin: 0;
  padding: 0;
}

td {
  border: 0 ;
  border-style: none ;
}

Make the table borders more like publication-quality


html, body{
    width: 100%;
    background-color: white;
}

img {
    margin: 10px auto 10px auto;
    width: 90%;
}

header{
    margin-bottom: 10px;
    padding: 10px;
}

footer{
    margin-bottom: 10px;
    padding: 10px;
}

hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

#main{
    margin-bottom: 10px;
    padding: 10px;
}

.bg-success {
    background-color: #9c9 !important;
}

.errorlist {
    padding: 0 0 0 10px;
    background-color: bisque;
}

.errorlist li {
    list-style: none;
}

#help li {
    list-style-type: decimal;
}

html, body{
    width: 100%;
    background-color: white;
}

img {
    margin: 10px auto 10px auto;
    width: 90%;
}

header{
    padding: 10px;
}

footer{
    padding: 10px;
}

hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

#main{
    padding: 10px;
}

.bg-success {
    background-color: #9c9 !important;
}

.errorlist {
    padding: 0 0 0 10px;
    background-color: bisque;
}

.errorlist li {
    list-style: none;
}

#help li {
    list-style-type: decimal;
}

Remove margin-bottom of main element

Remove margin-bottom of main element


.feedEkList {
    width: auto;
    list-style: none outside none;
    background-color: #FFFFFF;
    border: 1px solid #D3CAD7;
    padding: 4px 6px;
    color: #3E3E3E;
}
.feedEkList li {
    border-bottom: 1px solid #D3CAD7;
    padding: 5px;
}
.feedEkList li:last-child {
    border-bottom: none;
}
.itemTitle a {
    font-weight: bold;
    text-decoration: none
}
.itemTitle a:hover {
    text-decoration: underline
}
.itemDate {
    font-size: 0.8rem;
}
.feedEkGrey {
    background-color: red;
}

Add a feedek class for background

Add a feedek class for background

... but it's not that simple. It does not take effect, and it appears
we would need multiple scripts to make it work, with this plugin. Maybe
later.


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

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

}

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

#second_from_top {
display: block;
position: relative;

}

Change top block week stylesheet to absolute


/*
Optional styling for bbplayer elements.
*/

.bbplayer .bb-playing {
  background: #6666FF;
  border: 1px solid gray;
  border-radius: 9px;
}

/*
Optional styling for bbplayer elements.
*/

.bbplayer .bb-playing {
  color: green;
}

Simplify css for simple example

Simplify css for simple example


@import "@vars";

@import "skeleton-css/css/normalize.css";
@import "skeleton-css/css/skeleton.css";

@import "typeface-spoqa-han-sans2";
@import "mdi/css/materialdesignicons.min.css";
@import "sweetalert/dist/sweetalert.css";

html, body {
  font-family: var(--font);
}

.sa-confirm-button-container button {
  height: inherit;
}

Fix wrong-sized sa confirm button

Fix wrong-sized sa confirm button


body {
font-size: 1em;
margin: 0px;
padding: 0px;
text-align: center;
}

/* form */
.search_form {
	background-color: #FFF;
}

.search_form img {
	vertical-align: middle;
	margin: 3px 0px 3px 0px;
}

.search_form span {
	font-weight: bold;
	vertical-align: middle;
}

.search_box {
	vertical-align: middle;
}

.submit {
	vertical-align: middle;
}

.pages {
	border-bottom: 1px solid #00F;
	border-top: 1px solid #00F;
}

/* result */
#search_result {
	text-align: right;
}

.result_item {
	background-color: #E8E8E8;
	margin-bottom: 1px;
	border-bottom: 1px solid #000;
}

.item_number {
	height: 1.5em;
}

.aya_info {
}

.quran {
	background-color: #FFF;
	font-size: 1.2em;
	padding: 3px 2px 3px 2px;
}

.match {
	color: #181;
}

.aya_details {
}

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

Add missed CSS file, Mobile WUI

Add missed CSS file, Mobile WUI

Former-commit-id: cb8b5c2c7350e08ea1575bd44af6b51b804c3581


/* Highlight interlanguage links for Wikipedia */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("wikipedia.org") {
  #p-lang li.interwiki-en a,
  #p-lang li.interwiki-ja a {
    color: #fff !important;
    font: 1.2rem/1 sans-serif !important;
    text-align: center !important;
    text-decoration: none !important;
    padding: 0.4em !important;
    background: #fa0 !important;
    position: fixed !important;
    top: 0 !important;
    left: 11rem !important;
    display: block !important;
    width: 28em !important;
    border-radius: 0 0 0.4em 0.4em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #p-lang li.interwiki-en a:after, #p-lang li.interwiki-ja a:after { content: " \bb\a0 " attr(title); }
  #p-lang li.interwiki-en a:hover, #p-lang li.interwiki-ja a:hover { background: #f70 !important; }

  .mw-headline:target { padding-top: 3rem !important; }
}

/* Highlight interlanguage links for Wikipedia */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("wikipedia.org") {
  #p-lang li.interwiki-en a,
  #p-lang li.interwiki-ja a {
    color: #fff !important;
    font: 1.2rem/1 sans-serif !important;
    text-align: center !important;
    text-decoration: none !important;
    padding: 0.5rem !important;
    background: #fa0 !important;
    position: fixed !important;
    top: 0 !important;
    left: 11rem !important;
    display: block !important;
    width: 32rem !important;
    border-radius: 0 0 0.5rem 0.5rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #p-lang li.interwiki-en a:after, #p-lang li.interwiki-ja a:after { content: " \bb\a0 " attr(title); }
  #p-lang li.interwiki-en a:hover, #p-lang li.interwiki-ja a:hover { background: #f70 !important; }

  .mw-headline:target { padding-top: 3rem !important; }
}

Unify the length unit to rem

Unify the length unit to rem


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

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

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

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

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

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

Sidebar: Adjust z-index to make sidebar links clickable

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


.popover {
    max-width: none;
    white-space: nowrap;
}

.systime-inline form .pficon-close,
.systime-inline form .fa-plus {
    height: 26px;
    width: 26px;
    padding: 4px;
    float: right;
    margin-left: 5px;
}

.systime-inline .form-inline {
    background: #f4f4f4;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #bababa;
    padding: 4px;
}

.systime-inline .form-inline:first-of-type {
    border-top: 1px solid #bababa;
}

.systime-inline .form-control {
    margin: 0 4px;
}

.systime-inline .form-group:first-of-type .form-control {
    margin: 0 4px 0 0;
}

.systime-inline .form-group .form-control {
    width: 214px;
}

/* Make sure error message don't overflow the dialog */

.realms-op-diagnostics {
    max-width: 550px;
}

realmd: Make sure error message doesn't overflow the dialog.

Fixes #3222
Closes #3244
Reviewed-by: Stef Walter <8a7fbf0f15d3ad982af54ef28f5c117d2494b76c@redhat.com>


/* MListIndexStyle : MWidgetStyle */
MListIndexStyle {
    shortcut-object-name: "whiteFont";

    background-opacity: 0.5;
    background-image: meegotouch-fastscroll-background $CORNER_MARGINS;
    preferred-size: 7mm  100%;

    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 0;
}

#whiteFont {
    color: #FFF;
}

/* MListIndexStyle : MWidgetStyle */
MListIndexStyle {
    shortcut-object-name: "whiteFont";

    background-opacity: 0.5;
    background-image: meegotouch-fastscroll-background 12px 12px;
    preferred-size: 7mm  100%;

    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 0;
}

#whiteFont {
    color: $COLOR_INVERTED_FOREGROUND;
}

Changes: Use custom margins for list index bg tiling, CORNER_MARGINS might be too large for this use
RevBy: TrustMe


.button-aligner {
  display: flex;
  justify-content: right;
  align-items: right;
}

button {
  border-radius: 0;
  margin: 0.1em;
}

button:hover {
  opacity: 0.6;
}

.audio-channel {
  display: flex;
  justify-content: right;
  align-items: center;
}
.audio-channel p {
  margin-right: 0.30em;
}

.button-aligner {
  display: flex;
  justify-content: flex-end;
}

button {
  border-radius: 0;
  margin: 0.1em;
}

button:hover {
  opacity: 0.6;
}

.audio-channel {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.audio-channel p {
  margin-right: 0.30em;
}

Fix buttons & source selection not being aligned right on some browsers


/*
 *= require ./bootstrap.min
 *= require ./font-awesome.min
 *= require ./pages
 *= require_self
 */

body {
  padding-top: 30px;
}

table tr td {
  word-break: break-all;
}

/*
 *= require ./bootstrap.min
 *= require ./font-awesome.min
 *= require ./pages
 *= require_self
 */

body {
  padding-top: 30px;
  padding-bottom: 100px;
}

table tr td {
  word-break: break-all;
}

Add bottom padding to body

Add bottom padding to body


body {
    background: #222222;
    color: rgba(0, 0, 0, 0.87);
    font-family: sans-serif;
    margin: 0;
}

header {
    background-color: #4CAF50;
    padding: 0.5em 1em;
}

section,
h1 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

h1 {
    display: block;
    font-size: 34px;
    line-height: 34px;
    color: rgba(255, 255, 255, 0.87);
}

body {
    background: #E8F5E9;
    color: rgba(0, 0, 0, 0.87);
    font-family: sans-serif;
    margin: 0;
}

header {
    background-color: #4C8BAF;
    padding: 0.5em 1em;
}

section,
h1 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

h1 {
    display: block;
    font-size: 34px;
    line-height: 34px;
    color: rgba(255, 255, 255, 0.87);
}

Complete task2 header colour & reversed test changes to body colour


html {
  box-sizing: border-box;
  font-family: "Helvetica", arial, sans-serif;
}
html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
* {
  box-sizing: inherit;
}
.icon {
  max-width: 70%;
  max-height: 70%;
  margin: 4px;
}
#map {
  height: 100vh;
  width: 50vw;
  float: left;
}
#code {
  height: 100vh;
  width: 50vw;
  padding: 2rem;
  float: right;
  background: #282c34;
  color: #eee;
}
pre {
  margin: 0;
}
pre, code {
  height: 100%;
  width: 100%;
  overflow: auto;
}

html {
  box-sizing: border-box;
  font-family: "Helvetica", arial, sans-serif;
}
html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
* {
  box-sizing: inherit;
}
.icon {
  max-width: 70%;
  max-height: 70%;
  margin: 4px;
}
#map {
  height: 100vh;
  width: 50vw;
  float: left;
}
#code {
  height: 100vh;
  width: 50vw;
  padding: 2rem;
  float: right;
  background: #282c34;
  color: #eee;
  display: flex;
  flex-direction: column;
}
pre {
  margin: 0;
}
pre, code {
  width: 100%;
  overflow: auto;
}

Fix height of code block on docs

Fix height of code block on docs


.adder-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1.6rem;
}

.adder-wrapper .header {
    text-align: center;
    background-color: #80deea !important;
    margin: -1.6rem;
    margin-bottom: 1.6rem;
    padding: 1.6rem;
    padding-bottom: calc(1.6rem + 32px);
    position: relative;
}

.adder-wrapper .header .logo-wrapper {
    background-color: #ff4081;
    border-radius: 50%;
    width: 64px;
    height:64px;
    padding: 1rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 8px);
}

.adder-wrapper .content {
    margin-top: calc(1.6rem + 32px);
}

.adder-wrapper .content .create-button {
    margin-top: .8rem !important;
}

.adder-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1.6rem;
}

.adder-wrapper .header {
    text-align: center;
    color: white;
    background-color: #008ba3 !important; /* Cyan500 dark */
    margin: -1.6rem;
    margin-bottom: 1.6rem;
    padding: 1.6rem;
    padding-bottom: calc(1.6rem + 32px);
    position: relative;
}

.adder-wrapper .header a {
    color: white !important;
}

.adder-wrapper .header .logo-wrapper {
    background-color: #ff4081;
    border-radius: 50%;
    width: 64px;
    height:64px;
    padding: 1rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 8px);
}

.adder-wrapper .content {
    margin-top: calc(1.6rem + 32px);
}

.adder-wrapper .content .create-button {
    margin-top: .8rem !important;
}

Change header color in added

Change header color in added


html {
  background-color: white;
}

p {
  width: 40%;
}

#title {
  float: left;
  margin-left: 10px;
}

#game_box {
  float: right;
  border: 2px solid #704520;
  width: 700px;
  height: 500px;
  margin-right: 10px;
  margin-top: -220px;
  background-image: url("http://i59.tinypic.com/imt0km.jpg");
}

#dog {
  position: absolute;
  float: right;
  top: 490px;
  right: 800px;
}

#bone1 {
  position: absolute;
  float: right;
  top: 400px;
  right: 350px;
}

#bone2 {
  position: absolute;
  float: right;
  top: 200px;
  right: 650px;
}

#bacon {
  position: absolute;
  float: right;
  top: 190px;
  right: 150px;
}

html {
  background-color: white;
}

p {
  width: 40%;
}

#title {
  float: left;
  margin-left: 10px;
}

#game_box {
  float: right;
  border: 2px solid #704520;
  width: 700px;
  height: 500px;
  margin-right: 10px;
  margin-top: -220px;
  background-image: url("http://i59.tinypic.com/imt0km.jpg");
}

#dog {
  position: absolute;
  float: right;
  top: 490px;
  right: 700px;
}

#bone1 {
  position: absolute;
  float: right;
  top: 400px;
  right: 350px;
}

#bone2 {
  position: absolute;
  float: right;
  top: 200px;
  right: 650px;
}

#bacon {
  position: absolute;
  float: right;
  top: 190px;
  right: 150px;
}

Make objects appear on gameboard

Make objects appear on gameboard


.title {
  text-align: center;
}

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

#metronome-counter {
  height: 50px;
  width: 50px;
  font-size: 50px;
  text-align: center;
  border: 1px solid black ;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}

#metronome-visual {
  position: relative;
  margin-top: 10px;
  height: 400px;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  background-color: black;
  border: 1px solid black;
}

#metronome-stick {
  position: relative;
  margin-top: 50px;
  height: 300px;
  width: 5px;
  background-color: pink;
  margin-right: auto;
  margin-left: auto;
  transform: rotate(20deg);
  transform-origin: 50% 100%;
}

.metronome-parameters input[type=text] {
  font-size: 1em;
}

.title {
  text-align: center;
}

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

#metronome-counter {
  height: 50px;
  width: 50px;
  font-size: 50px;
  text-align: center;
  border: 1px solid black ;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}

#metronome-visual {
  position: relative;
  margin-top: 10px;
  height: 400px;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  background-color: black;
  border: 1px solid black;
}

#metronome-stick {
  position: relative;
  margin-top: 50px;
  height: 300px;
  width: 5px;
  background-color: pink;
  margin-right: auto;
  margin-left: auto;
  transform: rotate(20deg);
  transform-origin: 50% 100%;
}

.metronome-parameters input[type=text] {
  font-size: 1em;
  width: 2em;
}

Change input text field widths

Change input text field widths


@font-face {
	font-display: swap;
	font-family: "Tofino";
	font-style: normal;
	font-weight: 400;
	src: url("../webfonts/Tofino-Regular.woff2") format("woff2"), url("../webfonts/Tofino-Regular.woff") format("woff");
}

@font-face {
	font-display: swap;
	font-family: "Tofino";
	font-style: italic;
	font-weight: 400;
	src: url("../webfonts/Tofino-RegularItalic.woff2") format("woff2"),
		url("../webfonts/Tofino-RegularItalic.woff") format("woff");
}

@font-face {
	font-display: swap;
	font-family: "Tofino";
	font-style: normal;
	font-weight: 700;
	src: url("../webfonts/Tofino-Bold.woff2") format("woff2"), url("../webfonts/Tofino-Bold.woff") format("woff");
}

@font-face {
	font-display: swap;
	font-family: "Tofino";
	font-style: italic;
	font-weight: 700;
	src: url("../webfonts/Tofino-BoldItalic.woff2") format("woff2"),
		url("../webfonts/Tofino-BoldItalic.woff") format("woff");
}

@font-face {
	font-display: swap;
	font-family: "Tofino";
	font-style: normal;
	font-weight: 400;
	src: url("./webfonts/Tofino-Regular.woff2") format("woff2"), url("./webfonts/Tofino-Regular.woff") format("woff");
}

@font-face {
	font-display: swap;
	font-family: "Tofino";
	font-style: italic;
	font-weight: 400;
	src: url("./webfonts/Tofino-RegularItalic.woff2") format("woff2"),
		url("./webfonts/Tofino-RegularItalic.woff") format("woff");
}

@font-face {
	font-display: swap;
	font-family: "Tofino";
	font-style: normal;
	font-weight: 700;
	src: url("./webfonts/Tofino-Bold.woff2") format("woff2"), url("./webfonts/Tofino-Bold.woff") format("woff");
}

@font-face {
	font-display: swap;
	font-family: "Tofino";
	font-style: italic;
	font-weight: 700;
	src: url("./webfonts/Tofino-BoldItalic.woff2") format("woff2"),
		url("./webfonts/Tofino-BoldItalic.woff") format("woff");
}

Correct webfont URLs to be relative to base directory


/* [XUL] Navigation bar tweak */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#urlbar dropmarker, #urlbar-go-button, #urlbar-reload-button, #urlbar-stop-button,
.search-go-button, #new-tab-button, .tabs-newtab-button, #alltabs-button {
  visibility: collapse !important;
}

#nav-bar .toolbarbutton-1:not(#forward-button) {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}

#urlbar .textbox-input-box  {
  font-size: 13px !important;
  margin-top: -1px !important;
}

Use larger font on navigation bar

Use larger font on navigation bar


@value loginBodyColor #F3F7F8;
@value btnPrimaryColor #1C9DDB;
@value fieldMaxWidth 255px;
@value fieldMinWidth 175px;
@value fieldMargin 16px;

@value titleColor #083144;
@value alTitleColor #6B8792;
@value disabledComponentColor #EEEEEE;

@value regionCodeWidth 98px;
@value phoneNumberWidth 108px;

@media (max-width: 980px) {
  .Buttons.Static {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    box-shadow: -1px -1px 3px 0 btnPrimaryColor;
    background-color: loginBodyColor;
    z-index: 5;
  }

  .FormComponent {
    padding-bottom: 64px;
  }
}

.Button {
  margin-top: 16px;
  margin-right: 16px;
}

.FormComponent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
}

.Errors {
  width: 100%;
}

.Buttons {
  width: 100%;
}

@media (max-width: 980px) {
  .FormComponent {
    margin-bottom: 72px;
  }
}

@value loginBodyColor #F3F7F8;
@value btnPrimaryColor #1C9DDB;
@value fieldMaxWidth 255px;
@value fieldMinWidth 175px;
@value fieldMargin 16px;

@value titleColor #083144;
@value alTitleColor #6B8792;
@value disabledComponentColor #EEEEEE;

@value regionCodeWidth 98px;
@value phoneNumberWidth 108px;

@media (max-width: 980px) {
  .Buttons.Static {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    box-shadow: -1px -1px 3px 0 btnPrimaryColor;
    background-color: loginBodyColor;
    z-index: 110;
  }

  .FormComponent {
    padding-bottom: 64px;
  }
}

.Button {
  margin-top: 16px;
  margin-right: 16px;
}

.FormComponent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
}

.Errors {
  width: 100%;
}

.Buttons {
  width: 100%;
}

@media (max-width: 980px) {
  .FormComponent {
    margin-bottom: 72px;
  }
}

Fix css overlap issue with dropdowns

Fix css overlap issue with dropdowns


body {
  background-color: transparent;
  background-image: url('../images/IMG_9764.png');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: Helvetica, Arial, sans-serif;

}

a {
  text-decoration: none;
  color: #999;
}

h1, h2, h3 {
  margin: 0px;
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  background-color: #999;
}

#container {
  background-color: transparent;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  color: #999;

}

#headder {
  background-color: #999;
  color: #333;
  text-align:left;
  padding: 30px 10px 5px 10px;

}

#content {
  padding:10px;
}

#nav {
  width: 180px;
  float: left;
}

#nav ul {
  list-style-type: none;
  padding: 0px;
  float: left;
}

.selected {
  font-weight: bold;
}

#main {
  width: 800px;
  float:right;
}

#footer {
    clear: both;
    padding: 10px;
    background-color:transparent;
    color: white;
    text-align: right;
}

body {
  background-color: transparent;
  background-image: url('../images/IMG_9764.png');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: Helvetica, Arial, sans-serif;

}

a {
  text-decoration: none;
  color: #999;
}

h1, h2, h3 {
  margin: 0px;
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  background-color: #999;
}

#container {
  background-color: transparent;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  color: #999;
  display: flex; flex-wrap: wrap;
}

#headder {
  background-color: #999;
  color: #333;
  text-align:left;
  padding: 30px 10px 5px 10px;

}

#content {
  padding:10px;
  display: flex; flex-wrap: wrap;
}

#nav {
  width: 180px;
  float: left;
}

#nav ul {
  list-style-type: none;
  padding: 0px;
  float: left;
}

.selected {
  font-weight: bold;
}

#main {
  width: 800px;
  float:right;
}

#footer {
    clear: both;
    padding: 10px;
    background-color:transparent;
    color: white;
    text-align: right;
}

Tidy up of validation errors

Tidy up of validation errors


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

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

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

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

#navigation_bar a {
  color: white;
  font-size: 20px;
  text-decoration: none;
  font-family: Tahoma;
  margin-top: 25%;
  margin-left: 65px;
}

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

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

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

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

#navigation_bar a {
  margin-top: 30px;
  color: white;
  font-size: 20px;
  text-decoration: none;
  font-family: Tahoma;
}

Change margin on nav bar

Change margin on nav bar


/* Comfortable layout for Kindle content manager */
@namespace url("http://www.w3.org/1999/xhtml");

@-moz-document
  url-prefix("https://www.amazon.co.jp/hz/mycd/myx"),
  url-prefix("https://www.amazon.co.jp/mn/dcw/myx")
{
  /* Add more height to "List of collection" box in "Add to collection" screen */
  .bulkAddToCollectionDialog_myx .myx-lgtbox-collection-vertical-scroll.recentCollection_myx {
    height: 35vh !important;
  }

  /* Enlarge the count of contents */
  .contentCount_myx {
    font: 1.2rem/2 sans-serif !important;
    word-spacing: 0.5em !important;
  }
  .contentCount_myx b {
    padding-right: 0.2em !important;
  }

  /* Avoid text wrap on table header */
  div[list-view-header-dmyx] .myx-column {
    white-space: nowrap !important;
    font-size: 12px !important;
  }
}

/* Comfortable layout for Kindle content manager */
@namespace url("http://www.w3.org/1999/xhtml");

@-moz-document
  url-prefix("https://www.amazon.co.jp/hz/mycd/myx"),
  url-prefix("https://www.amazon.co.jp/mn/dcw/myx")
{
  /* Add more height to "List of collection" box in "Add to collection" screen */
  .bulkAddToCollectionDialog_myx .myx-lgtbox-collection-vertical-scroll.recentCollection_myx {
    height: 35vh !important;
  }

  /* Enlarge the count of contents */
  .contentCount_myx {
    font: 1.2rem/2 sans-serif !important;
    word-spacing: 0.5em !important;
  }
  .contentCount_myx b {
    padding-right: 0.2em !important;
  }

  /* Avoid text wrap on table header */
  div[list-view-header-dmyx] .myx-column {
    color: #faa !important;
    white-space: nowrap !important;
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
  }
}

Improve visibility of header line

Improve visibility of header line


.opencps-theme.ux select {
	background: transparent none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	line-height: 20px;
	padding: 0 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 0
}

.opencps-theme.ux select:only-child {
	background: white
		url("../images/custom/nav_toolbar/select_arrow_gray.png") no-repeat
		scroll 97% center;
	border: 1px solid #e1e1e1 !important;
    margin: 0 10px 0 0;
    overflow: hidden;
}

.opencps-theme.ux select:nth-child(2n) {
	background: white
		url("../images/custom/nav_toolbar/select_arrow_gray.png") no-repeat
		scroll 97% center;
	border: 1px solid #e1e1e1 !important;
    margin: 0 10px 0 0;
    overflow: hidden;
}

Add css definition for select box

Add css definition for select box


/*
   Licensed to the Apache Software Foundation (ASF) under one or more
   contributor license agreements.  See the NOTICE file distributed with
   this work for additional information regarding copyright ownership.
   The ASF licenses this file to You 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.
*/

/*Shows the value of the name attribute when hovered*/
/* Disabled
a[name]:hover:after{
    content: " #" attr(name);
    font-size: 90%;
    text-decoration: none;
}
*/

/*
 * Hide class="sectionlink", except when an enclosing heading
 * has the :hover property.
 * Used to hide the ¶ marker for generating internal links
 */
.sectionlink {
  display: none;
}
:hover > .sectionlink {
  display: inline;
  /* Green so shows up on section headings too */
  color: rgb(0,255,0);
}

Fix test data files so EOL does not change across OSes

git-svn-id: 7c053b8fbd1fb5868f764c6f9536fc6a9bbe7da9@1180018 13f79535-47bb-0310-9956-ffa450edef68


body {
  font-family: sans-serif;
  font-size: 16px;
  margin: 50px;
}

body {
  font-family: sans-serif;
  font-size: 16px;
  margin: 50px;
  max-width: 800px;
}

Set max-width of the text in the examples


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

#cache_chart {
    height: 400px;
    width: 600px;
}

#free_space_chart {
    height: 420px;
    width: 620px;
}

#user_chart {
    height: 300px;
    width: 100%;
    margin-bottom: 8px;
    border: 1px solid #ccc;
}

table, td, th {
    border: 1px solid gray;
}

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

#cache_chart, #free_space_chart, #user_chart {
    width: 100%;
    margin-bottom: 8px;
    border: 1px solid #ccc;
}
#cache_chart, #free_space_chart {
    height: 350px;
}
#user_chart {
    height: 300px;
}

table, td, th {
    border: 1px solid gray;
}

Make cache chart responsible + border

Make cache chart responsible + border


.cke_button__save {
    background: #337ab7 !important;
}

.cke_button__save:hover {
    background: #286090 !important;
}

.cke_button__save_label {
    display: inline !important;
    color: #fff !important;
}

.cke_button__save_icon {
    display: none !important;
}

.cke_button__cancel_label {
    display: inline !important;
}

.cke_button__cancel_icon {
    display: none !important;
}

.cke_toolgroup a.cke_button__save {
    background-color: #337ab7;
    background-image: linear-gradient(to bottom,#337ab7, #336fad);
    text-shadow: none;
}

.cke_toolgroup a.cke_button__save:hover {
    background: #286090;
    background-image: linear-gradient(to bottom, #336fad, #315f9b);
}

.cke_button__save .cke_button__save_label, .cke_button__cancel .cke_button__cancel_label {
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
}

.cke_button__save .cke_button__save_label {
    color: #fff;
    text-shadow: none;
}

.cke_button__save .cke_button__save_icon, .cke_button__cancel .cke_button__cancel_icon {
    display: none;
}

Remove !importants, adjust style to match other UI elements


.navbar-default{
    background-color: #6dbd63;
    border:  #6dbd63;
}
.navbar-brand {
    padding: 0px;
}
.navbar-brand img {
    height: 50px;
}

body {
    font-size: 18px;
}

h1,h2,h3,h4 {
    font-weight: bold;
}
h1 {
    margin-bottom: 24px;
}
h2 {
    font-size: 48px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-style: italic;
}
pre, p {
    width: 680px;
}

.bs-sidebar.well {
    background-color: white;
    box-shadow: none;
    border: none;
    margin-top: 52px;
}

.bs-sidenav li {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-top:    6px;
    padding-bottom: 6px;
}

.custom-quote .fa-user-md {
    color: #6dbd63;
}

.col-md-9 img {
    width: 100%;
    padding: 24px 0px;
}

.navbar-default{
    background-color: #6dbd63;
    border:  #6dbd63;
}
.navbar-brand {
    padding: 0px;
}
.navbar-brand img {
    height: 50px;
}

body {
    font-size: 18px;
}

h1,h2,h3,h4 {
    font-weight: normal;
}
h1 {
    margin-bottom: 24px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-style: italic;
}
pre, p {
    width: 680px;
}

.bs-sidebar.well {
    background-color: white;
    box-shadow: none;
    border: none;
    margin-top: 52px;
}

.bs-sidenav li {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-top:    6px;
    padding-bottom: 6px;
}

.custom-quote .fa-user-md {
    color: #6dbd63;
}

.col-md-9 img {
    width: 100%;
    padding: 24px 0px;
}

Make headings less bold in docs and reduce h2 font size


@media (max-width: 767px) {
    /* On small screens, the nav menu spans the full width of the screen. Leave a space for it. */
    .body-content {
        padding-top: 50px;
    }
}

.body-content {
    margin: 2em;
    padding-left: 15px;
    padding-right: 15px;
}

.table > tbody > tr > td {
     vertical-align: middle;
}

@media (max-width: 767px) {
    /* On small screens, the nav menu spans the full width of the screen. Leave a space for it. */
    .body-content {
        padding-top: 50px;
    }
}

.table > tbody > tr > td {
     vertical-align: middle;
}

Remove 2em margin for our space

DCS-24: Remove 2em margin for our space


.agenda {
  @apply flex flex-wrap mb-4;

  .agendum {
    @apply mb-2 mx-2 w-full;
    height: fit-content;
  }
}

@screen lg {
  .agenda .agendum {
    width: 30%;
  }
}

.agenda {
  @apply flex flex-wrap mb-4;

  .agendum {
    @apply mb-2 mx-2 w-full;
    height: fit-content;

    &.sortable-ghost {
      @apply bg-primary-400 p-10;
      border: 1px dashed black;
      opacity: 0.2;
      * { visibility: hidden; }
    }
  }
}

@screen lg {
  .agenda .agendum {
    width: 30%;
  }
}

Add back agendum sorting styling

Add back agendum sorting styling


.fileBrowser {
    height: 500px;
    width: 100%;
}

.fb-breadcrumbs {
    background-color: #efefef;
    padding: 10px;
}

.fb-sidebar {
    width: 25%;
    display: block;
    height: 500px;
    float: left;
    background-color: aliceblue;
}

.fb-main {
    width: 55%;
    float: left;
    background-color: antiquewhite;
    height: 500px;
    padding: 10px;
}

.fb-infobar {
    background-color: coral;
    height: 500px;
    padding: 10px;
    float: left;
    width: 20%;
}

.fb-breadcrumbs ul, .fb-collections ul {
    padding: 0;
    list-style: none;
}

.fb-breadcrumbs ul li {
    display: inline;
    padding: 0 3px;
}

.fb-breadcrumbs>ul>li>.fa {
    margin-left: 5px;
    color: #999999;
}

.fb-collections ul li {
    padding: 3px 0;
}

.fb-collections ul li.active {
    background-color: #ccc;
}

li {
}

li {}

.fb-collections ul>li {
    padding: 7px;
}

.fileBrowser {
    height: 500px;
    width: 100%;
}

.fb-breadcrumbs {
    background-color: #efefef;
    padding: 10px;
}

.fb-sidebar {
    width: 25%;
    display: block;
    height: 500px;
    float: left;
    background-color: aliceblue;
}

.fb-main {
    width: 55%;
    float: left;
    padding: 0;
}

.fb-infobar {
    background-color: coral;
    height: 500px;
    padding: 10px;
    float: left;
    width: 20%;
}

.fb-breadcrumbs ul, .fb-collections ul {
    padding: 0;
    list-style: none;
}

.fb-breadcrumbs ul li {
    display: inline;
    padding: 0 3px;
}

.fb-breadcrumbs>ul>li>.fa {
    margin-left: 5px;
    color: #999999;
}

.fb-collections ul li {
    padding: 3px 0;
}

.fb-collections ul li.active {
    background-color: #ccc;
}

li {
}

li {}

.fb-collections ul>li {
    padding: 7px;
}

Update styles for main box

Update styles for main box


@import url('https://fonts.googleapis.com/css?family=Inconsolata');

.docsSliderActive nav.toc .navBreadcrumb {
  background: rgb(249, 249, 249);
}

.docsNavContainer {
  background: rgb(249, 249, 249);
}

nav.toc .toggleNav {
  background: rgb(249, 249, 249);
}

footer.nav-footer {
  background: $secondaryColor;
}

.mainContainer .wrapper p,
.blockElement p,
.mainContainer .wrapper ul li,
.mainContainer .wrapper ol li {
  line-height: 1.5;
}

code, pre code {
  font-family: 'Inconsolata', monospace;
  line-height: normal;
}

code {
  background-color: inherit;
  box-shadow: none;
}

pre code {
  font-size: 15px;
}

Add some additional styling for code sections


Add body selector and new font family

Add body selector and new font family


.content {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 4px 2px #eee;
  margin-top: -5px;
  position: absolute;
  width: 220px;
  padding: 5px 0;
}

.content h2 {
  margin: 0;
  font-size: 1.2rem;
}

.dropdownList > li > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;

  &:hover {
    background: linear-gradient(#eee, #dedede);
  }
}

.divider {
  height: 1px;
  width: 100%;
  background-color: #ccc;
}

.content {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 4px 2px #eee;
  position: absolute;
  width: 220px;
  padding: 5px 0;
}

.content::before,
.content::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #bbb;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -8px;
}

.content::after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  top: -7px;
}

.content h2 {
  margin: 0;
  font-size: 1.2rem;
}

.dropdownList > li > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;

  &:hover {
    background: linear-gradient(#eee, #dedede);
  }
}

.divider {
  height: 1px;
  width: 100%;
  background-color: #ccc;
}

Add an arrow above the dropdown content pointing to the icon


#racetrack {
  border: 1px solid black;
  height: 150px;
  background-image: url("../img/nyanBackground.jpg");
  background-size: 100%;
  /*background-repeat: no-repeat;*/
}

.player {
  height: 50px;
  width: 50px;
 /* background-color: blue;*/
  background-repeat: no-repeat;
  background-size: 100%;
  /*border: 1px solid black;*/
  margin: 10px 0 10px 10px;
}

#racetrack {
  border: 2px solid black;
  height: 150px;
  background-image: url("../img/nyanBackground.jpg");
  background-size: 100%;
  /*background-repeat: no-repeat;*/
}

/* foundation-compliant css to align the div vertically.  found on */

.valign-middle {
    display: table;

    > .columns {
        display: table-cell;
        vertical-align: middle;
    }

    > .columns, > [class*="column"] + [class*="column"]:last-child {
        float: none;
    }
}

.player {
  height: 75px;
  width: 75px;
 /* background-color: blue;*/
  background-repeat: no-repeat;
  background-size: 100%;
  /*border: 1px solid black;*/
  margin: 10px 0 10px 10px;
}

Add styling to center race track. Thicken border


.message_list {
	overflow-y: scroll;
	max-height: 50%;
	white-space: pre-wrap;
	line-height: 0.9em;
}

.chat-input {
	width: 90%;
}

/* I have no idea if this is the best way to handle the issues with float:left in navbars, or if 30px is a good value */
.tabset {
	min-height: 30px;
}

ul.tab-list {
	list-style: none;
}

ul.tab-list li {
	display: block;
	float: left;
	padding: 5px;
	margin: 0px 10px;
}

.message_list {
	overflow-y: scroll;
	max-height: 50%;
	white-space: pre-wrap;
	line-height: 0.9em;
}

.message_list li {
	margin: 0.5em 0;
}

.chat-input {
	width: 90%;
}

/* I have no idea if this is the best way to handle the issues with float:left in navbars, or if 30px is a good value */
.tabset {
	min-height: 30px;
}

ul.tab-list {
	list-style: none;
}

ul.tab-list li {
	display: block;
	float: left;
	padding: 5px;
	margin: 0px 10px;
}

Add top/bottom margins to messages - less squished


Make border around code snippets grey

Make border around code snippets grey


table.sortable thead {
    font-weight: bold;
    cursor: default;
}
body {
    font-size: 0.75em;
    background-color: #edb;
    border-top: none;
}
td, th, table {
    font-family:Arial,sans-serif;
    border: 1px solid #888;
}
a {
    color: #c1b89b;
    text-decoration: underline;
    xtext-decoration: none;
}

dt {
    font-weight: bold;
}
dd {
    padding-left: 2em;
    border-bottom: solid 1px #ccc;
}

.main {
    font-size: 140%;
}

/* Generic classes */
.center {
    text-align: center;
}

.small {
    font-size: 75%;
}

/* Specific layout elments */
#branding a {
    text-decoration: none;
    color: #333;
}

/* Status classes */

td.excellent {
    background-color: #CCFF9F;
}
td.error {
    background-color: #FF9F9F;
}

td.right { text-align: right; }
th { text-align: center; }
th span.units { font-size: 70%; }

table.sortable thead {
    font-weight: bold;
    cursor: default;
}
body {
    font-size: 0.75em;
    background-color: #edb;
    background-color: white;
    border-top: none;
}
td, th, table {
    font-family:Arial,sans-serif;
    border: 1px solid #888;
}
a {
    color: #c1b89b;
    text-decoration: underline;
    xtext-decoration: none;
}

dt {
    font-weight: bold;
}
dd {
    padding-left: 2em;
    border-bottom: solid 1px #ccc;
}

.main {
    font-size: 140%;
}

/* Generic classes */
.center {
    text-align: center;
}

.small {
    font-size: 75%;
}

/* Specific layout elments */
#branding a {
    text-decoration: none;
    color: #333;
}

#branding {
    background-color: #FFD700!important; /* Gold */
}

/* Status classes */

td.excellent {
    background-color: #CCFF9F;
}
td.error {
    background-color: #FF9F9F;
}

td.right { text-align: right; }
th { text-align: center; }
th span.units { font-size: 70%; }

Change the title's background color to gold.


.encoding-placeholder-big {
	text-decoration:underline;
	font-style:italic;
}

.encoding-settings {
	width: 500px;
}

table .sorted::after {
	content:" ▼";
}
table .reverse-sorted::after {
	content:" ▲";
}

.encoding-placeholder-big {
	text-decoration:underline;
	font-style:italic;
}

.encoding-settings {
	width: 500px;
}

table .sorted::after {
	content:" ▾";
}
table .reverse-sorted::after {
	content:" ▴";
}

Use small triangles for sorting indicators


$borderStyle: 1px solid rgb(232,232,232);
$mainPad: 20px;

.App {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.App__topbar {
    height: 40px;
    flex: 0 0 auto;
    border-bottom: $borderStyle;
    padding: 0 $mainPad;
}

.App__content {
    flex-grow: 1;
    display: flex;
}
.App__sidebar {
    flex: 0 0 auto;
    height: inherit;
    width: 220px;
    border-right: $borderStyle;
    overflow: auto;
    padding: $mainPad;
}
.App__main {
    height: inherit;
    flex-grow: 1;
    overflow: auto;
    background-color: #f1f1f1;
    padding: $mainPad;
}

:root {
    --borderStyle: 1px solid rgb(232,232,232);
    --mainPad: 20px;
}

.App {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.App__topbar {
    height: 40px;
    flex: 0 0 auto;
    border-bottom: var(--borderStyle);
    padding: 0 var(--mainPad);
}

.App__content {
    flex-grow: 1;
    display: flex;
}
.App__sidebar {
    flex: 0 0 auto;
    height: inherit;
    width: 220px;
    border-right: var(--borderStyle);
    overflow: auto;
    padding: var(--mainPad);
}
.App__main {
    height: inherit;
    flex-grow: 1;
    overflow: auto;
    background-color: #f1f1f1;
    padding: var(--mainPad);
}

Fix using variables in CSS

Fix using variables in CSS


body {
  margin: 0;
}

#content canvas {
  position: absolute;
  left: 0;
  top: 0;
}

#content {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100vh;
  width: 100vw;
}

img {
  height: 85vh;
  width: 85vh;
  z-index: 1;
}

body {
  margin: 0;
}

#content canvas {
  position: absolute;
  left: 0;
  top: 0;
}

#content {
  align-items: center;
  background: linear-gradient(#93e7ff6b,#4b7dff7a);
  display: flex;
  justify-content: center;
  height: 100vh;
  width: 100vw;
}

img {
  height: 85vh;
  width: 85vh;
  z-index: 1;
}

Add a bit of a background.

Add a bit of a background.


.scenarios-wrapper {
    flex-wrap: wrap;
    align-items: center;

}

/* NOTE: Configuring buttons */
.scenarios-buttons {
    position: relative;
    top: 10px;
    height: 5%;
    background: white;
    align-items: center; /* For vertical alignment */
    display: flex;
}
.scenarios-open-btn, .scenarios-save-btn {
    border-radius: 10px;
    border: none;
    text-align: center;
    font-style: normal;
    font-size: 14px;
    outline: none;
}
.scenarios-open-btn, .scenarios-save-btn {
    color: #212121;
    font-family: Arimo;
    font-weight: normal;
    background: #FFFFFF;
}

.scenarios-open-btn:hover, .scenarios-save-btn:hover {
    background: #f5f5f5;
}

.scenarios-open-btn {
    float: left;
    margin-left: 40px;
    background: "src/assets/icons/folder-open-icon.svg";
}

.scenarios-save-btn {
    float: left;
    margin-left: 40px;
}

.code-editor-wrapper {
    border: 1px black solid;
    display: block;
    top: 20px;
    margin-top: 50px;
    background: green;
}

.scenarios-page-wrapper {
    height: 600px;
    background: white;
}

.scenarios-wrapper {
    flex-wrap: wrap;
    align-items: center;
}

/* NOTE: Configuring buttons */
.scenarios-buttons {
    position: relative;
    top: 10px;
    height: 5%;
    background: white;
    align-items: center; /* For vertical alignment */
    display: flex;
}
.scenarios-open-btn, .scenarios-save-btn {
    border-radius: 10px;
    border: none;
    text-align: center;
    font-style: normal;
    font-size: 14px;
    outline: none;
}
.scenarios-open-btn, .scenarios-save-btn {
    color: #212121;
    font-family: Arimo;
    font-weight: normal;
    background: #FFFFFF;
}

.scenarios-open-btn:hover, .scenarios-save-btn:hover {
    background: #f5f5f5;
}

.scenarios-open-btn {
    float: left;
    margin-left: 40px;
    background: "src/assets/icons/folder-open-icon.svg";
}

.scenarios-save-btn {
    float: left;
    margin-left: 40px;
}

.code-editor-wrapper {
    text-align: left;
    border: 1px black solid;
    display: block;
    top: 20px;
    margin-top: 50px;
    background: green;
}

.scenarios-page-wrapper {
    height: 600px;
    background: white;
}

Change styling for code editor @ scenarios set up page.


.container {
    margin-bottom: 30px;
}

.container a:visited {
    color: #555;
}

.heading {
    margin: 0;
    line-height: 1.6em;
}

.description {
    margin-top: 15px;
    margin-bottom: 0;
}

.footer {
    padding-top: 15px;
    line-height: 1.5em;
}

.footerItem {
    display: inline-block;
    margin-right: 15px;
}

.container {
    margin-bottom: 30px;
}

.container a:visited {
    color: #555;
}

.heading {
    margin: 0;
    line-height: 1.6em;
    word-break: break-all;
}

.description {
    margin-top: 15px;
    margin-bottom: 0;
    word-break: break-all;
}

.footer {
    padding-top: 15px;
    line-height: 1.5em;
}

.footerItem {
    display: inline-block;
    margin-right: 15px;
}

Fix words not breaking onto next line on small screens


/*!
 * Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background-color: #373737;
}

/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

body {
    background: url('../imgs/buzz.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.navbar-inverse {
    background-color: transparent;
    border: none;
}

.navbar-toggle {
    margin-top: 20px;

}

.title {
    font-size: 2em;
    color: #FFF;
    margin: 25px 10px;
}

.icon {
    width: 50px;
    height: auto;
}

/*!
 * Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background-color: #373737;
}

/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

html {
    background: url('../imgs/buzz.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}

.navbar-inverse {
    background-color: transparent;
    border: none;
}

.navbar-toggle {
    margin-top: 20px;

}

.title {
    font-size: 2em;
    color: #FFF;
    margin: 25px 10px;
}

.icon {
    width: 50px;
    height: auto;
}

Fix background image on mobile

Fix background image on mobile


body {
  height: 100vh;
  display: flex;
  flex-flow: row wrap;
  text-align: center;
  align-content: center;
  font-family: 'Montserrat', sans-serif;
}

body > * {
  flex: 1 100%;
}

.message {
  margin-bottom: 1em;
  color: #6C7A89;
  font-size: x-large;
}

a {
  color: #6C7A89;
  text-decoration: none;
}

p {
  margin: 0 0 1em 0;
}

.link {
  margin: 0.25em;
}

.links svg {
  transition: transform 0.3s, color 0.3s;
}

.links a:hover svg {
  color: #000;
  transform: scale(1.25);
}

body {
  height: 100vh;
  display: flex;
  flex-flow: row wrap;
  text-align: center;
  align-content: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5rem;
}

@media (orientation: portrait) {
  body {
    font-size: 3rem;
  }
}

body > * {
  flex: 1 100%;
}

.message {
  margin-bottom: 1em;
  color: #6C7A89;
}

a {
  color: #6C7A89;
  text-decoration: none;
}

p {
  margin: 0 0 1em 0;
}

.link {
  margin: 0.25em;
}

.links svg {
  transition: transform 0.3s, color 0.3s;
}

.links a:hover svg {
  color: #000;
  transform: scale(1.25);
}

Update font-size for portrait screens

Update font-size for portrait screens


.add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 3px 5px 2px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-prepend > .west_container > .add-on:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.input-prepend > .west_container > .add-on:last-child {
    margin: 0 -1px 0 0;
}

.input-append > .east_container > .add-on:first-child {
    margin: 0 0 0 -1px;
}

.input-append > .east_container > .add-on:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

Add custom style for add ons when using the fiware theme


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

.svg {
  z-index: calc(var(--zindex-portal) - 1);
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.connector {
  stroke: #2276fc;
  stroke-width: 2;
  pointer-events: all;
  cursor: pointer;
}

.dangerConnector {
  composes: connector;
  stroke: var(--state-danger-color);
}

.hoverConnector {
  composes: connector;
  stroke: var(--state-warning-color);
}

.hasFocus {
  opacity: 1;
}

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

.svg {
  z-index: calc(var(--zindex-portal) - 1);
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.connector {
  stroke: var(--brand-primary);
  stroke-width: 2;
  pointer-events: all;
  cursor: pointer;
}

.dangerConnector {
  composes: connector;
  stroke: var(--state-danger-color);
}

.hoverConnector {
  composes: connector;
  stroke: var(--state-warning-color);
}

.hasFocus {
  opacity: 1;
}

[base] Fix an issue where the connector line was not themeable


:root {
  --passed: #4fdc7f;
  --failed: #DC4F4F;
}

.build-snapshot {
  color: var(--primary);
  border-radius: 1rem;
  flex: 1;
  font-size: 1rem;
}

.passed {
  background-color: var(--passed);
}

.failed {
  background-color: var(--failed);
}

.header-toggle {
  height: 1.5rem;
  width: 1.5rem;
}

.snapshot-header {
  align-items: center;
  display: flex;
}

Add new line at end of file

Add new line at end of file


.social-link-item {
  display: inline-block;
}

.social-link-anchor {
  margin: .5rem;
  padding: .5rem;
  display: inline-block;
  transition: all 0.2s ease;
}
.social-link-anchor:hover {
  -webkit-filter: drop-shadow(0 3px 3px rgba(0,0,0,0.16));
  filter: drop-shadow(0 3px 3px rgba(0,0,0,0.16));
}

.social-icon {
  height: 4em;
  transition: all 0.2s ease;
}
.social-link-anchor:hover .social-icon {
  -webkit-filter: drop-shadow(0 3px 3px rgba(0,0,0,0.23));
  filter: drop-shadow(0 3px 3px rgba(0,0,0,0.23));
}

.social-icon.dark {
  opacity: 1;
  position: absolute;
}
.social-link-anchor:hover .social-icon.dark {
  opacity: 0;
  transform: scale(1.1);
}

.social-icon.colorful {
  opacity: 0;
}
.social-link-anchor:hover .social-icon.colorful {
  opacity: 1;
  transform: scale(1.1);
}

.social-link-item {
  display: inline-block;
}

.social-link-anchor {
  margin: .5rem;
  padding: .5rem;
  display: inline-block;
}

.social-icon {
  height: 4em;
  transition: all 0.2s ease;
}
.social-link-anchor:hover .social-icon {
  -webkit-filter: drop-shadow(0 3px 3px rgba(0,0,0,0.23));
  filter: drop-shadow(0 3px 3px rgba(0,0,0,0.23));
}

.social-icon.dark {
  opacity: 1;
  position: absolute;
}
.social-link-anchor:hover .social-icon.dark {
  opacity: 0;
  transform: scale(1.1);
}

.social-icon.colorful {
  opacity: 0;
}
.social-link-anchor:hover .social-icon.colorful {
  opacity: 1;
  transform: scale(1.1);
}

Remove extra shadow on social icons

:art: Remove extra shadow on social icons

Less performant and looks too dark


@import "mdc-theme.global.css";
@import "../../node_modules/@material/button/dist/mdc.button.css";
@import "../../node_modules/@material/ripple/dist/mdc.ripple.css";
@import "../../node_modules/@material/textfield/dist/mdc.textfield.css";
@import "../../node_modules/@material/menu/dist/mdc.menu.css";
@import "../../node_modules/@material/select/dist/mdc.select.css";
@import "../../node_modules/@material/toolbar/dist/mdc.toolbar.css";
@import "../../node_modules/@material/tabs/dist/mdc.tabs.css";

/* TODO Explore possibility to use CSS variable here once postcss variable is removed */
.mdc-button--accent {
  color: white !important;
}

.mdc-select__menu .mdc-list-item {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  /* Important is used here as MDC will add transition-delay for delaying showing text inside select */
  transition-delay: 0s !important;
  &:hover {
    background-color: rgba(0, 0, 0, .1);
  }
}

.mdc-toolbar__title {
  margin-left: .5em;
}

Add some space on title bar

Add some space on title bar


.infoWindow table {
	font-family: verdana, sans-serif;
	font-size: 7pt;
}

.infoWindow th {
	text-align: right;
}

.richMarker {
	border-style: none;
	color: black;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 7pt;
	padding: 0px;
}

.infoWindow table {
	font-family: verdana, sans-serif;
	font-size: 7pt;
}

.infoWindow th {
	text-align: right;
}

.richMarker {
	border-radius: 3px;
	border-style: solid;
	border-width: 0;
	color: black;
	font-family: verdana, sans-serif;
	font-size: 7pt;
	height: 10px;
	margin: 0px;
	padding: 0px 2px;
}

Make rich markers more beautiful

Make rich markers more beautiful


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
       url('../fonts/MaterialIcons-Regular.woff') format('woff');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(../fonts//MaterialIcons-Regular.woff) format('woff'),
       url(../fonts//MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

Fix display material design icons on chrome


input[type="radio"][name="payment"] {
    display:none;
}
input[type="radio"][name="payment"]:checked + label i {
    color: #C02942;
}

input[type="radio"][name="payment"]:checked + label div.feature-box {
    border-bottom-color: black;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

input[id="p-euros"]:checked ~ #payment-euros,
input[id="p-paypal"]:checked ~ #payment-paypal,
input[id="p-flattr"]:checked ~ #payment-flattr,
input[id="p-bitcoins"]:checked ~ #payment-bitcoins,
input[id="p-mail"]:checked ~ #payment-mail
{
    display: block;
}

.payment-method {
    display: none;
    padding-bottom: 20px;
}

.payment-method > p {
    height: 30px;
}

Fix display height of payment boxes

Fix display height of payment boxes


html, body {
	tab-size: 4;
}

p {
	text-align: justify;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    padding: 4px 8px;
}

img + em {
	display: block;
}

.titlepage-center + h1,
.titlepage-center + h1 + h2 {
	text-align: center;
	border-bottom: 0px transparent;
}

.titlepage-center + h1 + h2 + h3,
.titlepage-center + h1 + h2 + h3 + h4 {
	text-align: center;
}

Add a centered titlepage style for markdown-themeable-pdf


#main {
  position: absolute;
  height: auto;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#main .jumbotron {
  margin: 0 auto;
  max-width: 600px;
  text-align: center;
}

#main .jumbotron h1 {
  margin-bottom: 20px;
}

#main .jumbotron p {
  text-align: justify;
  font-size: 0.8em;
}

#main {
  position: absolute;
  height: auto;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#main .jumbotron {
  margin: 0 auto;
  max-width: 600px;
  background-color: transparent;
  text-align: center;
}

#main .jumbotron h1 {
  margin-bottom: 20px;
}

#main .jumbotron p {
  text-align: justify;
  font-size: 0.8em;
}

Remove the gray-ness of the jumbrotron.

Remove the gray-ness of the jumbrotron.


body {
  background-color: #FA58AC;
  margin: 1em 1em 1em 1em;
  padding: 0 1em 0 1em;
}
.center {
  text-align: center;
}
h1 {
  border:10px solid #D0FA58;
  padding: 0 1em 0 1em;
  background-color: #81F7BE;
}
h2 {
  text-decoration: underline;
}
h4 {
  text-decoration: underline;
}
p {
  padding-top: 1em;
  padding-bottom: 1em;
}
p span {
  font-size: 18px;
  font-family: cursive;
  font-weight: bold;
  border: 10px solid black;
  padding: 0 1em 0 1em;
}
p p span {
  font-weight: bold;
}
#left {
  display: inline-block;
  position: absolute;
  right: 60%;
  padding: 1em;
}
#right {
  display: inline-block;
  position: relative;
  left: 30%;
  padding: 1em;
}

body {
  background-color: #FA58AC;
  margin: 1em 1em 1em 1em;
  padding: 0 1em 0 1em;
}
.center {
  text-align: center;
}
#border {
  display: inline-block;
  border: 9px solid black;
  float: left
}
h1 {
  border:10px solid #D0FA58;
  padding: 0 1em 0 1em;
  background-color: #81F7BE;
}
h2 {
  text-decoration: underline;
}
h4 {
  text-decoration: underline;
}
p {
  padding: 1em;
}
p span {
  font-size: 18px;
  font-family: cursive;
  font-weight: bold;
  border: 10px solid black;
  padding: 0 1em 0 1em;
}
p p span {
  font-weight: bold;
}
#left {
  display: inline-block;
  position: absolute;
  right: 50%;
  padding: 1em;
  border: 9px solid black;
}
#right {
  display: inline-block;
  position: absolute;
  left: 50%;
  padding: 1em;
}
#table{
  border: 5px dotted black;
  border-width: 10px;
  border
}
#clear {
  display: block;
  position: absolute;
  bottom: 10px;
  top: 700px;
}

Update CSS for New Blogs

Update CSS for New Blogs


.autofill-list-item {
  -webkit-box-flex: 1;
  -webkit-padding-start: 8px;
}

.autofill-list-item + img {
  -webkit-padding-end: 20px;
  vertical-align: middle;
}

#autofill-options > div:last-child {
  margin-top: 15px;
}

#autofill-options > div.settings-list > div:last-child {
  border-top: 1px solid #D9D9D9;
  padding: 5px 10px;
}

#autofill-add-address,
#autofill-add-creditcard {
  margin: 2px 0;
}

.autofill-list-item {
  -webkit-box-flex: 1;
  -webkit-padding-start: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.autofill-list-item + img {
  -webkit-padding-end: 20px;
  vertical-align: middle;
}

#autofill-options > div:last-child {
  margin-top: 15px;
}

#autofill-options > div.settings-list > div:last-child {
  border-top: 1px solid #D9D9D9;
  padding: 5px 10px;
}

#autofill-add-address,
#autofill-add-creditcard {
  margin: 2px 0;
}

Options: Add 'overflow: hidden' to autofill items so we don't occlude the close
button.

BUG=71508
TEST=none

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

git-svn-id: http://src.chromium.org/svn/trunk/src@77093 4ff67af0-8c30-449e-8e8b-ad334ec8d88c

Former-commit-id: 3eddf04e60ad621f6dabbaf01804cb70f780aafd


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Adjust location of "Behavior" string in content settings exception table.

The desired horizontal position changed from moving the Add New row to the bottom.

BUG=none
TEST=visual

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

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


@import 'theme.css';
@import 'jupyter.css';

.wy-side-nav-search {
    background-color: #ffffff;
}

.wy-table-responsive table td {
    white-space: normal;
}

.rst-content .align-right {
    width: 300px;
}

.rst-content p.caption {
    font-size: 100%;
    font-weight: unset;
}

.rst-content .section ol li {
    margin-bottom: 0.3em;
}

@import 'theme.css';
@import 'jupyter.min.css';

.wy-side-nav-search {
    background-color: #ffffff;
}

.wy-table-responsive table td {
    white-space: normal;
}

.rst-content .align-right {
    width: 300px;
}

.rst-content p.caption {
    font-size: 100%;
    font-weight: unset;
}

.rst-content .section ol li {
    margin-bottom: 0.3em;
}

Use the new jupyter stylesheet

Use the new jupyter stylesheet


body
{ margin: 0; }
#player, #log-container
{ float: left;
  width: 800px;
  height: 500px; }
#log-container
{ font: 14px monospace;
  color: white;
  background: #333;
  overflow: auto; }
#log
{ list-style-type: none;
  margin: 0;
  padding: 1ex 1em; }
#log li
{ margin: .5ex 0;
  word-wrap: break-word; }
#log li.first
{ margin-top: 1ex; }
#log li span.time
{ font-size: 12px;
  color: #808080;
  margin-right: 1em; }
#log span.seconds
{ color: #999; }
#log span.value
{ color: #ddf; }
#log span.error
{ background: #422;
  color: #e88;
  padding: .2ex 0 .4ex; }

body
{ margin: 0; }
#player, #log-container
{ float: left;
  width: 800px;
  height: 450px; }
#log-container
{ font: 14px monospace;
  color: white;
  background: #333;
  overflow: auto; }
#log
{ list-style-type: none;
  margin: 0;
  padding: 1ex 1em; }
#log li
{ margin: .5ex 0;
  word-wrap: break-word; }
#log li.first
{ margin-top: 1ex; }
#log li span.time
{ font-size: 12px;
  color: #808080;
  margin-right: 1em; }
#log span.seconds
{ color: #999; }
#log span.value
{ color: #ddf; }
#log span.error
{ background: #422;
  color: #e88;
  padding: .2ex 0 .4ex; }

Use exact video size in HTML.

Use exact video size in HTML.


.transportation {
  margin-left: 20px;

  .departures .first-departure {
    font-size: 250%;
  }

  .line-number {
    font-size: 250%;
  }

  .type-bus {
    color: #4097F5;
  }

  .type-tram {
    color: #09992D;
  }

  .type-train {
    color: #E61919;
  }

  .type-metro {
    color: #F78605;
  }
}

.transportation {
  margin-left: 20px;

  .departures .first-departure {
    font-size: 250%;
  }

  .line-number {
    font-size: 250%;
  }

  .type-bus {
    color: #007AC9;
  }

  .type-tram {
    color: #00985F;
  }

  .type-train {
    color: #8C4799;
  }

  .type-metro {
    color: #FF6319;
  }
}

Update to official HSL colors

Update to official HSL colors

https://www.hsl.fi/tyyliopas/varit


.game-table {
  background: #fff;
  position: relative;
  display: block;
  opacity: 0;
}

.game-row {
  display: flex;
}

.game-cell {
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  overflow: hidden;
  flex-shrink: 0;
}

.button {
  width: 20px;
  height: 20px;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  padding: 0;
  overflow: hidden;
  outline: none;
}

.container {
  width: min-content;
  position: relative;
}

.canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.game-table {
  background: #fff;
  position: relative;
  display: block;
  opacity: 0;
}

.game-row {
  display: flex;
}

.game-cell {
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  overflow: hidden;
  flex-shrink: 0;
}

.button {
  width: 20px;
  height: 20px;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  padding: 0;
  overflow: hidden;
  outline: none;
}

.container {
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

.canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

Fix Minefield rendering on FF48

Fix Minefield rendering on FF48


.print-heading {
	text-align: right;
	text-transform: uppercase;
	font-color: #888;
	font-weight: bold;
	padding-bottom: 7px;
	margin-bottom: 15px;
	border-bottom: 3px solid #aaa;
}

.print-format table.table-bordered {
	border-top: 3px solid #aaa;
}

.print-format th {
	background-color: #eee;
}

.print-heading {
	text-align: right;
	text-transform: uppercase;
	font-color: #888;
	font-weight: bold;
	padding-bottom: 7px;
	margin-bottom: 15px;
	border-bottom: 3px solid #aaa;
}

.print-format table.table-bordered {
	border-top: 3px solid #aaa;
}

.print-format th {
	background-color: #eee !important;
}

Fix table header background color in pdf view

wkhtmltopdf removes div/th background color
reference: http://stackoverflow.com/questions/25118343/wkhtmltopdf-div-background-color

	background-color: #eee !important; //will fix the problem in Modern Print Pdf View

Check this url

Table Header border is comming in print priview
https://demo.erpnext.com/api/method/frappe.templates.pages.print.download_pdf?doctype=Sales%20Invoice&name=%5BSelect%5D00024&format=Standard&no_letterhead=0

but Table Header background color is removed in pdf
https://demo.erpnext.com/print?doctype=Sales%20Invoice&name=%5BSelect%5D00024&format=Standard&no_letterhead=0


a.download {
    color: #CCC;
    float: right;
    display: inline;
    margin-top: 8px;
    margin-right: 6px;
}
a.download:visited {
    color: #CCC;
}
a.download:hover {
    color: #EEE;
}
a.date {
    color: #CCC;
}
a.date:visited {
    color: #CCC;
}
a.date.highlighted {
    color: yellow;
}
a.date.highlighted:visited {
    color: yellow;
}
div#map {
    border: 2px solid #CCC;
    min-height: 600px;
    margin-top: 3em;
}
nav.top-bar {
    margin-bottom: 1em;
}
a.date-change {
    height: 30px;
    background-color: #2ba6cb;
    color: white;
    border: 2px solid white;
    padding: 4px;
    width: 220px;
    display: block;
}

// Fix for Google Maps stuff via https://github.com/zurb/foundation/issues/2462
#map *, #map *:before, #map *:after {
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
}
#map img {
    max-width: none;
}
#map label {
    width: auto;
    display: inline;
}

a.download {
    color: #CCC;
    float: right;
    display: inline;
    margin-top: 8px;
    margin-right: 6px;
}
a.download:visited {
    color: #CCC;
}
a.download:hover {
    color: #EEE;
}
a.date {
    color: #CCC;
    white-space: nowrap;
}
a.date:visited {
    color: #CCC;
}
a.date.highlighted {
    color: yellow;
}
a.date.highlighted:visited {
    color: yellow;
}
div#map {
    border: 2px solid #CCC;
    min-height: 600px;
    margin-top: 3em;
}
nav.top-bar {
    margin-bottom: 1em;
}
a.date-change {
    height: 30px;
    background-color: #2ba6cb;
    color: white;
    border: 2px solid white;
    padding: 4px;
    width: 220px;
    display: block;
}

// Fix for Google Maps stuff via https://github.com/zurb/foundation/issues/2462
#map *, #map *:before, #map *:after {
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
}
#map img {
    max-width: none;
}
#map label {
    width: auto;
    display: inline;
}

Fix wrapping issue on Chrome.

Fix wrapping issue on Chrome.


@import "variables.css";

.container {
  background: var(--color-concrete);
  padding: 1rem 0 1rem 0;
  border-radius: 10px;
  overflow: hidden;
}

.title {
  font-weight: 400;
}

.no-content {
  color: var(--color-very-light-gray);
  margin: 0;
  padding: 0.67rem 2rem;
}

@import "variables.css";

.container {
  background: var(--color-concrete);
  padding: 1rem 0 1rem 0;
  border-radius: var(--border-radius);
  overflow: hidden;
}

.title {
  font-weight: 400;
}

.no-content {
  color: var(--color-very-light-gray);
  margin: 0;
  padding: 0.67rem 2rem;
}

Fix border radius on ParameterListGroup for consistency


.katex-error { color: #cc0000; border: #cc0000 thin solid; }

/*
a:hover .katex .base, a:focus .katex .base { text-decoration: underline; }
*/
a:hover .katex-html, a:focus .katex-html { border-bottom: solid .07em; margin-bottom: -.07em; }

.katex-error { color: #cc0000; border: #cc0000 thin solid; }

/*
a:hover .katex .base, a:focus .katex .base { text-decoration: underline; }
*/
.message a:hover .katex-html, a:focus .katex-html { border-bottom: solid .07em; margin-bottom: -.07em; }

Remove underline from math hover in table of contents