/* CHANGELISTS */

.change-list .hiddenfields { display:none; }

/* ACTIONS */

.actions span.all,
.actions span.action-counter,
.actions span.clear,
.actions span.question {
    display: none;
}

#action-toggle {
    display: none;
}

Fix hidden display of actions links in change_list

The js for the action feedback and multiple selection links assumes
some spans have a initial hidden display.

The sheet admin/css/changelists.css seems not being used at all.
We override it with the relevant parts and everything else with
"display: none".


/*
 * Custom css for BeBoPr's blog.
 * By Sander Laarhoven ;)
 */

/* Add some margin to image titles. */
.imageblock>.title {
  margin-top: 10px;
  margin-bottom: 30px;
}

Add some margin to image titles.

Add some margin to image titles.


small {
  color: #999;
}

.highlight {
  color: #fff;
}

/**
 * Article info.
 */

.article-info__topics li:after {
  content: ', ';
}

.article-info__topics li:last-of-type:before {
  content: ' and ';
}

.article-info__topics li:last-of-type:after {
  content: '';
}

.article-info__topics li:first-of-type:before {
  content: '';
}

Add commas and "and" around topics.

Add commas and "and" around topics.


body {
    font-family: Droid Sans, Arial, sans-serif;
    font-size: 14px;
}
input[name=url] {
    width: 45em;
}
input[name=width],
input[name=height] {
    width: 5em;
}

body {
    font: 14px/1.4 "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
}
input[name=url] {
    width: 45em;
}
input[name=width],
input[name=height] {
    width: 5em;
}

Change font family and line-height

Change font family and line-height


.panelists-section {
  background-color: #141414;
  lost-utility: clearfix;

  @media only screen and (min-width : 1400px) {
    background-image: url(resources/images/confetti-dark.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 400px 220px;
  }

  &__container {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
  }

  &__heading {
    text-align: center;
    color: #e2d046;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;

    @media only screen and (min-width : 800px) {
      text-align: left;
      font-size: 1.7em;
      margin-top: 30px;
      margin-bottom: 30px;
    }
  }

  .person__details__text--twitter,
  .person__details__text--name {
      color: #f8f8f8;
  }

  &__caption {
    color: #f0f0f0;
    text-align: center;
  }

  &__link {
    color: #f0f0f0;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
  }
}

.panelists-section {
  background-color: #141414;
  lost-utility: clearfix;

  @media only screen and (min-width : 1400px) {
    background-image: url(resources/images/confetti-dark.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 400px 220px;
  }

  &__container {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
  }

  &__heading {
    text-align: center;
    color: #e2d046;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;

    @media only screen and (min-width : 800px) {
      text-align: left;
      font-size: 1.7em;
      margin-top: 30px;
      margin-bottom: 30px;
    }
  }

  .person__details__text--twitter,
  .person__details__text--name {
      color: #f8f8f8;
  }

  &__caption {
    color: #f0f0f0;
    text-align: center;
  }

  &__link {
    color: #f0f0f0;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
  }
}

Make panelist links more prominent

Make panelist links more prominent


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

.topper {
  height: 5%;
}

.drawer {
  background-color: #fff;
  height: 95%;
  overflow-y: scroll;
  position: absolute;
  transform: translate(-300px, 0);
  transition: transform 0.3s ease;
  width: 300px;
  will-change: transform;
  z-index: 10;
  -webkit-transform: translate(-300px, 0);
}

.drawer.open {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.location-list {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.location-item {
  border-bottom: 1px solid #E0E0E0;
  box-sizing: border-box;
  display: list-item;
  line-height: 24px;
  padding: 24px;
  text-align: left;
  width: 100%;
}

#map-canvas {
  height: 95%;
}

/* Whole document */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Mobile top area */
.topper {
  background-color: #f53c24;
  height: 48px;
  text-align: right;
}

.hamburger {
  color: #fff;
  display: inline-block;
  font-size: 1.8em;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 48px;
}

/* Drawer */
.drawer {
  background-color: #fff;
  height: calc(100% - 48px);
  overflow-y: scroll;
  position: absolute;
  transform: translate(-300px, 0);
  transition: transform 0.3s ease;
  width: 300px;
  will-change: transform;
  z-index: 10;
  -webkit-transform: translate(-300px, 0);
}

.drawer.open {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.location-list {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.location-item {
  border-bottom: 1px solid #E0E0E0;
  box-sizing: border-box;
  display: list-item;
  line-height: 24px;
  padding: 24px;
  text-align: left;
  width: 100%;
}

/* Map */
#map-canvas {
  height: calc(100% - 48px);
  margin: 0;
  padding: 0;
}

Change color and alignment in top bar

feat: Change color and alignment in top bar


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

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

Add top padding to smaller screens

Add top padding to smaller screens


* {
    border: 0;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

html {
    min-height: 100%;
}

body {
    background: url('https://github.com/allisonPlusPlus/therapy3/blob/master/1918.jpeg?raw=true') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.h1 {
  font-family: 'Artifika', serif;
}

.quote {
  font-family: 'Kaushan Script', cursive;
  font-size: 30px;
}

author {
  font-size: 20px;
}

* {
    border: 0;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

html {
    min-height: 100%;
}

body {
    background: url('https://github.com/allisonPlusPlus/therapy3/blob/master/1918.jpeg?raw=true') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.h1 {
  font-family: 'Artifika', serif;
}

.quote {
  font-family: 'Kaushan Script', cursive;
  font-size: 25px;
}

author {
  font-size: 20px;
}

Reduce size of quote by 5px

Reduce size of quote by 5px


html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  margin: 0;
  width: 100%;
  height: 100%;
}

h1 {
  font-size: 3rem;
}

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

.img--rounded {
  border-radius: 50%;
  margin: 1rem;
  padding: .2rem;
  background-color: rgb(255,255,255);
  border: 1px solid rgb(30,30,30);
}

.content {
  height: 100%;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content--header {
  padding: 1rem;
}
.content--h1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}
.content--link {
  padding: .25rem;
}
.content--footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  margin: 0;
  width: 100%;
  height: 100%;
}

h1 {
  font-size: 3rem;
}

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

.img--rounded {
  border-radius: 50%;
  margin: 1rem;
  padding: .2rem;
  background-color: rgb(255,255,255);
  border: 1px solid rgb(30,30,30);
}

.wrapper {
  height: 100%;
}

.content {
  height: 100%;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content--header {
  padding: 1rem;
}
.content--h1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}
.content--link {
  padding: .25rem;
}
.content--footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

Fix height of wrapper div

Fix height of wrapper div


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

.ng-scope {
  height: 100%;
}

.message {
  text-align: center;
}

nav {
  background-color: black;
}

.btn-floating.btn-large {
  width: 500px;
  height: 500px;
  display: block;
  vertical-align: middle;
  line-height: 550px;
  margin: 0 auto;
}

.btn-large i {
  font-size: 6em;
}

.botNav {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 92%;
  width: 100%;
  background-color: black;
  text-align: center;
}

.botLink {
  display: inline-block;
  color: white;
  font-size: 24pt;
}

.left {
  position: relative;
  float: left;
  left: 1%;
}

.right {
  position: absolute;
  float: right;
  right: 1%;
}

.congrats {
  position: relative;
  top: 30%;
  color: green;
  text-align: center;
  font-size: 32pt;
}

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

.ng-scope {
  height: 100%;
}

.message {
  text-align: center;
}

nav {
  background-color: black;
}

.btn-floating.btn-large {
  width: 22em;
  height: 22em;
  display: block;
  vertical-align: middle;
  line-height: 28em;
  margin: 0 auto;
}

.btn-large i {
  font-size: 6em;
}

.botNav {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 92%;
  width: 100%;
  background-color: black;
  text-align: center;
}

.botLink {
  display: inline-block;
  color: white;
  font-size: 24pt;
}

.left {
  position: relative;
  float: left;
  left: 1%;
}

.right {
  position: absolute;
  float: right;
  right: 1%;
}

.congrats {
  position: relative;
  top: 30%;
  color: green;
  text-align: center;
  font-size: 32pt;
}

Use relative sizing for bolt button

Use relative sizing for bolt button


.modal-budget-move-money .modal, .modal-budget-overspending .modal {
    width: 20em;
    height: 20em;
}

.ynab-select-options {
    height: 20em;
    top: -86px;
}

.modal-budget-move-money .modal-actions {
    padding: 7.3em .765em .765em .765em;
}

.modal-budget-move-money .modal, .modal-budget-overspending .modal {
    width: 20em;
    height: 20em;
}

.ynab-select-options {
    height: 20em;
}

.modal-budget-move-money .modal-actions {
    padding: 7.3em .765em .765em .765em;
}

Fix category hover issue of Move Money Dialog


.rcm-input {

}

.rcm-input.image label {
    display: block;
}

.rcm-input.image img {
    /*max-width: 120px !important;*/
    /*max-height: 170px !important;*/
    /*float: left;*/
    /*margin-right: 10px*/
}

.rcm-input {

}

.rcm-input.image label {
    display: block;
}

.rcm-input.image img {
    max-height: 8em;
    /*max-width: 120px !important;*/
    /*max-height: 170px !important;*/
    /*float: left;*/
    /*margin-right: 10px*/
}

Add size limit to images

Add size limit to images


body {
    background: #e6e6e6;
}

article {
    background: #fdfdfd;

    overflow: auto;
    padding: 1em;
}

h1, h2, h3, th {
    text-transform: capitalize;
}

header.panel, footer.panel {
    margin-bottom: 0;
}

header .siteName, header .tagLine, footer .credits {
    text-shadow: 1px 1px 2px #969696;
    color: #fff
}

.selected {
    font-weight: bold;
    background-color: #222;
    color: #fff
}

header.panel, footer.panel {
    background: rgb(231, 177, 79);;
}

header .siteName {
    display: inline;
    text-shadow: 1px 1px 2px #969696;
}

header .tagLine {
    margin-left: 2em;
    display: inline;
}

.cdns {
    margin-bottom: 1em;
}

.cdn, .control {
    margin-right: 2em;
}

.controlsContainer {
    margin-bottom: 0.5em;
}

.legend {
    width: 100%;
}

.legend th {
    text-align: left;
}

.help {
    padding: 0.75em;
}

.help p {
    font-size: small;
}

body {
    background: #e6e6e6;
}

article {
    background: #fdfdfd;

    overflow: auto;
    padding: 1em;
}

h1, h2, h3, th {
    text-transform: capitalize;
}

header.panel, footer.panel {
    margin-bottom: 0;
}

header .siteName, header .tagLine, footer .credits {
    text-shadow: 1px 1px 2px #969696;
    color: #fff
}

.selected {
    padding: 0.25em;
    font-weight: bold;
    background-color: #222;
    color: #fff
}

header.panel, footer.panel {
    background: rgb(231, 177, 79);;
}

header .siteName {
    display: inline;
    text-shadow: 1px 1px 2px #969696;
}

header .tagLine {
    margin-left: 2em;
    display: inline;
}

.cdns {
    margin-bottom: 1em;
}

.cdn, .control {
    margin-right: 2em;
}

.controlsContainer {
    margin-bottom: 0.5em;
}

.legend {
    width: 100%;
}

.legend th {
    text-align: left;
}

.help {
    padding: 0.75em;
}

.help p {
    font-size: small;
}

Add some padding to selected items

Add some padding to selected items

This makes the text more readable.


#project-selector a {
    color: #333;
}

#project-selector a:hover {
    text-decoration: none;
}

#project-selector a:hover .project {
    border-color: #0091EA;
}

#project-selector .project {
    border-color: #ddd;
    padding: 24px 24px 24px 64px;
    position: relative;
}

#project-selector .project h4 {
    margin-top: 0;
}

#project-selector .project.selected {
    border-color: #0091EA;
}

#project-selector .project .status {
    position: absolute;
    left: 24px;
}

#project-selector a {
    color: #333;
}

#project-selector a:hover {
    text-decoration: none;
}

#project-selector a:hover .project {
    border-color: #0091EA;
}

#project-selector .project {
    border-color: #ddd;
    padding: 24px 24px 24px 64px;
    position: relative;
}

#project-selector .project h4 {
    font-weight: bold;
    margin-top: 0;
}

#project-selector .project.selected {
    border-color: #0091EA;
}

#project-selector .project .status {
    position: absolute;
    left: 24px;
}

Tweak style to match top nav.

Tweak style to match top nav.


.dash-segment:not(.dash-segment-award) .segment-content {
    border-radius: 3px;
    padding: 15px;
    box-shadow: 2px 4px 5px rgba(0,0,0,0.2);
    background-color: hsl(0, 0%, 97%);
    transition: all 0.5s;
}
.dash-segment:not(.dash-segment-award) [class="segment-content"]:hover {
    box-shadow: 2px 4px 5px rgba(0,0,0,0.6);
    background-color: hsl(0, 0%, 100%);
}

a.friend_man {
    border-radius: 1px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    transition: box-shadow 0.5s;
}

a.friend_man:hover {
    border-radius: 1px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

.display_name, h2 {
    color: #36628B;
    text-transform: uppercase;
}

.dash-segment:not(.dash-segment-award) .segment-content {
    border-radius: 3px;
    padding: 15px;
    box-shadow: 2px 4px 5px rgba(0,0,0,0.2);
    background-color: hsl(0, 0%, 97%);
    transition: all 0.5s;
}
.dash-segment:not(.dash-segment-award) [class="segment-content"]:hover {
    box-shadow: 2px 4px 5px rgba(0,0,0,0.4);
    background-color: hsl(0, 0%, 100%);
}

a.friend_man {
    border-radius: 1px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    transition: box-shadow 0.5s;
}

a.friend_man:hover {
    border-radius: 1px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}

.display_name, h2 {
    color: #36628B;
    text-transform: uppercase;
}

Make box-shadow when hover lighter

Make box-shadow when hover lighter


body, html {
    background-image: url(images/arch-linux-minimalistic-rainbow.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin: 0;
}

a:link {
    color: white;
}

a:visited {
    color: lightgrey;
}

.element {
    text-decoration: none;
    color: black;
    background-color: lightgrey;
    padding: 10px
}

.element:hover {
    background-color: grey;
}

.active {
    background-color: grey;
}

img {
    text-align: center;
}

.img-container {
    text-align: center;
}

.icon-container {
    text-align: center;
}

.icon-container a {
    text-decoration: none;
}

.icon-container img:hover {
    opacity: 0.5;
}

.navbar {
    padding: 18px;
}

.navbar a:link {
    color: black
}

.navbar a:visited {
    color: black
}

.content {
    padding: 10px 18px;
    color: white;
}

table, th, td {
    border: 1px solid white;
    text-align: center;
}

body, html {
    background-image: url(images/arch-linux-minimalistic-rainbow.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    margin: 0;
}

body {
    height: 100%;
    overflow: scroll;
    padding-bottom: 20px;
}

a:link {
    color: white;
}

a:visited {
    color: lightgrey;
}

.element {
    text-decoration: none;
    color: black;
    background-color: lightgrey;
    padding: 10px
}

.element:hover {
    background-color: grey;
}

.active {
    background-color: grey;
}

img {
    text-align: center;
}

.img-container {
    text-align: center;
}

.icon-container {
    text-align: center;
}

.icon-container a {
    text-decoration: none;
}

.icon-container img:hover {
    opacity: 0.5;
}

.navbar {
    padding: 18px;
}

.navbar a:link {
    color: black
}

.navbar a:visited {
    color: black
}

.content {
    padding: 10px 18px;
    color: white;
}

table, th, td {
    border: 1px solid white;
    text-align: center;
}

Fix content hidden on mobile phones

Fix content hidden on mobile phones

When there is too much content to display on a mobile phone, the content
begins to become hidden. Body needs to be set to overflow scroll to
display clipped content via scrollbar.

Signed-off-by: Kien Ha <3e36ebd6a7c89ee7d9a20a5fbbffc571f107e566@gmail.com>


uno-counter {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

uno-counter md-checkbox {
    align-self: center;
}

uno-counter .buttons {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

uno-counter .count {
    font-size: 7em;
}

uno-counter .md-button.md-fab {
    width: 60px;
    height: 60px;
    padding-top: 4px;
}

uno-counter .md-button.md-fab img {
    width: 48px;
    height: 48px;
}

.changelog {
    position: absolute;
    width: calc(100% - 25px);
}

.count aside {
    display: inline;
    font-size: 0.5em;
    vertical-align: super;
}

.ffa span {
    font-size: 3em;
}

uno-counter {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

uno-counter md-checkbox {
    align-self: center;
}

uno-counter .buttons {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

uno-counter .count {
    font-size: 7em;
}

uno-counter .md-button.pressed {
    border: 2px solid red;
    padding: 2px;
}

uno-counter .md-button.md-fab {
    width: 60px;
    height: 60px;
    padding-top: 4px;
}

uno-counter .md-button.md-fab img {
    width: 48px;
    height: 48px;
}

.changelog {
    position: absolute;
    width: calc(100% - 25px);
}

.count aside {
    display: inline;
    font-size: 0.5em;
    vertical-align: super;
}

.ffa span {
    font-size: 3em;
}

Update Style to show button pressed

Update Style to show button pressed

This contributes to #2


  body {
    background: rgb(230, 240, 250);
    color: rgb(10, 20, 30);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em
  }

  @keyframes tossing {
    0% {
      transform: rotate(-4deg);
    }
    50% {
      transform: rotate(4deg);
    }
    100% {
      transform: rotate(-4deg);
    }
  }

  #ship {
    animation-name: tossing;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
  }

  body {
    background: rgb(245, 250, 255);
    color: rgb(10, 15, 20);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    max-width: 40em;
    margin-left: auto;
    margin-right: auto;

    margin-top: 3em;
    margin-bottom: 6em;
  }

  @keyframes tossing {
    0% {
      transform: rotate(-4deg);
    }
    50% {
      transform: rotate(4deg);
    }
    100% {
      transform: rotate(-4deg);
    }
  }

  #ship {
    animation-name: tossing;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
  }

Add more margin and tweak the colors

Add more margin and tweak the colors


body
{
  margin: 0;
  padding: 0;
}

body > menu
{
  background-color: white;
  margin: 0;
  padding: 1em 2em;
}
body > menu p
{
  margin: 0;
}

body > main
{
  margin: 0;
  padding: 0.5em 2em;
  background-color: #eee;

  border-top:    solid #ccc 1px;
  border-bottom: solid #ccc 1px;
}

body > footer
{
  margin: 0;
  padding: 5em 0 5em;
  font-size: 0.7em;
  color: #ccc;
  text-align: center;
}

body
{
  margin: 0;
  padding: 0;
  max-width: 60em;
}

@media screen and (min-width: 60em)
{
  body
  {
    margin: auto;
  }
  body > menu,
  body > main
  {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
}

body > menu
{
  background-color: white;
  margin: 0;
  padding: 1em 2em;
}
body > menu p
{
  margin: 0;
}

body > main
{
  margin: 0;
  padding: 0.5em 2em;
  background-color: #eee;

  border-top:    solid #ccc 1px;
  border-bottom: solid #ccc 1px;
}

body > footer
{
  margin: 0;
  padding: 5em 0 5em;
  font-size: 0.7em;
  color: #ccc;
  text-align: center;
}
body > footer a
{
  color: #aaa;
}

Add @media rule to limit body width

Add @media rule to limit body width


/* $Id$ */
#showhide_columns {}
.cssmenu_horiz li {
	width: 11em;
}

.box-data ol {
	margin-left: 0;
}

.box-data ul {
	margin-left: 1em;
}

.wikiactions .icons,
.wikiactions form {/*display: inline*/}

.codelisting {
	padding-bottom: 1.8em;
}

/* $Id$ */
#showhide_columns {}
.cssmenu_horiz li {
	width: 11em;
}

.box-data ol {
	margin-left: 0;
}

.box-data ul {
	margin-left: 1em;
}

#col2 .cssmenu_vert {
	margin-left: 0;
}

.wikiactions .icons,
.wikiactions form {/*display: inline*/}

.codelisting {
	padding-bottom: 1.8em;
}

[FIX] Move CSS menu to the left so it doesn't extend outside the module.

git-svn-id: a7fabbc6a7c54ea5c67cbd16bd322330fd10cc35@22000 b456876b-0849-0410-b77d-98878d47e9d5


body {
        font-family: sans-serif;
}

.lighter {
	color: rgb(130, 130, 130);
}

.t_red {
	color: rgb(255, 0, 0);
}

.t_blue {
        color: rgb(0, 0, 255);
}

.t_yellow {
	color: rgb(230, 160, 70);
}

.t_green {
	color: rgb(0, 255, 0);
}

.input_error {
	background-color: rgb(240, 180, 175);
}

.list {
	vertical-align: top;
}

.listzebra {
	vertical-align: top;
	background-color: rgb(245, 250, 255);
}

#cookie_note {
	position: relative;
	height: 90px;
	width: 670px;
	margin: 100 auto;
	background: #d4ddea;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
}

body {
        font-family: sans-serif;
}

a {
	text-decoration: none;
}

.lighter {
	color: rgb(130, 130, 130);
}

.t_red {
	color: rgb(255, 0, 0);
}

.t_blue {
        color: rgb(0, 0, 255);
}

.t_yellow {
	color: rgb(230, 160, 70);
}

.t_green {
	color: rgb(0, 255, 0);
}

.input_error {
	background-color: rgb(240, 180, 175);
}

.list {
	vertical-align: top;
}

.listzebra {
	vertical-align: top;
	background-color: rgb(245, 250, 255);
}

#cookie_note {
	position: relative;
	height: 90px;
	width: 670px;
	margin: 100 auto;
	background: #d4ddea;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
}

Set links to not be underlined

CSS: Set links to not be underlined

Firefox doesn't display links underlined by default, epiphany does.
Force them off.

Signed-off-by: Andrew Clayton <02e0a999c50b1f88df7a8f5a04e1b76b35ea6a88@opentechlabs.co.uk>


#project1, #project2 {
  display: none;
}

.wrap {
    margin: auto;
    width: 50%;
    border: 3px solid #73AD21;
    padding: 70px;
}

img {
    display: block;
    margin: auto;
    width: 140%;
}

#project1, #project2 {
  display: none;
}

.wrap {
    margin: auto;
    width: 50%;
    border: 3px solid #73AD21;
    padding: 70px;
    overflow: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

img {
    display: block;
    margin: auto;
    width: 140%;
}

Add to wrap class for imgs

Add to wrap class for imgs


/*
 * Copyright 2021 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

/* See: https://crbug.com/1227651 for details on changing these to --override pattern. */

.node-label-name {
  color: var(--override-node-text-label-color, --color-token-tag);
}

.node-label-class {
  color: var(--override-node-text-class-color, --color-token-attribute);
}

.node-label-id {
  color: var(--override-node-text-id-color);
}

.node-label-class.node-multiple-descriptors {
  color: var(--override-node-text-multiple-descriptors-class, var(--override-node-text-class-color, --color-token-attribute));
}

.node-label-id.node-multiple-descriptors {
  color: var(--override-node-text-multiple-descriptors-id, var(--override-node-text-id-color, --color-token-attribute));
}

/*
 * Copyright 2021 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

/* See: https://crbug.com/1227651 for details on changing these to --override pattern. */

.node-label-name {
  color: var(--override-node-text-label-color, var(--color-token-tag));
}

.node-label-class {
  color: var(--override-node-text-class-color, var(--color-token-attribute));
}

.node-label-id {
  color: var(--override-node-text-id-color, var(--color-token-attribute));
}

.node-label-class.node-multiple-descriptors {
  color: var(--override-node-text-multiple-descriptors-class, var(--override-node-text-class-color, var(--color-token-attribute)));
}

.node-label-id.node-multiple-descriptors {
  color: var(--override-node-text-multiple-descriptors-id, var(--override-node-text-id-color, var(--color-token-attribute)));
}

Fix NodeText CSS fallback values

Fix NodeText CSS fallback values

Fallbacks given to var() need to be wrapped in var themselves if they
are variables, else the browser will try to apply the literal string
`--devtools-whatever` as the value.

Bug: none
Change-Id: I2a9287b7e41ccdd23057044355f16b4336bca98e
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3735063
Auto-Submit: Jack Franklin <993fcadce4d04090da2fefd557a0995e7966c8d5@chromium.org>
Reviewed-by: Andres Olivares <9d3bededfc9b98cb289557338a8f98e77d597607@chromium.org>
Commit-Queue: Andres Olivares <9d3bededfc9b98cb289557338a8f98e77d597607@chromium.org>


#project1, #project2, #project3 {
  display: none;
}

.wrap {
    margin: auto;
    width: 50%;
    border: 2px solid #eeecec;
    padding: 70px;
    margin-top: 50px;
}

img {
    display: block;
    margin: auto;
    width: 80%;
    align-self: center;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

Add footer style in css

Add footer style in css


.game_area {
    position: absolute;
    top: 20px;
    left: 20px;
}

.game_menu, .field {
    position: absolute;
    top: 0;
    left: 0;
}

.game_menu {
    z-index: 200;
}

form {
    position: absolute;
    top: 0;
    left: 430px;
}

input {
    display: block;
}

.player {
    position: absolute;
    width: 57px;
    height: 57px;
    z-index: 100;
}

.instructions {
    position: absolute;
    top: 470px;
}

.field_item {
    position: absolute;
}

.game_area {
    position: absolute;
    top: 20px;
    left: 20px;
}

.game_menu, .field {
    position: absolute;
    top: 0;
    left: 0;
}

.game_menu {
    z-index: 200;
    cursor: pointer;
}

form {
    position: absolute;
    top: 0;
    left: 430px;
}

input {
    display: block;
}

.player {
    position: absolute;
    width: 57px;
    height: 57px;
    z-index: 100;
}

.instructions {
    position: absolute;
    top: 470px;
}

.field_item {
    position: absolute;
}

Change cursor to hand pointer on game menu


body {
  color: orange;
  font-family: sans-serif;

  transition: background-color 6s linear;
  background-color: #333;
}

h1, h2, h3, h4, h5, h6 {
  text-shadow: 4px 4px #ff5500;
}

a,
a:link,
a:visited,
a:hover,
a:focus
{
  color: yellow;
  text-decoration: underline;
}

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

.not-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.not-links li {
  margin: 0;
  padding: 0;
}

body {
  color: orange;
  font-family: sans-serif;

  transition: background-color 6s linear;
  background-color: #333;
}

h1, h2, h3, h4, h5, h6 {
  text-shadow: 4px 4px #ff5500;
}

a,
a:link,
a:visited,
a:hover,
a:focus
{
  color: yellow;
  text-decoration: underline;
}

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

li {
    padding-top: .25em;
    padding-bottom: .25em;
}

.not-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.not-links li {
  margin: 0;
  padding: 0;
}

Add padding on links for mobile-friendliness


canvas
{
	background-color: black;
	margin-top: 15px;
	box-shadow: 0px 0px 60px 10px #18CAE6;
	border-radius: 25px;
	border: 5px solid;
	border-color: #E6FFFF;
}

body
{
	background-color: #000000;
}

@font-face {
    font-family: Zorque;
    src: url("fonts/zorque.ttf");
}

@font-face {
    font-family: Complex;
    src: url("fonts/complex promo.ttf");
}

@font-face {
    font-family: DJB;
    src: url("fonts/DJB Speak the Truth.ttf");
}

canvas
{
	background-color: black;
	margin-top: 15px;
	box-shadow: 0px 0px 60px 10px #18CAE6;
	border-radius: 25px;
	border: 5px solid;
	border-color: #E6FFFF;
}

body
{
	background-color: #000000;
  padding: 0;
  margin: 0;
}

@font-face {
    font-family: Zorque;
    src: url("fonts/zorque.ttf");
}

@font-face {
    font-family: Complex;
    src: url("fonts/complex promo.ttf");
}

@font-face {
    font-family: DJB;
    src: url("fonts/DJB Speak the Truth.ttf");
}

Set to 0 the margin and the padding on body to avoid appear the scroll bar


ul,
ol {
  margin: var(--list-margin);
  padding: var(--list-padding);
  font-family: var(--list-font-family);
  font-weight: var(--list-font-weight);
  font-size: var(--list-font-size);
  color: var(--list-color);
  line-height: var(--list-line-height);

  & li {
    margin: var(--list-item-margin);
    padding: var(--list-item-padding);

    & ul,
    & ol {
      margin: var(--child-list-margin);
      padding: var(--child-list-padding);

      /* Override margin removed for first child items in reset.css */
      &:first-child {
        margin: var(--child-list-margin);
      }

      & li {
        margin: var(--child-list-item-margin);
        padding: var(--child-list-item-padding);
      }
    }
  }
}

ul {
  list-style: var(--unordered-list-icon);

  & li {
    & ul {
      list-style: var(--unordered-child-list-icon);
    }
  }
}

ol {
  & li {
  }
}

.list-unstyled {
  list-style: none;

  & li {
    margin-left: 0;
  }
}

.list-inline {
  & li {
    display: inline-block;
  }
}

ul,
ol {
  margin: var(--list-margin);
  padding: var(--list-padding);
  font-family: var(--list-font-family);
  font-weight: var(--list-font-weight);
  font-size: var(--list-font-size);
  color: var(--list-color);
  line-height: var(--list-line-height);

  & li {
    margin: var(--list-item-margin);
    padding: var(--list-item-padding);

    & > ul,
    & > ol {
      margin: var(--child-list-margin);
      padding: var(--child-list-padding);

      /* Override margin removed for first child items in reset.css */
      &:first-child {
        margin: var(--child-list-margin);
      }

      & li {
        margin: var(--child-list-item-margin);
        padding: var(--child-list-item-padding);
      }
    }
  }
}

ul {
  list-style: var(--unordered-list-icon);

  & li {
    & ul {
      list-style: var(--unordered-child-list-icon);
    }
  }
}

ol {
  & li {
  }
}

.list-unstyled {
  list-style: none;

  & li {
    margin-left: 0;
  }
}

.list-inline {
  & li {
    display: inline-block;
  }
}

Fix direct child `<ul>` / `<ol>` of `<li>` recieving styles to avoid nested markup inheriting styles


body.wy-body-for-nav {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.5em;
    color: #333;
    background-color: #e6e6e6; /*$color-grey-4*/
}

div.wy-nav-side {
    background-color: #333;  /*color-grey-1*/
}

div.wy-side-nav-search {
    background-color: #43b1b0; /*color-teal*/
}

.wy-nav-top {
    background-color: #43b1b0; /*color-teal*/
}

.wy-side-nav-search>a:hover, .wy-side-nav-search .wy-dropdown>a:hover {
    background: None; /*background for logo*/
}

.wy-side-nav-search>div.version {
    color: white;
}

.wy-side-nav-search input[type=text] {
    border-color: #d9d9d9; /*color-grey-3*/
}

body.wy-body-for-nav {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.5em;
    color: #333; /*$color-grey-1*/
    background-color: #e6e6e6; /*$color-grey-4*/
}

div.wy-nav-side {
    background-color: #333;  /*color-grey-1*/
}

div.wy-side-nav-search {
    background-color: #43b1b0; /*color-teal*/
}

.wy-nav-top {
    background-color: #43b1b0; /*color-teal*/
}

.wy-side-nav-search>a:hover, .wy-side-nav-search .wy-dropdown>a:hover {
    background: None; /*background for logo*/
}

.wy-side-nav-search>div.version {
    color: white;
}

.wy-side-nav-search input[type=text] {
    border-color: #d9d9d9; /*color-grey-3*/
}

Add comment refering to Wagtail stylesheet back in


.terminal {
    font-family: "Courier New", Courier, monospace;
    color: #141412;
    min-height: 230px;
    width: 100%;
    display: none;
}
.term-history {
    height:190px; /* header height minus input height */
    overflow-y:auto;
}
.term-input {
    border: 0;
    width: calc(100% - 85px); /* subtract prompt width */
    overflow-x: hidden;
    font-family: inherit;
    font-size: inherit;
}
.term-toggle-link {
    position: absolute;
    right: 3px;
    top: 3px;
}

.terminal {
    font-family: "Courier New", Courier, monospace;
    color: #141412;
    min-height: 230px;
    width: 100%;
    display: none;
}
.term-history {
    height:190px; /* header height minus input height */
    overflow-y:auto;
}
.term-input {
    border: 0 !important;
    width: calc(100% - 85px); /* subtract prompt width */
    overflow-x: hidden;
    font-family: inherit;
    font-size: inherit;
    background-color: inherit;
    padding: 0;
}
.term-toggle-link {
    position: absolute;
    right: 3px;
    top: 3px;
}

Remove input background and border

Remove input background and border


body {
  min-width: 200px;
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  background: #fefefe;
  font-size: 13px;
  max-height: 300px
}

.nav {
  margin: 0;
}

.dropdown-menu {
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
}

.nav .dropdown-toggle .caret {
  border-top-color: #333;
  border-bottom-color: #333;
  margin-top: 6px;
}

.nav-pills > li {
  min-width: 200px;
  border: 1px solid #eee;
}

.nav-pills > li > a {
  color: #333;
}

.dropdown-menu > li {
  width: 350px;
  padding: 5px;
}

.dropdown-menu > li:hover {
  background: #eee;
}

.style-meta {
  padding-left: 5px;
  font-size: 10px;
}

.style-featured {
  color: #73ba68;
  padding-left: 10px;
}

.style-installed {
  color: rgb(199, 96, 96);
  padding-left: 10px;
}

body {
  min-width: 200px;
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  background: #fefefe;
  font-size: 13px;
  max-height: 300px
}

.nav {
  margin: 0;
}

.dropdown-menu {
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
}

.nav .dropdown-toggle .caret {
  border-top-color: #333;
  border-bottom-color: #333;
  margin-top: 6px;
}

.nav-pills > li {
  min-width: 200px;
  border: 1px solid #eee;
}

.nav-pills > li > a {
  color: #333;
}

.dropdown-menu > li {
  width: 350px;
  padding: 5px;
}

.dropdown-menu > li:hover {
  background: #eee;
}

.style-meta {
  padding-left: 5px;
  font-size: 10px;
}

.style-featured {
  background-color: #73ba68;
  color: #fff;
  padding: 1px 3px;
  margin-left: 10px;
}

.style-installed {
  color: rgb(199, 96, 96);
  padding-left: 10px;
}

Tweak to featured label in page action

Tweak to featured label in page action


.sidebar {
	max-width: 256px;
}

.sidebar,.tweet-image {
	float: left;
}

.tweet-image-clear {
	clear: left;
}

.tweet-header-name, .tweet-header-name a {
	color: black;
	font-weight: bold;
}

.tweet-header-meta, .tweet-header-meta a {
	color: gray;
}

.tweet a:link, .tweet a:visited {
	text-decoration: none;
}

.tweet a:hover, .tweet a:active {
	text-decoration: underline;
}

.tweet-content {
	display: block;
	overflow: hidden;
}

.result {
	overflow: hidden;
}

.sidebar {
	max-width: 256px;
}

.sidebar,.tweet-image {
	float: left;
}

.tweet-image-clear {
	clear: left;
}

.tweet-header-name, .tweet-header-name a {
	color: black;
	font-weight: bold;
}

.tweet-header-meta, .tweet-header-meta a {
	color: gray;
}

.tweet-text, .tweet-text a {
	color: black;
}

.tweet a:link, .tweet a:visited {
	text-decoration: none;
}

.tweet a:hover, .tweet a:active {
	text-decoration: underline;
}

.tweet-content {
	display: block;
	overflow: hidden;
}

.result {
	overflow: hidden;
}

Unify the color of tweet to black

Unify the color of tweet to black


.streamhub-media-wall-view {
    position:relative;
    overflow: scroll;
}
.streamhub-media-wall-view .hub-wall-column {
    display: inline-block;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px; }
.streamhub-media-wall-view article.content {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.streamhub-media-wall-view .hub-content-container {
    max-height: 0px;
    overflow-y: hidden;
}
.streamhub-media-wall-view .hub-wall-is-inserting {
    max-height: 9999px;
    -webkit-transition: max-height 10s;
    -moz-transition: max-height 10s;
    -ms-transition: max-height 10s;
    -o-transition: max-height 10s;
    transition: max-height 10s;
}

Move content list view specific styling into streamhub-sdk


body {
    width: 100%;
    font-size: 3vw;
}

.pledge-forms {
    position: static;
}

.pledge-forms iframe {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;

    display: block;
    visibility: hidden;
}

.pledge-forms label.hide-form {
    position: fixed;
    font-size: 5em;
}

.pledge-forms input[type=radio]:checked + iframe {
    position: fixed;
    visibility: visible;
}

.pledge-buttons {
    padding: 2px;
    flex-wrap: wrap;

    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

.pledge-buttons label {
    width: 40%;
    margin: 5px 5px;
}

section.signup:before {
    margin: 0;
}

.details {
    padding: 0 1em;
}

body {
    width: 100%;
    font-size: 3vw;
}

.pledge-forms {
    position: static;
}

.pledge-forms [type=radio]:checked + iframe  {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;

    display: block;
    visibility: hidden;
}

.pledge-forms label.hide-form {
    position: fixed;
    font-size: 5em;
}

.pledge-forms input[type=radio]:checked + iframe {
    position: fixed;
    visibility: visible;
}

.pledge-buttons {
    padding: 2px;
    flex-wrap: wrap;

    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

.pledge-buttons label {
    width: 40%;
    margin: 5px 5px;
}

section.signup:before {
    margin: 0;
}

.details {
    padding: 0 1em;
}

Make sure pledges don't pop up by default on safari


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

.report-field-name {
  flex: 0 0 200px;
}

.report-field-value {
  user-select: text;
  display: flex;
}

.report-field .inline-name {
  color: #888;
  padding-left: 2ex;
  user-select: none;
}

.report-field .inline-name::after {
  content: ":\A0";
}

.report-field .inline-comment {
  color: #555;
  padding-left: 1ex;
}

.report-field .inline-comment::before {
  content: "(";
}

.report-field .inline-comment::after {
  content: ")";
}

.report-field .inline-span {
  padding-left: 1ex;
}

.report-field-value-link {
  display: inline-block;
}

.icon-link.devtools-link {
  background-color: var(--link-color);
  vertical-align: sub;
}

.frame-details-container {
  overflow: auto;
}

.frame-details-report-container {
  min-width: 500px;
}

.text-ellipsis {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.report-field-name {
  flex: 0 0 200px;
}

.report-field-value {
  user-select: text;
  display: flex;
}

.report-field .inline-name {
  color: #888;
  padding-left: 2ex;
  user-select: none;
}

.report-field .inline-name::after {
  content: ":\A0";
}

.report-field .inline-comment {
  color: #555;
  padding-left: 1ex;
}

.report-field .inline-comment::before {
  content: "(";
}

.report-field .inline-comment::after {
  content: ")";
}

.report-field .inline-span {
  padding-left: 1ex;
}

.report-field-value-link {
  display: inline-block;
}

.icon-link.devtools-link {
  background-color: var(--link-color);
  vertical-align: sub;
}

.frame-details-container {
  overflow: auto;
}

.frame-details-report-container {
  min-width: 550px;
}

.text-ellipsis {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

Fix overlapping text for COOP policy in frame details

Increasing the min-width is just a bandaid. This CL is related to
https://crrev.com/c/2431507. To properly fix the overall behaviour one
would have to take a closer look at the ReportView's css and maybe
remove one of the two nested containers which cause the two scrollbars
in the linked CL.

Before: https://i.imgur.com/qKiYDEW.png
After: https://i.imgur.com/gqaSu35.png

Bug: chromium:1093247
Change-Id: I5322758ae1e464c3e8fe674d78649022d79ac9b5
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2466181
Commit-Queue: Wolfgang Beyer <573aa99bb19da47d816981118f95c945310dd3f4@chromium.org>
Reviewed-by: Sigurd Schneider <f04d242e109628a27a0f75fd49a87722bcf291fd@chromium.org>


main {
  display: block;
  margin-top: 4em;
}

body {
  position: relative;
}

.content-block {
  position: relative;
}

.wrapper {
  display: block;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  transition: all 0.5s ease-out;
  width: 90vw;
}

.wrapper.active {
  left: 18em;
}

main {
  display: block;
  margin-top: 4em;
}

body {
  position: relative;
}

.content-block {
  position: relative;
}

.wrapper {
  position: absolute;
  display: block;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  transition: all 0.5s ease-out;
  width: 90vw;
}

.wrapper.active {
  left: 18em;
}

Deploy data blocks using templates with handlebars


.CodeMirror-search-match {
  background: gold;
  border-top: 1px solid orange;
  border-bottom: 1px solid orange;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: .5;
}

.CodeMirror-search-match {
  background: gold;
  border: 1px solid orange;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: .5;
}

Update matches on scrollbar border styles


@import '@teamleader/ui-utilities';

.container {
  min-width: 990px;
  padding-left: var(--spacer-big);
  padding-right: var(--spacer-big);
}

.is-fixed {
  margin: 0 auto;
  max-width: 990px;
}

@media (--larger-than-lg-viewport) {
  .container:not(.is-fixed) {
    padding-left: var(--spacer-biggest);
    padding-right: var(--spacer-biggest);
  }
}

@import '@teamleader/ui-utilities';

.container {
  min-width: 1056px;
  padding-left: var(--spacer-big);
  padding-right: var(--spacer-big);
}

.is-fixed {
  margin: 0 auto;
  max-width: 1056px;
}

@media (--larger-than-lg-viewport) {
  .container:not(.is-fixed) {
    padding-left: var(--spacer-biggest);
    padding-right: var(--spacer-biggest);
  }
}

Increase the width of the container

Increase the width of the container


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;
}

main header {
  margin-bottom: 0.6rem;
}

.navbar {
  padding-left: 0;
}

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;
}

Add padding to page footer

Add padding to page footer


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

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

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

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

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

h1 {
    font-weight: bolder;
}

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

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

@media (max-width: 600px) {
    .jumbotron .col-md-4 {
        margin-bottom: 30px;
    }
}

Add margin bottom for the jumbotron elements in smaller screens.


.to_review {
	border-bottom: black;
	font-size: 16px;
}

.green {
	color: rgba(0, 255, 0, 0.8);
}

.red {
	color: rgba(255, 0, 0, 0.8);
}

.judge-page-h3 {
	color: #337AB7;
}

.judge-page-ul {
	list-style-type: none;
}

.drag-handle {
	cursor: move;
	background: url('drag_handle.png') no-repeat center;
	display: none;
}

#drag-reminder-img {
	float: left;
	width: 2.5%;
	margin-top: 21px;
	margin-right: 10px;
}

#drag-reminder {
	margin-top: 20px;
}

@media screen and (max-width: 960px) {
	#drag-reminder-img {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.drag-handle {
		display: table-cell;
	}
}

.to_review {
	border-bottom: black;
	font-size: 16px;
}

.green {
	color: rgba(0, 255, 0, 0.8);
}

.red {
	color: rgba(255, 0, 0, 0.8);
}

.judge-page-h3 {
	color: #337AB7;
}

.judge-page-ul {
	list-style-type: none;
}

.drag-handle {
	cursor: move;
	background: none;
}

#drag-reminder-img {
	float: left;
	width: 2.5%;
	margin-top: 21px;
	margin-right: 10px;
}

#drag-reminder {
	margin-top: 20px;
}

@media screen and (max-width: 960px) {
	#drag-reminder-img {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.drag-handle {
		background: url('drag_handle.png') no-repeat center;
	}
}

Fix UI on stack ranking when not on mobile


html{
	background-color:rgb(122, 136, 255);
	color:rgb(198, 204, 255);
}
ul{
	    list-style-type: none;
    margin: 0;
    padding: 0;
}
li {
    display: inline;
	background-color:rgb(122,136,255);
	color:rgb(198,204,255);
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: gray;
    position:relative;
}
li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
li a:hover {
    background-color: #111;
}
.rightnav{
	float:right;
}
section{
	text-align:center;
}
.main {
	position:relative;
	display:inline-block;
    margin: 5px;
    border: 1px solid #ccc;
    float:left;
    width: 25%;
    left:12.5%;
}
.desc{
	padding:15px;
	text-align:center;
}
.footer{
	text-align:center;
	position:fixed;
	bottom:0em;
	width:100%;
}

html{
	background-color:rgb(122, 136, 255);
	color:rgb(198, 204, 255);
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: gray;
    position:relative;
}
li {
    display: inline;
	background-color:gray;
	color:rgb(198,204,255);
    float:left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
li a:hover {
    background-color: #111;
}
.rightnav{
	float:right;
}
section{
	text-align:center;
}
.main {
	position:relative;
	display:inline-block;
    margin: 5px;
    border: 1px solid #ccc;
    float:left;
    width: 25%;
    left:12.5%;
}
.desc{
	padding:15px;
	text-align:center;
}
.footer{
	text-align:center;
	position:fixed;
	bottom:0em;
	width:100%;
}

Fix Nav Bar Background Color

Fix Nav Bar Background Color


#blue {
  color: #27c2dc;
}

/*@media only screen and (max-width: 460px) {
  #resume-first-link {
    margin-bottom: 5%;
  }
}*/

/*[id*="project-"]:hover {
  background-color: red;
  background: url("http://imgur.com/xDQAOms");
}*/

/*#project-1:hover {
  background: url("http://i.imgur.com/xDQAOms.png");
}*/

#blue {
  color: #27c2dc;
}

@media only screen and (max-width: 460px) {
  #resume-first-link {
    margin-bottom: 5%;
  }
}

/*[id*="project-"]:hover {
  background-color: red;
  background: url("http://imgur.com/xDQAOms");
}*/

/*#project-1:hover {
  background: url("http://i.imgur.com/xDQAOms.png");
}*/

Add media query for buttons

Add media query for buttons


/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/jackson-Pollock-Convergence.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.box {
	border-radius: 0;
	color: #black;
	background-color: rgba(255,255,255,0.7);
	display: inline-block;
	padding: 20px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;

}
.abt-primary {
  color: #DDE9ED;
  background-color: #222;
	font-family: "Times new roman";
}
a.abt-primary:hover,
a.abt-primary:focus {
  background-color: #286090;
}

.img-gift {
    margin: 0 auto;
    width: 140px;
    height: 180px;
}

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

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/abstract_deeplight.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.box {
	border-radius: 0;
	color: #black;
	background-color: rgba(255,255,255,0.7);
	display: inline-block;
	padding: 20px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;

}
.abt-primary {
  color: #C7DAFC;
  background-color: #10173A;
	font-family: "Times new roman";
}
a.abt-primary:hover,
a.abt-primary:focus {
  background-color: #286090;
}

.img-gift {
    margin: 0 auto;
    width: 140px;
    height: 180px;
}

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

Update about section background color

Update about section background color


.app-code-input {
    resize: none;
    width: 100%;
    height: 50vh;
}

.aci {
  width: 100%;
  height: 50vh;
}

.aci-textarea {
  resize: none;
  margin: 0px;
  height: 100%;
  width: 100%;
  padding: 14.400px;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 90%;
  tab-size: 4;
}

Adjust input styling to match output

Adjust input styling to match output


/** @define Logo; use strict */

/*:root {
}*/

.Logo {
  position: relative;
  display: inline-block;
  height: 1em; /* keep height constant regardless of innards */
  margin: 0; /* reset */
  vertical-align: middle; /* not baseline, so we align up _and_ down */
}

.Logo > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  text-indent: -9999px; /* image replacement */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  direction: ltr; /* make text-indent play nice */
}

/** @define Logo; use strict */

/*:root {
}*/

.Logo {
  position: relative;
  display: inline-block;
  height: 1em; /* keep height constant regardless of innards */
  margin: 0; /* reset */
  vertical-align: middle; /* not baseline, so we align up _and_ down */
}

.Logo > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  text-align: left;
  text-indent: -9999px; /* image replacement */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  direction: ltr; /* make text-indent play nice */
}

Fix visibility of text, if parent-element is alignt right.


.Column-add-button {
	position: relative;
	top: 20px;
}

.Column {
	user-select: none;
	position: relative;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	cursor: crosshair;
}

.Columns {
	white-space: nowrap;
}

.Columns canvas {
	display: block;
}

.Column .react-resizable-handle {
	bottom: -6px;
	right: -6px;
	visibility: hidden;
	width: 12px;
	height: 12px;
	background: url('./resizer.gif');
	/* Not sure if -1 is a good idea, but nothing else seems to work.
	 * giving canvas index 2 and this index 1, for example, results in
	 * the handle getting events in the corner of the canvas, where we
	 * want the canvas to get events. */
	z-index: -1;
}

.Column:hover .react-resizable-handle {
	visibility: visible;
}

.Column .react-resizable-handle:hover {
	visibility: visible;
}

.Column-add-button {
	position: relative;
	top: 20px;
}

.Column {
	user-select: none;
	position: relative;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	cursor: crosshair;
}

.Columns {
	white-space: nowrap;
}

.Columns .Sortable {
	white-space: normal;
}

.Columns canvas {
	display: block;
}

.Column .react-resizable-handle {
	bottom: -6px;
	right: -6px;
	visibility: hidden;
	width: 12px;
	height: 12px;
	background: url('./resizer.gif');
	/* Not sure if -1 is a good idea, but nothing else seems to work.
	 * giving canvas index 2 and this index 1, for example, results in
	 * the handle getting events in the corner of the canvas, where we
	 * want the canvas to get events. */
	z-index: -1;
}

.Column:hover .react-resizable-handle {
	visibility: visible;
}

.Column .react-resizable-handle:hover {
	visibility: visible;
}

Fix badge layout in FF.

Fix badge layout in FF.


.explorerTickBoxCell-outer {
display: inline-block;
white-space: nowrap;
vertical-align: top;
}

.explorerTickBoxCell-outer * {
display: inline-block;
white-space: nowrap;
vertical-align: top;
}

.explorerTickBoxCell-expander {
padding-right: 5px;
}

.explorerTickBoxCell-expanderIcon {
width: 14px;
height: 14px;
}

.explorerTickBoxCell-tickBox {
padding-top: 1px;
}

.explorerTickBoxCell-icon {
padding-left: 3px;
padding-top: 1px;
width: 16px;
height: 16px;
}

.explorerTickBoxCell-text {
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
}

.explorerTickBoxCell-outer {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
}

.explorerTickBoxCell-outer * {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
}

.explorerTickBoxCell-expander {
    padding-right: 5px;
}

.explorerTickBoxCell-expander > .svgIcon {
    width: 14px;
    height: 14px;
}

.explorerTickBoxCell-expanderIcon {
    width: 14px;
    height: 14px;
}

.explorerTickBoxCell-tickBox {
    padding-top: 1px;
}

.explorerTickBoxCell-icon {
    padding-left: 3px;
    padding-top: 1px;
    width: 16px;
    height: 16px;
    margin: 0 3px;
}

.explorerTickBoxCell-text {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
}

Make export dialog layout consistent

Make export dialog layout consistent


#shows_list {
  padding-top: 10px;
  padding-bottom: 80px; /* Height of the footer + 150 */
  background-color: #e9e7e7 !important;
}

#shows_list {
  padding: 10px;
  background-color: #e9e7e7 !important;
}

Add padding so show list looks decent on small screens


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

svg line {
  stroke: #000;
  stroke-width: 10px;
}

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

svg line {
  stroke: #000;
  stroke-width: 10px;
  shape-rendering: crispEdges;
}

Make sure the lines are always sharp

Make sure the lines are always sharp


@import 'part:@sanity/base/theme/variables-style';

.root {
  padding: var(--small-padding);
  border-radius: var(--border-radius-small);
}

@import 'part:@sanity/base/theme/variables-style';

.root {
  padding: var(--small-padding);
  border-radius: var(--border-radius-small);

  @nest del & {
    text-decoration: line-through;
  }
}

[field] Fix strike-through of removed reference diff


/*
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/

body {
  background: #fafafa;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
}

#headerContainer {
  z-index: 100;
}

/*
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/

body {
  background: #fafafa;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
}

#headerContainer {
  z-index: 103;
}

Fix for the login box to work

Fix for the login box to work


/* Background pattern used with permission from subtlepatterns.com */

/* Header */
header {
	background-color: #3e3952;
	position: relative;
	height: 100px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	color: #bc7abd;
	padding: 1px;
	border: solid 1px;
	border-color: #3e3952;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

h1 {
	font-family: 'Lobster Two', cursive;
	margin-left: 10px;
	position: relative;
	top: 15px;
}

h2 {
	font-family: 'Lobster', cursive;
	margin-left: 10px;
	position: relative;
	top: -10px;
	font-size: 20px;
}
/* Navigation */
nav{
	background-color: #bc7abd;
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border: solid 2px;
	border-color: #3e3952;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
nav > h3 {
	font-family: 'Domine', serif;
	display: inline;
	margin-left: 10px;
}
/* Body */
body{
	/* background-image: url("imgs/stardust.png"); */
	background-color: #8c508c;
}
#aboutme > h3 {
	font-family: 'Lobster', cursive;
}

img {
	position: relative;
	width: 20%;
	float: left;
	margin-left: 10%;
	padding-top: 30px;
	padding-bottom: 30px;
	border-style: solid 1px black;
	/* border-color: #8c508c; */
	/* border-radius: 3px; */
}

#aboutme {
	font-family: 'Domine', serif;
	float: right;
	position: relative;
	width: 40%;
	margin-right: 10%;
	padding-top: 10px;
}

/* Footer */
footer {
	background-color: #3e3952;
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Domine', serif;
	clear: both;
	padding: 1px;
	border-radius: 3px;
}

footer > p {
	margin-left: 10px;
}

Write basic css for index

Write basic css for index


.datePicker {
  background-color: white;
  padding-top: 20px;
}

.mat-form-field {
  width: 40%;
  margin-right: 5%;
  margin-left: 5%;
}

::ng-deep .mat-h2 {
  margin-bottom: 0px !important;
}

/* Remove extra padding below the button. */
::ng-deep .mat-mini-fab .mat-button-wrapper {
  padding: 0px !important;
}

::ng-deep .mat-h2 {
  margin-bottom: 0px !important;
}

::ng-deep td.available{
  color: black;
}

input {
  font-family: 'Quicksand', sans-serif;
}

/* Change colors of ngx-datepicker to match custom material theme */
::ng-deep .ranges button.active {
  background-color: rgb(0, 35, 86) !important; /* Primary color */
}

::ng-deep .md-drppicker .btn {
  background-color: rgb(0, 35, 86) !important; /* Primary color */
}

::ng-deep td.active.available {
  background-color: rgb(0, 35, 86) !important; /* Primary color */
}

Change colors of date picker to match our custom material theme

Change-Id: Ibc69037911b1592e03fa91e58f37f412aef004fd
GitOrigin-RevId: 122595dbb1579369a9e1877512f005f91ec1f555


body {
  background: white;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -webkit-flex-direction: column;
}
video {
  width: 320;
  height: 180;
  border: 1px solid #e2e2e2;
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}

body {
  background: white;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -webkit-flex-direction: column;
}
video {
  width: 320px;
  height: 180px;
  border: 1px solid #e2e2e2;
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}

Fix an incorrect css property.

Fix an incorrect css property.


.search-result-view {
  height: 100%;
}
.result-contents {
  height: -moz-calc(100% - 39px);
  height: -webkit-calc(100% - 39px);
  height: -o-calc(100% - 39px);
  height: calc(100% - 39px);
}

.download-control {
  width: 100%;
  margin-bottom: 5px;
}

.form-control {
  min-width: 0;
  width: auto;
  display: inline;
}

.panel-footer {
  padding: 5px !important;
}

.dropdown-menu {
  padding-left: 10px;
  padding-right: 10px;
}

Add padding to search result selection dropdown.


body {
    margin: 0 auto;
    max-width: 45em;
    font-family: "Helvetica", "Arial", sans-serif;
    line-height: 1.5;
    font-size: 1.2em;
    padding: 4em 1em;
}
.heading {
    text-align: center;
}
h1 { font-size: 2.5em; }
h2 { font-size: 2.0em; }
h3 {
    font-size: 1.5em;
    margin-top: 1em;
    padding-top: 1em;
}
code.inline {
    font-size: 1.0em;
    background: #f5f7f9;
    border-bottom: 1px solid #d8dee9;
    }
pre {
    overflow: auto;
    white-space: pre-wrap;
    padding: 1em;
    border-left: 3px solid #d8dee9;
    background: #f5f7f9;
    border-bottom: 1px solid #d8dee9;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: initial;
}
a:link {
    text-decoration: none;
    color:indianred;
}

a:visited {
    text-decoration: none;
    color:indianred;
}

Add some basic anchor CSS definitions

Add some basic anchor CSS definitions


* {
    box-sizing: border-box;
}

.container {
    max-width: 760px;
    width: 100%;
}

.start {
}

.reset {
}

.board {
    width: 100%;
}

.cell {
    float: left;
    border: 6px solid #222;
    position: relative;
    overflow: hidden;
}

.cell::after {
    /* http://stackoverflow.com/questions/19068070/how-to-style-a-div-to-be-a-responsive-square#answer-28985475 */
    content: '';
    display: block;
    margin-top: 100%;
}

.mole {
    position: absolute;
    width: 100%;
    margin-bottom: 100%;
    -webkit-transition: -webkit-transform 2s;
    transition: transform 2s;
    transform: translate(0, 100%);
}

.mole::after {
    content: '';
    display: block;
    margin-top: 100%;
}

.mole.active {
    background-color: red;
    transform: translate(0, 0);
}

* {
    box-sizing: border-box;
}

.container {
    max-width: 760px;
    width: 100%;
}

.start {
}

.reset {
}

.board {
    width: 100%;
}

.cell {
    float: left;
    position: relative;
    overflow: hidden;
    background-image:url('hole-back.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}

.cell::after {
    /* http://stackoverflow.com/questions/19068070/how-to-style-a-div-to-be-a-responsive-square#answer-28985475 */
    content: '';
    display: block;
    margin-top: 100%;
}

.hole-mask {
    width: 100%;
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mole {
    position: absolute;
    width: 100%;
    margin-bottom: 100%;
    -webkit-transition: -webkit-transform 2s;
    transition: transform 2s;
    transform: translate(0, 100%);
    background-image:url('avo1.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}

.mole::after {
    content: '';
    display: block;
    margin-top: 100%;
}

.mole.whacked {
    background-image:url('avo2.png');
}

.mole.active {
    transform: translate(0, 0);
}

Add mole and hole images

Add mole and hole images


.githubpinboard-circle {
  border-radius: 1000px;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: 0px 0px 5px #111;
  margin: 10px;
  float: left;
}

.githubpinboard-circle {
  border-radius: 1000px;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: 0px 0px 5px #111;
  -moz-box-shadow: 0px 0px 5px #111;
  box-shadow: 0px 0px 5px #111;
  margin: 10px;
  float: left;
}

Make pin drop-shadow work in Firefox.

Make pin drop-shadow work in Firefox.


body {
	font-family: 'Open Sans', sans-serif;
	background-color: #eff3f8;
	padding-top: 70px;
}

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

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

.graph {
	width: 100%;
	height: 80px;
	padding: 0.5em 0;
}

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #eff3f8;
	padding-top: 70px;
}

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

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

.graph {
	overflow: hidden;
	width: 100%;
	height: 80px;
	padding: 0.5em 0;
}

Hide overflow on bar chart

Hide overflow on bar chart


.echo-sdk-ui .btn .echo-label {
	float: left;
}
.echo-sdk-ui .btn .echo-icon {
	height: 16px;
	width: 16px;
	float: left;
	margin-right: 2px;
	margin-top: 2px;
}

.echo-sdk-ui .btn .echo-label {
	float: left;
	width: auto;
	height: auto;
}
.echo-sdk-ui .btn .echo-icon {
	height: 16px;
	width: 16px;
	float: left;
	margin-right: 2px;
	margin-top: 2px;
}

Define default dimensions for button

Define default dimensions for button


.layout_top {
	width: 100%;

	margin:0;
	padding:0;
}
.layout_left {
	position: fixed;
	top: 20px;
	bottom: 0px;
	left: 0px;
	width:320px;

	margin:0;
	padding:0;

	background-color:black;

	overflow-y: auto;
}

.layout_right {
	position: fixed;
	top: 20px;
	bottom: 0px;
	left: 320px;
	right: 0px;

	overflow-y: auto;

	padding: 5px;
}

ul.links {
	height: 20px;
}

ul.links li.title {
	position:absolute;
	left: 320px;
	top: 0px;
	right: 0px;
	text-align: center;
}

ul.links li, ul.links li a span, ul.links li.title h1 {
	line-height:20px;
}

ul.links li.navigation {
	position: absolute;
	top: 0px;
	width: auto;
}

ul.links li.navigation.prev {
	left: 320px;
}

ul.links li.navigation.next {
	right: 0px;
}

ul.links li.navigation a {
	width: auto;
}

.layout_top {
	width: 100%;

	margin:0;
	padding:0;
}
.layout_left {
	position: fixed;
	top: 20px;
	bottom: 0px;
	left: 0px;
	width:320px;

	margin:0;
	padding:0;

	background-color:black;

	overflow-y: auto;
}

.layout_right {
	position: fixed;
	top: 20px;
	bottom: 0px;
	left: 320px;
	right: 0px;

	overflow-y: auto;

	padding: 5px;
}

ul.links {
	height: 20px;
}

ul.links li.title {
	position:absolute;
	left: 320px;
	top: 0px;
	right: 0px;
	text-align: center;
}

ul.links li, ul.links li a span, ul.links li.title h1 {
	line-height:20px;
}

ul.links li.navigation {
	position: absolute;
	top: 0px;
	width: auto;
	height: 20px;
}

ul.links li.navigation.prev {
	left: 320px;
}

ul.links li.navigation.next {
	right: 0px;
}

ul.links li.navigation a {
	width: auto;
}

Fix the height of the previous/next items.

Signed-off-by: Guillaume Clement <3b9efcf0dcc9fb33b0355f12fedfe498e1880012@baobob.org>


@import url('sphinxdoc.css');

.section h1 {
  font-size: 1.7em;
}

.section h2 {
  font-size: 1.4em;
  margin-top: 1.0em;
  margin-bottom: 0.1em;
  padding-top: 0.2em;
  padding-bottom: 0.3em;
  padding-left: 0.3em;
  border-bottom: thin solid gray;
  border-left: thick solid gray;
}

.section h3 {
  font-size: 1.3em;
  margin-top: 1.0em;
  margin-bottom: 0.1em;
  padding-bottom: 0.2em;
  border-bottom: thin solid gray;
}

.section h4 {
  font-size: 1.2em;
  margin-top: 1.0em;
  margin-bottom: 0.1em;
  padding-bottom: 0.1em;
  border-bottom: thin dotted gray;
}

.section h5 {
  font-size: 1.1em;
  margin-top: 1.0em;
  margin-bottom: 0.1em;
  padding-bottom: 0.1em;
  border-bottom: thin dotted lightgrey;
}

.section caption {
  margin-top: 1em;
  margin-bottom: 0.3em;
}

div.attention p.admonition-title {
  background-color: #EE9816;
}

Modify attention directive block color

Modify attention directive block color


.grid {
	background-color: #efefef;
	transform-origin: top center;
	transition: transform 0.5s;
}

.grid-item {
	background-color: #ffffff;
	-webkit-transition: width 0.25s, height 0.25s, transform 0.5s;
	-moz-transition: width 0.25s, height 0.25s, transform 0.5s;
	-o-transition: width 0.25s, height 0.25s, transform 0.5s;
	transition: width 0.25s, height 0.25s, transform 0.5s;
}

.grid-item:active, .grid-item.moving {
	z-index: 2;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.grid-placeholder {
	background-color: rgba(0, 0, 0, 0.3);
}

.grid {
	background-color: #efefef;
	transform-origin: top center;
	transition: transform 0.5s;
}

.grid-item {
	background-color: #ffffff;
	-webkit-transition: width 0.25s, height 0.25s, transform 0.5s;
	-moz-transition: width 0.25s, height 0.25s, transform 0.5s;
	-o-transition: width 0.25s, height 0.25s, transform 0.5s;
	transition: width 0.25s, height 0.25s, transform 0.5s;
	overflow: hidden;
}

.grid-item:active, .grid-item.moving {
	z-index: 2;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.grid-placeholder {
	background-color: rgba(0, 0, 0, 0.3);
}

Add overflow: hidden; to grid item css

Add overflow: hidden; to grid item css


.sidebar .card {
    margin: 0 0 10px;
    flex-shrink: 0;
}

.sidebar .card:first-child {
    margin: 10px 0;
}

.sidebar .card .form-control {
  border: 0;
}

.documents-card {
    overflow: hidden;
    flex-grow: 1;
    flex-shrink: 1;
}

.documents-card .documents {
    height: 100%;
    overflow: visible scroll;
}

.sidebar .documents {
    max-height: calc(100vh - 265px);
}

.sidebar .card {
    margin: 0 0 10px;
    flex-shrink: 0;
}

.sidebar .card:first-child {
    margin: 10px 0;
}

.sidebar .card .form-control {
  border: 0;
}

.documents-card {
    overflow: hidden;
    flex-grow: 1;
    flex-shrink: 1;
}

.documents-card .documents {
    height: 100%;
    overflow: hidden scroll;
}

.sidebar .documents {
    max-height: calc(100vh - 265px);
}

Fix scrollbar layout on Windows

Fix scrollbar layout on Windows


@font-face {
  font-family: 'Digital7';
  src: url('../assets/digital-7mono.ttf');
}

.counter {
  font-family: 'Digital7';
  font-size: 36pt;
  /* The Digital7 font doesn't seem to have the right
   * metadata or whatever so we need to set the div
   * height explicitely or it will be to short.
   */
  height: 42px;
}

@font-face {
  font-family: 'Digital7';
  src: url('../assets/digital-7mono.ttf');
}

body {
  background-color: hsla(0, 0%, 19%, 1.0);
}

.counter {
  font-family: 'Digital7';
  font-size: 60pt;
  /* The Digital7 font doesn't seem to have the right
   * metadata or whatever so we need to set the div
   * height explicitely or it will be to short.
   */
  height: 72px;
  color: hsla(63,100%,58%,1);
  text-shadow: 0 0 8px hsla(63,100%,58%,1);
}

Fix counter colors and shadow.

Fix counter colors and shadow.


/* Copyright 2015 Francis Meyvis*/

/** Part of the Grav SectionWidget plugin*/

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

.dropdown li {
    float: left;              /* have topmost li items next to each other*/
}

.dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    display: none;
    margin-top: 0;            /* have drop down right below button*/
    list-style: none;         /* Remove list bullets */
    padding: 0;
    box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15) !important; /* Draw a shady border a la antimatter*/
    z-index: 2;               /* Prevent collapsing submenu when hovering over elements*/
    opacity: 1;               /* No transparency*/
    background-color: #FFF;
}

.dropdown-menu li {
    float: none;              /* Have the drop down li items below each other*/
    position: relative;
}

.dropdown:hover .dropdown-menu {
    display: block;
    width : 20rem;
}

.dropdown a {
    display: inline-block;
    padding: 0.4em 0.8em;
    text-decoration: none;
}

.dropdown li .active {
    background: #1bb3e9;      /* Highlight the active page*/
    color: #EED3D7;
}

/* Copyright 2015 Francis Meyvis*/

/** Part of the Grav SectionWidget plugin*/

.dropdown {
    position: relative;
    display: inline-block;
    list-style: none;         /* Remove list bullets */
}

.dropdown li {
    float: left;              /* have topmost li items next to each other*/
}

.dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    display: none;
    margin-top: 0;            /* have drop down right below button*/
    list-style: none;         /* Remove list bullets */
    padding: 0;
    box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15) !important; /* Draw a shady border a la antimatter*/
    z-index: 2;               /* Prevent collapsing submenu when hovering over elements*/
    opacity: 1;               /* No transparency*/
    background-color: #FFF;
}

.dropdown-menu li {
    float: none;              /* Have the drop down li items below each other*/
    position: relative;
}

.dropdown:hover .dropdown-menu {
    display: block;
    width : 20rem;
}

.dropdown a {
    display: inline-block;
    padding: 0.4em 0.8em;
    text-decoration: none;
}

.dropdown li .active {
    background: #1bb3e9;      /* Highlight the active page*/
    color: #EED3D7;
}

Fix removing bullets on li elements

Fix removing bullets on li elements


.navbar-right:last-child {
    margin-right: 0px;
}

.navbar li > a > span {
    margin-right: 0.2778em;
}

#logo-boerse {
    float: right;
    max-width: 100%;
}

Add CSS for the WiW logo on boerse.willkommeninwoellstein.de


.docblock pre.rust { background: #eeeeff; }
pre.trait, pre.macro, pre.fn, pre.struct, pre.enum, pre.typedef { background: #fcfefc; }

/* Small “example” label for doc examples */
.docblock pre.rust::before {
    content: "example";
    float: right;
    font-style: italic;
    font-size: 0.8em;
    margin-top: -10px;
    margin-right: -5px;
}

/* Fixup where display in trait listing */
pre.trait .where::before {
content: '\a         ';
}

.docblock code {
    background-color: inherit;
    font-weight: bold;
    padding: 0 0.1em;
}

em.deprecated {
    font-weight: bold;
    font-style: italic;
}

/* custom fix for rustdoc summary bug */

.short pre.rust {
    display: none;
}

Remove css workaround for rustdoc bug that was fixed


body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

Clear starter css code for welcome page

Clear starter css code for welcome page


body {
    background-color: #eee;
}

.wrap {
	position: relative;
    min-width: 950px;
}

.content {
    width: 800px;
    margin: 10px auto;
}

/***** Global Component *****/
body {
    background-color: #eee;
}

:global .input {
    padding: 0 8px;
    border-style: solid;
    border-color: #bfbfbf;
    border-width: 1px 1px 2px 1px;
    font-size: 14px;
    color: #222;

    &:focus {
        border-color: #2b99d6;
    }

    &.input--small {
        line-height: 24px;
    }

    &.input--medium {
        line-height: 32px;
    }

    &.input--large {
        font-size: 28px;
        line-height: 40px;
        padding: 0 10px;
    }

    &.input--error {
        border-color: #d93f2b;
    }
}

:global .input__msg {
    margin-top: 6px;
    color: #d93f2b;
    font-size: 14px;
}

:global .button {
    cursor: pointer;
    padding: 0 12px;
    min-width: 80px;
    font-size: 14px;
    color: #222;
    text-align: center;
    background-color: #cfcfcf;
    border: 1px solid #cfcfcf;

    &.button--small {
        height: 24px;
    }

    &.button--medium {
        height: 32px;
    }

    &.button--large {
        height: 40px;
        min-width: 96px;
    }

    &.button--red {
        background-color: #df313b;
        border-color: #df313b;
        color: #FFF;
    }
    &.button--blue {
        background-color: #2695d2;
        border-color: #2695d2;
        color: #FFF;
    }
}

:global .close {
    cursor: pointer;
    color: #222;
    font-size: 14px;
}

.wrap {
	position: relative;
    min-width: 950px;
}

.content {
    width: 800px;
    margin: 10px auto;
}

Set global input and basic button

Set global input and basic button


body {
	color: white;
}
.header {
	margin-top: 50px;
}
.header-img {
	margin: 150, 1500, 150, 1500;
	width: 400px;
	height: 250px;
	border-radius: 4px;
}
.demo-layout-transparent {
  background: url('../img/background.jpg') center / cover;
}
.demo-layout-transparent .mdl-layout__header,
.demo-layout-transparent .mdl-layout__drawer-button {
  color: white;
}
.repo.mdl-card {
 margin-top: 50px;
}
@media only screen and (min-width: 350px) {
	.header-img {
		width: 350px !important;
	}
}
.repo > .mdl-card__title {
  color: #fff;
  height: 176px;
  background: url('../img/background.jpg') center / cover;
}
.repo > .mdl-card__menu {
  color: #fff;
}

body {
	color: white;
}
.header {
	margin-top: 50px;
}
.header-img {
	margin: 150, 1500, 150, 1500;
	width: 400px;
	height: 250px;
	border-radius: 4px;
}
.demo-layout-transparent {
  background: url('../img/background.jpg') center / cover;
}
.demo-layout-transparent .mdl-layout__header,
.demo-layout-transparent .mdl-layout__drawer-button {
  color: white;
}
.repo.mdl-card {
 margin-top: 50px;
}
@media only screen and (min-width: 320px) {
	.header-img {
		width: 320px !important;
	}
}
.repo > .mdl-card__title {
  color: #fff;
  height: 176px;
  background: url('../img/background.jpg') center / cover;
}
.repo > .mdl-card__menu {
  color: #fff;
}

Set min-width as 320px rather than 350px


.selected-canvas-element {
  /* TODO: Add a proper selected canvas element effect. */
}

.selected-canvas-element {
  box-shadow: 0 0 16px black;
  background: rgba(255, 255, 255, 0.5);
}

Revert "Revert "Revert "Revert "Revert "Revert "Revert "Remove selected canvas element effect CSS."""""""

This reverts commit 5ca6c68bf396686b0851a406d7f1a6fe877f0595.


#header {
  background-color:black;
  color:white;
  text-align:center;
  padding:5px;
}

#nav {
  line-height:30px;
  background-color:#eeeeee;
  height:300px;
  width:100px;
  float:left;
  padding:5px;
}

#section {
  font-family: Roboto
  width:350px;
  float:left;
  padding:10px;
}

#footer {
  font-family: Roboto
  background-color:black;
  color:white;
  clear:both;
  text-align:center;
  padding:5px;
}

a {
  color: inherit;
}

Remove blue from a hrefs

Remove blue from a hrefs


.ss-tiled-gridfield tbody {
	display: block;
	overflow: hidden;
}
.ss-tiled-gridfield tr.sortable-header {
	display: none;
}
.ss-tiled-gridfield tbody.ss-gridfield-items tr {
	display: block;
	float: left;
	position: relative;
	min-width: 60px;
	min-height: 60px;
}

.ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact {
	position: absolute;
	top: 0;
    right: 0;
	padding: 0;
	margin: 0;
    width: auto;
    display: none;
	border: none;
}
.ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact a {
    display: none;
}
.ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact button {
    margin: 0;
    padding: 2px 0 0;
    height: 20px;
}
.ss-tiled-gridfield tbody.ss-gridfield-items tr:hover td.grid-field__col-compact {
    display: block;
}

.ss-tiled-gridfield tbody {
	display: block;
	overflow: hidden;
}
.ss-tiled-gridfield tr.sortable-header {
	display: none;
}
.ss-tiled-gridfield tbody.ss-gridfield-items tr {
	display: block;
	float: left;
	position: relative;
	min-width: 60px;
	min-height: 60px;
}
.ss-tiled-gridfield tbody.ss-gridfield-items td {
    border-top: none!important;
}
.ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact .grid-field__icon-action:hover {
    background: transparent;
}
.ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact {
	position: absolute;
	top: 2px;
    right: 2px;
	padding: 0;
	margin: 0;
    width: auto;
    opacity: 0;
	border: none;
    transition: opacity 1s;
}
.ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact a {
    display: none;
}
.ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact button {
    margin: 0;
    padding: 2px 0 0;
    height: 20px;
}
.ss-tiled-gridfield tbody.ss-gridfield-items tr:hover td.grid-field__col-compact {
    opacity: 0.5;
}
.ss-tiled-gridfield tbody.ss-gridfield-items tr:hover td.grid-field__col-compact:hover {
    opacity: 1;
}

Fix padding & add hover effect

Fix padding & add hover effect


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

.link {
  composes: reset-font-smoothing;
  cursor: pointer;
  background: transparent;
  border: 0;
  font-size: 100%;
  padding: 0;

  &:not(.inherit) {
    color: var(--color-aqua-dark);
    font-family: var(--font-family-regular);
    text-decoration: none;

    &:hover,
    &:active {
      text-decoration: underline;
    }
  }

  &.inherit {
    color: inherit;
    text-decoration: underline;

    &:hover,
    &:active {
      color: inherit;
      text-decoration: none;
    }
  }
}

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

.link {
  composes: reset-font-smoothing;
  cursor: pointer;
  background: transparent;
  border: 0;
  font-size: 100%;
  padding: 0;

  svg {
    transform: translateY(-1px);
  }

  * + svg,
  svg + * {
    margin-left: var(--spacer-smallest);
  }

  &:not(.inherit) {
    color: var(--color-aqua-dark);
    font-family: var(--font-family-regular);
    text-decoration: none;

    &:hover,
    &:active {
      text-decoration: underline;
    }
  }

  &.inherit {
    color: inherit;
    text-decoration: underline;

    &:hover,
    &:active {
      color: inherit;
      text-decoration: none;
    }
  }
}

Add styling for the icon

Add styling for the icon


.help-block  {
  font-size: 10px;
}

div.outer {
  position: fixed;
  top: 41px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0;
}

.rbox  {
  font-size: 10px;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input,
option {
  font-size: 11px;
}

select::-ms-expand {
  width:12px;
  border:none;
  background:#fff;
}

select.form-control {
  font-size: 11px;
}

label {
  font-size: 12px;
}

.recalculating{
  opacity: 1.0;
}

#cite {
  position: relative;
  bottom: 25px;
  left: 120px;
  font-size: 12px;
}

body {
  max-width: unset !important;
}

#dft {
  margin-bottom: 10px;
}

.help-block  {
  font-size: 10px;
}

.navbar-nav>li {
    float: left;
}

div.outer {
  position: fixed;
  top: 41px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0;
}

.rbox  {
  font-size: 10px;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input,
option {
  font-size: 11px;
}

select::-ms-expand {
  width:12px;
  border:none;
  background:#fff;
}

select.form-control {
  font-size: 11px;
}

label {
  font-size: 12px;
}

.recalculating{
  opacity: 1.0;
}

#cite {
  position: relative;
  bottom: 25px;
  left: 120px;
  font-size: 12px;
}

body {
  max-width: unset !important;
}

#dft {
  margin-bottom: 10px;
}

Stop menu collapsing on mobile

Stop menu collapsing on mobile


ul, li {
  display: block;
  margin: 0;
  padding: 0;
}

  li {
    list-style-type: none;
  }

.group-title, .tab {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

  .group.active .group-title, .tab.active {
    font-weight: bold;
  }

  .group:hover .group-title {
    padding-right: 15px;
  }

.group, .tab {
  border-radius: 3px;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 5px;
  position: relative;
}

  .group:hover, .tab:hover {
    background-color: #eaeaea;
    border-color: #d3d3d3;
  }

.tab-list {
  display: none;
  margin-top: 5px;
}

  .expanded .tab-list {
    display: block;
  }

.expanded .group-title {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 5px;
}

.group-controls {
  display: none;
  font-size: 120%;
  position: absolute;
  right: 5px;
  top: 4px;
}

.group:hover .group-title {
  padding-right: 55px;
}

  .group:hover .group-controls {
    display: inline-block;
  }

ul, li {
  display: block;
  margin: 0;
  padding: 0;
}

  li {
    list-style-type: none;
  }

.group-title, .tab {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

  .group.active .group-title, .tab.active {
    font-weight: bold;
  }

  .group:hover .group-title {
    padding-right: 15px;
  }

.group, .tab {
  border-radius: 3px;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 5px;
  position: relative;
}

  .group:hover, .tab:hover {
    background-color: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.12);
  }

.tab-list {
  display: none;
  margin-top: 5px;
}

  .expanded .tab-list {
    display: block;
  }

.expanded .group-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 5px;
}

.group-controls {
  display: none;
  font-size: 120%;
  position: absolute;
  right: 5px;
  top: 4px;
}

.group:hover .group-title {
  padding-right: 55px;
}

  .group:hover .group-controls {
    display: inline-block;
  }

Use semi transparent black to support color themes


@import '../colors.css';
@import '../variables.css';
@import './config.css';

.overlay {
  background-color: var(--overlay-color);
  bottom: 0;
  height: 100vh;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity var(--animation-duration) var(--animation-curve-default);
  width: 100vw;

  &.active {
    opacity: var(--overlay-opacity);
    pointer-events: all;
  }
}

@import '../colors.css';
@import '../variables.css';
@import './config.css';

.overlay {
  bottom: 0;
  height: 100vh;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity var(--animation-duration) var(--animation-curve-default);
  width: 100vw;

  &.active {
    opacity: var(--overlay-opacity);
    pointer-events: all;
  }
}

.dark {
  background-color: var(--overlay-color);
}

Set background color as an option instead of by default


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

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

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

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

Remove odd indent beside docstring.

Remove odd indent beside docstring.


nav.top-bar .title-area h1 {

    background: url("/assets/lidsys/images/logo.png") no-repeat scroll 10px 5px transparent;
    background-size: 120px 30px;
    text-indent: -9999px;
    overflow: hidden;
    width: 150px;
    height: 40px;
    white-space: nowrap;
}

.winning_team {
    font-weight: bold;
}

.losing_team {
    color: #999999;
}

.label.success.wrong-team {
    color: #43ac6a;
    background-color: inherit;
}

.label.alert.wrong-team {
    color: #f04124;
    background-color: inherit;
}

.row.full-width {
    max-width: 100%;
    padding: 0 5px;
}

.no-wrap {
    white-space: nowrap;
}

nav.top-bar .title-area h1 {

    background: url("images/logo.png") no-repeat scroll 10px 5px transparent;
    background-size: 120px 30px;
    text-indent: -9999px;
    overflow: hidden;
    width: 150px;
    height: 40px;
    white-space: nowrap;
}

.winning_team {
    font-weight: bold;
}

.losing_team {
    color: #999999;
}

.label.success.wrong-team {
    color: #43ac6a;
    background-color: inherit;
}

.label.alert.wrong-team {
    color: #f04124;
    background-color: inherit;
}

.row.full-width {
    max-width: 100%;
    padding: 0 5px;
}

.no-wrap {
    white-space: nowrap;
}

Change logo.png back to relative path

Change logo.png back to relative path


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

app-root,
md-sidenav-container,
#main-content {
  margin: 0;
  width: 100%;
  height: 100%;
}

md-sidenav { width: 250px; }

#main-content {
  min-height: 100%;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

Add box sizing to all elements

Add box sizing to all elements


.filesystem {
    background-color: rgba(20, 20, 20, 0.8);
    text-align: center;
    padding: 10px 20px;
    max-width: 800px;
}

.filesystem tr:hover td,
.filesystem tr:active td {
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    color: #28a0c8;
}

.filesystem th {
    padding: 3px 5px;
    font-size: 14px;
}

.filesystem td {
    padding: 1px 5px;
    line-height: 1;
}

.filesystem .fileicon {
    width: 28px;
    height: 28px;
    padding: 0 5px 0 0;
    vertical-align: middle;
}

.filesystem .filename {
    font-family: "Raleway", Georgia, "Times New Roman", Times, serif;
    padding-right: 30px;
    text-align: left;
    font-size: 16px;
}

.filesystem .filename span {
    cursor: pointer;
}

.filesystem .fileinfo {
    padding-left: 10px;
    font-size: 12px;
}

.filesystem {
    background-color: rgba(20, 20, 20, 0.8);
    text-align: center;
    padding: 10px;
    max-width: 800px;
}

.filesystem tr:hover td:not(.filename) span,
.filesystem tr:active td:not(.filename) span {
    font-weight: 600;
}

.filesystem th {
    padding: 3px 5px;
    font-size: 14px;
}

.filesystem td {
    padding: 1px 5px;
    line-height: 1;
}

.filesystem .fileicon {
    width: 28px;
    height: 28px;
    padding: 0 5px 0 0;
    vertical-align: middle;
}

.filesystem .filename {
    font-family: "Raleway", Georgia, "Times New Roman", Times, serif;
    padding-right: 30px;
    text-align: left;
    font-size: 16px;
}

.filesystem .filename span {
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    cursor: pointer;
}

.filesystem .filename span:hover,
.filesystem .filename span:active {
    color: #28a0c8;
}

.filesystem .fileinfo {
    padding-left: 10px;
    font-size: 12px;
}

Fix hover effect on rows

Fix hover effect on rows


circle, text {
  cursor: pointer;
}
circle {
  stroke: #000;
  stroke-width: 1px;
}
footer {
  clear: both;
}
line {
  stroke: #ddd;
  stroke-width: 2px;
}
text {
  font-family: Courier New, Courier, monospace;
  font-weight: bold;
}
.group-by-container {
  position: absolute;
  bottom: 50px;
  left: 5px;
}
.highlight {
  stroke: blue;
  stroke-width: 5px;
}
.information {
  position: relative;
  background-color: #eee;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  float: left;
  padding: 10px;
  height: 706px;
  width: 300px;
}
.legend-ordinal {
  font-size: 12px;
  opacity: .25;
}
.org-svg-container {
  border: 1px solid #ddd;
  float: left;
}
.search-container {
  position: absolute;
  bottom: 0;
  left: 0;
}
.search-non-match {
  fill: #ccc !important;
}
.search-input {
  width: 295px;
  font-size: 32px;
}

circle, .circle-text {
  cursor: pointer;
}
circle {
  stroke: #000;
  stroke-width: 1px;
}
footer {
  clear: both;
}
line {
  stroke: #ddd;
  stroke-width: 2px;
}
text {
  font-family: Courier New, Courier, monospace;
  font-weight: bold;
}
.group-by-container {
  position: absolute;
  bottom: 50px;
  left: 5px;
}
.highlight {
  stroke: blue;
  stroke-width: 5px;
}
.information {
  position: relative;
  background-color: #eee;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  float: left;
  padding: 10px;
  height: 706px;
  width: 300px;
}
.legend-ordinal {
  font-size: 12px;
  opacity: .25;
}
.org-svg-container {
  border: 1px solid #ddd;
  float: left;
}
.search-container {
  position: absolute;
  bottom: 0;
  left: 0;
}
.search-non-match {
  fill: #ccc !important;
}
.search-input {
  width: 295px;
  font-size: 32px;
}

Use text selection cursor for legend text


* {
  background-color: gray;
}

.App {
  text-align: center;
  background-color: gray;
}

.App-header {
  background-color: gray;
  height: 150px;
  padding: 10px;
  color: white;
}

.App-header h1 {
  font-size: 5em;
  font-family: Arial;
  font-weight: 100;
}

.App-intro {
  font-size: large;
}

* {
  background-color: gray;
}

.App {
  text-align: center;
  background-color: gray;
  color: white;
}

.App-header {
  background-color: gray;
  height: 150px;
  padding: 10px;
  color: white;
}

.App-header h1 {
  font-size: 5em;
  font-family: Arial;
  font-weight: 100;
}

.App-intro {
  font-size: large;
}

Change default font color to white

Change default font color to white


ol.thumb-grid {
  padding: 20px;
  text-align: center;
}

ol.thumb-grid li {
  display: inline-block;
  background: #fff;
  margin: 20px 20px;
  width: 170px;
  height: 170px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #999;
}

img.thumb {
  height: 170px;
  width: 170px;
}

ol.thumb-grid li:hover {
  box-shadow: 0px 0px 10px #2C3E50;
}

ol.thumb-grid {
  padding: 20px;
  text-align: center;
}

ol.thumb-grid li {
  display: inline-block;
  background: #fff;
  margin: 20px 20px;
  width: 170px;
  height: 170px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #999;
  box-shadow: 0px 0px 5px #999;
}

img.thumb {
  height: 170px;
  width: 170px;
}

ol.thumb-grid li:hover {
  box-shadow: 2px 2px 5px #2C3E50;
}

Update thumb grid image shadow

Update thumb grid image shadow


/* $Id$ */

.box-data ol {
	margin-left: 0;
}

.box-data ul {
	margin-left: 1em;
}

.box-data .cssmenu_vert ul {
	margin-left: 0;
}

#col2 .cssmenu_vert {
	margin-left: 0;
}

.wikiactions .icons,
.wikiactions form {/*display: inline*/}

.codelisting {
	padding-bottom: 1.8em;
}

#editpageform {
	width: 520px;
}

#header-top {
	z-index: 4;
}

#tiki-top {
	position: relative;
	z-index: 3;
}

#middle {
	z-index: 1;
	position: relative;
}

h3.box-title {
	z-index: 0;
}

.cssmenu_vert ul li {
	width: inherit;
}

#wrapper {
	z-index: auto; /* fixes IE7 'z-index bug' for suckerfish menus etc */
	position: relative;
}

.ui-dialog .ui-dialog-content {
	overflow: hidden !important;
}

[FIX] IE7: Fix for superfish menus going behind stuff, and remove random scrollbars from ui dialogs.

git-svn-id: a7fabbc6a7c54ea5c67cbd16bd322330fd10cc35@33103 b456876b-0849-0410-b77d-98878d47e9d5


@font-face {
	font-family: "M+ 1p";
	font-weight: 400;
	src: local("M+ 1p"), url(mplus-1p-regular.ttf);
}

@font-face {
	font-family: "M+ 1p";
	font-weight: 700;
	src: local("M+ 1p"), url(mplus-1p-bold.ttf);
}

@font-face {
	font-family: "M+ 1p";
	font-weight: 400;
	src: local("M+ 1p regular"), url(mplus-1p-regular.ttf);
}

@font-face {
	font-family: "M+ 1p";
	font-weight: 700;
	src: local("M+ 1p bold"), url(mplus-1p-bold.ttf);
}

Revert "Use just "M+ 1p" as the system font reference"

This reverts commit 2853fe06344960d47990e9ca4b950db31db16d46.

Never mind, seems like it was working.


#top {
display:block;
display: relative;
background-color:;
top: 170px;
}

#second_from_top {
display: block;
position: relative;

}

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

Move top block to blog stylesheet

Move top block to blog stylesheet