.header {
    background-color: #212121;
    color: #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
}

.subtitle {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.container {
    max-width: 800px;
}

.value-prop {
    text-align: center;
}
.value-prop-header {
    text-transform: uppercase;
    font-size: 1.7rem;
    letter-spacing: .1rem;
    font-weight: 600;
}

.section {
    border-top: 1px solid #eee;
    padding: 4rem 0;
    margin-bottom: 0;
}
.section-header {
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: .2rem;
    font-weight: 600;
}

.screenshot {
    width: 100%;
    height: auto;
}

.footer {
    border-top: 1px solid #eee;
    padding-top: 4rem;
    padding-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    font-size: 0.7em;
    text-align: center;
}

body {
    background-color: #eee;
}

.header {
    background-color: #212121;
    color: #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
}

.subtitle {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.container {
    max-width: 900px;
    background-color: #fff;
    padding-left: 4rem;
    padding-right: 4rem;
}

.value-prop {
    text-align: center;
}
.value-prop-header {
    text-transform: uppercase;
    font-size: 1.7rem;
    letter-spacing: .1rem;
    font-weight: 600;
}

.section {
    border-top: 1px solid #eee;
    padding: 4rem 0;
    margin-bottom: 0;
}
.section-header {
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: .2rem;
    font-weight: 600;
}

.screenshot {
    width: 100%;
    height: auto;
}

.footer {
    border-top: 1px solid #eee;
    padding-top: 4rem;
    padding-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    font-size: 0.7em;
    text-align: center;
}

Tweak background color and middle column padding


.jumbotronBackground {
  background-color: pink;
}

#banner h1 {
  text-align: center;
}

.col-md-3 {
  background-color: green;
  min-height: 500px;
}

.jumbotronBackground {
  background-color: pink;
}

#banner h1 {
  text-align: center;
}

.col-md-2 {
  background-color: green;
  min-width: 240px;
  min-height: 500px;
}

.col-md-9 {
  padding-left: 80px;
}

Add styling for main body and update styling for side bar


.caption {
  color: grey;
}

.navbar-brand {
  text-transform: capitalize !important;
}

h1, h2, h3, h4, h5 {
  font-weight: bold;
}

html {
  font-size: 18px;
}

#navbar-main {
  background: #222222 !important;
}

.card-text h4 {
  text-transform: lowercase;
}

Change software names to lowercase

Change software names to lowercase


html{ min-height: 100%}
body{
	width: 100%;
  height: 100%;
	padding: 0;
	margin: 0;
	/*background: linear-gradient(45deg, #2f9ca8, #b04d9b);*/
	background: linear-gradient(28deg, #ffed63, #15d7da);
	font-family: 'Helvetica Neue', arial, sans-serif;
	font-weight: 400;
	color: #444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#app {
  padding: 40px;
  position: relative;
  margin: auto;
  margin-top: 200px;
  margin-bottom: 200px;
  max-width: 800px;
  border: solid 1px #919191;
  border-radius: 8px;
  background-color: #efefef;
}

.content {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

h2 {
  font-size: 1.7em;
}

.icon {
  font-size: 26px;
}

.file-add-icon {
  color: #49bc84;
}
.file-add-icon:hover {
  color: #47a973;
}

html{ min-height: 100%}
body{
	width: 100%;
  height: 100%;
	padding: 0;
	margin: 0;
	/*background: linear-gradient(45deg, #2f9ca8, #b04d9b);*/
	/*background: linear-gradient(28deg, #ffed63, #15d7da);*/
  background-color: #ffffff;
	font-family: 'Helvetica Neue', arial, sans-serif;
	font-weight: 400;
	color: #444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#app {
  /*padding: 40px;*/
  /*position: relative;*/
  /*margin: auto;*/
  /*margin-top: 200px;*/
  /*margin-bottom: 200px;*/
  /*max-width: 800px;*/
  /*border: solid 1px #919191;*/
  /*border-radius: 8px;*/
  /*background-color: #efefef;*/
  background-color: #ffffff;
}

.content {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

h2 {
  font-size: 1.7em;
}

.icon {
  font-size: 26px;
}

.file-add-icon {
  color: #49bc84;
}
.file-add-icon:hover {
  color: #47a973;
}

Adjust styles for the app being used in iframe


textarea {
	margin: 0px;
	width: 100%;
	height: 100%;
}

.row {
	display: flex;
	flex-direction: row;
}

.row:not(:first-child) {
	margin-top: 10px;
}

.column {
	display: inline-block;
	flex-grow: 1;
}

.column:first-child {
	padding-right: 10px;
}

.column:not(:first-child) {
	padding-left: 10px;
	text-align: right;
}

.content > div {
	height: 100%;
	max-width: 50%;
}

textarea {
	margin: 0px;
	width: 100%;
	height: 100%;
}

.row {
	display: flex;
	flex-direction: row;
}

.row:not(:first-child) {
	margin-top: 10px;
}

.column {
	display: inline-block;
	flex-grow: 1;
}

.column:first-child {
	padding-right: 10px;
}

.column:not(:first-child) {
	padding-left: 10px;
	text-align: right;
}

.content {
	height: 100%;
}

.content > div {
	max-width: 50%;
}

Set content to take full height ...

Set content to take full height ...


/* See : https://github.com/mouse0270/bootstrap-notify/issues/144 */
[data-notify="container"] {
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

Fix Bootstrap notify "animation-iteration-count" set to "infinite" by default.


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

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

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

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

.forgotten-wrap {
    position: relative;
}

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

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

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

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

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

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

.forgotten-wrap {
    position: relative;
}

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

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

Fix signin form width bug

Fix signin form width bug

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


Remove chart variables accidentally added in merge conflict resolution


.row {
    margin-bottom: 20px;
}

#similar-button, #edit-input-button, #edit-output-button {
    float: right;
}

.bracket {
    display: inline-block;
    width: 10px;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
}

.bracket-left {
    border-left: 3px solid black;
}

.bracket-right {
    border-right: 3px solid black;
}

.content {
    display: inline-block;
    vertical-align: top;
    padding-left: 3px;
    padding-right: 3px;
}

.pair {
    margin-right: 2px;
    margin-left: 2px;
}

.pair:after {
    clear: both;
    display: table;
    content: " ";
}

.value {
    margin-left: 10px;
    float: right;
}

.row {
    margin-bottom: 20px;
}

#similar-button, #edit-input-button, #edit-output-button {
    float: right;
    margin-left: 5px;
}

.bracket {
    display: inline-block;
    width: 10px;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
}

.bracket-left {
    border-left: 3px solid black;
}

.bracket-right {
    border-right: 3px solid black;
}

.content {
    display: inline-block;
    vertical-align: top;
    padding-left: 3px;
    padding-right: 3px;
}

.pair {
    margin-right: 2px;
    margin-left: 2px;
}

.pair:after {
    clear: both;
    display: table;
    content: " ";
}

.value {
    margin-left: 10px;
    float: right;
}

[Details] Increase horizontal space between "Edit input" / "Edit output"
/ "Similar rules" controls.


/* your custom css */

.homeContainer {
  background: #282c34;
  color: white;
  padding: 80px 0;
}

.homeContainer .button {
  background: #24292e;
  border-color: white;
}

.homeContainer * {
  color: inherit;
}

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

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

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

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

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

/* your custom css */

.homeContainer {
  background: #282c34;
  color: white;
  padding: 80px 0;
}

.homeContainer .button {
  background: #24292e;
  border-color: white;
}

.homeContainer * {
  color: inherit;
}

.post a {
  text-decoration: underline;
}

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

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

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

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

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

Add underlines for post links

Add underlines for post links


html, body, footer {
  margin: 0;
}

html, body {
  height: 100%;
}

.full-container {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -250px;
}

.full-container:after {
  content: "";
  display: block;
}

footer, .full-container:after {
  /* .push must be the same height as footer */
  height: 250px;
}

html, body, footer {
  margin: 0;
}

html, body {
  height: 100%;
}

.full-container {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -200px;
}

.full-container:after {
  content: "";
  display: block;
}

footer, .full-container:after {
  /* .push must be the same height as footer */
  height: 200px;
}

Change footer height to 200 pixels

Change footer height to 200 pixels


body {
  font-family: 'Inconsolata', monospace;
  font-size: 14px;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

main,
article[role="article"] {
  margin-bottom: 50px;
}

footer {
  text-align: right;
}

.layout-container {
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 700px) {
  .layout-container {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.links {
  text-align: right;
}

.links.inline li a {
  padding: 10px;
}

.field__entity-reference ul {
  padding-left: 0;
  text-align: right;
}

.field__entity-reference li:not(:last-child):after {
  content: ",";
}

.pager {
  text-align: center;
}

.links.inline li,
.field__entity-reference li,
.pager__item {
  display: inline;
}

.pager__item a {
  padding: 10px;
}

#block-sitebranding {
  text-align: center;
}

#block-sitebranding a {
  font-size: 2rem;
  font-weight: 700;
}

body {
  font-family: 'Inconsolata', monospace;
  font-size: 14px;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

main,
article[role="article"] {
  margin-bottom: 50px;
}

footer {
  text-align: right;
}

.layout-container {
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 700px) {
  .layout-container {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.links {
  text-align: right;
}

.links.inline li a {
  padding: 10px;
}

.field__entity-reference ul {
  padding-left: 0;
  text-align: right;
}

.field__entity-reference li:not(:last-child):after {
  content: ",";
}

.pager {
  text-align: center;
}

.links.inline li,
.field__entity-reference li,
.pager__item {
  display: inline;
}

.pager__item a {
  padding: 10px;
}

#block-minimono-branding {
  text-align: center;
}

#block-minimono-branding a {
  font-size: 2rem;
  font-weight: 700;
}

Rename site branding block id

Rename site branding block id


.reveal {
	font-size: 48px;
}
.reveal h6 {
	position: absolute;
	right: 0;
	text-align: right;
	top: -1.5em;
}
.reveal pre {
	font-size: .75em;
	white-space: pre;
	width: 100%;
}
.reveal pre.large {
	font-size: 1em;
}
.reveal pre.small {
	font-size: .65em;
}
/** add class that has smaller font by default and bigger when it's an important code **/
.reveal pre code {
	max-height: none;
	padding: 15px;
}

.reveal .mainFooter {
	bottom: 5px;
	border-top: solid 1px #d3d3d3;
	display: flex;
	font-size: 18px;
	left: 2%;
	justify-content: space-between;;
	padding: 5px;
	position: absolute;
	text-align: center;
	width: 96%;
}

.reveal {
	font-size: 48px;
}
.reveal .slides {
	z-index: 20;
}
.reveal h6 {
	position: absolute;
	right: 0;
	text-align: right;
	top: -1.5em;
}
.reveal pre {
	font-size: .75em;
	white-space: pre;
	width: 100%;
}
.reveal pre.large {
	font-size: 1em;
}
.reveal pre.small {
	font-size: .65em;
}
/** add class that has smaller font by default and bigger when it's an important code **/
.reveal pre code {
	max-height: none;
	padding: 15px;
}

.reveal .mainFooter {
	bottom: 5px;
	border-top: solid 1px #d3d3d3;
	display: flex;
	font-size: 18px;
	left: 2%;
	justify-content: space-between;;
	padding: 5px;
	position: absolute;
	text-align: center;
	width: 96%;
	z-index: 11;
}

Fix footer links so that they are clickable


/* CSS for  <main> */

main {
  background-color: white;
  margin-top: 50px;
}

main>div {
  padding: 100px;
}

/* CSS for  <main> */

main {
  background-color: white;
  margin-top: 50px;
}

section {
  border-top: 5px solid var(--faint-secondary-color);
}

main section {
  padding-top: 70px;
}

main>div {
  padding: 100px;
  padding-bottom: 0;
}

#button {
  padding-top: 0;
  border: none;
}

Add gray separation for the different component sections.


body {
  background-color: #F9F5FC;
}

div {
  background-color: #F1EEFA;
  border: 0.25em outset #F1EEFA;
  border-radius: 20%;
  color: #F1EEFA;
  display: inline-block;
  font-size: 2em;
  font-family: monospace;
  margin: 0;
  min-height: 1em;
  min-width: 1em;
}

.container {
  background-color: #F1EEFA;
  border: 0.5em inset #AAF;
  border-radius: 0.625em;
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  width: 30em;
}

.element-1 {
  background-color: #dde;
  border-color: #ccd;
  color: black;
}

body {
  background-color: #F9F5FC;
}

div {
  background-color: #F1EEFA;
  border: 0.25em outset #F1EEFA;
  border-radius: 20%;
  color: #F1EEFA;
  display: inline-block;
  font-size: 2em;
  font-family: monospace;
  margin: 0;
  min-height: 1em;
  min-width: 1em;
}

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

Update container in stylesheet to use box shadow


/* Hover highlight */
.leaflet-marker-icon {
  	opacity: 0 !important;
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
}

.leaflet-marker-icon:hover {
    opacity: 1 !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
}

/* Define hover tips style*/
.custom-hover {
}

.custom-control-hover-label {
	color: white;
	text-shadow: -2px -2px 4px #036;
}

/* Define popup style*/
.leaflet-popup-content-wrapper {
	background-color: #036;
	box-shadow: -2px -2px 2px white;
}

.leaflet-popup-close-button {
	background-color: transparent;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.leaflet-popup-content {
	margin: 12px;
}

#popup-title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
}

/* Hover highlight */
.leaflet-marker-icon {
  	opacity: 0 !important;
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
}

.leaflet-marker-icon:hover {
    opacity: 1 !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
}

/* Define hover tips style*/
.custom-hover {
}

.custom-control-hover-label {
	color: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=-2, OffY=-2, Color=#036)";
	text-shadow: -2px -2px 4px #036;
}

/* Define popup style*/
.leaflet-popup-content-wrapper {
	background-color: #036;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=-2, OffY=-2, Color=#FFFFFF)";
	box-shadow: -2px -2px 2px white;
}

.leaflet-popup-close-button {
	background-color: transparent;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.leaflet-popup-content {
	margin: 12px;
}

#popup-title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
}

Add IE css shadow property

Add IE css shadow property


#top {
display:block;
position: absolute;
top: 190px;
}
#second_from_top {
display: block;
position: relative;
top: 280px;
left: 100px;

}

#top {
display:block;
position: absolute;
top: 210px;
}
#second_from_top {
display: block;
position: relative;
top: 310px;
left: 100px;

}

Change position blocks week stylesheet

Change position blocks week stylesheet


body {
    margin: 60px auto;
    width: 70%;
}
nav ul, footer ul {
    font-family:'Helvetica', 'Arial', 'Sans-Serif';
    padding: 0px;
    list-style: none;
    font-weight: bold;
}
nav ul li, footer ul li {
    display: inline;
    margin-right: 20px;
}
a {
    text-decoration: none;
    color: #999;
}
a:hover {
    text-decoration: underline;
}
h1 {
    font-size: 3em;
    font-family:'Helvetica', 'Arial', 'Sans-Serif';
}
p {
    font-size: 1.5em;
    line-height: 1.4em;
    color: #333;
}
footer {
    border-top: 1px solid #d5d5d5;
    font-size: .8em;
}

ul.posts {
    margin: 20px auto 40px;
    font-size: 1.5em;
}

ul.posts li {
    list-style: none;
}

Remove uncommented lines from local dev index.html file and update repository.


.table > tbody > .works_title > td,
.table > tbody > .works_line > td,
.table > tbody > .materials_title > td,
.table > tbody > .materials_line > td {
    border: 0;
}

.table > tbody > .works_title > .works_lbl,
.table > tbody > .materials_title > .materials_lbl {
    padding-left: 15px;
    font-style: italic;
    text-decoration: underline;
}

.table > tbody > .works_line > .works_line_name,
.table > tbody > .materials_line > .materials_line_name {
    padding-left: 25px;
}

.works_line_hours, .works_line_price,
.materials_line_qty, .materials_line_price {
    text-align: right;
}

Add new line at end of file

Add new line at end of file


table{
  border-collapse: collapse;
}
td{
border: 1px solid grey;
}
table tr:nth-child(odd) {
  height: 5px;
}
table tr:nth-child(even) {
  height: 40px;
}
tr td:nth-child(odd) {
  width: 5px;
}
tr td:nth-child(even) {
  width: 40px;
}

.wall, .wallspot:hover{
  background-color: black;
}

.tile{
  background-color: lightblue;
}

rzslider{
    width: 200px;
/*    width: 80%;*/
}

.vertical-sliders {
    margin: 0;
}
.vertical-sliders > div {
    height: 250px;
}
rzslider.rz-vertical {
    height: 250px;
}

.confirmation {
    width: 300px;
    border: 1px dashed black;
}
.plusminus{
    box-sizing: content-box;
    width: 2em;
    padding: 0px 15px;
}
.count{
    font-size: 2em;
}

table{
  border-collapse: collapse;
}
td{
border: 1px solid grey;
}
table tr:nth-child(odd) {
  height: 5px;
}
table tr:nth-child(even) {
  height: 40px;
}
tr td:nth-child(odd) {
  width: 5px;
}
tr td:nth-child(even) {
  width: 40px;
}
.wall{
  background-color: black;
}
.wallspot:hover{
  background-color: darkgrey;
}

.tile{
  background-color: lightblue;
}

rzslider{
    width: 200px;
/*    width: 80%;*/
}

.vertical-sliders {
    margin: 0;
}
.vertical-sliders > div {
    height: 250px;
}
rzslider.rz-vertical {
    height: 250px;
}

.confirmation {
    width: 300px;
    border: 1px dashed black;
}
.plusminus{
    box-sizing: content-box;
    width: 2em;
    padding: 0px 15px;
}
.count{
    font-size: 2em;
}

Fix color of hovered wall

Fix color of hovered wall


/* Copyright 2014 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */
.pie-chart .arc-text {
  font-size: 8pt;
}

.pie-chart .label {
  font-size: 10pt;
}

.pie-chart polyline {
  fill: none;
  opacity: .3;
  stroke: black;
  stroke-width: 2px;
}

/* Copyright 2014 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */
.pie-chart .arc-text {
  font-size: 8pt;
}

.pie-chart .label {
  font-size: 10pt;
}

.pie-chart polyline {
  fill: none;
  stroke: black;
}

Make lines a bit more visible in pie chart


div.tip {
  background-color: #d0e0f7;
  border: 1px solid #a0d0f0;
}

dl.class dt code.descname{
  margin-bottom: 0.5em;
}

/* Stop headings from appearing as links when 'contents' is used */
h2 a {
    color: inherit;
    text-decoration: none;
}

Stop headings from appearing as links

Stop headings from appearing as links


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

}

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

}

Fix second from top in week3

Fix second from top in week3


body {
    padding-top: 51px;
    background-color: #eee;
}
footer {
    border-top: 1px solid #e7e7e7;
    margin-top: 25px;
    overflow: hidden;
    padding: 5px;
    color: #b2b2b4;
    font-size: 13px;
}
footer a {
    float: right;
    color: #b2b2b4;
}

body {
    padding-top: 51px;
    background-color: #eee;
}

/* Menu */
#layer-sidebar ul,
#layer-sidebar li,
#layer-sidebar a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    position: relative;
}

#layer-sidebar a {
    line-height: 1.3;
    padding: 5px 10px;
    display: block;
}

#layer-sidebar li > span {
    line-height: 1.3;
    padding: 5px 10px;
    display: block;
    font-weight: bold;
}

#layer-sidebar li.active a {
    font-weight: bold;
}

#layer-sidebar li > ul > li {
    padding-left: 25px;
}

footer {
    border-top: 1px solid #e7e7e7;
    margin-top: 25px;
    overflow: hidden;
    padding: 5px;
    color: #b2b2b4;
    font-size: 13px;
}
footer a {
    float: right;
    color: #b2b2b4;
}

Add some ugly styles for sidebar menu

Add some ugly styles for sidebar menu


body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}
.navbar-brand {
    margin-left: 100px;
}
.showdown {
    display: inline-block;
    width: 20%;
    border: 3px solid transparent;
}

.thumbnail {
    padding: 0;
}

.thumbnail .inner-container {
    border: 4px solid transparent;
    transition: border-color 0.2s;
    overflow: hidden;
}

.thumbnail .inner-container:hover {
    border-color: #23b7f5;
    cursor: pointer;
}

.thumbnail img {
    max-width: 120%;
}

.thumbnail .image-container {
    height: 350px;
    background-color: #3b3f51;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

img {
    max-width: 100%;
}
/* My Test style*/

body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}
.toast-top-right {
    margin-top:60px;
}
.navbar-brand {
    margin-left: 100px;
}
.showdown {
    display: inline-block;
    width: 20%;
    border: 3px solid transparent;
}

.thumbnail {
    padding: 0;
}

.thumbnail .inner-container {
    border: 4px solid transparent;
    transition: border-color 0.2s;
    overflow: hidden;
}

.thumbnail .inner-container:hover {
    border-color: #23b7f5;
    cursor: pointer;
}

.thumbnail img {
    max-width: 120%;
}

.thumbnail .image-container {
    height: 350px;
    background-color: #3b3f51;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

img {
    max-width: 100%;
}
/* My Test style*/

Set 60px margin-top to .toast-top-right (Toastr container) to position it bellow the navbar


/* Styles for the options page on Linux
 * Part of the CRX Options Page boilerplate
 *
 * Copyright 2013-2015 Zachary Yaro
 * Released under the MIT license
 * https://raw.github.com/zmyaro/crx-options-page/master/LICENSE.txt
 */

body {
	font-family: Cantarell, Arial, sans-serif;
}

/* Styles for the options page on Linux
 * Part of the CRX Options Page boilerplate
 *
 * Copyright 2013-2015 Zachary Yaro
 * Released under the MIT license
 * https://raw.github.com/zmyaro/crx-options-page/master/LICENSE.txt
 */

body {
	font-family: sans-serif;
}

Use the default sans-serif font on Linux


h1 {
  font-size: 32px;
}

section code {
  width: auto;
  padding: 1px;
  border: 1px solid gray;
  border-radius: 4px;
  background-color: lightgray;
}

pre code {
  background-color: transparent;
  border: none;
}

img {
  float: right;
  padding-left: 8px;
  width: 240px;
}

Add new stylesheet for updated blog design


.tag-short .post-full-image {
    height: 400px;
}

@media (max-width: 1170px) {
    .tag-short .post-full-image {
        height: 250px;
    }
}

@media (max-width: 800px) {
    .tag-short .post-full-image {
        height: 150px;
    }
}

.site-nav {
    height: 54px;
}

.site-nav-left {
    padding-top: 5px;
}

.site-nav-right {
    padding-top: 5px;
}

.tag-short .post-full-image {
    height: 400px;
}

@media (max-width: 1170px) {
    .tag-short .post-full-image {
        height: 250px;
    }
}

@media (max-width: 800px) {
    .tag-short .post-full-image {
        height: 150px;
    }
}

.site-nav {
    height: 54px;
    overflow: hidden;
}

.site-nav-left {
    padding-top: 5px;
}

.site-nav-right {
    padding-top: 5px;
}

Fix top menu overflow issue

Fix top menu overflow issue


/* Textarea for custom styles. */
#my-style-input {
  /* Position on right side, taking up entire browser height. */
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;

  /* Should be visible above all other elements. */
  z-index: 5000000;
  overflow: auto;
  outline: none;
  padding: 10px 20px;

  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  border-left: 1px solid #ccc;

  /* Dark code font with light background. */
  color: #222;
  background: #fcfcfc;
  font: 13px "Inconsolata", "Consolas", "Menlo", "Monaco",
    "Lucida Console", "Courier New", "Courier", monospace;
}

/* Textarea for custom styles. */
#my-style-input {
  /* Position on right side, taking up entire browser height. */
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;

  /* Should be visible above all other elements. */
  z-index: 5000000;
  overflow: auto;
  outline: none;
  padding: 10px 20px;

  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  border-left: 1px solid #ccc;

  /* Dark code font with light background. */
  color: #222;
  background: #fcfcfc;
  font: 13px "Inconsolata", "Consolas", "Menlo", "Monaco",
    "Lucida Console", "Courier New", "Courier", monospace;

  /* Maintain left-to-right direction even on right-to-left websites. */
  direction: ltr;
  text-align: left;
}

Maintain editor's left-to-right direction even on right-to-left websites.


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

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

Add a background for the New Year

Add a background for the New Year


div.yuimenu {
	background:#FFFFFF url(../images/swat-frame-background.png) no-repeat scroll right top;
	border-color: #DCCEB2;
}

div.yuimenu h6,
div.yuimenubar h6 {
	color: #837352;
}

div.yuimenu li a,
div.yuimenubar li a {
	font-size: 13px;
}

div.yuimenu li a,
div.yuimenubar li a {
	color: #3F5ACE;
	outline: none;
}

div.yuimenu li.selected a.selected,
div.yuimenubar li.selected a.selected {
	color: #3F5ACE;
	text-decoration: underline;
	outline: none;
}

div.yuimenu li.selected,
div.yuimenubar li.selected {
	background: none;
}

Check in some rough initial styles for the SwatMenu - lots more to do here

svn commit r15352


.Content {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0px none transparent;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  position: fixed;
  left: 140px;
}

.Content {
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  border: 0px none transparent;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  display: block;
  max-width: 100%;
  box-sizing: border-box;
}

Use viewport instead of fixed position

Use viewport instead of fixed position


code, kbd, pre, samp {
  font-family: monospace !important;
}

.ace_cursor {
  animation: none !important;
}

@-moz-document domain(github.com) {
  .blob-code-inner,
  .blob-num,
  .commit-ref,
  .commit-tease-sha,
  .file-info,
  .sha,
  .sha-block {
    font-family: monospace !important;
  }

  .blob-code-inner,
  .blob-num,
  .file-info {
    font-size: 14px !important;
  }
}

code, kbd, pre, samp {
  font-family: monospace !important;
}

.ace_cursor {
  animation: none !important;
}

@-moz-document domain(github.com) {
  .blob-code-inner,
  .blob-num,
  .commit-ref,
  .commit-tease-sha,
  .file-info,
  .sha,
  .sha-block {
    font-family: monospace !important;
  }

  .blob-code-inner,
  .blob-num,
  .file-info {
    font-size: 14px !important;
  }

  .comment-body code,
  .comment-body kbd,
  .comment-body pre,
  .comment-body samp {
    font-size: inherit !important;
  }
}

firefox: Increase font size of code in github.com comments


.card:hover {
    background-color: #ededed
}
.card-inverse {
    background-color: #333 !important;
    border-color: #333
}
.card-inverse:hover {
    background-color: #333 !important;
    border-color: #333
}
card-img-top {
    width: 100%;
    height: 200px
}

.card:hover {
    background-color: #ededed
}
.card-inverse {
    background-color: #333 !important;
    border-color: #333
}
.card-inverse:hover {
    background-color: #333 !important;
    border-color: #333
}
.card-img-top {
    width: 100%;
    height: 200px
}

Fix flag size (missing identifier)

Fix flag size (missing identifier)


html,
body {
    height: 100%;
    }

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px;
    }
#footer {
    background-color: #4E5D6C;
	}
#push,
#footer {
    height: 40px;
    }
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
      }
    }

html,
body {
    height: 100%;
    }

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px;
    }
#footer {
	font-size: 12px;
    background-color: #4E5D6C;
	color: #DF691A;
	}
#footer a {
	color: #EBEBEB;
	}
#footer p {
	margin: 0;
	padding-top: 10px;
	}
#push,
#footer {
    height: 40px;
    }
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
      }
    }

Fix the footer colors and placement

Fix the footer colors and placement


body {
  margin: 1% 10% 0 10%;
  background-color: #F2F2F2;
}

.bodywhite {
  background-color: #fff;
  height: 100%;
  width: 100%;
  border-radius: .6%;
  border: 1px solid #121f1f;
}

.header {
  text-align: center;
  border-bottom: 2px solid gray;
  background-color: #fff;
  margin: 0 1% 0 1%;
}

.selfie {
  border-radius: 50%;
  padding: 1%;
}

nav {
  text-align: center;
  margin-bottom: 1%;
}

nav a {
  margin: 3px;
  font-size: 18px;
  font-family: Verdana, sans-serif, Times;
}

.content {
  padding: 2%
}

footer {
  border-top: 2px solid gray;
  background-color: #fff;
  bottom: 0;
  margin: 1% 1% 1% 1%;
  padding: 1%
}

.footemail {
  list-style: none;
  margin-left: -4%
}

.footli {
  list-style: none;
  float: right;
  margin: -25px 5px 0 0
}

.blogpostindex {
  list-style: none;
  margin-left: -4%;
}

body {
  margin: 1% 10% 0 10%;
  background-color: #F2F2F2;
}

.bodywhite {
  background-color: #fff;
  height: 100%;
  width: 100%;
  border-radius: 1%;
  border: 2px solid #121f1f;
}

.header {
  text-align: center;
  border-bottom: 2px solid gray;
  background-color: #fff;
  margin: 0 1% 0 1%;
}

.selfie {
  border-radius: 50%;
  padding: 1%;
}

nav {
  text-align: center;
  margin-bottom: 1%;
}

nav a {
  margin: 3px;
  font-size: 18px;
  font-family: Verdana, sans-serif, Times;
}

.content {
  padding: 2%
}

footer {
  border-top: 2px solid gray;
  background-color: #fff;
  bottom: 0;
  margin: 1% 1% 1% 1%;
  padding: 1%
}

.footemail {
  list-style: none;
  margin-left: -4%
}

.footli {
  list-style: none;
  float: right;
  margin: -25px 5px 0 0
}

.blogpostindex {
  list-style: none;
  margin-left: -4%;
}

Adjust body border, and radius

Adjust body border, and radius


/*

   TEXT TRANSFORM

*/

.ttc { text-transform: capitalize; }
.ttu { text-transform: uppercase; letter-spacing: .2em; }

@media (--breakpoint-not-small) {
  .ttc-ns { text-transform: capitalize; }
  .ttu-ns { text-transform: uppercase; letter-spacing: .2em; }
}

@media (--breakpoint-medium) {
  .ttc-m { text-transform: capitalize; }
  .ttu-m { text-transform: uppercase; letter-spacing: .2em; }
}

@media (--breakpoint-large) {
  .ttc-l { text-transform: capitalize; }
  .ttu-l { text-transform: uppercase; letter-spacing: .2em; }
}

/*

   TEXT TRANSFORM

*/

.ttc { text-transform: capitalize; }
.ttl { text-transform: lowercase; }
.ttn { text-transform: none; }
.ttu,
.caps {
  text-transform: uppercase;
  letter-spacing: .2em;
}

@media (--breakpoint-not-small) {
  .ttc-ns { text-transform: capitalize; }
  .ttl-ns { text-transform: lowercase; }
  .ttn-ns { text-transform: none; }
  .ttu-ns,
  .caps-ns {
    text-transform: uppercase;
    letter-spacing: .2em;
  }
}

@media (--breakpoint-medium) {
  .ttc-m { text-transform: capitalize; }
  .ttl-m { text-transform: lowercase; }
  .ttn-m { text-transform: none; }
  .ttu-m,
  .caps-m {
    text-transform: uppercase;
    letter-spacing: .2em;
  }
}

@media (--breakpoint-large) {
  .ttc-l { text-transform: capitalize; }
  .ttl-l { text-transform: lowercase; }
  .ttn-l { text-transform: none; }
  .ttu-l,
  .caps-l {
    text-transform: uppercase;
    letter-spacing: .2em;
  }
}

Update with more text transform options.


.cell {
  border: 1px solid dimgray;
  height: 20px;
  width: 50px;
}

.cell input {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  height: 18px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  box-sizing:border-box;
}

.cell {
  border: 1px solid dimgray;
  height: 20px;
  width: 50px;
  display: inline-block;
  margin: 1px;
}

.cell input {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  box-sizing:border-box;
}

Fix cell styles to show cells properly next to each other


/* callimachus.css */

html {
    overflow-y: scroll;
}

.wait,.wait * {
    cursor:wait;
}

.drag-over {
    cursor:copy;
}

.noauth .protected {
    display: none !important;
}

time {
    white-space:nowrap;
}

[dropzone] .ui-state-highlight {
    white-space:nowrap;
}

iframe.ui-widget-content.ui-dialog-content {
    margin:0;
    padding:0;
}

html.iframe {
    overflow-y: auto;
}

pre {
    white-space:pre-wrap;
}

img.icon {
    max-height:1em;
    padding-right:2pt;
    vertical-align:text-top;
}

.flex {
    display:block;
}

.summary {
    line-height:1em;
    max-height:3.1em;
    overflow:hidden;
}

.summary * {
    margin:0;
    padding:0;
}

/* callimachus.css */

html {
    overflow-y: scroll;
}

.wait,.wait * {
    cursor:wait;
}

.drag-over {
    cursor:copy;
}

html.logout .protected,
html.logout .hidden-logout {
    display: none !important;
}

html.login .hidden-login {
    display: none !important;
}

html.iframe .hidden-iframe {
    display: none !important;
}

html.iframe {
    overflow-y: auto;
}

time {
    white-space:nowrap;
}

[dropzone] .ui-state-highlight {
    white-space:nowrap;
}

iframe.ui-widget-content.ui-dialog-content {
    margin:0;
    padding:0;
}

pre {
    white-space:pre-wrap;
}

img.icon {
    max-height:1em;
    padding-right:2pt;
    vertical-align:text-top;
}

a.ui-icon {
    display:inline-block;
    vertical-align:text-bottom;
}

.flex {
    display:block;
}

.summary {
    line-height:1em;
    max-height:3.1em;
    overflow:hidden;
}

.summary * {
    margin:0;
    padding:0;
}

Add .hidden-iframe/.hidden-logout/.hidden-login to common CSS


.ChannelImage {
  display: block;
  height: 100%;
  width: 100%;
  max-width: 200px;
  margin: 0 auto 24px;
}

.ChannelImage {
  display: block;
  height: 100%;
  width: 100%;
  max-width: 160px;
  margin: 0 auto 24px;
}

Adjust channel image size. It's smaller

Adjust channel image size. It's smaller


body {
    font-family: Georgia;
    font-size:44px;
    padding:20px;
    text-align:justify;
}

h1 {
    font-family : Geordia;
    font-size:64px;
    margin-bottom:10px;
    text-align:center;
}

h2 {
    font-family:Helvetica;
    font-size:12px;
    color:#999;
    padding-bottom:5px;
    border-bottom:3px solid #ccc;
}

img {
    max-width:100%;
    height:auto;
    float:middle
    /*padding:10px;
    border:1px solid #ccc;*/
}

p.read {
    text-align:justify;
}

p.read img {
    border:0px;
    width:125px;
    height:30px;
}

p.main {
    text-align:justify;
}

div.field-image {
   width: 85%;
   margin-left: auto;
   margin-right: auto;
}

body {
    font-family: PTSans-Caption;
    font-size:44px;
    padding:20px;
    text-align:justify;
}

h1 {
    font-family : Geordia;
    font-size:64px;
    margin-bottom:10px;
    text-align:center;
}

h2 {
    font-family:Helvetica;
    font-size:12px;
    color:#999;
    padding-bottom:5px;
    border-bottom:3px solid #ccc;
}

img {
    max-width:100%;
    height:auto;
    float:middle
    /*padding:10px;
    border:1px solid #ccc;*/
}

p.read {
    text-align:justify;
}

p.read img {
    border:0px;
    width:125px;
    height:30px;
}

p.main {
    text-align:justify;
}

div.field-image {
   width: 85%;
   margin-left: auto;
   margin-right: auto;
}

Use "PT Sans" for a Readability view.

Use "PT Sans" for a Readability view.

git-svn-id: de098944496d99a526405b0ca0c6b0618b5163f8@420 59dca7bf-9055-4625-9011-bab61c547c97


#scripts-files option.injected {
    color: rgb(70, 134, 240);
}

.data-grid table {
    line-height: 120%;
}

body.attached #toolbar {
    height: 34px;
    border-top: 1px solid rgb(100, 100, 100);
    cursor: default; /* overriden */
    padding-left: 0;
}

/* Chrome theme overrides */
#toolbar {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 247, 253)), to(rgb(223, 234, 248)));
}

DevTools: Use Chrome's colors for DevTools toolbar.

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

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

Former-commit-id: 974b1191b22440bb0f5e93b9989aeac395fef669


body {
  padding: 30px;
}

#splash #sign-up {
  display: block;
  width: 320px;
  height: 80px;
  background: url('/static/img/milky-way-galaxy.jpg');
  margin: 0 auto;
  line-height: 80px;
  font-size: 18px;
  padding: 0;
  background-position: 980px 400px;
  color: #ddd;
}

#splash #sign-up:hover {
  color: #f5f5f5;
}

#splash h1 {
  text-align: center;
}

#topbar {
  margin-bottom: 30px;
  background: url('/static/img/milky-way-galaxy.jpg');
  background-position: 0 210px;
}

#topbar .username {
  padding: 6px 16px;
}

#topbar .username img {
  width: 38px;
  height: 38px;
}

.build-step-log {
  max-height: 300px;
  overflow: auto;
}

body {
  padding: 30px;
}

#splash #sign-up {
  display: block;
  width: 320px;
  height: 80px;
  background: url('/static/img/milky-way-galaxy.jpg');
  margin: 0 auto;
  line-height: 80px;
  font-size: 18px;
  padding: 0;
  background-position: 980px 400px;
  color: #ddd;
}

#splash #sign-up:hover {
  color: #f5f5f5;
}

#splash h1 {
  text-align: center;
}

#topbar {
  margin-bottom: 30px;
  background: url('/static/img/milky-way-galaxy.jpg');
  background-position: 0 210px;
}

#topbar .username {
  padding: 6px 16px;
}

#topbar .username img {
  width: 38px;
  height: 38px;
}

.build-step-log {
  max-height: 400px;
  overflow: auto;
  border: none;
  background: #111;
  color: #f5f5f5;
  font-size: 12px;
}

Make build log background dark

Make build log background dark


.zci--solar_system .objects--objectImage {
    height: 60px;
    width: 60px;
    display: table-cell;
    vertical-align: middle;
    background-color: #333;
    border-radius: 5%;
    line-height: 0.5;
    text-align: center;
}

.zci--solar_system .objects--objectAttribute {
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.2;
    display:block;
}

.zci--solar_system .objects--objectName {
    font-size: 15px;
    font-weight: 500;
}

.zci--solar_system .objects--info {
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.zci--solar_system .objects--body {
    display: table;
}

.zci--solar_system .objects--objectImage {
    height: 60px;
    width: 60px;
    display: table-cell;
    vertical-align: middle;
    background-color: #333;
    border-radius: 5%;
    line-height: 0.5;
    text-align: center;
}

.zci--solar_system .objects--objectAttribute {
    font-size: 1.319em;
    font-weight: 700;
    line-height: 1.2;
    display:block;
}

.zci--solar_system .objects--objectName {
    font-size: 0.972em;
    font-weight: 500;
}

.zci--solar_system .objects--info {
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.zci--solar_system .objects--body {
    display: table;
}

Planets: Update css font-size for classes
+ objects--objectAttribute
+ objects--objectName


.container {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: inherit;
    width: 100%;
    overflow: hidden;
}

.rigid {
    flex-grow: 0;
    flex-shrink: 0;
}

.elastic {
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    /* height: 100%; */
}

.container {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: inherit;
    width: 100%;
    overflow: hidden;
}

.rigid {
    flex-grow: 0;
    flex-shrink: 0;
}

.elastic {
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    height: 100%; /* Needed by iOS */
}

Set 100% height on elastic elements.

Set 100% height on elastic elements.


GtkButton {
  engine: none;
  border-radius: 0;
  background-image: none;
  border-image: none;
  border-style: none;
  background-color: rgba(0, 0, 0, 0);
  border-width: 0;
}

.row1, .row2, .row3 {
  /*border:5px solid blue;*/
  border-width: 5;
  border-style: solid;
  border-color: blue;
  background-color:orange;
}

.column1 {
  border-radius: 20/*px*/;
}

.column2 {
  border-radius: 0;
}

.row2 {
  box-shadow:
    rgba(0,0,0,1)
    15/*px*/ 15/*px*/
    inset
}

.row3 {
  box-shadow:
    rgba(0,0,0,1)
    15/*px*/ 15/*px*/ 0
    10/*px*/ /*spread*/
    inset
}

.reference-border {
  border-width: 5;
  border-style: solid;
  border-color: blue;
}

.reference-background {
  background-color: orange;
}

.reference-shadow {
  background-color: rgba(0,0,0,1);
}

.reference-padding-radius {
  border-radius: 15
}

.reference-radii1 {
  border-radius: 15 0 10;
}

.reference-radii2 {
  border-radius: 5 0 10;
}

GtkButton {
  engine: none;
  border-radius: 0;
  background-image: none;
  border-image: none;
  border-style: none;
  background-color: rgba(0, 0, 0, 0);
  border-width: 0;
}

.row1, .row2, .row3 {
  /*border:5px solid blue;*/
  border-width: 5;
  border-style: solid;
  border-color: blue;
  background-color:orange;
}

.column1 {
  /* border-radius: 20px */;
}

.column2 {
  border-radius: 0;
}

.row2 {
  box-shadow:
    rgba(0,0,0,1)
    15/*px*/ 15/*px*/
    inset
}

.row3 {
  box-shadow:
    rgba(0,0,0,1)
    15/*px*/ 15/*px*/ 0
    10/*px*/ /*spread*/
    inset
}

.reference-border {
  border-width: 5;
  border-style: solid;
  border-color: blue;
}

.reference-background {
  background-color: orange;
}

.reference-shadow {
  background-color: rgba(0,0,0,1);
}

/*
.reference-padding-radius {
  border-radius: 15
}

.reference-radii1 {
  border-radius: 15 0 10;
}

.reference-radii2 {
  border-radius: 5 0 10;
}
*/

Disable border-radius tests for shadow

reftests: Disable border-radius tests for shadow

We get rendering artifacts that make tests fail. Not good.
The code is only commented out so far, so it should be trivial to
reenable if someone wants to. (Or this commit could just be reverted.)


/* Codelighter */
pre {
	font-family: Monospace, "Monotype Corsiva";
 	background-color:#fdf6e3;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
    overflow: auto;
    padding: 10px;
    color:#657b83;
}

/*xml*/
.ch-tag{color:#268bd2;}
.ch-attrName{color:#93a1a1;}

/*js*/
.ch-keywords{color:#268bd2;}
.ch-atom{color:#dc322f;}
.ch-operator{color:#cb4b16;}

/*css*/
.ch-selector{color:#859900;}
.ch-property{color:#b58900}

.ch-attrValue,
.ch-attrValue .ch-keywords,
.ch-attrValue .ch-comment{
	color:#2aa198;
}
.ch-comment,
.ch-comment .ch-keywords{
	color:#6c71c4;
}

/* Codelighter */
pre {
	font-family: Monospace, "Monotype Corsiva";
 	background-color:#fdf6e3;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
    overflow: auto;
    padding: 10px;
    color:#657b83;
}

/* xml */
.ch-tag{color:#268bd2;}
.ch-attrName{color:#93a1a1;}

/* js */
.ch-keywords{color:#268bd2;}
.ch-atom{color:#dc322f;}
.ch-operator{color:#cb4b16;}

/* css */
.ch-selector{color:#859900;}
.ch-property{color:#b58900;}

.ch-attrValue,
.ch-attrValue .ch-keywords,
.ch-attrValue .ch-comment{
	color:#2aa198;
}

.ch-comment,
.ch-comment .ch-tag,
.ch-comment .ch-attrName,
.ch-comment .ch-keywords,
.ch-comment .ch-atom,
.ch-comment .ch-operator,
.ch-comment .ch-selector,
.ch-comment .ch-property,
.ch-comment .ch-attrValue
{
	color:#6c71c4;
}

Add specificity on Comments Codelighter

Add specificity on Comments Codelighter


@import "./declarations.css";
@import "./fonts.css";

html {
  font-family: var(--font-standard);
}

@import "./declarations.css";
@import "./fonts.css";

html,
input,
button {
  font-family: var(--font-standard);
}

Add input and button to default font selector


.navbar-inner,
.navbar-header {
    min-height: 70px !important;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-nav > li > a {
    line-height: 40px;
    font-size: 20px;
}

.splash > p {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 30px;
    margin-right: 30px;
    width: 60%;
}

.btn-oval {
    width: 70%;
    height: 80px;
    text-align: center;
    padding: 5px 0;
    font-size: 50px;
    line-height: 1.42;
    border-radius: 50px;
    color: white;
    background-color: crimson;
}

.blurb {
    text-align: center;
}

.footer-color {
    background-color: #F8F8F8;
    padding-top: 20px;
    padding-bottom: 50px;
}

body {
    padding-top: 70px;
    font-size: 25px;
}

.container {
    max-width: 900px;
}

.navbar-inner,
.navbar-header {
    min-height: 70px !important;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-nav > li > a {
    line-height: 40px;
    font-size: 20px;
}

.splash > p {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 30px;
    margin-right: 30px;
    width: 60%;
}

.btn-oval {
    width: 70%;
    height: 80px;
    text-align: center;
    padding: 5px 0;
    font-size: 50px;
    line-height: 1.42;
    border-radius: 50px;
    color: white;
    background-color: crimson;
}

.blurb {
    text-align: center;
}

.footer-color {
    background-color: #F8F8F8;
    padding-top: 20px;
    padding-bottom: 50px;
}

body {
    padding-top: 70px;
    font-size: 16px;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 40px;
}

.container {
    max-width: 900px;
}

article {
    padding: 20px;
}

Clean up the style (a little bit).

Clean up the style (a little bit).


.documents-list-table {
	max-height: 242px;
	overflow: hidden;
	overflow-y: scroll;
	border: 1px solid var(--light-medium-background);
}

.documents-list-table .submitted-user-data-table {
	width:99.99%; /* Hack to help make the right border of responsive table visible */
}

@media only screen and (max-width: var(--mobile-width)) {
	.documents-list-table {
		max-height: none;
	}
}

Make document list not scrollable zone on mobile


body {
padding: 0;
margin: 0;
}
#navigation {
position: fixed;
top: 0;
width: 100%;
color: #ffffff;
height: 35px;
text-align: center;
padding-top: 15px;
/* Adds shadow to the bottom of the bar */
-webkit-box-shadow: 0px 0px 8px 0px #000000;
-moz-box-shadow: 0px 0px 8px 0px #000000;
box-shadow: 0px 0px 8px 0px #000000;
/* Adds the transparent background */
background-color: rgba(1, 1, 1, 0.8);
color: rgba(1, 1, 1, 0.8);
}
#navigation a {
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
color: white;
text-decoration: none;
}

#navigation a:hover {
color: grey;
}

body {
padding: 0;
margin: 0;
}
#navigation {
position: fixed;
clear: both;
top: 0;
width: 100%;
color: #ffffff;
height: 35px;
text-align: center;
padding-top: 15px;
/* Adds shadow to the bottom of the bar */
-webkit-box-shadow: 0px 0px 8px 0px #000000;
-moz-box-shadow: 0px 0px 8px 0px #000000;
box-shadow: 0px 0px 8px 0px #000000;
/* Adds the transparent background */
background-color: rgba(1, 1, 1, 0.8);
color: rgba(1, 1, 1, 0.8);
}
#navigation a {
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
color: white;
text-decoration: none;
}

#navigation a:hover {
color: grey;
}

Make navbar clear page content

Make navbar clear page content


body{
  color: white;
  background-image: url("../imgs/bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #000;
}

h1 {
  color: white;
}

li{
  list-style-type: none;
}
#links{
  border: 2px solid pink;
}

#center_carousel{
  border: 2px solid pink;
  background-color: grey;
}

#twitter{
  border: 2px solid pink;
}

#footer{
  background: pink;
  position: fixed;
  bottom: 0;
  width: 100%;
}

body{
  color: white;
  background-image: url("../imgs/bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #000;
}

h1 {
  color: white;
}

li{
  list-style-type: none;
}
#links{
  border: 2px solid pink;
}

#center_carousel{
  border: 2px solid pink;
  background-color: grey;
  height: 30em;
}

#twitter{
  border: 2px solid pink;
}

#footer{
  background: pink;
  position: fixed;
  bottom: 0;
  width: 100%;
}

#home_view {
  display: none;
  padding: 0 2.5%;
  height: 23em;
  overflow: auto
}

Set css to none for home_view.

Set css to none for home_view.


.ConsentComponent {
  clear: both;
  padding-top: 1px;
}
.ConsentComponent--opt-in-reason {
  margin: 20px 0;
}

.ConsentComponent--opt-out-warn {
  margin: 15px 0;
  padding: 10px;
  color: red;
  border: 2px solid red;
}

.ConsentComponent--opt-out-warn-title {
  font-weight: bold;
}

.ConsentComponent--opt-out-warn-message {
  margin-top: 10px;
}
.ConsentComponent--prompt {
  margin-bottom: 15px;
}

.ConsentComponent--how-to-opt-out {
  margin-bottom: 15px;
}

.ConsentComponent {
  clear: both;
  padding-top: 1px;
  margin-top: 20px;
}
.ConsentComponent--opt-in-reason {
  margin: 20px 0;
}

.ConsentComponent--opt-out-warn {
  margin: 15px 0;
  padding: 10px;
  color: red;
  border: 2px solid red;
}

.ConsentComponent--opt-out-warn-title {
  font-weight: bold;
}

.ConsentComponent--opt-out-warn-message {
  margin-top: 10px;
}
.ConsentComponent--prompt {
  margin-bottom: 15px;
}

.ConsentComponent--how-to-opt-out {
  margin-bottom: 15px;
}

Add some space above consent options

:lipstick: Add some space above consent options


body.private > #errorPageContainer {
  background-image: url("chrome://browser/skin/Privacy-48.png");
}

body.normal > #errorPageContainer {
  background-image: url("chrome://global/skin/icons/question-48.png");
}

#clearRecentHistoryDesc {
  margin-top: 2em;
}

#clearRecentHistoryDesc > p {
  font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */
}

#startPrivateBrowsingDesc > button {
  -moz-margin-start: 0;
}

#footerDesc > p {
  font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */
}

#moreInfo {
  font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */
  -moz-padding-start: 25px;
  background: url("chrome://global/skin/icons/information-16.png") no-repeat top left;
}

#moreInfo:-moz-dir(rtl) {
  background-position: top right;
}

#moreInfoText {
  margin-bottom: 0;
}

#moreInfoLinkContainer {
  margin-top: 0.5em;
}

#moreInfoLinkContainer a {
  color: #fff;
}

Make link in private browsing readable

Make link in private browsing readable


.header-container, nav, #gd-topbar {
    display: none !important;
}

#gd-navigator-launcher {
    display: none !important;
}

canvas {
    -webkit-tap-highlight-color: transparent;
}

Remove some Intellum only CSS.

Remove some Intellum only CSS.


#messages {
  height: 600px;
  border-radius: 6px;
  margin-bottom: 2.5rem;
  padding: 12px;
  overflow-y: scroll;
  background-color: #f3f3f3;
}

.message:nth-child(even) {
  color: #8c8c8c;
}

Add css for even line of message

Add css for even line of message


/*
Theme Name:         Hypothes.is 2.0.0
Theme URI:          https://hypothes.is
Description:        Based on http://roots.io
Version:            2.0.0
Author:             Hypothes.is Project and Contributors
Author URI:         https://hypothes.is

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

/*
Theme Name:         Hypothesis
Theme URI:          https://hypothes.is
Description:        Based on http://roots.io
Version:            2.0.0
Author:             Hypothes.is Project and Contributors
Author URI:         https://hypothes.is

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

Change theme name to Hypothesis

Change theme name to Hypothesis


.node {
  color: 000;
  font: 24px "Verdana", Geneva, sans-serif;
  /*display: inline-block;*/
}

.node:before {
  content: "\2666";
}

a.node {
  color: #000;
  cursor: pointer;
}

a.node:before {
  content: "\25BA";
}

a.node.expanded:before {
  content: "\25BC";
}

a.node:hover {
  color: #3cb371;
  text-decoration: none;
}

ul {
  list-style: none;
}

.link:hover {
  text-decoration: none;
  background-color: black;
}

.about-me {
  color: #337ab7;
}

.video-link {
  color: #337ab7;
}

.video-link:hover {
  text-decoration: none;
  background-color: black;
  cursor: pointer;
}

Add link styling for presentation video link


/* Common SC.TextFieldView styles - needed to work properly */

.sc-view .sc-text-field-view{
	overflow: visible;
	z-index:100;
}

.sc-text-field-view input {
	position:  absolute;
	top: -2px;
	left: -2px;
	width: 100%;
	height: 100%;
  padding: 0px;
}

.sc-text-field-view textarea {
	position:  absolute;
	top: -2px;
	left: -2px;
  width: 100%;
	height: 100%;
  padding: 0px;
  overflow: auto;
  font-family: "Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
}

.sc-text-field-view .sc-hint {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 3px;
	color: #aaa ;
	font-size: 12px;

}

.sc-text-field-view.focus .sc-hint,
.sc-text-field-view.not-empty .sc-hint {
  display: none ;
}

/* Common SC.TextFieldView styles - needed to work properly */

.sc-view .sc-text-field-view {
	overflow: visible;
	z-index:100;
}

.sc-view .sc-text-field-view .sc-text-field-accessory-view {
	z-index:2;
}

.sc-text-field-view input {
	position:  absolute;
	top: -2px;
	left: -2px;
	width: 100%;
	height: 100%;
  padding: 0px;
}

.sc-text-field-view textarea {
	position:  absolute;
	top: -2px;
	left: -2px;
  width: 100%;
	height: 100%;
  padding: 0px;
  overflow: auto;
  font-family: "Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
}

.sc-text-field-view .sc-hint {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 3px;
	color: #aaa ;
	font-size: 12px;

}

.sc-text-field-view.focus .sc-hint,
.sc-text-field-view.not-empty .sc-hint {
  display: none ;
}

Add in new class for text accessory views. This class will be added to any view that's specified as a left or right accessory view.


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

#mapdiv {
  width: 100%;
  height: 100%;
}

Set height of document to work with doctype


blockquote {
    font-size: 14px !important;
}

code {
    color: #49759c !important;
    background-color: #f3f5f9 !important;
}

.alert-info {
    background-color: #adb8cb !important;
    border-color: #adb8cb !important;
    color: #2c3e50 !important;
}

Add some custom css for the docs

Add some custom css for the docs


/* Backend Button CSS
-----------------------------------------------------------------------------------------------------------*/
#backend-buttons .ui-controlgroup-controls .ui-btn a {
    padding: 10px 10px 10px 40px !important;
    color: black;
    position: relative;
    top: 1px;
}
#backend-buttons .ui-controlgroup-controls .ui-btn {
    padding: 10px 0 9px !important;
}
#backend-buttons .ui-controlgroup-controls {
    display: inline;
    float: left;
    margin-bottom: 18px;
}
#backend-buttons .ui-controlgroup-controls .ui-btn {
    border: 1px solid #C0C0C0;
}
@media only screen and  (max-width: 460px) {
    #backend-buttons .ui-controlgroup-controls .ui-btn {
        border-radius: 0px;
    }
}
.ui-icon-waiting {
    background-image: url(../states/load-white6.gif) !important;
    background-position: 9px 9px !important;
    background-repeat: no-repeat !important;
    background-size: 22px 22px !important;
}

.ui-icon-offline {
    background-image: url(../states/state-yellow-solid.png) !important;
    background-position: 9px 9px !important;
    background-repeat: no-repeat !important;
}

.ui-icon-offline:after, .ui-icon-waiting:after {
    background-color: rgba(0,0,0,0);
}

Fix backend button state icons

Fix backend button state icons


.ConcludedIssue {
  flex-grow: 1;
  flex-basis: 25rem;
  background: #f5f5f5;
  color: #565656;
  margin: 1rem;
}

.ConcludedIssue-top {
  background: #c5493c;
  color: #ffffff;
  padding: 1rem 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ConcludedIssue-title {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0;
}

.ConcludedIssue--majority .ConcludedIssue-top {
  background: #258573;
}

.ConcludedIssue-content {
  padding: 1rem 1rem 2rem 3rem;
  border: 1px solid;
  border-color: transparent rgba(88, 88, 88, 0.1) rgba(0, 0, 0, 0.1);
}

.ConcludedIssue-alternatives {
  padding-left: 2rem;
}

.ConcludedIssue-alternatives--winner {
  font-weight: bold;
}

.ConcludedIssue {
  flex-grow: 1;
  flex-basis: 25rem;
  background: #f5f5f5;
  color: #565656;
  margin: 1rem;
}

.ConcludedIssue-top {
  background: #c5493c;
  color: #ffffff;
  padding: 1rem 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid;
  border-color: rgba(187, 187, 187, 0.1) rgba(88, 88, 88, 0.1) rgba(0, 0, 0, 0.1);
}

.ConcludedIssue-title {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0;
}

.ConcludedIssue--majority .ConcludedIssue-top {
  background: #258573;
}

.ConcludedIssue-content {
  padding: 1rem 1rem 2rem 3rem;
  border: 1px solid;
  border-color: transparent rgba(88, 88, 88, 0.1) rgba(0, 0, 0, 0.1);
}

.ConcludedIssue-alternatives {
  padding-left: 2rem;
}

.ConcludedIssue-alternatives--winner {
  font-weight: bold;
}

Add borders to concluded issues

Add borders to concluded issues


.parent {
  display: inline-flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  margin: 1rem;
}

.parent > a {
  margin: 0 !important;
  border-bottom: 1px #F7F7F7 solid;
}

/* Disable box-shadow on link-hover for drop-down parents */
.parent > a:hover {
  text-shadow: none;
}

.parent:hover {
  cursor: default;
}

.parent:hover .content {
  display: block;
}

.content {
  display: none;
  position: absolute;
  padding: 110px 0 0 0;
  margin: 0;
}

.child {
  display: block;
}

.child > a {
  text-align: center;
}

.opaque {
  background-color: rgb(117,129,143);
}

.parent {
  display: inline-flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  margin: 1rem;
}

.parent > a {
  margin: 0 !important;
  border-bottom: 1px #F7F7F7 solid;
}

/* Disable box-shadow on link-hover for drop-down parents */
.parent > a:hover {
  text-shadow: none;
}

.parent:hover {
  cursor: default;
}

.parent:hover .content {
  display: block;
}

.content {
  display: none;
  position: absolute;
  padding: 110px 0 0 0;
  margin: 0;
}

.child {
  display: block;
}

.child > a {
  text-align: center;
}

/* TODO: Make sure that navDropdown looks good on pages with smaller height headers (like /about) */

@media screen and (max-width: 1000px) and (min-width: 780px) {
  .content {
    padding: 85px 0 0 0;
  }
}

@media screen and (max-width: 779px) {
  .parent {
    display: none;
  }

  .content {
    position: relative;
  }
}

Remove opaque and add TODO

Remove opaque and add TODO


html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 50px;
}
#footer {
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
}
.github-btn {
    border: 0;
    overflow: hidden;
}
.social-buttons > li {
    list-style: none;
    display: inline-block;
    padding-right: 50px;
}
.social-buttons > li > iframe {
    height: 20px;
    width: 75px;
}
#main {
    margin-bottom: 65px;
}
#footer .dev {
    float: right;
}

Remove unnecessary CSS class .dev

Remove unnecessary CSS class .dev


/* MBasicLayoutAnimationStyle : MLayoutAnimationStyle */
MBasicLayoutAnimationStyle {
    geometry-easing-curve: linear;
    opacity-easing-curve: linear;
    initial-showing-opacity: 0.0;
    initial-showing-scale-factor: 1.0;
    final-hiding-opacity: 0.0;
    final-hiding-scale-factor: 1.0;

    /* inherited from MLayoutAnimationStyle */
    duration: 600;
}

/* MBasicLayoutAnimationStyle : MLayoutAnimationStyle */
MBasicLayoutAnimationStyle {
    x-translation-easing-curve: outback;
    y-translation-easing-curve: outback;
    opacity-easing-curve: linear;
    initial-showing-opacity: 0.0;
    final-hiding-opacity: 0.0;

    /* inherited from MLayoutAnimationStyle */
    duration: 600;

    /* To be removed - for backwards compatibility only */
    geometry-easing-curve: linear;
    initial-showing-scale-factor: 1.0;
    final-hiding-scale-factor: 1.0;
}

Changes: Add new x and y -translation-easing-curve properties

RevBy: TrustMe


nav.top, footer, #prefs_mac_ssb_tab {display: none !important;}
* {font-family: Lato,"Helvetica Neue",Helvetica,"Segoe UI",Tahoma,Arial,sans-serif;}
/* Fix to force display of filtered members while inviting for private channels (Fixes #280) */
#channel_invite_container > .filter_select > .fsl_list_container > .monkey_scroll_wrapper {display: block !important;}
/* Fix to force display of scrollbar in channel list (Fixes #309) */
.channel_modal_with_list .monkey_scroll_wrapper {display: block !important; overflow-y: scroll !important;}
.channel_modal_with_list .monkey_scroll_hider {display: block !important;}
/* Removes the "Download the Slack App..." menu entry */
.slack_menu_download {display: none !important;}

Remove 'Download the Slack App...' from menu


/**
 * ownCloud - Music app
 *
 * This file is licensed under the Affero General Public License version 3 or
 * later. See the COPYING file.
 *
 * @author Pauli Järvinen <pauli.jarvinen@gmail.com>
 * @copyright Pauli Järvinen 2021
 */

#app .popovermenu {
	display: block;
	box-sizing: content-box;
	top: 48px;
	padding: 0;
}

#app .popovermenu ul {
	display: block;
}

#app .popovermenu ul li {
	padding: 0;
	line-height: 44px;
}

#app .popovermenu ul li a {
	padding-left: 32px;
	padding-right: 12px;
	background-position: 10px center;
	background-size: 16px;
	opacity: .7;
}

#app .popovermenu ul a:hover {
	opacity: 1.0;
}

#app .popovermenu ul li.disabled a {
	opacity: .15 !important;
}

#app .popovermenu ul li.disabled * {
	cursor: default !important;
}

#app .popovermenu.submenu a {
	padding-left: 0;
}

#app .popovermenu.submenu span {
	margin-left: 16px;
}

/**
 * ownCloud - Music app
 *
 * This file is licensed under the Affero General Public License version 3 or
 * later. See the COPYING file.
 *
 * @author Pauli Järvinen <pauli.jarvinen@gmail.com>
 * @copyright Pauli Järvinen 2021, 2022
 */

.app-music #app .popovermenu {
	display: block;
	box-sizing: content-box;
	top: 48px;
	padding: 0;
}

.app-music #app .popovermenu ul {
	display: block;
}

.app-music #app .popovermenu ul li {
	padding: 0;
	line-height: 44px;
}

.app-music #app .popovermenu ul li a {
	padding-left: 32px;
	padding-right: 12px;
	background-position: 10px center;
	background-size: 16px;
	width: 100%;
	opacity: .7;
}

.app-music #app .popovermenu ul a:hover {
	opacity: 1.0;
}

.app-music #app .popovermenu ul li.disabled a {
	opacity: .15 !important;
}

.app-music #app .popovermenu ul li.disabled * {
	cursor: default !important;
}

.app-music #app .popovermenu.submenu a {
	padding-left: 0;
}

.app-music #app .popovermenu.submenu span {
	margin-left: 16px;
}

Fix context menu items not filling the menu width on NC25


.game-card {
  color: #01b8f1;
  font-size: 0.95rem;
  width: 272px;
  margin: 0 5px 10px 5px;
}
.game-card .card-footer {
  padding: 0.5rem;
}
.time {
  margin-left: 5px;
}
.badge {
  font-size: 100%;
  font-weight: normal;
}
.badge-primary {
  background-color: #01b8f1;
  color: #ffffff;
}
.btn-outline-primary {
  color: #01b8f1;
  border-color: #01b8f1;
}
.btn-outline-primary:hover,
.btn-outline-primary.active {
  background-color: #01b8f1;
  border-color: #01b8f1;
  color: #ffffff;
}
.table-bordered {
  margin-bottom: 0;
  border-bottom: none;
}
.table-bordered td {
  border-bottom: none;
}
.score {
  color: #00364a;
  text-align: right;
  padding-left: 0.4rem;
}
.spread {
  margin-left: 5px;
}

.game-card {
  color: #01b8f1;
  font-size: 0.95rem;
  width: 272px;
  margin: 0 5px 10px 5px;
}
.game-card button {
  font-size: 0.9rem;
}
.game-card .card-footer {
  padding: 0.5rem;
}
.time {
  margin-left: 5px;
}
.badge {
  font-size: 100%;
  font-weight: normal;
}
.badge-primary {
  background-color: #01b8f1;
  color: #ffffff;
}
.btn-outline-primary {
  color: #01b8f1;
  border-color: #01b8f1;
}
.btn-outline-primary:hover,
.btn-outline-primary.active {
  background-color: #01b8f1;
  border-color: #01b8f1;
  color: #ffffff;
}
.table-bordered {
  margin-bottom: 0;
  border-bottom: none;
}
.table-bordered td {
  border-bottom: none;
}
.score {
  color: #00364a;
  text-align: right;
  padding-left: 0.4rem;
}
.spread {
  margin-left: 5px;
}

Make team text size smaller for WFT

Make team text size smaller for WFT


body {
	margin-bottom: 3em;
}

#password_table {
	border-style: solid;
	border-collapse: collapse;
	border-color: lightgray;
}

#password_table thead th {
	border-style: solid;
	border-width: thin;
	border-color: lightgray;
}

.category_title th {
	border-style: solid;
	border-top-style:double;
	border-width: thin;
	border-top-width: medium;
	border-color: lightgray;

	text-align: left;
	padding-left: 1em;
}

#password_table td.category_column {
	border-top-style: hidden;
}

#password_table td {
	border-left-style: solid;
	border-width: thin;
	border-color: lightgray;

	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#refresh_line {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: white;
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top-style: ridge;
	padding-left: 1em;
}

Add margin to let the body scroll past the fixed refresher


* {cursor: none;}

body {
	margin: 0;
  overflow: hidden;
}

header{
  background-color:black;
  color:white;
  text-align:center;
  height: 100px;
}

footer{
  background-color:black;
  color:white;
  clear:both;
  text-align:center;
  height: 100px;
}

p, span, table{
  font-family: "sans-serif";
  font-weight: bold;
}

.main {
  top: 100px; /* Header Height */
  bottom: 100px; /* Footer Height */
  height: calc(100% - 200px);
  background-color: #000;
}

.buttons{
  text-align:center;
  padding-Top: 50px;
  padding-Bottom: 50px;
  height: 100%;
  width: 100%;
}

.button {
  height: calc((100vh - 300px) / 2 - 50px);
}

.ct-series{
  stroke: #bbf;
  fill: "none";
  stroke-width: 10px;
}

.ct-labels{
  color: #bbf;
  font-size: 25px;
}

Hide the mouse on the page

Hide the mouse on the page


/**
 * Tatoeba Project, free collaborative creation of multilingual corpuses project
 * Copyright (C) 2015  Gilles Bedel
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

@import url(search.css);

fieldset#advsearch-sentences {
    float: left;
}

fieldset#advsearch-translations {
    float: right;
}

fieldset#advsearch-sort {
    float: right;
    clear: right;
}

#AdvancedSearchSearchForm button.submit {
    clear: both;
    float: right;
}

#main_content {
    margin-right: 10%;
}

#AdvancedSearchSearchForm fieldset {
    width: 370px;
}

#AdvancedSearchFrom,
#AdvancedSearchTo,
#AdvancedSearchTransTo,
#AdvancedSearchSort,
#AdvancedSearchSearchForm input[type="text"] {
    width: 240px;
}

Enlarge fields in adv. search page

Enlarge fields in adv. search page


.widget-knob {
    background-color: #808080;
}

.widget-knob h1 {
    color: rgba(255, 255, 255, 0.7);
}

.widget-knob h2 {
    color: #fff;
}

.widget-knob .detail {
    font-weight: 500;
    font-size: 30px;
    color: #fff;
}

.widget-knob .more-info {
    color: rgba(255, 255, 255, 0.7);
}

.widget-knob .updated-at {
    color: rgba(0, 0, 0, 0.5);
}

.widget-knob {
    background-color: #808080;
}

.widget-knob h1 {
    color: rgba(255, 255, 255, 0.7);
}

.widget-knob h2 {
    color: #fff;
}

.widget-knob .detail {
    font-weight: 500;
    font-size: 30px;
    color: #fff;
    padding-bottom: 20px;
}

.widget-knob .more-info {
    color: rgba(255, 255, 255, 0.7);
}

.widget-knob .updated-at {
    color: rgba(0, 0, 0, 0.5);
}

Add padding to .detail to avoid overlap

Add padding to .detail to avoid overlap

Add padding to .detail to avoid overlap with .updated-at


.navbar {
    margin-bottom: 0;
}

select {
    margin-bottom: 5%;
}

.underline {
    text-decoration: underline;
}

.players-panel, .stocks-panel {
    height: 100vh;
    overflow: auto;
    padding-bottom: 1%;
}

.highcharts-container svg text[zIndex="8"] {
    display: none
}

.navbar-brand {
    font-family: Serif, serif;
    font-size: 1.5em;
}

th {
    background: lightgrey;
}

.row-buy {
    background: lightgreen
}

.row-sell {
    background: lightcoral;
}

.navbar {
    margin-bottom: 0;
}

select {
    margin-bottom: 5%;
}

.underline {
    text-decoration: underline;
}

@media screen and (min-width: 768px){
    .players-panel, .stocks-panel {
        height: 100vh;
        overflow: auto;
        padding-bottom: 1%;
    }
}

.highcharts-container svg text[zIndex="8"] {
    display: none
}

.navbar-brand {
    font-family: Serif, serif;
    font-size: 1.5em;
}

th {
    background: lightgrey;
}

.row-buy {
    background: lightgreen
}

.row-sell {
    background: lightcoral;
}

Add media query, less vertical space on mobile


html {
  font-size: 16px;
}

/* Typography */

body {
  background-color: #FEFBF8;
  color: #282624;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing: 0.01em;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Typescale in minor third */
h1, h2, h3, h4, h5, h6 {
    margin: 2.75rem 0 1rem;
    font-family: 'Spectral', serif;
    letter-spacing: -0.04em;
    font-weight: 600;
    line-height: 1.15;
}

h1 {
    font-size: 2.488em;
}

h2 {
    font-size: 2.074em;
}

h3 {
    font-size: 1.728em;
}

h4 {
    font-size: 1.44em;
}

h5 {
    font-size: 1.2em;
}

h6, small {
    font-size: 0.833em;
}

p {
    margin-top: 0;
    margin-bottom: 1.25em;
}

a {
  text-decoration: underline;
  color: #282624;
}

/* Header */

header {
  background-color: #9A4B00;
}

header h1 {
  margin-top: 0;
}

header nav {
  text-transform: uppercase;
  font-size: smaller;
}

header nav:first-child a {
  color: #FEFBF8;
}

header nav:nth-child(2) {
  background-color: #FEFBF8;
}

header a {
  text-decoration: none;
}

/* Homepage main */

main > section:first-child,
main > section:nth-child(4) {
  background-color: rgba(154, 75, 0, 0.05);
}

main section h2,
main section h3,
main section h4 {
  margin-top: 0;
}

/* Aside */

aside {
  font-size: smaller;
}

/* Footer */

footer {
  background-color: #282624;
  color: #FEFBF8;
  font-size: 0.85rem;
}

footer h2 {
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing: 0.01em;
  font-size: 1em;
}

footer p {
  margin-bottom: 0;
}

footer ul {
  padding-left: 0;
  list-style: none;
}

footer li {
  margin-bottom: 1em;
}

footer a {
  text-decoration: none;
  color: #FEFBF8;
}

Add basic colour and text styles

Add basic colour and text styles


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

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

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

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

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

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

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

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

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

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

Enlarge the font-size of result

Enlarge the font-size of result


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

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

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

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

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

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

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

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


@import "news.css";

#page-header #page-title {
    letter-spacing: 0.15em;
    font-size: 4em;
    margin-top: 0.4em;
}

#page-header #page-description {
    margin-top: -0.15em;
}

#news-header {
    text-align: center;
    margin-top: 2em;
}

@import "news.css";

#page-header #page-title {
    letter-spacing: 0.15em;
    font-size: 4em;
    margin-top: 0.4em;
}

#page-header #page-description {
    font-size: x-large;
    margin-top: -0.15em;
}

#news-header {
    text-align: center;
    margin-top: 2em;
}

Increase page-description font-size on main page.


.node {
  color: 000;
  font: 24px "Verdana", Geneva, sans-serif;
  display: inline-block;
}

.node:before {
  content: "\2666";
}

a.node {
  color: #000;
  cursor: pointer;
}

a.node:before {
  content: "\25BA";
}

a.node.expanded:before {
  content: "\25BC";
}

a.node:hover {
  color: #3cb371;
  text-decoration: none;
}

ul {
  list-style: none;
}

.link:hover {
  text-decoration: none;
  background-color: black;
}

.node {
  color: 000;
  font: 24px "Verdana", Geneva, sans-serif;
  /*display: inline-block;*/
}

.node:before {
  content: "\2666";
}

a.node {
  color: #000;
  cursor: pointer;
}

a.node:before {
  content: "\25BA";
}

a.node.expanded:before {
  content: "\25BC";
}

a.node:hover {
  color: #3cb371;
  text-decoration: none;
}

ul {
  list-style: none;
}

.link:hover {
  text-decoration: none;
  background-color: black;
}

Comment out display for .node

Comment out display for .node


#main{
text-align: center;

}

body{
	background-image:url('../images/b1.png');
	margin-left: 20%;
	margin-right: 20%;
}

footer{
	margin-top:20%;
	text-align: center;
    vertical-align: bottom;
}

h1{
	color:white;
	text-align: center;
}

h2{
	text-align: center;
}

#main{
text-align: center;

}

body{
	background-image:url('../images/b1.png');
	margin-left: 20%;
	margin-right: 20%;
}

footer{
	margin-top:20%;
	text-align: center;
    vertical-align: bottom;
}

h1{
	color:white;
	text-align: center;
	font-size:1000%;
}

h2{
	text-align: center;
}

Change the size of the title

Change the size of the title


.reveal blockquote {
  width: 85%;
}
.deemphasized-title {
  color: rgba(220, 163, 163, 0.8);
  font-size: 0.75em;
}
.reveal a {
  color: orange;
}
.highlight {
  color: lightblue;
}
cite {
  color: rgba(190, 228, 253, 0.67)
}

.reveal blockquote {
  width: 85%;
}
.deemphasized-title {
  color: rgba(220, 163, 163, 0.8);
  font-size: 0.75em;
}
.reveal p {
  color: #ddd;
}
.reveal a {
  color: orange;
}
.highlight {
  color: lightblue;
}
cite {
  color: rgba(190, 228, 253, 0.67)
}

Change paragraph color from blinding white


body {
  padding: 0 10%;
}

nav {
  background-color: white;
  margin-top: 3em;
}

.slider .indicators {
  display: none;
}

@media only screen and (min-device-width: 600px) {
  /* Image carousel */
  .slider {
    height: 506px !important;
  }

  .slider .slides {
    height: 480px !important;
  }
}

.about-page .slider {
  width: 60%;
  float: right;
  margin: 0 0 1em 3em;
}

.winter-fellowships-page {
  padding-right: 20%;
}

.winter-fellowships-page ul li {
  margin: .8em 2em;
  list-style: disc;
}

.winter-fellowships-page ul li li {
  margin: .8em 2em;
  list-style: circle;
}

.own-line {
  display: block !important;
}

body {
  padding: 0 10%;
}

nav {
  background-color: white;
  margin-top: 3em;
}

.slider .indicators {
  display: none;
}

@media only screen and (min-device-width: 600px) {
  /* Image carousel */
  .slider {
    height: 600px !important;
  }

  .slider .slides {
    height: 590px !important;
  }
}

.about-page .slider {
  width: 60%;
  float: right;
  margin: 0 0 1em 3em;
}

.winter-fellowships-page {
  padding-right: 20%;
}

.winter-fellowships-page ul li {
  margin: .8em 2em;
  list-style: disc;
}

.winter-fellowships-page ul li li {
  margin: .8em 2em;
  list-style: circle;
}

.own-line {
  display: block !important;
}

Enlarge slider on front page.

Enlarge slider on front page.


/*
 Theme Name:   Twenty Twelve zh-CN
 Theme URI:    https://blog.swineson.me
 Description:  Twenty Twelve child theme, optimized for Simplified Chinese.
 Author:       James Swineson
 Author URI:   https://swineson.me
 Template:     twentytwelve
 Version:      1.1.5
 License:      ISC License (ISC)
 License URI:  https://opensource.org/licenses/ISC
 Tags:         light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
 Text Domain:  twentytwelve-child
*/

aside ul {
    padding-left: 0;
}
h1#enty-title {
    margin: auto;
}
h3.jp-relatedposts-headline em {
    font-weight: 700;
    -moz-text-emphasis: initial;
    -webkit-text-emphasis: initial;
    text-emphasis: initial;
    -moz-text-emphasis-position: initial;
    -webkit-text-emphasis-position: initial;
    text-emphasis-position: initial;
    font-style: initial;
    border-bottom: initial;
    padding-bottom: initial;
    border-bottom-width: initial;
    padding-bottom: initial;
}
blockquote {
    font-style: normal !important;
}

Disable italics on block quote

Disable italics on block quote


code, pre {
	color: #555;
	background-color: #ddd;
}
code {
	padding: 6px;
}
pre {
	padding: 12px;
}

code, pre {
	color: #555;
	background-color: #ddd;
	font-size: 14px !important;
}
code {
	padding: 6px;
}
pre {
	padding: 12px;
}

Fix font size for pre and code

Fix font size for pre and code


div#BookReader {
  position: static;
  overflow: visible;
}
div#BRtoolbar {
  position: relative;
  margin-bottom: -40px;
}
div#BRcontainer {
  position: relative;
  height: 680px;
}
div#BRnav {
  position: relative;
  margin-top: -40px;
}
div.BRpagediv1up {
 overflow: visible;
}
.BRicon.full_text {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url(../images/BRicons.png);
  background-repeat: no-repeat;
  background-position: -1240px 0px;
}
.BRicon.full_text:hover {
  background-position: -1280px 0px;
}
.textTop {
  font-size: 10px;
}
.textRight {
  float: right;
  width: 270px;
}
.textLeft {
  float: left;
  width: 270px;
}

div#BookReader {
  position: static;
  overflow: visible;
}
div#BRtoolbar {
  position: relative;
  margin-bottom: -40px;
}
div#BRcontainer {
  position: relative;
  height: 680px;
}
div#BRnav {
  position: relative;
  margin-top: -40px;
}
div.BRpagediv1up {
 overflow: visible;
}
.BRicon.full_text {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: url(../images/BRicons.png);
  background-repeat: no-repeat;
  background-position: -1240px 0px;
}
.BRicon.full_text:hover {
  background-position: -1280px 0px;
}
button.BRicon {
  background-image: url(../images/BRicons.png);
}
button.BRicon:hover {
  background-image: url(../images/BRicons.png);
}
button#btnSrch {
  background-image: none;
  padding: 0;
  margin: 0;
}
button#btnSrch:hover {
  background-image: none;
}
.textTop {
  font-size: 10px;
}
.textRight {
  float: right;
  width: 270px;
}
.textLeft {
  float: left;
  width: 270px;
}

Support for the Gaia Theme.

Support for the Gaia Theme.

The Gaia theme applys defaults to button tags, that we want to ignore. Make
the css more specific so that the Gaia Theme will not override the look of
icons.


table {
  margin: 50px auto;
  background-color: yellow;
  padding: 20px;
  border-collapse: separate;
}

td {
  padding: 2px;
}

.space {
  height: 4em;
  width: 4em;
  background-color: white;
  border: solid 1px orange;
  border-radius: 1000px;
}

Add Connect 4 CSS page

Add Connect 4 CSS page


.map:-moz-full-screen {
  height: 100%;
}
.map:-webkit-full-screen {
  height: 100%;
}
.map:fullscreen {
  height: 100%;
}
/* position the rotate control lower than usual */
.ol-rotate {
  top: 3em;
}

.map:-moz-full-screen {
  height: 100%;
}
.map:-webkit-full-screen {
  height: 100%;
}
.map:-ms-fullscreen {
  height: 100%;
}
.map:fullscreen {
  height: 100%;
}
/* position the rotate control lower than usual */
.ol-rotate {
  top: 3em;
}

Add missing .map:-ms-fullscreen css rule in example


.details {

}

.details__detail-item {
  display: inline-block;
  margin: 10px;
}

.detail-item__amount {
  width: 4em;
}

.detail-item__filename {
  font-weight: bold;
}

.remove-icon {
  color: #d5514e;
}
.remove-icon:hover {
  color: #b64845;
}

.details {

}

.details__detail-item {
  display: inline-block;
  margin: 10px;
}

.detail-item__amount {
  width: 4em;
}

.detail-item__filename {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}

.remove-icon {
  color: #d5514e;
}
.remove-icon:hover {
  color: #b64845;
}

.select {
  width: 100%;
}

Fix text overflow, select width

Fix text overflow, select width


mat-icon {
  font-size: 40px;
  width: 40px;
  height: 40px;
}

mat-icon.clickable:hover {
  background: #EEEEEE;
  cursor: pointer;
}

#player-container {
  text-align: center;
  margin: auto;
}

#waveform {
  position: relative;
}

#controls {
  display: flex;
}

#duration {
  flex: 1 1 100%;
  font-size: 28px;
  font-weight: 550;
  line-height: 48px;
  padding: 0.2rem 0.8rem 0.2rem 0.8rem;
  vertical-align: middle;
  text-align: right;
}

mat-icon {
  font-size: 40px;
  width: 40px;
  height: 40px;
  user-select: none;
}

mat-icon.clickable:hover {
  background: #EEEEEE;
  cursor: pointer;
}

#player-container {
  text-align: center;
  margin: auto;
}

#waveform {
  position: relative;
}

#controls {
  display: flex;
}

#duration {
  flex: 1 1 100%;
  font-size: 28px;
  font-weight: 550;
  line-height: 48px;
  padding: 0.2rem 0.8rem 0.2rem 0.8rem;
  vertical-align: middle;
  text-align: right;
}

Disable user-select for mat buttons

Disable user-select for mat buttons


body
{
	margin:0;
}
.reveal
{
	width:100%;
	padding:50px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.3);
box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.3);

}

body
{
	margin:0;
}
.reveal
{
	width:100%;
	padding:50px;
	font-family: 'Open Sans', sans-serif;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.3);
box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.3);

}

Use custom font on demo

Use custom font on demo


.panel-list-item {
  white-space: nowrap;
}

.icon-section-header {
  background-image: url(../icons/tabmarks.svg);
  background-size: contain;
}

Add header icon in main popup

Add header icon in main popup


/*!
 * jQuery UI Checkboxradio @VERSION
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */

.ui-checkboxradio-label .ui-icon-background {
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}

/*!
 * jQuery UI Checkboxradio @VERSION
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}

Checkboxradio: Add inset shadow to iconbackground to make it stand out


dialog {
  position: absolute;
  left: 0; right: 0;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;

  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;

  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;

  display: none;
}

dialog[open] {
  display: block;
}

.backdrop {
  position: absolute;
  background: rgba(0,0,0,0.1);
}

dialog {
  position: absolute;
  left: 0; right: 0;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;

  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;

  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;

  display: none;
}

dialog[open] {
  display: block;
}

.backdrop {
  position: absolute;
  background: rgba(0,0,0,0.1);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

Add the position of the backdrop

Add the position of the backdrop


h1 {
  margin: auto;
  color: #110c26;
}

nav {
  color: #0b17ff;
  margin:auto;
}

a:visited {
  color: #b01633;
}

a:hover {
  color: #E87114;
  text-decoration: bold;
}

.goalie {
  height: 10em;
  width: 10em;
}

Add a little css to stylesheet

Add a little css to stylesheet


/* my changes */
.is-wide-columns .column {
	width:25% !important;
}
.is-wide-columns .column-content, .is-wide-columns .column-header,.is-wide-columns .column-header-temp {
	width:100% !important;
}
/* <3 */
/*.icon-favorite:before {
	content:"\e87d" !important;
}
.is-favorite .icon-favorite-toggle,.btn:not(.btn-fav-fav-text)>.icon-favorite-color,.obj-left>.icon-favorite-color {
	color:#BE1931 !important;
}*/

/* my changes */
.is-wide-columns .column {
	width:20% !important;
}
.is-wide-columns .column-content, .is-wide-columns .column-header,.is-wide-columns .column-header-temp {
	width:100% !important;
}
.column-type-interactions .column-holder .column-panel .column-content .chirp-container .stream-item .item-box .activity-header .nbfc.txt-mute.txt-small {
    margin-bottom: 20px;
}
.column-type-interactions .column-holder .column-panel .column-content .chirp-container .stream-item .item-box .activity-header .nbfc .txt-mute .txt-small .txt-bold {
	margin-left: 35px;
}
.column-type-interactions .column-holder .column-panel .column-content .chirp-container .stream-item .item-box .account-summary .account-summary-text .account-bio {
	margin-left: 55px;
}
.column-type-interactions .stream-item:not(.is-actionable) .activity-header:not(.has-source-avatar):not(.activity-header-wrapping) {
	padding-bottom: 5px;
}
/* fix X followed you notifications
.activity-header .txt-mute {
	padding-left: 70px !important;
}
.account-inline {
	padding-top: 25px !important;
}
*/

Fix notification 'X followed you' being misaligned and stuff


.home-nav {
	position: absolute;
	display: inline-flex;
	bottom: 50px;
	width: 100%;
}
.home-nav-logo {
	width: 20%;
	background-color: black;
	padding: 10px;
}
.home-nav-logo * {
	float: right;
}
.home-nav-logo h3 {
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
}
.home-nav-logo img {
	width: 100px;
}
.home-nav-links {
	width: 80%;
	background-color: rgba(0, 0, 0, 0.8);
	display: inline-block;
	vertical-align: top;
}
.home-nav-links ul {
	position: relative;
	vertical-align: text-top;
	transform: translateY(-50%);
	top: 50%;
}
.home-nav-links li a {
	font-size: 22px;
	color: white;
	margin-left: 20px;
}
.home-nav-links a:hover {
	color: rgb(103, 103, 103);
	text-decoration: none;
}

.home-nav {
	position: absolute;
	display: inline-flex;
	bottom: 50px;
	width: 100%;
}
.home-nav-logo {
	width: 20%;
	background-color: black;
	padding: 10px;
}
.home-nav-logo * {
	float: right;
}
.home-nav-logo h3 {
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
}
.home-nav-logo img {
	width: 100px;
}
.home-nav-links {
	width: 80%;
	background-color: rgba(0, 0, 0, 0.8);
	display: inline-block;
	vertical-align: top;
}
.home-nav-links ul {
	position: relative;
	vertical-align: text-top;
	transform: translateY(-50%);
	top: 50%;
}

/* Chrome and Safari Specific */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.home-nav-links ul {
		-webkit-transform: translateY(50%);
	}
}
.home-nav-links li a {
	font-size: 22px;
	color: white;
	margin-left: 20px;
}
.home-nav-links a:hover {
	color: rgb(103, 103, 103);
	text-decoration: none;
}

Add Compatibility with Chrome and Safari on Homepage


body
{
    font-size:   14px;
    line-height: 1.6;
    margin:      0 auto;
    max-width:   960px;
}

p code
{
    background:    #f2f2f2;
    padding-left:  3px;
    padding-right: 3px;
}

pre.code
{
    font-size:   13px;
    line-height: 1.4;
}

/**
 * YARD uses generic table styles, using a special class means those tables
 * don't get messed up.
 */
.table
{
    border:          1px solid #ccc;
    border-right:    none;
    border-collapse: separate;
    border-spacing:  0;
    text-align:      left;
}

.table.full
{
    width: 100%;
}

    .table .field_name
    {
        min-width: 160px;
    }

    .table thead tr th.no_sort:first-child
    {
        width: 25px;
    }

    .table thead tr th, .table tbody tr td
    {
        border-bottom:  1px solid #ccc;
        border-right:   1px solid #ccc;
        min-width:      20px;
        padding:        8px 5px;
        text-align:     left;
        vertical-align: top;
    }

    .table tbody tr:last-child td
    {
        border-bottom: none;
    }

    .table tr:nth-child(odd) td
    {
        background: #f9f9f9;
    }

body
{
    font-size:   14px;
    line-height: 1.6;
    margin:      0 auto;
    max-width:   960px;
}

p code
{
    background:    #f2f2f2;
    padding-left:  3px;
    padding-right: 3px;
}

pre.code
{
    font-size:   13px;
    line-height: 1.4;
    overflow:    auto;
}

/**
 * YARD uses generic table styles, using a special class means those tables
 * don't get messed up.
 */
.table
{
    border:          1px solid #ccc;
    border-right:    none;
    border-collapse: separate;
    border-spacing:  0;
    text-align:      left;
}

.table.full
{
    width: 100%;
}

    .table .field_name
    {
        min-width: 160px;
    }

    .table thead tr th.no_sort:first-child
    {
        width: 25px;
    }

    .table thead tr th, .table tbody tr td
    {
        border-bottom:  1px solid #ccc;
        border-right:   1px solid #ccc;
        min-width:      20px;
        padding:        8px 5px;
        text-align:     left;
        vertical-align: top;
    }

    .table tbody tr:last-child td
    {
        border-bottom: none;
    }

    .table tr:nth-child(odd) td
    {
        background: #f9f9f9;
    }

Set an explicit overflow for code blocks.


/* Make the header fixed at the top */
#top {
  position: fixed;
  width: 100vw;
  top: 0;
  background: white;
}

.header {
  position: fixed;
  width: 100vw;
  top: 137px;
}

  .header > div.summary {
    padding-right: 25px;
  }

div.headertitle {
  padding: 5px 5px 0 10px;
}

  div.headertitle > .title {
    margin: 0 2px;
  }

div.contents {
  margin-top: 180px;
}

#MSearchResultsWindow {
  position: fixed;
  border-radius: 3px;
  padding-right: 2px;
}

.bold {
  font-weight: bold;
}

@media(max-width:768px) {
  .header {
    position: fixed;
    width: 100vw;
    top: 277px;
  }

  div.contents {
    margin-top: 318px;
  }
}

Change the fixed postion header on small devices


body{
    padding-top:50px;
}
footer{
    padding-top:50px;
}
.outdated > span {
    display: block;
    padding: 1rem 1rem 0.1rem 1rem;
    background-color: #d3dee3;
    font-size: 125%;
    border-radius: .9rem;
    text-align: center;
    line-height: 1rem;
}

Remove extra css for outdated

Remove extra css for outdated


.VirtualSelectGrid {
  z-index: 1;
}

.VirtualizedSelectOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 .5rem;
}
.VirtualizedSelectFocusedOption {
  background-color: rgba(0, 126, 255, 0.1);
}
.VirtualizedSelectDisabledOption {
  opacity: 0.5;
}
.VirtualizedSelectSelectedOption {
  font-weight: bold;
}

.VirtualSelectGrid {
  z-index: 1;
}

.VirtualizedSelectOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 .5rem;
  cursor: pointer;
}
.VirtualizedSelectFocusedOption {
  background-color: rgba(0, 126, 255, 0.1);
}
.VirtualizedSelectDisabledOption {
  opacity: 0.5;
}
.VirtualizedSelectSelectedOption {
  font-weight: bold;
}

Add cursor:pointer style to .VirtualizedSelectOption


.selectedIcon:before {
    font-family: FontAwesome;
    content: "\f046";
}

.emptyIcon:before {
    font-family: FontAwesome;
    content: "\f096";
}

.basemapsIcon:before {
    font-family: FontAwesome;
    content: "\f009";
}

/* condense dropdown on small screens */

@media screen and (max-width: 600px) {
  #basemaps_widget .dijitButtonText {
    display: none;
  }
}

Add conditional css to hide basemap text on small screens


/* CSS RESET */
* {
    margin:0;
    padding:0;
    list-style:none;
    vertical-align:baseline;
    -webkit-font-smoothing: antialiased;
}
/* END CSS RESET */

body {
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-family: 'Open Sans', sans-serif;
}

/* CSS RESET */
* {
    margin:0;
    padding:0;
    list-style:none;
    vertical-align:baseline;
    -webkit-font-smoothing: antialiased;
}
/* END CSS RESET */

body {
    font-family: 'Open Sans', sans-serif;
}

section {
    padding: 0px 4%;
}

Add lateral gutter on page

Add lateral gutter on page