main {
	display: block;
	height: 100%;
	padding-bottom: 330px;
}

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

#third_from_top {
display: block;
position: relative;
left: 100px;
top: 280px;
}

#fourth_from_top {
display: block;
position: relative;
left: 100px;
top: 290px;
}
#fifth_from_top {
display: block;
position: relative;
left: 100px;
top: 300px;
}
#sixth_from_top {
display: block;
position: relative;
left: 100px;
top: 310px;
}
#seventh_from_top {
display: block;
position: relative;
left: 100px;
top: 320px;
}

main {
	display: block;
	height: 100%;
	padding-bottom: 800px;
}

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

#third_from_top {
display: block;
position: relative;
left: 100px;
top: 740px;
}

#fourth_from_top {
display: block;
position: relative;
left: 100px;
top: 750px;
}
#fifth_from_top {
display: block;
position: relative;
left: 100px;
top: 760px;
}
#sixth_from_top {
display: block;
position: relative;
left: 100px;
top: 770px;
}
#seventh_from_top {
display: block;
position: relative;
left: 100px;
top: 780px;
}
#eighth_from_top {
display: block;
position: relative;
left: 100px;
top: 790px;
}

Add eighth to general stylesheet

Add eighth to general stylesheet


html,body{
  height: 100%;
  width: 100%;
  margin: 0;
}
#cover{
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
  background-size: cover;
  background-attachment: fixed;
}

html,body{
  height: 100%;
  width: 100%;
  margin: 0;
}
#cover{
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-attachment: fixed;
}
.section-2{
  height: 100%;
  background-color: red;
}
.phone{
  position: fixed;
  right: 10%;
  top: 10%;
}
.iphone{
  height: 700px;
}
#main-frase{
  font-size: 1.5em;

}
.center{
  margin: 0 auto;
  width: 90%;
}
h1{
  font-family: 'Montserrat', sans-serif;
  /*font-family: 'Lora', serif;*/
  margin-top: 20%;
}

Add css to iphone and welcome message

Add css to iphone and welcome message


@charset "utf-8";
.italic { font-style: italic;  }
.mention { color: #E09710; }
.instagram { margin-bottom: 5px; }

.headline {
	background: url(https://placeholdit.imgix.net/~text?txtsize=70&txt=Headline&w=750&h=500&txttrack=0);
	background-repeat: no-repeat;
}

@media only screen and (min-width: 769) {
	.headline {
		width: 350px !important;
	}
}

.shout {
	padding: 50px;
}

span.email {
	height: 42px;
}

#footer {
	background-color: #2F2D2F;
	color: #fff;
}

.footer {
	margin-top: 15px;
}

Set charset as utf-8 in css

Set charset as utf-8 in css


/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Tooltip {
  background: var(--jp-layout-color1);
  border: var(--jp-border-width) solid var(--jp-border-color1);
  font-size: var(--jp-ui-font-size0);
  box-shadow: var(--jp-elevation-z6);
  max-width: 650px;
  z-index: 10001;
  padding: 4px;
  display: flex;
}

.jp-Tooltip-content {
  overflow: auto;
}

.jp-Tooltip:focus {
  outline: 0;
}

.jp-Tooltip pre {
  margin: 0;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Tooltip {
  background: var(--jp-layout-color1);
  border: var(--jp-border-width) solid var(--jp-border-color1);
  font-size: var(--jp-ui-font-size0);
  box-shadow: var(--jp-elevation-z6);
  max-width: 650px;
  z-index: 10001;
  padding: 4px;
  display: flex;
}

.jp-Tooltip-content {
  overflow: auto;
}

.jp-Tooltip:focus {
  outline: 0;
}

.jp-Tooltip pre {
  white-space: pre-wrap;
  margin: 0;
}

Add word wrapping for tooltip

Add word wrapping for tooltip


#map {
    height: 600px;
    width: 540px;
}

.graph-comments {
    text-align: center;
    vertical-align: middle;
}

.graph-container {
    padding-top: 10px;
    padding-bottom: 15px;
    height: 100px;
    border-bottom: 1px solid lightgrey;
}

.graph-container.histogram, .graph-container.histogram canvas {
    height: 150px;
}

.graph path {
    stroke: steelblue;
    stroke-width: 1;
    fill: none;
}

.graph {
    position: absolute;
    height: 100px;
    width: 540px;
}

#download-progress {
    font-weight: bold
}

#analysis-progress {
    font-weight: bold;
    display: none;
}

.graph .hover-line {
    stroke: #6E7B8B;
}

.graph .max-line {
    stroke: red;
}

.graph .average-line {
    stroke: green;
}

.graph .brake-event {
    fill: #FF6666;
}

.graph text.annotation {
    font-size: 10px;
    font-weight: normal;
}

.current-data {
    display: none;
}

.delayed {
    display: none;
}

#map {
    height: 460px;
    width: 540px;
}

.graph-comments {
    text-align: center;
    vertical-align: middle;
}

.graph-container {
    padding-top: 10px;
    padding-bottom: 15px;
    height: 100px;
    border-bottom: 1px solid lightgrey;
}

.graph-container.histogram, .graph-container.histogram canvas {
    height: 150px;
}

.graph path {
    stroke: steelblue;
    stroke-width: 1;
    fill: none;
}

.graph {
    position: absolute;
    height: 100px;
    width: 540px;
}

#download-progress {
    font-weight: bold
}

#analysis-progress {
    font-weight: bold;
    display: none;
}

.graph .hover-line {
    stroke: #6E7B8B;
}

.graph .max-line {
    stroke: red;
}

.graph .average-line {
    stroke: green;
}

.graph .brake-event {
    fill: #FF6666;
}

.graph text.annotation {
    font-size: 10px;
    font-weight: normal;
}

.current-data {
    display: none;
}

.delayed {
    display: none;
}

Make map slightly shorter to allow seeing graphs.


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

.panel {
  filter: alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}

.panel-heading {
  font-size: 1.5em;
  font-weight: bolder;
  font-family: Vivaldi, cursive, serif;
}

.panel-body {
  font-size: 1.1em;
}

Correct CSS for About Me

Correct CSS for About Me


/* PDF.JS plugin styles. */

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

.pdfjs_viewer iframe {
	width: 100%;
	height: 100%;
	border: none;
}

Add the PDF.JS plugin CSS.

Add the PDF.JS plugin CSS.


html, body {
    width: 90%;
    height: 90%;
    margin: 0 auto;
    margin-top: 0.5em;
    padding: 0.5;
    background-color: black;
    font-family: 'Cousine', monospace;
}
#container {
    width: 100%;
    height: 100%;
}
#main {
    position: absolute;
    height: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 10px;
    background-color: green;
}
#entryInput {
    border: 0;
    background-color: black;
    color: white;
    /* height:200px; */
    font-size: 20pt;
    caret-color: #FF2E88;
    caret-width: 20px;
}
#entryInputContainer {
    margin-left: 20px;
    margin-top: 20px;
}
#cocoaLogo {
    width: 80px;
}
.listStyle {
    color: #FF2E88;
}
input:focus
{
    outline: none;
}

html, body {
    width: 90%;
    height: 90%;
    margin: 0 auto;
    margin-top: 0.5em;
    padding: 0.5;
    background-color: black;
    font-family: 'Cousine', monospace;
}
#container {
    width: 100%;
    height: 100%;
}
#main {
    position: absolute;
    height: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 10px;
    background-color: green;
}
#entryInput {
    border: 0;
    background-color: black;
    color: white;
    /* height:200px; */
    font-size: 20pt;
    caret-color: #FF2E88;
}
#entryInputContainer {
    margin-left: 20px;
    margin-top: 20px;
}
#cocoaLogo {
    width: 80px;
}
.listStyle {
    color: #FF2E88;
}
input:focus
{
    outline: none;
}

Fix a wrong caret property

Fix a wrong caret property


.hljs-type {
  color: rgb(66, 138, 141);
}

.hljs-string {
  color: rgb(88, 184, 187);
}

#screencast {
  max-width: 45em;
}

.hljs-type {
  color: rgb(66, 138, 141);
}

.hljs-string {
  color: rgb(88, 184, 187);
}

#screencast {
  width: 100%;
  max-width: 45em;
}

Fix front page image width on mobile

Fix front page image width on mobile


@CHARSET "UTF-8";

#recent_uploads_wrapper
{
	width: 100%;
}
	/*
	position: absolute;
	left: 5px;
	right: 5px;
    bottom: 5px;
    margin: 0px;
    height: 350px;
}
.dataTables_scrollHeadInner > table:nth-child(1)
{
	margin: 0px;
}
*/

#recent_uploads h2
{
	font-size: 1.7em;
}

#recent_uploads_table
{
	width: 100%;
}

#recent_uploads_table_wrapper
{
	width: 100%;
}

table#recent_uploads_table td
{
	cursor: auto;
}

#recent_uploads_filter
{
	float: right;
	margin-top: 10px;
	margin-right: 3px;
}
#recent_uploads_table_length
{
	margin: 5px;
}

/** Vertically align radio buttons with the labels */
#recent_uploads_filter input[type='radio'] {
    vertical-align: middle;
    margin-top: -3px;
}

#recent_uploads_filter label {
	padding: 0px;
}

#recent_uploads_table .deleteFileAction
{
	text-decoration: underline;
	cursor: pointer;
}

@CHARSET "UTF-8";

#recent_uploads_wrapper
{
	width: 100%;
	margin-bottom: 40px;
}

#recent_uploads h2
{
	font-size: 1.7em;
}

#recent_uploads_table
{
	width: 100%;
}

#recent_uploads_table_wrapper
{
	width: 100%;
}

table#recent_uploads_table td
{
	cursor: auto;
}

#recent_uploads_filter
{
	float: right;
	margin-top: 10px;
	margin-right: 3px;
}
#recent_uploads_table_length
{
	margin: 5px;
}

/** Vertically align radio buttons with the labels */
#recent_uploads_filter input[type='radio'] {
    vertical-align: middle;
    margin-top: -3px;
}

#recent_uploads_filter label {
	padding: 0px;
}

#recent_uploads_table .deleteFileAction
{
	text-decoration: underline;
	cursor: pointer;
}

Make Live Chat not block the Add Media pagination buttons


#edidWrapper {
  width:auto;
}

#edidParsed {
  float:right;
  width:600px;
}
#inputTextBox {
  float:left;
  position:relative;
}
#parseButton {
  position:absolute;
  right:0px;
}

#inputEdid, #outputEdid {
  resize: none;
}

#edidTreeviewWrapper {
  float:left;
  width:250px;
}
#edidDataWrapper {
    /*padding-top:25px;*/
    /*padding-bottom:25px;*/
    float:right;
    width:350px;
}

#edidWrapper {
  width:auto;
}

#edidParsed {
  float:right;
  width:600px;
}
#inputTextBox {
  float:left;
  position:relative;
}
#parseButton {
  position:absolute;
  right:0px;
}

#inputEdid, #outputEdid {
  resize: none;
  font-family: Consolas,"Liberation Mono",Courier,monospace;
}

#edidTreeviewWrapper {
  float:left;
  width:250px;
}
#edidDataWrapper {
    /*padding-top:25px;*/
    /*padding-bottom:25px;*/
    float:right;
    width:350px;
}

Change input textbox to monospace font.

Change input textbox to monospace font.


.aui-dialog {

}

.aui-dialog .aui-icon-loading {
	margin: 0 auto;
}

.aui-dialog .aui-widget-hd {
	color: #333333;
	cursor: move;
	font-size: 15px;
	font-weight: bold;
	padding: 8px 10px;
}

.aui-dialog .aui-widget-bd {
	border: 1px solid #ccc;
	border-color: transparent #999 #999 #bbb;
	padding: 10px;
	background: #fff;
}
.aui-dialog .aui-widget-ft {
	border: 1px solid #ccc;
	border-color: transparent #999 #999 #bbb;
	padding: 5px 10px;
	text-align: right;
	background: #fff;
}

.aui-dialog-close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	margin: 5px;
}

.aui-dialog-hidden {
	visibility: hidden;
}

.aui-dialog {

}

.aui-dialog .aui-icon-loading {
	margin: 0 auto;
}

.aui-dialog .aui-widget-hd {
	color: #333333;
	cursor: move;
	font-size: 15px;
	font-weight: bold;
	padding: 8px 10px;
}

.aui-dialog .aui-widget-bd {
	border: 1px solid #ccc;
	border-color: transparent #999 #999 #bbb;
	padding: 10px;
	background: #fff;
	overflow: auto;
}
.aui-dialog .aui-widget-ft {
	border: 1px solid #ccc;
	border-color: transparent #999 #999 #bbb;
	padding: 5px 10px;
	text-align: right;
	background: #fff;
}

.aui-dialog-close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	margin: 5px;
}

.aui-dialog-hidden {
	visibility: hidden;
}

Fix Dialog CSS overflow auto to aui-wdiget-bd

git-svn-id: eaac6977d0b6fa3343c402860739874625caf655@36446 05bdf26c-840f-0410-9ced-eb539d925f36


img.fill {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;

  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  z-index: -1;
}

a.headerlink {
    visibility: hidden;
}

h1:hover > a.headerlink,
h2:hover > a.headerlink,
h3:hover > a.headerlink,
h4:hover > a.headerlink,
h5:hover > a.headerlink,
h6:hover > a.headerlink,
dt:hover > a.headerlink {
    visibility: visible;
}

div.figure p.caption {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0.5em;
}

.slide-no {
    position: absolute;
    bottom: 1ex;
    right: 1em;
    font-size: 66%;
}

div.admonition {
	visibility: hidden;
}

img.fill {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;

  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  z-index: -1;
}

a.headerlink {
    visibility: hidden;
}

h1:hover > a.headerlink,
h2:hover > a.headerlink,
h3:hover > a.headerlink,
h4:hover > a.headerlink,
h5:hover > a.headerlink,
h6:hover > a.headerlink,
dt:hover > a.headerlink {
    visibility: visible;
}

div.figure p.caption {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0.5em;
}

.slide-no {
    position: absolute;
    bottom: 1ex;
    right: 1em;
    font-size: 66%;
}

div.admonition.note {
    visibility: hidden;
    display: none;
}

Use display:none on notes, to prevent them from taking up space.


@import url(http://fonts.googleapis.com/css?family=Nothing+You+Could+Do);

body {
  padding-top:60px;
}

.navbar .navbar-brand {
  font-family: 'Nothing You Could Do', cursive;
  font-size: 2.5em;
  color: white;
}

.dropdown-menu {
  height: auto;
  max-height: 400px;
  overflow-x: hidden;
}

#vis {
  position: relative;
}

canvas {
  position: absolute;
}

svg {
  z-index: -1;
}

.axis text {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #bbb;
  shape-rendering: crispEdges;
}

Add SVG & canvas styles

Add SVG & canvas styles


.quoteBanner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  text-align: center;
  color: white;
  height: 480px;
  background-image: url(images/lincoln.jpg);
  background-size: 100%;
  background-position: right top;
  background-repeat: no-repeat;
}

.quoteLines {
  width: 85%;
  height: 3px;
  content: '\a0';
  background-color: white;
  align-self: center;
}

.quoteText {
  padding: 80px;
  font-family: 'Noto Serif', serif;
}

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

@media screen and (max-width: 850px) {
  .quoteText {
    font-size: 2rem;
    padding: 60px;
  }
}

@media screen and (max-width: 650px) {
  .quoteText {
    font-size: 1.5rem;
    padding: 40px;
  }
}

@media screen and (max-width: 415px) {
  .author {
    text-align: center;
  }
}

.quoteBanner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  text-align: center;
  text-shadow: #000 1px 0 15px;
  color: white;
  height: 480px;
  background-image: url(images/lincoln.jpg);
  background-size: 100%;
  background-position: right top;
  background-repeat: no-repeat;
}

.quoteLines {
  width: 85%;
  height: 3px;
  content: '\a0';
  background-color: white;
  align-self: center;
}

.quoteText {
  padding: 80px;
  font-family: 'Noto Serif', serif;
}

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

@media screen and (max-width: 850px) {
  .quoteText {
    font-size: 2rem;
    padding: 60px;
  }
}

@media screen and (max-width: 650px) {
  .quoteText {
    font-size: 1.5rem;
    padding: 40px;
  }
}

@media screen and (max-width: 415px) {
  .author {
    text-align: center;
  }
}

Add text shadow behind quote text

Add text shadow behind quote text

Emulating text shadow from home page.


.slick-row{
    height: 30px !important;
}

.slick-cell, .hg-cell{
    height: 100% !important;
    border: 0px !important;
}

.btn-mini {
  padding: 2px 6px;
  font-size: 14px;
  line-height: 14px;
}

.btn-delete {
    color: #999999;
}

.btn-delete:hover {
    text-decoration: none;
}

.hg-item-name:hover {
    text-decoration: underline !important;
    cursor: pointer;
}

.search-input {
  width: 250px;
}

.slick-row{
    height: 30px !important;
}

.slick-cell, .hg-cell{
    height: 100% !important;
    border: 0px !important;
}

.btn-mini {
  padding: 2px 6px;
  font-size: 14px;
  line-height: 14px;
}

.btn-default.btn-mini:hover,
.btn-default.btn-mini:focus,
.btn-default.btn-mini:active,
.btn-default.btn-mini.active,
.open .dropdown-toggle.btn-default.btn-mini {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-primary.btn-mini:hover,
.btn-primary.btn-mini:focus,
.btn-primary.btn-mini:active,
.btn-primary.btn-mini.active,
.open .dropdown-toggle.btn-primary.btn-mini {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.btn-delete {
    color: #999999;
}

.btn-delete:hover {
    text-decoration: none;
}

.hg-item-name:hover {
    text-decoration: underline !important;
    cursor: pointer;
}

.search-input {
  width: 250px;
}

Fix button shadows on hover state

Fix button shadows on hover state


/*
*
* Backpack Crud / Form
*
*/

.form-group.required label:not(:empty)::after {
    content: ' *';
    color: #ff0000;
}

.help-block {
	margin-top: .25rem;
	margin-bottom: .25rem;
    color: #73818f;
    font-size: 0.9em;
}

.nav-tabs-custom  .nav-tabs .nav-link:hover {
	border-bottom: 1px solid #fff;
}

form .select2-container--bootstrap .select2-selection--single,
form .select2-container--bootstrap .select2-selection--multiple {
	min-height: 38px;
}
form .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
	min-height: 36px;
}
form .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
	margin-top: 7px;
}
form .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
	margin-top: 8px;
}
form .select2-container--bootstrap .select2-selection--single {
	padding-top: 8px;
	padding-bottom: 8px;
}

Fix for select2 to match other inputs height


body {
	color: #535a5a;
	font-family: 'Lato';
	font-size: 16px;
  margin: 0;
  padding: 0;
}

body {
	color: #535a5a;
	font-family: 'Titillium','Lato','Helvetica';
	font-size: 16px;
  margin: 0;
  padding: 0;
}

Correct default body font and added fallbacks.


.leaflet-control-layers input {
    display: inline;
    margin-bottom: 9px;
    margin-top: 2px;
}
.leaflet-control-layers label {
    margin-bottom: 0;
}
.leaflet-control-layers-list {
    margin: 0;
}

.leaflet-popup-content {
    max-height: 12em;
    overflow-y: auto;
}

Add Leaflet CSS for Bootstrap compatibility.


/* Basscss Type Scale */

.h1 { font-size: var(--h1) }
.h2 { font-size: var(--h2) }
.h3 { font-size: var(--h3) }
.h4 { font-size: var(--h4) }
.h5 { font-size: var(--h5) }
.h6 { font-size: var(--h6) }

:root {
  --h1: 2rem;
  --h2: 1.5rem;
  --h3: 1.25rem;
  --h4: 1rem;
  --h5: .875rem;
  --h6: .75rem;
}

/* Basscss Type Scale */

.h00 { font-size: var(--h00) }
.h0 { font-size: var(--h0) }
.h1 { font-size: var(--h1) }
.h2 { font-size: var(--h2) }
.h3 { font-size: var(--h3) }
.h4 { font-size: var(--h4) }
.h5 { font-size: var(--h5) }
.h6 { font-size: var(--h6) }

:root {
  --h00: 4rem;
  --h0: 3rem;
  --h1: 2rem;
  --h2: 1.5rem;
  --h3: 1.25rem;
  --h4: 1rem;
  --h5: .875rem;
  --h6: .75rem;
}

Add h0 and h00 type scale

Add h0 and h00 type scale


body {  background-color: white; }
hr {  border-width: 0pt; }
:link {  color: #007d71; }

.sect1 .title {
  color: #990066;
  text-align: center;
}

.sect2 .title {
  color: #005A9C;
  text-align: left;
}

.foot {
  text-align: center;
  font-size: 80%;
  padding: 3ex;
}

.signature {
  text-align: right;
}

table {
  margin-right: auto;
  margin-left: auto;
  border: solid 1px;
  background: #E0FFE0;
}

body {  background-color: white; }
hr {  border-width: 0pt; }
:link {  color: #007d71; }

.sect1 .title {
  color: #990066;
  text-align: center;
}

.sect2 .title {
  color: #005A9C;
  text-align: left;
}

.foot {
  text-align: center;
  font-size: 80%;
}

.signature {
  text-align: right;
  padding: 3ex;
}

table {
  margin-right: auto;
  margin-left: auto;
  border: solid 1px;
  background: #E0FFE0;
}

Use padding for .signature paragraph instead of .foot

svn path=/www/trunk/; revision=7544


/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -------------------- IE10 remove auto clear button -------------------- */

::-ms-clear {
	display: none;
}

/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
	color: inherit;
}

/* -------------------- Editor -------------------- */

.monaco-editor {
	position: relative;
	overflow: visible;
	-webkit-text-size-adjust: 100%;
	-webkit-font-feature-settings: "liga" off, "calt" off;
	font-feature-settings: "liga" off, "calt" off;
}
.monaco-editor.enable-ligatures {
	-webkit-font-feature-settings: "liga" on, "calt" on;
	font-feature-settings: "liga" on, "calt" on;
}

/* -------------------- Misc -------------------- */

.monaco-editor .overflow-guard {
	position: relative;
	overflow: hidden;
}

.monaco-editor .view-overlays {
	position: absolute;
	top: 0;
}

.monaco-editor .auto-closed-character {
	opacity: 0.3;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -------------------- IE10 remove auto clear button -------------------- */

::-ms-clear {
	display: none;
}

/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
	color: inherit;
}

/* -------------------- Editor -------------------- */

.monaco-editor {
	position: relative;
	overflow: visible;
	-webkit-text-size-adjust: 100%;
	-webkit-font-feature-settings: "liga" off, "calt" off;
	font-feature-settings: "liga" off, "calt" off;
}
.monaco-editor.enable-ligatures {
	-webkit-font-feature-settings: "liga" on, "calt" on;
	font-feature-settings: "liga" on, "calt" on;
}

/* -------------------- Misc -------------------- */

.monaco-editor .overflow-guard {
	position: relative;
	overflow: hidden;
}

.monaco-editor .view-overlays {
	position: absolute;
	top: 0;
}

/*
.monaco-editor .auto-closed-character {
	opacity: 0.3;
}
*/

Remove dimmed auto closed character

Remove dimmed auto closed character


/*
 * Source: http://codepen.io/brunjo/pen/xbwVXJ;
 */
.loader {
  background-color: #fdba2c;
  height: 6px;
  left: 0;
  position: absolute;
  top: 54px;
  width: 100%;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #da4733;
  animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
  background-color: #3b78e7;
  animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
  background-color: #fdba2c;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}

/*
 * Source: http://codepen.io/brunjo/pen/xbwVXJ;
 */
.loader {
  background-color: #fdba2c;
  height: 6px;
  left: 0;
  position: fixed;
  top: 54px;
  width: 100%;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #da4733;
  animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
  background-color: #3b78e7;
  animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
  background-color: #fdba2c;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}

Change the loading bar position to fixed.

That way we can see it even when we are scrolled down.


/* PDF.JS plugin viewer styles: hide the viewer controls which don't make any sense
   in Pydio: opening (another) file and bookmarks. */

/* Hides from toolbar. */
#openFile, #viewBookmark {display: none !important}

/* Hides from drop-down menu: the menu includes duplicates of these actions
   to display them when there's not enough space on toolbar. */
#secondaryOpenFile, #secondaryViewBookmark {display: none !important}

Add the PDF.JS viewer CSS.

Add the PDF.JS viewer CSS.


#app footer {
    background-color: #00d1b2;
    margin-top: 2em;
}

#app footer p, #app footer i, #app footer a {
    color: white;
}

#app footer a {
    font-weight: bold;
}

#app > section {
    padding-top: 2em;
    background-color: transparent;
}

body {
    background: url(/images/background.png);
    height: 100%;
    min-height: 100vh;
    overflow-x: hidden;
}

#websiteTitle {
    font-weight: 600;
    font-size: 1.5em;
}

#newModal p {
    margin-bottom: .5em;
}

@media screen and (max-width: 680px) {
    #markdown {
        padding: 0!important;
    }

    #markdown svg {
        max-width: 100%;
    }

    #content {
        margin: 0;
    }
}

#app footer {
    background-color: #00d1b2;
    margin-top: 2em;
}

#app footer p, #app footer i, #app footer a {
    color: white;
}

#app footer a {
    font-weight: bold;
}

#app > section {
    padding-top: 2em;
    background-color: transparent;
}

body {
    background: url(/images/background.png);
    height: 100%;
    min-height: 100vh;
    overflow-x: hidden;
}

#websiteTitle {
    font-weight: 600;
    font-size: 1.5em;
}

#newModal p {
    margin-bottom: .5em;
}

svg {
    max-width: 100% !important;
}

@media screen and (max-width: 680px) {
    #markdown {
        padding: 0 !important;
    }

    #markdown svg {
        max-width: 100%;
    }

    #content {
        margin: 0;
    }
}

Implement max width so that elements are centered


:root {
    --uiuc-blue: rgba(19, 41, 75, 1.0);
    --uiuc-orange: rgba(232, 74, 39, 1.0);
    --uiuc-second-blue: rgba(5, 86, 165, 1.0);
    --uiuc-third-blue: rgba(32, 64, 151);
}

.tabs .tab a:hover, .tabs .tab a.active {
	background-color: transparent;
  color: var(--uiuc-blue);
}

a {
    color: var(--uiuc-second-blue);
    font-weight: 400;
    font-size: 104%;
}

.tabs .tab a
{
  background-color: transparent;
  color: var(--uiuc-blue);
  font-size: 110%;
}

.tabs .indicator {
    background-color: var(--uiuc-blue);
    height:4px;
}

.table-of-contents a.active {
    border-left: 2px solid var(--uiuc-blue);
}

blockquote {
    border-left: 5px solid var(--uiuc-blue);
}

.moose-parameter-name{
    color:var(--uiuc-blue);
}

nav,
.btn,
.btn-small,
.btn-large,
footer.page-footer{
    background-color:var(--uiuc-blue);
}

.side-nav .collapsible ul:last-child a.active:last-child,
.side-nav.fixed .collapsible ul:last-child a.active:last-child{
    background-color:var(--uiuc-blue);
    color:#fff;
    font-weight:500;
}

/* MOOSE SYNTAX LISTS */
.collection.with-header .collection-header {
    color:white;
    background-color: var(--uiuc-blue);
    font-size:larger;
    font-weight:100;
}

/* Dropdown Menu Text Color */
.dropdown-content li > a, .dropdown-content li > span {
    color: var(--uiuc-blue);
    font-weight:400;
}

Change to UIUC color scheme

Change to UIUC color scheme


.topic {
    background-color: #DED;
}

body {
    word-wrap: break-word;
}

.wy-nav-content {
    max-width: 900px !important;
}

Update style for wider tables

Update style for wider tables


.mapillary-js {
    background-color: #000;
    width: 320px;
    height: 240px;
    position: relative;
}

/*
// Make the viewer responsive and retain 4/3 ratio
.mapillary-js {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.mapillary-js > canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
*/

Add commented out responsive styles which retain the aspect ratio


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

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

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

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

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

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

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

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

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

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

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

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

.counter {
  background: var(--background-color);
  border-radius: 50%;
  color: var(--color-white);
  display: inline-block;
  font-family: var(--font-family-bold);
  font-size: calc(1.24 * var(--unit));
  font-weight: 500;
  line-height: 1;
  letter-spacing: .25px;
  min-height: var(--min-size);
  min-width: var(--min-size);
}

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

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

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

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

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

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

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

Apply new font styles to the counters

Apply new font styles to the counters


.jsavarraytreenode {
  border: none;
  background-color: transparent;
  box-shadow: none;
  border-radius: 8px;
}

.jsavarraytreenode .jsavarray {
  margin: 0;
}

.jsavarraytreenode .jsavarray {
  min-height: 47px;
}

Add new line at end of file

Add new line at end of file


body {
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #f1f1f1;
  font-family: 'Noto Sans', sans-serif;
}

/* remove the underline link style */
a:focus, a:hover {
  text-decoration: none;
}

/* add a gap under the navbar */
#firstContent:before {
  display: block;
  content: " ";
  height: 70px;
  visibility: hidden;
}
h1 {
  font-size: 200%;
}

Change font size of h1 tag

Change font size of h1 tag


.nested ul {
	@apply mb-32;
}
.nested li {
	@apply mb-2 text-grey-darkest;
}

.nested p,
figure {
	@apply mb-4 leading-normal;
}
.nested a {
	@apply text-primary-color;
}

.nested hr {
	@apply border-grey my-16;
}
.nested h2 {
	@apply mt-6 mb-4;
}
.nested h3 {
	@apply mb-5 mt-6;
}
.nested h4 {
	@apply mb-2 mt-5;
}
.nested ul,
.nested ol {
	@apply my-8;
}
.nested li {
	@apply mb-2;
}
.nested blockquote {
	@apply border-l-2 pl-4;
}

.nested ul {
	@apply mb-32;
}
.nested li {
	@apply mb-2 text-grey-darkest;
}

.nested p,
figure {
	@apply mb-4 leading-normal;
}
.nested a {
	@apply text-primary-color;
}

.nested hr {
	@apply border-grey my-16;
}
.nested h2 {
	@apply mt-6 mb-4 text-xl;
}

@screen sm {
	.nested h2 {
		@apply mt-6 mb-4 text-3xl;
	}
}
.nested h3 {
	@apply mb-5 mt-6;
}
.nested h4 {
	@apply mb-2 mt-5;
}
.nested ul,
.nested ol {
	@apply my-8;
}
.nested li {
	@apply mb-2;
}
.nested blockquote {
	@apply border-l-2 pl-4;
}

Improve font size on mobile

Improve font size on mobile


body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

.label {
	color: #565b61
}

body {
  padding: 10px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

.label {
	color: #565b61
}

Set padding from 50px to 10px

Set padding from 50px to 10px


.layout {
  padding: 0 15px;
}

.content {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 800px;
  margin-bottom: 50px;
  line-height: 1.6em;
}

.header {
  margin: 0;
  color: #333;
  text-align: center;
  padding: 2.5em 2em 0;
  border-bottom: 1px solid #eee;
}

.header h1 {
  margin: 0.2em 0;
  font-size: 3em;
  font-weight: 300;
}

.header h4 {
  font-weight: 300;
  color: #ccc;
  padding: 0;
  margin-top: 0;
}

textarea {
  width: 100%;
}

.help, .optional {
  font-weight: normal;
  color: #999;
}

.spacer {
  height: 20px;
}

.modal {
  display: none;
}

fieldset {
  border: none;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

table {
  width: 100%;
}

th {
  text-align: left;
}

Fix for horizontal scrollbar with bootstrap css


/* Structure Styles
/*---------------------------------------------*/

#content {
  /* padding-top: 40px; */
}

#footer {
	padding: 1em 0;
	margin-top: 1em;
	background: #f1f1f1;
	text-align: center;
}

.top-bar {
	background-color: #4183D7 !important;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	background-color: #4183D7 !important;
}
.top-bar.expanded {
	background-color: #2574A9;
}
.top-bar.expanded .title-area {
	background-color: #2574A9 !important;
}
.top-bar.expanded .toggle-topbar a {
	color: #D2D7D3 !important;
}

Fix titlebar color when opening the menu from mobile devices


.selected {
  text-decoration: underline;
}

.full-height {
  height: 100vh;
}

.row {
  max-width: 100vw;
}

Make row divs 100% wide

Make row divs 100% wide


.blog p {
  text-align: justify;
  font-size: 1em;
}
#line_break {
  border: 1px solid grey;
  width: 100%;
  margin: auto;
}
.blog #title_font {}

.blog #date_font {}
h4 {}

.blog p {
  text-align: justify;
  font-size: 1em;
}
#line_break {
  border: 1px solid grey;
  width: 100%;
  margin: auto;
}
.blog #title_font {}

.blog #date_font {}
h4 {
  font-weight: bold;
}

Change font weight for h4 headings.

Change font weight for h4 headings.


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

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

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

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

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

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

Update left border in CSS

Update left border in CSS


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: dd90618784b6a4b323ea0c23a071cb1c9e6f2ac7@25961 4ff67af0-8c30-449e-8e8b-ad334ec8d88c


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

.stage-wrapper {
    box-sizing: border-box;
}

.stage-canvas-wrapper {
    padding-left: $space;
    padding-right: $space;

    /* Hides negative space between edge of rounded corners + container, when selected */
    user-select: none;
}

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

.stage-wrapper * {
    box-sizing: border-box;
}

.stage-canvas-wrapper {
    padding-left: $space;
    padding-right: $space;

    /* Hides negative space between edge of rounded corners + container, when selected */
    user-select: none;
}

Fix stage sizing for www

Fix stage sizing for www


.vertical-timeline * {
  box-sizing: border-box;
}

.vertical-timeline {
  width: 95%;
  max-width: 1170px;
  margin: 2em auto;
  position: relative;
  padding: 2em 0;
}
.vertical-timeline::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.vertical-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: white;
}

@media only screen and (min-width: 1170px) {
  .vertical-timeline.vertical-timeline--two-columns {
    margin-top: 3em;
    margin-bottom: 3em;
    width: 90%;
  }
  .vertical-timeline.vertical-timeline--two-columns:before {
    left: 50%;
    margin-left: -2px;
  }
}

.vertical-timeline * {
  box-sizing: border-box;
}

.vertical-timeline {
  width: 95%;
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
  padding: 2em 0;
}
.vertical-timeline::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.vertical-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: white;
}

@media only screen and (min-width: 1170px) {
  .vertical-timeline.vertical-timeline--two-columns {
    width: 90%;
  }
  .vertical-timeline.vertical-timeline--two-columns:before {
    left: 50%;
    margin-left: -2px;
  }
}

Remove timeline wrapper margin top and margin bottom


body {
  background-color: #0FFF30;
}

h1 {
  font-family: Modern No. 20;
  text-align: center;
  font-style: bold;
}

nav {
  font-family: Modern No. 20;
  margin: auto;
  padding-left: 130px;

}

.navigation {
  border: 3px outset gray;
  margin: 0px 25px 0px 25px;
  padding: 5px 2px 5px 2px;
  background-color:#DCDCDC;
  text-decoration: none;
}

header {
  border: 4px outset;
  background-color: #00CC66;
  max-width: 900px;
}

section img {
  width: 50%;
  margin: auto;
  display: block;
}

aside {
  float: right;
  display: block;
  margin: auto;
  border: 2px outset black;
  padding: 10px 10px 10px 10px;
  background-color: #0FFF30;
}

aside img {
height: 40px;
width: 40px;
display: block;
margin: 20px 5px 20px 5px;
}
p {
  text-align: left;
}

body {
  background-color: #5F9688;
}

h1 {
  font-family: Modern No. 20;
  text-align: center;
  font-style: bold;
}

nav {
  font-family: Modern No. 20;
  margin: auto;
  padding-left: 130px;
  max-width: 900px;
  height: 100px;
}

.navigation {
  border: 3px outset gray;
  margin: 0px 25px 0px 25px;
  padding: 5px 2px 5px 2px;
  background-color:#A1BFB8;
  text-decoration: none;
}

header {
  border: 4px outset;
  background-color: #297461;
  max-width: 900px;
}

section img {
  width: 50%;
  margin: auto;
  display: block;
}

aside {
  float: right;
  display: block;
  margin: auto;
  border: 2px outset black;
  padding: 10px 10px 10px 10px;
  background-color: #297461;
}

aside img {
height: 40px;
width: 40px;
display: block;
margin: 20px 5px 20px 5px;
}
p {
  text-align: left;
}

Change color palette for index

Change color palette for index


.root {}

.label {
    display: inline-block;
    padding-right: 5px;
}

.label[required]:after {
    content: '*';
    color: $brand-error;
}

.field {
    display: inline-block;
    position: relative;
}

.message {
    margin-left: 5px;
    padding: 0 5px;
    background: $background-color-base;
}

.message[color="error"] {
    background: $brand-error;
    color: white;
}

.root[placement="bottom"] .message {
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: 0;
}

.root[label-size$="normal"] .label { width: 80px; }
.root[label-size$="normal"] .field { max-width: calc(100% - 80px); }

.root[layout="block"] .field {
    vertical-align: top;
}

.root {}

.label {
    display: inline-block;
    padding-right: 5px;
}

.label[required]:after {
    content: '*';
    color: $brand-error;
}

.field {
    display: inline-block;
    position: relative;
}

.message {
    margin-left: 5px;
    padding: 0 5px;
    background: $background-color-base;
}

.message[color="error"] {
    background: $brand-error;
    color: white;
}

.root[placement="bottom"] .message {
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: 0;
}

.root[label-size$="normal"] > .label { width: 80px; }
.root[label-size$="normal"] > .field { max-width: calc(100% - 80px); }

.root[layout="block"] > .field {
    vertical-align: top;
}

:bug: Fix problem of nested <u-form-item> layout=block


#comment-waiting {
  line-height: 16px;
}

#comment-waiting img {
  vertical-align: middle;
  padding: 0 4px 0 10px;
}

#comment-added-message,
#comment-thanks {
  padding-left: 10px;
}

.comment-moderated-flag {
  font-variant: small-caps;
  margin-left: 5px;
}

#div_id_honeypot {
    /* Hide the honeypot from django.contrib.comments by default */
    display: none;
}

Hide the honeypot field of django.contrib.comments by default in CSS.


:root {
  --fontFamily-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fontFamily-title: Avenir, "Helvetica Neue", Helvetica, sans-serif;
}

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

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--fontFamily-title);
  font-weight: 400;
}

em em {
  font-style: normal;
}

:root {
  --fontFamily-body: "Helvetica Neue", Helvetica, "Liberation Sans", "Droid Sans", Arial, sans-serif;
  --fontFamily-title: Avenir, "Helvetica Neue", Helvetica, "Liberation Sans", "Droid Sans", sans-serif;
}

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

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--fontFamily-title);
  font-weight: 400;
}

em em {
  font-style: normal;
}

Add Linux- & Android- friendly fonts

Add Linux- & Android- friendly fonts


/* app css stylesheet */

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li + li:before {
  content: "|";
  padding-right: 0.3em;
}

/*ASP TESTING**/
/* View: Phone detail */
.phone {
  background-color: white;
  border: 1px solid black;
  float: left;
  height: 400px;
  margin-bottom: 2em;
  margin-right: 3em;
  padding: 2em;
  width: 400px;
}

.phone-thumbs {
  list-style: none;
  margin: 0;
}

.phone-thumbs img {
  height: 100px;
  padding: 1em;
  width: 100px;
}

.phone-thumbs li {
  background-color: white;
  border: 1px solid black;
  display: inline-block;
  margin: 1em;
}

.specs {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

.specs dt {
  font-weight: bold;
}

.specs > li {
  display: inline-block;
  vertical-align: top;
  width: 200px;
}

.specs > li > span {
  font-size: 1.2em;
  font-weight: bold;
}

Add css for list items

Add css for list items


.u8y-agpl-footer > hr { margin-bottom:0;margin-top:0;width:33% }
.u8y-agpl-footer > a { font-size:xx-small;color:#ccc }

tr.u8y-not-published { background-color:#ffc }
tr.u8y-not-published:hover { background-color:#fefe97!important }

.u8y-not-published-element { color:#ddd }
.u8y-not-published-element a { color:#ddd }

.u8y-agpl-footer > hr { margin-bottom:0;margin-top:0;width:33% }
.u8y-agpl-footer > a { font-size:xx-small;color:#ccc }

tr.u8y-not-published { background-color:#ffc }
tr.u8y-not-published:hover { background-color:#fefe97!important }

.u8y-not-published-element { color:#ddd }
.u8y-not-published-element a,
a.u8y-not-published-element { color:#ddd }

Fix .u8y-not-published-element not applied to some elements


.production-bar {
    align-items: center;
    background: lightgray;
    bottom: 0;
    border-top: 1px #8b8b8b solid;
    background: linear-gradient(#eaeaea, #888 7%);
    box-shadow: 0 0 15px 0 #747474;
    display: flex;
    height: 3.5rem;
    position: fixed;
    width: 100vw;
}

.fixed-resources {
    margin: auto;
    display: flex;
}
.alternative-resources {
    margin: auto;
    display: flex;
}

.resource-with-count {
    margin-left: 2px
}
.resource-choice {
    margin-left: 2px;
}

.resource-img {
    height: 3rem;
    vertical-align: middle;
    width: 3rem;
}

.resource-count {
    font-family: fantasy;
    font-size: 1.5rem;
    margin-left: 0.2rem;
    vertical-align: middle;
}

.choice-separator {
    font-size: 2rem;
    vertical-align: middle;
    margin: 5px;
    color: #c29929;
    text-shadow: 0 0 1px black;
}

.production-bar {
    align-items: center;
    background: lightgray;
    bottom: 0;
    border-top: 1px #8b8b8b solid;
    background: linear-gradient(#eaeaea, #888 7%);
    box-shadow: 0 0 15px 0 #747474;
    display: flex;
    height: 3.5rem;
    position: fixed;
    width: 100vw;
}

.fixed-resources {
    margin: auto;
    display: flex;
}
.alternative-resources {
    margin: auto;
    display: flex;
}

.resource-with-count {
    margin-left: 1rem
}
.resource-choice {
    margin-left: 1.5rem;
}

.resource-img {
    height: 3rem;
    vertical-align: middle;
    width: 3rem;
}

.resource-count {
    font-family: fantasy;
    font-size: 1.5rem;
    margin-left: 0.2rem;
    vertical-align: middle;
}

.choice-separator {
    font-size: 2rem;
    vertical-align: middle;
    margin: 5px;
    color: #c29929;
    text-shadow: 0 0 1px black;
}

Increase space between resources in production bar


/*

This CSS file contains some tweaks specific to the included Bootstrap theme.
It's separate from `style.css` so that it can be easily overridden by replacing
a single block in the template.

*/

.form-actions {
    background: transparent;
    border-top-color: transparent;
}

.navbar-inverse .brand a {
    color: #999;
}
.navbar-inverse .brand:hover a {
    color: white;
    text-decoration: none;
}

/*

This CSS file contains some tweaks specific to the included Bootstrap theme.
It's separate from `style.css` so that it can be easily overridden by replacing
a single block in the template.

*/

.form-actions {
    background: transparent;
    border-top-color: transparent;
    padding-top: 0;
}

.navbar-inverse .brand a {
    color: #999;
}
.navbar-inverse .brand:hover a {
    color: white;
    text-decoration: none;
}

Tweak the spacing of the form actions.

Tweak the spacing of the form actions.


.newsitem {
    display: flex;
    height: 70px;
    border-bottom: 1px solid var(--chart-teal);
    color: white;
    cursor: pointer;
}

.source {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 20%;
    padding: 0 5px;
    text-align: center;
}

.source svg {
    height: 18px;
    width: 18px;
}

.content {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 5px 0;
    width: 75%;
    justify-content: space-between;
}

.headline {
    font-size: var(--font-xlarge);
    text-transform: capitalize;
    font-weight: var(--font-weight-bold);
}

.summary, .headline {
    flex-basis: 100%;
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary {
    font-size: var(--font-large);
}

.newsitem {
    display: flex;
    height: 70px;
    border-bottom: 1px solid var(--chart-teal);
    color: white;
    cursor: pointer;
}

.newsitem:hover {
    background-color: var(--middle-background-light);
}

.source {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 20%;
    padding: 0 5px;
    text-align: center;
}

.source svg {
    height: 18px;
    width: 18px;
}

.content {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 5px 0;
    width: 75%;
    justify-content: space-between;
}

.headline {
    font-size: var(--font-xlarge);
    text-transform: capitalize;
    font-weight: var(--font-weight-bold);
}

.summary, .headline {
    flex-basis: 100%;
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary {
    font-size: var(--font-large);
}

Add hover style to news item

Add hover style to news item


@charset "UTF-8";
/* CSS Document */

/* line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height  */
.navbar-brand {
  padding: 0px;
  height: 60px;
}

.navbar-brand>img {
  height: 100%;
  padding: 15px;
  width: auto;
}

.nav >li >a {
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}

/* Navbar Logo Brand - Center with Flexbox and Text*/
.brand-centered {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.brand-centered .navbar-brand {
  display: flex;
  align-items: center;
}

@charset "UTF-8";
/* CSS Document */

.body {
	padding-top: 60px;
}

/* line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height  */
.navbar-brand {
  padding: 0px;
  height: 60px;
}

.navbar-brand>img {
  height: 100%;
  padding: 15px;
  width: auto;
}

.nav >li >a {
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}

/* Navbar Logo Brand - Center with Flexbox and Text*/
.brand-centered {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.brand-centered .navbar-brand {
  display: flex;
  align-items: center;
}

Add padding to top of body to compensate for taller navbar


html {
  color: #333;
  font-family: 'IBM Plex Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  line-height: 1.5;
}

main {
  margin: 0 auto;
  max-width: 600px;
  padding: 10% 10% 0;
  width: 80%;
}

h1 {
  color: #4489da;
  font-family: 'IBM Plex Serif',-apple-system,BlinkMacSystemFont,serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 900;
}

p {
  font-size: 1.2rem;
}

a {
  color: #4489da;
}

.reverse {
  direction: rtl;
  unicode-bidi: bidi-override;
}

html {
  color: #333;
  font-family: 'IBM Plex Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  line-height: 1.5;
}

main {
  margin: 0 auto;
  max-width: 600px;
  padding: 10% 10% 0;
  width: 80%;
}

h1 {
  color: #4489da;
  font-family: 'IBM Plex Serif',-apple-system,BlinkMacSystemFont,serif;
  font-size: 3rem;
  font-style: italic;
  font-weight: 700;
}

p {
  font-size: 1.2rem;
}

a {
  color: #4489da;
}

.reverse {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Correct the IBM Plex Serif weight

Correct the IBM Plex Serif weight


html {
  font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 38em) {
  html {
    font-size: 19px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

code,
pre {
  font-family: "source-code-pro", Menlo, Monaco, "Courier New", monospace;
}

code {
  font-size: 0.8rem;
}

blockquote {
  border-left-color: #ddd;
}

.post-date {
  display: block;
  color: #c9c9c9;
  font-size: 85%;
}

a {
  color: #0fa5d8;
}

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

.masthead {
  margin: 1rem 0;
}

.masthead-title a,
.post-title a {
  color: #0fa5d8;
}

.page,
.post {
  margin-bottom: 2rem;
}

footer {
  margin-bottom: 2rem;
  color: #c9c9c9;
}

html {
  font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 38em) {
  html {
    font-size: 19px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

code,
pre {
  font-family: "source-code-pro", Menlo, Monaco, "Courier New", monospace;
}

code {
  font-size: 0.8rem;
}

blockquote {
  border-left-color: #e6e6e6;
  border-left-width: 0.15rem;
}

.post-date {
  display: block;
  color: #c9c9c9;
  font-size: 85%;
}

a {
  color: #0fa5d8;
}

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

.masthead {
  margin: 1rem 0;
}

.masthead-title a,
.post-title a {
  color: #0fa5d8;
}

.page,
.post {
  margin-bottom: 2rem;
}

footer {
  margin-bottom: 2rem;
  color: #c9c9c9;
}

Make blockquote border lighter and thinner


html[hc="delumine-all"],
html[hc="delumine-noimg"],
html[hc="delumine-smart"] {
  -webkit-filter: invert() hue-rotate(180deg) brightness(105%) contrast(105%);
}

html[hc*="delumine-smart"] img:not([src$=".png"]):not([src$=".gif"]):not([src$=".PNG"]):not([src$=".GIF"]),
html[hc*="delumine-smart"] [style*=".jpg"], html[hc*="delumine"] [style*=".JPG"],
html[hc*="delumine-smart"] [style*=".jpeg"], html[hc*="delumine"] [style*=".JPEG"],
html[hc*="delumine-smart"] embed,
html[hc*="delumine-smart"] object,
html[hc*="delumine-smart"] video,
html[hc*="delumine-noimg"] img {
  -webkit-filter: contrast(95%) brightness(95%) hue-rotate(180deg) invert();
}

html[hc="delumine-all"],
html[hc="delumine-noimg"],
html[hc="delumine-smart"] {
  -webkit-filter: invert() hue-rotate(180deg) brightness(105%) contrast(105%);
}

html[hc*="delumine-smart"] img:not([src$=".png"]):not([src$=".gif"]):not([src$=".PNG"]):not([src$=".GIF"]),
html[hc*="delumine-smart"] [style*=".jpg"], html[hc*="delumine"] [style*=".JPG"],
html[hc*="delumine-smart"] [style*=".jpeg"], html[hc*="delumine"] [style*=".JPEG"],
html[hc*="delumine-smart"] embed,
html[hc*="delumine-smart"] object,
html[hc*="delumine-smart"] video,
html[hc*="delumine-noimg"] img,
html[hc*="delumine-noimg"] [style*="url"] {
  -webkit-filter: contrast(95%) brightness(95%) hue-rotate(180deg) invert();
}

Fix Facebook photos in noimg mode

Fix Facebook photos in noimg mode

Actually, a universal fix for any images specified in CSS in the noimg
mode.


body {
  color: #444;
  font: 100% "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  background: #fff;
}
a {
  color: #3599db;
  text-decoration: none;
  padding-bottom: 20px;
}
h1 {
  font-weight: bold;
  margin: 0 auto;
}
header h1,
header p {
  color: #ff7882;
  line-height: 1.4;
  text-shadow: 0px 1px 0px #444;
}
header p {
  margin: 0 auto;
  font-size: 20px;
}
#flashcard {
  background: #ff4553;
  width: 20em;
  height: 20em;
  border-radius: 4px;
  margin: 1.2em auto;
}
#flashcard h2 {
  color: #fff;
  line-height: 12.8em;
  margin: 0;
}
[type="button"] {
  color: #3599db;
  border: 1px solid #3599db;
  background: none;
  padding: 10px 15px;
  text-transform: uppercase;
  letter-spacing: 1.3;
  transition: all 0.3s ease-out;
}
[type="button"]:hover {
  color: #fff;
  background: #3599db;
}
footer p {
  color: #646464;
}

body {
  color: #444;
  font: 100% "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  background: #fff;
}
a {
  color: #3599db;
  text-decoration: none;
  padding-bottom: 20px;
}
h1 {
  font-weight: bold;
  margin: 0 auto;
}
header h1,
header p {
  color: #ff7882;
  line-height: 1.4;
  text-shadow: 0px 1px 0px #444;
}
header p {
  margin: 0 auto;
  font-size: 20px;
}
#flashcard {
  background: #ff4553;
  width: 20em;
  height: 20em;
  border-radius: 4px;
  margin: 1.2em auto;
  display: table;
}
#flashcard h2 {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}
[type="button"] {
  color: #3599db;
  border: 1px solid #3599db;
  background: none;
  padding: 10px 15px;
  text-transform: uppercase;
  letter-spacing: 1.3;
  transition: all 0.3s ease-out;
}
[type="button"]:hover {
  color: #fff;
  background: #3599db;
}
footer p {
  color: #646464;
}

Fix position of h2 elem inside flashcard


html {
  font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 38em) {
  html {
    font-size: 19px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

code,
pre {
  font-family: "source-code-pro", Menlo, Monaco, "Courier New", monospace;
}

code {
  font-size: 0.8rem;
}

blockquote {
  border-left-color: #ddd;
}

.post-date {
  display: block;
  color: #c9c9c9;
  font-size: 85%;
}

a {
  color: #0FA5D8;
}

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

.masthead {
  margin: 1rem 0;
}

footer {
  margin-bottom: 2rem;
  color: #c9c9c9;
}

html {
  font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 38em) {
  html {
    font-size: 19px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

code,
pre {
  font-family: "source-code-pro", Menlo, Monaco, "Courier New", monospace;
}

code {
  font-size: 0.8rem;
}

blockquote {
  border-left-color: #ddd;
}

.post-date {
  display: block;
  color: #c9c9c9;
  font-size: 85%;
}

a {
  color: #0FA5D8;
}

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

.masthead {
  margin: 1rem 0;
}

.page,
.post {
  margin-bottom: 2rem;
}

footer {
  margin-bottom: 2rem;
  color: #c9c9c9;
}

Decrease margin under post and page

Decrease margin under post and page


@import 'colors.css';

/* Importer font-style til Roboto-Light */
@font-face {
  font-family: Roboto-Light;
  src: url("/static/materialize/font/roboto/Roboto-Light.woff");
}

/* Resize hackerspace-logoen */
.brand-logo img {
	width:200px !important;
}

/* "Hackerspace er stengt / åpent */
.door {
	width:100%;
	display:inline-block;
	text-align:center;
}

/* Denne koden er nødvendig for å få footer som fixed. */

body {
	display:flex;
	min-height: 100vh;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
}

#about{
  width: 90%;
  max-width: 1000px;
  margin: 20px auto;
}

@import 'colors.css';

/* Importer font-style til Roboto-Light */
@font-face {
  font-family: Roboto-Light;
  src: url("/static/materialize/font/roboto/Roboto-Light.woff");
}

/* Resize hackerspace-logoen */
.brand-logo img {
	width:200px !important;
}
.brand-logo {
	margin-left: 10px;
}

.material-icons {
	  vertical-align: middle !important;
	    padding-bottom: 3px;
}

/* "Hackerspace er stengt / åpent */
.door {
	width:100%;
	display:inline-block;
	text-align:center;
}

/* Denne koden er nødvendig for å få footer som fixed. */

body {
	display:flex;
	min-height: 100vh;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
}

#about{
  width: 90%;
  max-width: 1000px;
  margin: 20px auto;
}

Fix logo placement margin to left

Fix logo placement margin to left


/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

Add bootstrap styles of "moder-business" theme


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

.responsive-object {
	position: relative;
}
.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

Make images and embeds responsive.

Make images and embeds responsive.


.chart rect {
  fill: steelblue;
}

.chart {
  background: #f0f0f0
}

.chart rect {
    fill: steelblue;
}

.chart {
    background: #f0f0f0;
    height: 20px;
}

Fix default chart height when it's empty


*{
  color:#000080;
  background-color:  #ffffff ;
}

a {
    color: #800080;
}

a:visited {
    color: #ff0000;
}

Add color Link and Link Visited

Add color Link and Link Visited


#id_title { font-size:1.3em; font-weight:bold; }
label[for=id_content] { display:none; }
#id_content {
    font-family: monospace;
    width: 60%;
    min-height: 500px;
    background: -webkit-linear-gradient(#fff, #eee);
    font-size:1.3em;
}

#preview_container {
    width:37%; height:500px; float:right;
    margin:0 1em;
    position:relative;
}
#live_preview {
    width:200%; height:1000px;
    -webkit-transform:scale(0.5);
    -webkit-transform-origin:top left;
    border:1px solid #aaa;
    box-shadow:0px 12px 21px #ccc;
}

#id_title { font-size:1.3em; font-weight:bold; }
label[for=id_content] { display:none; }
#id_content {
    font-family: monospace;
    width: 60%;
    min-height: 500px;
    background: -webkit-linear-gradient(#fff, #eee);
    font-size:1.3em;
}

#preview_container {
    width:37%; height:500px; float:right;
    margin:0 1em;
    position:relative;
}
#live_preview {
    width:200%; height:1000px;
    border:1px solid #aaa;
    box-shadow:0px 12px 21px #ccc;

    -webkit-transform:scale(0.5);
    -webkit-transform-origin:top left;
    -moz-transform:scale(0.5);
    -moz-transform-origin:top left;
    -o-transform:scale(0.5);
    -o-transform-origin:top left;
    -ms-transform:scale(0.5);
    -ms-transform-origin:top left;
    transform:scale(0.5);
    transform-origin:top left;
}

Add other browser prefixes for css transform.


.dark-grey h1 a,
.dark-grey h2 a,
.dark-grey h3 a,
.dark-grey h4 a,
.dark-grey h5 a {
  color: #ff2e88;
}
.dark-grey h1 a:hover,
.dark-grey h2 a:hover,
.dark-grey h3 a:hover,
.dark-grey h4 a:hover,
.dark-grey h5 a:hover {
  color: #fff;
}

.double-slash {
  color: #666;
}

.media-heading > small {
  color: #999;
}

.dark-grey h1 a,
.dark-grey h2 a,
.dark-grey h3 a,
.dark-grey h4 a,
.dark-grey h5 a {
  color: #ff2e88;
}
.dark-grey h1 a:hover,
.dark-grey h2 a:hover,
.dark-grey h3 a:hover,
.dark-grey h4 a:hover,
.dark-grey h5 a:hover {
  color: #fff;
}

.double-slash {
  color: #666;
}

.media-heading > small {
  color: #666;
}

Add post date to post summary

Add post date to post summary


.results-panel.expandable {
  transition: border-top-width 200ms;
}
.results-panel.expandable:not(.expanded) {
  border-top-width: 0px;
}
.results-panel .panel-heading {
  padding: 14px 22px; /* default has slightly more top padding, this doesn't need that */
}
.results-panel .panel-heading .chevron {
  display: flex;
  align-items: center;
  font-size: 0.5em;
  margin-right: 1.5em;
  color: #aaa;
  transition: all 400ms;
}
.results-panel.expanded .panel-heading .chevron {
  color: #fff;
}
.results-panel .panel-heading .title {
  font-size: 1.3em;
  font-weight: 400;
}
.results-panel .panel-body {
  padding: 0;
}

.results-panel.expandable {
  transition: border-top-width 200ms, top 200ms;
  position: relative;
  top: 0px;
}
.results-panel.expandable:not(.expanded) {
  border-top-width: 0px;
  /* offset the removed border-top so that the panel never moves a pixel */
  top: 4px;
}
.results-panel .panel-heading {
  padding: 14px 22px; /* default has slightly more top padding, this doesn't need that */
}
.results-panel .panel-heading .chevron {
  display: flex;
  align-items: center;
  font-size: 0.5em;
  margin-right: 1.5em;
  color: #aaa;
  transition: all 400ms;
}
.results-panel.expanded .panel-heading .chevron {
  color: #fff;
}
.results-panel .panel-heading .title {
  font-size: 1.3em;
  font-weight: 400;
}
.results-panel .panel-body {
  padding: 0;
}

Update Results panel: offset to avoid movement


body
{
    font-family:'Palatino Linotype','Book Antiqua',Palatino,FreeSerif,serif;
    font-size:15px;
    line-height:22px;
    color:#252519;
    margin:0;
    padding:0
}

a
{
    color:#444;
    font-weight:700;
    text-decoration:none
}

a:hover
{
    color:blue;
    text-decoration:underline
}

p
{
    margin:0 0 15px
}

h1,h2,h3,h4,h5,h6
{
    margin:0 0 15px
}

h1
{
    margin-top:40px
}

hr
{
    border-color: #e5e5ee;
    border-width: 1px 0 0 0;
    height:1px;
    margin:20px 0
}

pre,tt,code
{
    font-family:Menlo,Monaco,Consolas,"Lucida Console",monospace;
    font-size:12px
}

p code
{
    border:1px solid #dedede;
    background-color:#f5f5ff;
    border-radius:1px;
    padding:0 .2em
}

pre > code
{
    display:block;
    margin:1em 0;
    padding-left:1em;
    border:1px solid #dedede;
    background-color:#f5f5ff;
    border-radius:3px;
    overflow-x:auto;
    padding:.5em
}

body
{
    padding:50px
}

Add css for generated html docs

Add css for generated html docs


#ratingChartWithOptions {
    border: 1px solid #ddd;
    padding: 2px;
}

    #ratingChartWithOptions > div {
        width: 100%;
        height: 400px;
    }

#ratingChartWithOptions {
    border: 1px solid #ddd;
    padding: 2px;
}

    #ratingChartWithOptions > div {
        width: 100%;
        height: 300px;
    }

Make rating chart less high

Make rating chart less high


html {
  font-family: arial;

}

body {
    background-color: lightyellow;
}

h1 {
  color: red;
  text-align: center;
  margin-right: -150px;
}

h2 {
    color: blue;
    font-size: 12pt;
}

h3 {
    text-align: center;
    margin-right: -150px;
    color: orange;
    margin-top: -15px;
}

h4 {
    color: purple;
}

#menu {
  float: left;
  position: fixed;
  font-size: 11pt;
  margin-top: -120px;
  background-color: #d3d3d3;
  border: 2px dashed black
}

main {
    margin-left: 350px;
    width: 450px;
    position: absolute;
    background-color: lightblue;
}

span {
    padding-left: 5px
}

html {
  font-family: arial;
  overflow: hidden;

}

body {
    background-color: lightyellow;
}

h1 {
  color: red;
  text-align: center;
  margin-right: -150px;
}

h2 {
    color: blue;
    font-size: 12pt;
}

h3 {
    text-align: center;
    margin-right: -150px;
    color: orange;
    margin-top: -15px;
}

h4 {
    color: purple;
}

#menu {
  float: left;
  position: fixed;
  font-size: 11pt;
  margin-top: -120px;
  background-color: #d3d3d3;
  border: 2px dashed black
}

main {
    margin-left: 350px;
    width: 700px;
    position: absolute;
    background-color: lightblue;
}

span {
    padding-left: 5px
}

Change font size of menu

Change font size of menu


.thumbnail {
	overflow: hidden;
	padding: 0;
}

.profile_card {
	margin-bottom: 1em;
}

.profile_card_info {
	overflow: hidden;
}

.profile_heading {
	overflow: hidden;
	margin-bottom: 0.5em;
	background-color: powderblue;
	padding: 0.5em;
}

@media only screen and (max-width: 675px) {
	.profile_pic {
		display: block;
		float: none;
	}

	.profile_heading {
		display: block;
	}

	.profile_card_info {
		display: block;
	}
}

@media only screen and (max-width: 475px){
	.profile_card {
		width: 100%;
	}
}

@media only screen and (max-width: 675px) and (min-width: 476px){
	.profile_card {
		width: 30em;
	}
}

@media only screen and (min-width: 676px){
	.profile_card {
		width: 45em;
	}

	.profile_pic {
		width: 17em;
		height: 17em;
		border-right: 1px solid grey;
	}

	.profile_heading {
	}

}

.thumbnail {
	overflow: hidden;
	padding: 0;
}

.profile_card {
	margin-bottom: 1em;
}

.profile_card_info {
	overflow: hidden;
}

.profile_heading {
	overflow: hidden;
	background-color: powderblue;
	padding: 0.5em;
}

@media only screen and (max-width: 675px) {
	.profile_pic {
		display: block;
		float: none;
	}

	.profile_heading {
		display: block;
	}

	.profile_card_info {
		display: block;
	}
}

@media only screen and (max-width: 475px){
	.profile_card {
		width: 100%;
	}
}

@media only screen and (max-width: 675px) and (min-width: 476px){
	.profile_card {
		width: 30em;
	}
}

@media only screen and (min-width: 676px){
	.profile_card {
		width: 45em;
	}

	.profile_card_info {
		border-left: 1px solid lightgrey;
	}

	.profile_pic {
		width: 17em;
		height: 17em;
	}

	.profile_heading {
	}

}

Fix border inside profile card

Fix border inside profile card


/*

Dracula Theme v1.2.0

https://github.com/zenorocha/dracula-theme

Copyright 2015, All rights reserved

Code licensed under the MIT license
http://zenorocha.mit-license.org

@author Éverton Ribeiro <nuxlli@gmail.com>
@author Zeno Rocha <hi@zenorocha.com>

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #282a36;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-section,
.hljs-link {
  color: #8be9fd;
}

.hljs-function .hljs-keyword {
  color: #ff79c6;
}

.hljs,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-string,
.hljs-title,
.hljs-name,
.hljs-type,
.hljs-attribute,
.hljs-symbol,
.hljs-bullet,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #f1fa8c;
}

.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
  color: #6272a4;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

Fix conflict hightlight and codemirror

Fix conflict hightlight and codemirror


:global(.basic.segment).index {
  :global(.horizontal.list) {
    margin-left: 0;
  }
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;

  /* user list scrolls horizontally */
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
}

@-moz-document url-prefix() {
  :global(.basic.segment).index :global(.horizontal.list) {
    padding-bottom: 0.5rem;
  }
}

:global(.basic.segment).index {
  :global(.horizontal.list) {
    margin-left: 0;
  }
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  padding-top: 0;

  /* user list scrolls horizontally */
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
}

Revert "Lower padding for user list; give more space to idea lists"

This reverts commit c59caec673405043abaa79401c7ef1b231bafdcb.


body {
  background-color: #336;
  position: relative;
  text-align: center;
}
canvas {
  background-color: rgba(0, 0, 0, 0);
  border: 4px solid #FF4;
  border-radius: 12px;
  left: 40vw;
  margin: 3em;
  position: absolute;
}

#actors {
  z-index: 2;
}
#board {
  background-color: #000;
  z-index: 0;
}
#pellets {
  z-index: 1;
}

#debug {
  background-color: #000;
  color: #FFF;
  /*display: none;*/
  font-family: monospace;
  height: 180px;
  left: 0px;
  padding: 1em;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 180px;
}

body {
  background-color: #336;
  position: relative;
  text-align: center;
}
canvas {
  background-color: rgba(0, 0, 0, 0);
  border: 4px solid #FF4;
  border-radius: 12px;
  left: 40vw;
  margin: 3em;
  position: absolute;
}
input {
  max-width: 80%;
}

#actors {
  z-index: 2;
}
#board {
  background-color: #000;
  z-index: 0;
}
#pellets {
  z-index: 1;
}

#debug {
  background-color: #000;
  color: #FFF;
  /*display: none;*/
  font-family: monospace;
  height: 180px;
  left: 0px;
  padding: 1em;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 180px;
}

Add styling to restrict size of input tags


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

#disclaimer-window {
    display: none;
    position: absolute;
    border-radius: 10px;
    z-index: 1002;
    margin: 1rem;
    min-width: 350px;
    background: #fff;
    border: 5px solid #666;
    padding: 12px;
    overflow: hidden;
}

/* 420px or less */
@media (max-width: 420px) {
    #disclaimer-window {
        margin: 1rem 0 1rem 0;
    }
}

#disclaimer-window h1 {
    text-align: center;
    font-weight: 700;
    padding: 3px;
}

#disclaimer-window button {
    text-transform: capitalize;
}

#disclaimer-background {
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #333;
    position: fixed;
    z-index: 1001;
}

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

#disclaimer-window {
    display: none;
    position: absolute;
    border-radius: 10px;
    z-index: 1002;
    margin: 1rem;
    min-width: 350px;
    background: #fff;
    border: 5px solid #666;
    padding: 12px;
    overflow: hidden;
}

/* 420px or less */
@media (max-width: 420px) {
    #disclaimer-window {
        margin: 1rem 0 1rem 0;
        border: 0;
    }
}

#disclaimer-window h1 {
    text-align: center;
    font-weight: 700;
    padding: 3px;
}

#disclaimer-window button {
    text-transform: capitalize;
}

#disclaimer-background {
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #333;
    position: fixed;
    z-index: 1001;
}

Disclaimer: Remove borders for small screen resolutions


/* shared styles for the ActionColumn icons */
.x-action-col-cell img {
        height: 16px;
        width: 16px;
        cursor: pointer;
}

.icon-delete {
  background-image: url(http://cdn.sencha.com/ext/beta/4.2.0.489/examples/shared/icons/fam/delete.gif) !important;
}

.icon-load {
  background-image: url(http://cdn.sencha.com/ext/beta/4.2.0.489/examples/shared/icons/fam/application_go.png) !important;
}

#header {
	width: 984px !important;
}

/* shared styles for the ActionColumn icons */
.x-action-col-cell img {
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.icon-delete {
	background-image:
		url(http://cdn.sencha.com/ext/beta/4.2.0.489/examples/shared/icons/fam/delete.gif)
		!important;
}

.icon-load {
	background-image:
		url(http://cdn.sencha.com/ext/beta/4.2.0.489/examples/shared/icons/fam/application_go.png)
		!important;
}

#description {
	padding-bottom: 10px;
	padding-top: 10px;
}

#header {
	width: 984px !important;
}

Add more padding around description.

Add more padding around description.


div.tcenter.embedvideo,
div.embedvideo.ev_center  {
	text-align: center;
}

div.embedvideo.ev_center > .embedvideowrap {
	margin-left: auto;
	margin-right: auto;
}

div.embedvideo.ev_left {
	clear: left;
	float: left;
}

div.embedvideo.ev_right {
	clear: right;
	float: right;
}

div.embedvideo.ev_inline {
	display: inline-block;
}

div.embedvideo.ev_top {
	vertical-align: top;
}

div.embedvideo.ev_middle {
	vertical-align: middle;
}

div.embedvideo.ev_bottom {
	vertical-align: bottom;
}

div.embedvideo.ev_baseline {
	vertical-align: baseline;
}

video.thumbborder, audio.thumbborder {
	border: 1pt solid #ddd;
}

a.vplink {
    padding-left: 18px;
    background-image: url(../img/play.png);
    background-repeat: no-repeat;
    background-position: left center;
}

a.vplink:hover {
	background-image: url(../img/play-hover.png);
}

div.tcenter.embedvideo,
div.embedvideo.ev_center  {
	text-align: center;
}

div.embedvideo.ev_center > .embedvideowrap {
	margin-left: auto;
	margin-right: auto;
}

/* @noflip */
div.embedvideo.ev_left {
	clear: left;
	float: left;
}

/* @noflip */
div.embedvideo.ev_right {
	clear: right;
	float: right;
}

div.embedvideo.ev_inline {
	display: inline-block;
}

div.embedvideo.ev_top {
	vertical-align: top;
}

div.embedvideo.ev_middle {
	vertical-align: middle;
}

div.embedvideo.ev_bottom {
	vertical-align: bottom;
}

div.embedvideo.ev_baseline {
	vertical-align: baseline;
}

video.thumbborder, audio.thumbborder {
	border: 1pt solid #ddd;
}

a.vplink {
    padding-left: 18px;
    background-image: url(../img/play.png);
    background-repeat: no-repeat;
    background-position: left center;
}

a.vplink:hover {
	background-image: url(../img/play-hover.png);
}

Add @noflip rules for CSS position classes, for proper RTL alignment

Otherwise, when you specify you want the video on the left in an RTL
language, you actually get it on the right, and vice versa.


.container > h1 {
    font-weight: bold;
    margin-bottom: 1rem;
}

.container {
    padding: 1.5rem;
    background-color: #ffffff;
    border: solid 1px #DDDBDA;
    box-shadow: 1px -5px 3px -3px #b0adab7a;
}

.container .resource-list .resource-item {
    padding: 1rem 0;
    border-top: solid 1px #b5b5b5;
    display: flex;
    justify-content: space-between;
}

.container .resource-list .resource-item span {
    text-align: left;
}

.container .resource-list .resource-item a {
    text-align: right;
    font-weight: bold;
}

.container .link > a {
    color: #0070D2;
    font-size: 16pt;
    font-weight: 400;
}

.container .label > span {
    font-size: 16pt;
    font-weight: 400;
}

.container > h1 {
    margin-bottom: 1rem;
    font-size: 16pt;
    font-weight: bold;
}

.container {
    padding: 1.5rem;
    background-color: #ffffff;
    border: solid 1px #DDDBDA;
    box-shadow: 1px -5px 3px -3px #b0adab7a;
}

.container .resource-list .resource-item {
    padding: 1rem 0;
    border-top: solid 1px  #DDDBDA;
    display: flex;
    justify-content: space-between;
}

.container .resource-list .resource-item span {
    text-align: left;
}

.container .resource-list .resource-item a {
    text-align: right;
    font-weight: bold;
}

.container .link > a {
    color: #006DDC;
    font-size: 16pt;
    font-weight: 400;
}

.container .label > span {
    font-size: 16pt;
    font-weight: 400;
}

Fix Color in the resource component

[GS] Fix Color in the resource component


body {
  background-color: #FA58AC;
  margin: 1em 1em 1em 1em;
  padding: 0 1em 0 1em;
}
.center {
  text-align: center;
}
h1 {
  border:10px solid #D0FA58;
  padding: 0 1em 0 1em;
  background-color: #81F7BE;
}
h2 {
  text-decoration: underline;
}
p {
  padding-top: 1em;
  padding-bottom: 1em;
}
p span {
  font-size: 18px;
  font-family: cursive;
  font-weight: bold;
  border: 10px solid black;
  padding: 0 1em 0 1em;
}
p p span {
  font-weight: bold;
}

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

Update CSS to Format New Blog Entry

Update CSS to Format New Blog Entry


.siggy-main-navbar  {
    background: #252525;
	padding-top:0px;
}

.siggy-main-navbar li a {
    color: #999;
    text-decoration: none;
    background: #252525;
    border-top: 1px solid #373737;
    border-bottom: 1px solid #1A1A1A;
	padding:10px;
}

.siggy-main-navbar  {
    background: #252525;
	padding-top:0px;
}

.siggy-main-navbar li a {
    text-decoration: none;
    background: #252525;
    border-top: 1px solid #373737;
    border-bottom: 1px solid #1A1A1A;
	padding:10px;
}

Remove main navbar font color override

Remove main navbar font color override


.navbar {
  margin-bottom: 0;
}

.search-bar, .search-results {
  max-width: 600px;
}

.search-results {
  margin: 0 auto;
}

.search-results dl {
  margin-bottom: 0;
}

Remove extra bottom margins from dls

Remove extra bottom margins from dls


#content-main .changelink,
#content-main .submit-row,
#content-main p,
#historicalreimbursement_form p,
#recent-actions-module {
  display: none
}

td.field-value {
  white-space: nowrap
}

.required label,
label.required {
  color: #666;
  font-weight: normal;
}

#content-main .changelink,
#content-main .submit-row,
#content-main p,
#historicalreimbursement_form p,
#recent-actions-module {
  display: none
}

#content-main p {
  display: block
}

td.field-value {
  white-space: nowrap
}

.required label,
label.required {
  color: #666;
  font-weight: normal
}

Fix bug: pagination is back

Fix bug: pagination is back


#import-from-div {
  margin-bottom: 20px;
}

#import-checkboxes > div:not(:first-child) {
  -webkit-padding-start: 8px;
  margin: 5px 0;
}

#import-throbber {
  margin: 4px 10px;
  vertical-align: middle;
  visibility: hidden;
}

#import-success-header {
  font-size: 1.2em;
}

#import-success-image {
  text-align: center;
  margin-top: -12px;
  margin-bottom: 10px;
}

#import-from-div {
  margin-bottom: 20px;
}

#import-checkboxes > div:not(:first-child) {
  -webkit-padding-start: 8px;
  margin: 5px 0;
}

#import-throbber {
  margin: 4px 10px;
  vertical-align: middle;
  visibility: hidden;
}

#import-success-header {
  font-size: 1.2em;
}

#import-success-image {
  text-align: center;
  margin: 20px;
}

Add vertical space around the import data confirmation icon.

Be nice to languages with long words.

BUG=85197
TEST=none

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

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


.document-teaser .teaser-container:hover {
    background-color: var(--main-bg-color-hover);
}

.document-teaser .teaser-container .row {
    align-items: center;
}

.document-teaser .short-description {
    font-size: .9rem;
}

.document-teaser .teaser-small {
    padding: .25rem 1rem !important;
}

.document-teaser .teaser-small h3 {
    font-size: 15px;
}

.document-teaser .teaser-small h4 {
    font-size: 13px;
}

.document-teaser .teaser-small .short-description {
    font-size: 11px;
}

.document-teaser .hierarchy-button:hover {
    background-color: var(--main-bg-color-hover);
}

.document-teaser .btn-link,
.document-teaser .btn-link:active,
.document-teaser .btn-link:focus {
    text-align: left;
    color: rgba(0, 0, 0, 0.5);
}

.document-teaser .btn-link.active {
    color: var(--main-link-color-hover);
}

.document-teaser .btn-link:hover {
    color: rgba(0, 0, 0, 0.9) !important;
}

Adjust btn-link styles in document teaser


/** Generated by FG **/
@font-face {
	font-family: 'Conv_SuperMario256 2';
	src: url('fonts/SuperMario256 2.eot');
	src: local('☺'), url('fonts/SuperMario256 2.woff') format('woff'), url('fonts/SuperMario256 2.ttf') format('truetype'), url('fonts/SuperMario256 2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}

body {
	background: #000;
}

h1, h2, span {
	font-family: 'Conv_SuperMario256 2';
	font-size: 6rem;
	letter-spacing: -23px
}

img {
	position: absolute;
}

.blue {
	color: #1a97cf;
}

.yellow {
	color: #facb2e;
}

.red {
	color: #ec332e;
}

.green {
	color: #54ba4c;
}

.mg-left {
	margin-left: 2rem;
}

.bg-heaven {
	background: #000;
	background-size: cover;
}

.parallax--container {
	height: 100vh;
	width: 100%;
	margin: 0 auto;
	position: relative;
	perspective: 1px;
	overflow: hidden;
	overflow-x: scroll;
}

.parallax--container--title {
	position: absolute;
	top: 50%;
	left: 20rem;
	margin-top: -10rem;
}

.parallax--section {
	height: 100vh;
	position: absolute;
	left: 0;
	width: 2700px;
}

.boo {
	width: 140px;
	position: absolute;
}

.boo-1 {
	top: 50%;
	margin-top: -60px;
	left: 60px;
	transform: translateZ(-1px) scale(2);
}

.boo-2 {
	top: 50%;
	margin-top: 40px;
	left: -120px;
	transform: translateZ(-0.7px) scale(3);
}

.boo-3 {
	top: 50%;
	margin-top: 320px;
	left: -700px;
	transform: translateZ(-3px) scale(3);
}

Add super mario example css file

Add super mario example css file


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

body {
    background-color: #DEFEC8;
    background-image: none;
}
h1.red3 {
    color: #448AFF;
}

Set specific blue colour for cartoon homepage headings

For better distinction with the homepage background image/video


/* You can add global styles to this file, and also import other style files */

@import '~@swimlane/ngx-datatable/release/index.css';
@import '~@swimlane/ngx-datatable/release/themes/material.css';
@import '~@swimlane/ngx-datatable/release/assets/icons.css';

body {
  font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
  font-size: 16pt;
  line-height: 2rem;
  margin:20px
}

Add application-wide CSS for fonts and sizes


/*
  General
 */
@font-face {
  font-family: "LubalinDemiIBM";
  src: url("/static/ibm.woff") format("woff"); }

body {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #222222; }

h1 {
  font-family: "LubalinDemiIBM" !important; }

a {
  color: #00649D; }
  a :visited {
    color: #53049C; }

/*
  Bootstrap Specific
 */
.navbar {
  background: #222222; }
  .navbar .navbar-text {
    color: #999999;
    font-family: "LubalinDemiIBM"; }

.btn-primary {
  background: #A72185; }

/*
  General
 */
@font-face {
  font-family: "LubalinDemiIBM";
  src: url("../static/ibm.woff") format("woff"); }

body {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #222222; }

h1 {
  font-family: "LubalinDemiIBM" !important; }

a {
  color: #00649D; }
  a :visited {
    color: #53049C; }

/*
  Bootstrap Specific
 */
.navbar {
  background: #222222; }
  .navbar .navbar-text {
    color: #999999;
    font-family: "LubalinDemiIBM"; }

.btn-primary {
  background: #A72185; }

Correct the CSS location for the .woff file


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

:host {
  white-space: pre;
  overflow: hidden;
  display: flex;
}

.prefix {
  flex: none;
  color: var(--color-primary);
}

.text-prompt-input {
  flex: auto;
  position: relative;
}

.text-prompt-input input {
  width: 100%;
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  padding: 0;
  z-index: 2;
  background-color: transparent;
}

.text-prompt-input .suggestion {
  color: var(--color-background-highlight);
  position: absolute;
  left: 0;
  z-index: 1;
}

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

:host {
  white-space: pre;
  overflow: hidden;
  display: flex;
}

input {
  font-size: 14px;
}

.prefix {
  flex: none;
  color: var(--color-primary);
}

.text-prompt-input {
  flex: auto;
  position: relative;
}

.text-prompt-input input {
  width: 100%;
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  padding: 0;
  z-index: 2;
  background-color: transparent;
}

.text-prompt-input .suggestion {
  color: var(--color-background-highlight);
  position: absolute;
  left: 0;
  z-index: 1;
}

[QuickOpen] Set correct font-size for input elements.

This regressed due to the introduction of a shadow root in between,
where the font-size: 14px outside would no longer propogate, so we
need to be explicit as well within the shadow root.

Fixed: chromium:1268745
Change-Id: I469e9367cb7c91504b3918377b8cf6a65a57435b
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3971322
Commit-Queue: Nancy Li <75d1eae50692fe1e75f263dbfd52feffc9e7984f@chromium.org>
Commit-Queue: Benedikt Meurer <024a1e0af501338d11c3b837c6193d11c140d792@chromium.org>
Reviewed-by: Nancy Li <75d1eae50692fe1e75f263dbfd52feffc9e7984f@chromium.org>
Auto-Submit: Benedikt Meurer <024a1e0af501338d11c3b837c6193d11c140d792@chromium.org>


{% comment %}
	This function adds media a media query background image for .hero
	using the given size and image.

	Using the replace filter, it changes the filename so that we're
	fetching the correct image size.
{% endcomment %}

{% capture jpg %}-{{ include.size }}.jpg{% endcapture %}
{% capture png %}-{{ include.size }}.png{% endcapture %}
{% capture gif %}-{{ include.size }}.gif{% endcapture %}
{% capture filename %}{{ include.image | replace: '.jpg', jpg | replace: '.png', png | replace '.gif', gif }}{% endcapture %}
@media (max-width: {{ include.size }}) {
	.hero {
		background-image: url('{{ filename }}');
	}
}

{% comment %}
	This function adds media a media query background image for .hero
	using the given size and image.

	Using the replace filter, it changes the filename so that we're
	fetching the correct image size.
{% endcomment %}

{% capture jpg %}-{{ include.size }}.jpg{% endcapture %}
{% capture png %}-{{ include.size }}.png{% endcapture %}
{% capture gif %}-{{ include.size }}.gif{% endcapture %}
{% capture filename %}{{ include.image | replace: '.jpg', jpg | replace: '.png', png | replace '.gif', gif }}{% endcapture %}
@media (max-device-width: {{ include.size }}) {
	.hero {
		background-image: url('{{ filename }}');
	}
}

Change responsive headers to max-device-width

Won't redownload an image on resize.


/*Note: There are three different ways to add background colors here.
You can add them using a name (for common names), Hex, or RGB values.
*/

body {
  background-color: gray;
  margin-top: 5em;
}

#div-1 {
  background-color: yellow;
  position: static;
  height: 5em;
  width: 5em;
  padding: 5em;
  position: inline;
  margin-right: 40%;
}
#div-2 {
  background-color: black;
  position: static;
  height: 5em;
  width: 5em;
  padding: 5em;
  position: inline;
}
#div-3 {
  background-color: white;
  position: static;
  height: 5em;
  width: 5em;
  padding: 5em;
  position: inline;
}
#div-4 {
  background-color: red;
  position: static;
  height: 5em;
  width: 5em;
  padding: 5em;
  position: inline;
}

/*Note: There are three different ways to add background colors here.
You can add them using a name (for common names), Hex, or RGB values.
*/

body {
  background-color: gray;
  margin-top: 5em;
}

#div-1 {
  background-color: yellow;
  position: static;
  height: 5em;
  width: 5em;
  padding: 5em;
  position: inline;
}
#div-2 {
  background-color: black;
  position: static;
  height: 5em;
  width: 5em;
  padding: 5em;
  position: inline;
}
#div-3 {
  background-color: white;
  position: static;
  height: 5em;
  width: 5em;
  padding: 5em;
  position: inline;
}
#div-4 {
  background-color: red;
  position: static;
  height: 5em;
  width: 5em;
  padding: 5em;
  position: inline;
}

Add CSS for Assignment 3.4

Add CSS for Assignment 3.4


.backtrace {
  max-width: var(--tooltip-detail-max-width);
  padding: 0;
  margin: 0;
}

.tooltip .backtrace {
  overflow: hidden;
}

.backtraceStackFrame {
  /* Position */
  overflow: hidden;

  /* Box */
  padding: 0;
  margin: 0;
  list-style: none;

  /* Other */
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backtraceStackFrameOrigin {
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.55);
  font-style: normal;
}

.backtraceStackFrame_isFrameLabel {
  color: rgba(0, 0, 0, 0.7);
}

.backtrace {
  max-width: var(--tooltip-detail-max-width);
  padding: 0;
  margin: 0;
}

.tooltip .backtrace {
  overflow: hidden;
}

.backtraceStackFrame {
  /* Position */
  overflow: hidden;

  /* Box */
  padding: 0;
  margin: 0;
  list-style: none;

  /* Other */
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backtraceStackFrameOrigin {
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.55);
  font-style: normal;
}

.backtraceStackFrame_isFrameLabel {
  color: rgba(0, 0, 0, 0.6);
}

Make the label frames a bit paler (but still contrasted enough)


#SilverStripeNavigator {
	z-index: 32768;
	padding-bottom: 4px;
	height: auto;
}

#SilverStripeNavigator .holder {
	padding: 4px 4px 0 4px;
}

#SilverStripeNavigatorMessage {
	z-index: 32768;
}

Fix a z-index bug for the navigator.

Fix a z-index bug for the navigator.


body {
    padding-top: 60px;
}

small.deleteLink {
    font-size: 12px;
}

div[name=bodyPlainText] div.well, div[name=rawOutput] div.well, div[name=bodyHTML_Unformatted] div.well {
    white-space: pre-line;
}

Use css rule "white-space: pre-line" for stuff where new lines matter


div.Header div.HeaderLogo {
  background: url('../images/QIBAMidasBanner.png') no-repeat 0% 0%;
  height: 155px;
  width: 285px;
  float: left;
  cursor: pointer;
}

div.Header {
  background: white;
  height: 155px;
}

div.Header div.HeaderContent {
  height: 155px;
}

div.HeaderContent div.HeaderSearch {
  padding-top: 66px;
}

div.HeaderContent div.HeaderAction {
  padding-top: 66px;
}

.licenseSelectMessage {
  display: none;
}

.additionalMessage {
  display: none;
}

Hide messages related to DICOM anonymization and licensing.

RSNA does not want these on the DICOM tab.


/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Recover the focus ring for some elements in the Languages pane.
 * It's a workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=633840 */
#simplels-get:-moz-focusring {
    outline: 1px dotted;
}

/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#simplels-empty-learn {
    list-style-image: url("moz-icon://stock/gtk-help?size=button");
}

/* Recover the focus ring for some elements in the Languages pane.
 * It's a workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=633840 */
#simplels-get:-moz-focusring {
    outline: 1px dotted;
}

Add icon to the "Learn more about langpacks" button

Linux only.

It matches the icon settings of other native items linking to SUMO,
as the "Help" item in the main Help menu, or the Help button in the
main options window of Firefox.

To see it requires having enabled the respective GTK setting to show
icons in dialog buttons ("gtk-button-images").


html {
  background-size: cover;
  font-family: 'Montserrat', sans-serif;
  background-color: black;
}
h1{
  color: white;
  font-size: 500%;
  margin-right: 60%;
  margin-left: auto;
  margin-top: 200px;
}

#title {
  color: white;
  font-size: 500%;
  margin-top: 25px;
  margin-right: 60%;
  margin-left: auto;
}

#portfolio {
  color: white;
  font-size: 125%;
  margin-top: 0px;
  margin-left: 1%;
}

#description {
  color: white;
  font-size: 225%;
  margin-right: 75%;
  margin-left: 25%;
}

.links {
  color: white;
  margin-right: 75%;
  margin-left: 25%;
  font-size: 150%
}

a:link {
  color: white;
  text-decoration: none;
}

a:visited {
  color: white;
}

a:hover {
  color: white;
  text-decoration: underline;
}

html {
  background-size: cover;
  font-family: 'Montserrat', sans-serif;
  background-color: black;
}
h1{
  color: white;
  font-size: 500%;
  margin-right: 60%;
  margin-top: 200px;
}

#title {
  color: white;
  font-size: 500%;
  margin-top: 25px;
  margin-right: 60%;
  margin-left: auto;
}

#portfolio {
  color: white;
  font-size: 125%;
  margin-top: 0px;
  margin-left: 1%;
}

#description {
  color: white;
  font-size: 225%;
  margin-right: 75%;
  margin-left: 25%;
}

.links {
  color: white;
  margin-right: 75%;
  margin-left: 25%;
  font-size: 150%
}

a:link {
  color: white;
  text-decoration: none;
}

a:visited {
  color: white;
}

a:hover {
  color: white;
  text-decoration: underline;
}

Update spacing to universal views

Update spacing to universal views


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

ul.posts {
    margin: 20px auto 40px;
}

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

.post {
    border-bottom: 1px solid black !important;
}

Add horizontal divider between posts

Add horizontal divider between posts


.budget-content {
  width: var(--toolkit-content-width, 75%) !important; /* default to our widest width */
}

/* new categories style element name - not all users have the new categories at the time this was added! */
section.budget-table-container {
  width: var(--toolkit-content-width, 75%) !important; /* default to our widest width */
}

.budget-inspector {
  min-width: var(--toolkit-inspector-minwidth, inherit) !important;
  width: var(--toolkit-inspector-width, 25%) !important; /* default to our widest width */
  visibility: var(--toolkit-inspector-visibility);
}

.toolkit-modal-item-hide-image {
  visibility: hidden;
}

.modal-resize-inspector {
  background-color: transparent;
}

.modal-resize-inspector .modal {
  padding: .3em 0;
  width: 7em;
  font-size: .9em;
}

.budget-content {
  width: var(--toolkit-content-width, 75%) !important; /* default to our widest width */
}

/* new categories style element name - not all users have the new categories at the time this was added! */
section.budget-table-container {
  width: var(--toolkit-content-width, 75%) !important; /* default to our widest width */
}

.budget-inspector {
  min-width: unset;
  width: var(--toolkit-inspector-width, 25%) !important; /* default to our widest width */
  visibility: var(--toolkit-inspector-visibility);
}

.toolkit-modal-item-hide-image {
  visibility: hidden;
}

.modal-resize-inspector {
  background-color: transparent;
}

.modal-resize-inspector .modal {
  padding: 0.3em 0;
  width: 7em;
  font-size: 0.9em;
}

issue-1828: Fix collapsible inspector stylings with new sidebar