.wrapper {
    line-height: 1.5;
    overflow-wrap: break-word;

    > :first-child {
        margin-top: 0;
    }

    > :last-child {
        margin-bottom: 0;
    }

    img {
        max-width: 100%;
    }

    pre {
        overflow-x: auto;
    }

    p {
        code {
            background-color: #fff;
            padding: 0 2px;
        }
    }

    table {
        border-collapse: collapse;
        display: block;
        overflow-x: auto;

        th, td {
            border: 1px solid #dfe2e5;
            padding: 6px 13px;
        }
    }
}

.wrapper {
    line-height: 1.5;
    overflow-wrap: break-word;

    > :first-child {
        margin-top: 0;
    }

    > :last-child {
        margin-bottom: 0;
    }

    img {
        max-width: 100%;
    }

    pre {
        overflow-x: auto;
    }

    p {
        code {
            background-color: #fff;
            padding: 0 2px;
        }
    }

    code {
        font-family: var(--font-monospace);
    }

    table {
        border-collapse: collapse;
        display: block;
        overflow-x: auto;

        th, td {
            border: 1px solid #dfe2e5;
            padding: 6px 13px;
        }
    }
}

Use `--font-monospace` for code sample

RenderedHtml: Use `--font-monospace` for code sample


/* Foundation hacks */
.row{
	max-width:inherit;/* Expand to full browser width instead of 960px */
}
.top-bar input{	/* Issue filed at github */
	height:auto;
	padding-top:.35rem;
	padding-bottom:.35rem;
}
nav.top-bar .has-dropdown .button{ /* Needs testing */
	top:0;
}

/* End Foundation hacks */

#search-bar{
}
#search-bar i{
	padding:6px;
}
/* Card block */
li.card a{
	margin:2px;
	padding:5px;
	border: 1px solid #eaeaea;
	display: block;
}
li.card a:hover{
	border: 1px solid #ddd;
}

/* Foundation hacks */
.row{
	max-width:inherit;/* Expand to full browser width instead of 960px */
}
.top-bar input{	/* Issue filed at github */
	height:auto;
	padding-top:.35rem;
	padding-bottom:.35rem;
}
nav.top-bar .has-dropdown .button{ /* Needs testing */
	top:0;
}

/* End Foundation hacks */

/* Card block */
li.card a{
	margin:2px;
	padding:5px;
	border: 1px solid #eaeaea;
	display: block;
}
li.card a:hover{
	border: 1px solid #ddd;
}

Add github link in footer, Remove search button from search bar


.fusebox-container { position: absolute; top: 40px; display: none; }
.fusebox-container .ui-widget-shadow { position: absolute; z-index: 3; }
.fusebox { display: none; padding: 10px; z-index: 4; position: relative; float: left; }

.fusebox-container { position: fixed; top: 40px; display: none; }
.fusebox-container .ui-widget-shadow { position: absolute; z-index: 3; }
.fusebox { display: none; padding: 10px; z-index: 4; position: relative; float: left; }

Change container from absolute to fixed positioning so it displays correctly even if window has been scrolled down


/*! Place your custom styles here */
.exchanges .row div {
  min-height: 75px;
}

.vertical-align {
  display: flex;
  align-items: center;
}

/*! Place your custom styles here */
.exchanges .row div.col-sm-4 {
  min-height: 75px;
}

.wallets .row div.col-sm-6 {
  min-height: 100px;
}

.vertical-align {
  display: flex;
  align-items: center;
}

Fix some spacing in exchanges and wallets


h1 {
  text-transform: capitalize;
}

h2 {
  text-transform: capitalize;
}

h3 {
  text-transform: capitalize;
}

h4 {
  text-transform: capitalize;
}

div.tip {
  margin-left : 5%;
  margin-right : 5%;
  padding-left: 2%;
  padding-right: 2%;
  background-color: Silver;
  color:Black;
  border: ridge;
}

#bannerLeft img {
  float:left;
  position: relative;
  top: 18px;
  left: 40px;

}

#banner {
  border-bottom: 1px solid #fff;
  background: url("../images/banner.jpg") repeat scroll 0 0 transparent;
}

h1 {
  text-transform: capitalize;
}

h2 {
  text-transform: capitalize;
}

h3 {
  text-transform: capitalize;
}

h4 {
  text-transform: capitalize;
}

.tip {
  margin-left : 5%;
  margin-right : 5%;
  padding-left: 2%;
  padding-right: 2%;
  background-color: Silver;
  color:Black;
  border: ridge;
}

#bannerLeft img {
  float:left;
  position: relative;
  top: 18px;
  left: 40px;

}

#banner {
  border-bottom: 1px solid #fff;
  background: url("../images/banner.jpg") repeat scroll 0 0 transparent;
}

Remove element name from selector in CSS

Fix according to CSSLint [Disallow overqualified elements](https://github.com/CSSLint/csslint/wiki/Disallow-overqualified-elements) rule.


html {
    font-family: 'Avenir Next', 'Segoe UI', sans-serif;
}

pre,
code,
kbd,
var,
samp {
    font-family: 'Menlo', Consolas, Courier, monospace;
}

.serif {
    font-family: 'Times New Roman', serif;
}

.alert,
.pagination,
.breadcrumbs,
.decolink,
.button,
.uifont {
    font-family: '-apple-system', 'BlinkMacSystemFont', 'Avenir Next', 'Segoe UI', sans-serif;
}

html {
    font-family: 'Avenir Next', 'Segoe UI', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

pre,
code,
kbd,
var,
samp {
    font-family: 'Menlo', Consolas, Courier, monospace;
}

.serif {
    font-family: 'Times New Roman', serif;
}

.alert,
.pagination,
.breadcrumbs,
.decolink,
.button,
.uifont {
    font-family: '-apple-system', 'BlinkMacSystemFont', 'Avenir Next', 'Segoe UI', sans-serif;
}

Change macOS font anti-aliased behavior.


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

#second_from_top {
display: block;

}

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

#second_from_top {
display: block;
position: relative;

}

Change position blocks week stylesheet

Change position blocks week stylesheet


@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@import "tailwindcss/screens";

html {
  height: 100%;
}

body {
  height: 100%;
  background-color: #4299e1;
}

#__next {
  height: 100%;
}

.bg-img {
  background-image: url("/images/bg.jpg");
  background-size: cover;
}

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@import "tailwindcss/screens";

html {
  height: 100%;
}

body {
  height: 100%;
  background-color: #4299e1;
}

#__next {
  height: 100%;
}

.bg-img {
  background-image: url("/images/bg_720.jpg");
  background-size: cover;
}

@media (min-width: 720px) {
  .bg-img {
    background-image: url("/images/bg_1168.jpg");
  }
}
@media (min-width: 1168px) {
  .bg-img {
    background-image: url("/images/bg_1543.jpg");
  }
}
@media (min-width: 1543px) {
  .bg-img {
    background-image: url("/images/bg_1855.jpg");
  }
}
@media (min-width: 1855px) {
  .bg-img {
    background-image: url("/images/bg.jpg");
  }
}

Add responsive breakpoints for background image


.mini-map {
    position: absolute;
    border: 1px solid black;
}
.tile {
    position: absolute;
}
.player {
    background: blue;
}

Add style for player class.

Add style for player class.

Signed-off-by: suicidepills <7afc318999709d81327fbf847cf4b7fdca875e63@gmail.com>


@font-face {
	font-family: "LemonMilk";
	src:  url("../assets/LemonMilk.otf");
}

body {
	background-color: #332A4D;
}

#applyPage {
	text-align: center;
}
#applyPage > svg {
	height: 75vh;
}

#applyGroup {
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "LemonMilk";
	color: white;
}

@font-face {
	font-family: "LemonMilk";
	src:  url("../assets/LemonMilk.otf");
}

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

#applyPage > svg {
	height: 75vh;
	max-width: 100vw;
}

#applyGroup {
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "LemonMilk";
	color: white;
}

Fix header positioning on mobile

Fix header positioning on mobile


table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

th,
td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

Scale table padding to root font-size

Scale table padding to root font-size


/* TODO: some of these may be moved up to common */
div.row div.label {
    width: 9em;
}

div.row div.value, div.row div.extra { margin-left: 11em; }
div.row div.extra {
    padding-top: 0.3em;
}

.main-fields {
    float: left;
    width: 30em;
    border-left: 1px solid #999;
    margin-bottom: 0.5em;
}

.ctc-details {
    padding-right: 1.2em;
    float: left;
    width: 45em;
}

/* TODO: some of these may be moved up to common */
div.row div.label {
    width: 9em;
}

div.row div.value, div.row div.extra { margin-left: 11em; }
div.row div.extra {
    padding-top: 0.3em;
}

.main-fields {
    float: left;
    width: 30em;
    margin-bottom: 0.5em;
}

.ctc-details {
    padding-right: 1.2em;
    float: left;
    width: 45em;
}

Remove legacy left rule from main-fields

SVN-Revision: 1955


body {
    font-size: 16px;
    line-height: 1.5;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    margin: auto;
    width: 800px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
}

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

section p {
    text-indent: 50px;
}

.my-contact-info {
    margin-left: 550px;
}

.date {
    margin-left: 550px;
}

footer {
    margin-left: 550px;
}

.highlighted {
    color: red;
    font-weight: 700;
}

.btn {
    display: none;
}

.popover {
    text-indent: 0;
}

Set hard value on popover class's text indent


.timeline.schedule .graph line {
  stroke: gray;
  stroke-linecap: round;
  stroke-width: 8;
}

.timeline.schedule .graph text {
  fill: gray;
  font-family: Courier;
  font-size: 14px;
}

.timeline.schedule .graph text.link {
  cursor: pointer;
  fill: blue;
}

.timeline.schedule .graph line {
  stroke: gray;
  stroke-linecap: round;
  stroke-width: 8px;
}

.timeline.schedule .graph text {
  fill: gray;
  font-family: Courier;
  font-size: 14px;
}

.timeline.schedule .graph text.link {
  cursor: pointer;
  fill: blue;
}

Add unit literal in CSS

Add unit literal in CSS


@font-face{
	font-family:'ethnocentric';
	src:url('assets/fonts/ethnocentric/ethnocentric_rg.ttf');
	src:url('assets/fonts/ethnocentric/ethnocentric_rg.ttf') format('truetype');
	src:url('assets/fonts/ethnocentric/ethnocentric_rg-webfont.woff') format('woff');
}

h2{
	font-size:38px;
	font-family:'ethnocentric';
}

.html{
	min-height:100%;
}

.post-date{
	background:#f4f4f4;
	padding:4px;
	margin:3px 0;
	display: block;
}

.post-thumb{
	width:100%;
}

@font-face{
	font-family:'ethnocentric';
	src:url('https://www.pcrepairutah.com/assets/fonts/ethnocentric/ethnocentric_rg.ttf');
	src:url('https://www.pcrepairutah.com/assets/fonts/ethnocentric/ethnocentric_rg.ttf') format('truetype');
	src:url('https://www.pcrepairutah.com/assets/fonts/ethnocentric/ethnocentric_rg-webfont.woff') format('woff');

h2{
	font-size:38px;
	font-family:'ethnocentric';
}

.html{
	min-height:100%;
}

.post-date{
	background:#f4f4f4;
	padding:4px;
	margin:3px 0;
	display: block;
}

.post-thumb{
	width:100%;
}

Fix URL for ethnocentric font

Fix URL for ethnocentric font


#racetrack {
  border: 1px solid black;
  height: 150px;
}

.player {
  height: 50px;
  width: 50px;
  background-color: blue;
  border: 1px solid black;
  margin: 10px 0 10px 10px;
}

Add basic styling for racetrack div and player divs


*{
  background-color: #FFFFE0;
}

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

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

#Strings{
  height: 50px;
}

#Integers{
  height: 50px;
}

#Arrays{
  height: 150px;
}

#Hashes{
  height: 150px;
}

*{
  background-color: #FFFFE0;
}

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

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

.Strings{
  height: 50px;
}

.Integers{
  height: 50px;
}

.Arrays{
  height: 150px;
}

.Hashes{
  height: 150px;
}

Edit css to swap class/id calls

Edit css to swap class/id calls


.LessonText {
  height: 100%;
}
.LessonText .ReactCodeMirror, .LessonText .CodeMirror {
  height: 100%;
}

.LessonText .markdown-body {
  padding: .5em;
}

.LessonText {
  height: 100%;
}
.LessonText .ReactCodeMirror, .LessonText .CodeMirror {
  height: 100%;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 14px;
}

.LessonText .markdown-body {
  padding: .5em;
}

Update text editing font to match code.

Update text editing font to match code.


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

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

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

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

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

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

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

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

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

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

Increase width of docstring tooltip

Increase width of docstring tooltip

Avoids wrapping of lines over 75 chars in width.


/* I recommend you don't change the curtain but I won't stop you if you're gonna */
.CurtainBlock {
  background-color: black;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%
}

/* You can totally change this to suit your needs though! */
.CurtainBlockAlert {
	background-color: rgb(255,255,255);
	width: 500px;
	margin: 15% auto;
	-webkit-box-shadow: 0px 0px 20px white;
	-o-box-shadow: 0px 0px 20px white;
	-ms-box-shadow: 0px 0px 20px white;
	box-shadow: 0px 0px 20px white;
	font-family: sans-serif;
	padding: 10px;
	text-align: center;
}

.CurtainBlockAlert p {
	text-align: justify;
}

/* I recommend you don't change the curtain but I won't stop you if you're gonna */
.CurtainBlock {
  	background-color: black;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
}

/* You can totally change this to suit your needs though! */
.CurtainBlockAlert {
	background-color: rgb(255,255,255);
	width: 500px;
	margin: 15% auto;
	-webkit-box-shadow: 0px 0px 20px white;
	-o-box-shadow: 0px 0px 20px white;
	-ms-box-shadow: 0px 0px 20px white;
	box-shadow: 0px 0px 20px white;
	font-family: sans-serif;
	padding: 10px;
	text-align: center;
}

.CurtainBlockAlert p {
	text-align: justify;
}

Set the initial curtain display to none

Set the initial curtain display to none

I was being dumb about this much.


h1, h2, h3, h4, h5, h6, p, body {
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

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

.page-header {
	margin-bottom: 0px;
}

.input-group-addon a {
	cursor: pointer;
}

.section-header {
	border-bottom: 1px solid #919191;
}

.item-listing {
	width: 100%;
	height: 250px;
}

.featured-item {
	height: 125px;
}

.horizontal-item {

}

.item {
	border: 1px solid #919191;
	height: 120px;
}

.item img {
	margin: 6px;
}

.item-price {

}

h1, h2, h3, h4, h5, h6, p, body {
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

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

.page-header {
	margin-bottom: 0px;
}

.input-group-addon a {
	cursor: pointer;
}

.section-header {
	border-bottom: 1px solid #919191;
}

.item-listing {
	width: 100%;
	min-height: 125px;
	max-height: 250px;
}

.featured-item {
	height: 125px;
}

.horizontal-item {

}

.item {
	border: 1px solid #919191;
	height: 120px;
}

.item img {
	margin: 6px;
}

.item-price {

}

Set min and max height on item listings (instead of fixed.)


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

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

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

Add padding at bottom of page.

Add padding at bottom of page.


.vm-properties {
    font-size: large;
}

dt {
    clear: left;
    float: left;
    width: 200px;
    min-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888;
    font-weight: normal;
    text-align: left;
}

dd {
    margin-left: 110px;
    min-height: 26px;
    max-width: 1000px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vm-detail-icon { /* small VM icon on detail page*/
}

.left-delimiter {
    padding: 0 13px 0 0;
}

.left-delimiter + .left-delimiter {
    padding-left: 13px;
    border-left: 1px solid #d1d1d1;
}

.vm-properties {
    font-size: large;
}

dt {
    clear: left;
    float: left;
    width: 200px;
    min-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888;
    font-weight: normal;
    text-align: left;
}

dd {
    margin-left: 110px;
    min-height: 26px;
    max-width: 1000px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 2px;
}

.vm-detail-icon { /* small VM icon on detail page*/
}

.left-delimiter {
    padding: 0 13px 0 0;
}

.left-delimiter + .left-delimiter {
    padding-left: 13px;
    border-left: 1px solid #d1d1d1;
}

Fix vertical alignment of VmDetail properties


body,
html {
  margin: 0;
  padding: 0;
}
body {
  max-width: 50%;
  margin: auto;
  font-family: 'Open Sans', sans-serif;
}
.title {
  border-bottom: 2px solid #ed706c;
}
.title h1 {
  font-weight: 300;
}
.rules {
  padding: 0;
  list-style-type: none;
}
.rules li {
  height: 55px;
  line-height: 55px;
}
.rules li span {
  background-color: #ed706c;
  color: #fff;
  padding: 6px 12px;
  display: inline-block;
  min-width: 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
  margin-right: 10px;
}

body,
html {
  margin: 0;
  padding: 5px;
}
body {
  max-width: 750px;
  margin: auto;
  font-family: 'Open Sans', sans-serif;
}
.title {
  border-bottom: 2px solid #ed706c;
}
.title h1 {
  font-weight: 300;
  margin: 0;
}
.rules {
  padding: 0;
  list-style-type: none;
}
.rules li {
  position: relative;
  min-height: 42px;
  padding: 10px 0;
  line-height: 1.5;
  overflow: auto;
}
.rules li.selected {
  background-color: #f8e287;
}
.rules li .index {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #ed706c;
  color: #fff;
  padding: 6px 12px;
  display: inline-block;
  min-width: 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
}
.rules li .content {
  float: left;
  padding-left: 66px;
  margin-top: 9px;
}
.rules hr {
  height: 1px;
  width: 100%;
  background-color: #fbdbda;
  border: 0;
  margin: 0;
  padding: 0;
}
.logo.header {
  width: 200px;
  height: auto;
}

Add rule selection and more responsive

Add rule selection and more responsive


/* https://github.com/poole/hyde/pull/90/files */
.sidebar a {
    padding: 5px 0;
}

/* Stop sidebar on mobile being so god damn massive */
.sidebar-about p.lead {
  display: none;
}
.sidebar-nav-item {
  display: inline;
}

@media (min-width: 48em) {
  .sidebar-about p.lead {
    display: block;
  }
  .sidebar .sidebar-nav-item {
    display: block;
  }
}

/* https://github.com/poole/hyde/pull/90/files */
.sidebar a {
    padding: 5px 0;
}

/* Stop sidebar on mobile being so god damn massive */
.sidebar {
  padding 0.5rem 1rem;
}
.sidebar-about p.lead {
  display: none;
}
.sidebar .sidebar-nav-item {
  display: inline;
}
.sidebar-nav {
  margin-bottom: 0px;
}

@media (min-width: 48em) {
  .sidebar {
    padding 2rem 1rem;
  }
  .sidebar-about p.lead {
    display: block;
  }
  .sidebar .sidebar-nav-item {
    display: block;
  }
  .sidebar-nav {
    margin-bottom: 1rem;
  }
}

Compress header more on mobile

Compress header more on mobile


div.schema_title {
    font-size: 1.5em;
    font-weight: bold;
}

div.property_description {
    font-side: 1em;
}

div.schema_property_name {
    font-size: 1.5em;
    font-weight: bold;
}

table {
    width: 20%;
}

td.schema_property_required {
    font-style: italic;
}

.asdf_ref {
    font-size: 1.5em;
    font-weight: bold;
}

.example-description {
    top: 0;
    position: sticky;
    background: #ffffff;
    font-size: 1.25em;
    padding-left: 1%;
    padding-right: 1%;
}

.highlight-yaml {
    padding-left: 1%;
    padding-right: 1%;
}

.combiner-list {
    list-style-type: circle;
}

.toc-link {
    display: block;
}

div.schema_title {
    font-size: 1.5em;
    font-weight: bold;
}

div.property_description {
    font-side: 1em;
}

div.schema_property_name {
    font-size: 1.5em;
    font-weight: bold;
}

table {
    width: 30%;
}

td.schema_property_required {
    font-style: italic;
}

.asdf_ref {
    font-size: 1.5em;
    font-weight: bold;
}

.example-description {
    top: 0;
    position: sticky;
    background: #ffffff;
    font-size: 1.25em;
    padding-left: 1%;
    padding-right: 1%;
}

.highlight-yaml {
    padding-left: 1%;
    padding-right: 1%;
}

.combiner-list {
    list-style-type: circle;
}

.toc-link {
    display: block;
}

Fix table formatting for schema property details


@media screen and (max-width: 720px) {

    body {
        flex-direction: column;
    }

    #left {
        width: 100%;
        margin-bottom: 10px;
    }

    #controls_container {
        width: 100%;
        max-width: 100%;
    }

    #footer {
        display: none;
    }

    #colors {
        width: 80vw;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .stack_container {
        width: 80vw;
    }

    .stack_input {
        width: 100px;
    }

    .color_input {
        width: 100%;
    }

    #color {
        margin-bottom: 10px;
    }

    .color_text {
        width: 80vw;
    }

    #download_container {
        width: 80vw;
        margin-bottom: 10px;
    }

    input {
        width: 80vw;
    }

    #size {
        width: 80vw;
    }

    #search {
        width: calc(80vw - 10px);
        order: 100;
        margin-bottom: 10px;
    }

    #right {
        width: 100%;
        justify-content: center;
        max-height: calc(100vh - 60px);
    }
}

Switch all line endings to unix

Switch all line endings to unix


body {
    background: url('https://source.unsplash.com/category/technology') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.background-fade {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .5);
}

.div-content {
    margin-top: 4in;
    text-align: center;
    color: #333;
    text-shadow: 1px 2px 2px #999;
}

.heading {
	margin: 0;
    padding-left: 2px;
    font-size: 5em;
}

.normal {
	margin: 0 auto;
	max-width: 500px;
    font-size: 2.5em;
}

.heading,
.normal {
    font-family: 'Cutive', sans-serif;
}

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

.links li {
    display: inline;
}

.links a {
    text-decoration: none;
    color: inherit;
}

.links .fa {
    padding: 5px;
    font-size: 30px;
}

body {
    background: url('https://source.unsplash.com/category/technology') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.background-fade {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .5);
}

.div-content {
    margin-top: 4in;
    text-align: center;
    color: #333;
    text-shadow: 1px 2px 2px #999;
}

.heading {
	margin: 0;
    padding-left: 2px;
    font-size: 5em;
}

.normal {
	margin: 0 auto;
	max-width: 500px;
    font-size: 2.5em;
}

.heading,
.normal {
    font-family: 'Cutive', sans-serif;
}

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

.links li {
    display: inline;
}

.links a {
    text-decoration: none;
    color: inherit;
}

.links .fa {
    padding: 5px;
    font-size: 30px;
}

Change the position of background-fade class

This is to cover the whole screen regardless
of scrolling the page vertically or horizontally.

Signed-off-by: J <6d8c821fee740cb17cde14ce21e2eb4ee6668fae@gmail.com>


.hljs {
    background: none;
    padding: 0;
}

/* https://jsfiddle.net/tovic/AbpRD/ */
pre {
  background-color: #eee;
  overflow: auto;
  margin: 0 0 1em;
  padding: .5em 1em;
  white-space: nowrap;
}

pre code {
	white-space: pre;
	overflow: auto;
}

pre code,
pre .line-number {
  font-family: "Droid Sans Mono", Monospace;
  display: block;
  word-wrap: normal;
}

pre .line-number {
  float: left;
  margin: 0 1em 0 -1em;
  border-right: 1px solid;
  text-align: right;
  white-space: nowrap;
}

pre .line-number span:hover {
	background-color: lightgrey;
}

pre .line-number span {
  display: block;
  padding: 0 .5em 0 1em;
  cursor: pointer;
}

pre .line-number span:target {
	background-color: orange;
}

pre .cl {
  display: block;
  clear: both;
}

.gh-forkme {
	z-index: 9999;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
}

.hljs {
    background: none;
    padding: 0;
}

/* https://jsfiddle.net/tovic/AbpRD/ */
pre {
  background-color: #eee;
  overflow: auto;
  margin: 0 0 1em;
  padding: .5em 1em;
  white-space: nowrap;
}

pre code {
	white-space: pre;
	overflow: auto;
}

pre code,
pre .line-number {
  font-family: "Droid Sans Mono", Monospace;
  display: block;
  word-wrap: normal;
}

pre .line-number {
  float: left;
  margin: 0 1em 0 -1em;
  border-right: 1px solid;
  text-align: right;
  white-space: nowrap;
}

pre .line-number span:hover {
	background-color: lightgrey;
}

pre .line-number span {
  display: block;
  padding: 0 .5em 0 1em;
  cursor: pointer;
}

pre .line-number span:target {
	background-color: lightgreen;
}

pre .cl {
  display: block;
  clear: both;
}

.gh-forkme {
	z-index: 9999;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
}

Use more neutral colors for line highlighting


body {
  background-color: #F9F5FC;
}
canvas {
  border: 1px solid #888;
}

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

body {
  background-color: #F9F5FC;
}

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

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

Add rules for tetris- ids

Add rules for tetris- ids


/* Less */
fieldset { display: none; }
section { display: none; }
#extra-output { display: none; }
#help {
    display: none;
    clear: both;
}
#help-close-link { display: none; }
h3 {
    small {
        padding-left: 15px;
    }
}

.input-group {
    position: relative;
}

.swatch {
    min-width: 50px;

    &:hover {
        width: 150px;
        height: 150px;
        position: absolute;
        top:0;
        left: 0;
        z-index: 9000;
    }
}

hr {
    border-width: 2px;
    border-color: #666;
}

body {
    background: #333;
    color: #eee;
}

.form-control {
    background: #555;
    color: #eee;
}

.btn-default {
    background-color: #999;
}

.input-group-lg > output.form-control {
    padding: 9px 16px;
}

/* Less */
fieldset { display: none; }
section { display: none; }
#extra-output { display: none; }
#help {
    display: none;
    clear: both;
}
#help-close-link { display: none; }
h3 {
    small {
        padding-left: 15px;
    }
}

.input-group {
    position: relative;
}

.swatch {
    min-width: 50px;

    &:hover {
        width: 150px;
        height: 150px;
        position: absolute;
        top:0;
        left: 0;
        z-index: 9000;
    }
}

hr {
    border-width: 2px;
    border-color: #666;
}

body {
    background: #333;
    color: #eee;
}

.form-control {
    background: #555;
    color: #eee;
}

.btn-default {
    background-color: #999;
    color: #1f496e;

    &:hover, &:focus, &:active {
        color: #1f496e;
    }
}

.input-group-lg > output.form-control {
    padding: 9px 16px;
}

Change font color on copy buttons

Change font color on copy buttons


/* Tweak CodeMirror styles */
.root :global .CodeMirror {
	height: auto;
	padding: .3rem .8rem;
	font-size: .9rem;
}
.root :global .CodeMirror-scroll {
	height: auto;
	overflow-y: hidden;
	overflow-x: auto;
}
.root :global .cm-error {
	background: none !important;
}

Hide syntax errors in CodeMirror.

Hide syntax errors in CodeMirror.

Hack to make JSX highlighting better. #19.


/* bitcoin_address */
.zci--bitcoin_address .zci__body .zci__more-at{
    padding-top: 1em;
}
.zci--bitcoin_address .record .record__cell__value {
    word-wrap: break-word;
    padding: 0.4em;
}

.zci--bitcoin_address .record .record__cell__key {
    padding: 0.4em;
    width: 150px;
}

.is-mobile .zci--bitcoin_address .record .record__cell__value {
    max-width: 150px;
    text-overflow: ellipsis;
}

<<<<<<< HEAD
.zci--bitcoin_address .record .record__body{
    width: 100%;
}

.is-mobile .zci--bitcoin_address .record .record__cell__key {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zci--bitcoin_address .c-info__img-wrap {
    padding-top: 15px;
}

@media screen and (max-width: 700px) {
  .zci--bitcoin_address .c-text__img-wrap{
    display: none;
  }
}
/* bitcoin_address */

/* bitcoin_transaction */
.zci--bitcoin_transaction .c-list {
    max-width: 46em;
}
/* bitcoin_transaction */

/* bitcoin_address */
.zci--bitcoin_address .zci__body .zci__more-at{
    padding-top: 1em;
}
.zci--bitcoin_address .record .record__cell__value {
    word-wrap: break-word;
    padding: 0.4em;
}

.zci--bitcoin_address .record .record__cell__key {
    padding: 0.4em;
    width: 150px;
}

.is-mobile .zci--bitcoin_address .record .record__cell__value {
    max-width: 150px;
    text-overflow: ellipsis;
}

.zci--bitcoin_address .record .record__body{
    width: 100%;
}

.is-mobile .zci--bitcoin_address .record .record__cell__key {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zci--bitcoin_address .c-info__img-wrap {
    padding-top: 15px;
}

@media screen and (max-width: 700px) {
  .zci--bitcoin_address .c-text__img-wrap{
    display: none;
  }
}
/* bitcoin_address */

/* bitcoin_transaction */
.zci--bitcoin_transaction .c-list {
    max-width: 46em;
}
/* bitcoin_transaction */

Remove remnants of merge conflict

Bitcoin: Remove remnants of merge conflict


.content {
  margin-top: 50px;
}
.undecorated-link:hover {
  text-decoration: none;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.ng-invalid.ng-dirty {
  border-color: #FA787E;
}
.ng-valid.ng-dirty {
  border-color: #78FA89;
}

.navbar-logo {
  max-width: 150px;
  height: 30px;
  margin-top: -7px;
}

Add css for navigation bar logo.

Add css for navigation bar logo.


/**
 * CSS for jQuery Plugin Fast Facts
 */

.subtitle {
	font-size: 50%;
	vertical-align: middle;
}

.fast-facts-problem {
	border-bottom: 1px solid #000;
	font-size: 110%;
	margin: 0 auto 40px;
	max-width: 40px;
	text-align: right;
}

.fast-facts-operator {
	float: left;
}

#name {
	border-bottom: 2px solid black;
	width: 200px;
	padding-top: 25px;
	text-indent: -50px;
}

/**
 * CSS for jQuery Plugin Fast Facts
 */

.subtitle {
	font-size: 50%;
	vertical-align: middle;
}

.fast-facts-problem {
	border-bottom: 1px solid #000;
	font-size: 110%;
	margin: 40px auto 40px;
	max-width: 40px;
	text-align: right;
}

.fast-facts-operator {
	float: left;
}

#name {
	border-bottom: 2px solid black;
	width: 200px;
	padding-top: 25px;
	text-indent: -50px;
}

Change spacing for 60 problems

Change spacing for 60 problems

Add more vertical space around problems. This is possible because we are
now defaulting to 60 (instead of 100) problems.

See #13


blockquote {
  padding: 0 15px;
  color: #777;
  border-left: 4px solid #ddd;
}

.rst-content blockquote {
  margin: 0;
}

/*shifts the nested subnav label to the left to align it with the regular nav item labels*/
ul.subnav ul.subnav span {
  padding-left: 1.3em;
}

p {
  line-height: 20px;
  margin-bottom: 16px;
}
h1, h2 {
  border-bottom: 1px solid #eee;
  line-height: 1.2;
  margin-top: 1.2em;
  margin-bottom: 16px;
}
h3, h4, h5, h6 {
  margin: 1em 0 0.7em 0;
}
code {
  font-size: 85%;
  margin-right: 3px;
}
.wy-plain-list-disc, .rst-content .section ul, .rst-content .toctree-wrapper ul, article ul {
  line-height: 20px;
  margin-bottom: 16px;
}

blockquote {
  padding: 0 15px;
  color: #777;
  border-left: 4px solid #ddd;
}

.rst-content blockquote {
  margin: 0;
}

/*shifts the nested subnav label to the left to align it with the regular nav item labels*/
ul.subnav ul.subnav span {
  padding-left: 1.3em;
}

body {
  font-size: 100%;
}
p {
  line-height: 20px;
  margin-bottom: 16px;
}
h1, h2 {
  border-bottom: 1px solid #eee;
  line-height: 1.2;
  margin-top: 1.2em;
  margin-bottom: 16px;
}
h3, h4, h5, h6 {
  margin: 1em 0 0.7em 0;
}
code {
  font-size: 85%;
  margin-right: 3px;
}
table.docutils td code {
  font-size: 100%;
}
.wy-plain-list-disc, .rst-content .section ul, .rst-content .toctree-wrapper ul, article ul {
  line-height: 20px;
  margin-bottom: 16px;
}

Fix font-size, it's odd and inconsistent in the theme


/* CSS declarations go here */

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}

.footer a {
  float: right;
  color: grey;
}

.footer a:hover {

  color: black;
  text-decoration: none;
}

.label {
  margin: 0 2px;
}

Fix Labels no space between.

Fix Labels no space between.


*{
  background-color: #FFFFE0;
}

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

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

.Strings{
  height: 50px;
}

.Integers{
  height: 50px;
}

.Arrays{
  height: 150px;
}

.Hashes{
  height: 150px;
}

*{
  background-color: #FFFFE0;
}

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

h1{
  font-family: Arial, Verdana, sans-serif;
  position: relative;
  text-align: center;
}

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

.Strings{
  height: 50px;
}

.Integers{
  height: 50px;
}

.Arrays{
  height: 100px;
}

.Hashes{
  height: 100px;
}

Edit css to swap class/id calls

Edit css to swap class/id calls


/* This file is used for custom styles */
.messages-wrapper {
    margin-top: 10px;
}

.radio-station {
    cursor: default;
}

Use default cursor over radio station

Use default cursor over radio station


#uva-makers-logo {
  height:75px;
}

@media (min-width: 768px)
.navbar-default .nav > li>a, .navbar-default .nav>li {
  color: #222;
}

.navbar {
  background: #333;
  min-height: 105px;
}
.navbar-default .nav > li>a, .navbar-default .nav>li>a:focus {
  font-size: 30px;
}

header {
  margin-top: 105px;
}

.project-link {
  font-size: .8em;
  font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}
@keyframes button {
  from {
    fill: rgba(255, 255, 255, 0);
  }
  to {
    fill: rgba(255, 255, 255, 0.5);
  }
}
.map-button:hover circle,
.map-button:hover path {
  fill: rgba(255, 255, 255, 0.5);
  animation-name: button;
  animation-duration: .2s;
}
.map-button circle,
.map-button path {
  fill: rgba(255, 255, 255, 0);
}

#uva-makers-logo {
  height:75px;
}

@media (min-width: 768px)
.navbar-default .nav > li>a, .navbar-default .nav>li {
  color: #222;
}

.navbar {
  background: #333;
  min-height: 105px;
}
.navbar-default .nav > li>a, .navbar-default .nav>li>a:focus {
  font-size: 30px;
}

header {
  margin-top: 105px;
}

.bg-dark {
  margin-top: 105px;
}

.project-link {
  font-size: .8em;
  font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}
@keyframes button {
  from {
    fill: rgba(255, 255, 255, 0);
  }
  to {
    fill: rgba(255, 255, 255, 0.5);
  }
}
.map-button:hover circle,
.map-button:hover path {
  fill: rgba(255, 255, 255, 0.5);
  animation-name: button;
  animation-duration: .2s;
}
.map-button circle,
.map-button path {
  fill: rgba(255, 255, 255, 0);
}

Move title of space down on space specific page.


/* Should be moved out to the MobileApp extension at some point */
body {
    background-color: #FAFAFA;
    padding: 8px 24px;
    color: #333;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 24px;
}

a {
    color: #347BFF;
    text-decoration: none;
}

h1 {
    font-family: serif;
    color: #064AAD;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 24px;
    font-weight: bold;
}

h2, h3, h4, h5, h6 {
    font-family: serif;
}

/* Should be moved out to the MobileApp extension at some point */
body {
    background-color: #FAFAFA;
    padding: 8px 24px;
    color: #333;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 24px;
}

a {
    color: #347BFF;
    text-decoration: none;
}

/* Headers */
h1 {
    font-family: serif;
    color: #064AAD;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 24px;
    font-weight: bold;
}

h2, h3, h4, h5, h6 {
    font-family: serif;
}

/* Basic Thumbnails */
.thumb {
    /* Don't stick thumbnails to the text above and below it */
    margin: 8px 0px;
    /* Align everything inside a thumbnail to be centered */
    text-align: center;
}

.thumb .thumbinner {
    /* Make sure that thumb takes up full width */
    width: 100% !important;
}

.thumb .magnify {
    display: none; /* Our parser is STUPID */
}

.thumb .noresize {
    overflow-x: auto; /* Scrollbars for images that shouldn't be squished */
}

/* Makes sure that we don't have horizontal scrollbars for the entire page because
   an image is too wide to fit in to the current viewport */
img {
    max-width: 100% !important;
    height: auto !important;
}

/* Basic tables */
table {
    width: 100% !important;
    overflow-x: auto;
    display: block;
    border: 1px solid #ccc;
}

Add minimal styling for tables and thumbnails

This prevents the entire webview from scrolling horizontally
if there is a table or image that is too wide.

Change-Id: Iaf22ea3e49a72a07b1531ffb4a994d5f1e3afc65


.Button {
  margin-top: 2rem;
  background: #595C7F;
  border: 1px solid rgba(0, 0, 0, 0.04);
  color: #ffffff;
  padding: 1rem;
  font-size: 1.5rem;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.25) inset,
              0px 0px 1px 0px rgba(0, 0, 0, 0.25);
}

.Button:hover {
  background: #34364c;
  cursor: pointer;
}

.Button:disabled {
  background: lightgray;
  color: white;
  cursor: not-allowed
}

.Button--size-sm {
  padding: 0.5rem;
  font-size: 1rem;
}

.Button--size-lg {
  padding: 1.5rem;
  font-size: 2rem;
}

.Button {
  margin-top: 2rem;
  background: #595C7F;
  border: 1px solid rgba(0, 0, 0, 0.04);
  color: #ffffff;
  padding: 1rem;
  font-size: 1.5rem;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.25) inset,
              0px 0px 1px 0px rgba(0, 0, 0, 0.25);
}

.Button:hover {
  background: #6d7194;
  cursor: pointer;
}

.Button:disabled {
  background: lightgray;
  color: white;
  cursor: not-allowed
}

.Button--size-sm {
  padding: 0.5rem;
  font-size: 1rem;
}

.Button--size-lg {
  padding: 1.5rem;
  font-size: 2rem;
}

Use light background hover effect for button


body {
    height: 100vh;
}

#simulator-tab-view {
    display: none;
}

#editor-tab-view {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#asm-editor {
    width: 100%;
    height: 88vh;
    max-height: 88vh;
    font-family: Courier New, Courier, monospace;
}

.section {
    padding: 0rem 1.5rem;
}

#mc-column {
    width: 20%;
}

#oc-column {
    width: 80%;
}

#program-listing {
    font-family: Courier New, Courier, monospace;
}

#program-listing-body {
    overflow: auto;
    height: 100%;
}

#program-listing-container {
    min-height: 60vh;
    max-height: 60vh;
    overflow-y: auto;
}

#register-listing-container {
    min-height: 80vh;
    max-height: 80vh;
    overflow-y: auto;
}

#register-listing {
    font-family: Courier New, Courier, monospace;
}

#console-output {
    height: 100%;
}

html {
    overflow-y: auto;
}

body {
    height: 100vh;
}

#simulator-tab-view {
    display: none;
}

#editor-tab-view {
    overflow: hidden;
    width: 100%;
}

#asm-editor {
    width: 100%;
    height: 88vh;
    max-height: 88vh;
    font-family: Courier New, Courier, monospace;
}

.section {
    padding: 0rem 1.5rem;
}

#mc-column {
    width: 20%;
}

#oc-column {
    width: 80%;
}

#program-listing {
    font-family: Courier New, Courier, monospace;
}

#program-listing-body {
    overflow: auto;
    height: 100%;
}

#program-listing-container {
    min-height: 60vh;
    max-height: 60vh;
    overflow-y: auto;
}

#register-listing-container {
    min-height: 80vh;
    max-height: 80vh;
    overflow-y: auto;
}

#register-listing {
    font-family: Courier New, Courier, monospace;
}

#console-output {
    height: 100%;
}

Set html overflow to auto

Set html overflow to auto


.flexContainer {
  width: 90%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  padding: 15px 0 0 0;
}

.flexContainer > div {
  padding: 0 30px 50px 30px;
}

.column {
  width: 375px;
}

.column > h4 {
  text-align: center;
}

@media screen and (min-width: 415px) and (max-width: 1280px) {
  .column {
    width: 300px;
  }
}

@media screen and (max-width: 414px) {
  .column {
    width: 250px;
  }
}

.flexContainer {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  padding: 15px 0 0 0;
}

.flexContainer > div {
  padding: 0 30px 50px 30px;
}

.column {
  width: 375px;
}

.column > h4 {
  text-align: center;
}

@media screen and (min-width: 415px) and (max-width: 1280px) {
  .column {
    width: 300px;
  }
}

@media screen and (max-width: 414px) {
  .column {
    width: 250px;
  }
}

Allow collumns to fill section content

Allow collumns to fill section content


.flex {
    display: flex;
    flex-flow: row wrap;
}

.flex .block {
    flex: 0 1 50%;
    overflow: hidden;
}

.flex .block.large,
.flex.card .block.large {
    flex: 0 1 100%;
}
/*
.flex.card {
    padding: 0;
}
*/
.flex.card .block {
    margin: 1rem;
    flex: 1 calc(50% - 2rem);
    min-height: 5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.flex.stacked .block {
    margin-bottom: 0;
}

.flex.third {
    flex-flow: row wrap;
}

.flex.third .block:not(.large) {
    flex: 0 1 33.33%;
    max-width: 33.33%;
}

@media screen and (max-width: 1024px) {
    .flex.card .block,
    .flex .block {
        margin-bottom: 0;
        flex: 0 1 100%;
        max-width: 100%;
    }
}

.flex {
    display: flex;
    flex-flow: row wrap;
}

.flex .block {
    flex: 0 1 50%;
    overflow: hidden;
}

.flex .block.large,
.flex.card .block.large {
    flex: 0 1 100%;
}
/*
.flex.card {
    padding: 0;
}
*/
.flex.card .block {
    margin: 1rem;
    flex: 0 1 calc(50% - 2rem);
    min-height: 5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.flex.stacked .block {
    margin-bottom: 0;
}

.flex.third {
    flex-flow: row wrap;
}

.flex.third .block:not(.large) {
    flex: 0 1 33.33%;
    max-width: 33.33%;
}

@media screen and (max-width: 1024px) {
    .flex.card .block,
    .flex .block {
        margin-bottom: 0;
        flex: 0 1 100%;
        max-width: 100%;
    }
}

Fix a small CSS mistake

Fix a small CSS mistake


.source_deps {
    display: block;
    position: relative;
    border-radius: 10px;
    }
.source_deps:empty {
    display: none;
    }
.source_deps p {
    margin: 10px 0 5px;
    }
.source_deps p:first-child {
    margin-top: 0;
    }
.source_deps p:last-child {
    margin-bottom: 0;
    }
body p.source_deps,
.source_deps {
    margin: 20px 33.6% 20px 0;
    padding: 10px 25px;
    background: #f9f9f9;
    }
.source_deps_used-by-specs,
.source_deps_used-specs {
    margin-left: -5px;
    }
.source_deps_used-by-specs {
    display: none;
    }
.source_deps_h_expand {
    border-bottom: 1px dashed;
    color: rgb(51,51,51);
    }
.source_deps_h_expand:hover {
    text-decoration: none;
    color: rgb(100,100,100);
    }

.source_deps {
    display: block;
    position: relative;
    border-radius: 10px;
    }
.source_deps:empty {
    display: none;
    }
.source_deps p {
    margin: 10px 0 5px;
    }
.source_deps p:first-child {
    margin-top: 0;
    }
.source_deps p:last-child {
    margin-bottom: 0;
    }
body p.source_deps,
.source_deps {
    margin: 20px 33.6% 20px 0;
    padding: 10px 25px;
    background: #f9f9f9;
    }
.source_deps_used-by-specs,
.source_deps_used-specs {
    margin-left: -5px !important;
    }
.source_deps_used-by-specs {
    display: none;
    }
.source_deps_h_expand {
    border-bottom: 1px dashed;
    color: rgb(51,51,51);
    }
.source_deps_h_expand:hover {
    text-decoration: none;
    color: rgb(100,100,100);
    }

Fix due to source styles reset.

Fix due to source styles reset.


body {
  padding-top: 50px;
}

.main-container {
  padding-top: 40px;
}

.inline-form {
  display: inline;
  padding-left: 10px;
}

.form-register {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-register .form-register-heading,
.form-register .checkbox {
  margin-bottom: 10px;
}
.form-register .checkbox {
  font-weight: normal;
}
.form-register .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-register .form-control:focus {
  z-index: 2;
}
.form-register input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-register input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

body {
  padding-top: 50px;
}

.main-container {
  padding-top: 40px;
}

.inline-form {
  display: inline;
}

.form-register {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-register .form-register-heading,
.form-register .checkbox {
  margin-bottom: 10px;
}
.form-register .checkbox {
  font-weight: normal;
}
.form-register .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-register .form-control:focus {
  z-index: 2;
}
.form-register input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-register input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

Remove left padding of the inline form

Remove left padding of the inline form


.ace_active-line {
  background: inherit !important;
}
.ace_gutter-cell {
  cursor: pointer;
}
.ace_gutter-cell.ace_breakpoint {
  background: #faa url('/img/breakpoint.png') no-repeat 3px 3px;
}
.ace_gutter-cell.ace_breakpoint:hover {
  background-color: #f77;
}
.ace_gutter-cell:not(.ace_breakpoint):hover {
  background: #faa url('/img/breakpoint.png') no-repeat 3px 3px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: 0.4;
}
.live-command {
  position: absolute;
  background: rgb(255, 251, 109);
  outline: 1px solid rgb(235, 231, 089);
}

.ace_active-line {
  background: inherit !important;
}
.ace_gutter-cell {
  cursor: pointer;
}
.ace_gutter-cell.ace_breakpoint {
  background: #faa url('/img/breakpoint.png') no-repeat 3px 3px;
}
.ace_gutter-cell.ace_breakpoint:hover {
  background-color: #f77;
}
.ace_gutter-cell:not(.ace_breakpoint):hover {
  background: #ddd url('/img/breakpoint-light.png') no-repeat 3px 2px;
}
.live-command {
  position: absolute;
  background: rgb(255, 251, 109);
  outline: 1px solid rgb(235, 231, 089);
}

Update breakpoint creation hover style.

Update breakpoint creation hover style.


#login-container {
  margin: 0 auto;
  width: 40%;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

.search-container {
  margin: 0 auto;
  width: 60%;
}

.container-fluid {
  margin-top: 10%;
}

Move container-fluid down on page

Move container-fluid down on page


body {
    padding-bottom: 20px;
    padding-top: 20px;
}
.container {
    max-width: 890px;
}
.header {
    padding-right: 15px;
}
.header {
    border-bottom: 1px solid #e5e5e5;
}
.header h3 {
    line-height: 40px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 20px;
}
p.title {
    color: #fff;
    font-size: 16px;
    margin-top: -50px;
    margin-bottom: 0;
    padding: 0 0 5px 5px;
}
.col-md-3 {
    padding: 0 15px 15px 0;
}

body {
    padding-bottom: 20px;
    padding-top: 20px;
}

.container {
    max-width: 890px;
}

.header {
    padding-right: 15px;
}

.header {
    border-bottom: 1px solid #e5e5e5;
}

.header h3 {
    line-height: 40px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 20px;
}

.news_content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.title {
    color: #fff;
    font-size: 16px;
    margin-top: -50px;
    margin-bottom: 0;
    padding: 0 0 5px 5px;
}

.col-md-3 {
    padding: 0 15px 15px 0;
}

Add paddings at the top and bottom

Add paddings at the top and bottom


@charset "UTF-8";
/*
 * orc-syntax.css -- CSS style sheet Orc syntax highlighting in CodeMirror
 * Project Orchard
 *
 * $Id$
 *
 * Copyright (c) 2008 The University of Texas at Austin. All rights reserved.
 *
 * Use and redistribution of this file is governed by the license terms in
 * the LICENSE file found in the project's top-level directory and also found at
 * URL: http://orc.csres.utexas.edu/license.shtml .
 */

span.keyword {
	color: blue;
}

span.variable {
	font-style: italic;
}

span.combinator {
	color: red;
}

span.comment {
	color: #A70;
}

span.literal {
	color: #090;
}

.editbox {
	font-family: monospace;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-color: white;
}

@charset "UTF-8";
/*
 * orc-syntax.css -- CSS style sheet Orc syntax highlighting in CodeMirror
 * Project Orchard
 *
 * $Id$
 *
 * Copyright (c) 2008 The University of Texas at Austin. All rights reserved.
 *
 * Use and redistribution of this file is governed by the license terms in
 * the LICENSE file found in the project's top-level directory and also found at
 * URL: http://orc.csres.utexas.edu/license.shtml .
 */

span.whitespace {
}

span.keyword {
	font-weight: bold;
	color: #808;
}

span.variable {
	font-style: italic;
	color: #008;
}

span.operator {
	color: #000;
}

span.combinator {
	font-weight: bold;
	color: #F00;
}

span.comment {
	color: #080;
}

span.literal {
	color: #00F;
}

span.pattern {
}

span.site {
	font-style: italic;
	color: #008;
}

.editbox {
	font-family: monospace;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-color: white;
}

Make Orchard syntax highlighting (token coloring) styles consistent with OrcEclipse


/* Copied verbatim from docs.globus.org */
@font-face {
   font-family: 'museosans';
   src: url('fonts/221E91_4_0.woff') format('woff');
   font-weight: 100 ;
}
@font-face {
   font-family: 'museosans';
   src: url('fonts/221E91_3_0.woff') format('woff');
   font-weight: 500 ;
}
@font-face {
   font-family: 'museosans';
   src: url('fonts/221E91_1_0.woff') format('woff');
   font-weight: 300 ;
}
@font-face {
   font-family: 'museosans';
   src: url('fonts/221E91_0_0.woff') format('woff');
   font-weight: 700 ;
}
body {
	font-family: museosans,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 18px;
}
/* Special overrides for sphinx */
body div.sphinxsidebar {
    font-weight: 500;
}
/* special special overrides for sphinx guzzle-theme */
.text-logo {
    /* globus blue */
    background-color: #27518F;
}

/* move horizontal rule separating class methods to be above, not below */
dl.method {
    border-bottom: none;
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

Fix rendered class method borders in docs


em, strong, code
{
	/* Override font-style, otherwise the default font-style will be used.
		For example, em will use italic font-style.*/
	font-style: normal;
}

sub
{
	/*subscript presentation*/
	font-size:24px;
	background-color: black;
	color: white;
	vertical-align: inherit;
}

p
{
	line-height: 130%
}

hr, div
{
	page-break-after: always;
}

h2
{
	text-align: center;
}

em, strong, code
{
	/* Override font-style, otherwise the default font-style will be used.
		For example, em will use italic font-style.*/
	font-style: normal;
}

sub
{
	/*subscript presentation*/
	font-size: 24px;
	background-color: black;
	color: white;
	vertical-align: baseline;
}

p
{
	line-height: 130%
}

hr, div
{
	page-break-after: always;
}

h2
{
	text-align: center;
}

Use different sub style which has same effect: line height is enlarged


/* Page breaks page-break-after: always; */

.details .personal {
	display: none;
}

.details section h4 {
	width: 2cm !important;
}

.skills .tools .cvs,
.skills .tools .synergy,
.skills .tools .liquibase {
	display: none;
}

.skills .web .xslt {
	display: none;
}

.skills .linux .mailman {
	display: none;
}

.exp .dev-env {
	display: none;
}

.exp ul li:not(.highlight) {
	display: none;
}

.exp .viadeo-mobile,
.exp .viadeo-platform,
.exp .viadeo-api {
	display: none;
}

.more {
	display: none;
}

.education .what {
	display: none;
}

.education .mysql {
	display: none;
}

.education .hh {
	display: none;
}

.publications .what {
	display: none;
}

.hobbies .rock {
	display: none;
}

.objective {
	display: none;
}

/* Page breaks page-break-after: always; */

.details .personal {
	display: none;
}

.details section h4 {
	width: 2cm !important;
}

.exp ul li:not(.highlight) {
	display: none;
}

.more {
	display: none;
}

.education .what {
	display: none;
}

.publications .what {
	display: none;
}

.objective {
	display: none;
}

Add remove specific stuff from stylesheet


body {
  background: beige;
}

td {
  border: 1px solid grey;
}

body {
  box-sizing: border-box;
  background: beige;
}

td {
  border: 1px solid grey;
}

Add box-sizing: border-box to CSS

Add box-sizing: border-box to CSS


body {
  background: beige;
}

td {
  border: 1px solid grey;
}

tr {
	height: 74px;
}

body {
  background: beige;
}

td {
  border: 1px solid grey;
}

tbody tr {
	height: 74px;
}

Set style on rows inside tbody element

Set style on rows inside tbody element


 .nav-pills .nav-icon.terraform {
 	background-image: url(terraform/img/terraform.png);
 	height: 16px;
    display: inline-block;
    background-repeat-x: no-repeat;
 }
 .nav-pills li:hover i.terraform, .nav-pills li.active .nav-icon.terraform {
 	background-image: url(terraform/img/terraformw.png);
 }

 .nav-pills .nav-icon.terraform {
 	background-image: url(terraform/img/terraform.png);
 	height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
 }
 .nav-pills li:hover i.terraform, .nav-pills li.active .nav-icon.terraform {
 	background-image: url(terraform/img/terraformw.png);
 }

Fix Terraform icon repeat in menu

Fix Terraform icon repeat in menu


.glowCSSVERSION-overlay {
	visibility: hidden;
	display: none;
	overflow: hidden;
	position: absolute;
	/* Stops IE putting the overlay in WEIRD places */
	left: 0;
}

/* stop the dotted line around the overlay focal point when it has focus */
.glowCSSVERSION-overlay .overlay-focalPoint:focus {
  outline: none;
}
.glowCSSVERSION-overlay .overlay-focalPoint {
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}

/*hide stuff offscreen*/
.glowCSSVERSION-overlay .panelAccess {
  position: absolute;
  overflow: hidden;
  height: 0;
  width: 0;
  top: -5000px;
  left: -5000px;
}

.glowCSSVERSION-overlay {
    visibility: hidden;
    display: none;
    overflow: hidden;
    position: absolute;
}

/* stop the dotted line around the overlay focal point when it has focus */
.glowCSSVERSION-overlay .overlay-focalPoint:focus {
  outline: none;
}
.glowCSSVERSION-overlay .overlay-focalPoint {
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}

/*hide stuff offscreen*/
.glowCSSVERSION-overlay .panelAccess {
  position: absolute;
  overflow: hidden;
  height: 0;
  width: 0;
  top: -5000px;
  left: -5000px;
}

Revert change that breaks panel position.


/*! project specific CSS goes here. */

body > .container {
  padding-top: 50px;
}

*[data-toggle=tooltip] {
  cursor: pointer;
}

a, a:active, a:hover {
   outline: 0 !important;
}

table.content-to-top td,
table.content-to-top th {
  vertical-align: top;
}

table input {
  width: 100%;
}

td.field {
}

td.field input,
td.field textarea {
  width: 100%;
}

th[scope="row"] label {
  text-align: right;
  width: 100%;
}

.breadcrumb {
  /* Breadcrumbs appear way too high */
  margin-bottom: -15px;
}

.modal-body .modal-footer {
  padding: 15px 0px 0px 0px;
}

/* stype the modules view */

.vis-network-tooltip ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

/*! project specific CSS goes here. */

body > .container {
  padding-top: 50px;
}

*[data-toggle=tooltip] {
  cursor: pointer;
}

a, a:active, a:hover {
   outline: 0 !important;
}

table.content-to-top td,
table.content-to-top th {
  vertical-align: top;
}

table input {
  width: 100%;
}

td.field {
}

td.field input,
td.field textarea {
  width: 100%;
}

th[scope="row"] label {
  text-align: right;
  width: 100%;
}

.breadcrumb {
  /* Breadcrumbs appear way too high */
  margin-bottom: -15px;
}

.modal-body .modal-footer {
  padding: 15px 0px 0px 0px;
}

/* override the checkbox position */
td.field input[type="checkbox"] {
  width: 16px;
  text-align: left;
}

/* stype the modules view */

.vis-network-tooltip ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

Move checkbox to the left

Move checkbox to the left


.game-card { color: #01B8F1; width: 265px; margin-bottom: 1em; }
.game-card .card-footer { padding: 0.5rem; }
.badge { font-size: 100%; font-weight: normal; }
.badge-primary { background-color: #01B8F1; color: #ffffff; }
.btn-outline-primary { color: #01B8F1; border-color: #01B8F1; }
.btn-outline-primary:hover, .btn-outline-primary.active {
  background-color: #01B8F1; border-color: #01B8F1; color: #ffffff;
}

.game-card { color: #01B8F1; font-size: .95rem; width: 265px; margin-bottom: 1em; }
.game-card .card-footer { padding: 0.5rem; }
.badge { font-size: 100%; font-weight: normal; }
.badge-primary { background-color: #01B8F1; color: #ffffff; }
.btn-outline-primary { color: #01B8F1; border-color: #01B8F1; }
.btn-outline-primary:hover, .btn-outline-primary.active {
  background-color: #01B8F1; border-color: #01B8F1; color: #ffffff;
}

Decrease font size for game card to fit scores


.indent1 {
    text-indent: 1rem;
}

.indent2 {
    text-indent: 2rem;
}

.indent3 {
    text-indent: 3rem;
}

.indent4 {
    text-indent: 4rem;
}

.scrollable {
    overflow: scroll;
    height: 30rem;
}

label.light {
    font-weight: normal;
}

.search-help {
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 1.5rem;
}

.ea-number {
    width: 2rem;
    text-align: right;
}

.ea-description {
    text-align: left;
    padding-left: 1rem;
}

.triangle-right:before {
    content: "\25B6";
}

.triangle-down:before {
    content: "\25BC";
}

.triangle-right, .triangle-down {
    cursor: pointer; cursor: hand;
}

Update cursor when over triangle

Update cursor when over triangle


/*****************************************************************************/
/*
/* Common
/*
/*****************************************************************************/

/* Global Reset */
body {
  width: 100%;
  background-color: #333;
  font-family: 'Muli', arial, serif;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
  color: #6A6A6A;
  margin: 0px;
}
header {
  background: #212121;
  padding-top: 25px;
  padding-left: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #434343;
  font-weight: bold;
  font-size: 24px;
  text-shadow: 2px 2px 2px #222;
  overflow: hidden;
}
.calendar {
  width: 800px;
  height: 600px;
  margin-top: 15px;
  border: 1px solid #999;
  margin-left: 15px;
}

/*****************************************************************************/
/*
/* Common
/*
/*****************************************************************************/

/* Global Reset */
body {
  width: 100%;
  background-color: #333;
  font-family: 'Muli', arial, serif;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
  color: #6A6A6A;
  margin: 0px;
}
header {
  background: #212121;
  padding-top: 25px;
  padding-left: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #434343;
  font-weight: bold;
  font-size: 24px;
  text-shadow: 2px 2px 2px #222;
  overflow: hidden;
}
.calendar {
  width: 800px;
  height: 600px;
  margin-top: 15px;
  border: 1px solid #999;
  margin-right: auto;
  margin-left: auto;
}

Revert horizontal margin calculations such that the calendar is centered.


/*!
 * PrepInventory - https://github.com/xJMV/PrepInventory
 */

.pi-list-unstyled {
	list-style: none;
}

.icon {
	display: inline;
	height: 16px;
	width: 16px;
}

.big {
    font-size: 20px;
}

Revert "Revert "Order Details Basics""

Revert "Revert "Order Details Basics""

This reverts commit 5027adf00047f59c5bffcf3c448cd114c62166e5.


/*
  Based on Christian Heilman's "Fork me on Github".
*/

#stage-indicator a {
  background:#ad1d28;
  color:#fff;
  text-decoration:none;
  font-family:arial, sans-serif;
  text-align:center;
  font-weight:700;
  font-size:1rem;
  line-height:2rem;
  position:relative;
  transition:.5s;
  padding:5px 40px;
  /* Override of heilman's settings */
  z-index: 99;
}

#stage-indicator a:hover {
  background:#060;
  color:#fff;
}

#stage-indicator a::before,#stage-indicator a::after {
  content:"";
  width:100%;
  display:block;
  position:absolute;
  top:1px;
  left:0;
  height:1px;
  background:#fff;
}

#stage-indicator a::after {
  bottom:1px;
  top:auto;
}

  #stage-indicator {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:200px;
    overflow:hidden;
    height:200px;
  }

  #stage-indicator a {
    width:200px;
    position:absolute;
    top:60px;
    left:-60px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    box-shadow:4px 4px 10px rgba(0,0,0,0.8);
}

/*
  Based on Christian Heilman's "Fork me on Github".
*/

#stage-indicator a {
  background:#ad1d28;
  color:#fff;
  text-decoration:none;
  font-family:arial, sans-serif;
  text-align:center;
  font-weight:700;
  font-size:1rem;
  line-height:2rem;
  transition:.5s;
  padding:5px 40px;
  /* Override of heilman's settings */
  z-index: 99;
}

#stage-indicator a:hover {
  background:#060;
  color:#fff;
}

#stage-indicator a::before,#stage-indicator a::after {
  content:"";
  width:100%;
  display:block;
  position:absolute;
  top:1px;
  left:0;
  height:1px;
  background:#fff;
}

#stage-indicator a::after {
  bottom:1px;
  top:auto;
}

  #stage-indicator {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:200px;
    overflow:hidden;
    height:200px;
  }

  #stage-indicator a {
    width:200px;
    position:fixed;
    top:60px;
    left:-60px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    box-shadow:4px 4px 10px rgba(0,0,0,0.8);
}

Make stage indicator fixed to navbar

Make stage indicator fixed to navbar


.social-img {
  height: 2em;
  width: 2em;
}

.sidebar {
  position: fixed;
  float: left;
  height: 100%;
  text-align: center;
  background-color: #FFFBFF;
}

.bot-side {
  margin-top: 21.25em;
}

.side-border {
  border-right: 1px solid #767676;
  padding-right: 1em;
  padding-left: 1em;
}

.profile {
  height: 10em;
  width: 10em;
  border-radius: 1em;
  margin-top: 14.5px;
}

.page {
  margin-left: 14.5em;
  margin-right: 1em;
}

.first-title {
  margin: 0em;
  padding-top: 14.5px;
}

.no-body {
  margin: 0em;
}

a:link {
  color: #767676;
  font-family: 'Ubuntu', sans-serif;
  text-decoration: none;
}

a:visited{
  color: #767676;
  font-family: 'Ubuntu', sans-serif;
  text-decoration: none;
}

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

.image {
  width: 100%
}

.social-img {
  height: 2em;
  width: 2em;
}

.sidebar {
  position: fixed;
  float: left;
  height: 100%;
  text-align: center;
  background-color: #FFFBFF;
}

.bot-side {
  margin-top: 21.25em;
}

.side-border {
  border-right: 1px solid #767676;
  padding-right: 1em;
  padding-left: 1em;
}

.profile {
  height: 10em;
  width: 10em;
  border-radius: 50%;
  margin-top: 14.5px;
}

.page {
  margin-left: 14.5em;
  margin-right: 1em;
}

.first-title {
  margin: 0em;
  padding-top: 14.5px;
}

.no-body {
  margin: 0em;
}

a:link {
  color: #767676;
  font-family: 'Ubuntu', sans-serif;
  text-decoration: none;
}

a:visited{
  color: #767676;
  font-family: 'Ubuntu', sans-serif;
  text-decoration: none;
}

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

.image {
  width: 100%
}

Add changes to profile picture css

Add changes to profile picture css


* {
  border: 1px dotted black;
}

.title {
  text-align: center;
  color: #cc7a00;
  font-family: Copperplate;
}

.hero-image {
  background-image: url('http://www.wallpapermade.com/images/wallpapers/originals/harley-davidson-motorcycle-black-white-photo-wallpaper-2024.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  color: #cc7a00;
  font-family: Copperplate;
  height: 500px;
}

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

.btn {
  color: red;
  font-family: Copperplate;
}

.product {
  border: 2px solid black;
  margin: 20px;
}

Add dotted borders around all elements for proper formatting


/* Root of terminator window */
window.terminator-terminal-window {
}

/* This makes height of tab header shrink */
window.terminator-terminal-window #terminator-tab-close-button {
  padding: 0;
}

tab {
  border-radius:  8px 8px 0px 0px;
  padding: 1px 0px 0px 5px;
  background: @shadow_color;
  color: @text_color;
}

tab:checked {
  background: @backdrop_dark_fg_color;
}

/* Root of terminator window */
window.terminator-terminal-window {
}

/* This makes height of tab header shrink */
window.terminator-terminal-window #terminator-tab-close-button {
  padding: 0;
}

window.terminator-terminal-window tab {
  border-radius:  8px 8px 0px 0px;
  padding: 1px 0px 0px 5px;
  background: @shadow_color;
  color: @text_color;
}

window.terminator-terminal-window tab:checked {
  background: @backdrop_dark_fg_color;
}

Make tab decoration works only on terminator


* {
  box-sizing: border-box;
}
body {
  background: silver;
}

.container {
  margin: 0 auto;
  width: 140px;
}
h1 {
  font-size: 28px;
  font-family: monospace;
  text-align: center;
}

.grid {
  position: relative;
  background: #030;
}
.grid .cell {
  display: inline-block;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: crosshair;
  height: 20px;
  width: 20px;
  border: 1px solid grey;
}
.grid .cell[data-on=true] {
  background: red;
}

* {
  box-sizing: border-box;
}
body {
  color: #ddd;
  background: black;
}
h1 {
  font-size: 28px;
  font-family: monospace;
  text-align: center;
}

.container {
  margin: 0 auto;
  width: 282px;
}
.grid {
  position: relative;
  margin-bottom: 20px;
  border: 1px solid white;
}
.grid .cell {
  display: inline-block;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: crosshair;
  height: 40px;
  width: 40px;
  border: 1px solid #bbb;
  background: #ccc;
}
.grid .cell[data-on=true] {
  background: white;
}

#result {
  font-size: 28px;
  text-align: center;
}
#result span {
  color: black;
  background: white;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 64px;
}

Apply some (additional) minimal styling

Apply some (additional) minimal styling


:root {
  --border-color: #D1D1D1;
}

@font-face {
  font-family: "proximanova";
  src: url("https://s.dcdn.eu/images/fonts/proximanova-reg-webfont.woff") format('woff');
}

@font-face {
  font-family: "proximanova";
  src: url("https://s.dcdn.eu/images/fonts/proximanova-sbold-webfont.woff") format('woff');
  font-weight: 700;
}

body {
  box-sizing: border-box;
  font-family: 'proximanova', trebuchet ms, Verdana, 'Arial', sans-serif;
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-size-adjust: 100%;
  margin: 0;
}

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

.properties {
  flex: 1;
}

.preview {
  flex: 1;
}

.properties + .preview {
  border-left: 1px solid var(--border-color);
  padding-left: 20px;
}

article header h1 {
  font-size: 2em
}

@import '@teamleader/ui-typography';

:root {
  --border-color: #D1D1D1;
}

body {
  box-sizing: border-box;
  font-family: var(--font-family-regular);
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-size-adjust: 100%;
  margin: 0;
}

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

.properties {
  flex: 1;
}

.preview {
  flex: 1;
}

.properties + .preview {
  border-left: 1px solid var(--border-color);
  padding-left: 20px;
}

Use the font-family from our ui-typography package


.card {
  display: inline-block;
  border: thin solid #000;
  overflow: hidden;
  white-space: nowrap;
  margin: 0.5ex;
}

.card.sheep > .body {
  display: inline-block;
  width: 5.6ex;
  height: 3.8ex;
  padding: 0.5ex;
  border-top: 2ex solid #cff;
  border-bottom: 2ex solid #3c3;
  background: #fff;
  text-align: center;
}

.card.event > .body {
  display: inline-block;
  width: 5.1ex;
  padding: 0.5ex 0.5ex 0.5ex 0;
  background: #ec8;
  text-align: center;
  line-height: 7.8ex;
  border-left: 0.5ex solid #db7;
}

.card {
  display: inline-block;
  border: thin solid #000;
  overflow: hidden;
  white-space: nowrap;
  margin: 0.5ex;
}

.card.sheep > .body {
  display: inline-block;
  width: 5.6ex;
  height: 3.8ex;
  padding: 0.5ex;
  border-top: 2ex solid #cff;
  border-bottom: 2ex solid #3c3;
  background: #fff;
  text-align: center;
}

.card.sheep.rank1    > .body {border-bottom-color: #ce0;}
.card.sheep.rank3    > .body {border-bottom-color: #9e0;}
.card.sheep.rank10   > .body {border-bottom-color: #6e0;}
.card.sheep.rank30   > .body {border-bottom-color: #0d0;}
.card.sheep.rank100  > .body {border-bottom-color: #0a0;}
.card.sheep.rank300  > .body {border-bottom-color: #080;}
.card.sheep.rank1000 > .body {border-bottom-color: #060;}

.card.event > .body {
  display: inline-block;
  width: 5.1ex;
  padding: 0.5ex 0.5ex 0.5ex 0;
  background: #ec8;
  text-align: center;
  line-height: 7.8ex;
  border-left: 0.5ex solid #db7;
}

Adjust border colors of sheep cards by their ranks


.ui-coverflow-wrapper {
    position: relative;
    overflow: hidden;
}

.ui-coverflow {
    -webkit-perspective: 1000px;
       -moz-perspective: 1000px;
        -ms-perspective: 1000px;
         -o-perspective: 1000px;
            perspective: 1000px;

    position: absolute;

}

.ui-coverflow-item {
    -webkit-box-reflect: below 10px -webkit-gradient(linear, left top, left bottom, from(black), color-stop(.7, black), to(transparent));
    position: relative;
    cursor: pointer;
    float: left;
}

.ui-coverflow-item:focus {
    outline: 0;
}
.ui-coverflow img {
    -webkit-user-drag: none;
       -moz-user-drag: none;
        -ms-user-drag: none;
         -o-user-drag: none;
            user-drag: none;

    border: 0 none;
}

.ui-coverflow-wrapper {
    position: relative;
    overflow: hidden;
}

.ui-coverflow {
    -webkit-perspective: 500px;
       -moz-perspective: 500px;
        -ms-perspective: 500px;
         -o-perspective: 500px;
            perspective: 500px;

    position: absolute;
}

.ui-coverflow-item {
    position: relative;
    cursor: pointer;
    float: left;
}

.ui-coverflow-item:focus {
    outline: 0;
}
.ui-coverflow img {
    -webkit-user-drag: none;
       -moz-user-drag: none;
        -ms-user-drag: none;
         -o-user-drag: none;
            user-drag: none;

    border: 0 none;
}

Remove -webkit-box-reflect since it is broken with 3D transforms


blockquote.alert strong
{
	display      : inline-block;
	text-align   : center;
	float        : left;
	width        : 60px;
  height       : 80px;
	margin-right : 10px;
  padding-top  : 14px;
}

blockquote.alert
{
	border-radius     : 5px;
}

.book .book-body .page-wrapper .page-inner section.normal blockquote>:last-child {
  margin-bottom     : inherit;
}

.alert-quote
{
	background-color : white;
}

blockquote.alert strong
{
	display      : inline-block;
	text-align   : center;
	float        : left;
	width        : 60px;
  	height       : 80px;
	margin-right : 10px;
  	padding-top  : 14px;
}

blockquote.alert
{
	border-radius     : 5px;
}

.book .book-body .page-wrapper .page-inner section.normal blockquote>:last-child {
	margin-bottom     : inherit;
	margin-top: 15px;
}

.alert-quote
{
	background-color : white;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

Add clearfix to patch giotbook's bootstrap remove


h1{
	color:#0000FF;
}

h2{
	color:#FF0000;
}

td {
  padding: 10px 10px 10px 10px
}
.float {
  float: left;
}
.centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.inline {
  display: inline;
}

.border {
    margin: 8px;
    border: 1px solid silver;
    padding: 8px;
    border-radius: 4px;
}

.arrow {
  height: 35px;
}

.current_zone {
  outline: thin solid green;
}

.clicked_zone {
  outline: thin solid blue;
}

.square {
  width: 10%;
  height: 0;
  padding-bottom: 10%;
}

.zone {
    margin-top: 20px;
}

#current_map_point {
  padding: 15px 15px 15px 15px;
}

Add css file that was still not pushed

Add css file that was still not pushed


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

body {
    background: url(bg.png);
}

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

.editor {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1em;
    font-family: 'Roboto Mono', monospace;
    border: 0;
    border-right: 1px solid rgb(169, 169, 169);
    resize: none;
}

.preview {
    margin-left: 50%;
    min-height: 100%;
    padding: 0 1em;
    font: Helvetica, Arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #333;
}

.editor, .preview {
    width: 50%;
}

.preview code[class^="language-"] {
    display: block;
    background: #f8f8f8;
    padding: 0.5em;
    overflow-x: auto;
}

.preview blockquote {
    margin: 0;
    padding-left: 1.5em;
    border-left: 0.5em #ccc solid;
}

Add some more basic styling to preview

Add some more basic styling to preview


/* override table width restrictions */
@media screen and (min-width: 767px) {

  .wy-table-responsive table td {
    /* !important prevents the common CSS stylesheets from overriding
       this as on RTD they are loaded after this stylesheet */
    white-space: normal !important;
  }

  .wy-table-responsive {
    overflow: visible !important;
  }
}

.wy-side-nav-search {
  background-color: #e3e3e3 !important;
}

.wy-side-nav-search input[type=text] {
   border-radius: 0px !important;
   border-color: #333333 !important;
}

.icon-home {
  color: #333333 !important;
}

.icon-home:hover {
  background-color: #d6d6d6 !important;
}

.version {
  color: #000000 !important;
}

a:hover {
  color: #bd2c2a !important;
}

.logo {
  width: 240px !important;
}

a.internal::after{
  content: ' ';
}

/* override table width restrictions */
@media screen and (min-width: 767px) {

  .wy-table-responsive table td {
    /* !important prevents the common CSS stylesheets from overriding
       this as on RTD they are loaded after this stylesheet */
    white-space: normal !important;
  }

  .wy-table-responsive {
    overflow: visible !important;
  }
}

.wy-side-nav-search {
  background-color: #e3e3e3 !important;
}

.wy-side-nav-search input[type=text] {
   border-radius: 0px !important;
   border-color: #333333 !important;
}

.icon-home {
  color: #333333 !important;
}

.icon-home:hover {
  background-color: #d6d6d6 !important;
}

.version {
  color: #000000 !important;
}

a:hover {
  color: #bd2c2a !important;
}

.logo {
  width: 240px !important;
}

/* For space between the return type and function name */
a.internal + code.descname::before {
  content: ' ';
}

/* For space between the arguments of the function */
a.internal + em::before {
  content: ' ';
}

Fix the whitespace after everything which is link


body {
	position:relative;
	margin: 0px 100px;
	font-family: sans-serif, arial, times;
}

#divhead {
	position: relative;
	text-align: center;
	margin-top:25px;
}

.hline {
	position:absolute;
	margin-top: 20px;
	width: 100%;
	height: 2px;
	background: purple;
}

img {
	position:relative;
	padding-top: 20px;
}

#me {
width: 30%;
}

#navlist {
	display:inline-block;
	width: 100%;
	position:absolute;
	margin-top: 80px;
}

#navlist li {
	display: inline;
	padding-right:120px;
	list-style: none;
	position:relative;
}

li a {
	text-decoration: none;

}

li a:hover {
	color:black;
}

body {
	position:relative;
	margin: 0px 100px;
	font-family: 'Pacifico', cursive;
}

.socialnw ul {
	text-decoration: none;
	list-style: none;
	margin-top: 150px;
}

.socialnw ul li {
	padding-bottom:75px;
	padding-left: 50px;

}

.socialnw ul li a img {
	width: 20px;
	height:20px;
}

.divhead {
	position: relative;
	margin-top:25px;
	display:inline-block;
}

.aboutme {
	display: inline-block;
	margin-top: 150px;
}

.aboutme p {
	margin-left: 20px;
	color:#ff65af;
}

.aboutme a {
	margin-left: 20px;
}

.hline {
	width: 100%;
	height: 2px;
	background: purple;
	margin-top:20px;
	display:block;
}

.me img {
	padding-top: 20px;
}

.nav {
	display:block;
	padding-left:115px;
}

.navlist li {
	display: inline;
	padding-right:230px;
	list-style: none;
	position:relative;
	padding-bottom: 100px;

}

a {
	text-decoration: none;
	color:#ff65af;

}

a:hover {
	color:black;
}

Update css index page with new font

Update css index page with new font


body {
    background-color: #ffffff;
}
div#container {
    font-family: helvetica, arial, sans-serif;
    line-height: 170%;
    margin: 30px auto;
    max-width: 860px;
}
div#header img, div#splash img {
    height: auto;
    max-width: 100%;
    width: auto;
}
div#header {
    margin-bottom: 80px;
    margin-top: 30px;
    text-align: center;
}
div#body {
    text-align: center;
}
div#body div#pitch {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background-color: #efefef;
    border: 1px solid #cccccc;
    padding: 15px 25px;
}
div#body div#pitch div {;
    text-align: left;
}
footer {
    font-size: 90%;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
}
a {
    color: #ee4000;
}

body {
    background-color: #ffffff;
}
div#container {
    font-family: helvetica, arial, sans-serif;
    line-height: 170%;
    margin: 30px auto;
    max-width: 860px;
}
div#header img, div#splash img {
    height: auto;
    max-width: 100%;
    width: auto;
}
div#header {
    margin-bottom: 50px;
    margin-top: 30px;
    text-align: center;
}
div#body {
    text-align: center;
}
div#body div#pitch {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background-color: #efefef;
    border: 1px solid #cccccc;
    padding: 15px 25px;
}
div#body div#pitch div {;
    text-align: left;
}
footer {
    font-size: 90%;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
}
a {
    color: #ee4000;
}

Reduce margin between logo and splash.

Reduce margin between logo and splash.


/*
 *= require store/spree_core
 *= require fancybox
*/

#product-images #main-image img.click-to-zoom { min-height: 0px; height: 12px; }

/*
 *= require fancybox
*/

#product-images #main-image img.click-to-zoom { min-height: 0px; height: 12px; }

Remove unneeded style require of store/spree_core


body {
    background-color: #000000;
    cursor: none;
    height: 100%;
}

p {
    margin-bottom: 0;
    color: #cccccc;
}

.night {
    color: #7a1818;
}

div.svgcontainer {
    display: inline-block;
}

p.title {
    font-size: 16px;
    line-height: 1;
}

p.value {
    font-size: 46px;
    line-height: 1;
    margin-bottom: 5px;
}

div.col-xs-6 {
    padding-left: 0;
}

svg * {
    vector-effect: non-scaling-stroke;
    font-family: sans-serif;
}

.yacht-position {
}

.yacht-position-indicator {
    width: 20px;
    height: 20px;
    background-image: url("../images/yacht-position.svg");
}

.infobox-container {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    z-index: 100;
}

.infobox {
    display: none;
    background-color: yellow;
    border: 2px solid #666666;
    border-radius: 3px;
    padding: 0 10px;
}

.infobox-text {
    color: #666666;
}

body {
    background-color: #000000;
    cursor: none;
    height: 100%;
}

p {
    margin-bottom: 0;
    color: #cccccc;
}

.night {
    color: #7a1818;
}

div.svgcontainer {
    display: inline-block;
}

p.title {
    font-size: 16px;
    line-height: 1;
}

p.value {
    font-size: 46px;
    line-height: 1;
    margin-bottom: 5px;
}

div.col-xs-6 {
    padding-left: 0;
}

svg * {
    vector-effect: non-scaling-stroke;
    font-family: sans-serif;
}

.leaflet-container {
    cursor: none;
}

.yacht-position {
}

.yacht-position-indicator {
    width: 20px;
    height: 20px;
    background-image: url("../images/yacht-position.svg");
}

.infobox-container {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    z-index: 100;
}

.infobox {
    display: none;
    background-color: yellow;
    border: 2px solid #666666;
    border-radius: 3px;
    padding: 0 10px;
}

.infobox-text {
    color: #666666;
}

Disable cursor in the map view

Disable cursor in the map view


tbody#states a:hover {
    text-decoration: none;
}

.datapoles {
    width: 130px;
    margin: auto;
    padding-left: 0;
}

.datapole {
    display: inline-block;
    width: 7px;
    height: 20px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.cta-button {
  font-size: 30px;
}

td.grade {
    text-align: center;
    font-weight: bold;
    background-color: lightgray;
}
    td.grade a {
        display: block;
        color: #000;
    }
td.grade-A, td.grade-A-, td.grade-A\00002b {
    background-color: #3c3;
}
td.grade-B, td.grade-B-, td.grade-B\00002b {
    background-color: #adff2f;
}
td.grade-C, td.grade-C-, td.grade-C\00002b {
    background-color: yellow;
}
td.grade-D, td.grade-D-, td.grade-D\00002b {
    background-color: orange;
}
td.grade-F {
    background-color: #c33;
}

tbody#states a:hover {
    text-decoration: none;
}

.datapoles {
    width: 130px;
    margin: auto;
    padding-left: 0;
}

.datapole {
    display: inline-block;
    width: 7px;
    height: 20px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.cta-button {
  font-size: 30px;
}

td.grade {
    text-align: center;
    font-weight: bold;
    background-color: lightgray;
}
    td.grade a {
        display: block;
        color: #000;
    }
td.grade-A, td.grade-A\00002B, td.grade-A\002212, td.grade-A− {
    background-color: #3c3;
}
td.grade-B, td.grade-B\00002B, td.grade-B\002212, td.grade-B− {
    background-color: #adff2f;
}
td.grade-C, td.grade-C\00002B, td.grade-C\002212, td.grade-C− {
    background-color: yellow;
}
td.grade-D, td.grade-D\00002B, td.grade-D\002212, td.grade-D− {
    background-color: orange;
}
td.grade-F {
    background-color: #c33;
}

Improve minus-sign-matching for grade selector


body {
background: purple;
position: relative;
margin:0px;
padding:0px;
animation: background 9s infinite;
-webkit-animation: background 9s infinite;
-moz-animation: background 9s infinite;
-ms-animation: background 9s infinite;
-o-animation: background 9s infinite;
}
#wel {
	font-family: Segoe UI;
	font-style:normal;
	font-weight:lighter;
	color:white;
	font-size:76px;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}
@keyframes background {
	0%{background:Purple;}
	20%{background:#B3378C;}
	40%{background:#771EA4;}
	60%{background:#54229A;}
	80%{background:#05572B;}
	90%{background:#CDD726; color:#0E0202;}
	100%{background:#CC951D; color:#150303;}
}
@-webkit-keyframes background {
	0%{background:purple;}
	20%{background:#B3378C;}
	40%{background:#771EA4;}
	60%{background:#54229A;}
	80%{background:#05572B;}
	90%{background:#CDD726; color:black;}
	100%{background:#CC951D; color:black;}
}

@media screen and (max-width: 600px){
  #wel {
    font-size: 56px;
  }
}
@media screen and (max-width: 400px){
  #wel {
    font-size: 36px;
  }
}
@media screen and (max-width: 350px){
  #wel {
    font-size: 25px;
  }
}

Create and Update CSS file

Create and Update CSS file


.DV-docViewer .DV-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.DV-docViewer .DV-clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .DV-docViewer .DV-clearfix {height: 1%;}
.DV-docViewer .DV-clearfix {display: block;}
/* End hide from IE-mac */

.DV-docViewer a,
.DV-docViewer a:visited{
  color:#004276;
}

.DV-docViewer{
 overflow:hidden;
}

.DV-docViewer * {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.DV-docViewer img { max-width: none; }

Make sure page images are the right height.


div[class*='rsg--hasSidebar'] {
  overflow: scroll;
  height: calc(100vh - 50px);
  min-height: initial;
}

div[class*='rsg--sidebar'] {
  height: calc(100vh - 50px);
}

div[class*='rsg--toolbar'] {
  display: none;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
}

.screenshot_wrapper {
  position: relative;
  display: inline-block;
  display: inline-grid;
  margin-bottom: 1rem;
}

.screenshot_wrapper .notice::after {
  content: '(screenshot.. not interactive!)';
  color: white;
  background: rgba(0, 0, 0, 0.4);
  font-size: 1.6rem;
  font-style: italic;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.08s;
}

.screenshot_wrapper:hover .notice::after {
  opacity: 1;
}

div[class*='rsg--hasSidebar'] {
  overflow: scroll;
  height: calc(100vh - 50px);
  min-height: initial;
}

div[class*='rsg--sidebar'] {
  height: calc(100vh - 50px);
}

div[class*='rsg--toolbar'] {
  display: none;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
}

.screenshot_wrapper {
  position: relative;
  display: inline-block;
  display: inline-grid;
  margin-bottom: 1rem;
  max-width: 100%;
}

.screenshot_wrapper > img {
  max-width: 100%;
}

.screenshot_wrapper > .notice::after {
  content: '(screenshot.. not interactive!)';
  color: white;
  background: rgba(0, 0, 0, 0.4);
  font-size: 1.6rem;
  font-style: italic;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.08s;
}

.screenshot_wrapper:hover > .notice::after {
  opacity: 1;
}

Improve styleguide screenshot wrapper styles.


/*
 * Copyright (C) 2015 Glyptodon LLC
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */

/* Hide login dialog */
.login-ui div.login-dialog {
    display: none;
}

/*
 * Copyright (C) 2015 Glyptodon LLC
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */

/* Hide login dialog */
.login-ui div.login-dialog {
    /*display: none;*/
    visibility: hidden;
}

div.logo {
    visibility: visible;
}

Hide login dialog, but show logo.

Hide login dialog, but show logo.


*{
	margin: 0;
}

.wrapper{
	width: 80%;
	border: 1px solid black;
	margin: 0 auto 0 auto;
	min-height: 600px;
}

.heading{
	height: 100px;
	background: -webkit-linear-gradient(rgba(39,9,236,0.66) 0%, #ffffff 100%);
	padding: 20px;
	text-align: center;
	color: gold;
}

.content{
	min-height: 400px;
	background: #c5c5d1;
	width: 75%;
	float: left;
}

.sidebar{
	width: 200px;
	float: right;
	min-height: 400 px;
}

.footer{
	clear: both;
	height: 40px;
	text-align: center;
	padding: 10px;
}

*{
	font-family: sans-serif;
	margin: 0;
}

.wrapper{
	width: 80%;
	border: 1px solid black;
	margin: 0 auto 0 auto;
	min-height: 600px;
}

.heading{
	height: 100px;
	background: -webkit-linear-gradient(rgba(39,9,236,0.66) 0%, #ffffff 100%);
	padding: 20px;
	text-align: center;
	color: gold;
}

.content{
	min-height: 400px;
	background: #c5c5d1;
	width: 75%;
	float: left;
}

.sidebar{
	width: 200px;
	float: right;
	min-height: 400 px;
}

.footer{
	clear: both;
	height: 40px;
	text-align: center;
	padding: 10px;
}

Change site font to sans-serif

Change site font to sans-serif


* {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;

	background: #ccc;

	position: relative;
}

#sites {
	width: 100%;
	height: 100px;

	position: absolute;
	top: 50%;
	margin-top: -50px;
}

#sites ul {
	list-style: none;
	text-align: center;

	margin: 0 auto;
}

#sites li {
	display: inline-block;

	padding: 0 10px;

	font-size: 100px;
	font-family: "Futura", sans-serif;

	line-height: 100px;
}

#sites li:first-child {
	padding-left: 0;
}

#sites li:last-child {
	padding-right: 0;
}

* {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;

	background: #ccc;

	position: relative;
}

#sites {
	width: 100%;
	height: 100px;

	position: absolute;
	top: 50%;
	margin-top: -50px;
}

#sites ul {
	list-style: none;
	text-align: center;

	margin: 0 auto;
}

#sites li {
	display: inline-block;

	padding: 0 10px;

	font-size: 100px;
	font-family: "Futura", sans-serif;

	line-height: 100px;

	text-shadow: 2px 10px 10px rgba(0, 0, 0, 0.2);

	-webkit-transition: text-shadow 0.1s linear;
}

#sites li:first-child {
	padding-left: 0;
}

#sites li:last-child {
	padding-right: 0;
}

#sites li:hover {
	text-shadow: 2px 20px 10px rgba(0, 0, 0, 0.2);
}

Add hover shadow movement transition.

Add hover shadow movement transition.


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

.openerp .mis_builder a {
  /* we don't want the link color, to respect user styles */
  color: inherit;
}

.openerp .mis_builder a:hover {
  /* underline links on hover to give a visual cue */
  text-decoration: underline;
}

.openerp .oe_mis_builder_buttons {
  padding-bottom: 10px;
}

[IMP][mis_builder] Add whitespace between buttons and table.


.resultWrapper { display: inline-block; position: relative;}
.marker { position: absolute; margin-left: -10px; margin-top: -10px; width:20px; height:20px; border-radius: 100px; background: rgba(255,0,0,0.5)}
.rectangle {position: absolute; background: rgba(255,0,0,0.5)}

.resultWrapper { display: inline-block; position: relative; }
.marker { position: absolute; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; border-radius: 100px; background: rgba(255, 0, 0, 0.5) }
.rectangle { position: absolute; background: rgba(255, 0, 0, 0.5); cursor: crosshair; }
.result { cursor: crosshair; }

Add crosshair cursor for review

Add crosshair cursor for review


/* This file is used for custom styles */
.messages-wrapper {
    margin-top: 10px;
}

.radio-station {
    cursor: default;
}

.swipe-container > div {
    min-height: 100%;
    height: 100% !important;
}

.swipe-view-content {
    padding: 0 5px;
}

/* This file is used for custom styles */
.messages-wrapper {
    margin-top: 10px;
}

.radio-station {
    cursor: default;
}

.nav a {
    cursor: pointer;
}

.swipe-container > div {
    min-height: 100%;
    height: 100% !important;
}

.swipe-view-content {
    padding: 0 5px;
}

Use correct cursor on nav menu

Use correct cursor on nav menu