.caption {
  color: grey;
}

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

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

html {
  font-size: 18px;
}

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

.caption {
  color: grey;
}

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

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

html {
  font-size: 18px;
}

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

Change navbar background to darker color


h2, h3, h4 {
    margin-bottom: 0.6em;
}

.right {
    float: right;
}

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

footer {
    padding-top: 2em;
    padding-bottom: 2em;
    border-top: 1px solid #E5E5E5;
}

.logo, .logo:hover {
    color: #000000;
    text-decoration: none;
}

.portfolio-profile h1 {
    font-size: 60px;
    line-height: 1;
}

.portfolio-profile p {
    font-size: 18px;
    font-weight: 200;
    line-height: 27px;
}

/** portfolio toolbar **/

.editable-enabled {
    border: solid 1px #EEEEEE;
}

h2, h3, h4 {
    margin-bottom: 0.6em;
}

.right {
    float: right;
}

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

footer {
    padding-top: 2em;
    padding-bottom: 2em;
    border-top: 1px solid #E5E5E5;
}

.logo, .logo:hover {
    color: #000000;
    text-decoration: none;
}

.portfolio-profile h1 {
    font-size: 60px;
    line-height: 1;
}

.portfolio-profile p {
    font-size: 18px;
    font-weight: 200;
    line-height: 27px;
}

/** portfolio toolbar **/

.editable {
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: transparent;
}

.editable-enabled {
    border-color: #EEEEEE;
}

Reduce movement on the page on edit toggle


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

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

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

  display: none;
}

dialog[open] {
  display: block;
}

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

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

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

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

  display: none;
}

dialog[open] {
  display: block;
}

.backdrop {
  position: fixed;
	background-color:rgb(0,0,0);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
	opacity:0.1;
	filter: alpha(opacity=10);
}

Set opacity styling for backdrop in a way that older IE can use.


div#apercite-thumbnail {
	padding:0px;
	margin:0px;

	position:absolute;
	display:none;
	z-index:999999;

	border:1px solid #000000;
	width:0px;
	height:0px;
}

Move files plugin to trunk folder

Move files plugin to trunk folder


.cell {
    font-size: 5em;
    display: inline;
    border: 3px solid grey;
}

.cell.cross:before {
    content: "\2718";
}

.cell.circle:before {
    content: "\25cb";
}

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

    width: 400px;
}

.cell {
    font-size: 5em;
    border: 3px solid grey;

    width: 100px;
    height: 100px;
    text-align: center;
}

.cell.cross:before {
    content: "\2718";
}

.cell.circle:before {
    content: "\25cb";
}

Use flexbox to simplify the layout

Use flexbox to simplify the layout


.jumbotron {

    padding-left: 42px !important;
    padding-right: 18px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;

}

/* Not working yet! */
a.headerlink {

    opacity=.2 !important;

}

.jumbotron {
    padding-left: 42px !important;
    padding-right: 18px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

blockquote p {
    font-size: 12px !important;
}

blockquote {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin: 0 0 0px !important;
}

code {
    color: #303a4c !important;
    background-color: #ffffff !important;
}

/* Not working yet! */
a.headerlink {
    opacity=.2 !important;
}

Add some more custom css

Add some more custom css


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

div.bodywrapper h1 {
	text-indent: 0;
	font-family: "Prociono", "Garamond","Georgia", serif;
	font-size: 5em;
}

.logo {
	font-family: "Prociono", "Garamond","Georgia", serif;
}

div.body h2 {
	font-family: "Prociono", "Garamond","Georgia", serif;
}

div.sphinxsidebar #searchbox input[type="text"] {
	float: left;
	width: 166px;
}

Fix sidebar searchbox in docs

Fix sidebar searchbox in docs

[ci skip]


/* 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:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

label {
  margin:10px 0;
  text-transform: uppercase;
  letter-spacing: 2px
}
form div {
  background-color: #CCFFFF;
  padding:30px;
  margin-top:20px;
  border-radius: 10px
}
input {
  border-radius: 5px;
  padding:8px;
  border: 2px #DDDDDD solid;
}
select {
  border-radius: 5px;
  padding:8px;
  border: 2px #DDDDDD solid;
}

h3 span {
  padding:20px;

  background-color: red;
}

label {
  width: 100%;
}

.divider{
    width:5px;
    height:auto;
    display:inline-block;
}

Add back in divider CSS

Add back in divider CSS


:root {
  --overcast-orange: #fc7e0f;
  --delete-red: #fc1b0f;
}

/* Animate and scale logo and playback buttons */
svg,
#tinyhomeimg {
  transition: all 100ms ease-out;
}

svg:hover,
#tinyhomeimg:hover {
  transform: scale(1.05);
}

/* Change link color on hover */
a[href='/account']:hover,
.centertext a:hover,
.footer > a:hover {
  filter: brightness(1.3);
}

/* Delete button hover */
.destructivebutton:hover {
  background: var(--delete-red);
  color: white;
}

/* Save/Subscribe button hover */
form[action^='/podcasts/add/'] > .ocborderedbutton:hover,
#save_episode_button:hover {
  background: var(--overcast-orange);
  color: white;
}

/* Selection on podcast search */
.autocomplete_result:hover h4 {
  color: var(--overcast-orange);
}

/* Pixel adjustment to playback speed controls */
#speedcontrolbackground {
  padding-top: 2px;
}

:root {
  --overcast-orange: #fc7e0f;
  --delete-red: #fc1b0f;
}

/* Animate and scale logo and playback buttons */
svg,
#tinyhomeimg {
  transition: all 100ms ease-out;
}

svg:hover,
#tinyhomeimg:hover {
  transform: scale(1.05);
}

/* Change link color on hover */
a[href='/account']:hover,
.centertext a:hover,
.footer > a:hover {
  filter: brightness(1.3);
}

/* Delete button hover */
.destructivebutton:hover {
  background: var(--delete-red);
  color: white;
}

/* Save/Subscribe button hover */
form[action^='/podcasts/add/'] > .ocborderedbutton:hover,
#save_episode_button:hover {
  background: var(--overcast-orange);
  filter: brightness(1); /* Override brightness increase from other links */
  color: white;
}

/* Selection on podcast search */
.autocomplete_result:hover h4 {
  color: var(--overcast-orange);
}

/* Pixel adjustment to playback speed controls */
#speedcontrolbackground {
  padding-top: 2px;
}

Reset brightness on save button

Reset brightness on save button


.script {
  font-family: Consolas, sans-serif;
}

.script-welcome {
  color: #4444bb;
}

.script-in {
  color: #44bb44;
}

.script-in:before {
  content: '>> ';
}

.script-out {
  color: #bb44bb;
}

#conn-status {
  text-align: center;
}

span.success,
span.warning {
  display: block;
  width: 100%;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
}

span.success {
  color: #468847;
  background-color: #DFF0D8;
  border-color: #D6E9C6;
}

span.warning {
  color: #C09853;
  background-color: #FCF8E3;
  border-color: #FBEED5;
}

.script {
  font-family: Consolas, sans-serif;
}

.script-welcome {
  color: #4444bb;
}

.script-in {
  color: #44bb44;
}

.script-in:before {
  content: '>> ';
}

.script-out {
  color: #bb44bb;
}

#conn-status {
  text-align: center;
}

span.success,
span.warning {
  display: block;
  width: 100%;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

span.success {
  color: #468847;
  background-color: #DFF0D8;
  border-color: #D6E9C6;
}

span.warning {
  color: #C09853;
  background-color: #FCF8E3;
  border-color: #FBEED5;
}

Change rgba notation to `transparent`

Change rgba notation to `transparent`


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

.axis text {
  font-family: sans-serif;
  font-size: 11px;
}

.hit {
  stroke: rgba(255, 255, 255, 0.7);
  stroke-width: 1px;
  cursor: pointer;
}

.hit.selected {
  stroke: rgba(0, 0, 0, 0.4);
  stroke-width: 2px;
  stroke-dasharray: 5,5;
}

.axis-label {
  font-size: 11px;
}

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

.axis text {
  font-family: "Open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 11px;
}

.hit {
  stroke: rgba(255, 255, 255, 0.7);
  stroke-width: 1px;
  cursor: pointer;
}

.hit.selected {
  stroke: rgba(0, 0, 0, 0.4);
  stroke-width: 2px;
  stroke-dasharray: 5,5;
}

.axis-label {
  font-size: 11px;
}

Use same font-family for visualisations as body text.

Signed-off-by: Anurag Priyam <6e6ab5ea9cb59fe7c35d2a1fc74443577eb60635@gmail.com>


#map {
    /* IE8 has an issue with rendering map images that are not in the map
     * viewport on subsequent pages, IE7 can't cope with the map being 100%
     * high */
    height: 600px;
}

Add missing print css for IE8 and below

Add missing print css for IE8 and below


html {
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

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

a, a:visited { color: #166491; }
a:active, a:focus, a:hover { color: #2197db; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: sans-serif;
  /*background: #f0f0f0;*/
}
/*body { color: #333; }*/

h1 { font-size: 2.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }

h1, h2 { margin: 0; }
h1 { padding: 0.5em 0; }
h2 { padding-bottom: 1em; }

main, nav .inner {
  max-width: 80ch;
  margin: auto;
}

nav {
  background: #07A0C3;
}

html {
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

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

a, a:visited { color: #166491; }
a:active, a:focus, a:hover { color: #2197db; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: sans-serif;
  /*background: #f0f0f0;*/
}
/*body { color: #333; }*/

h1 { font-size: 2.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }

h1, h2 { margin: 0; }
h1 { padding: 0.5em 0; }
h2 { padding-top: 1em; }

main, nav .inner {
  max-width: 80ch;
  margin: auto;
}

nav {
  background: #07A0C3;
}

Fix padding on h2 elements.

Fix padding on h2 elements.


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

.content, .map-container {
    height: 100%;
    width: 100%;
}

Add styles to properly display the map.

Add styles to properly display the map.


#wishlist-form {margin-top: 5px;}
#wishlist_header h1, #wishlist_header div { float: left; width: 30%; }

Add spacing between add to cart and add to wishlist buttons.


}
.background {
  color:ffffff;

}

.line-seperator {
  border-bottom: 1px solid #000000;
}

.text-color {
    color:#000080;
}

a:link {
  color: #800080;
}

a:visited {
    color:#ff0000;
}

span {
    color: #000080;
    font-size:12px;

}

{
    text-align:center;}

li {
  margin-top:10px;
  margin-bottom:10px;
}

h3 > span {
    font-size:35px;
    margin-bottom:-10px;
}

#header {
text-align:center;
margin-bottom:15px;
}

h4, h5, h3 {
  margin:2px;
}

section > h4 {
  text-align:center;
  font-size: 12px;
  margin:15px;
}

footer {
  font-size: 12px;

}

#table{
    margin-left:100px;

}

#smallfont {
  font-size:12px;
}

table > span {
    margin:15px;
}

Add CSS to berkshire site

Add CSS to berkshire site


/* {
	border: 1pt solid black
*/
header, section, footer, aside, nav, article, figure, main {
display: block;
line-height: 1.0em;
margin: 0px;}

H1 {
	font-size: 2em;
}
H2 {
	font-size: 1.5em;
}
H3 {
	font-size: 1em;
}

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

header {
	font-size: 1em;
	color: navy;
	text-align: center;
	font-weight: bold;
}

span {
	font-size: 2em;
}

 a:link {
 	color: purple;
 }

 a:visited {
 	color: red;
 }

li {
	padding: 1em;
}

#columns {
	float: left;
	width: 50%;
	border-top: 1px solid black;
}

#columns2 {
	float: right;
	width: 50%;
	border-top: 1px solid black;
}

section p {
	font-size: 10px;
	border-top: 1px solid black;
	color: navy;
	width: 100%;
}

figure {
	text-align: center;
	display: inline-block;

}

footer p {
	font-size: 11px;

}

/*
What is important to know when linking an external file (like a stylesheet) to an HTML file?
What tricks did you use to help you with positioning?
	How hard was it to get the site as you wanted it?
What CSS did you use to modify the element style (like size, color, etc.)
Did you modify the HTML to include classes or ids?
	If so, which did you chose and why?
	If you didn't, how would you know which one to add to your HTML?
When you compared your site to the actual code base, which do you think had cleaner code that followed best practices and why?*/
1 {
	font-size: 12px;
	color: navy;
}
/*#columns2 {
	float: right;
	width: 50%;
}
p:nth-child(2) { background-color: teal; }
img {
	float; both;
}

section {
	float: both;
}*

#footer {
	width: 100%;
	clear: both;
}
/*

Make Berkshire CSS in Week-3; Responsive design practice


body {
	padding: 60px 0; /* 60px to make the container go all the way to the bottom of the topbar */
}
.docstring {
	margin-bottom: 10px;
}
.signature {
	font-size: 18px;
	border: none;
	color: #333;
}
.signature.highlight{
	background-color: transparent;
}
.method {
	padding: 5px 10px;
	background-color: #eee;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	margin-bottom: 10px;
}
.attribute pre {
	background-color: #eee;
}
div.method > * {
	display: none;
}
div.method h3 {
	display: block;
}
div.method h3:before {
	font-size: .5em;
	content: '▶';
}
div.method.visible h3:before {
	content: '▼';
}
div.method.visible > * {
	display: block;
}

#ancestors .direct{
	font-weight: bold;
}

body {
	padding: 60px 0; /* 60px to make the container go all the way to the bottom of the topbar */
}
.docstring {
	margin-bottom: 10px;
}
.signature {
	font-size: 18px;
	border: none;
	color: #333;
}
.signature.highlight{
	background-color: transparent;
}
.method {
	padding: 5px 10px;
	background-color: #eee;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	margin-bottom: 10px;
}
.attribute pre {
	background-color: #eee;
}
div.method > * {
	display: none;
}
div.method h3 {
	display: block;
}
div.method h3:before {
	font-size: .5em;
	content: '▶';
}
div.method.visible h3:before {
	content: '▼';
}
div.method.visible > * {
	display: block;
}

#ancestors, #descendants {
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;
}
#ancestors .direct{
	font-weight: bold;
}

Save screen-space by putting ancestors and descendants into three columns.


.root {
    user-select: none;
    cursor: $cursor-pointer;
}

.radio {
    margin-right: 4px;
    margin-bottom: 3px;
    vertical-align: middle;
    cursor: inherit;
}

.root:focus {
    outline: $focus-outline;
}

.root[disabled] {
    color: #999;
    cursor: $cursor-not-allowed;
}

.root {
    position: relative;
    user-select: none;
    cursor: $cursor-pointer;
}

.root::before {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 16px;
    left: 0;
    top: 0;
}

.radio {
    margin-right: 4px;
    margin-bottom: 3px;
    vertical-align: middle;
    cursor: inherit;
}

.root:focus {
    outline: $focus-outline;
}

.root[disabled] {
    color: #999;
    cursor: $cursor-not-allowed;
}

:bug: Fix that cannot click <u-radio>, which raised by vue@2.6.x


html, body {
    font-family: 'Roboto', 'Helvetica', sans-serif;
    margin: 0;
    padding: 0;
}

.waterfall-demo-header-nav .mdl-navigation__link:last-of-type {
    padding-right: 0;
}

.demo-content {
    border-radius: 2px;
    padding: 80px 56px;
    margin-bottom: 80px
}

.mdl-navigation__link.is-active.is-active::before,
.mdl-navigation__link.is-active.is-active::after {
	background-color: #FFF;
  	height: 4px;
}

html, body {
    font-family: 'Roboto', 'Helvetica', sans-serif;
    margin: 0;
    padding: 0;
}

.waterfall-demo-header-nav .mdl-navigation__link:last-of-type {
    padding-right: 0;
}

.demo-content {
    border-radius: 2px;
    padding: 80px 56px;
    margin-bottom: 80px
}

/*
 	is-active state implementation for navigation links
 */

.mdl-layout__header-row .mdl-navigation__link {
    border-bottom: 4px solid transparent;
}

.mdl-layout__header-row .mdl-navigation__link.is-active {
    border-bottom-color: #FFF;
}

.mdl-layout__drawer .mdl-navigation__link.is-active {
    color: #3f51b5;
}

Add is-active state implementation for navigation


body {
  font-family: 'Gillius ADF';
}

.chapter{
  color: #aa0;
}

h1 .initial{
  color: #a0a;
  font-size: 2em;
}

.subsection{
  display: block;
  page-break-before: right;
  page-break-after: always;
  text-transform: uppercase;
  font-size: 20pt;
}

.subsection .initial {
  font-size: 1em;
  color: #0a0;
}

.subsection-heading{
  font-size: 36pt;
  font-weight: bold;
}

table.toc {
  font-size: 22pt;
}

h1 {
  text-transform: uppercase;
  page-break-before: always;
}

h2 {
  text-transform: uppercase;
}

table {
  float: none;
}

body {
  font-family: 'Gillius ADF';
}

.chapter{
  color: #aa0;
}

h1 .initial{
  color: #a0a;
  font-size: 2em;
}

.subsection{
  display: block;
  page-break-before: right;
  page-break-after: always;
  text-transform: uppercase;
  font-size: 20pt;
}

.subsection .initial {
  font-size: 1em;
  color: #0a0;
}

.subsection-heading{
  font-size: 36pt;
  font-weight: bold;
}

h1 {
  text-transform: uppercase;
  page-break-before: always;
}

h2 {
  text-transform: uppercase;
}

table {
  float: none;
}

h1.frontpage{
  font-size: 64pt;
  text-align: center;
  page-break-after: always;
  page-break-before: avoid;
}

div.copyright{
  border: 1px solid #999;
  padding: 1em;
}

table.toc {
  /*border: 1px dotted #999;*/
  font-size: 18pt;
}
}

td.chapter {
  padding-left: 2em;
  text-align: right;
}

td.pagenumber {
  text-align: right;
}

td.section {
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
}

p, ul, ol {
  page-break-inside: avoid;
}

Add css for table of contents

Add css for table of contents


body{
	padding-bottom: 20px;
	padding-top: 20px;
}
.footer{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 40px;
	border-top: 1px solid #eee;
}
.navbar{
	margin-bottom: 20px;
}
.language-buttom{
	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer;
}

/* https://github.com/hombit/olgart/issues/1#issue-133919889 */
.navbar-nav>li> {
  margin-bottom: -2px;
}

Remove dot-symbol (DO NOT COPY-PASTE)

Remove dot-symbol (DO NOT COPY-PASTE)


a.link-btn {
  font-size: 0.9em;
  font-weight: 200;
  background: #f0f0f0;
  background: linear-gradient(0deg, #f0f0f0, #fefefe);
  box-shadow: 0px 1px 1px #eee;
  border: 1px solid #aaa;
  border-radius: 2px;
  padding: 10px 12px;
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  border-bottom: 2px solid #aaa;
  color:#232323;
  width:276px;
  margin-left:104px;
}
a.link-btn:hover {
  background: linear-gradient(0deg, #e8e8e8, #f8f8f8);
}

Add basic styling for "link to" buttons

Add basic styling for "link to" buttons


/**
 * Social Media List on the Sidebar
 */
.social-media-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  font-size: small;
}
.icon > svg {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.icon > svg path {
  fill: #828282;
}

/*
 * Social media buttons on post page
 */
.share-buttons {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  font-size: small;
}

/**
 * About me portrait
 */
img.portraint {
  margin-top: 1rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
  padding: none;
}

/**
 * Social Media List on the Sidebar
 */
.social-media-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  font-size: small;
}
.icon > svg {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.icon > svg path {
  fill: #828282;
}

/*
 * Social media buttons on post page
 */
.share-buttons {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  font-size: small;
}

/**
 * About me portrait
 */
img.portrait {
  margin-top: 1rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
  padding: none;
}

Fix typo in CSS selector

Fix typo in CSS selector


.gb-container {
  display: flex;
  overflow: hidden;
  height: 100vh;
  position: relative;
  width: 100%;
  backface-visibility: hidden;
  will-change: overflow;
}

.left-split-area {
  margin-top: var(--gb-navbar-height-extra) !important;
}

.gb-router-outlet-container {
  padding-left: 1px;
}

.gb-container {
  display: flex;
  overflow: hidden;
  height: 100vh;
  position: relative;
  width: 100%;
  backface-visibility: hidden;
  will-change: overflow;
}

.left-split-area {
  margin-top: var(--gb-navbar-height-extra) !important;
  height: initial !important;
}

.gb-router-outlet-container {
  padding-left: 1px;
}

Fix left panel scroll bar disappearing at the bottom part.


:root {
  --Swatch-sample-stroke: rgba(0, 0, 0, 0.1);
  --Swatch-sample-stroke-width: 2px;
  --Swatch-sample-width: 10em;
  --Swatch-sample-height: 5.625em;
  --Swatch-info-padding: calc(var(--space) / 4);
}

.Swatch {
  margin: 0;
  display: inline-block;
}

.Swatch > * {
  margin: 0;
}

/**
 * 1. Double the intended stroke-width because only the inner half will be
 *    within the visible viewBox.
 */

.Swatch-sample {
  display: block;
  width: var(--Swatch-sample-width);
  height: var(--Swatch-sample-height);
  stroke: rgba(0, 0, 0, 0.1);
  stroke-width: calc(var(--Swatch-sample-stroke-width) * 2); /* 1 */
}

.Swatch-info {
  padding: var(--Swatch-info-padding);
}

.Swatch-info > * {
  margin: 0;
  white-space: nowrap;
}

:root {
  --Swatch-sample-stroke: rgba(0, 0, 0, 0.1);
  --Swatch-sample-stroke-width: 2px;
  --Swatch-sample-width: 10em;
  --Swatch-sample-height: calc(var(--Swatch-sample-width) * (9 / 16)); /* 16:9 */
  --Swatch-info-padding: calc(var(--space) / 4);
}

.Swatch {
  margin: 0;
  display: inline-block;
}

.Swatch > * {
  margin: 0;
}

/**
 * 1. Double the intended stroke-width because only the inner half will be
 *    within the visible viewBox.
 */

.Swatch-sample {
  display: block;
  width: var(--Swatch-sample-width);
  height: var(--Swatch-sample-height);
  stroke: var(--Swatch-sample-stroke);
  stroke-width: calc(var(--Swatch-sample-stroke-width) * 2); /* 1 */
}

.Swatch-info {
  padding: var(--Swatch-info-padding);
}

.Swatch-info > * {
  margin: 0;
  white-space: nowrap;
}

Use stroke property, comment on existing props

Per feedback on #45


.splitter-layout {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.splitter-layout .layout-pane {
  position: relative;
  flex: 0 0 auto;
  overflow: scroll;
}

.splitter-layout .layout-pane.layout-pane-primary {
  flex: 1 1 auto;
}

.splitter-layout .layout-splitter {
  flex: 0 0 auto;
  width: 4px;
  height: 100%;
  cursor: col-resize;
  background-color: #ccc;
}

.splitter-layout .layout-splitter:hover {
  background-color: #bbb;
}

.splitter-layout.layout-changing {
  cursor: col-resize;
}

.splitter-layout.layout-changing .layout-splitter {
  background-color: #aaa;
}

.splitter-layout.splitter-layout-vertical {
  flex-direction: column;
}

.splitter-layout.splitter-layout-vertical.layout-changing {
  cursor: row-resize;
}

.splitter-layout.splitter-layout-vertical .layout-splitter {
  width: 100%;
  height: 4px;
  cursor: row-resize;
}

.splitter-layout {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.splitter-layout .layout-pane {
  position: relative;
  flex: 0 0 auto;
  overflow: auto;
}

.splitter-layout .layout-pane.layout-pane-primary {
  flex: 1 1 auto;
}

.splitter-layout .layout-splitter {
  flex: 0 0 auto;
  width: 4px;
  height: 100%;
  cursor: col-resize;
  background-color: #ccc;
}

.splitter-layout .layout-splitter:hover {
  background-color: #bbb;
}

.splitter-layout.layout-changing {
  cursor: col-resize;
}

.splitter-layout.layout-changing .layout-splitter {
  background-color: #aaa;
}

.splitter-layout.splitter-layout-vertical {
  flex-direction: column;
}

.splitter-layout.splitter-layout-vertical.layout-changing {
  cursor: row-resize;
}

.splitter-layout.splitter-layout-vertical .layout-splitter {
  width: 100%;
  height: 4px;
  cursor: row-resize;
}

Hide scrollbar if not necessary

Hide scrollbar if not necessary


.audio-buttons {
  width: 150px;
}

button.recording, button.playing {
  border: solid 2px #2CAB6F;
}

button.recording, button.record {
  margin-right: 10px;
}

.audio-buttons button {
    margin-top: 5px;
}

Fix spacing between record/playback buttons. (It was tight)


.navbar {
  border-radius: 0;
}

.activated {
  background-color: gray;
}

.multi-line-text-wrapper {
  width: 400px;
}

.examples-header {
  margin-bottom: 10px;
  padding-bottom: 4px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid gray;
}

textarea {
  width: 100%;
}

.navbar {
  border-radius: 0;
}
.navbar .active{
  color: #fff !important;
  background-color: #080808 !important;
}

.activated {
  background-color: gray;
}

.multi-line-text-wrapper {
  width: 400px;
}

.examples-header {
  margin-bottom: 10px;
  padding-bottom: 4px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid gray;
}

textarea {
  width: 100%;
}

Apply active css state on nabber items

Apply active css state on nabber items


body {
    background-color: white;
}

div.document {
    max-width: 1100px;
    margin: auto;
}

div.note {
    background-color: #FFFFCC;
    border: 0;
}

div.body h1, div.body h2, div.body h3,
div.body h4, div.body h5, div.body h6 {
    background: inherit;
}

pre {
    font-size: 13px;
    line-height: 140%;
}

tt {
    font-size: 13px;
}

/* table styles */
th {
    background-color: #eeeeee;
}

table.docutils td, table.docutils th {
    border-color: #CCCCCC;
    border-style: none none dotted;
    padding: 5px 8px 6px 5px;
}

body {
    background-color: white;
}

div.document {
    max-width: 1100px;
    margin: auto;
}

div.note {
    background-color: #FFFFCC;
    border: 0;
}

div.body h1, div.body h2, div.body h3,
div.body h4, div.body h5, div.body h6 {
    background: inherit;
}

div.body p, div.body dd, div.body li {
    text-align: left;
}

pre {
    font-size: 13px;
    line-height: 140%;
}

tt {
    font-size: 13px;
}

/* table styles */
th {
    background-color: #eeeeee;
}

table.docutils td, table.docutils th {
    border-color: #CCCCCC;
    border-style: none none dotted;
    padding: 5px 8px 6px 5px;
}

doc: Make text alignment left, instead of justify


:local(.component) {
  width: 100%;
  border-left: 1px solid #ccc;
  position: relative;
}

:local(.hour) {
  height: 50px;
  border-bottom: 1px solid #ccc;
  pointer-events: none;
}

:local(.halfHour) {
  height: 50%;
  border-bottom: 1px solid #f0f0f0;
  pointer-events: none;
}

:local(.mouseTarget) {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}

:local(.currentSelection) {
  background-color: red;
  border: 1px solid #ccc;
  position: absolute;
  width: 100%;
}

:local(.component) {
  width: 100%;
  border-left: 1px solid #ccc;
  position: relative;
}

:local(.hour) {
  height: 50px;
  border-bottom: 1px solid #ccc;
  pointer-events: none;
}

:local(.halfHour) {
  height: 50%;
  border-bottom: 1px solid #f0f0f0;
  pointer-events: none;
}

:local(.mouseTarget) {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}

:local(.currentSelection) {
  background-color: #4477BD;
  border-radius: 3px;
  position: absolute;
  width: 100%;
}

Update styling of painted area

Update styling of painted area


.reveal {
    font-family: "Lato", sans-serif;
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
    font-family: "Roboto Condensed", Impact, sans-serif;
}

Add custom fonts to headings

Add custom fonts to headings


#bootstrap-magic .bootstrap-magic-input {
  font-family: 'Source Code Pro', 'Monaco', 'Menlo', 'Osaka', monospace;
}

@media (max-width: 480px) {
  #bootstrap-magic .menu-compact span {
    display: none;
  }
}

Remove redundant ID selector, that gives warning about using IDs in selectors


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

header, article, footer {
    overflow: auto;
}

article {
    height: 100%;
}

header, footer {
    padding: 1em;
    background: #ddd;
}

.create {
    float: left;
    margin-left: 2em;
}

.browse {
    float: left;
}

.user {
    float: right;
}

.user .name {
    display: block;
}

.login {
    float: right;
}

.logout {
    float: right;
    margin-right: 2em;
}

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

body {
    font: 13px/1.333 "lucida grande", tahoma, sans-serif;
}

header, article, footer {
    overflow: auto;
}

article {
    height: 100%;
}

header, footer {
    padding: 1em;
    background: #ddd;
}

.create {
    float: left;
    margin-left: 2em;
}

.browse {
    float: left;
}

.user {
    float: right;
}

.user .name {
    display: block;
}

.login {
    float: right;
}

.logout {
    float: right;
    margin-right: 2em;
}

Use more sensible default font

Use more sensible default font

Sans serif of course.


*{
  background-color: #FFFFE0;
}

#Heading{
  font-family: Arial, Verdana, sans-serif;
  position: relative;
  text-align: justify;
}

p{
  width: 48%;
  margin: 5px;
  margin-top: 20px;
  float: left;
  padding: 10px 0px 5px 0px;
  background-color: #EFEFEF;
  text-align: left;
}

.Strings{
  height: 50px;
}

.Integers{
  height: 50px;
}

.Arrays{
  height: 150px;
}

.Hashes{
  height: 150px;
}

*{
  background-color: #FFFFE0;
}

.Heading{
  font-family: Arial, Verdana, sans-serif;
  position: relative;
  text-align: justify;
}

p{
  width: 48%;
  margin: 5px;
  margin-top: 20px;
  float: left;
  padding: 10px 0px 5px 0px;
  background-color: #EFEFEF;
  text-align: left;
}

#Strings{
  height: 50px;
}

#Integers{
  height: 50px;
}

#Arrays{
  height: 150px;
}

#Hashes{
  height: 150px;
}

Edit css to swap class/id calls

Edit css to swap class/id calls


.hex-input {
    font-size: 120%;
}

.jumbotron {
    padding: 2em;
    margin-bottom: 0;
}

.error-msg {
    color: palevioletred;
}

.footer{
    position:fixed;
    height:50px;
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
}

.colorRow {
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
}

.colorDiv {
    width: 56px;
    height: 168px;
    font-size: 8px;
    border: solid gray 1px;
}

.hex-input {
    font-size: 120%;
}

.jumbotron {
    padding: 2em;
    margin-bottom: 0;
}

.error-msg {
    color: palevioletred;
}

.footer{
    position:fixed;
    height:50px;
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
    padding: 1em 0;
}

.colorRow {
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
}

.colorDiv {
    width: 56px;
    height: 168px;
    font-size: 8px;
    border: solid gray 1px;
}

Add footer top and bottom padding

Add footer top and bottom padding


/* Global layout **************************************************************/

.container {
    position: relative;
}

.controls {
    position: absolute;
    top: 10px;
    right: 15px;
}

.footer {
    text-align: center;
}

/* Global styles **************************************************************/

/* Replace empty tables with a message */
.empty-notice {
    display: none;
}
.empty .empty-notice {
    display: block;
}
.empty table {
    display: none;
}

.form-help {
    color: #999;
}

.media-list-view label {
    display: block;
    color: #000;
}
.media-list-view .label {
    font-size: 100%;
    font-weight: normal;
    margin-left: 1em;
    margin-top: 0.45em;
    display: block;
    float: left;
}
.media-list-item-view .glyphicon {
    position: relative;
    top: 3px !important;
}

/* Template styles ************************************************************/

.media-list-view a.remove {
    color: red;
}

/* Plugin styles **************************************************************/

/* Typeahead styling */
.tt-dropdown-menu h3 {
    font-size: 1em;
    margin: 10px 20px 0;
    border-bottom: solid 1px #ccc;
}

/* Global layout **************************************************************/

.container {
    position: relative;
}

.controls {
    position: absolute;
    top: 10px;
    right: 15px;
}

.footer {
    text-align: center;
}

/* Global styles **************************************************************/

/* Replace empty tables with a message */
.empty-notice {
    display: none;
}
.empty .empty-notice {
    display: block;
}
.empty table {
    display: none;
}

.form-help {
    color: #999;
}

.media-list-view label {
    display: block;
    color: #000;
}
.media-list-view .label {
    font-size: 100%;
    font-weight: normal;
    margin-right: 1em;
    margin-top: 0.45em;
    display: block;
    float: left;
}
.media-list-item-view .glyphicon {
    position: relative;
    top: 3px !important;
}

/* Template styles ************************************************************/

.media-list-view a.remove {
    color: red;
}

/* Plugin styles **************************************************************/

/* Typeahead styling */
.tt-dropdown-menu h3 {
    font-size: 1em;
    margin: 10px 20px 0;
    border-bottom: solid 1px #ccc;
}

Clean up margin on query builder media tiles.


body{
  margin-top: 10%;
  background-size: cover;
}
.clock{
  margin: 0 auto;
  width: 300px;
}

.glyphicon {
  margin: auto;
  text-align: center;
  font-size: 65pt;
  display: block;
}

a:hover > .glyphicon {
  text-decoration: none;
}

body{
  margin-top: 10%;
  background-size: cover;
}
.clock{
  margin: 0 auto;
  width: 300px;
}

.glyphicon {
  margin: auto;
  text-align: center;
  font-size: 65pt;
  display: block;
}

a, a:hover{
  color:white;
  text-decoration:none;
}

a:hover > .glyphicon {
  text-decoration: none;
}

Make styles of buttons slightly nicer

Make styles of buttons slightly nicer


/*
 * Follow css style guides as shown in the OSF developer documentation
 * http://cosdev.readthedocs.org/en/latest/style_guides/html_css.html
 */

/* Section to replicate osf style, ignore until end of this section */
#navbarScope {
    position: fixed;
    width: 100%;
    border-radius: 0;
}
/* End */

.prereg-container ol, .prereg-container p,  .prereg-button {
	font-size: 16px;
}

.prereg-button {
	height: 76px;
	cursor: pointer;
	text-align: center;
}

div[class^='col']:first-of-type .prereg-button {
	line-height: 48px;
}

.prereg-button:hover, .prereg-button.active {
	background-color: #204762;
	color: white;
}

/*
 * Follow css style guides as shown in the OSF developer documentation
 * http://cosdev.readthedocs.org/en/latest/style_guides/html_css.html
 */

/* Section to replicate osf style, ignore until end of this section */
#navbarScope {
    position: fixed;
    width: 100%;
    border-radius: 0;
}
/* End */

.prereg-container ol, .prereg-container p,  .prereg-button {
	font-size: 16px;
}

.prereg-button {
	height: 76px;
	cursor: pointer;
	text-align: center;
}

div[class^='col']:first-of-type .prereg-button {
	line-height: 48px;
}

.prereg-button:hover {
	background-color: #E0EBF3;
}

.prereg-button.active {
	background-color: #204762;
	color: white;
}

Change hover and default box colors

Change  hover and default box colors


.container {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
}

.flex-item {
  text-align: center;
  align-self: center;
}

article .text .circleimg {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 20px 0 0;
  background-position: center;
  background-size: cover;
}

article table tbody tr:first-child td {
  border-top: 1px solid #ededee;
}

.section-content {
  display: none; /* collapsed by default */
}

.container {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
}

.flex-item {
  text-align: center;
  align-self: center;
}

article .text .circleimg {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 20px 0 0;
    background-position: center;
    background-size: cover;
}

article table tbody tr:first-child td {
  border-top: 1px solid #ededee;
}

.expandable {
  display: block;
	height: 30px;
	width: 700px;
	background: #d35c5c;
}

.section-header {
  color: white;
  text-align: left;
  text-indent: 30px;
}

.section-content {
  text-align: left;
  text-indent: 30px;
}

.hidden {
  display: none;
}

Add styling for Syllabus Headers.

Add styling for Syllabus Headers.


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

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

Change second block technical relative stylesheet


/*
based on: https://codepen.io/DavidKern/pen/PwzYvv
*/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

body {
    background: #fff;
    color: #000;
    font-family: 'Lato', Arial, sans-serif;
}

h1 {
    font-family: "proxima-nova",sans-serif;
    letter-spacing: -0.01em;
    font-weight: 700;
    font-style: normal;
    font-size: 60px;
    margin-left: -3px;
    line-height: 1em;
    color: #000;
    text-align: center;
    margin-bottom: 8px;
    text-rendering: optimizeLegibility;
}

table {
    width: 80%;
    margin: auto;
}

table, th, td {
    border: 1px solid #000;
    border-collapse: collapse;
}

th {
	background-color: #ddd
}

th, td {
    padding: 15px;
}

Replace tab character with spaces as in the rest of the file

Just to be consistent.


#guidejs-overlay.guidejs-on {
    z-index: 1000000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgb(0, 0, 0, 0.5);
}

.guidejs-highlighted-element {
    z-index: 1000002;
    position: relative;
}

.guidejs-highlighted-tooltip {
    z-index: 1000002;
    position: absolute;
    background-color: rgb(255, 255, 255, 0.9);
    border-radius: 3px;
    border: 1px dashed #555555;
    padding: 1em;
}

.guidejs-tooltip {
    display: none;
}

#guidejs-bg.guidejs-on {
    background-color: rgb(255, 255, 255, 0.5);
    position: absolute;
    z-index: 1000001;
}

#guidejs-overlay.guidejs-on {
    z-index: 1000000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}

.guidejs-highlighted-element {
    z-index: 1000002;
    position: relative;
}

.guidejs-highlighted-tooltip {
    z-index: 1000002;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    border: 1px dashed #555555;
    padding: 1em;
}

.guidejs-tooltip {
    display: none;
}

#guidejs-bg.guidejs-on {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: 1000001;
}

Fix color specification (rgb -> rgba).

Fix color specification (rgb -> rgba).


/* Copyright (c) 2012 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. */

/* NB: do not include this file directly. Include chrome_shared2.css. If touch
 * optimization is enabled, these rules will be automatically loaded by the
 * SharedResourceDataSource. */

<include src="chrome_shared2.css">

/* TODO(kevers): Add [type='input'] and [type='password']. */
input[type='search'] {
  padding-bottom: 6px;
  padding-top: 6px;
}

/* Additional padding to disambiguate controls on neighboring rows.
 * Ideally, the margin belongs on input[type=radio|checkbox] to be a more
 * general fix; however, this creates baseline problems as webkit is not
 * currently able to reconcile the baseline of a text-free inline box
 * containing a margin and fixed dimensions with neighboring content.
 * TODO(kevers): Reinvestigate once the baseline adjustment properties in
 * CSS3 are supported. */
.checkbox,
.radio {
  margin: 12px 0;
}

li > button.link-button {
  padding-bottom: 8px;
  padding-top: 8px;
}

button:not(.custom-appearance):not(.link-button),
input[type=button]:not(.custom-appearance),
input[type=submit]:not(.custom-appearance),
select {
  margin-bottom: 6px;
  margin-top: 6px;
}

html[touch-optimized] .tree-item > .tree-row {
  padding: 4px 3px;
}

/* Copyright (c) 2012 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. */

/* NB: do not include this file directly. Include chrome_shared2.css. If touch
 * optimization is enabled, these rules will be automatically loaded by the
 * SharedResourceDataSource. */

<include src="chrome_shared2.css">

/* TODO(kevers): Add [type='input'] and [type='password']. */
input[type='search'] {
  padding-bottom: 6px;
  padding-top: 6px;
}

/* Margins are not touchable.  Use padding on the inner label instead to
  increase the size of the touch target. */
.checkbox,
.radio {
 margin: 0;
}

.checkbox label,
.radio label {
  padding-bottom: 7px;
  padding-top: 7px;
}

li > button.link-button {
  padding-bottom: 8px;
  padding-top: 8px;
}

button:not(.custom-appearance):not(.link-button),
input[type=button]:not(.custom-appearance),
input[type=submit]:not(.custom-appearance),
select {
  margin-bottom: 6px;
  margin-top: 6px;
}

html[touch-optimized] .tree-item > .tree-row {
  padding: 4px 3px;
}

Switch from margin to padding for checkboxes and radio buttons.

BUG=102482
TEST=

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

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


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

main {
	text-align: center;
}

.Slideout {
	z-index: 1;
	max-width: 250px;
	color: #fff;
	background-color: #000;
}

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

main {
	text-align: center;
}

.Slideout {
	z-index: 1;
	max-width: 250px;
	color: #fff;
	background-color: #000;
	text-align: center;
	transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

Add `transition` to example CSS

Add `transition` to example CSS


body {
    background-color: #eaf1f1;
    font-family: 'Istok Web', sans-serif;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', serif;
    letter-spacing: 2px;
}

.col-md-4 .card {
    min-height: 650px;
    margin-bottom: 100px;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    border-radius: 5%;
}

.article-image {
    min-height: 300px;
    max-height: 350px;
    border-radius: 5%;
    margin-bottom: 20px;
}

.jumbotron {
    color: white;
    background-color: #141d27;
}

h1 {
    font-weight: bolder;
}

.navbar {
    letter-spacing: 1.5px;
    background-color: #141d27;
}

.navbar-toggler-icon {
    color: white;
}

Add color to navbar icon.

Add color to navbar icon.


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

div.cartodb-popup h1 {
  font-size: 16px;
  line-height: 1.2;
  margin: 0;
  padding: 0 0 3px 0;
}

div.cartodb-popup small {
  display: block;
  font-size: 10px;
  line-height: 1.2;
  color: #bbb;
  padding-bottom: 10px;
}

div.cartodb-popup h4 {
  color: #bbb;
  padding-bottom: 3px;
}

div.cartodb-popup dl {
  margin: 0;
  padding: 5px 0;
  overflow: hidden;
}

div.cartodb-popup dd {
  display: block;
  margin: 0;
  padding: 0 3% 5px 0;
  float: left;
  width: 37%;
  font-size: 26px;
  line-height: 1em;
  font-weight: bold;
  text-align: right;
}

div.cartodb-popup dt {
  display: block;
  margin: 0;
  padding: 0 0 5px 0;
  float: right;
  width: 60%;
  clear: both;
  line-height: 1.2;
}

div.cartodb-popup .hilight {
  color: #B10026;
}

div.cartodb-tooltip.cartodb-tooltip {
  font-weight: bold;
  max-width: 240px;
}

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

div.cartodb-popup h1 {
  margin: 0;
  padding: 0 0 3px 0;
  font-size: 16px;
  line-height: 1.2;
}

div.cartodb-popup p {
  margin: 0;
  padding: 8px 0;
  line-height: 1.4;
}

div.cartodb-popup hr {
  border: 1px solid #dadada;
}

div.cartodb-tooltip.cartodb-tooltip {
  max-width: 240px;
}

div.cartodb-tooltip .cartodb-tooltip-content {
  padding: 10px;
}

div.cartodb-tooltip h1 {
  padding: 0 0 3px 0;
  margin: 0;
  font-size: 16px;
  line-height: 1.2;
  color: white;
}

Update styling to work with new data set.


pre {
    background: #ffeeee;
    padding-left: 5px;
}

div.body {
    min-height: 600px;
}

div.header, div.footer {
    color: #666666;
    font-size: 9pt;
}

pre {
    background: #ffeeee;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 125%;
}

div.body {
    min-height: 600px;
}

div.header, div.footer {
    color: #666666;
    font-size: 9pt;
}

Tweak styling of code blocks

Tweak styling of code blocks


.heading {
    composes: global(pure-g);

    text-align: center;
    justify-content: center;
}

.schema {
    composes: global(pure-u);
}

.title {
    composes: global(pure-u);

    min-width: 50px;
}

.menu {
    composes: global(pure-g);

    padding-bottom: 5px;
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
}

.menuItem {
    composes: global(pure-u-1-2);

    padding: 0 5px;
}

.publishing {
    composes: menuItem;
}

.version {
    composes: menuItem;

    text-align: right;
}

.form {
    composes: global(pure-form), global(pure-form-stacked);

    width: 70%;
    min-width: 700px;
    max-width: 1000px;

    margin: 20px auto;
}

.heading {
    composes: global(pure-g);

    text-align: center;
    justify-content: center;
}

.title,
.schema {
    composes: global(pure-u);

    padding: 0.15em;
}

.title {
    min-width: 50px;

    padding-left: 0.5em;
    padding-right: 0.5em;

    /* Stolen from pure's input element styling */
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
}

.menu {
    composes: global(pure-g);

    padding-bottom: 5px;
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
}

.menuItem {
    composes: global(pure-u-1-2);

    padding: 0 5px;
}

.publishing {
    composes: menuItem;
}

.version {
    composes: menuItem;

    text-align: right;
}

.form {
    composes: global(pure-form), global(pure-form-stacked);

    width: 70%;
    min-width: 700px;
    max-width: 1000px;

    margin: 20px auto;
}

Make editable titles more obvious

Make editable titles more obvious


body{
  font-size: 14px;
}

h1{
  font-size: 200%;
  font-weight: normal;
}

h2{
  font-decoration: underline;
  font-size; 133%;
}

Add second level header styling

Add second level header styling


body {
  color: rgb(48, 57, 66);
  font-family: Ubuntu, Arial, sans-serif;
  font-size: 14px;
}

.hidden {
  display: none;
}

.options-block {
  margin-bottom: 8px;
}

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

.profile-option {
  white-space: nowrap;
}

input[type="password"], input[type="text"] {
  border: 1px solid #777;
  border-radius: 2px;
  padding: 2px 3px 2px 3px;
}

#password-line {
  white-space: nowrap;
}

#password-yes {
  color: green;
  font-weight: bold;
  font-size: 120%;
}

#password-no {
  color: red;
  font-weight: bold;
  font-size: 120%;
}

#generated-password {
  color: #008;
  font-weight: bold;
}

#buttons {
  white-space: nowrap;
  text-align: center;
}

body {
  color: rgb(48, 57, 66);
  font-family: Ubuntu, Arial, sans-serif;
  font-size: 14px;
}

.hidden {
  display: none;
}

.options-block {
  margin-bottom: 8px;
}

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

.profile-option {
  white-space: nowrap;
}

input[type="password"], input[type="text"] {
  border: 1px solid #777;
  border-radius: 2px;
  padding: 2px 3px 2px 3px;
  width: 180px;
}

#password-line {
  white-space: nowrap;
}

#password-yes {
  color: green;
  font-weight: bold;
  font-size: 120%;
}

#password-no {
  color: red;
  font-weight: bold;
  font-size: 120%;
}

#generated-password {
  color: #008;
  font-family: monospace;
}

#buttons {
  text-align: center;
  white-space: nowrap;
}

Change style of generated password.

Change style of generated password.


.floatTOC {
	transition: 1s all ease;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	border: none;
	background: #f6f6f6;
	font-size: 0.8em;
	width: 10em;
	padding: 1.2em;
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.floatTOC ul ul {
	margin: 0 0 0 0.75em;
}

.floatTOC:hover {
	width: auto;
	overflow: auto;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

.floatTOC > * {
	transition: 1s all ease;
	opacity: 0.5;
}

.floatTOC:hover > * {
	opacity: 1;
}

.floatTOC .tocnumber {
	display: none;
}

.floatTOC a {
	color: #000;
}

.floatTOC .toctoggle {
	display: none;
}

.floatTOC {
	transition: 0.2s all ease;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	border: none;
	background: #f6f6f6;
	font-size: 0.8em;
	max-width: 10em;
	padding: 1.2em;
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.floatTOC ul ul {
	margin: 0 0 0 0.75em;
}

.floatTOC:hover {
	max-width: 1000em;
	overflow: auto;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

.floatTOC > * {
	transition: 1s all ease;
	opacity: 0.5;
}

.floatTOC:hover > * {
	opacity: 1;
}

.floatTOC .tocnumber {
	display: none;
}

.floatTOC a {
	color: #000;
}

.floatTOC .toctoggle {
	display: none;
}

Fix the transition between widths by using max-with

http://n12v.com/css-transition-to-from-auto/


/* Copyright (c) 2012 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. */

.timeline-analysis {
    -webkit-user-select: text;
    font-family: monospace;
    white-space: pre;
}

.timeline-slice {
    border-spacing: 4px 0;
}
.timeline-slice-header {
    text-align: left;
}
.timeline-slice-col-0 {
}
.timeline-slice-col-1 {
}

.timeline-slices {
    border-spacing: 4px 0;
}
.timeline-slices-header {
    text-align: left;
}
.timeline-slices-col-0 {
}
.timeline-slices-col-1 {
    text-align: right;
}
.timeline-slices-col-2 {
    text-align: right;
}

.timeline-counter {
    border-spacing: 4px 0;
}
.timeline-counter-header {
    text-align: left;
}
.timeline-counter-col-0 {
}
.timeline-counter-col-1 {
}

/* Copyright (c) 2012 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. */

.timeline-analysis {
    font-family: monospace;
    white-space: pre;
}
.timeline-analysis * {
   -webkit-user-select: text !important;
}

.timeline-slice {
    border-spacing: 4px 0;
}
.timeline-slice-header {
    text-align: left;
}
.timeline-slice-col-0 {
}
.timeline-slice-col-1 {
}

.timeline-slices {
    border-spacing: 4px 0;
}
.timeline-slices-header {
    text-align: left;
}
.timeline-slices-col-0 {
}
.timeline-slices-col-1 {
    text-align: right;
}
.timeline-slices-col-2 {
    text-align: right;
}

.timeline-counter {
    border-spacing: 4px 0;
}
.timeline-counter-header {
    text-align: left;
}
.timeline-counter-col-0 {
}
.timeline-counter-col-1 {
}

Make text in the analysis area selectable.

BUG=24
TEST=select slice, counter, etc; select text from anaylsis area

Review URL: https://codereview.appspot.com/6301091

git-svn-id: 3a56fcae908c7e16d23cb53443ea4795ac387cf2@31 0e6d7f2b-9903-5b78-7403-59d27f066143


.recipient, .thread, .message {
  border: 1pt solid black;
}

body {
  background-color: #F0F0F0;
  font-family: sans-serif;
  font-size: 75%;
}

div { margin: 0.5em;padding:0.5em }

.nav { display:inline-block;float:left;background-color:#F4F4F4;border: 1pt solid black;}
.content {margin-left:0%;float:left;max-width:80%;}

.recipient { background-color:#F8F8F8;}
.thread, .nav { background-color:#FCFCFC;}
.message { background-color:#FEFEFE;}

.sent { background-color:#CCCCFF;}

.footer { clear:both; }

.new_messages {
  border: 1pt solid black;
  background-color:#ffcccc;
  }

.new {
  font-weight:bold;
}

ul {margin-left:1em;padding-left:0;}
ul li {margin-left:0;padding-left:0;}

form.button {display:inline;float:left;margin-right:0.5em;margin-bottom:0.25em;}
form.inline {display:inline;}
input.small_button, select.small{font-size:0.75em;font-weight:bold;}

.small{font-size:0.75em;}

.clear{clear:both;margin:0;padding:0;}

.recipient, .thread, .message {
  border: 1pt solid black;
}

body {
  background-color: #F0F0F0;
  font-family: sans-serif;
  font-size: 75%;
}

div { margin: 0.5em;padding:0.5em }

.nav { display:inline-block;float:left;background-color:#F4F4F4;border: 1pt solid black;}
.content {margin-left:0%;float:left;max-width:80%;}

.recipient { background-color:#F8F8F8;}
.thread, .nav { background-color:#FCFCFC;}
.message { background-color:#FEFEFE;}

.sent { background-color:#CCCCFF;}

.footer { clear:both; }

.new_messages {
  border: 1pt solid black;
  background-color:#ffcccc;
  }

.new {
  font-weight:bold;
}

ul {margin-left:1em;padding-left:0;}
ul li {margin-left:0;padding-left:0;font-size:0.9em;}

form.button {display:inline;float:left;margin-right:0.5em;margin-bottom:0.25em;}
form.inline {display:inline;}
input.small_button, select.small{font-size:0.75em;font-weight:bold;}

.small{font-size:0.75em;}

.clear{clear:both;margin:0;padding:0;}

Make sidebar menu entries smaller

Make sidebar menu entries smaller


body {
    margin: 0;
    padding: 0;
}
.top,
.bottom {
    height: 350px;
}
.top {
    background-color: #e0e0e0;
}
.bottom {
    background-color: #333;
    position: relative;
}
.buttons {
    margin: 2rem;
}
/* This is all you need */
.progress {
    position: absolute;
    background-color: #333;
    width: 0;
    height: 5px;
    transition: width 1s ease,
                height .2s ease;
}

body {
    margin: 0;
    padding: 0;
}
.top,
.bottom {
    height: 350px;
}
.top {
    background-color: #e0e0e0;
}
.bottom {
    background-color: #333;
    position: relative;
}
.buttons {
    margin: 2rem;
}
/* This is all you need */
.progress {
    position: absolute;
    background-color: #333;
    width: 0;
    height: 5px;
    z-index: 9999;
    transition: width 1s ease,
                height .2s ease;
}

Add z-index to progress CSS

Add z-index to progress CSS


/*!
 * Start Bootstrap - Full (http://startbootstrap.com/template-overviews/full)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full/blob/master/LICENSE)
 */

body {
    background: url('../assets/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    font-family: "Ubuntu"
    color: "fff"
}

.navbar-brand::after {
  content: " </>"
}

/*!
 * Start Bootstrap - Full (http://startbootstrap.com/template-overviews/full)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full/blob/master/LICENSE)
 */

body {
    background: url('../assets/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    font-family: "Ubuntu";
    color: #ffffff;
}

.navbar-brand::after {
  content: " </>";
}

Update css with colour, font and branding.


html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
    background: #ccc;
}

.header {
    background: #555;
}

.content {
    padding: 12px 0;
}

/* Pushed down footer*/
.non-footer {
  min-height: 100%;
  height: auto !important;
  height: 100%;

  margin: 0 auto -100px;
  padding: 0 0 100px;
}

.footer {
    background: #555;
    height: 100px;
}

.footer .container {
    padding-top: 12px;
    padding-bottom: 12px;
}

a span.black {
    color: #333;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #f5f5f5;
}

.header {
    background: #E66116;
    color: #DFDFDF;
    height: 280px;
    text-align: center;
}

.header h1 {
    margin: 48px auto 24px auto;
    font-size: 2.2em;
}

.header h2 {
    margin: 24px auto 48px auto;
    font-size: 2.6em;
}

.header a {
    color: #6F0909;
}

.header .nav {
    margin: 32px auto;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #6F0909;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #CC5613;
    color: #DFDFDF;
}

.content {
    padding: 12px 0;
}

/* Pushed down footer*/
.non-footer {
    min-height: 100%;
    height: auto !important;
    height: 100%;

    margin: 0 auto -160px;
    padding: 0 0 160px;
}

.footer {
    background: #E66116;
    color: #DFDFDF;
    height: 160px;
}

.footer a {
    color: #6F0909;
}

.footer .container {
    padding-top: 12px;
    padding-bottom: 12px;
}

a span.black {
    color: #333;
}

Update css for large orange sections

Update css for large orange sections


html {
    height: 100%;
}

#graphview {
    display: block;
    position: fixed;
    left: 481px;
    top: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#graphview svg {
    width: 100%;
    height: 100%;
}

#thebox {
    left: 5px;
    top: 5px;
    display: block;
    position: absolute;
    width: 480px;
    bottom: 0px;
}

#thebox .nav-tabs .active {
    background-color: tomato;

}

#thebox .tab-content {
    max-height: 300px;
    overflow: scroll;
}

.popover {
    min-width: 600px !important;
}

.tgl {
    cursor: pointer;
}

span.terminal-cursor {
    border-left-color: #04663e;
    border-left-width: 2px;
    border-left-style: solid;
    margin-left: -2px;
}

}

Add blinking caret in repl

Add blinking caret in repl


.ui.cards.results {
	border: none;
	border-radius: unset;
	box-shadow: unset;
	display: flex;
}
.ui.cards.results > .card {
	display: flex;
	padding: 0;
}
.ui.cards.results > .card > .content{
	margin: 0 !important;
}
.ui.cards.results > .card > .image{
	width: unset;
	height: unset;
}
.ui.embed[class*="1:1"] {
    position: relative;
    background-color: #002b36 !important;
    margin: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.ui.fluid.search {
    margin: 1.75em 0;
}
canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ui.cards.results {
	border: none;
	border-radius: unset;
	box-shadow: unset;
	display: flex;
}
.ui.cards.results > .card {
	display: flex;
	padding: 0;
}
.ui.cards.results > .result > .content {
	margin: 0 !important;
}
.ui.cards.results > .result > .image {
	height: auto;
	width: auto;
}
.ui.cards.results > .result > .image img {
    height: initial;
    width: initial;
}
.ui.embed[class*="1:1"] {
    position: relative;
    background-color: #002b36 !important;
    margin: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.ui.fluid.search {
    margin: 1.75em 0;
}
canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

Make custom CSS work with Google Chrome

Make custom CSS work with Google Chrome


.avatar {
	float: left;
	margin-right: 5%;
}

.text {
	padding-left: 1%;
	float: left;
	max-width: 33%;
	font-size: 24px;
}

.text p {
	margin-bottom: 10%;
}

.links a {
	text-decoration: none;
	padding: .5em 1em .5em 0em;
}

.links li {
	list-style-type: none;
	display: inline-block;
	margin-bottom: 3%;
}

article ul {
	padding: 0px;
	margin: 0px;
}

.avatar {
	float: left;
	margin-right: 5%;
}

.text {
	padding-left: 1%;
	float: left;
	max-width: 33%;
	font-size: 24px;
}

.text p {
	margin-bottom: 10%;
}

.links a {
	padding: .5em 1em .5em 0em;
}

.links li {
	list-style-type: none;
	display: inline-block;
	margin-bottom: 3%;
}

article ul {
	padding: 0px;
	margin: 0px;
}

Fix hover styling on external links in main index


.miq-toast-wrapper {
  position: fixed;
  top: 20px;
  right: 20px;
  left: 66%;
  bottom: 20px;
  z-index: 10000;
  width: calc(34% - 20px);
}

.miq-toast-wrapper {
  position: fixed;
  top: 20px;
  right: 20px;
  left: 66%;
  z-index: 10000;
  width: calc(34% - 20px);
  max-height: calc(100% - 40px);
  overflow-y: auto;
}

Make the debug toaster auto-adjust its height, scroll when necessary

The debug toaster would previously take the whole vertical space, obscuring buttons when a notification was shown.

This makes it automatically adjust its height and show a scrollbar when too large


body {
  font-size: 14px;
}

#graphic {
  max-width: 100%;
  width: 768px;
  margin: auto;
}

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

.axis path {
  display: none;
}

.tick,
.legend {
  font-size: 12px;
}

.key rect {
  width: 12px;
  height: 12px;
}

body {
  font-size: 14px;
}

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

.axis path {
  display: none;
}

.tick,
.legend {
  font-size: 12px;
}

.key rect {
  width: 12px;
  height: 12px;
}

Remove custom width on linechart edu attainment src


.front_panel {
	width: 20% !important;
}

/**
* Copyright (C) 2009-2012:
*    Gabes Jean, naparuba@gmail.com
*    Gerhard Lausser, Gerhard.Lausser@consol.de
*    Gregory Starck, g.starck@gmail.com
*    Hartmut Goebel, h.goebel@goebel-consult.de
*    Andreas Karfusehr, andreas@karfusehr.de
*
* This file is part of Shinken.
*
* Shinken is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Shinken is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with Shinken.  If not, see <http://www.gnu.org/licenses/>.
*
**/

.front_panel {
	width: 20% !important;
}

Add License css file landing page / skonf


.trComplete{
    text-decoration: line-through;
}
.testgrid td{
    min-width: 50px;
}
.label-search{
    cursor:pointer;
}
.btnComplete:hover{
    background-color: #0b0;
}
.btnDelete:hover{
    background-color: #d00;
}

Add color to complete/delete buttons

Add color to complete/delete buttons


body {
  margin-top: 20px;
}

.cover-art, .artist-image {
  max-height: 16em;
  text-align: center;
}
/* line 55, ../sass/app.scss */
.cover-art img, .artist-image img {
  max-height: inherit;
}

/* line 61, ../sass/app.scss */
.release-group-tile .cover-art, .release-tile .cover-art {
  height: 8em;
  max-height: 8em;
}
.release-group-tile h3, .release-tile h3 {
  margin-top: 0;
}

.release-group-tile, .release-tile {
  margin-bottom: 20px;
}

.release-tiles > :nth-child(2n+1), .release-group-tiles > :nth-child(2n+1) { clear: both; }

.tile-labels { float: right; }

body {
  margin-top: 70px;
}

.cover-art, .artist-image {
  max-height: 16em;
  text-align: center;
}
/* line 55, ../sass/app.scss */
.cover-art img, .artist-image img {
  max-height: inherit;
}

/* line 61, ../sass/app.scss */
.release-group-tile .cover-art, .release-tile .cover-art {
  height: 8em;
  max-height: 8em;
}
.release-group-tile h3, .release-tile h3 {
  margin-top: 0;
}

.release-group-tile, .release-tile {
  margin-bottom: 20px;
}

.release-tiles > :nth-child(2n+1), .release-group-tiles > :nth-child(2n+1) { clear: both; }

.tile-labels { float: right; }

Add some more top padding

Add some more top padding


#facebox .b {
  background:url(b.png);
}

#facebox .tl {
  background:url(tl.png);
}

#facebox .tr {
  background:url(tr.png);
}

#facebox .bl {
  background:url(bl.png);
}

#facebox .br {
  background:url(br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox .b {
  background:url(b.png);
}

#facebox .tl {
  background:url(tl.png);
}

#facebox .tr {
  background:url(tr.png);
}

#facebox .bl {
  background:url(bl.png);
}

#facebox .br {
  background:url(br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

Remove ugliness introduced by Blueprint CSS

* Remove border-bottom from #facebox td (from BP's typography.css)
* Remove margin from #facebox img (also from BP's typography.css)


/* Start remove giant gap on bottom of pages*/
body {
  padding-bottom: 0;
}
.navbar {
  margin-bottom: 0;
}
/*End remove giant gap on bottom of pages*/

/*Remove time from date because it is irrelevant for us*/
.feed-date {
  display: inline-block;
  white-space: nowrap;
  max-width: 9ch;
  overflow: hidden;
  vertical-align: bottom;
}

Remove giant gap on bottom of pages

Theme: Remove giant gap on bottom of pages


/** @define Component **/

.Component {
  color: green;

  .Component-descendant {
    &:active {}
    &.is-active {}
  }

  &.is-stateName {}
  &-descendant {}
  &-descendant--modifier {}
  &--modifier {}
  &:pseudo-class {}
  &:pseudo-element {}
  &::pseudo-element {}
  &[attr] {}
}

.Component-standAloneDescendant {}

@media (min-width: 780px) {
  .Component {
    .Component-descendant {}
  }
}

/** @define ComponentWeak; weak **/

.ComponentWeak {
  .Other {}
}

/** @define Component **/

.Component {
  color: green;

  .Component-descendant {
    &:active {}
    &.is-active {}
  }

  &.is-stateName {}
  &-descendant {}
  &-descendant--modifier {}
  &--modifier {}
  &:pseudo-class {}
  &:pseudo-element {}
  &::pseudo-element {}
  &[attr] {}
}

.Component-standAloneDescendant {}

@media (min-width: 780px) {
  .Component {
    .Component-descendant {}
  }
}

.Component {
  @nest & .Component-nested {
    width: 500px;
  }

  @nest &.is-dark {
    color: white;
  }
}

.Component {
  & .Component-nested {
    width: 500px;
  }

  &.is-dark {
    color: white;
  }
}

/** @define ComponentWeak; weak **/

.ComponentWeak {
  .Other {}
}

Add CSS Nesting Module test fixtures

Add CSS Nesting Module test fixtures

http://tabatkins.github.io/specs/css-nesting/


.zci--alternative_to .tile__icon {
    float: right;
    margin-top: 0;
    margin-right: 0;
}

.zci--alternative_to .tile__description {
    margin-bottom: 0.5em;
    font-weight: inherit;
}

.zci--alternative_to .tile__icon {
    float: right;
    margin-top: 0;
    margin-right: 0;
}

.zci--alternative_to .tile__description {
    margin-bottom: 0.5em;
    font-weight: inherit;
    height: 5.4em;
}

.zci--alternative_to .tile__body {
    height: 13em;
}

Set a height for the tiles.

AlternativeTo: Set a height for the tiles.

Fixes #728


nav.navbar.navbar-default {
    margin-bottom: 0px;
    border-radius: 0px;
}

@media (min-width:768px) {
    .navbar
    {
        border-radius: 0px;
    }
    header .container
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.table > tbody > tr.future {
    background-color: #CBCBCB;
}

.table > tbody > tr.unbalanced {
    background-color: #e74c3c;
    color: white;
}

.table > tbody > tr.selfcancelling {
    background-color: #f9f9f9;
    color: #9a9a9a;
}

nav.navbar.navbar-default {
    margin-bottom: 0px;
    border-radius: 0px;
}

@media (min-width:768px) {
    .navbar
    {
        border-radius: 0px;
    }
    header .container
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.table > tbody > tr.future > td {
    background-color: #CBCBCB !important;
}

.table > tbody > tr.unbalanced > td {
    background-color: #e74c3c !important;
    color: white !important;
}

.table > tbody > tr.selfcancelling > td {
    background-color: #f9f9f9 !important;
    color: #9a9a9a !important;
}

Update så man kan printe med baggrund

Update så man kan printe med baggrund

Hej,

Jeg manglede mulighed for at printe til pdf da jeg skulle sende til min revisor. Ændringerne herover i css filen giver den mulighed da bootstrap overskriver print baggrunden.

Mange tak for et rigtig godt værktøj.

Mvh Thomas


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

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

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

#screen canvas {
    margin: auto;

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

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

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

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

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

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

#screen canvas {
    margin: auto;

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

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

Disable panning/zooming in the page when (MS)PointerEvent is supported


body * {
  display: flex;
  flex-flow: column;
  flex-shrink: 0;
  align-items: stretch;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  touch-action: manipulation;
  -webkit-backface-visibility: hidden;
}

html,
body {
  background: white;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  background: #fff;
}

a,
input,
textarea,
select {
  outline: 0;
  color: #307cff;
}

a:visited, a:active {
  color: #307cff;
}

#layout {
  width: 100%;
  height: 100%;
  overflow: none;
}

#app {
  overflow: auto;
}

p {
  display: block;
  color: #444;
}

p * {
  display: inline;
}

body * {
  display: flex;
  flex-flow: column;
  flex-shrink: 0;
  align-items: stretch;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  touch-action: manipulation;
  -webkit-backface-visibility: hidden;
}

html,
body {
  background: white;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  background: #fff;
}

a,
input,
textarea,
select {
  outline: 0;
  color: #307cff;
}

a:visited, a:active {
  color: #307cff;
}

#app {
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

p {
  display: block;
  color: #444;
}

p * {
  display: inline;
}

Make app full width and height

Make app full width and height


	.header { display: none; }
	.footer { display: none; }
	.printable { display: inline; }
	.noprint { display: none; }

	.green {color: white; background-color: green}
	.red {color: white; background-color: red}
	.blue {color: white; background-color: blue}
	.purple {color: white; background-color: purple}

	.header { display: none; }
	.footer { display: none; }
	.printable { display: inline; }
	.noprint { display: none; }
	.onlyprint { display: inline; }

Remove color classes. Added onlyprint class.


/* Tooling */

@import "lib/custom-properties";

/* Global Navigation: Brand
/* ========================================================================== */

.esri-gnav-brand {
	@apply --link;

	align-items: center;
	color: var(--mono-20);
	display: flex;
	fill: currentColor;

	@media (--gnav-s) {
		margin: * auto;
		padding: * 12px;
	}

	@media (--gnav-m) {
		margin-right: auto;
		padding: * 12px;
	}

	@media (--gnav-l) {
		padding: * 24px;
	}

	&:matches(:hover, :focus) {
		color: var(--mono-0);
	}
}

.esri-gnav-brand-image {
	@apply --fillable;

	height: 30px;
}

/* Tooling */

@import "lib/custom-properties";

/* Global Navigation: Brand
/* ========================================================================== */

.esri-gnav-brand {
	@apply --link;

	align-items: center;
	color: var(--mono-20);
	display: flex;
	fill: currentColor;

	@media (--gnav-s) {
		margin: * auto;
		padding: * 12px;
	}

	@media (--gnav-m) {
		margin-right: auto;
		padding: * 12px;
	}

	@media (--gnav-l) {
		padding: * 24px;
	}

	&:matches(:hover, :focus) {
		color: var(--mono-0);
	}
}

.esri-gnav-brand-image {
	@apply --fillable;

	height: 30px;
	max-width: 100%;
}

Allow logo to shrink at small screen sizes


.sc-section-label {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10px;
  color: #777;
}

.sc-section-label {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10px;
  color: #777;
  cursor: default;
}

Use a default cusrser for section labels.


.reveal a {
	color: #222;
	text-decoration: none;
}

.reveal h2 a {
	border-bottom: 1px dashed #222;
}

.reveal h2 a:hover {
	border-bottom: 1px dashed #222;
}

.reveal section img.undecorated {
	border: none;
	box-shadow: none;
	background: none;
}

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

.reveal .heading-overlay {
	padding: 40px 0;
	background-color: rgba(255,255,255,1);
}

.reveal .fa-ul {
	list-style: none;
}

.reveal .profile_pic img {
	margin: 0;
	height: 200px;
	width: 200px;

	border: none;
	border-radius: 50%;
}

.reveal .profile_pic p {
	font-size: 18px;
	text-align: center;
	margin: 2px auto;
}

#title-slide-part-1 h1 {
	text-transform: none!important;
}

.reveal .no-text-transform {
	text-transform: none!important;
}

Add rule to turn off text transform

Add rule to turn off text transform


html, body { height: 100%; }

.main-info {
  text-align: center;
}

.mad-money-transition {
  transition: all .5s ease;
  opacity: 1;
}

.mad-money-enter {
  opacity: 0;
}
.mad-money-leave {
  opacity: 0;
}

.main-info table {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.main-info input.page-reads {
  display: inline;
  width: 50vh;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5;
  padding: 0 100px;

  display: flex;
  justify-content: flex-end;
}

footer > * {
  padding: 0 20px;
}

footer .hosted-by {
  text-align: right;
}

html, body { height: 100%; }

.main-info {
  text-align: center;
}

.mad-money-transition {
  transition: all .5s ease;
  opacity: 1;
}

.mad-money-enter {
  opacity: 0;
}
.mad-money-leave {
  opacity: 0;
}

.main-info table {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.main-info table thead th {
  text-align: center;
}

.main-info input.page-reads {
  display: inline;
  width: 50vh;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5;
  padding: 0 100px;

  display: flex;
  justify-content: flex-end;
}

footer > * {
  padding: 0 20px;
}

footer .hosted-by {
  text-align: right;
}

Clean up the table a little bhit.

Clean up the table a little bhit.


.header {
  flex: 1;
  flex-wrap: wrap;
  /*height: 50px;*/
  display: flex;
  align-items: center;
  padding-top: 9px;
  padding-bottom: 9px;
}

.primaryLogo {
  display: inline-block;
  margin-top: 8px;
  font-family: Avenir Next, Verdana, Helvetica;
  letter-spacing: 1px;
  font-weight: 500;
}

.navLeft {
  flex: 1;
  order: 1;
  display: flex;
  justify-content: flex-start;
}

.searchBox {
  flex: 3;
  order: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 984px;
}

.userNav {
  flex: 1;
  display: flex;
  order: 3;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 1500px) {
  .searchBox {
    flex: 2;
  }
}

.header {
  flex: 1;
  flex-wrap: wrap;
  /*height: 50px;*/
  display: flex;
  align-items: center;
  padding-top: 9px;
  padding-bottom: 9px;
}

.primaryLogo {
  display: inline-block;
  margin-top: 8px;
  font-family: Avenir Next, Verdana, Helvetica;
  letter-spacing: 1px;
  font-weight: 500;
}

.navLeft {
  flex: 1;
  order: 1;
  display: flex;
  justify-content: flex-start;
}

.searchBox {
  flex: 3;
  order: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 982px;
}

.userNav {
  flex: 1;
  display: flex;
  order: 3;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 1500px) {
  .searchBox {
    flex: 2;
  }
}

Adjust width of search bar

Adjust width of search bar


.button-primary,
.button-plain {
    align-items: center;
    background: transparent;
    border: 0;
    cursor: default;
    display: flex;
    font-family: inherit;
    font-size: inherit;
    justify-content: center;
    outline: 0;
    padding: 0;
    text-decoration: none;
}

.button-primary {
    border-radius: 1px;
    box-shadow: 0 0 0 1px currentColor;
    min-height: 35px;
    padding: 0 16px;
}

.button-primary {
    align-items: center;
    background: transparent;
    border: 0;
    cursor: default;
    display: flex;
    font-family: inherit;
    font-size: inherit;
    justify-content: center;
    outline: 0;
    padding: 0;
    text-decoration: none;
    user-select: none;
}

.button-primary {
    border-radius: 1px;
    box-shadow: 0 0 0 1px currentColor;
    min-height: 35px;
    padding: 0 16px;
}

.button-primary.-success {
    background-color: var(--brand-success);
    box-shadow: 0 0 0 1px var(--brand-success);
    color: var(--highlight-fg);
}

Add success variant to primary button

Add success variant to primary button


body {
    margin: 0;
}

.nav-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}

Move the nav bar to center

Move the nav bar to center


.Controls {
  position: fixed;
  left: 50%;
  top: 50%;

  width: 200px;
  height: 400px;

  background-color: white;
  border: 1px black solid;

  padding: 20px;
  margin-left: -600px;
  margin-top: -200px;

  z-index: 3;
}

.Controls {
  position: fixed;
  left: 50%;
  top: 50%;

  width: 200px;
  height: 400px;

  background-color: white;
  border: 1px black solid;

  padding: 20px;
  margin-left: -600px;
  margin-top: -200px;

  user-select: none;

  z-index: 3;
}

Add user-select none to controls

Add user-select none to controls


.title {
  text-align: center;
}

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

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

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

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

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

Change input field font size

Change input field font size


.fragment-content {
    word-wrap: break-word;
    background-color: white;
}

.fragment-content table
,.fragment-content tr
,.fragment-content th
,.fragment-content td
{
    border: 1px solid lavender;
    border-collapse: collapse;
    width: 1%;
/*     white-space: nowrap; */
}

.fragment-content pre {
    background-color: whitesmoke;
    white-space: pre-wrap;
    word-break: break-all;
}

.fragment-content blockquote p {
	margin: 0px 0px 0px 0px;
}

.fragment-content blockquote {
    border: 1px solid slategray;
    margin: 3px 10px 10px 10px;
    padding-left: 6px;
}

.fragment-content blockquote blockquote {
    border: 1px solid lavender;
    margin: 6px 18px 3px 18px;
    padding-left: 6px;
}

.fragment-content hr {
    border:thin solid lightgray;
}

.fragment-content ul ul {
    list-style-type: square;
}

.fragment-content ul ul ul {
    list-style-type: circle;
}

.fragment-content ol ol {
    list-style-type: lower-roman;
}

.fragment-content ol ol ol {
    list-style-type: lower-alpha;
}

.fragment-content {
    word-wrap: break-word;
    background-color: white;
}

.fragment-content table
,.fragment-content tr
,.fragment-content th
,.fragment-content td
{
    border: 1px solid lavender;
    border-collapse: collapse;
    width: 1%;
    white-space: nowrap;
}

.fragment-content pre {
    background-color: whitesmoke;
}

.fragment-content blockquote p {
	margin: 0px 0px 0px 0px;
}

.fragment-content blockquote {
    border: 1px solid slategray;
    margin: 3px 10px 10px 10px;
    padding-left: 6px;
}

.fragment-content blockquote blockquote {
    border: 1px solid lavender;
    margin: 6px 18px 3px 18px;
    padding-left: 6px;
}

.fragment-content hr {
    border:thin solid lightgray;
}

.fragment-content ul ul {
    list-style-type: square;
}

.fragment-content ul ul ul {
    list-style-type: circle;
}

.fragment-content ol ol {
    list-style-type: lower-roman;
}

.fragment-content ol ol ol {
    list-style-type: lower-alpha;
}

Revert "[update] changed fragment content word wrapping style"

This reverts commit 04e0710effa71133d932a1a3631f308bf307d6e1.


@font-face {
  font-family: 'ReactorIcons';
  src: url('font/reactor-icons.eot');
  src: url('font/reactor-icons.eot') format('embedded-opentype'),
    url('font/reactor-icons.woff2') format('woff2'),
    url('font/reactor-icons.woff') format('woff'),
    url('font/reactor-icons.ttf') format('truetype'),
    url('font/reactor-icons.svg#Purchased') format('svg');
  font-weight: normal;
  font-style: normal;
}

.reactor-icons {
  display: inline-block;
  font: normal normal normal 14px/1 ReactorIcons;
  font-size: 15px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.reactor-icons-timeline:before {
  content: "\f100";
}

@font-face {
  font-family: "ReactorIcons";
  src: url("font/reactor-icons.eot");
  src: url("font/reactor-icons.eot") format("embedded-opentype"),
    url("font/reactor-icons.woff2") format("woff2"),
    url("font/reactor-icons.woff") format("woff"),
    url("font/reactor-icons.ttf") format("truetype"),
    url("font/reactor-icons.svg#Purchased") format("svg");
  font-weight: normal;
  font-style: normal;
}

.reactor-icons {
  display: inline-block;
  font: normal normal normal 14px/1 ReactorIcons;
  font-size: 15px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.reactor-icons-timeline:before {
  content: "\f100";
}

Use double quotation marks in css

Use double quotation marks in css


body {
    padding-top: 70px;
    background-color: #FFFFFF;
    color: #2c2f33;
}

body {
    padding-top: 70px;
    background-color: #999999;
    color: #2c2f33;
}

Change background back to grey

Change background back to grey

Tried this while we were live on the localhost.


.chapterLink {
  line-height: 42px;
  color: var(--theme-widget-primary-color);
  text-decoration: none;
  position: relative;
  display: block;
  font-family: inherit;
  font-weight: 700;
  font-size: 1rem;
  height: 42px;
  white-space: nowrap;
  padding: 0 10px;
  margin: 4px 0;
}

.chapterLink:hover,
.chapterLinkActive {
  color: var(--theme-accent-color);
}

.summary {
  display: none;
}

/* mobile view */
@media (max-width: 780px) {
  .summary {
    display: block;
  }
}

@media (max-width: 780px) {
  .tooltipBubble {
    display: none !important;
  }
}

.chapterLink {
  composes: typography-defaultNavigationChapterLink from global;
  line-height: 42px;
  color: var(--theme-widget-primary-color);
  text-decoration: none;
  position: relative;
  display: block;
  font-family: inherit;
  font-weight: 700;
  font-size: 1rem;
  height: 42px;
  white-space: nowrap;
  padding: 0 10px;
  margin: 4px 0;
}

.chapterLink:hover,
.chapterLinkActive {
  color: var(--theme-accent-color);
}

.chapterLinkActive {
  composes: typography-defaultNavigationActiveChapterLink from global;
}

.summary {
  display: none;
}

/* mobile view */
@media (max-width: 780px) {
  .summary {
    display: block;
  }
}

@media (max-width: 780px) {
  .tooltipBubble {
    display: none !important;
  }
}

Make typography of navigation chapter links configurable

REDMINE-19429


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

.monaco-workbench .terminal-widget-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.monaco-workbench .terminal-message-widget {
	font-size: 14px;
	line-height: 19px;
	padding: 4px 5px;
	animation: fadein 100ms linear;
	white-space: nowrap;
	/* Must be drawn on the top of the terminal's canvases */
	z-index: 20;
}

.monaco-workbench .terminal-message-widget p {
	margin: 0px;
}

.monaco-workbench .terminal-message-widget a {
	color: #3794ff;
}

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

.monaco-workbench .terminal-widget-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.monaco-workbench .terminal-message-widget {
	font-size: 12px;
	line-height: 19px;
	padding: 4px 8px;
	animation: fadein 100ms linear;
	white-space: nowrap;
	/* Must be drawn on the top of the terminal's canvases */
	z-index: 20;
}

.monaco-workbench .terminal-message-widget p {
	margin: 0px;
}

.monaco-workbench .terminal-message-widget a {
	color: #3794ff;
}

Tweak numbers to bring in line with editor tooltip


#second_1 {
display: block;
position: relative;
top: 340px;
left: 100px;

}

#second_3 {
display: block;
position: relative;
top: 780px;
left: 100px;

}

#second_4 {
display: block;
position: relative;
top: 820px;
left: 100px;

}
#second_5 {
display: block;
position: relative;
top: 1100px;
left: 100px;

}

#second_1 {
display: block;
position: relative;
top: 340px;
left: 100px;

}

#second_3 {
display: block;
position: relative;
top: 780px;
left: 100px;

}

#second_4 {
display: block;
position: relative;
top: 820px;
left: 100px;

}
#second_5 {
display: block;
position: relative;
top: 1200px;
left: 100px;

}

Fix second 5 in week

Fix second 5 in week


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

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

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

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

.ace_cursor {
  animation: none !important;
}

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

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

Disable cursor animation in ACE editor

firefox: Disable cursor animation in ACE editor

Increases CPU usage, and matches cursor configuration in other editors.


/* @@author A0139177W */
.error {
    -fx-background-color: pink;
}

.success {
    -fx-background-color: green;
}

.tag-selector {
    -fx-border-width: 1;
    -fx-border-color: white;
    -fx-border-radius: 3;
    -fx-background-radius: 3;
}

.tooltip-text {
    -fx-text-fill: white;
}

/* @@author A0139177W */
.error {
    -fx-background-color: pink;
}

.success {
    -fx-background-color: lightgreen;
}

.tag-selector {
    -fx-border-width: 1;
    -fx-border-color: white;
    -fx-border-radius: 3;
    -fx-background-radius: 3;
}

.tooltip-text {
    -fx-text-fill: white;
}

Change success color to lightgreen

Change success color to lightgreen


.jog {
	float:left;
	width:80%;
}

.tempo-container{
	width:10%;
	float:right
}

.jog {
	float:left;
	width:80%;
	-moz-user-select: none;
	-webkit-user-drag: none;
	user-drag: none;
}

.tempo-container{
	width:10%;
	float:right
}

Disable the drag on the jog wheels

Disable the drag on the jog wheels


/**
 * Pseudo upload button styling
 * 1. Support: Chrome 48+
 *    Details: Border is still present at certain screen sizes with a width of 0, a border of 0, a transparent background and positioned to the left of 0
 *    Fix: Setting left to -1px fixes the issue.
 * 2. Style pseudo upload as needed, should be a span or div - do not use a button or anchor
 * 3. Support: Chrome 49+
 *
 * Example Usage:
 *
 *     Upload
 *     <input id="files" type="file" class="c-pseudo-upload-input" />
 *
 */

.c-pseudo-upload-wrapper{ position: relative; overflow: hidden;display: inline-table; }
.c-pseudo-upload{/* 2 */}
.c-pseudo-upload-wrapper .c-pseudo-upload-input{ position: absolute; width: 0; background: transparent; outline: none; border: 0; left:-1px/* 1 */; z-index:-1 /* 3 */; }

/**
 * Pseudo upload button styling
 * 1. Support: Chrome 48+
 *    Details: Border is still present at certain screen sizes with a width of 0, a border of 0, a transparent background and positioned to the left of 0
 *    Fix: Setting left to -1px fixes the issue.
 * 2. Style pseudo upload as needed, should be a span or div - do not use a button or anchor
 * 3. Support: Chrome 49+
 *    Details: Unable to style inline elements (For example:) with a hover due to z-indexing issue.
 *
 * Example Usage:
 *
 *     Upload
 *     <input id="files" type="file" class="c-pseudo-upload-input" />
 *
 */

.c-pseudo-upload-wrapper{ position: relative; overflow: hidden;display: inline-table; }
.c-pseudo-upload{/* 2 */}
.c-pseudo-upload-wrapper .c-pseudo-upload-input{ position: absolute; width: 0; background: transparent; outline: none; border: 0; left:-1px/* 1 */; z-index:-1 /* 3 */; }

Update comment from o- prefix to c- prefix


.picturefill img,
.typography img {
	max-width: 100%;
	height: auto;
}

/* Hide the controls for a carousel if it only has one item.
 */
.carousel.items-1 .carousel-control,
.carousel.items-1 .carousel-indicators {
	display: none;
}

form .optionset ul li,
form .checkboxset ul li {
	list-style: none;
}
form .optionset input[type="radio"],
form .checkboxset input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}
form input[type="radio"],
form input[type="checkbox"] {
	display: inline-block;
	width: auto;
	height: auto;
}

Fix a few problems with checkbox and radio inputs in forms.


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

.page {
    max-width: 850px;
    margin: 0 auto;
}

.big-spacing {
    margin-top: 80px;
    margin-bottom: 80px;
}

.small-spacing {
    margin-top: 40px;
    margin-bottom: 40px;
}

.tasks {
    list-style: none;
}

.tasks li {
    background: url('../img/todo.png') no-repeat 7px 7px transparent;
    margin: 0;
    padding: 0px 0px 1px 48px;
    vertical-align: middle;
}

.tasks li.done {
    background: url('../img/done.png') no-repeat 7px 7px transparent;
}

Update Hack4LT image max dimensions.

Update Hack4LT image max dimensions.


/* https://bitsofco.de/holy-grail-layout-css-grid */
:root {
  --lighter:  #ccc;
  --lightest: #fff;
  --darker:   #999;
  --darkest:  #444;
  --background: pink;
}

header, footer
  { background: var(--darker) }

aside { background: var(--background) }

Fix TSU for styling aside

Fix TSU for styling aside


.file-uploader-items {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.file-uploader-button {
	line-height: 44px;
}
.file-uploader-button a {
	background-color: var(--normal-background);
	border-radius: 4px;
	color: var(--white-text);
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	line-height: 22px;
}

.file-uploader-button a:hover,
.file-uploader-button a:focus,
.file-uploader-button a:active {
	background-color: var(--normal-dark-background);
	color: var(--white-text);
}

.file-uploader-button label input {
	display: none;
}

.file-uploader-button label {
	display: block;
	width: 100%;
	height: 100%;
	padding:  5px 16px;
	cursor: pointer;
}
@-moz-document url-prefix() {
	.file-uploader-button label {
		padding:  4px 16px 6px;
	}
}

.file-uploader-items li {
	margin-right: 17px;
}
.file-uploader-items .empty { margin-right: 0; }

.file-uploader-items {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.file-uploader-button {
	line-height: 44px;
}
.file-uploader-button a {
	background-color: var(--normal-background);
	border-radius: 4px;
	color: var(--white-text);
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	line-height: 22px;
}

.file-uploader-button a:hover,
.file-uploader-button a:focus,
.file-uploader-button a:active {
	background-color: var(--normal-dark-background);
	color: var(--white-text);
}

.file-uploader-button label input {
	display: block;
}
.auto-submit .file-uploader-button label input {
	display: none;
}

.file-uploader-button label {
	display: block;
	width: 100%;
	height: 100%;
	padding:  5px 16px;
	cursor: pointer;
}
@-moz-document url-prefix() {
	.file-uploader-button label {
		padding:  4px 16px 6px;
	}
}

.file-uploader-items li {
	margin-right: 17px;
}
.file-uploader-items .empty { margin-right: 0; }

Update configuration for file controls

Update configuration for file controls


:root {
  font-size: 15px;
}

.rounded-0 {
  border-radius: 0 !important;
}

.hidden {
  display: none !important;
}

.bg-white.sticky-top {
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: #fff;
}
.bg-white.sticky-top .btn-group {
  margin-top: 4px;
}

Add sticky position for bar with execute button


body {
  margin: 1em;
}

#toctitle {
  margin-top: 0.5em;
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6, #toctitle {
  color: #527bbd;
  font-family: sans-serif;
}

h1, h2, h3 {
  border-bottom: 2px solid silver;
}

p {
  margin: 0.5em 0 0.5em 0;
}
li p {
  margin: 0.2em 0 0.2em 0;
}

.listingblock > .content {
  border: 2px solid silver;
  background: #ebebeb;
  margin-left: 2em;
  width: 100em;
  color: darkgreen;
  padding: 2px;
}

.listingblock > .content pre {
  background: none;
  border: 0 solid silver;
  padding: 0 0 0 0;
}

dl dt {
  margin-top: 1em;
}

table.tableblock {
  border-collapse: collapse;
}

table.tableblock,
th.tableblock,
td.tableblock {
  border: 1px solid #EEE;
}

body {
  margin: 1em auto;
  width: 900px;
}

#toctitle {
  margin-top: 0.5em;
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6, #toctitle {
  color: #527bbd;
  font-family: sans-serif;
}

h1, h2, h3 {
  border-bottom: 2px solid silver;
}

p {
  margin: 0.5em 0 0.5em 0;
}
li p {
  margin: 0.2em 0 0.2em 0;
}

.listingblock > .content {
  border: 2px solid silver;
  background: #ebebeb;
  margin-left: 2em;
  width: 100em;
  color: darkgreen;
  padding: 2px;
}

.listingblock > .content pre {
  background: none;
  border: 0 solid silver;
  padding: 0 0 0 0;
}

dl dt {
  margin-top: 1em;
}

table.tableblock {
  border-collapse: collapse;
}

table.tableblock,
th.tableblock,
td.tableblock {
  border: 1px solid #EEE;
}

Set page width to 900px centered

Documentation: Set page width to 900px centered

There is currently no width restriction on documentation pages,
which means long paragraphs take up the entire width of the browser
window.

On widescreen monitors this makes it uncomfortable to view the
documentation.

Fix the width to 900px, and make the content centered.

Change-Id: Iffdd4a113997685da5669e1eb2d6d5666b846357


.sc-theme .sc-menu-item.focus a {
  color: #fff;
  background-color: #5A8EC6;
}

.sc-menu-item div.checkbox {
  background-image: sc_static('icons/mini_454545');
  background-position: -66px -147px;
}

.sc-menu-item.focus div.checkbox {
  background-image: sc_static('icons/mini_ffffff');
  margin: 3px 1px 3px 1px;
}

.sc-theme .sc-menu-item.focus a {
  color: #fff;
  background-color: #5A8EC6;
}

.sc-menu-item div.checkbox {
  background-image: sc_static('icons/mini_454545');
  background-position: -66px -147px;
}

.sc-menu-item.focus div.checkbox {
  background-image: sc_static('icons/mini_ffffff');
}

.sc-theme .sc-menu-item .separator {
  margin: 3px 1px 3px 1px;
}

Clean up CSS syntax error after merge.

Clean up CSS syntax error after merge.