@charset "UTF-8";.jsonview{font-family:monospace;font-size:1.1em;white-space:pre-wrap}.jsonview .prop{font-weight:700}.jsonview .null{color:red}.jsonview .bool,.jsonview .num{color:#00f}.jsonview .string{color:green;white-space:pre-wrap}.jsonview .string.multiline{display:inline-block;vertical-align:text-top}.jsonview .collapser{position:absolute;left:-1em;cursor:pointer}.jsonview .collapsible{transition:height 1.2s;transition:width 1.2s}.jsonview .collapsible.collapsed{height:.8em;width:1em;display:inline-block;overflow:hidden;margin:0}.jsonview .collapsible.collapsed:before{content:"…";width:1em;margin-left:.2em}.jsonview .collapser.collapsed{transform:rotate(0)}.jsonview .q{display:inline-block;width:0;color:transparent}.jsonview li{position:relative}.jsonview ul{list-style:none;margin:0 0 0 2em;padding:0}.jsonview h1{font-size:1.2em}

form .jsonview ul {
  margin: 0 0 0 2em;
  padding: 0;
}
.parsed {
  display: none;
}
div.parsed {
  height: 25em;
}

@charset "UTF-8";.jsonview{font-family:monospace;font-size:1.1em;white-space:pre-wrap}.jsonview .prop{font-weight:700}.jsonview .null{color:red}.jsonview .bool,.jsonview .num{color:#00f}.jsonview .string{color:green;white-space:pre-wrap}.jsonview .string.multiline{display:inline-block;vertical-align:text-top}.jsonview .collapser{position:absolute;left:-1em;cursor:pointer}.jsonview .collapsible{transition:height 1.2s;transition:width 1.2s}.jsonview .collapsible.collapsed{height:.8em;width:1em;display:inline-block;overflow:hidden;margin:0}.jsonview .collapsible.collapsed:before{content:"…";width:1em;margin-left:.2em}.jsonview .collapser.collapsed{transform:rotate(0)}.jsonview .q{display:inline-block;width:0;color:transparent}.jsonview li{position:relative}.jsonview ul{list-style:none;margin:0 0 0 2em;padding:0}.jsonview h1{font-size:1.2em}

form .jsonview ul {
  margin: 0 0 0 2em;
  padding: 0;
}
.parsed {
  display: none;
}
div.parsed {
  max-height: 25em;
}

Change parsed CSS height to max-height

Change parsed CSS height to max-height


.container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    height: 200px;
}

.header {
    font-size: 1.5em;
    text-align: center;
}

.content {
    font-size: 1.1em;
    text-align: center;
}

.btnBar {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}

.btn {
    font-size: 1.5em;
    border: none;
    width: 60px;
    cursor: pointer;

    &:hover {
        color: rgb(62, 185, 149);
    }
}

.btnDanger {
    color: rgb(255, 74, 85);
}

.container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    height: 200px;
}

.header {
    font-size: 1.5em;
    text-align: center;
}

.content {
    font-size: 1.1em;
    text-align: center;
}

.btnBar {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}

.btn {
    font-size: 1.5em;
    border: 1px solid #e5e5e5;
    padding: 10px 20px;
    border-radius: 15px;
    width: 80px;
    cursor: pointer;

    &:hover {
        color: rgb(62, 185, 149);
        background: #f2f2f2;
    }
}

.btnDanger {
    color: rgb(255, 74, 85);
}

Put a little border around blacklist confirm buttons


body
{
  background-color: #222;
}

.section-heading
{
  border: 3px solid rgb(33, 128, 249);
  padding: -5px;
  color: white;
}

.cal-hour, .cal-event, .cal-label
{
  font-size: 1em;
}

.cal-day
{
  font-size: 1.2em;
}

.cal-day, .cal-hour
{
  color: rgb(33, 128, 249);
}

.cal-label
{
  color: rgb(171,35,37);
}

.weekday
{
  color: white;
}

.cal-event
{
  background-color: gray;
  color: white;
}

.cal-event:hover{
background-color: #ed7950;
}

.cal-subject
{
  font-weight: bold;
}

.cal-space
{
  text-align: right;
}

.col-md-3 > a
{
  text-decoration: none;
}

body
{
  background-color: #222;
}

.section-heading
{
  border: 5px solid rgb(33, 128, 249);
  color: white;
  letter-spacing: 10px;
  padding-bottom: 10px;
}

.cal-hour, .cal-event, .cal-label
{
  font-size: 1em;
}

.cal-day, .cal-hour
{
  color: rgb(33, 128, 249);
}

.cal-day
{
  font-size: 1.2em;
}

.cal-label
{
  color: rgb(171,35,37);
}

.cal-event
{
  background-color: rgb(54, 54, 54);
  color: white;
  padding: 5px 10px 5px 10px;
}

.cal-event:hover
{
  background-color: #ed7950;
}

.cal-subject
{
  font-weight: bold;
}

.cal-space
{
  text-align: right;
}

.weekday
{
  color: white;
}

.col-md-3 > a
{
  text-decoration: none;
}

Change event styling Change heading padding


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

.hidden {
    display: none;
}

#message-header {
    display: none;
}

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

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

form :focus:invalid {
  outline: none;
}

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

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

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

.hidden {
    display: none;
}

#message-header {
    display: none;
}

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

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

form :focus:invalid {
  outline: none;
}

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

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

Fix errors in CSS background color of submit header bar


h1 {
	text-align: center
}
ul.articles li:not(:last-child) {
	border-bottom: 1px solid #ccc
}
ul.articles li {
	list-style: none;
}

h1 {
	text-align: center
}
ul.articles li {
	list-style: none;
	padding: 15px 0;
}
ul.articles li:first-child {
	padding-top: 0;
}
ul.articles li:last-child {
	padding-bottom: 0;
}
ul.articles li:not(:last-child) {
	border-bottom: 1px solid #ccc
}

Add padding between entries in list view


/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require_tree .
 *= require "forem/twist/style"
*/

.flash_notice {
  background: #50AE00;
  color: #efefef;
}

.flash_alert {
  background: #AE0F00;
  color: #efefef;
}

.flash {
  padding: .3em;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 1em;
  -webkit-border-radius: .2em;
}

/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require_tree .
 *= require "forem/twist/style"
*/

.flash_notice {
  background: #50AE00;
  color: #efefef;
}

.flash_alert, .flash_error {
  background: #AE0F00;
  color: #efefef;
}

.flash {
  padding: .3em;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 1em;
  -webkit-border-radius: .2em;
}

Add flash_error support in stylesheet

Add flash_error support in stylesheet


@font-face
{
    font-family: Karmatic Arcade;
    src: url(../fonts/ka1.ttf);
}

body {
    background-color: #fff;
    color: #000;

    /* Allow mouse dragging. */
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;

    /* disable touch panning/zooming */
    -ms-touch-action: none;
    touch-action: none;

    /* Allow canvas to hit the edges of the browser viewport. */
    margin: 0;
}

.thumb {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
}

#welcomeScreen {
    font-family: Karmatic Arcade;
}

#screen canvas {
    margin: auto;

    /* Hide the gap for font descenders. */
    display: block;

    /* disable scaling interpolation */
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

#screen input {
    color: #FFF;
    font-family: Karmatic Arcade;
    position: absolute;
    left: 44%;
    top: 80%;
    z-index: 30;
}

@font-face
{
    font-family: Karmatic Arcade;
    src: url(../fonts/ka1.ttf);
}

body {
    background-color: #000;
    color: #fff;

    /* Allow mouse dragging. */
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;

    /* disable touch panning/zooming */
    -ms-touch-action: none;
    touch-action: none;

    /* Allow canvas to hit the edges of the browser viewport. */
    margin: 0;
}

.thumb {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
}

#welcomeScreen {
    font-family: Karmatic Arcade;
}

#screen canvas {
    margin: auto;

    /* Hide the gap for font descenders. */
    display: block;

    /* disable scaling interpolation */
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

#screen input {
    color: #FFF;
    font-family: Karmatic Arcade;
    position: absolute;
    left: 44%;
    top: 80%;
    z-index: 30;
}

Fix css on main page. Black background.

Fix css on main page. Black background.


/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}

/* Make lists in jumbotron the same font size as the rest of the text */
.jumbotron li {
  font-size: 21px;
  font-weight: 200;
}

Add styling to fix header navbar covering content

Copied from a Bootstrap example:
http://getbootstrap.com/examples/jumbotron/


@import "codemirror/lib/codemirror.css";
@import "codemirror/theme/seti.css";
@import "./menu.css";
body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.CodeMirror {
  width: 100%;
  height: 100%;
}
textarea#text {
  background-color: #151718;
  width: 100%;
  height: 100%;
  border: none;
}

@import "codemirror/lib/codemirror.css";
@import "codemirror/theme/seti.css";

/* CodeParrot: A P2P synchronized code editor
 *
 * Copyright 2015 Corvus Club
 *
 * 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.
 */

@import "./menu.css";

body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

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

textarea#text {
  background-color: #151718;
  width: 100%;
  height: 100%;
  border: none;
}

Add the license header to our CSS, too

Add the license header to our CSS, too


html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 35px;
}
#logo {
	text-align: center;
}
@media (min-width: 500px) and (max-width: 992px) {
	.navbar, #logo {
		display: inline-flex;
	}
}
@media (min-width: 992px) {
 	.top-padding {
		min-height: 128px;
 	}
 	.navbar-nav .nav-item+.nav-item {
		margin-left: 0rem;
	}
	.navbar-nav .nav-item {
		float: none;
	}
}
.footer {
 	position: absolute;
 	bottom: 1px;
 	width: 100%;
 	height: 35px;
 	line-height: 35px;
 	text-align: center;
}

html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 35px;
}
#logo {
	text-align: center;
}
@media (max-width: 500px) {
	.navbar {
		text-align: center;
	}
	.navbar-nav {
		display: inline-block;
	}
}
@media (min-width: 500px) and (max-width: 992px) {
	.navbar, #logo {
		display: inline-flex;
	}
}
@media (min-width: 992px) {
 	.top-padding {
		min-height: 128px;
 	}
 	.navbar-nav .nav-item+.nav-item {
		margin-left: 0rem;
	}
	.navbar-nav .nav-item {
		float: none;
	}
}
.footer {
 	position: absolute;
 	bottom: 1px;
 	width: 100%;
 	height: 35px;
 	line-height: 35px;
 	text-align: center;
}

Fix logo and nav positioning on small screens


*
{
	padding: 0px;
	margin: 0px;
}

html, body
{
	background: #dddddd;

	height: 100%;
	width: 100%;
	font-family: monaco, Consolas, Lucida Console, monospace;
	font-size: medium;
}

a
{
	text-decoration: none;
	text-transform: lowercase;
	color: #4D4D4D;
	font-weight: bold;
}

a:hover
{
	color: #FFFFFF;
	font-weight: bold;
}

h3
{
	padding-top: 1%;
}

p
{
	max-width: 50em;
	word-wrap: break-word;
	line-height: 1.5em;
}

p + p
{
	margin-top: 2em;
}

/* header css */
#header
{
	padding: 1%;
	text-transform: lowercase;
}

#header #menu
{
	width: 10%;
}

#header #menu a
{
	display: table;
	text-align: left;
	white-space: nowrap;
}

/* content css */
#content
{
	padding: 1%;
}

*
{
	padding: 0px;
	margin: 0px;
}

html, body
{
	background: #dddddd;

	height: 100%;
	width: 100%;
	font-family: monaco, Consolas, Lucida Console, monospace;
	font-size: medium;
}

a
{
	text-decoration: none;
	text-transform: lowercase;
	color: #4D4D4D;
	font-weight: bold;
}

a:hover
{
	color: #FFFFFF;
	font-weight: bold;
}

h3
{
	padding-top: 1%;
}

p
{
	max-width: 50em;
	word-wrap: break-word;
	line-height: 1.5em;
}

p + p
{
	margin-top: 1em;
}

P + h3
{
	margin-top: 2em;
}

/* header css */
#header
{
	padding: 1%;
	text-transform: lowercase;
}

#header #menu
{
	width: 10%;
}

#header #menu a
{
	display: table;
	text-align: left;
	white-space: nowrap;
}

/* content css */
#content
{
	padding: 1%;
}

Change previous paragraph division to paragraph and header


* { margin: 0; padding: 0 }

body {
  font-family: Verdana, Helvetica, Arial;
  font-size: 14px;
  margin: 0;
}

form#search {
  padding: 8px;
  background: #eee;
  border: solid 1px #ccc;
}

form#search input#q {
  width: 70%;
}

form#search input#search {
  width: 20%;
  float: right;
}

#index {
  width: 400px;
  padding: 10px;
}

ul#notes li {
  padding-top: 4px;
  padding-bottom: 4px;
}

ul#notes {
  list-style: none;
}

div.abstract {
  color: #aaa;
  font-size: 10px;
}

.hidden {
  display: none;
}

#loader {
  background-image: url('/images/loader.gif');
  width: 64px;
  height: 64px;
  margin: 100px auto;
}

* { margin: 0; padding: 0 }

body {
  font-family: Verdana, Helvetica, Arial;
  font-size: 14px;
  margin: 0;
  height: 500px;
}

form#search {
  padding: 8px;
  background: #eee;
  border: solid 1px #ccc;
}

form#search input#q {
  width: 70%;
}

form#search input#search {
  width: 20%;
  float: right;
}

#index {
  width: 400px;
  padding: 10px;
}

ul#notes li {
  padding-top: 4px;
  padding-bottom: 4px;
}

ul#notes {
  list-style: none;
}

div.abstract {
  color: #aaa;
  font-size: 10px;
}

.hidden {
  display: none;
}

#loader {
  background-image: url('/images/loader.gif');
  width: 64px;
  height: 64px;
  margin: 100px auto;
}

Add minimum height to avoid flickering scroll bar


body, html {
    overflow: hidden;
}

#simulator-tab-view {
    display: none;
}

#editor-tab-view {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#asm-editor {
    padding: 5px;
    width: 100%;
    height: 88vh;
    font-family: Courier New, Courier, monospace;
}

.section {
    padding: 0rem 1.5rem;
}

#mc-column {
    width: 20%;
}

#oc-column {
    width: 80%;
}

#program-listing {
    height: 80vh;
}

#program-listing-body {
    overflow: auto;
}

body, html {
    overflow: hidden;
}

#simulator-tab-view {
    display: none;
}

#editor-tab-view {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#asm-editor {
    padding: 5px;
    width: 100%;
    height: 88vh;
    font-family: Courier New, Courier, monospace;
}

.section {
    padding: 0rem 1.5rem;
}

#mc-column {
    width: 20%;
}

#oc-column {
    width: 80%;
}

#program-listing {
    height: 80vh;
    font-family: Courier New, Courier, monospace;
}

#program-listing-body {
    overflow: auto;
}

Change to use monospace font for program listing


div#gallery_list {
  margin: 90pt 20pt;
}
div#gallery_list.leftcontent {
  padding-top: 15px;
  margin: 0;
  text-align: center;
}

div#gallery_album_box {
  width: 200px;
  text-align: center;
  border: 0;
  display: inline-block;
  margin: 5pt;
}
.leftcontent div#gallery_album_box {
  margin: 5px;
}

div#gallery_album_box h1 {
  font-size: 12pt;
  font-family: Arial;
}

div#gallery_album_cover {
  width: 199px;
  height: 199px;
  border: solid 1px black;
}

#gallery_images {
padding:10px 5px;
}

div#gallery_list {
  margin: 90pt 20pt;
}
div#gallery_list.leftcontent {
  padding-top: 15px;
  margin: 0;
  text-align: center;
}

div#gallery_album_box {
  width: 200px;
  text-align: center;
  border: 0;
  display: inline-block;
  margin: 5pt;
  vertical-align: top;
}
.leftcontent div#gallery_album_box {
  margin: 5px;
}

div#gallery_album_box h1 {
  font-size: 12pt;
  font-family: Arial;
}

div#gallery_album_cover {
  width: 199px;
  height: 199px;
  border: solid 1px black;
}

#gallery_images {
padding:10px 5px;
}

Fix alignment of album thumbnails

Gallary: Fix alignment of album thumbnails


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Remove top and bottom padding from tab class


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: var(--overlay-default);
}

.menu {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  overflow-y: scroll;
  width: 100%;
  max-width: 20rem;
  background-color: var(--color-white);
}

.closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--size-regular);
  color: var(--color-greyDarker);
}

.closeIcon {
  line-height: 0;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: var(--overlay-default);
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  overflow-y: scroll;
  width: 100%;
  max-width: 20rem;
  background-color: var(--color-white);
}

.closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--size-regular);
  color: var(--color-greyDarker);
}

.closeIcon {
  line-height: 0;
}

Make sidenav the height of page

Make sidenav the height of page


@import 'colors.css';

html, body {
  font-family: 'Source Sans Pro';
  margin: 0;
  padding: 0;
}

@import 'intro/main.css';
@import 'blog/main.css';

@import 'colors.css';

html, body {
  background: var(--intro-background);
  font-family: 'Source Sans Pro';
  margin: 0;
  padding: 0;
}

@import 'intro/main.css';
@import 'blog/main.css';

Use the intro background color for html, body too


body {
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  background: #696969;
}

.brand img {
  float: left;
}

.brand .redalert {
  margin-top: 15px;
  float:left;
}

.server {
  width: 100%;
  float: left;
  background: #19BC9D;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer; cursor: hand;
}

.server:nth-child(2n+1) {
  background: #2ECB70;
}

.server.redalert {
  background: #b80000;
}

.server.redalert:nth-child(2n+1) {
  background: #f80000;
}

.server .status-check-name {
  font-size: 0.75em;
  position: absolute;
  left: 10px;
  margin-bottom: 35px;
  margin-top: 5px;
}

.server .metric .name{
  font-size: 0.45em;
}

.server .metric .data{}

.server .metric .unit{
  font-size: 0.3em;
}

body {
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  background: #696969;
}

.brand img {
  float: left;
}

.brand .redalert {
  margin-top: 15px;
  float:left;
}

.server {
  width: 100%;
  float: left;
  background: #19BC9D;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer; cursor: hand;
}

.server:nth-child(2n+1) {
  background: #2ECB70;
}

.server.redalert {
  background: #b80000;
}

.server.redalert:nth-child(2n+1) {
  background: #f80000;
}

.server .status-check-name {
  font-size: 0.75em;
  position: absolute;
  left: 10px;
  margin-bottom: 35px;
  margin-top: 5px;
}

.server .status-metrics {
  min-height: 51px;
}

.server .metric .name{
  font-size: 0.45em;
}

.server .metric .data{}

.server .metric .unit{
  font-size: 0.3em;
}

Fix display bug when no events

Fix display bug when no events


/**
 * Tomorrow Night theme
 *
 * @author Chris Kempson
 * @author skim
 * @version 1.0.0
 */

pre {
    background-color: #1d1f21;
    word-wrap: break-word;
    margin: 0px;
    padding: 0 10px;
    color: #c5c8c6;
    margin-bottom: 20px;
}

pre, code {
    font-family: 'Monaco', courier, monospace;
}

pre .comment {
    color: #969896;
}

pre .variable.global, pre .variable.class, pre .variable.instance {
    color: #cc6666; /* red */
}

pre .constant.numeric, pre .constant.language, pre .constant.hex-color, pre .keyword.unit {
    color: #de935f; /* orange */
}

pre .constant, pre .entity, pre .entity.class, pre .support {
    color: #f0c674; /* yellow */
}

pre .constant.symbol, pre .string {
    color: #b5bd68; /* green */
}

pre .entity.function, pre .support.css-property, pre .selector {
    color: #81a2be; /* blue */
}

pre .keyword, pre .storage {
    color: #b294bb; /* purple */
}

/**
 * Tomorrow Night theme
 *
 * @author Chris Kempson
 * @author skim
 * @version 1.0.0
 */

pre {
    background-color: #1d1f21;
    word-wrap: break-word;
    margin: 0px;
    padding: 0 10px;
    color: #c5c8c6;
    font-size: 14px;
    margin-bottom: 20px;
}

pre, code {
    font-family: 'Monaco', courier, monospace;
}

pre .comment {
    color: #969896;
}

pre .variable.global, pre .variable.class, pre .variable.instance {
    color: #cc6666; /* red */
}

pre .constant.numeric, pre .constant.language, pre .constant.hex-color, pre .keyword.unit {
    color: #de935f; /* orange */
}

pre .constant, pre .entity, pre .entity.class, pre .support {
    color: #f0c674; /* yellow */
}

pre .constant.symbol, pre .string {
    color: #b5bd68; /* green */
}

pre .entity.function, pre .support.css-property, pre .selector {
    color: #81a2be; /* blue */
}

pre .keyword, pre .storage {
    color: #b294bb; /* purple */
}

Add font size for consistency with other themes


.rae-fassung-resizable {
  resize: vertical;
  overflow-y: hidden;
  border-bottom-color: silver;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.rae-fassung-nonresizable {

}

div.itemFullText md-card md-card-footer button {
  width: 100%;
  text-align: left;
}

#rae-toolbar {
  text-align: right;
}

.rae-fassung-resizable {
}

.rae-fassung-nonresizable {
  height: 280px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

div.itemFullText md-card md-card-footer button {
  width: 100%;
  text-align: left;
}

#rae-toolbar {
  text-align: right;
}

Reimplement "fixe" and "angepasste Höhe" according to the wishes of the customer


.Division_Title { display:block }
.Division_Label { display:inline-block;margin-right:8px}
.Division_Section { display:block; margin-top:8px; }
.Division_Barcode { margin-top:8px; float:right }

.Division_Title { display:block }
.Division_Label { display:inline-block;margin-right:8px}
.Division_Section { display:block; margin-top:8px; }
.Division_Barcode { margin-top:8px;margin-bottom:4px;float:right;border:5px solid #EEE }

Add bottom margin and gray border to barcode


#toolbar-menubar:not(:-moz-lwtheme) {
  -moz-appearance: menubar !important;
}

#TabsToolbar[tabsontop=true]:not(:-moz-lwtheme) {
  -moz-appearance: menubar;
  color: -moz-menubartext;
}

/* Private browsing indicator */

#main-window[privatebrowsingmode=temporary] #TabsToolbar::before {
  display: -moz-box;
  content: "";
  background: url("chrome://browser/skin/Privacy-48.png") center no-repeat;
  width: 40px;
}

Add private browsing indicator on Linux

Add private browsing indicator on Linux


.my-requested-data-container {
  margin-bottom: 50px;
}

.my-requested-data-container__content {
  border: 1px solid #dddddd;
  border-radius: 3px;
}

.my-requested-data-container__content-item {
  border-bottom: 1px solid #dddddd;
  padding: 18px;
  position: relative;
}

.my-requested-data-container__message {
  margin-top: 30px;
  width: 80%;
  color: #5f5f5f;
}

.my-requested-data-container__actions {
  float: right;
  position: absolute;
  top: 18px;
  right: 18px;
}

.my-requested-data-container__actions button {
  width: 70px;
}

.my-requested-data-container__actions--reject {
  margin-top: 15px;
}

.my-requested-data-container__date {
  color: #9d9c9c;
  margin-top: 30px;
  margin-bottom: 0px;
  font-size: 12px;
}

Add styles for 'My Requested Data' page

Add styles for 'My Requested Data' page


body {
    padding-top: 2em; /* prevent navbar overlap */
    font-size: 1em;
}
html {
    font-size: 1em;
}
.help-block {
    color: #333;
}
.panel {
    margin: 1em;
}
.panel-heading {
    margin-top: 0px !important;
}
@media (min-width: 33em) {
    #registration-form {
        width: 62%;
        margin: auto;
    }
}

#content {
    padding-top: 3em; /* prevent navbar overlap */
}
html {
    font-size: 1em;
}
.help-block {
    color: #333;
}
.panel {
    margin: 1em;
}
.panel-heading {
    margin-top: 0px !important;
}
@media (min-width: 33em) {
    #registration-form {
        width: 62%;
        margin: auto;
    }
}

Increase content padding top to 3em

Increase content padding top to 3em


/* These rules hide some Readium controls.
    - aboutButt1 hides a button displaying Readium which brings up an About box.
    - #btn-expand-audio hides a button with various audio controls. We might want the volume control...then need to think about saving the setting...and hiding less useful controls
    - .icon-shareUrl hides a button used for sharing the URL. Since it's a local, temporary URL and useless to anyone else this we will never want.
    - Not hiding this anymore: #settbutt1 hides a setting button. The font size setting might be useful, but for some reason it doesn't work in Bloom books. Many other things to hide inside the panel.
    */
#aboutButt1,
#btn-expand-audio,
.icon-shareUrl {
    display: none;
}

/* These rules hide some Readium controls.
    - aboutButt1 hides a button displaying Readium which brings up an About box.
    - #btn-expand-audio hides a button with various audio controls. We might want the volume control...then need to think about saving the setting...and hiding less useful controls
    - .icon-shareUrl hides a button used for sharing the URL. Since it's a local, temporary URL and useless to anyone else this we will never want.
    See https://issues.bloomlibrary.org/youtrack/issue/BL-7310 for the next two items.
    - #settbutt1 hides a setting button. The font size setting might be useful, but for some reason it doesn't work in Bloom books. Many other things to hide inside the panel.
    - #tocButt hides a "Table of Contents" button.  The Table of Contents display isn't that useful in the preview for Bloom ePUBs.
    */
#aboutButt1,
#settbutt1,
#tocButt,
#btn-expand-audio,
.icon-shareUrl {
    display: none;
}

Simplify Readium preview of ePUBs (BL-7310)


#CookielawBanner {
    background: #F2F2F2;
    padding: 15px 0;
}

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

#CookielawBanner #CookielawCross {
    background: url('../img/close.png') no-repeat 0 0;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
}

#CookielawBanner p {
    color: #767676;
}

#CookielawBanner h6 {
    color: #E9028C;
    font-size: 125%;
    margin: 0 0 15px;
}

#CookielawBanner {
    background: #fff;
    padding: 15px 0;
}

#CookielawBanner .container {
    position: relative;
}

#CookielawBanner #CookielawCross {
    background: url('../img/close.png') no-repeat 0 0;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
}

Simplify css, making it highly TB compliant


/**
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications. Removes the default spacing and border for
 * appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
  margin: 0;
}

button {
  background: transparent;
  border: 0;
  padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

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

iframe {
  border: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */

[tabindex="-1"]:focus {
  outline: none !important;
}

/**
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Prevent margin and border from affecting element width.
 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
  margin: 0;
}

button {
  background: transparent;
  border: 0;
  padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

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

iframe {
  border: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */

[tabindex="-1"]:focus {
  outline: none !important;
}

Reset `box-sizing` to use `border-box`

Reset `box-sizing` to use `border-box`

More info:
https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/

Fixes #20


* {
    box-sizing: border-box;
    margin: 0;
}
body {
    padding: 10px;
}
fieldset {
    border: 1px solid;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    width: 100%;
}
form > fieldset > *:nth-child(even) {
    margin-top: 20px;
}
fieldset fieldset {
    border-color: #DDDDDD;
}
fieldset fieldset label,
fieldset fieldset .box-wrapper {
    margin-top: 10px;
}
input[type=text],
input[type=number] {
    width: 100%;
}
textarea {
    height: 150px;
    padding: 3px;
    width: 100%;
}
.box-wrapper {
    line-height: 30px;
    margin-top: 5px;
}
.box-wrapper > label {
    display: block;
    margin: -30px 0 0 25px;
}
.controls {
    text-align: center;
}

* {
    box-sizing: border-box;
    margin: 0;
}
body {
    min-width: 400px;
    padding: 10px;
}
fieldset {
    border: 1px solid;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    width: 100%;
}
form > fieldset > *:nth-child(even) {
    margin-top: 20px;
}
fieldset fieldset {
    border-color: #DDDDDD;
}
fieldset fieldset label,
fieldset fieldset .box-wrapper {
    margin-top: 10px;
}
input[type=text],
input[type=number] {
    width: 100%;
}
textarea {
    height: 150px;
    padding: 3px;
    width: 100%;
}
.box-wrapper {
    line-height: 30px;
    margin-top: 5px;
}
.box-wrapper > label {
    display: block;
    margin: -30px 0 0 25px;
}
.controls {
    text-align: center;
}

Fix min-width to give browser action popup a usable width


.pagination li.current, .pagination li.gap {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #DDD;
  border-left-width: 0;
}
.pagination li.current {
  background: #eee;
}
.pagination li:first-child, .pagination li:first-child a {
  border-left-width: 1px;
}

.pagination li.current, .pagination li.gap {
  float: left;
  padding: 0 12px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #DDD;
  border-left-width: 0;
}
.pagination li.current {
  background: #eee;
}
.pagination li a {
  padding: 0 12px;
}
.pagination li:first-child, .pagination li:first-child a {
  border-left-width: 1px;

}

Reduce pagination size so that it doesn't wrap

Courtesy of @workwithgreat


/* paragoo material */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com, Michiel Scholten
 */

.icon-block {
    padding: 0 15px;
}
.icon-block .material-icons {
    font-size: inherit;
}

h1
{
    font-size: 3.5em;
}

h2
{
    font-size: 2.5rem;
}

h3
{
    font-size: 2rem;
}

a
{
    color: LINK_TEXT;
}

.bold > a
{
    font-weight: bold;
}

pre
{
    padding: .5em 1em;
}

pre, code
{
    background-color: BLOCK_COLOUR;
    color: BLOCK_TEXT;
}

.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active
{
    background-color: BLOCK_COLOUR;
}

.side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a
{
    color: BLOCK_TEXT;
}

@media (min-width: 601px)
{
    header.bigmenu, main.bigmenu, footer.bigmenu
    {
        padding-left: 100px;
    }
}

/* paragoo material */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com, Michiel Scholten
 */

.icon-block {
    padding: 0 15px;
}
.icon-block .material-icons {
    font-size: inherit;
}

h1
{
    font-size: 3.5em;
}

h2
{
    font-size: 2.5rem;
}

h3
{
    font-size: 2rem;
}

a
{
    color: LINK_TEXT;
}

.bold > a
{
    font-weight: bold;
}

pre
{
    padding: .5em 1em;
}

pre, code
{
    background-color: BLOCK_COLOUR;
    color: BLOCK_TEXT;
}

i.material-icons
{
    vertical-align: middle;
}

.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active
{
    background-color: BLOCK_COLOUR;
}

.side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a
{
    color: BLOCK_TEXT;
}

@media (min-width: 601px)
{
    header.bigmenu, main.bigmenu, footer.bigmenu
    {
        padding-left: 100px;
    }
}

Align material icons with the text

Align material icons with the text


html, body, .full-page {
  height: 100%;
  width: 100%;
}

.content-container {
  position: absolute;
  margin: 0 12px;
  height: 100%;
  width: 100%;
}

/* belongs in clarity css */
.spinner-spacer {
  margin-right: 0.5em;
}

/* belongs in splash page css */
.splash-page {
  background-image: url('/public/images/guitar5-bw.jpg');
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 -12px; /* to counteract the general margin for content-container */
  height: 100%;
  width: 100%;
}

.splash-blurb {
  border-radius: 12px;
  background-color: white;
  opacity: 0.85;
  margin-left: 24px;
  margin-top: 24px;
  padding: 18px;
  width: 45%;
}

.boxcharter-splash {
  margin-right: 12px;
}

/* end: splash-page css */

html, body, .full-page {
  height: 100%;
  width: 100%;
}

.content-container {
  position: absolute;
  margin: 0 12px;
  height: 100%;
  width: 100%;
}

/* belongs in clarity css */
.spinner-spacer {
  margin-right: 0.5em;
}

/* belongs in splash page css */
.splash-page {
  background-image: url('/public/images/guitar5.jpg');
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 -12px; /* to counteract the general margin for content-container */
  height: 100%;
  width: 100%;
}

.splash-blurb {
  border-radius: 12px;
  background-color: white;
  opacity: 0.85;
  margin-left: 24px;
  margin-top: 24px;
  padding: 18px;
  width: 45%;
}

.boxcharter-splash {
  margin-right: 12px;
}

/* end: splash-page css */

Use color instead of b/w for splash

Use color instead of b/w for splash


@media (min-width:700px) {
    .mdl-card {
        min-width:100%;
        margin-left:2em;
        margin-right:2em;
        padding:2em;
    }
}
.ressection {
    margin-top:3vh;
}

li {
    list-style:none;
}

Set list style to none

Set list style to none


/* See license.txt for terms of usage */

/******************************************************************************/
/* Style Editor */

.theme-firebug #style-editor-options {
  display: none;
}

.theme-firebug .splitview-side-details > #panelToolbarBox {
  display: -moz-box;
  -moz-box-flex: 0;
  height: 27px !important;
}

.theme-firebug .panelSplitterBox {
  -moz-box-flex: 0;
}

.theme-firebug .stylesheet-details-container .devtools-side-splitter {
  display: none;
}

/* xxxHonza: if the flex is set to 1 the height of the toolbar
in the Style Editor panel is 26px and not 27px why? FIX ME */
.theme-firebug #panelToolbar {
  -moz-box-flex: 0;
}

Fix height of the Style Editor toolbar (workaround fix me)


@font-face { font-family: "WebRupee"; font-style: normal; font-weight: normal; src: local("WebRupee"), url("http://cdn.webrupee.com/WebRupee.V2.0.ttf") format("truetype"), url("http://cdn.webrupee.com/WebRupee.V2.0.woff") format("woff"), url("http://cdn.webrupee.com/WebRupee.V2.0.svg") format("svg"); } .WebRupee { font-family: 'WebRupee'; }

@font-face { font-family: "WebRupee"; font-style: normal; font-weight: normal; src: local("WebRupee"), url("https://cdnjs.cloudflare.com/ajax/libs/WebRupee/2.0/WebRupee.V2.0.ttf") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/WebRupee/2.0/WebRupee.V2.0.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/WebRupee/2.0/WebRupee.V2.0.svg") format("svg"); } .WebRupee { font-family: 'WebRupee'; }

Fix broken webrupee css paths

Fix broken webrupee css paths


header {
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #000080;
    color: #ffff00;
    border-radius: 10px;
    text-align: center;
    /* height:30px; */
}

footer {
    padding: 20px 0;
    text-align:center;
}

input[type='text'], input[type='password'] {
    border-width: 0 0 2px 0;
    border-color: #000080;
    border-style: dotted;
}

th {
    font-weight: bold;
    text-align: left;
}

td {
    margin-right: 20px;
}

header {
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #000080;
    color: #ffff00;
    border-radius: 10px;
    text-align: center;
    /* height:30px; */
}

footer {
    padding: 20px 0;
    text-align:center;
}

input[type='text'], input[type='password'] {
    border-width: 0 0 2px 0;
    border-color: #000080;
    border-style: dotted;
}

th {
    font-weight: bold;
    text-align: left;
}

th, td {
    padding-right: 20px;
}

Change margin to padding in th, td.

Change margin to padding in th, td.


ul.errorlist {
	margin: 0;
	list-style: none;
}

header, footer {
	background-color: #CCEEFF;
}

#wrapper {
	min-height: 100%;
	position: relative;
	padding-bottom: 125px;
}

#site_content {
	background-color: #FFFFFF;
}

header li {
	background-color: #1CC7FF;
	border-bottom-left-radius:  10px;
	border-bottom-right-radius: 10px;
}

header li a {
	color: #FFFFFF;
	padding: 0.2em 0.9em 0.5em;
}

header li a:hover {
	color: #CCEEFF;
}

footer {
	width: 100%;
	position: absolute;
	bottom: 0px;
	font-size: 0.8em;
	padding: 1.5em 1em;
	text-align: center;
}

a.popup {
	padding-left: 16px;
	background: transparent url('/static/img/icon_popup.gif') no-repeat center left;
}

ul.errorlist {
	margin: 0;
	list-style: none;
}

header, footer {
	background-color: #CCEEFF;
}

#wrapper {
	min-height: 100%;
	position: relative;
	padding-bottom: 125px;
}

#site_content {
	background-color: #FFFFFF;
}

header li {
	background-color: #1CC7FF;
	border-bottom-left-radius:  10px;
	border-bottom-right-radius: 10px;
}

header li a {
	color: #FFFFFF;
	padding: 0.2em 0.9em 0.5em;
}

header li a:hover {
	color: #CCEEFF;
}

footer {
	width: 100%;
	position: absolute;
	bottom: 0px;
	font-size: 0.8em;
	padding: 1.5em 1em;
	text-align: center;
}

a.popup {
	padding-left: 16px;
	background: transparent url('../img/icon_popup.gif') no-repeat center left;
}

Use relative path in CSS file

Use relative path in CSS file

Django's collecstatic somehow doesn't work right when using absolute paths to url() in CSS files. There's probably something I'm just missing, but changing to relative paths works just fine too.


* { background-image: none; background-color: purple; }
GtkButton { background-color: blue; }
.transparent { background-color: transparent; }
.reference { background-color: purple; }

* {
  background-image: none;
  border-radius: 0;
  background-color: purple;
}

GtkButton {
  background-color: blue;
}
.transparent {
  background-color: transparent;
}
.reference {
  background-color: purple;
}

Fix random failures of reftest

reftests: Fix random failures of reftest

The reftest is testing "transparent" works as expected by drawing a
purple background once with purple and once with transparent and
expecting the same result. This works fine unless anti-aliasing happens
at rounded corners. The overdraw of the 2nd background changes the
antialiased pixels.

Fix this by explicitly setting the border radius to 0.

Also reindent the file to make it more readable.


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */

body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family: helvetica, verdana, arial, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
  white-space: pre-wrap;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

Add minimal stylesheet for documentation.

Borrowed from Rails error report stylesheet.


.zci.zci--snow{

    margin-top: 0px;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #D0D0D0;
}
.dark-header .zci.zci--snow{

    margin-top: 0px;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #292929;
}
.zci--snow h3 {
    font-size: 2em;
    font-weight: 900;
}

.zci.zci--snow{

    margin-top: 0px;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
}
.dark-header .zci.zci--snow{

    margin-top: 0px;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #292929;
}
.zci--snow h3 {
    font-size: 2em;
    font-weight: 900;
}

Revert back to default background colour Discussed internally and decided this was best for now


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

body {
  display: flex;
  flex-flow: column wrap;
}

.body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
}

.address-suggestion {
  z-index: 10;
  position: fixed;
  background: black;
  display: none;
}

.address-suggestion-item {
  padding: 0.2em;
  padding-right: 0.4em;
}

#weather{
  position: absolute;
  bottom: 0;
  color: white;
  padding: 1em;
}

#map {
  flex: 1;
  min-width: 75%;
}

#menu {
  background: none repeat scroll 0% 0% #191818;
  width: 25%;
  flex: 1;
  display: flex;
  overflow: auto;
  flex-direction: column;
}

#menu a,label {
    color: #999;
    border: none;
    padding: 0.6em 0 0.6em 0.6em;
}

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

body {
  display: flex;
  flex-flow: column wrap;
}

.body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
}

.address-suggestion {
  z-index: 10;
  position: fixed;
  background: #191818;
  display: none;
}

.address-suggestion-item {
  padding: 0.2em;
  padding-right: 0.4em;
}

#weather{
  position: absolute;
  bottom: 0;
  color: white;
  padding: 1em;
}

#map {
  flex: 1;
  min-width: 75%;
}

#menu {
  background: none repeat scroll 0% 0% #191818;
  width: 25%;
  flex: 1;
  display: flex;
  overflow: auto;
  flex-direction: column;
}

#menu a,label {
    color: #999;
    border: none;
    padding: 0.6em 0 0.6em 0.6em;
}

Fix address list background color

Fix address list background color

signed off by: Bruno <endo.bruno@gmail.com>


:host {
  @apply inline-block list-none h-full text-xs text-center pl-1 pr-4 py-2 leading-none flex-grow border;
  background: var(--color-neutral-300);
  color: var(--color-neutral-700);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--color-neutral-500);

  &:not(:last-of-type) {
    border-right-width: 1px;
    border-right-style: solid;
    border-color: var(--color-neutral-500);
  }

  &.isActive {
    border-bottom-color: var(--color-neutral-300);
    box-shadow: inset 0px 3px var(--color-brand);
  }

  & > * {
    @apply align-middle;
  }

  &:hover,
  &:focus {
    stencila-icon {
      @apply opacity-100;
    }
  }
}

li {
  @apply flex list-none align-middle flex-row flex-nowrap items-center;
}

stencila-icon {
  @apply opacity-0 rounded-sm;

  &:hover,
  &:active {
    color: var(--color-neutral-300);
    background: var(--color-neutral-700);
  }
}

a,
a:link,
a:visited {
  @apply block no-underline whitespace-nowrap leading-none text-current flex-grow cursor-default;
}

:host {
  @apply inline-block list-none h-full text-xs text-center pl-1 pr-4 py-2 leading-none flex-1 border;
  background: var(--color-neutral-300);
  color: var(--color-neutral-700);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--color-neutral-500);

  &:not(:last-of-type) {
    border-right-width: 1px;
    border-right-style: solid;
    border-color: var(--color-neutral-500);
  }

  &.isActive {
    border-bottom-color: var(--color-neutral-300);
    box-shadow: inset 0px 3px var(--color-brand);
  }

  & > * {
    @apply align-middle;
  }

  &:hover,
  &:focus {
    stencila-icon {
      @apply opacity-100;
    }
  }
}

li {
  @apply flex list-none align-middle flex-row flex-nowrap items-center;
}

stencila-icon {
  @apply opacity-0 rounded-sm;

  &:hover,
  &:active {
    color: var(--color-neutral-300);
    background: var(--color-neutral-700);
  }
}

a,
a:link,
a:visited {
  @apply block no-underline whitespace-nowrap leading-none text-current flex-grow cursor-default;
}

Fix width distribution of document tabs

fix(Tabs): Fix width distribution of document tabs


@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .btn {
    @apply font-semibold
    inline-flex
    items-center
    justify-center

    text-gray-800
    hover:text-white
    uppercase

    rounded-lg
    shadow-lg
    cursor-pointer
    outline-none;
  }
  .btn-primary {
    @apply px-3
    lg:px-5
    py-2
    bg-orange-500
    hover:bg-orange-600
    lg:text-lg

    focus:ring-4
    focus:ring-orange-500
    focus:ring-opacity-90;
  }

  .btn-secondary {
    @apply px-4
    py-3
    bg-gray-400
    hover:bg-orange-600
    text-sm

    focus:ring-4
    focus:ring-orange-500
    focus:ring-opacity-90;
  }

  .text-input {
    @apply px-3
    py-1
    rounded
    placeholder-gray-300
    text-center
    outline-none
    focus:ring-4
    focus:ring-orange-500
    focus:ring-opacity-90
    font-medium
    text-gray-700

    lg:px-4
    lg:py-2
    lg:text-lg;
  }
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .btn {
    @apply font-semibold
    inline-flex
    items-center
    justify-center

    text-gray-800
    hover:text-white
    uppercase

    rounded-lg
    shadow-lg
    cursor-pointer
    outline-none;
  }

  .btn-primary {
    @apply px-3
    lg:px-5
    py-2
    bg-orange-500
    hover:bg-orange-600
    lg:text-lg

    focus:ring-4
    focus:ring-orange-500
    focus:ring-opacity-90;
  }

  .btn-secondary {
    @apply px-4
    py-3
    bg-gray-400
    hover:bg-orange-600
    text-sm

    focus:ring-4
    focus:ring-orange-500
    focus:ring-opacity-90;
  }

  .text-input {
    @apply px-3
    py-1
    rounded
    bg-gray-600/60
    placeholder-gray-500/80
    text-gray-200
    font-medium

    outline-none
    focus:ring-2
    focus:ring-orange-500
    focus:ring-opacity-90

    lg:px-4
    lg:py-2
    lg:text-lg;
  }
}

Improve text input colors for dark theme


@font-face {
  font-family: Google;
  src: url(font/ProductSans-Regular.woff);
}

body {
  font: 100%/1.6 "Google", "Trebuchet MS", Helvetica, sans-serif;
}

.header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.header-left {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 60%;
  max-width: 700px;
  height: 100px;
  overflow: hidden;
}

.header-left img {
  height: 150px;
}

.header-right {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-around;
  width: 25%;
  max-width: 300px;
  height: 100px;
  margin-left: 10%;
}

@font-face {
  font-family: Google;
  src: url(font/ProductSans-Regular.woff);
}

/*color theme*/

.red {
  color: #cc0101;
}

.yellow {
  color: #ffd966;
}

.green {
 color: #6aa84f;
}

.blue {
  color: #6e9eeb;
}

/*content*/

body {
  font: 100%/1.6 "Google", "Trebuchet MS", Helvetica, sans-serif;
}

.header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.header-left {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 60%;
  max-width: 700px;
  height: 100px;
  overflow: hidden;
}

.header-left img {
  height: 150px;
}

.header-right {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-around;
  width: 25%;
  max-width: 300px;
  height: 100px;
  margin-left: 10%;
}

.header a:link, a:visited {
  color: black;
  text-decoration: none;
}

.event-section {
  margin: 40px 20px 0 20px;
  font-weight: bold;
}

.event-section-header {
  margin: 0 0 10px 0;
  font-weight: bold;
}

.no-events {
  background-color: #6e9eeb;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  width: 100%;
  height: 100px;
}

Set up layout for "no events" look

Set up layout for "no events" look


div.price-slider {
    background: url("../../images/catalin_seo/bkg_slider.png") repeat-x scroll 0 0 transparent;
    height: 17px;
}

div.price-slider .filter-handle {
    height: 17px;
    width: 10px;
    cursor: e-resize;
    display: block;
}

div.price-slider .price-slider-from {
    background: url("../../images/catalin_seo/slider.png") no-repeat scroll 0 0 transparent;
}

div.price-slider .price-slider-to {
    background: url("../../images/catalin_seo/slider.png") no-repeat scroll -26px 0 transparent;
    cursor: w-resize;
    margin-top: -17px;
}

.block-layered-nav dl dd ol > li > div {
    padding: 5px 15px;
    color: #3399cc;
}

.block-layered-nav dl dd ol > li > div > label {
    font-weight: normal;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
}

.block-layered-nav dl dd ol > li > div > label:hover {
    text-decoration: underline;
    cursor: pointer;
}

div.price-slider {
    background: url("../../images/catalin_seo/bkg_slider.png") repeat-x scroll 0 0 transparent;
    height: 17px;
}

div.price-slider .filter-handle {
    height: 17px;
    width: 10px;
    cursor: e-resize;
    display: block;
}

div.price-slider .price-slider-from {
    background: url("../../images/catalin_seo/slider.png") no-repeat scroll 0 0 transparent;
}

div.price-slider .price-slider-to {
    background: url("../../images/catalin_seo/slider.png") no-repeat scroll -26px 0 transparent;
    cursor: w-resize;
    margin-top: -17px;
}

.block-layered-nav .layered-nav-filter {
    padding: 5px 15px;
    color: #3399cc;
}

.block-layered-nav .layered-nav-filter .layered-nav-filter-label {
    font-weight: normal;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
}

.block-layered-nav .layered-nav-filter .layered-nav-filter-label:hover {
    text-decoration: underline;
    cursor: pointer;
}

Use classes instead of specific CSS selector


.dnp1-archive-tree {
    display: block;
    margin: 1.25em .31em;
    color: #444;
    max-width: 25em;
    font-family: "Lucida Console", Monaco, monospace;
}

.dnp1-archive-tree > li {
    margin-bottom: 1.25em;
    font-weight: bold;
    font-size: 1.1em;
    letter-spacing: .06em;
    padding: .12em;
}

.dnp1-archive-month-ul > li {
    margin: .62em .12em .25em .62em;
    letter-spacing: normal;
    font-size: 0.9em;
    list-style-image: none;
}

.dnp1-archive-day-ul > li {
    margin: .37em .12em .25em .93em;
    font-size: 1em;
    font-weight: bolder;
    color: #454;
    font-family: Georgia, serif;
}

.dnp1-archive-article-link {
    text-decoration: none;
    color: #587;
    padding: .31em;
    border-radius: .25em;
}

.dnp1-archive-article-link:hover {
    text-decoration: none;
    background-color: #D4D4D4;
}

.dnp1-archive-tree {
    display: block;
    margin: 1.25em .31em;
    color: #444;
    max-width: 100%;
    font-family: "Lucida Console", Monaco, monospace;
}

.dnp1-archive-tree > li {
    margin-bottom: 1.25em;
    font-weight: bold;
    font-size: 1.1em;
    letter-spacing: .06em;
    padding: .12em;
}

.dnp1-archive-month-ul > li {
    margin: .62em .12em .25em .62em;
    letter-spacing: normal;
    font-size: 0.9em;
    list-style-image: none;
}

.dnp1-archive-day-ul > li {
    margin: .37em .12em .25em .93em;
    font-size: 1em;
    font-weight: bolder;
    color: #454;
    font-family: Georgia, serif;
}

.dnp1-archive-article-link {
    text-decoration: none;
    color: #587;
    padding: .31em;
    border-radius: .25em;
}

.dnp1-archive-article-link:hover {
    text-decoration: none;
    background-color: #D4D4D4;
}

Fix css for archive tree

Fix css for archive tree


/*
Document   : jquery.pnotify.default.css
Created on : Nov 23, 2009, 3:14:10 PM
Author     : Hunter Perrin
Version    : 1.2.0
Link       : http://pinesframework.org/pnotify/
Description:
	Default styling for Pines Notify jQuery plugin.
*/
/* -- Notice */
.ui-pnotify {
top: 25px;
right: 25px;
position: absolute;
height: auto;
/* Ensures notices are above everything */
z-index: 9999;
}
/* Hides position: fixed from IE6 */
html > body .ui-pnotify {
position: fixed;
}
.ui-pnotify .ui-pnotify-shadow {
-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}
.ui-pnotify-container {
background-position: 0 0;
padding: .8em;
height: 100%;
margin: 0;
}
.ui-pnotify-sharp {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-pnotify-closer, .ui-pnotify-sticker {
float: right;
margin-left: .2em;
}
.ui-pnotify-title {
display: block;
margin-bottom: .4em;
}
.ui-pnotify-text {
display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
display: block;
float: left;
margin-right: .2em;
}
/* -- History Pulldown */
.ui-pnotify-history-container {
position: absolute;
top: 0;
right: 18px;
width: 70px;
border-top: none;
padding: 0;
-webkit-border-top-left-radius: 0;
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
border-top-right-radius: 0;
/* Ensures history container is above notices. */
z-index: 10000;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
padding: 2px;
}
.ui-pnotify-history-container button {
cursor: pointer;
display: block;
width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
display: block;
margin: 0 auto;
}

Add missing CSS file for 1bbc6c3a

Add missing CSS file for 1bbc6c3a


/*
: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 ;
}

/*
: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 ;
  border-top: hidden ;
  border-left: hidden ;
  border-right: hidden ;
  border-bottom: 1 px black ;
}

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

tr {
  margin: 0;
  padding: 0;
}

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

Add line to bottom of table too

Add line to bottom of table too


body {
    margin-top:60px;
}
#locationMap {
    min-width:300px;
    width:100%;
    height:400px;
}
.select-fg .form-control-feedback {
  right: 45px !important;
}
.input-fg .form-control-feedback {
  right: 45px !important;
}
#projects-data {
  margin-top:10px;
}

Add a little more padding for projects data list on front page


.ListItem {
  width: 100%;
  background: #fdfdff;
  padding: 3px;
  padding-bottom: 0;
  margin: 1rem;
}

@media (min-width: 375px) {
  .ListItem {
    width: calc(50% - 2rem);
  }
}

@media (min-width: 768px) {
  .ListItem {
    width: calc(33.333% - 2rem);
  }
}

@media (min-width: 920px) {
  .ListItem {
    width: calc(25% - 2rem);
  }
}

@media (min-width: 1234px) {
  .ListItem {
    width: calc(20% - 2rem);
  }
}

@media (min-width: 2000px) {
  .ListItem {
    width: calc(16.66667% - 2rem);
  }
}

.ListItem[href^='/thingflokkar/']  .ListItemImage-image {
  padding-bottom: 100%;
  background-size: 70%;
}

@media (min-width: 768px) {
  .ListItem[href^='/thingflokkar/'] {
    width: calc(33.333% - 2rem);
  }
}

@media (min-width: 1234px) {
  .ListItem[href^='/thingflokkar/'] {
    width: calc(25% - 2rem);
  }
}

Make party logos span 25% in large displays


.column-error_status .tooltip {
	display: none;
}
.column-error_status .dashicons-editor-help {
	color: #767676;
}
.column-sources_with_invalid_output .dashicons-admin-plugins {
	color: #64a2e9;
}
.column-sources_with_invalid_output .dashicons-admin-appearance {
	color: #ebb04f;
}

.column-error_status .tooltip {
	display: none;
}
.column-error_status .dashicons-editor-help {
	color: #767676;
}
.column-sources_with_invalid_output .dashicons {
	margin-right: 5px;
}
.column-sources_with_invalid_output .dashicons-admin-plugins {
	color: #64a2e9;
}
.column-sources_with_invalid_output .dashicons-admin-appearance {
	color: #ebb04f;
}

.sources-plugins, .sources-core {
	margin-left: 25px;
	margin-bottom: 15px;
}

Add margins around sources containers

Add margins around sources containers


body{
	color: #ffffff;
	text-shadow:
	-1px -1px 0 #A6F031,
    1px -1px 0 #A6F031,
    -1px 1px 0 #A6F031,
    1px 1px 0 #A6F031;;
}

.view{
	border: 2px solid black;
	background: rgba(9, 150, 42, 0.98);
	position: center;
	text-align: center;
	max-width: 100%;
	padding: auto;
}

.speakers-review{
	margin-top: 22%;
}

.speakers-questions, .chosen-questions{
	margin-bottom: 22%;
	margin-top:22%;
}

.pledges{
	margin-bottom: 22%;
}

.rate{
	overflow-wrap: all;

}

body{
	color: #ffffff;
	text-shadow:
	-1px -1px 0 #A6F031,
    1px -1px 0 #A6F031,
    -1px 1px 0 #A6F031,
    1px 1px 0 #A6F031;;
}

.view{
	border: 2px solid black;
	background: rgba(9, 150, 42, 0.98);
	position: center;
	text-align: center;
	max-width: 100%;
	padding: auto;
}

.speakers-review{
	margin-top: 22%;
}

.speakers-questions{
	margin-bottom: 22%;
	margin-top:22%;
}

.pledges{
	margin-bottom: 22%;
}

.rate{
	overflow-wrap: all;

}

Revert CSS changes to avoid conflict

Revert CSS changes to avoid conflict


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

.counter {
  background: var(--color-ruby);
  border-radius: 50%;
  color: var(--color-white);
  display: inline-block;
  font-size: calc(1.4 * var(--unit));
  font-family: var(--font-family-semi-bold);
  font-weight: 600;
  line-height: 1;
}

.medium {
  min-height: 9px;
  min-width: 9px;
}

.small {
  min-height: 6px;
  min-width: 6px;
}

.with-children {
  border-radius: 4px;
}

.with-children.medium {
  padding: 4px 4px;
}

.with-children.small {
  padding: 2px 4px;
}

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

:root {
  --border-radius: 4px;
}

.counter {
  background: var(--background-color);
  border-radius: 50%;
  color: var(--color-white);
  display: inline-block;
  font-size: calc(1.4 * var(--unit));
  font-family: var(--font-family-semi-bold);
  font-weight: 600;
  line-height: 1;
  min-height: var(--min-size);
  min-width: var(--min-size);
}

.medium {
  --min-size: 9px;
}

.small {
  --min-size: 6px;
}

.with-children {
  border-radius: 4px;
}

.with-children.medium {
  padding: 4px 4px;
}

.with-children.small {
  padding: 2px 4px;
}

.neutral {
  --background-color: var(--color-neutral-darkest);
}

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

Use a css variable here

Use a css variable here


html       { border: 0px;
             margin: 0px;
             padding: 0px;
             }

.corner    { width: 200px;
             height: 80px;
             text-align: center;
             }
.navbar    { background-color: rgb(110,139,61);
             padding-top: 2em;
             }
.banner    { background-color: rgb(110,139,61);
             color: rgb(255,236,176);
             padding-left: 2em;
             }
.banner h2 { font-size: 200%; }
.content   { padding: 2em; }

dl dt      { font-weight: bold; }

.content thead { background-color: rgb(110,139,61);
                 color: rgb(255,236,176);
                 }

.content td,
.content th    { padding: .2em;
                 margin: 0em;
                 border-width: 0px;
                 vertical-align: baseline;
                 border-bottom: 2px solid rgb(110,139,61);
                 }

.content li    { margin: 0em;
                 padding-bottom: 0.75em;
                 }

Add the proper way of dealing with page margins. This is better than the browser-specific tags currently in the pages, and works on some browsers that don't support those extensions.


/* - - - - - - - - - - - - - - - - - - - - -

 Title : ACA Free Estimate Form Responsive Theme
 Author : Myke Agonia
 URL : http://mykeagonia08.github.io/css/wufoo/aca-responsive.css

 Last Updated :

- - - - - - - - - - - - - - - - - - - - - */

/* - - - ACA Free Estimate Form Responsive Theme - - - */

/********************
Colors
-----
Blue: #123f68
    #0D6796
Green: #64c832
Red: #f05050
Orange: #ff9600
*********************/

/************Global**************/

/************End Global**************/

/************Classes**************/

.wufoo {

}

/************End Classes**************/

/************Structure**************/

.wufoo .info h2 {
    margin-bottom: 10px;
    padding:  5px;
    font-size: 16px;
    color: #fff;
    background: #0D6796;
    text-align: center;
    border-bottom:  none;

}

/************End Structure**************/

/************Mobile Queries**************/

    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

/************End Mobile Queries**************/

Initialize responsive theme for www.after-car-accidents.com website


/**
 *
 * Create some styles
 *
 */

body {
  background-color: #DECEA0;
}

.wrapper {
  margin: 150px auto 0;
  position: relative;
  width: 400px;
}

.logo {
  background: url('../images/notconf-logo.png') no-repeat 0 0;
  float: left;
  height: 140px;
  left: 80px;
  position: absolute;
  text-indent: -9999em;
  width: 240px;
  z-index: 1;
}

.hat {
  background: url('../images/hat.png') no-repeat 0 0;
  float: left;
  height: 97px;
  position: absolute;
  text-indent: -9999em;
  top: -28px;
  left: 42px;
  width: 148px;
  z-index: 2;
}

.wrapper h1 {
  color: #ffffff;
  float: left;
  position: absolute;
  text-align: center;
  top: 120px;
  width: 100%;
}

/**
 *
 * Create some styles
 *
 */

body {
  background-color: #DECEA0;
}

p {
    position: absolute;
    top: 300px;
}

.wrapper {
  margin: 150px auto 0;
  position: relative;
  width: 400px;
}

.logo {
  background: url('../images/notconf-logo.png') no-repeat 0 0;
  float: left;
  height: 140px;
  left: 80px;
  position: absolute;
  text-indent: -9999em;
  width: 240px;
  z-index: 1;
}

.hat {
  background: url('../images/hat.png') no-repeat 0 0;
  float: left;
  height: 97px;
  position: absolute;
  text-indent: -9999em;
  top: -28px;
  left: 42px;
  width: 148px;
  z-index: 2;
}

.wrapper h1 {
  color: #ffffff;
  float: left;
  position: absolute;
  text-align: center;
  top: 120px;
  width: 100%;
}

Add styling for my name.

Add styling for my name.


.aqm1 { }
.aqm2 { }
.aqm3 { }
.aqm4 { }
.aqm5 { }
.aqm6 { }
.aqm7 { }
.aqm8 { }
.aqm9 { }
.aqm10 { }
.aqm11 { }
.aqm12 { }
.aqm13 { }
.aqm14 { }
.aqm15 { }
.aqm16 { }
.aqm17 { }
.aqm18 { }
.aqm19 { }
.aqm20 { }

table {
    border-collapse: collapse;
    background-color: #ffffff;
    border-color: #ffffff;
    font-size: small;
}

table td {
    padding: 0px 2px;
}

li.tocsection {
   font-weight:bold;
   font-size:12pt
}
li.tocmodule {
   font-size:11pt
}

.aqm1 { }
.aqm2 { }
.aqm3 { }
.aqm4 { }
.aqm5 { }
.aqm6 { }
.aqm7 { }
.aqm8 { }
.aqm9 { }
.aqm10 { }
.aqm11 { }
.aqm12 { }
.aqm13 { }
.aqm14 { }
.aqm15 { }
.aqm16 { }
.aqm17 { }
.aqm18 { }
.aqm19 { }
.aqm20 { }

#qc-content h1 {
    text-align: center;
}

#arraymetadata-b table {
    width: 100%;
}

h1 {
    text-align: center;
}

table {

    border-collapse: collapse;
    background-color: #ffffff;
    border-color: #ffffff;
    font-size: small;
    width: auto;
}

table td {
    padding: 0 2px;
    border: none;
}

li.tocsection {
   font-weight: bold;
   font-size: 12pt
}
li.tocmodule {
   font-size: 11pt
}

Fix styles for microarray Quality Metrics Report page


/*
  Box Sizing
*/

div,
article,
section,
main,
footer,
header,
form,
fieldset,
pre,
code,
p,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"] {
  box-sizing: border-box;
}

/*
  Box Sizing
*/

nav,
main,
section,
article,
aside,
header,
footer,
div,
details,
summary,
form,
fieldset,
textarea,
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="password"],
nav:before,
main:before,
section:before,
article:before,
aside:before,
header:before,
footer:before,
div:before,
details:before,
summary:before,
form:before,
fieldset:before,
textarea:before,
input[type="text"]:before,
input[type="tel"]:before,
input[type="url"]:before,
input[type="email"]:before,
input[type="search"]:before,
input[type="number"]:before,
input[type="password"]:before,
nav:after,
main:after,
section:after,
article:after,
aside:after,
header:after,
footer:after,
div:after,
details:after,
summary:after,
form:after,
fieldset:after,
textarea:after,
input[type="text"]:after,
input[type="tel"]:after,
input[type="url"]:after,
input[type="email"]:after,
input[type="search"]:after,
input[type="number"]:after,
input[type="password"]:after,
.border-box,
.border-box:before,
.border-box:after {
  box-sizing: border-box;
}

Update the box-sizing module with new elements.


@value lg from '../../../../styles/breakpoints.css';
@value pageHeaderHeight from '../../../../styles/vars.css';
@value accentGrey, baseColor from '../../../../styles/colors.css';

.main {
  display: flex;
  flex-direction: column;
  height: 100vh;
  @media lg {
    background-color: accentGrey;
  }
}

.planWrapper {
  height: 150px;
  margin-bottom: 2px;

  @media lg {
    display: flex;
    flex-wrap: wrap;
    height: 500px;
    flex-grow: 1;
    min-width: 20%;
    margin: 5px 5px;
  }
}

.grid {
  @media lg {
    display: flex;
    flex-wrap: wrap;
    max-width: 900px;
  }
}

.pageHeader {
  display: none;
  visibility: hidden;

  @media lg {
    font-size: 35px;
    min-height: pageHeaderHeight;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
  }
}

.subHeader {
  display: none;
  visibility: hidden;

  @media lg {
    display: block;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 0;
    background-color: white;
    color: baseColor;
  }
}

.gridWrapper {
  @media lg {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 50px;
  }
}

@value lg from '../../../../styles/breakpoints.css';
@value pageHeaderHeight from '../../../../styles/vars.css';
@value accentGrey, baseColor from '../../../../styles/colors.css';

.main {
  display: flex;
  flex-direction: column;
  height: 100vh;
  @media lg {
    background-color: accentGrey;
  }
}

.planWrapper {
  height: 150px;
  margin-bottom: 2px;

  @media lg {
    display: flex;
    flex-wrap: wrap;
    height: 500px;
    flex-grow: 1;
    min-width: 20%;
    margin: 5px 5px;
  }
}

.grid {
  @media lg {
    display: flex;
    flex-wrap: wrap;
    max-width: 900px;
  }
}

.pageHeader {
  display: none;

  @media lg {
    font-size: 35px;
    min-height: pageHeaderHeight;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
  }
}

.subHeader {
  display: none;

  @media lg {
    display: block;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 0;
    background-color: white;
    color: baseColor;
  }
}

.gridWrapper {
  @media lg {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 50px;
  }
}

Fix missing heading on plan page bug

Fix missing heading on plan page bug


a, a:visited { color: #258; }
a tt, a:visited tt, a:active tt { color: #258; }

.banana { float: right; max-width: 45%; }
.banana img { width: 100%; }

span.pre { background: #eee; font-size: 1.1em; padding: 0.1em 0.2em; }

li a.internal span.pre {
    background: inherit;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: inherit;
    padding: inherit;
}

a, a:visited { color: #258; }
a tt, a:visited tt, a:active tt { color: #258; }

.banana { float: right; max-width: 45%; }
.banana img { width: 100%; }

pre { font-size: 0.95rem; line-height: 1.25; }
span.pre { background: #eee; font-size: 1rem; padding: 0.1rem 0.2rem; }

li a.internal span.pre {
    background: inherit;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: inherit;
    padding: inherit;
}

Fix up sizes of pre/span.pre elements.

Fix up sizes of pre/span.pre elements.


/*
Additional styling applied to the RTD theme.
*/

/* Better distinction of blockquotes against normal paragraphs. */
.rst-content blockquote {
    margin-left: 0;
    padding: 0 1em;
    border-left: 0.25em solid #ddd;
    color: #777;
}

/* Wrapping the text in AMA */
.hljs.nimrod {
    white-space: pre-wrap
}

Remove AMA styles in css, because now it is well formatted.


/**
 * comments.css - Styles for comments module
 * Copyright (C) 2011-2018 Stephane Carrez
 * Licensed under the Apache License, Version 2.0 (the "License");
 */
.awa-comment-list {
    margin-left: 10%;
    float: left;
    width: 90%;
}
.awa-comment {
    float: left;
    width: 90%;
    padding-left: 10%;
}
div.awa-comment-form {
    /* padding-left: 10%; */
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    width: 96%;
}
.awa-comment, div.awa-comment-form {
    position: relative;
    padding-bottom: 50px;
}
.awa-comment div.comment-gravatar, div.awa-form div.comment-gravatar {
    position: absolute;
    left: 0px;
    top: 0;
}
.awa-comment div.comment-author {
    font-weight: bold;
    color: #777;
}
.awa-comment .comment-text {
    padding-top: 5px;
    clear: both;
    float: left;
    display: block;
}
.awa-comment-actions {
    display: none;
    list-style-type: none;
    float: left;
}
.awa-comment-actions li {
    float: left;
    padding-left: 2em;
}
.awa-comment-actions a, .awa-comment-actions a:visited, .awa-comment-actions a:hover {
    text-decoration: none;
    font-weight: bold;
}
.comment-COMMENT_SPAM {
    opacity: 0.2;
}
.comment-COMMENT_WAITING {
    opacity: 0.5;
}
.comment-COMMENT_WAITING {
}
.comment-COMMENT_PUBLISHED .comment-action-spam,
.comment-COMMENT_WAITING .comment-action-waiting,
.comment-COMMENT_SPAM .comment-action-spam,
.comment-COMMENT_PUBLISHED .comment-action-publish {
    display: none;
}
#comment-add {
    float: left;
    clear: both;
    line-height: 2em;
    width: 100%;
}

Refactor comment styles and moved the definitions in a separate file


/* --------------- NAV RULES ---------------*/

.nav {
  margin: 0 auto;
}

/* --------------- INTRO RULES ---------------*/

.intro {
  border: 0.2rem solid black;
}

.website-description {
  background: grey;
  height: 40rem;
  border-bottom: 0.2rem solid black;
}

/* --------------- BLOG RULES ---------------*/

.featured-blog {
  border: 0.2rem solid black;
}

.blog-reference {
  text-align: center;
  font-size: 4rem;
}

.logo {
  height: 8rem;
  background: black;
  position: relative;
  top: 4rem;
  overflow: visible;
}

/* --------------- HEADER RULES ---------------*/

header {
  max-width: auto;
  height: 8rem;
  border-bottom: 0.2rem solid black;
}

.logo {
  height: 8rem;
  background: black;
}

/* --------------- FOOTER RULES ---------------*/

footer {
  max-width: auto;
  height: 8rem;
  border-top: 0.2rem solid black;
}

/* --------------- FOOTER RULES ---------------*/

@media (min-width: 400px) {
  .featured-blog,
  .intro {
    margin-bottom: 4rem;
    margin-top: 8rem;
  }

  .logo {
  position: relative;
  top: 4rem;
  overflow: visible;
  }

}

/* --------------- NAV RULES ---------------*/

.nav {
  margin: 0 auto;
}

.logo {
  height: 8rem;
  background: black;
  position: relative;
  top: 4rem;
  overflow: visible;
}

/* --------------- INTRO RULES ---------------*/

.intro {
  border: 0.2rem solid black;
}

.website-description {
  background: grey;
  height: 40rem;
  border-bottom: 0.2rem solid black;
}

/* --------------- BLOG RULES ---------------*/

.featured-blog {
  border: 0.2rem solid black;
}

.blog-reference {
  text-align: center;
  font-size: 4rem;
}

.blog-summary p {
  display: none;
}

/* --------------- HEADER RULES ---------------*/

header {
  max-width: auto;
  height: 8rem;
  border-bottom: 0.2rem solid black;
}

.logo {
  height: 8rem;
  background: black;
}

/* --------------- FOOTER RULES ---------------*/

footer {
  max-width: auto;
  height: 8rem;
  border-top: 0.2rem solid black;
}

/* --------------- FOOTER RULES ---------------*/

@media screen and (min-width: 550px) {
  .featured-blog,
  .intro {
    margin-bottom: 4rem;
  }

  .intro {
    margin-top: 8rem;
  }

  .logo {
  position: relative;
  top: 4rem;
  overflow: visible;
  }

  .blog-summary p {
  display: block;
}

}

Add screen param to media query

Add screen param to media query


body {
    font-family: "Gill Sans", sans-serif;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%;
    background-color: #eee;
}
ul {
    font-size: 2em;
    list-style-type:none;
}
li {
    margin: 0.2em;
    border-style: solid;
    border-width: 1px;
    border-left-width: 1em;
    border-color: #369;
}

li > a {
    background-color: #fff;
    padding: 0.4em;
    display: block;
    color: #000;
}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);

body {
  padding:50px;
  font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#000;
  font-weight:300;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 80%;
}

h1 {
  color:#222;
  margin:0 0 20px;
  line-height:1.1;
  font-size:3em;
}

a {
  color:#39c;
  font-weight:400;
  text-decoration:none;
}

ul {
    font-size: 2em;
    list-style-type:none;
}
li {
    margin: 0.2em;
    border-style: solid;
    border-width: 1px;
    border-radius: 30px;
    border-color: #aaa;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.19, #FFFFFF),
        color-stop(1, #EDEDED)
    );
    background-image: -o-linear-gradient(bottom, #FFFFFF 19%, #EDEDED 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 19%, #EDEDED 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 19%, #EDEDED 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 19%, #EDEDED 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 19%, #EDEDED 100%);
}

li > a {
    padding: 0.4em;
    display: block;
}

Update style of global index page

Update style of global index page


@import "./footer--media";

/* Global Footer Brand */
/* ========================================================================== */

.esri-footer-brand {
	@media (--gfoot-ml) {
		padding: * * 20px *;
	}
}

.esri-footer-brand-link {
	cursor: pointer;
	display: inline-block;
	transition: fill 150ms;
	vertical-align: top;
}

.esri-footer-brand-image {
	display: block;
	fill: #6e6e6e;
	size: calc(var(--footer-social-size) * 3 + var(--footer-social-gutter) * 2);

	&:focus, &:hover {
		fill: #000000;
	}
}

@import "./footer--media";

/* Global Footer Brand */
/* ========================================================================== */

.esri-footer-brand {
	@media (--gfoot-ml) {
		padding: * * 20px *;
	}
}

.esri-footer-brand-link {
	cursor: pointer;
	display: inline-block;
	transition: fill 150ms;
	vertical-align: top;
}

.esri-footer-brand-image {
	display: block;
	fill: #6e6e6e;
	size: calc(var(--footer-social-size) * 3 + var(--footer-social-gutter) * 2);
	transition: fill var(--smooth-speed);

	&:focus, &:hover {
		fill: #000000;
	}
}

Add transition to branding fill

Add transition to branding fill


body {
	background: url("college_hall.jpg");
    background-size: cover;
    background-repeat: no-repeat;
	font-family: Tahoma, Geneva, sans-serif;
}

p {
	font-size: 14px;
	color: #181818;
}

input {
	color: #181818;
	line-height: 1.1;
}

h2 {
	font-size: 24px;
}

#login-holder {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 12px;
	margin: auto;
	width: 400px;
	border: 3px solid #0b2a50;
	background-color: #e4e8f1;			/* DO NOT CHANGE THIS COLOR */

}

#logo {
	display:block;
	margin:auto;
	width:218px;
	height:134px;
}

.center {
	text-align: center;
}

body {
	background: url("college_hall.jpg") fixed center;
    background-size: cover;
    background-repeat: no-repeat;
	font-family: Tahoma, Geneva, sans-serif;
}

p {
	font-size: 14px;
	color: #181818;
}

input {
	color: #181818;
	line-height: 1.1;
}

h2 {
	font-size: 24px;
}

#login-holder {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 12px;
	margin: auto;
	width: 380px;
	border: 3px solid #0b2a50;
	background-color: #e4e8f1;			/* DO NOT CHANGE THIS COLOR */

}

#logo {
	display:block;
	margin:auto;
	width:248px;
	height:152px;
}

.center {
	text-align: center;
}

Change to background image scaling and login holder size.


body {
  background-color: black;
  color: #55ff55;
  font-family: monospace;
}
.output {
  color: white;
}
.active:after {
  content: '_';
}

body {
	line-height: 1;
}

Update line height because of addition of span.


code {
  border: 1px #ccc solid;
  border-radius: 3px;
}

.tabs-pane {
  padding-top: 10px;
}

.aui-tabs {
  padding-top: 10px;
}

code.hljs {
  border: 1px solid #ccc;
  border-radius: 6px;
  display: block;
  margin: 10px 0;
  overflow: auto;
  padding: 12px;
}

.tabs-pane {
  padding-top: 10px;
}

.aui-tabs {
  padding-top: 10px;
}

Update code snippets style to match AUI docs


html.blueinked body {
  position: relative;
  top: 46px; /** TODO: do this dynamically...maybe **/
}
#ui-blueink {
  top: 0;
  right: 0;
  left: 0;
  text-align: left;
}

#ui-blueink ul.menu {
  list-style: none;
}

/* TODO: make this configurable...or template-able...or something */
[data-blueink-area-index].blueink-drop-spot {
  border: 1px solid blue;
  min-height: 8px;
}

/**
 * We can't use the semantic-ui `html` override due to template style
 * conflicts, so we'll set those defaults on .blueink-ui
 **/
.blueink-ui {
  box-sizing: border-box;
}

html.blueinked body {
  position: relative;
  top: 3em; /** TODO: do this dynamically...maybe **/
}
#ui-blueink {
  top: 0;
  right: 0;
  left: 0;
  text-align: left;
}

#ui-blueink ul.menu {
  list-style: none;
}

/* TODO: make this configurable...or template-able...or something */
[data-blueink-area-index].blueink-drop-spot {
  border: 1px solid blue;
  min-height: 8px;
}

/**
 * We can't use the semantic-ui `html` override due to template style
 * conflicts, so we'll set those defaults on .blueink-ui
 **/
.blueink-ui {
  box-sizing: border-box;
}

Switch body push down to `em` value

Switch body push down to `em` value

Still want this to be dynamic...


/* fixed page header & footer configuration */
.ui-header-fixed,
.ui-footer-fixed {
	left: 0;
	right: 0;
	position: fixed;
	z-index: 1000;
}
.ui-header-fixed {
	top: 0;
}
.ui-footer-fixed {
	bottom: 0;
}
.ui-header-fullscreen,
.ui-footer-fullscreen {
	opacity: .9;
}
.ui-page-header-fixed {
	padding-top: 2.5em;
}
.ui-page-footer-fixed {
	padding-bottom: 3em;
}
.ui-page-header-fullscreen .ui-content,
.ui-page-footer-fullscreen .ui-content {
	padding: 0;
}
.ui-fixed-hidden {
	position: absolute;
}
.ui-page-header-fullscreen .ui-fixed-hidden,
.ui-page-footer-fullscreen .ui-fixed-hidden {
	left: -99999em;
}
.ui-header-fixed .ui-btn,
.ui-footer-fixed .ui-btn {
	z-index: 10;
}

/* fixed page header & footer configuration */
.ui-header-fixed,
.ui-footer-fixed {
	left: 0;
	right: 0;
	position: fixed;
	z-index: 1000;
}
.ui-header-fixed {
	top: 0;
}
.ui-footer-fixed {
	bottom: -1px;
	padding-bottom: 1px;
}
.ui-header-fullscreen,
.ui-footer-fullscreen {
	opacity: .9;
}
.ui-page-header-fixed {
	padding-top: 2.5em;
}
.ui-page-footer-fixed {
	padding-bottom: 3em;
}
.ui-page-header-fullscreen .ui-content,
.ui-page-footer-fullscreen .ui-content {
	padding: 0;
}
.ui-fixed-hidden {
	position: absolute;
}
.ui-page-header-fullscreen .ui-fixed-hidden,
.ui-page-footer-fullscreen .ui-fixed-hidden {
	left: -99999em;
}
.ui-header-fixed .ui-btn,
.ui-footer-fixed .ui-btn {
	z-index: 10;
}

Fix for 1px jitter on fixed footer that occurs during scroll, in several browsers.


.jqbar
{
    position: relative;
    top: 100px;
}
.jqbar.vertical
{
    text-align: center;
    display: inline-block;
}
.jqbar.vertical span
{
    display: block;
    font-size: 11px;
    font-weight: bold;
}
.jqbar.vertical .bar-percent
{
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    height: 20px;
    margin-bottom: 5px;
    width: 100%;
}
.jqbar.vertical .bar-level-wrapper
{
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.jqbar.vertical .bar-level
{
    position: absolute;
}

/*horizontal*/

.jqbar.horizontal span
{
    display: inline-block;
    margin-left: 5px;
    font-size: 15px;
    font-weight: bold;
}
.jqbar.horizontal .bar-percent
{
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    margin-bottom: 5px;
}

.jqbar
{
    position: relative;
}
.jqbar.vertical
{
    text-align: center;
    display: inline-block;
}
.jqbar.vertical span
{
    display: block;
    font-size: 11px;
    font-weight: bold;
}
.jqbar.vertical .bar-percent
{
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    height: 20px;
    margin-bottom: 5px;
    width: 100%;
}
.jqbar.vertical .bar-level-wrapper
{
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.jqbar.vertical .bar-level
{
    position: absolute;
}

/*horizontal*/

.jqbar.horizontal span
{
    display: inline-block;
    margin-left: 5px;
    font-size: 15px;
    font-weight: bold;
}
.jqbar.horizontal .bar-percent
{
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    margin-bottom: 5px;
}

Fix position in tally animated bars

Fix position in tally animated bars


body{
  font-family:  monospace, sans-serif;
  background: burlywood;
}
.container{
  max-width: 1200px;
  margin: 0 auto;
}
ul{
  padding: 0;
}

li{
  list-style-type: none;
}
.languages{
  display: flex;
  justify-content: center;
}
.languages li{
  margin: 10px;
  font-weight: bold;
}

Add style to App(.container) and Popular(.languages) components -Add width and margin to container class of App component -Add flex-box properties to Popular Component(languages) -Modify rendered list-style-type -Add margin to li to avoid overlay of elements


#title-west {display: none;}
#title-north {}
#board-area {}
#info-south {}
#info-east {display:none;}

#title-west {
  background-color: cyan;
  display: none;
}
#title-north {
  background-color: blue;
}
#board-area {
  background-color: grey;
}
#info-south {
  background-color: red;
}
#info-east {
  background-color: pink;
  display:none;
}

Add distinct background colours for debugging


.txtInverted
{
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
    -moz-transform: rotate(-180deg);  /* FF3.5+ */
    -o-transform: rotate(-180deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */
    display: block;
    font-family: Verdana;
}

.txtNormal
{
    display: block;
    font-weight: bold;
    font-family: Verdana;
}

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

button
{
    margin: 5px;
}

#tableDiv
{
    margin: 0;
    top: 0;
    bottom: 0;
    margin-top: 95px;
    position: fixed;
}

table
{
    table-layout: fixed;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border-spacing: 10px;
}

td
{
    border: 1px solid black;
    text-align: center;
    border-radius: 10px;
    border-width: 2px;
    font-size: 2vw;
}

.txtInverted
{
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
    -moz-transform: rotate(-180deg);  /* FF3.5+ */
    -o-transform: rotate(-180deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */
    display: block;
    font-family: Verdana;
}

.txtNormal
{
    display: block;
    font-weight: bold;
    font-family: Verdana;
}

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

button
{
    margin: 5px;
    height: 48px;
}

#tableDiv
{
    margin: 0;
    top: 0;
    bottom: 0;
    margin-top: 110px;
    position: fixed;
}

table
{
    table-layout: fixed;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border-spacing: 10px;
}

td
{
    border: 1px solid black;
    text-align: center;
    border-radius: 10px;
    border-width: 2px;
    font-size: 2vw;
}

Update button size for mobile

Update button size for mobile


#map {
  height: 480px;
  width: 615px;
  margin: 7px;
}

.info-box {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
}

.cycle-to-work {
  width: 100%;
  height: 70px;
}

.info h4 {
  margin: 0 0 5px;
  color: #777;
}

.legend {
  text-align: left;
  line-height: 18px;
  color: #555;
}

.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}

.leaflet-control-layers label {
  margin-bottom: initial;
}

#map {
  height: 480px;
  width: 615px;
  margin: 7px;
}

.info-box {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
}

.cycle-to-work {
  width: 100%;
  height: 70px;
}

.info h4 {
  margin: 0 0 5px;
  color: #777;
}

.legend {
  text-align: left;
  line-height: 18px;
  color: #555;
}

.legend i {
  width: 18px;
  height: 30px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}

.leaflet-control-layers label {
  margin-bottom: initial;
}

Increase width of info box for the front-page


@CHARSET "UTF-8";
.dviz-content svg.sparkline {
	vertical-align: bottom;
}
.dviz-content svg.sparkline line {
	stroke: #666;
	stroke-width: 1px;
}

.dviz-content svg.graph circle.node {
    stroke: #fff;
    stroke-width: 1.5px;
}
.dviz-content svg.graph text.node {
    stroke: #fff;
    dominant-baseline: central;
    text-anchor: middle;
    font-size: 12px;
    font-weight: normal;
}
.dviz-content svg.graph line.link {
    stroke: #999;
    stroke-opacity: .6;
}

@CHARSET "UTF-8";
.dviz-content svg.sparkline {
	vertical-align: bottom;
}
.dviz-content svg.sparkline line {
	stroke: #666;
	stroke-width: 1px;
}

.dviz-content svg.graph circle.node {
    stroke: #fff;
    stroke-width: 1.5px;
}
.dviz-content svg.graph text.node {
    stroke: #fff;
    dominant-baseline: central;
    text-anchor: middle;
    font-size: 10px;
    font-weight: normal;
}
.dviz-content svg.graph line.link {
    stroke: #999;
    stroke-opacity: .6;
}

Use smaller font in graph

Use smaller font in graph


.created {
  box-sizing: border-box;
  background: transparent;
  opacity: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#created--root {
  position: absolute;
  top: 0px;
  left: 0px;
}

.informationNode {
  display: inline-block;
  position: absolute;
  color: red;
  background-color: white;
  font-family: Consolas;
  font-size: 11px;
  padding: 2px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 1);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.created {
  box-sizing: border-box;
  background: transparent;
  opacity: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#created--root {
  position: absolute;
  top: 0px;
  left: 0px;
}

.informationNode {
  display: inline-block;
  position: absolute;
  color: red;
  background-color: white;
  font-family: Consolas;
  font-size: 11px;
  padding: 2px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 1);
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-overflow: ellipsis;
}

Add word-wrap to info labels

Add word-wrap to info labels

SQUASHED: AUTO-COMMIT-css-main.css,


Revert "Revert "CSS Fix for Slider""

Revert "Revert "CSS Fix for Slider""

This reverts commit 92a62cd1c70c3c57756d66b8d1c03e10295c6201.


.rich-text img {
	max-width: 100%;
	height: auto;
}

.responsive-object {
	padding-bottom: 0px !important;
}

.j-filters {
	display: none !important;
}

.juicer-feed.image-grid .j-poster {
	visibility: visible !important;
	opacity: 1 !important;
}

Juicer: Hide feed filters, show post author/date.


.layout-waterfall .mdl-layout__header-row .mdl-navigation__link:last-of-type {
    padding-right: 0;
}

/** App bar **/
.app-bar-btn {
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: 10px;
}

/** Search bar is a button too! **/
.search-bar {
    margin-right: 5px;
}

/** Fix checkboxes being crazy wide **/
.mdl-checkbox {
    max-width: 20px;
}

/** Cards **/
.manga_card {
    color: white;
}

.manga_card_img {
    width: 100%;
}

.manga_card_label {
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    padding: 8px;
}

.layout-waterfall .mdl-layout__header-row .mdl-navigation__link:last-of-type {
    padding-right: 0;
}

/** App bar **/
.app-bar-btn {
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: 10px;
}

/** Search bar is a button too! **/
.search-bar {
    margin-right: 5px;
}

/** Fix checkboxes being crazy wide **/
.mdl-checkbox {
    max-width: 20px;
}

/** Cards **/
.manga_card {
    color: white;
    position: relative;
}

.manga_card_img {
    width: 100%;
}

.manga_card_label {
    position: absolute;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    padding: 8px;
    bottom: 0;
}

Fix card labels pushing images upwards.

Fix card labels pushing images upwards.


.schedule__events {
  display: flex;
  width:   100%;
  height:  500px;
}

.schedule__events__day {
  width:          14%;
  max-width:      180px;
  height:         100%;
}

.schedule__events__day__label {
  width: 100%;
  height: 5%;
  text-align: center;
}

.schedule__events__day__events {
  position:       relative;
  box-sizing:     border-box;
  display:        flex;
  flex-direction: column;
  width:          100%;
  height:         95%;
  border:         1px solid black;
}

.event {
  position:         absolute;
  width:            100%;
  overflow:         hidden;
  border-top:       1px solid black;
  cursor:           ns-resize;
  background-color: white;
}

.event input {
  width: 3em;
}

.room__devices {
  display: flex;
  width:   600px;
}

.device {
  flex:   1;
  border: 1px solid black;
}

.schedule__events {
  display: flex;
  width:   100%;
  height:  500px;
}

.schedule__events__day {
  width:  150px;
  height: 100%;
}

.schedule__events__day__label {
  width: 100%;
  height: 5%;
  text-align: center;
}

.schedule__events__day__events {
  position:       relative;
  box-sizing:     border-box;
  display:        flex;
  flex-direction: column;
  width:          100%;
  height:         95%;
  border:         1px solid black;
}

.event {
  position:         absolute;
  width:            100%;
  overflow:         hidden;
  border-top:       1px solid black;
  cursor:           ns-resize;
  background-color: white;
}

.event input {
  width: 3em;
}

.room__devices {
  display: flex;
  width:   600px;
}

.device {
  flex:   1;
  border: 1px solid black;
}

Fix the width of the day columns.

Fix the width of the day columns.


body {
  background-color: #EEE;
}

img {
  width: 100%;
}

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
  padding: 0.05rem 0.5rem;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
  color: #FFF;
  background-color: #368a55;
  padding: 0.05rem 0.5rem;
}

.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
  background-color: #165e35;
  padding: 0.05rem 0.5rem;
}

.sub-nav dt.active a:focus, .sub-nav dd.active a:focus, .sub-nav li.active a:focus {
  background-color: #165e35;
  padding: 0.05rem 0.5rem;
}

body {
  background-color: #EEE;
}

img {
  width: 100%;
}

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
  padding: 0.05rem 0.5rem;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
  color: #FFF;
  background-color: #368a55;
  padding: 0.05rem 0.5rem;
}

.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
  cursor:pointer;
  background-color: #165e35;
  padding: 0.05rem 0.5rem;
}

.sub-nav dt.active a:focus, .sub-nav dd.active a:focus, .sub-nav li.active a:focus {
  background-color: #165e35;
  padding: 0.05rem 0.5rem;
}

Make filter elements use cursor on hover