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

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

Change second block technical relative stylesheet


.redlink, .redlink:hover, .redlink:active, .redlink:focus {
	color: #c00;
}

p, li {
	text-align: justify;
	hyphens: auto;
}

#txtContent {
	height: 450px;
	font-family: monospace;
}

.CodeMirror {
    height: 450px;
}

.tocify {
	width: 100%;
	position: relative;
	margin: 0;
	border: 0;
	border-radius: 0;
	overflow: visible;
}

.tocify-subheader {
	display: initial;
}

.tocify li, .tocify-subheader li {
	hyphens: manual;
	text-align: left;
}

#panel-toc-heading {
	cursor: pointer;
}

#panel-toc-body {
	display: none;
}

#panel-sidebar-heading {
	cursor: pointer;
}

.repos-bottom {
	margin-top: 50px;
}

.main-content {
	font-size: 14pt;
	line-height: 150%;
}

.redlink, .redlink:hover, .redlink:active, .redlink:focus {
	color: #c00;
}

.main-content p, li {
	text-align: justify;
	hyphens: auto;
}

#txtContent {
	height: 450px;
	font-family: monospace;
}

.CodeMirror {
    height: 450px;
}

.tocify {
	width: 100%;
	position: relative;
	margin: 0;
	border: 0;
	border-radius: 0;
	overflow: visible;
}

.tocify-subheader {
	display: initial;
}

.tocify li, .tocify-subheader li {
	hyphens: manual;
	text-align: left;
}

#panel-toc-heading {
	cursor: pointer;
}

#panel-toc-body {
	display: none;
}

#panel-sidebar-heading {
	cursor: pointer;
}

.repos-bottom {
	margin-top: 50px;
}

.main-content {
	font-size: 14pt;
	line-height: 150%;
}

Disable justified text everywhere but in main content


/* Cleaner for Excite translation */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://www.excite.co.jp/world/") {
  #contents > :not(#transForm):not(#webPageMin):not(#techDict):not(.content),
  #sidebar, #exUnderNav, #exFooter, #afterBox, #excite_slidead_wrap,
  .ad728 {
    display: none !important;
  }

  #container {
    width: auto !important;
    float: initial !important;
    margin: 0 !important;
  }

  #wrapper, #nav, #wrapperInner {
    width: 80% !important;
  }

  #contents { margin: 0 !important; }
}

/* Cleaner for Excite translation */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://www.excite.co.jp/world/") {
  #contents > :not(#transForm):not(#webPageMin):not(#techDict):not(.content),
  #sidebar, #exUnderNav, #exFooter, #afterBox, #excite_slidead_wrap,
  .ad728 {
    display: none !important;
  }

  #container {
    width: auto !important;
    float: initial !important;
    margin: 0 !important;
  }

  #wrapper, #nav, #wrapperInner {
    width: 85vw !important;
  }

  #contents { margin: 0 !important; }
}

Use vw for screen size based layout

Use vw for screen size based layout


html {
  font: 100%/175% Ubuntu, sans-serif;
}

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

.plan ul ul {
  padding-left: 1.25em;
}

.plan .task.task-has-children {
  margin-top: 0.5em;
}

.plan .task-data {
  width: 100%;
  border-spacing: 0;
}

.plan .task-done {
  width: 1.5em;
  text-align: center;
}

.plan .task-title {
  /* Use 0% opacity instead of "transparent" to avoid awkward gaps */
  border: 1px solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-radius: 4px;
  white-space: pre-wrap;
}

.plan.idle .task-title {
  /* Give the whole cell that cursor, not just the text inside */
  cursor: text;
}

.plan.idle .task-title:hover {
  border-color: #ccc;
}

.plan.idle .task-title:active,
.plan.editing .task-title[contenteditable="true"] {
  border-color: #333;
}

.plan.locked {
  cursor: default;
  color: #999;
}

html {
  font: 100%/125% Ubuntu, sans-serif;
}

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

.plan ul ul {
  padding-left: 1.25em;
}

.plan .task.task-has-children {
  margin-top: 0.5em;
}

.plan .task-data {
  width: 100%;
  border-spacing: 0;
}

.plan .task-done, .plan .task-title {
  padding: 0.4em 0;
  /* Use 0% opacity instead of "transparent" to avoid awkward gaps */
  border: 1px solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-radius: 4px;
}

.plan .task-done {
  width: 1.5em;
  text-align: center;
  vertical-align: baseline;
}

.plan .task-title {
  white-space: pre-wrap;
}

.plan .task-title:focus {
  /* Disable distracting outline on Chrome */
  outline: none;
}

.plan.idle .task-title {
  /* Give the whole cell that cursor, not just the text inside */
  cursor: text;
}

.plan.idle .task-title:hover {
  border-color: #ccc;
}

.plan.idle .task-title:active,
.plan.editing .task-title[contenteditable="true"] {
  border-color: #333;
}

.plan.locked {
  cursor: default;
  color: #777;
}

Adjust styling for massive damage

Adjust styling for massive damage


#subscription_form form > div {
    left: 1rem;
}

#subscription_form form {
    padding-top: 5rem;
}

#subscription_form ul#obb {
    padding-top: 10rem;
}

#subscription_form div#movim input {
    width: calc(100% - 15rem);
    text-align: right;
}

#subscription_form div#movim span {
    color: gray;
    font-weight: bold;
    text-align: left;
    font-size: 2rem;
    top: 4rem;
    float: right;
    position: relative;
    line-height: 3rem;
    padding: 1rem;
    width: 15rem;
    box-sizing: border-box;
}

#subscription_form form > div {
    left: 1rem;
}

#subscription_form form {
    padding-top: 5rem;
}

#subscription_form ul#obb {
    padding-top: 10rem;
}

#subscription_form div#movim input {
    width: calc(100% - 15rem);
    text-align: right;
}

#subscription_form div#movim span {
    color: gray;
    font-weight: bold;
    text-align: left;
    font-size: 2rem;
    top: 4rem;
    float: right;
    position: relative;
    line-height: 2rem;
    padding: 1rem;
    width: 15rem;
    box-sizing: border-box;
}

Fix server CSS alignment in AccountNext

Fix server CSS alignment in AccountNext


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

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

#fourth_from_top {
display: block;
position: relative;
top: 810px;
left: 100px;
}

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

#sixth_from_top {
display: block;
position: relative;
top: 830px;
left: 100px;
}

#seventh_from_top {
display: block;
position: relative;
top: 840px;
left: 100px;
}

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

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

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

#fifth_from_top {
display: block;
position: relative;
top: 830px;
left: 100px;
}

#sixth_from_top {
display: block;
position: relative;
top: 840px;
left: 100px;
}

#seventh_from_top {
display: block;
position: relative;
top: 850px;
left: 100px;
}

Fix second in blog index

Fix second in blog index


@media only screen and (max-width: 767px) {
  .custora-job-status {
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .custora-job-id {
    display: block;
  }

  .custora-job-button-group {
    float: left;
    margin-bottom: 10px;
  }
  .custora-job-button-group .dropdown-toggle {
    width: 40px;
  }
  .custora-job-priority {
    display: block;
    width: 100%;
  }

  .custora-job-tags {
    display: none;
  }

  .custora-job-tag-list {
    display: block;
    list-style: none;
    padding-left: 0px;
  }

  .custora-job-tag-list span {
    padding-top: 3px;
    margin-left: 5px;
    cursor: pointer;
  }

  h3.custora-job-associates {
    margin-left: 15px;
    font-size: 16px;
  }

  .custora-remove-button {
    padding: 6px;
  }

  .custora-remove-icon {
    color: dimgray;
  }
}

@media only screen and (min-width: 768px) {
  .custora-job-tag-list {
    display: none;
  }
}

.custora-job-status {
  margin-top: 0px;
  margin-bottom: 5px;
}

h3.custora-job-associates {
  margin-left: 15px;
  font-size: 16px;
}

.custora-remove-button {
  padding: 6px;
}

.custora-remove-icon {
  color: dimgray;
}

@media only screen and (max-width: 767px) {
  .custora-job-id {
    display: block;
  }

  .custora-job-button-group {
    float: left;
    margin-bottom: 10px;
  }
  .custora-job-button-group .dropdown-toggle {
    width: 40px;
  }
  .custora-job-priority {
    display: block;
    width: 100%;
  }

  .custora-job-tags {
    display: none;
  }

  .custora-job-tag-list {
    display: block;
    list-style: none;
    padding-left: 0px;
  }

  .custora-job-tag-list span {
    padding-top: 3px;
    margin-left: 5px;
    cursor: pointer;
  }
}

@media only screen and (min-width: 768px) {
  .custora-job-tag-list {
    display: none;
  }
}

Move some of the styling out of the screen width media query


div.uploader_controls {margin: 16px 0 8px 8px}
div.uploader_controls select {}
iframe.uploader {width: 100%; height: 400px; border: none;}
div.uploader_toggle {}

/*
 * Plugin info
 */
.uploader_logo {
    float: left;
    margin: 0.5em 1.5em 0.5em 0;
}
.uploader_license {
    text-align: justify;
}
.uploader_syscheck {}

/**
 * Uploader widget
 */
.uploader_widget {
    margin: 1em 0;
}
.uploader_controls {}
.uploader_filelist {
    padding: 0.5em;
    border: 1px solid #888;
    margin: 1em 0;
}
.uploader_container {}
.uploader_pickfiles {}
.uploader_uploadfiles {}
.uploader_console {}

/**
 * Plugin info
 */
.uploader_logo {
    float: left;
    margin: 0.5em 1.5em 0.5em 0;
}
.uploader_license {
    text-align: justify;
}
.uploader_syscheck {}

Add some basic styles for the upload widgets


:root {
    --color-red: #e12;
    --color-blue: #aef;
    --color-pale: #f3f3f3;
    --color-light: #ddd;
    --color-gray: #999;
    --color-dark: #333;

    --color-text: var(--color-dark);
    --color-background: var(--color-pale);

    --color-selected-color: black;
    --color-selected-background: #60c3;

    --color-head-text: white;
    --color-head-background: #2b3238;

    --color-panel-text: var(--color-pale);
    --color-panel-background: #333b42;

    --header-height: 3rem;
    --aside-width: 240px;
    --input-box-height: 3rem;
}

@custom-media --pc (min-width: 720px);

:root {
    --color-red: #e12;
    --color-blue: #aef;
    --color-pale: #f3f3f3;
    --color-light: #ddd;
    --color-gray: #999;
    --color-dark: #333;

    --color-text: var(--color-dark);
    --color-background: var(--color-pale);

    --color-selected-color: black;
    --color-selected-background: #60c2;

    --color-head-text: white;
    --color-head-background: #2b3238;

    --color-panel-text: var(--color-pale);
    --color-panel-background: #333b42;

    --header-height: 3rem;
    --aside-width: 240px;
    --input-box-height: 3rem;
}

@custom-media --pc (min-width: 720px);

Add some opacity for selection background color


/* ------ Background ------ */

body {
  background-color: rgba(188, 219, 238, 0.94);
}

#background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('images/garden.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  /* background-size: 100%; */
  background-size: cover;
  background-position: center;
  opacity: 0.2;
  filter:alpha(opacity=20); /* For IE8 and earlier */
  z-index: -2; /* put behind the other background image */
}

#background2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('images/community.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  background-position: bottom;
  z-index: -1; /* put behind page controls */
}

/* ------ Navbar (not a reactive one yet) ------ */

.navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.navbar li {
    float: left;
}

.navbar a:link, .navbar a.visited {
    display: block;
    width: 120px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #98bf21;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}

.navbar a:hover, .navbar a:active {
    background-color: #7A991A;
}

Remove css from preliminary navbar

Remove css from preliminary navbar


pre {font-size:small}
pre.src-python {background-color:hsl(0,70%,97%)}
// pre.src-python {background-color:hsl(108,25%,95%)}
// pre.src-python { background-color:#606060 }

pre span.builtin {color:#7a378b}
pre span.keyword {color:#a020f0}
pre span.string  {color:#008000}
pre span.variable-name {color:#ba36a5}
pre span.function-name {color:#006699}
pre span.type {color:#6434a3}
pre span.preprocessor {color:#808080;font-weight:bold;}
pre span.constant {color:#d0372d}
pre span.comment-delimiter {color:#8d8d84}
pre span.comment {color:#b22222}

// .title {background-color:#80d0f0}
.title {background-color:#80b0f0}

body { font:16px/1.385 arial,helvetica,clean,sans-serif; }

Make code samples smaller for better fit


header.navigation h1 {
   text-align: center;
   margin: 1rem;
}

header.navigation h1 a {
   text-decoration: none;
}

header.navigation nav {
   width: 80%;
   max-width: 710px;
   margin: 3rem auto;
   text-align: center;
}

header.navigation nav ul {
   list-style-type: none;
   padding: 0;
}

header.navigation nav li {
   display: inline;
   margin: 0 1rem;
}

header.navigation nav a {
   text-decoration: none;
   font-size: 2.1rem;
}

header.list-header {
   margin: 3.5rem auto;
   width: 80%;
   max-width: 710px;
}

header.list-header h1 {
   font-size: 4rem;
}

.post-category {
    margin-left: 25px;
}

.post .post-content {
   margin-top: 15px;
}

div.highlight {
   word-wrap: normal;
}

Remove word-wrap for pre blocks

Remove word-wrap for pre blocks

Signed-off-by: Kevin Decherf <ffb4761cba839470133bee36aeb139f58d7dbaa9@kdecherf.com>


@import url('../node_modules/hologram-image-upload/dist/css/Hologram.css');

.image-wrapper{
   overflow: auto;
}

.preview-image{
   position: relative;
   width: 100px;
   height: 100px;
   margin-bottom: 2em;
   border-style: dashed dashed dashed dashed;
   overflow: hidden;
   float:left;
}

.preview-image img{
   overflow: hidden;
   width:100%;
   height:100%;
   object-fit: cover;
   border-radius: 10px;
}

.image-info{
   display: inline-block;
   margin-left: 1em;
}

.preview-image svg{
   position: absolute;
   top: 0;
   right: 5px;
   font-size: 20px;
   color: #7F7F7F;
}

@import url('../node_modules/hologram-image-upload/dist/css/Hologram.css');

.image-wrapper{
   overflow: auto;
}

.preview-image{
   position: relative;
   width: 100px;
   height: 100px;
   margin-bottom: 2em;
   border-style: dashed dashed dashed dashed;
   overflow: hidden;
   float:left;
}

.preview-image img{
   overflow: hidden;
   width:100%;
   height:100%;
   object-fit: cover;
   border-radius: 10px;
}

.image-info{
   display: inline-block;
   margin-left: 1em;
}

.image-info input{
   width: 100%;
}

.preview-image svg{
   position: absolute;
   top: 0;
   right: 5px;
   font-size: 20px;
   color: #7F7F7F;
}

Add width to alt and title text field

Add width to alt and title text field


.blog-title {
margin: 1em 0 0 0;
}

.blog-subtitle {
  margin: 0;
}

.blog-date {
  margin: 0;
}

.blog-footer {
  #border-top: 1px solid lightgrey;
  padding-top: 1em;
  #margin-top: 2em;
  text-align: center;
}

.read-more {
  font-style: italic;
  font-size: .9em;
}

article {
  padding-bottom: 1em;
  border-bottom: 1px solid lightgrey;
}

article a {
  text-decoration: none;
}

article a:hover {
  text-decoration: underline;
}

article a:visited {
  text-decoration: none;
}

.blog-footer a {
  text-decoration: none;
}

.blog-footer a:hover {
  text-decoration: underline;
}

.blog-footer a:visited {
  text-decoration: none;
}

.blog-title {
margin: 1em 0 0 0;
}

.blog-subtitle {
  margin: 0;
}

.blog-date {
  margin: 0;
}

.blog-footer {
  #border-top: 1px solid lightgrey;
  padding-top: 1em;
  #margin-top: 2em;
  text-align: center;
}

.read-more {
  font-style: italic;
  font-size: .9em;
}

article {
  padding-bottom: 1em;
  border-bottom: 1px solid lightgrey;
}

article a {
  text-decoration: none;
}

article a:hover {
  text-decoration: underline;
}

article a:visited {
  text-decoration: none;
  color: blue;
}

.blog-footer a {
  text-decoration: none;
}

.blog-footer a:hover {
  text-decoration: underline;
}

.blog-footer a:visited {
  text-decoration: none;
  color: blue;
}

Make visited links show up blue

Make visited links show up blue


.shoes-app { font-family: Arial, sans-serif; }
.shoes-banner { font-size: 48px; }
.shoes-title { font-size: 34px; }
.shoes-subtitle { font-size: 26px; }
.shoes-tagline { font-size: 18px; }
.shoes-caption { font-size: 14px; }
.shoes-para { font-size: 12px; }
.shoes-inscription { font-size: 10px; }

.shoes-stack .shoes-element { display: block; }

.shoes-app { font-family: Arial, sans-serif; position: relative; }
.shoes-banner { font-size: 48px; }
.shoes-title { font-size: 34px; }
.shoes-subtitle { font-size: 26px; }
.shoes-tagline { font-size: 18px; }
.shoes-caption { font-size: 14px; }
.shoes-para { font-size: 12px; }
.shoes-inscription { font-size: 10px; }

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

.shoes-stack .shoes-element { display: block; }

Make app canvas expand to size of app container


.authors, #authors { font-weight: bold; font-style: italic; display: inline; }
.info, #info { display: inline; }
#footer { border-top: 1px solid gray; padding-top: 1em; margin-top: 1em; font-size: smaller; }
{font-family:verdana,helvetica,sans-serif}
a {text-decoration:none;color:#3030a0}
#content {
	margin-top: 1em;
    margin-left: 10em;
    margin-right: 0.5em;
}
#fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 8em;
    height: 100%;
}
body > #fixed {
    position: fixed;
}
img.jmlr {
    width: 7em;
}
img.rss {
    width: 2em;
}

.authors, #authors { font-weight: bold; font-style: italic; display: inline; }
.info, #info { display: inline; }
#note { font-weight: bold; color: blue; padding-top: 1em; }
#footer { border-top: 1px solid gray; padding-top: 1em; margin-top: 1em; font-size: smaller; }
{font-family:verdana,helvetica,sans-serif}
a {text-decoration:none;color:#3030a0}
#content {
	margin-top: 1em;
    margin-left: 10em;
    margin-right: 0.5em;
}
#fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 8em;
    height: 100%;
}
body > #fixed {
    position: fixed;
}
img.jmlr {
    width: 7em;
}
img.rss {
    width: 2em;
}

Add sections to index and notes to papers


body {
  background-color: #F9F5FC;
}

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

#tetris-grid {
  border: 1px solid #779;
}
#tetris-preview {
  border: 4px double #977;
  vertical-align: top;
}

body {
  background-color: #F9F5FC;
}

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

#tetris-grid {
  border: 1px solid #DAA;
}
#tetris-preview {
  border: 1px solid #AAD;
  vertical-align: top;
}

Update canvas borders to stand out

Update canvas borders to stand out


& {
  position: relative;
}

h4 {
  font-size: 12px;
}

header {
  .action_button {
    float: right;
    margin-right: 60px;
    line-height: 30px;

    span {
      display: none;
    }

    &:hover span {
      display: inline;
    }
  }

  .logo {
    position: absolute;
    height: 48px;
    width: 60px;
    right: 12px;
    top: 12px;
    background-size: cover;
  }
}

.loading {
  padding: 12px 24px 24px 24px;
}

[data-main] header {
  border: none;
}

.content img {
  width: 100%;
  height: auto;
}

footer {
  border-top: 1px dotted #ccc;
  color: #999;
}

& {
  position: relative;
}

h4 {
  font-size: 12px;
  margin-right: 60px;
}

header {
  .action_button {
    float: right;
    margin-right: 60px;
    line-height: 30px;

    span {
      display: none;
    }

    &:hover span {
      display: inline;
    }
  }

  .logo {
    position: absolute;
    height: 48px;
    width: 60px;
    right: 12px;
    top: 12px;
    background-size: cover;
  }
}

.loading {
  padding: 12px 24px 24px 24px;
}

[data-main] header {
  border: none;
}

.content img {
  width: 100%;
  height: auto;
}

footer {
  border-top: 1px dotted #ccc;
  color: #999;
}

Add right margin to title so isn't hidden by icon


th [type="checkbox"] + label {
    margin-right: 6px;
}

#similarFields .highlight {
    background: #ffe38f;
    color: #705400;
}

form.quick-action {
    display: inline-block;
}

td > svg {
    vertical-align: middle;
}

code.location {
    color: #8f98a3;
    background-color: #EBEDEF;
    border-radius: 3px;
    padding: 2px 4px;
}

th [type="checkbox"] + label {
    margin-right: 6px;
}

#similarFields .highlight {
    background: #ffe38f;
    color: #705400;
}

form.quick-action {
    display: inline-block;
}

td > svg {
    vertical-align: middle;
}

svg[data-clipboard-text] {
    cursor: pointer;
}

code.location {
    color: #8f98a3;
    background-color: #EBEDEF;
    border-radius: 3px;
    padding: 2px 4px;
}

Use pointer on clipboard sag

Use pointer on clipboard sag


:host {
  display: block;
  transition: var(--material-curve-320);
  transform: translate(0, 60px);
  opacity: 0;
}

:host(.active) {
  transform: translate(0, 0);
  opacity: 1;
}

#tickets {
  min-height: calc(100vh - 348px);
  width: 100%;
}

hr {
  border: 0;
  background: #606060;
  width: 100%;
  height: 1px;
  margin: 0;
  transition: width 400ms 320ms;
  transition-timing-function: var(--material-curve-320);
}

lancie-ticket-list {
  margin: 6px 0;
}

ul {
  list-style-type: circle;
}

paper-button {
  width: 100%
}

paper-card {
  width: 100%;
  margin: 8px;

  --paper-card-header-color: #ffe574;
  --paper-card-header: {
    background-color: #1a2b43;
  };
}

.ticket-container {
  margin-right: 10px;
}

:host {
  display: block;
  transition: var(--material-curve-320);
  transform: translate(0, 60px);
  opacity: 0;
}

:host(.active) {
  transform: translate(0, 0);
  opacity: 1;
}

#tickets {
  min-height: calc(100vh - 348px);
  width: 100%;
}

hr {
  border: 0;
  background: #606060;
  width: 100%;
  height: 1px;
  margin: 0;
  transition: width 400ms 320ms;
  transition-timing-function: var(--material-curve-320);
}

lancie-ticket-list {
  margin: 6px 0;
}

ul {
  list-style-type: circle;
}

paper-button {
  width: 100%
}

paper-card {
  width: 100%;
  margin: 8px;

  --paper-card-header-color: #ffe574;
  --paper-card-header: {
    background-color: #1a2b43;
  };
}

.ticket-container, .cart {
  margin-right: 10px;
}

Align cart and ticket container

Align cart and ticket container


body {
  font-family: arial, sans-serif;
}

/*
 * Statblock section.
 */
.statblock {
  font-family: "gandhi", arial, sans-serif;
  max-width: 1024px;
}

/*
 * Section headers in statblock.
 */
hr:nth-of-type(2n+1) + b {
  color: white;
  background-color: black;
  display: block;
  margin-bottom: -1em;
}

/*
 * Hide seperators.
 */
hr {
  visibility: hidden;
  display: none;
}

/*
 * Copyright footer.
 */

p:last-child {
  font-size: 75%;
}

body {
  font-family: arial, sans-serif;
}

/*
 * Statblock section.
 */
.statblock {
  font-family: "gandhi", arial, sans-serif;
  max-width: 1024px;
}

/*
 * Section headers in statblock.
 */
hr:nth-of-type(2n+1) + b {
  color: white;
  background-color: black;
  display: block;
  margin-bottom: -1em;
}

/*
 * Hide seperators.
 */
hr {
  visibility: hidden;
  display: none;
}

pre {
 white-space: pre-wrap;
}

/*
 * Copyright footer.
 */
p:last-child {
  font-size: 75%;
}

Make plain text statblock wrap on smaller screens


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

html,
body,
#contents,
#signin-frame {
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

#signin-frame,
#spinner-container {
  background-color: #f5f5f5;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#spinner-container {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -webkit-box;
}

#contents.loading #signin-frame,
#contents:not(.loading) #spinner-container {
  display: none;
}

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

html,
body,
#contents,
#signin-frame {
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

#signin-frame,
#spinner-container {
  background-color: #f5f5f5;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#spinner-container {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -webkit-box;
}

#contents:not(.loading) #spinner-container {
  display: none;
}

Fix problem when webview sign in is enabled that causes infinite spinner.

BUG=426923

Review URL: https://codereview.chromium.org/738163002

Cr-Commit-Position: 972c6d2dc6dd5efdad1377c0d224e03eb8f276f7@{#304914}


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

quad-stack {
  position: relative;
  outline: none;
  overflow: scroll;
}

quad-stack > view-container {
  -webkit-transform-style: preserve-3d;
  display: -webkit-flex;
  outline: none;
  position: relative;
  z-index: 10;
}

quad-stack quad-view {
  -webkit-transform: translateZ(0); /* actual xform for depth is set in rAF */
  position: absolute;
  top: 0;
  z-index: -10; /* cause quad views to render under container scrollbars */
}

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

quad-stack {
  position: relative;
  outline: none;
  overflow: scroll;
  z-index: 10; /* cause our scrollbars to render above our children. */
}

quad-stack > view-container {
  -webkit-transform-style: preserve-3d;
  display: -webkit-flex;
  outline: none;
  position: relative;
}

quad-stack quad-view {
  -webkit-transform: translateZ(0); /* actual xform for depth is set in rAF */
  position: absolute;
  top: 0;
}

Fix for QuadStack scrollbars rendering below children.

This patch fixes the QuadStack scrollbars to render above
its child QuadView elements.

The fixed scrollbars can be seen in the frame viewer:
http://philbit.com/scrollbars.png

BUG=
R=nduca@chromium.org

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

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


body {
    background-color: #333;
    text-align: center;
    margin: 0;
}

h2 {
    color: #AAA;
}

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

.content {
    display: block;
    width: 50%;
    height: 50vh;
    float: left;
    text-align: center;
}

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

body {
    background-color: #333;
    text-align: center;
    margin: 0;
}

h2 {
    color: #AAA;
}

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

.content {
    display: block;
    width: 50%;
    height: 50vh;
    float: left;
    text-align: center;
}

.content video {
    width: 100%;
}

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

Fix video sizes on main page.

Fix video sizes on main page.


.zci--googleplus .tile--basic-image .tile__media {
    height: 12em;
}

.zci--googleplus .tile--basic-image .tile__media__img {
    margin-top: 2em;
    border-radius: 100%;
}

.zci--googleplus .tile--basic-image .tile__media__img {
    min-width: 0;
}

.zci--googleplus .tile--basic-image .tile__title {
    text-align: center;
    font-size: 1.4em;
    font-weight: 400;
    height: 2.5em;
}

.zci--googleplus .tile {
    width: 13.4em;
    height: 17.2em;
}

.zci--googleplus .has-tiles--grid .tile {
    width: 13.4em;
}

Google+: Adjust height, and keep the width in the grid view.


.hx-dropdown {
  background: var(--dropdown-background-color);
  box-shadow: 0px 2px 2px 2px var(--dropdown-shadow-color);
  border-color: var(--dropdown-border-color);
  border-radius: var(--dropdown-border-radius);
}

.hx-dropdown-up {
  margin-bottom: calc(-1 * var(--dropdown-spacing));
}

.hx-dropdown-down {
  margin-top: var(--dropdown-spacing);
}

.hx-dropdown-left {
  margin-right: var(--dropdown-spacing);
}

.hx-dropdown-right {
  margin-left: var(--dropdown-spacing);
}

.hx-dropdown {
  background: var(--dropdown-background-color);
  box-shadow: 0px 2px 2px 2px var(--dropdown-shadow-color);
  border-color: var(--dropdown-border-color);
  border-radius: var(--dropdown-border-radius);
}

.hx-dropdown-up {
  margin-top: calc(-1 * var(--dropdown-spacing));
}

.hx-dropdown-down {
  margin-top: var(--dropdown-spacing);
}

.hx-dropdown-left {
  margin-right: var(--dropdown-spacing);
}

.hx-dropdown-right {
  margin-left: var(--dropdown-spacing);
}

Remove dropdown bottom positioning (--dropdown-spacing fix)


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

.stackSettings {
  display: flex;
  height: 25px;
  flex-flow: row nowrap;
  padding: 0;
  line-height: 25px;
  white-space: nowrap;
}

.stackSettingsList {
  display: block;
  display: flex;
  flex: 1;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
}

.stackSettingsListItem {
  padding: 0;
  margin: 0 5px;
}

.stackSettingsLabel {
  height: 25px;
  align-items: center;
  padding: 0;
}

.stackSettingsFilter {
  padding-right: 10px;
  border-right: 1px solid var(--grey-20);
}

.stackSettingsFilterLabel {
  align-items: center;
  padding: 0 5px 0 0;
}

.stackSettingsSelect {
  height: 24px;
  font-size: inherit;
}

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

.stackSettings {
  display: flex;
  height: 25px;
  flex-flow: row nowrap;
  padding: 0;
  line-height: 25px;
  white-space: nowrap;
}

.stackSettingsList {
  display: block;
  display: flex;
  flex: 1;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
}

.stackSettingsListItem {
  padding: 0;
  margin: 0 5px;
}

.stackSettingsLabel {
  height: 25px;
  align-items: center;
  padding: 0;
}

.stackSettingsFilter {
  padding-right: 10px;
  border-right: 1px solid var(--grey-20);
}

.stackSettingsFilterLabel {
  align-items: center;
  padding: 0 5px 0 0;
}

.stackSettingsSelect {
  /* Create a new stacking context for the select using a position:relative. This way
   * the focus ring around the select breaks out of its surrounding container. */
  position: relative;
  height: 24px;
  font-size: inherit;
}

Create a stacking context for the select's focus ring


.magic-overlay {
    width: 70%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #e86759;
    z-index: 99000;
}
.magic-overlay .close-button {
    padding: 20px;
    display: block;
    text-align: right;
}
.magic-overlay .loading-container {
    text-align: center;
    padding-top: 100px;
    color: #f9f2d1;
    font-size: 100px;
}
.animate-loader-icon {
    display: inline-block;
    -animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: rotate(0deg);}
    to { transform: rotate(360deg);}
}
.magic-overlay .content {
    overflow-y: auto;
    max-height: 100%;
    color: #f9f2d1;
    padding: 0 100px 0 100px;
}

.magic-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #e86759;
    z-index: 99000;
}
.magic-overlay .close-button {
    padding: 20px;
    display: block;
    text-align: right;
}
.magic-overlay .loading-container {
    text-align: center;
    padding-top: 100px;
    color: #f9f2d1;
    font-size: 100px;
}
.animate-loader-icon {
    display: inline-block;
    -animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: rotate(0deg);}
    to { transform: rotate(360deg);}
}
.magic-overlay .content {
    overflow-y: auto;
    max-height: 100%;
    color: #f9f2d1;
    padding: 0 100px 0 100px;
}

Make default width 100%. Propose easy possibility to change the width in readme


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

/* Use Ubuntu from Google Fonts and add a bit of padding to the bottom */
body {
  padding-bottom: 40px;
  font-family: 'Ubuntu', sans-serif;
}

/* Style for DISQUS comment area */
.comment-box {
  margin-top: 40px;
}

.metadata {
  padding-bottom: 10px;
}

/* Content of embedded gists MUST NOT be wrapped */
.gist-highlight pre {
  white-space: nowrap;
}

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

/* Use Ubuntu from Google Fonts and add a bit of padding to the bottom */
body {
  padding-bottom: 40px;
  font-family: 'Ubuntu', sans-serif;
}

/* Style for DISQUS comment area */
.comment-box {
  margin-top: 40px;
}

.metadata {
  padding-bottom: 10px;
}

/* Content of embedded gists MUST NOT be wrapped */
.gist-highlight pre {
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
}

Fix word wrapping in gists for good (damn CSS...)


.navbar {
	margin-top: 30px;
}

.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;
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
  margin-top: 0;
}

Drop padding on some headers so they align with tops of boxes


#basestats {
	list-style-type: none;
	padding-left: 0;
	width: 150px;
}

span.deletestat {
	margin-left: 1.4em;
	color: red;
	cursor: pointer;
}

#basestats {
	list-style-type: none;
	padding-left: 0;
	width: 150px;
}

span.deletestat {
	color: red;
	cursor: pointer;
}

Remove weird margin from the delete buttons


img {
  width: 100%;
}

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

ul.table-view.recpie-table {
  margin: 0;
  padding: 0;
}

ul.recpie-table li {
  padding: 15px 15px 5px 10px;
}

.page-detail p:not(.image){
  padding-left: 10px;
}

ul.recpie-table li:nth-child(odd) {
  background-color: rgba(0, 164, 152, 0.15);
}

ul.recpie-table li:nth-child(even) {
  background-color: white;
}

.center {
  text-align: center;
}

.splash {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 999;
}

.splash-text {
  color: #000;
  text-align: center;
  top: 50%;
  position: fixed;
  left: 50%;
  font-family: "oswald";
  font-size: 55px;
  line-height: 1;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
}

img {
  width: 100%;
}

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

ul.table-view.recpie-table {
  margin: 0;
  padding: 0;
}

ul.recpie-table li {
  padding: 15px 15px 5px 10px;
}

.page-detail p:not(.image){
  padding-left: 10px;
}

ul.recpie-table li {
  background-color: #FFF;
  font-family: "oswald";
  text-transform: uppercase;
}

.center {
  text-align: center;
}

.splash {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 999;
}

.splash-text {
  color: #000;
  text-align: center;
  top: 50%;
  position: fixed;
  left: 50%;
  font-family: "oswald";
  font-size: 55px;
  line-height: 1;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
}

Add styles for home with oswald font and white bg


.ProseMirror {
  position: relative;
}

.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}

.ProseMirror ul, .ProseMirror ol {
  cursor: default;
}

.ProseMirror pre {
  white-space: pre-wrap;
}

.ProseMirror li {
  position: relative;
}

.ProseMirror-hideselection *::selection { background: transparent; }
.ProseMirror-hideselection *::-moz-selection { background: transparent; }

.ProseMirror-selectednode {
  outline: 2px solid #8cf;
}

/* Make sure li selections wrap around markers */

li.ProseMirror-selectednode {
  outline: none;
}

li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px; top: -2px; bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}

.ProseMirror {
  position: relative;
}

.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}

.ProseMirror pre {
  white-space: pre-wrap;
}

.ProseMirror li {
  position: relative;
}

.ProseMirror-hideselection *::selection { background: transparent; }
.ProseMirror-hideselection *::-moz-selection { background: transparent; }

.ProseMirror-selectednode {
  outline: 2px solid #8cf;
}

/* Make sure li selections wrap around markers */

li.ProseMirror-selectednode {
  outline: none;
}

li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px; top: -2px; bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}

Remove cursor styling on ul/ol

Remove cursor styling on ul/ol


/*.dtge-dialog fieldset legend {
    display: none;
}*/

.dtge-dialog input.ng-invalid {
    border-color: #9d261d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.dtge-dialog .help-inline {
    color: #9d261d;
}

/*
    Style the doc type grid editor previews

.dtge-editor-placeholder {
    background-color: #f8f8f8;
    background-color: rgba(0,0,0,0.03);
    padding: 20px;
}

.dtge-editor-placeholder .icon {
    text-align: center;
    display: block;
    color: #ddd;
    color: rgba(0,0,0,0.1);
    font-size: 50px;
    line-height: 50px;
}

.dtge-editor-placeholder .help-text {
    text-align: center;
    display: block;
}
*/

/*.dtge-dialog fieldset legend {
    display: none;
}*/

.dtge-dialog input.ng-invalid {
    border-color: #9d261d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.dtge-dialog .help-inline {
    color: #9d261d;
}

.dtge-dialog textarea.textstring {
    resize: auto;
    border: 1px solid #bbbabf;
}

/*
    Style the doc type grid editor previews

.dtge-editor-placeholder {
    background-color: #f8f8f8;
    background-color: rgba(0,0,0,0.03);
    padding: 20px;
}

.dtge-editor-placeholder .icon {
    text-align: center;
    display: block;
    color: #ddd;
    color: rgba(0,0,0,0.1);
    font-size: 50px;
    line-height: 50px;
}

.dtge-editor-placeholder .help-text {
    text-align: center;
    display: block;
}
*/

Fix styling issues for textarea in overlay


/* main.css */

/* Add Pregressive Enhancement CSS if Flexbox not supported */
.no-flexbox .container {
  background: #eee;
  overflow: auto;
}

.no-flexbox .container .col {
    width: 27%;
    padding: 30px 3.15% 0;
    float: left;
}

@media screen and (max-width: 48rem) {
  .no-flexbox .container .col {
    width: 95%;
  }
}
/* Add Pregressive Enhancement CSS if Flexbox not supported */

.container {
  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  background: #eee;
  overflow: auto;
}

.container .col {
  flex: 1;
  padding: 1rem;
}

@media screen and (max-width: 48rem) {
  .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
  }
}

/* main.css */

/* Add Pregressive Enhancement CSS if Flexbox not supported */
.no-flexbox .container {
  background: #eee;
  overflow: auto;
}

.no-flexbox .container .col {
    width: 27%;
    padding: 30px 3.15% 0;
    float: left;
}

@media screen and (max-width: 48rem) {
  .no-flexbox .container .col {
    width: 95%;
  }
}
/* Add Pregressive Enhancement CSS if Flexbox not supported */

/* Add Pregressive Enhancement CSS if Flexbox is supported */
.flexbox .container {
  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  background: #eee;
  overflow: auto;
}

.flexbox .container .col {
  flex: 1;
  padding: 1rem;
}

@media screen and (max-width: 48rem) {
  .flexbox .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
  }
}
/* Add Pregressive Enhancement CSS if Flexbox is supported */


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

.inline-message {
    color: $ui-white;
    font-family: "Helvetica Neue";
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: .8125rem;
}

.success {
    color: $ui-white-dim;
}

.info {
    color: $ui-white;
}

.warn {
    color: $error-light;
}

.spinner {
    margin-right: $space;
}

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

.inline-message {
    color: $ui-white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: .8125rem;
}

.success {
    color: $ui-white-dim;
}

.info {
    color: $ui-white;
}

.warn {
    color: $error-light;
}

.spinner {
    margin-right: $space;
}

Use the correct font fallbacks for navbar save messages


.window-manifest-navigation > .mirador-btn.mirador-icon-canvas-cite-share {
  color: #929191;
  margin-right: 5px;
}

.window-manifest-navigation > .mirador-btn.mirador-icon-canvas-cite-share:hover {
  color: black;
}

#canvas-link-modal #canvas-link {
  box-sizing: border-box;
  height: 33px;
  padding: 6px;
  width: calc(100% - 45px);
}

#canvas-link-modal #copy-to-clipboard {
  height: 34px;
  width: 40px;
}

#canvas-link-modal .share-button {
  border: none;
  border-radius: 20px;
  color: white;
}

#canvas-link-modal #share-on-envelope {
  background-color: #7d7d7d;
}

#canvas-link-modal #share-on-facebook {
  background-color: #3B5998;
}

#canvas-link-modal #share-on-pinterest {
  background-color: #CB2027;
}

#canvas-link-modal #share-on-tumblr {
  background-color: #32506d;
}

#canvas-link-modal #share-on-twitter {
  background-color: #55acee;
}

#canvas-link-modal #share-on-whatsapp {
  background-color: #25d366;
}

Add some styling to the social media buttons


/* Pagelet Sidebar */

#pagelet_sidebar {
    display: none;
}

/* Media Query */

@media (max-width: 1920px) { /* WUXGA */
}
@media (max-width: 1600px) { /* UXGA */
}
@media (max-width: 1280px) { /* SXGA */
}
@media (max-width: 1024px) { /* XGA */
}
@media (max-width: 800px) { /* SVGA */
}
@media (max-width: 640px) { /* VGA */
}

Add: Hide "Pagelet Sidebar" from the right edge of the page


/* Shell View CSS
-----------------------------------------------------------------------------------------------------------*/

#machine-shell-popup-popup {
    top: 2% !important;
    width: 95% !important;
    bottom: 55px !important;
    max-height: 94% !important;
}
#machine-shell-popup #shell-grid {
    top: 50px;
    left: 1em;
    right: 1em;
    bottom: 0.5em;
    position: absolute;
}
#machine-shell-popup #shell-input, #machine-shell-popup #shell-submit {
    height: 70px;
    padding: 2px;
}
#machine-shell-popup #shell-input {
    width: 90%;
}
#machine-shell-popup #shell-submit {
    width: 10%;
}
#machine-shell-popup #shell-submit .ui-btn {
    width: 100%;
    height: 37px;
    background-image: url("../images/return.png");
}
#machine-shell-popup #shell-response {
    top: 60px;
    width: 100%;
    bottom: 60px;
    margin: 0 auto;
    position: absolute;
    overflow-x: scroll;
    border: 1px solid #000000;
}
#machine-shell-popup #shell-back {
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;

}
#machine-shell-popup .shell-li .ajax-loader {
    display: inline-block;
    top: 4px;
    position: relative;
    left: 6px;
}

Fix position of ajax-loader in shell list item


header  {
  background-color: blue;
}

header p {
  background-color: #00FFFF;
}

.column-1{
  float: left;
  width:45%;
  background-color: green;
  margin: 2%;
}

.column-2{
  float: right;
  width:45%;
  background-color: red;
  margin: 2%;
}

footer {
  background-color: #A9A9A9;
  clear: both;
}

Correct path for gps 2-1 files

Correct path for gps 2-1 files


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

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

Change style file name for the latest darts-ui


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

 *= require jquery-ui/tooltip
 *= require jquery-ui/autocomplete
 *= require jquery-ui/all

 *= require font-awesome
*/

/* Required for link buttons to look alike */
.dc-link a, .dc-link-submit input {font-weight: bold; font-size: 12px; }

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

 *= require jquery-ui/all

 *= require font-awesome
*/

/* Required for link buttons to look alike */
.dc-link a, .dc-link-submit input {font-weight: bold; font-size: 12px; }

Include all ui css files.

Include all ui css files.


body {
    margin-top: 75px; /* 100px is double the height of the navbar - I made it a big larger for some more space - keep it at 50px at least if you want to use the fixed top nav */
}

footer {
    margin: 50px 0;
}

table {
   background-color:#e0e0ff
}

tbody td, th {
    border: 1px solid black;
    padding: 3px 7px 2px 7px;
}

thead td, th {
    border: 1px solid black;
    padding: 3px 7px 2px 7px;
    font-weight: bold;
}

tbody tr:nth-child(odd) {
   background-color:#d0d0ff
}

/* Hover over links on headers */
.header-link {
  position: absolute;
  left: -0.5em;
  opacity: 0;
  transition: opacity 0.2s ease-in-out 0.1s;
}
h2:hover .header-link,
h3:hover .header-link,
h4:hover .header-link,
h5:hover .header-link,
h6:hover .header-link {
  opacity: 1;
}

/* Fix spacing between menu items */
.navbar-default .dropdown-menu>li>a {
  padding-top: 6px;
  padding-bottom: 6px;
}

Decrease spacing between menu items

website: Decrease spacing between menu items

...as they were overflowing the page before.  Thanks to Amy Craig-Wood
for CSS wrangling!


.tc-ctl.tc-ctl-attrib {
    position: absolute;
    font-family: Arial, helvetica, sans-serif;
    font-size: 0.8em;
    bottom: 0;
    left: 50%;
    z-index: 10002;
    padding: 0;
}

.tc-ctl-attrib-cmd {
    text-decoration: underline;
    cursor: pointer;
}

.tc-ctl-attrib-other.tc-collapsed {
    display: none;
}

.tc-ctl-attrib > div {
    position: relative;
    left: -50%;
    width: 100%;
    bottom: 0;
    color: #999;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
    border-top-left-radius: 0.3em;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: 0.3em;
    border-top-right-radius: var(--border-radius);
    padding: 0.1em;
}

.tc-ctl-attrib div span, .tc-ctl-attrib div span a:link, .tc-ctl-attrib div span a:visited {
    color: #000;
}

    .tc-ctl-attrib div span.tc-ctl-attrib-cmd {
        color: #999;
    }

.tc-map.tc-collapsed .tc-ctl-attrib {
    display: none;
}

.tc-ctl.tc-ctl-attrib {
    position: absolute;
    font-family: Arial, helvetica, sans-serif;
    font-size: 0.8em;
    bottom: 0;
    left: 50%;
    z-index: 10002;
    padding: 0;
}

.tc-ctl-attrib-cmd {
    text-decoration: underline;
    cursor: pointer;
}

.tc-ctl-attrib-other.tc-collapsed {
    display: none;
}

.tc-ctl-attrib > div {
    position: relative;
    left: -50%;
    width: 100%;
    bottom: 0;
    color: #999;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    padding: 0.1em;
}

.tc-ctl-attrib div span, .tc-ctl-attrib div span a:link, .tc-ctl-attrib div span a:visited {
    color: #000;
}

    .tc-ctl-attrib div span.tc-ctl-attrib-cmd {
        color: #999;
    }

.tc-map.tc-collapsed .tc-ctl-attrib {
    display: none;
}

Remove Internet Explorer compatibility declarations


/* Change default color */

a {
    color: #0080e0;
}

.slide mark {
    color: #0080e0;
    background: transparent;
}

.slide mark.important {
    background: #0080e0;
    color: white;
}

.slide mark.important mark {
    color: white;
}

.slide pre mark.important {
    background: #0080e0;
}

.slide pre mark.comment {
    color: #888;
}

@media screen {
    .list .slide:target:before {
        box-shadow: 0 0 10px 0 #3c99db, 0 0 0 12px #0080e0;
    }
    .full .progress div {
        background: #0080e0;
    }
}

/* Change mark paddings */

.slide mark.important {
    padding: 3px 7px 0;
}

.slide pre mark {
    padding: 0;
}

/* Change overview title */

.caption {
    color: black
}

/* Move slide index to right */

.slide::after {
    text-align: right;
    right: 50px;
}

.list .slide:after {
    padding-top: 35px;
    right: 0;
    text-align: center;
}

/* Add more space to slide */

.slide > div {
    padding-top: 80px;
    height: 560px;
}

/* Remove line numbers on code examples */

.slide pre code:before {
  display: none
}

Move bright override from old talk

Move bright override from old talk


html, body {
  color: #333;
  margin-top: 100px;
}
.recipe-modal-content {
  border: 1px solid #f2f2f2;
  background-color: #fff;
  padding: 20px;
}

.myModal-header {
  border-bottom: 1px solid #c3c3c3;
  padding-bottom: 10px;
}

.recipe-title:hover {
  cursor: pointer;
  color: #55dfb6;
}

html, body {
  color: #333;
}

.recipe-modal-content {
  border: 1px solid #f2f2f2;
  background-color: #fff;
  padding: 20px;
}

.myModal-header {
  border-bottom: 1px solid #c3c3c3;
  padding-bottom: 10px;
}

.recipe-title:hover {
  cursor: pointer;
  color: #55dfb6;
}

Remove unnecessary margin-top on HTML.

Remove unnecessary margin-top on HTML.


.control {
  background-color: transparent;
  color: #ce340d;
  border: 2px solid currentColor;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  box-sizing: border-box;
  transition: color 150ms ease;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;

  &:hover {
    color: #df4b26;
  }

  & + & {
    margin-left: 8px;
  }

  & svg {
    width: 60%;
    height: 60%;
    fill: currentColor;
  }

  &.small {
    width: 24px;
    height: 24px;
  }
}

.play {
  padding-left: 3px;
}

.pause {
  padding: 3px;
}

.controls {
  display: flex;
  align-items: flex-end;
}

.player {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.timer {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: flex-end;
  margin-top: 10px;
}

.progress {
  flex-grow: 1;
}

.control {
  background-color: transparent;
  color: #ce340d;
  border: 2px solid currentColor;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  box-sizing: border-box;
  transition: color 150ms ease;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;

  &:hover {
    color: #df4b26;
  }

  &:focus {
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  }

  & + & {
    margin-left: 8px;
  }

  & svg {
    width: 60%;
    height: 60%;
    fill: currentColor;
  }

  &.small {
    width: 24px;
    height: 24px;
  }
}

.play {
  padding-left: 3px;
}

.pause {
  padding: 3px;
}

.controls {
  display: flex;
  align-items: flex-end;
}

.player {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.timer {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: flex-end;
  margin-top: 10px;
}

.progress {
  flex-grow: 1;
}

Fix outlines for player controls

Fix outlines for player controls


.html,body{
background-color: grey;
}

#Clock {
position: absolute;
top: 18%;
bottom: 0;
left:40%;
right: 60%;

}

Add CSS code to center the red clock in the main webpage

Added CSS code to center the red clock in the main webpage.  Clock
provided by http://www.timeanddate.com , Keep in mind this project is
not infatuated with timeanddate.com or the clocks by them, used in the
webpages.


body {
  background-color: #336;
  text-align: center;
}
canvas {
  background-color: #000;
  border: 4px solid #FF4;
  border-radius: 12px;
  margin: 3em;
}

#debug {
  background-color: #000;
  color: #FFF;
  font-family: monospace;
  height: 100px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100px;
}

Add basic styling for debug div

Add basic styling for debug div


* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Lucida Grande;
  font-size: 12px;
}

#root-view {
  height: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-image: url(static/images/linen.png);
}

#root-view #panes {
  height: 100%;
  width: 100%;
}

#root-view #panes .column {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}

#root-view #panes .row {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

#root-view #panes .pane {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, .1);
}

.row > .pane + .pane {
  border-left: 5px solid #515151;
}

.column > .pane + .pane {
  border-top: 5px solid #515151;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Lucida Grande;
  font-size: 12px;
}

#root-view {
  height: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-image: url(static/images/linen.png);
}

#root-view #panes {
  height: 100%;
  width: 100%;
}

#root-view #panes .column {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}

#root-view #panes .row {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

#root-view #panes .pane {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, .1);
}

.row > * + * {
  border-left: 5px solid #515151;
}

.column > * + * {
  border-top: 5px solid #515151;
}

Fix panes CSS to apply borders to nested rows / columns again


/**
 * Common display controls
 */
[body-bg] {

}

[layout] {
  /* width & height are set automatically by the script execution */
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;

  opacity: 0;
  transition: opacity .5s ease;
}

[layout][visible] {
  opacity: 1;
  z-index: 1;
}

[layout][backface] {
  background-color: transparent;
}

/**
 * Layout definitions
*/
@import url(layout/_default.css);
@import url(layout/bullets.css);
@import url(layout/bullets-invert.css);
@import url(layout/code.css);
@import url(layout/cover.css);
@import url(layout/title.css);

/**
 * Common display controls
 */
[body-bg] {

}

[layout] {
  /* width & height are set automatically by the script execution */
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;

  opacity: 0;
  transition: opacity .5s ease;
}

[layout][visible] {
  opacity: 1;
  z-index: 1;
}

[layout][backface] {
  background-color: transparent;
}

[layout][scroll] {
  overflow-y: auto;
}

/**
 * Layout definitions
*/
@import url(layout/_default.css);
@import url(layout/bullets.css);
@import url(layout/bullets-invert.css);
@import url(layout/code.css);
@import url(layout/cover.css);
@import url(layout/title.css);

Add simple vertical scroll style

Add simple vertical scroll style


.sc-preview {
  display: flex;
  font-size: var(--t-small-font-size);
}

.sc-preview .se-thumbnail {
  max-width: 60px;
}

.sc-preview .se-label {
  white-space: nowrap;
  flex: 0 0 var(--t-double-spacing);
  padding-left: var(--t-half-spacing);
}

.sc-preview a {
  text-decoration: none;
  color: var(--t-text-color);
}

.sc-preview {
  display: flex;
  font-size: var(--t-tiny-font-size);
}

.sc-preview .se-thumbnail {
  max-width: 60px;
}

.sc-preview .se-label {
  white-space: nowrap;
  flex: 0 0 var(--t-double-spacing);
  padding-left: var(--t-half-spacing);
}

.sc-preview a {
  text-decoration: none;
  color: var(--t-text-color);
}

Use tiny font size in previews.

Use tiny font size in previews.


/* Copyright (c) 2014, Google Inc. Please see the AUTHORS file for details. */
/* All rights reserved.  Use of this source code is governed by a BSD-style */
/* license that can be found in the LICENSE file. */

:host(.veiled) {
  opacity: 0;
}

:host(.unveiled) {
  opacity: 1;
}

.stacking-context {
  /* This no-op scaleZ(1) creates an independent stacking context for :host. */
  -webkit-transform: scaleZ(1);
}

/* Uncomment these 2 rules, or selectively apply the .debug class,
 * to facilitate debuging of Spark widgets.
 */
/*
:host > * {
  outline: red dashed 1px;
}
::content > * {
  outline: green dotted 1px;
}
*/
.debug {
  outline: blue solid 1px;
}

/* Copyright (c) 2014, Google Inc. Please see the AUTHORS file for details. */
/* All rights reserved.  Use of this source code is governed by a BSD-style */
/* license that can be found in the LICENSE file. */

:host {
  box-sizing: border-box;
}

:host(.veiled) {
  opacity: 0;
}

:host(.unveiled) {
  opacity: 1;
}

.stacking-context {
  /* This no-op scaleZ(1) creates an independent stacking context for :host. */
  -webkit-transform: scaleZ(1);
}

/* Uncomment these 2 rules, or selectively apply the .debug class,
 * to facilitate debuging of Spark widgets.
 */
/*
:host > * {
  outline: red dashed 1px;
}
::content > * {
  outline: green dotted 1px;
}
*/
.debug {
  outline: blue solid 1px;
}

Set box-sizing globally for widgets

Set box-sizing globally for widgets


body {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-size: 12px;
}

body {
  font-family: Consolas, "Liberation Mono", Monaco, Courier, monospace;
  font-size: 12px;
}

Add Monaco to font stack

Add Monaco to font stack


/**
 * Center list, as found here:
 * http://stackoverflow.com/questions/1695175/how-to-horizontally-center-an-unordered-list-of-unknown-width
 */
#social {
	width: 100%;
	overflow: hidden;
}

#social ul {
	list-style: none;
	position: relative;
	float: left;
	display: block;
	left: 50%;
}

#social li {
    list-style-type: none;
	position: relative;
	float: left;
	display: block;
	right: 50%;
}

#social li a {
    padding: 20px;
    text-decoration: none
}

/**
 * Center list, as found here:
 * http://stackoverflow.com/questions/1695175/how-to-horizontally-center-an-unordered-list-of-unknown-width
 */
#social {
	width: 100%;
	overflow: hidden;
}

#social ul {
	list-style: none;
	position: relative;
	float: left;
	display: block;
	left: 50%;
	margin-bottom: 0;
	padding: 0;
}

#social li {
    list-style-type: none;
	position: relative;
	float: left;
	display: block;
	right: 50%;
	padding: 0
}

#social li a {
    padding: 0px 20px;
    text-decoration: none
}

Fix social button center padding

Fix social button center padding

Signed-off-by: Drasko DRASKOVIC <83752d7d09cf86f69ee9aa9148577a17024773f3@gmail.com>


body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.4;
    padding: 2em;
}

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

#results > li {
	cursor: default;
	padding: 0.5em 0;
}

#results > li:hover {
	background: #f0f0f0;
}

.details li {
	display: inline-block;
}

.details .artist {
	font-weight: bold;
}

.details .sources {
	display: none;
}

.details.active .sources {
	display: block;
}

.meta .tag {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 0.2em;
}

input {
    width: 100%;
    font-size: 1em;
    border: 0;
    border-bottom: 1px solid #c3ba63;
    padding: 0.5em 0.1em;
}

input:focus {
    outline: 0;
    background: #fff7ae;
}

.hidden {
	display: none;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.4;
    padding: 2em;
}

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

#results > li {
	cursor: default;
	padding: 0.5em 0;
}

#results > li:hover {
	background: #f0f0f0;
}

.details li {
	display: inline-block;
}

.details .artist {
	font-weight: bold;
}

.details .sources {
	display: none;
}

.details.active .sources {
	display: block;
}

.meta .tag {
	border-radius: 4px;
	border: 1px solid #d4d2c1;
	color: #444;
	display: inline-block;
	font-size: small;
	line-height: 1;
	padding: 0.2em;
}

input {
    width: 100%;
    font-size: 1em;
    border: 0;
    border-bottom: 1px solid #c3ba63;
    padding: 0.5em 0.1em;
}

input:focus {
    outline: 0;
    background: #fff7ae;
}

.hidden {
	display: none;
}

Make tags a little smaller and less obtrusive


:root {
  --error-color: red;
  --error-background: #fbc0bb;
}

.field-editor--error-message {
  color: var(--error-color);
  background-color: var(--error-background);
  font-size: 0.8rem;
  width: 100%;
  padding: 0.25rem;
}

:root {
  --error-color: red;
  --error-background: #fbc0bb;
}

.field-editor--error-message {
  color: var(--error-color);
  background-color: var(--error-background);
  font-size: 0.8rem;
  padding: 0.25rem;
}

Align error message correctly with field


.tilted {

    /* Safari, Chrome */
    -webkit-transform: rotate(-3deg);

    /* Firefox */
    -moz-transform: rotate(-3deg);

    /* IE */
    -ms-transform: rotate(-3deg);

    /* Opera */
    -o-transform: rotate(-3deg);

    /* Older versions of IE */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.3);

    /* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
    transform: rotate(-3deg);

    padding-bottom: 1em;

}

.bigger {
    font-size: larger;

}

.tilted {

    /* Safari, Chrome */
    -webkit-transform: rotate(-13deg);

    /* Firefox */
    -moz-transform: rotate(-1deg);

    /* IE */
    -ms-transform: rotate(-1deg);

    /* Opera */
    -o-transform: rotate(-1deg);

    /* Older versions of IE */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.012);

    /* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
    transform: rotate(-1.2deg);

    padding-bottom: 1em;

}

.bigger {
    font-size: larger;

}

Work around possible bug in 2.2.1 WRT drop down position

Issue reported: https://github.com/mgcrea/angular-strap/issues/1651


html, body {
  padding:0px;
  font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif; background-color: #fff; color: #222;
}

h1, h2, h3, tt { color: #000; line-height:1.1; }

h2 { padding-top: 1em; }
h3 { padding-top: 0.5em; margin-bottom: -0.25em; }
li { padding-bottom: 0.5em; }

/* Slides */
IMG.img_slide {
    display: block;
    margin-left: auto;
    margin-right: auto
}

html, body {
  padding:0px;
  font-size:12px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif; background-color: #fff; color: #222;
  line-height:1.5;
}

h1, h2, h3, tt { color: #000 }

h2 { color:#333333; padding-top:1em; }
h3 { padding-top: 0.5em; margin-bottom: -0.25em; color:#2d58b7}
li { padding-bottom: 0.5em; }

/* Slides */
IMG.img_slide {
    display: block;
    margin-left: auto;
    margin-right: auto
}

Tweak font sizes.
Color <h3> light blue, <h2> a dark grey.

git-svn-id: ffe668792ed300d6c2daa1f6eba2e0aa28d7ec6c@52385 91177308-0d34-0410-b5e6-96231b3b80d8


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

.delayedscroll, .delayedscroll > * {
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

::-webkit-scrollbar {
  display: none;
}

Hide scrollbar for webkit browsers

Hide scrollbar for webkit browsers


h3, h4 {
    font-weight: 400;
}
.quickSearch {
    min-height: 700px;
    background: #C5D6E6 url('/static/img/bg6.jpg') top center repeat-y;
}

.newAndNoteworthy {
    min-height: 650px;
    background: #34495e;
    padding-top: 25px;
    color: #FFF;
}

.meetings {
    background: #166595 url("/static/img/front-page/bg-web.png") no-repeat center top;
    background-size: cover;
    color: #fff;
}
.meetings .btn {
    box-shadow: 0 0 9px -4px #000;
}

.meetings .btn:hover {
    background: #eee;
    color: #000;
}

.footer {
    margin-top: 0; /* Override footer margin for this page only */
}

h3, h4 {
    font-weight: 400;
}
.quickSearch {
    min-height: 700px;
    background: #C5D6E6 url('/static/img/bg6.jpg') top center repeat-y;
}

.newAndNoteworthy {
    min-height: 650px;
    background: #34495e;
    padding-top: 25px;
    color: #FFF;
}

.meetings {
    background: #166595 url("/static/img/front-page/bg-web.png") no-repeat center top;
    background-size: cover;
    color: #fff;
}
.meetings .btn {
    box-shadow: 0 0 9px -4px #000;
}

.footer {
    margin-top: 0; /* Override footer margin for this page only */
}

Remove hover style from meetings button on home page


#main {
	display: table;
	margin: 0px auto;
}

#title {
	text-align: center;
}

.split {
	width: 50%;
}

.nav-tabs {
	margin: 0;
}

.nav-tabs li:last-child a {
	margin-right: 0 !important;
}

.well {
	border: 1px solid #ddd;
	border-top: none;
}

.nav-tabs .active a, .nav-tabs .active a:hover {
	color: #000;
	background-color: #eee;
}

#results, #reload-button, #options-header, #options {
	display: none;
}

#results #number {
	font-size: 36px;
}
#results #text {
	font-size: 20px;
}
#results #list {
	font-size: 16px;
}
#results ul {
	list-style-type: decimal;
	list-style-position: inside;
}

#reload-button {
	margin: 15px 0px;
}

#options input {
	width: 40px;
}

#number_options #right {
	text-align: right;
}
#number_options #left {
	text-align: left;
}

#main {
	display: table;
	margin: 0px auto;
}

#title {
	text-align: center;
}

.split {
	width: 50%;
}

.nav-tabs {
	border: 1px solid #ddd;
	margin: 0;
}

.nav-tabs li:last-child a {
	margin-right: 0 !important;
}

.well {
	border: 1px solid #ddd;
	border-top: none;
}

.nav-tabs .active a, .nav-tabs .active a:hover {
	color: #000;
	background-color: #eee;
}

#results, #reload-button, #options-header, #options {
	display: none;
}

#results #number {
	font-size: 36px;
}
#results #text {
	font-size: 20px;
}
#results #list {
	font-size: 16px;
}
#results ul {
	list-style-type: decimal;
	list-style-position: inside;
}

#reload-button {
	margin: 15px 0px;
}

#options input {
	width: 40px;
}

#number_options #right {
	text-align: right;
}
#number_options #left {
	text-align: left;
}

Add a border around the tab bar

Add a border around the tab bar


.cs-message {
	position: fixed;
	background-color: #ebf4dd;
	border: solid 1px #64992C;
	border-radius: 3px;
	padding: 10px;
	top: 20px;
    left: 50%;
    margin-left: -200px;
    width: 400px;

    opacity: 0.8;
    box-shadow: 3px 5px 10px #aaa;
    z-index: 10;
}
.cs-message:hover {
	opacity: 1;
}
#cs_data_container {
	position: absolute;
}

#cs_index_container, #cs_data_container, .cs-content-item {
	display: none;
}
#cs_data_container.cs-active, #cs_data_container .cs-content-item.cs-active {
	display: block;
}
body[data-cs-active="true"] #cs_index_container {
	display: block;
}
body[data-cs-active="true"] [data-cs-highlight="true"] {
	background-color: red;
}

#cs_index_container {
	width: 400px;
}
#cs_index_container .cs-active a {
	color: #64992C;
	font-weight: bold;
}

.cs-message {
	position: fixed;
	background-color: #ebf4dd;
	border: solid 1px #64992C;
	border-radius: 3px;
	padding: 10px;
	top: 20px;
    left: 50%;
    margin-left: -200px;
    width: 400px;

    opacity: 0.8;
    box-shadow: 3px 5px 10px #aaa;
    z-index: 10;
}
.cs-message:hover {
	opacity: 1;
}
#cs_data_container {
	position: absolute;
}

#cs_index_container, #cs_data_container, .cs-content-item {
	display: none;
}
#cs_data_container.cs-active, #cs_data_container .cs-content-item.cs-active {
	display: block;
}
body[data-cs-active="true"] #cs_index_container {
	display: block;
}
body[data-cs-active="true"] [data-cs-highlight="true"] {
	xbackground-color: red;
}

#cs_index_container {
}
#cs_index_container .cs-active a {
	color: #64992C;
	font-weight: bold;
}

Remove styling, this should be done by the app


.btn {
  display: block;
  width: 100%;
}

#satu {
  color: #000;
  background-color: #FEF5CB;
}

#dua {
  color: #000;
  background-color: #FAF27A;
}

#tiga {
  color: #000;
  background-color: #FEF086;
}

#empat {
  color: #000;
  background-color: #FFEB03;
}

#lima {
  color: #000;
  background-color: #FFBF4C;
}

#enam {
  color: #000;
  background-color: #F78C2B;
}

#tujuh {
  color: #000;
  background-color: #D17D35;
}

#delapan {
  color: #fff;
  background-color: #A15C22;
}

.btn {
  display: block;
  width: 100%;
}

#satu {
  color: #000;
  background-color: #FEF5CB;
}

#dua {
  color: #000;
  background-color: #FAF27A;
}

#tiga {
  color: #000;
  background-color: #FEF086;
}

#empat {
  color: #000;
  background-color: #FFEB03;
}

#lima {
  color: #000;
  background-color: #FFBF4C;
}

#enam {
  color: #fff;
  background-color: #F78C2B;
}

#tujuh {
  color: #fff;
  background-color: #D17D35;
}

#delapan {
  color: #fff;
  background-color: #A15C22;
}

Set enam and tujuh text color to white

Set enam and tujuh text color to white


main {
  width: 400px;
  margin: 100px auto 0;
}

ul {
  margin: 0;
  padding: 0;
}

li * {
  float: left;
}

li, h3 {
  clear: both;
  list-style: none;
}

input, button {
  outline: none;
}

button {
  background: none;
  border: 0px;
  color: #888;
  font-size: 15px;
  width: 60px;
  margin: 10px 0 0;
  cursor: pointer;
}

button:hover {
  color: #333;
}

h3,
label[for='new-task'] {
  color: #333;
  font-weight: 700;
  font-size: 15px;
  border-bottom: 2px solid #333;
  padding: 30px 0 10px;
  margin: 0;
  text-transform: uppercase;
}

input[type="text"] {
  margin: 0;
  font-size: 18px;
  line-height: 18px;
  height: 18px;
  padding: 10px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 6px;
  color: #888;
}

input[type='text']:focus {
  color: #333;
}

label[for='new-task'] {
  display: block;
  margin: 0 0 20px;
}

input#new-task {
  float: left;
  width: 318px;
}

li {
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}

li > input[type='checkbox'] {
  margin: 0 10px;
  position: relative;
  top: 15px;
}

li > label {
  font-size: 18px;
  line-height: 40px;
  width: 237px;
  padding: 0 0 0 11px;
}

li > input[type='text'] {
  width: 226px;
}

li > .delete:hover {
  color: #CF2323;
}

#completed-tasks label {
  text-decoration: line-through;
  color: #888
}

li input[type='text'] {
  display: none;
}

li.editMode input[type='text'] {
  display: block;
}

li.editMode label {
  display: none;
}

Complete first pass CSS from example

Complete first pass CSS from example


* {
  -webkit-transition: -webkit-transform 1s;
          transition: transform 1s;
}

@-webkit-keyframes spin {

  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

* {
  -webkit-transition: -webkit-transform 1s;
          transition: transform 1s;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

Fix test according to autoprefixer 5.1 patch

Ref https://github.com/postcss/autoprefixer/issues/400
https://github.com/postcss/autoprefixer-core/commit/d2dc756d49201d80ad2b
c915900e9a8148e56979


.steep-view-tools {
    cursor: auto;
    padding: 0.5em;
}

#steep-history {
    display: inline-block;
}

.steep-view-tools {
    cursor: auto;
    padding: 0.5em;
}

#steep-set-viewpoint .oo-ui-iconElement-icon {
    display: inline;
    font-family: steep-icons;
    vertical-align: middle;
    margin-left: -0.5em;
    margin-right: 0.3em;
}

#steep-set-viewpoint .oo-ui-iconElement-icon::after {
    content: '\0079';
}

#steep-history {
    display: inline-block;
    width: 15em;
}

#steep-history .oo-ui-iconElement-icon {
    /*
OO js ui overrides a lot of these properties for dropdowns, so we re-specify them here.
     */
    font-family: steep-icons;
    position: relative;
    vertical-align: middle;
    top: -0.1em;
}

#steep-history .oo-ui-iconElement-icon::after {
    content: '\0062';
}

Put in the icons and some styling for the VisualEditor steep view buttons.


body {
  font-family: 'Big Caslon', serif;
  color: black;
  background-color: #f1f2f6;
}

#home-container {
  margin-top: 25%;
}

#name {
  font-family: 'Big Caslon', serif;
  display: inline-block;
  font-size: 2em;
}

#title {
  font-size: 1.5em;
  font-style: italic;
  display: inline-block;
}

nav {
  display: inline;
}

nav a {
  text-decoration: none;
  font-size: 1.4em;
  font-weight: 400;
}

nav:hover{
  text-decoration: underline;
}

#contact-link img{
  display: inline-block;
  margin-right: 1%;
  margin-left: 1%;
  margin-top: 20px;
  opacity: 0.85;
}

#contact-link:hover img{
  opacity: 1.0;
}

body {
  font-family: 'Big Caslon', serif;
  color: black;
  background-color: #f1f2f6;
}

#home-container {
  margin-top: 25%;
}

#name {
  font-family: 'Big Caslon', serif;
  display: inline-block;
  font-size: 2em;
}

#title {
  font-size: 1.5em;
  font-style: italic;
  display: inline-block;
}

nav {
  display: inline;
}

nav a {
  text-decoration: none;
  font-size: 1.4em;
}

nav:hover{
  text-decoration: underline;
}

#contact-link img{
  display: inline-block;
  margin-right: 1%;
  margin-left: 1%;
  margin-top: 20px;
  opacity: 0.85;
}

#contact-link:hover img{
  opacity: 1.0;
}

Remove redundant style on nav links

Remove redundant style on nav links


/* Special layout to include the Talk sidebar */

/* The original style of the body is kept until the layout has been adjusted to
 * include the Talk sidebar. If only "#body-login" was used, immediately after
 * load and before the sidebar was injected the original elements would be using
 * the style for the adjusted layout, which is not the proper one for them, and
 * this would cause the elements to "jump" to their final position once the
 * layout was adjusted. */
body.talk-sidebar-enabled {
	/* Move rules set for body by guest.scss to the wrapped body. */
	display: unset;
	flex-direction: unset;
	justify-content: unset;
	align-items: unset;
}

body.talk-sidebar-enabled #body-login {
	display: flex;
	justify-content: center;

	background-position: 50% 50%;
	background-repeat: repeat;
	background-size: 275px, contain;
	background-attachment: fixed;

	width: 100%;
	height: 100%;

	/* Changed from guest.scss. */
	flex-direction: row;
	align-items: stretch;
}

/* #body-login should be used to override the #content rules set in server. */
#body-login #content {
	flex-grow: 1;

	flex-direction: column;
	align-items: center;

	height: auto;

	overflow-x: hidden;

	/* Override "padding-top: 50px" set in server. */
	padding-top: 0;
}

/* Special layout to include the Talk sidebar */

/* The original style of the body is kept until the layout has been adjusted to
 * include the Talk sidebar. If only "#body-login" was used, immediately after
 * load and before the sidebar was injected the original elements would be using
 * the style for the adjusted layout, which is not the proper one for them, and
 * this would cause the elements to "jump" to their final position once the
 * layout was adjusted. */
body.talk-sidebar-enabled {
	/* Move rules set for body by guest.scss to the wrapped body. */
	display: unset;
	flex-direction: unset;
	justify-content: unset;
	align-items: unset;
}

body.talk-sidebar-enabled #body-login {
	display: flex;
	justify-content: center;

	background-position: 50% 50%;
	background-repeat: repeat;
	background-size: 275px, contain;
	background-attachment: fixed;

	width: 100%;
	height: 100%;

	/* Changed from guest.scss. */
	flex-direction: row;
	align-items: stretch;
}

/* #body-login should be used to override the #content rules set in server. */
#body-login #content {
	position: relative;

	flex-grow: 1;

	flex-direction: column;
	align-items: center;

	height: auto;

	overflow-x: hidden;

	/* Override "padding-top: 50px" set in server. */
	padding-top: 0;
}

Adjust public share authentication page to layout changes in NC25

The content now has a fixed position to be always centered in the page.
However, in order to add the Talk sidebar the content in the public
share authentication page needs to be "pushed" to the left when the
sidebar is added, so the content position needs to have a relative
position instead (which also keeps the same appearance of the fixed
position when the Talk sidebar is not shown yet).

Signed-off-by: Daniel Calviño Sánchez <bd7629e975cc0e00ea7cda4ab6a120f2ee42ac1b@gmail.com>


#board {
  height: 400px;
  width: 800px;
  background-color: #3399ff;
}

.cell {
  height: 90px;
  width: 190px;
  background-color: #ffcc33;
  display: inline-block;
  margin: 3px;
}

Add height, width, background color, and margin to class cell divs


.source-viewer {

}

.state-viewer-wrapper {
    padding-left: 0;
}

.var-state:not(:last-child) {
    border-bottom: thin solid #aaa;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.var-name {
    font-weight: bold;
}

.CodeMirror {
    // Disable clicks so that no inconsistent state can be reached.
    // `active-line` is only changed via the state viewer's handlers.
    pointer-events: none;
    height: 50em;
}

#slider {
    width: 30em;
    transform: translateX(-15em) translateY(15em) rotate(90deg);
}

#number {
    width: 3em;
    display: inline;
}

.source-viewer {

}

.state-viewer-wrapper {
    padding-left: 0;
}

.var-state:not(:last-child) {
    border-bottom: thin solid #aaa;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.var-name {
    font-weight: bold;
}

.CodeMirror {
    /* Disable clicks so that no inconsistent state can be reached.
       `active-line` is only changed via the state viewer's handlers. */
    pointer-events: none;
    height: 50em;
}

#slider {
    width: 30em;
    transform: translateX(-15em) translateY(15em) rotate(90deg);
}

#number {
    width: 3em;
    display: inline;
}

Fix css for no pointer events on source viewer.


/*
footerで利用しているWufooのフォームの成形用のcss
*/

.wufoo #header h2 {
    display: none;
}

.wufoo li span.req {
    display: none !important;
}

.wufoo input.btTxt.submit {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem 2.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    background-color: #2274ca;
    border-radius: .25rem;
}

.wufoo .buttons {
    text-align: center;
}

.wufoo li.section.scrollText{
  margin: 7px;
}

.wufoo li.section.scrollText{
  margin: 7px;
}

@media screen and (max-width: 640px){
  .wufoo li.section.scrollText{
    margin: 2px;
  }
}

/*
footerで利用しているWufooのフォームの成形用のcss
*/

.wufoo #header h2 {
    display: none;
}

.wufoo li span.req {
    display: none !important;
}

.wufoo input.btTxt.submit {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem 2.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    background-color: #2274ca;
    border-radius: .25rem;
}

.wufoo .buttons {
    text-align: center;
}

.wufoo li.section.scrollText{
  margin: 7px;
}

.wufoo li.section.scrollText{
  margin: 7px;
}

@media screen and (max-width: 480px){
  .wufoo li.section.scrollText{
    margin: 2px;
  }
}

Tweak max-width of Wufoo PP field for only-mobile


/*GENERAL***********************/

a {
  text-decoration: none;
  color: #5d5d5d;
}

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

body {
  width: 100%;
  margin: 0;
  font-family: 'Lato', sans-serif;
}

header {
  width: 100%;
  margin: 100px 0 0 0;
}

span {
  font-size: 0.8em;
}

/*BANNER*************************/

.banner {
  width: 100%;
  display: inline-block;
  background: url(../blog/imgs/IMG_2029.jpg) no-repeat center center fixed;
  background-size: cover;
}

/*NAVIGATION BAR********************/

nav {
  font-size: 1.5em;
  text-align: center;
  padding-bottom: 0;
  background-color: #fff;
  background-color: rgba(249,249,249,0.95);
}

nav li {
  list-style-type: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}

nav li:hover {
  background-color: purple;
}

nav a {
  padding: 0 30px;
}

nav a:hover {
  color: white;
}

/*HEADER*************************/

header h1 {
  margin-left: 20%;
  width: 700px;
  font-size: 4em;
}

/*BLOG TEMPLATE*************************/

article h2 {
  font-size: 2em;
}

.serif {
  font-family: 'Lora', serif;
}

article {
  max-width: 600px;
  padding: 10px;
  margin-left: 20%;
  margin-right: 5%;
  font-size: 1em;
  line-height: 1.7em;
}

footer {
  width: 100%;
  text-align: center;
}

Add stylesheets folder and blog css

Add stylesheets folder and blog css


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

main {
   flex: 1;
}

body > header, article {
  margin-bottom: 1.75rem;
}

body > footer {
  margin-top: 1.2rem;
  padding-bottom: 1.4rem;
  padding-top: 1.4rem;
}

main header {
  margin-bottom: 0.6rem;
}

.navbar {
  padding-left: 0;
}

.truncated {
  display: inline-block;
  vertical-align: bottom;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

main {
   flex: 1;
}

body > header, article {
  margin-bottom: 1.75rem;
}

body > footer {
  margin-top: 1.2rem;
  padding-bottom: 1.4rem;
  padding-top: 1.4rem;
}

main header {
  margin-bottom: 0.6rem;
}

.navbar {
  padding-left: 0;
  padding-right: 0;
}

.truncated {
  display: inline-block;
  vertical-align: bottom;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

Set navbar left padding to 0

Set navbar left padding to 0


@import "normalize.css/normalize.css";
@import "variables.css";
@import "utils.css";
@import "grid.css";
@import "buttons.css";

body{
  color: var(--default-text-color);
  background-color: var(--default-bg-color);
}

@import "normalize.css/normalize.css";
@import "placeholder.css";
@import "variables.css";
@import "utils.css";
@import "grid.css";
@import "buttons.css";
@import "typography.css";
@import "forms.css";

html{
  font-size: var(--default-font-size);
}

body{
  color: var(--default-text-color);
  background-color: var(--default-bg-color);
  font-family: var(--default-font-family);
  line-height: 1.6;
}

Add some typography properties and import some files.


.gameapp {
  display: flex;
  flex-direction: row;
  height: 100vh;
  width: 100vw;
}

.gameboard {
  flex: 1;
  position: relative;
  margin: 1lh;
}

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

.controls {
  display: flex;
  justify-content: space-evenly;
}

.scoreboard {
  background: var(--bg-accent-color);
  color: var(--font-accent-color);
  padding: 1lh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.scoreboard-snakes {
  flex: 1;
}

.scoreboard-header {
  margin-bottom: 2lh;
}

.scoreboard-snake ~ .scoreboard-snake {
  margin-top: 1lh;
}

.scoreboard-snake-dead {
  opacity: 0.5;
}

.healthbar-text {
  display: flex;
  justify-content: space-between;
}

.healthbar {
  height: 0.2lh;
}

.division-logo {
  margin: 0 2lh;
}

.gameapp {
  display: flex;
  flex-direction: row;
  height: 100vh;
  width: 100vw;
}

.gameboard {
  flex: 1;
  position: relative;
  margin: 1lh;
}

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

.controls {
  display: flex;
  justify-content: space-evenly;
}

.scoreboard {
  background: var(--bg-accent-color);
  color: var(--font-accent-color);
  padding: 1lh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 300px;
}

.scoreboard-snakes {
  flex: 1;
}

.scoreboard-header {
  margin-bottom: 2lh;
}

.scoreboard-snake ~ .scoreboard-snake {
  margin-top: 1lh;
}

.scoreboard-snake-dead {
  opacity: 0.5;
}

.healthbar-text {
  display: flex;
  justify-content: space-between;
}

.healthbar {
  height: 0.2lh;
}

.division-logo {
  margin: 0 2lh;
}

Fix bad sizing on scoreboard.

Fix bad sizing on scoreboard.


:local(.component) {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

:local(.days),
:local(.header) {
  display: flex;
  align-items: flex-start;
}

:local(.daysWrapper) {
  position: relative;
  border-top: 1px solid #ccc;
  overflow: auto;
  flex: 1 1 auto;
  -webkit-overflow-scrolling: touch;
}

:local(.header) {
  padding-left: 30px;
  flex-shrink: 0;
}

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

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

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

:local(.component) {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

:local(.days),
:local(.header) {
  display: flex;
  align-items: flex-start;
}

:local(.daysWrapper) {
  position: relative;
  border-top: 1px solid #ccc;
  overflow: auto;
  flex: 1 1 auto;
  -webkit-overflow-scrolling: touch;
}

:local(.header) {
  padding-left: 30px;
  flex-shrink: 0;
}

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

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

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

Fix scrolling of main container in IE10/11

After a lot of trial-and-error, changing the max-height to height seems
to do the trick.


.site-wrapper{
    text-align: center;
    background-image: url("https://mastajappa.files.wordpress.com/2011/02/city_night-00000.jpg");
    height: 100vh;
    color: white;
}

.site-wrapper{
    text-align: center;
    background-image: url("https://mastajappa.files.wordpress.com/2011/02/city_night-00000.jpg");
    height: 100vh;
    color: white;
    padding: 10%;
    font-family: cursive;
    font-size: 40px;
}

Add font-style, color, and padding.

Add font-style, color, and padding.


/* @override http://localhost:4020/static/sproutcore/en/desktop/_cache/sc.theme/1227685866/label.css */

/* SC.LabelView - sc-theme support */

.sc-theme .sc-label-view.sc-large-size {
	font-size: 18px;
	line-height: 24px;
}

.sc-theme .sc-label-view.sc-regular-size {
	font-size: 12px;
	line-height: 19px;
}

.sc-theme .sc-label-view.sc-small-size {
	font-size: 11px;
	line-height: 14px;
}

.sc-theme .sc-label-view.sc-tiny-size {
	font-size: 9px;
	line-height: 12px;
}

.sc-theme .sc-label-view.disabled {
	color: #999;
}

.sc-theme .sc-label-view img.icon {
	position: relative;
	vertical-align: middle;
	top: -2px;
	margin-left: 2px;
	margin-right: 4px;
	height: 16px;
	width: 16px;
}

/* @override http://localhost:4020/static/sproutcore/en/desktop/_cache/sc.theme/1227685866/label.css */

/* SC.LabelView - sc-theme support */

.sc-theme .sc-label-view.sc-huge-size {
	font-size: 24px;
	line-height: 36px;
}

.sc-theme .sc-label-view.sc-large-size {
	font-size: 18px;
	line-height: 24px;
}

.sc-theme .sc-label-view.sc-regular-size {
	font-size: 12px;
	line-height: 19px;
}

.sc-theme .sc-label-view.sc-small-size {
	font-size: 11px;
	line-height: 14px;
}

.sc-theme .sc-label-view.sc-tiny-size {
	font-size: 9px;
	line-height: 12px;
}

.sc-theme .sc-label-view.disabled {
	color: #999;
}

.sc-theme .sc-label-view img.icon {
	position: relative;
	vertical-align: middle;
	top: -2px;
	margin-left: 2px;
	margin-right: 4px;
	height: 16px;
	width: 16px;
}

Add missing CSS style for huge

Add missing CSS style for huge


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

/*
.mapillary-js {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 75%;
}

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

.rectContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.Rect {
    position: absolute;
    outline: 1px solid lime;
}

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

/*
.mapillary-js {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 75%;
}

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

.rectContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.Rect {
    position: absolute;
    outline: 2px solid lime;
}

Make detection rects more visible

Make detection rects more visible


#jquery-clipster-overlay {
  position: fixed;
  z-index: 100;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: .5;
  display: table;
}

#jquery-clipster-overlay span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 3em;
  font: Helvetica
}

#jquery-clipster-overlay input {
  opacity: 0;
  position: absolute;
}

#jquery-clipster-overlay {
  position: fixed;
  z-index: 1003;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: .5;
  display: table;
}

#jquery-clipster-overlay span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 3em;
  font: Helvetica
}

#jquery-clipster-overlay input {
  opacity: 0;
  position: absolute;
}

Bump up the z-index even more.

Bump up the z-index even more.


.badge-ecma6 {
  background-color: #E68A00;
}

.badge-ecma2019 {
  background-color: #E68A00;
}

.badge-non-std {
  background-color: #B94A48;
}

.badge-ecma6, .badge-ecma2019 {
  background-color: #E68A00;
}

.badge-non-std {
  background-color: #B94A48;
}

Consolidate ECMA badge CSS class definitions


:root {
   --text-color: #111;

  --color: #546e7a;
  --color-dark: #29434e;
  --color-light: #819ca9;
  --border-color: #dce3ea;
  --color--background--light: #e2f1f8;
  --color--background--dark: #eee;
  --secondary-color: #ffc400;
  --secondary-color--hover: #c79400;

  --navigation-background: var(--color-light);

  --highlight: var(--color);

  --copy-color: #222;
  --copy-color-light: #444;
  --copy-light: #bbb;

  --width: 45rem;
}

:root {
   --text-color: #111;

  --color: #546e7a;
  --color-dark: #29434e;
  --color-light: #819ca9;
  --border-color: #dce3ea;
  --color--background--light: #e2f1f8;
  --color--background--dark: #eee;
  --secondary-color: #ffc400;
  --secondary-color--hover: #c79400;

  --navigation-background: #607D8B;

  --highlight: var(--color);

  --copy-color: #222;
  --copy-color-light: #444;
  --copy-light: #aaa;

  --width: 45rem;
}

Use better background color for navigation


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

#SignonViewerDialog {
  background: url(chrome://global/skin/icons/dialog-background.png) -20px 0 repeat-y #dadce4;
}

.contentPane {
  margin: 9px 8px 5px;
}

#signonsTree {
  margin: 2px -8px;
  border-right: 0;
  border-left: 0;
}

#SignonViewerDialog > hbox {
  border-top: 2px groove #d4d0c8;
  background: url(chrome://browser/skin/icons/Tool-background2.png) top left repeat-x #adaebb;
}

.actionButtons {
  margin: 5px 0;
}

treechildren::-moz-tree-image(siteCol) {
  list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png);
  width: 16px;
  height: 16px;
  -moz-margin-end: 5px;
}

Fix favicon sizes in password manager

Fix favicon sizes in password manager


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

treechildren::-moz-tree-image(siteCol){
	list-style-image:url(chrome://global/skin/global.png);
	-moz-image-region:rect(144px 16px 160px 0);
	width:16px;
	height:16px;
	margin-inline-end:3px}

Fix favicon sizes in password manager

Fix favicon sizes in password manager


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

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

header {
background: orange;
padding: 15px;
margin: 0;
color: white;
}

nav ul {
display:inline;
padding: 15px;
color: white;
}

nav ul li {
  display: inline;
  color: white;
}
 a h1 h4 p {
	color:FFFFFF;
}

.summary .sidebar{
  clear: all;
  margin: 20px 20px 20px 10px;
  width: 140px;
  float: right;
  top: 260px;
  left: 330px;

  }
.summary p {
  font: Helvetica;
  text-align: center;
  float: right;
  }

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

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

header {
background: orange;
padding: 15px;
margin: 0;
color: white;
}

nav ul {
display:inline;
padding: 15px;
color: white;
}

nav ul li {
  display: inline;
  color: white;
}
 a h1 h4 p {
	color:FFFFFF;
}

.summary {
  clear: all;
  margin: 20px 20px 20px 10px;
  width: 140px;
  float: right;
  top: 260px;
  left: 330px;

  }
.summary p {
  font: Helvetica;
  text-align: center;
  float: right;
  }

Move text to side bar

Move text to side bar


body {
    padding-bottom: 20px;
}

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

.navbar {
    position: relative;
    font-size: 30px;
}

body {
    padding-bottom: 20px;
}

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

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

Fix navbar buttons on mobile.

Fix navbar buttons on mobile.