@import url("default.css");

body {
  color: #000;
  background-color: #fff;
  margin-left: 28px;
}

div.related {
  background-color: #444;
}

a,
div.sphinxsidebar h3 a,
div.sphinxsidebar a,
div.footer a {
  color: #444;
}

div.sphinxsidebar h3,
div.sphinxsidebar h4 {
  color: #000;
}

div.sphinxsidebar ul {
  color: #000;
}

div.sphinxsidebar input {
  border-color: #444;
}

div.document {
  background-color: #f5f8e4;
}

div.body h1,
div.body h2,
div.body h3,
div.body h4,
div.body h5,
div.body h6 {
  color: #000;
  background-color: transparent;
  border-bottom: 1px solid #444;
}

div.footer {
  color: #000;
}

li.toctree-l2 {
  font-size: 90%;
}

li.toctree-l3 {
  font-size: 90%;
}

Change font-size of central menu

doc: Change font-size of central menu


body {
	background-color: #57a50a;
	color: white;
	font-family: 'Raleway', sans-serif;
	font-size: 1em;
	padding-top: 100px;
}

h1 {
	font-family: 'Bree Serif', serif;
	font-size: 3.6em;
	text-align: justify;
}

h2 {
	font-size: 1.8em;
	text-align: justify;
}

a {
	color: white;
	display: block;
	text-decoration: none;
}

body {
	background-color: #57a50a;
	color: white;
	font-family: 'Raleway', sans-serif;
	font-size: 1em;
	padding-top: 100px;
}

h1 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 3.6em;
	text-align: justify;
}

h2 {
	font-size: 1.8em;
	text-align: justify;
}

a {
	color: white;
	display: block;
	text-decoration: none;
}

Update the font used for titles

Update the font used for titles


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

#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none !important; }

Hide close tab button in firefox

Hide close tab button in firefox


.small {
    color: var(--main-color-light);
    font-size: 80%;

    strong {
        color: var(--main-color);
    }
}

.small a, a.small {
    color: var(--main-color-light);
    text-decoration: underline;
    font-weight: normal;

    &:hover {
        color: #6b6b6b;
    }
}

.yanked {
    font-size: 80%;
    color: rgb(166, 0, 0)
}

Remove unused `yanked` CSS class

styles/shared: Remove unused `yanked` CSS class


/*
Placeholder manifest file.
the installer will append this file to the app vendored assets here: 'vendor/assets/stylesheets/spree/frontend/all.css'
*/

/*
 *= require jquerystorelocator/locator
 *
 */

Include default styles for store locator plugin.


body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 55px;
  font-weight: bold;
  color: #757575;

  background: url('assets/map.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.text-container {
  width: 1400px;
  height: 500px;
  margin: auto;
  padding-top: 10%;
}

.stat {
  font-size: 2.5em;
}

#less-famous {
  color: #FFA000;
}

#more-famous {
  color: #0288D1;
}

#percent-famous {
  color: #FF8A65;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.3em;
  font-weight: bold;
  color: #757575;

  background: url('assets/map.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.text-container {
  margin-left: 15%;
  margin-top: 10%;
}

.stat {
  font-size: 2.5em;
}

#less-famous {
  color: #FFA000;
}

#more-famous {
  color: #0288D1;
}

#percent-famous {
  color: #FF8A65;
}

Make web page more adaptive to different screen sizes.


.navbar {
    margin-bottom: 0;
    border-radius: 0;
}
.navbar-nav {
    display:table;
    width:100%;
    margin: 0;
}
.navbar-nav > li {
    float:none;
    display:table-cell;
    text-align:center;
}
.jumbotron {
    height: 400px;
    margin-bottom: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
}
#logo {
    margin-top: 40px;
    margin-bottom: 40px;
}

Move navbar changes to ghu_global

Move navbar changes to ghu_global


ul.layout-direction
{
    list-style-type: none;
    margin: 0;
}

ul.layout-direction.horizontal li
{
    display:inline;
}

ul.layout-direction.vertical li
{
}

ul.layout-direction
{
    list-style-type: none;
    margin: 0;
}

ul.layout-direction.horizontal li
{
    display:inline;
}

ul.layout-direction.horizontal li label {
    display: inline;
    margin-right: 10px;
}

ul.layout-direction.vertical li
{
}

Make sure to also inline the label inside in _horizontal_ layout


/* Tab close buttons */
.nav-tabs > li .close {
  margin: -2px 0 0 10px;
  font-size: 18px;
}

/* Space above the tabbed table */
.container-fluid {
  margin-top: 10px;
}

/* Make the tabs appear part of the table */
.tab-content {
  margin-top: -21px;
}

/* Alerts to be in the top right */
.alert.top-right {
  position: fixed;
  right: 0;
  top: 0;
}

/* Tab close buttons */
.nav-tabs > li .close {
  margin: -2px 0 0 10px;
  font-size: 18px;
}

/* Space above the tabbed table */
.container-fluid {
  margin-top: 10px;
}

/* Make the tabs appear part of the table */
.tab-content {
  margin-top: -21px;
}

/* Alerts to be in the top right */
.alert.top-right {
  position: fixed;
  right: 2px;
  top: 2px;
}

Add a litte space around the alerts.

Add a litte space around the alerts.


.btn-lg{
	width: 110px;
	margin-left: 20px;
}

#accounts{
	margin-top: 25px;
}

.account{
	height: 100px;
	margin-right: 35px;
}

.account .name{
	margin-top: 10px;
	font-size: 20px;
}

.account .credit{
	font-size: 30px;
}

.detail{
	margin-top: 25px;
}

.detail .name{
	margin-top: 25px;
	font-size: 40px;
}

.detail .credit{
	margin-top: -15px;
	font-size: 60px;
}

.userinfo{
	height: 239px;
}

.pager li>a{
	font-size: 30px;
	cursor:pointer;
}

.newuser{
	margin-top: -5px;
	font-size: 70px;
	text-align: center;
}

#newUserForm{
	margin-top: 20px;
}

#newUserForm input{
	margin-top: 20px;
	font-size: 30px;
	height: 60px;
}

.debt{
	background-color: #785D6C;
}

.btn-lg{
	width: 110px;
	margin-left: 20px;
}

#accounts{
	margin-top: 25px;
}

.account{
	height: 100px;
	margin-right: 35px;
    cursor: pointer;
}

.account .name{
	margin-top: 10px;
	font-size: 20px;
}

.account .credit{
	font-size: 30px;
}

.detail{
	margin-top: 25px;
}

.detail .name{
	margin-top: 25px;
	font-size: 40px;
}

.detail .credit{
	margin-top: -15px;
	font-size: 60px;
}

.userinfo{
	height: 239px;
}

.pager li>a{
	font-size: 30px;
	cursor:pointer;
}

.newuser{
	margin-top: -5px;
	font-size: 70px;
	text-align: center;
}

#newUserForm{
	margin-top: 20px;
}

#newUserForm input{
	margin-top: 20px;
	font-size: 30px;
	height: 60px;
}

.debt{
	background-color: #785D6C;
}

Change cursor on account divs

Change cursor on account divs


html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 60px;
}
#footer {
  background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.container .credit {
  margin: 20px 0;
}

/* Search View */
.dropdown img {
  margin-right: 10px;
  width: 50px;
}

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

.dropdown .artist {
  font-size: 12px;
}

.presence {
  margin-top: 20px;
}

Add space between now playing and user list


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Fix incorrect style when nested

Fix incorrect style when nested


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

Add css formatting for site-wrapper class.


h1 {
  text-align: center;
}

h3 {
  text-align: center;
}

div .panel {
  margin: auto;
  text-align: center;
  width: 200px;
}

div .alert {
  text-align: center;
  margin: 0px auto 10px;
  width: 400px;
}

h1 {
  text-align: center;
}

h3 {
  text-align: center;
}

div .panel {
  margin: auto;
  text-align: center;
  width: 200px;
}

div .alert {
  text-align: center;
  margin: 0px auto 10px;
  width: 305px;
}

Change size of index error message

Change size of index error message


html {
  overflow-y: auto;
}

body {
  padding: 0;
  margin: 5px;
  border-width: 0;
}

h1#banner {
    font-family: tahoma, helvetica, sans-serif;
    font-variant: small-caps;
    font-weight: bolder;
    border-width: 0;
    border-style: none;
    background-color: #a7d0ff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #55A;
    padding: 0;
    margin: -5px 0;
    margin-bottom: 5px;
    display: block;
    width: 100%;
}
h1#banner a {
  display: block;
  float: left;
  font-size: 16px;
  margin-top: 5px;
  margin-left: 5px;
}

h1.error {
  color: red;
  text-align: center;
}

label[for]:after {
  content: ": "
}

li label input[type="checkbox"], li label input[type="radio"] {
  margin-left: 0.7em;
}

form.forme ol {
  padding: 0;
}
form.forme li.boolean input[type="checkbox"] {
  margin: 0;
}
abbr[title="required"] {
  color: red;
}

Mark the required fields in red on the demo site


html {
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  @apply --font-smoothing-antialiased;
}

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

:focus {
  outline: var(--focus-outline);
  outline-offset: var(--focus-outline-offset);
}

html,
body {
  width: 100%;
  min-height: 100%;
}

figure {
  margin: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dd,
dt,
ul,
ul li,
ol,
ol li,
figcaption,
blockquote,
cite,
.display-title,
.big,
.small-caps,
.field,
fieldset,
label,
input,
textarea,
.select,
.control,
progress,
table {
  &:first-child {
    margin-top: 0;
  }

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

html {
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  @apply --font-smoothing-antialiased;
}

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

:focus {
  outline: var(--focus-outline);
  outline-offset: var(--focus-outline-offset);
}

html,
body {
  width: 100%;
  min-height: 100%;
}

figure {
  margin: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dd,
dt,
ul,
ul li,
ol,
ol li,
figcaption,
blockquote,
cite,
.display-title,
.big,
.small-caps,
.field,
fieldset,
label,
input,
textarea,
.select,
.control,
progress,
caption,
table {
  &:first-child {
    margin-top: 0;
  }

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

Reset <caption> margin for :first-child and :last-child


/* Key Add View
-----------------------------------------------------------------------------------------------------------*/

#key-add-upload {
    display: none;
}

#key-add-popup .key-add-loader {
    display: inline;
    float: right;
}

#key-add-popup-screen {
    height: 100%;
    position: fixed;
    top: 0;
}

#key-add-popup .generate-upload a {
    width: 69px !important;
    overflow: visible;
}

#key-add-popup textarea {
	height: 75px !important;
}

/* Key Add View
-----------------------------------------------------------------------------------------------------------*/

#key-add-upload {
    display: none;
}

#key-add-popup .key-add-loader {
    display: inline;
    float: right;
}

#key-add-screen {
    height: 100%;
    position: fixed;
    top: 0;
}

#key-add-popup .generate-upload a {
    width: 69px !important;
    overflow: visible;
}

#key-add-popup textarea {
	height: 75px !important;
}

Fix css rule on add key popup

Fix css rule on add key popup


.main {
  height: 100%;
  width: 100%;
  padding: 1px;
}
.text-div {
  margin: auto;
  width: 300px;
  text-align: center;
  font-family: monospace;
  color: white;
  font-size: 3em;
}

.main {
  height: 100%;
  width: 100%;
  padding: 1px;
  display: flex;
}
.text-div {
  margin: auto;
  width: 300px;
  text-align: center;
  font-family: monospace;
  color: white;
  font-size: 3em;
}

Change css to center text vertically

Change css to center text vertically


/*Cascading Style Sheet for homepage
      Author: Joshua W. Oden
      Date: 5 September 2017*/

*		{font-family: Arial;}

body
{
    background: #09729b;
    background: linear-gradient(to bottom right, #09729b, #120A4F) fixed;
    color: white;
}

/*Cascading Style Sheet for homepage
      Author: Joshua W. Oden
      Date: 5 September 2017*/
/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

   html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
   body{line-height:1}
   article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
   nav ul{list-style:none}
   blockquote,q{quotes:none}
   blockquote:before,blockquote:after,q:before,q:after{content:none}
   a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
   mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
   del{text-decoration:line-through}
   abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
   table{border-collapse:collapse;border-spacing:0}
   hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
   input,select{vertical-align:middle}
   li{list-style:none}

/* =============================================================================
  My CSS
  ========================================================================== */
   html,body{
        width:100%;
        height:100%;
        background: #09729b;
        background: linear-gradient(to bottom right, #09729b, #120A4F) fixed;
        color: white;
   }

   canvas{
     display:block;
   }

   #particles-js{
     width: 100%;
     height: 100%;
     background: linear-gradient(to bottom right, #09729b, #120A4F) fixed;
     background-image: url('');
     background-size: cover;
     background-position: 50% 50%;
     background-repeat: no-repeat;
   }

*		{font-family: Arial;}

Update css for particle.js and design changes


.menuselection, .guilabel, .file, kbd {
	background: #eee;
}

div.wy-menu.wy-menu-vertical span.caption-text {
  color: #ffffff
}

dd {
  line-height: 24px;
}

Set consistent line height in definition lists.


main {
  width: 420px;
  margin: auto;
  font-family: 'Khula', sans-serif;
}
main a {
  color: #B43013;
  text-decoration: none;
}
main a:hover {
  color: blue;
  text-decoration: underline;
}
h1 {
  background-color: #B43013;
  color: white;
  padding: 1em;
  line-height: 1em;
}
h2 {
  padding: 0px 1em;
}
h4 {
  background-color: #888;
  color: white;
  padding: 0.6em 1em 0.3em 1em;
}
p {
  line-height: 1.5em;
}
p.footer {
  font-weight:bold;
  font-size: 1em;
  color: #B43013
}
h4 i {
  margin-right: 0.6em;
}
h4 a {
  color: white;
}
h4 a:hover {
  color: #B43013;
}
code {
  font-size: 85%;
  background-color: rgba(0,0,0,0.04);
  border-radius: 3px;
  font-family: monospace;
}

main {
  width: 420px;
  margin: auto;
  font-family: 'Khula', sans-serif;
}
main a {
  color: #B43013;
  text-decoration: none;
}
main a:hover {
  color: blue;
  text-decoration: underline;
}
h1 {
  background-color: #B43013;
  color: white;
  padding: 1em;
  line-height: 1em;
}
h2 {
  padding: 0px 1em;
}
h4 {
  background-color: #888;
  color: white;
  padding: 0.6em 1em 0.3em 1em;
}
p {
  line-height: 1.5em;
}
p.footer {
  font-weight:bold;
  font-size: 1em;
  color: #B43013
}
h4 i {
  margin-right: 0.6em;
}
h4 a {
  color: white;
}
h4 a:hover {
  color: #B43013;
}
code {
  background-color: rgba(0,0,0,0.04);
  border-radius: 3px;
  font-family: monospace;
  padding: .3em .5em;
}

Update code css one mo again

Update code css one mo again


Set themeing colours and default font size


:root {
  --passed: #4fdc7f;
  --failed: #DC4F4F;
}

.build-snapshot {
  color: var(--primary);
  border-radius: 1rem;
  flex: 1;
}

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

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

:root {
  --passed: #4fdc7f;
  --failed: #DC4F4F;
}

.build-snapshot {
  color: var(--primary);
  border-radius: 1rem;
  flex: 1;
  font-size: 1rem;
}

.build-snapshot::before {
  content: url(resources/play.svg);
  position:relative;
}

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

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

Set font-size, add image to build snapshot


body {
  text-align: center;
  font-family: sans-serif;
  color: black;
}

a{
    color: orange;
    text-decoration: none;
}
.title{
  font-size: 5em;
}

a:hover {
  font-weight: lighter;
}

a:visited{
  color: red;
}

body {
  text-align: center;
  font-family: sans-serif;
  color: black;
}

a{
    color: orange;
    text-decoration: none;
}
.title{
  font-size: 3.5em;
}

a:hover {
  font-weight: lighter;
}

a:visited{
  color: red;
}

Reduce size of blog post links on index

Reduce size of blog post links on index


.hspec-failure {
  color: #CC3700;
}

.hspec-pending {
  color: DarkGoldenRod;
}

.hspec-success {
  color: #009B00;
}

.highlight .hspec .sd {
  color: #009B00;
}

Add css for hspec reports

doc: Add css for hspec reports


#hiderow,
.delete, .alert, .cabecera{
  display: none;
}

p.pull-right, .btn{
    display: none;
}

body{
    font-size: small;
    width:100%;
    margin:0px;
}

.comment{
    display: none;
}

Hide comments while printing an invoice

Hide comments while printing an invoice


.deal {
  padding: 10px;
}

.deal-container {
  background-color: gray;
  border-radius: 5px;
  border: 1px solid black;
}

.deal-title {
  text-align: center;
  font-size: 1.5em;
}

.deal-image {
  padding: 10px;
  text-align: center;
}

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

body {
  background-color: #feffff;
  color: #312c32;
}

.deal {
  padding: 10px;
}

.deal-container {
  background-color: #daad86;
  border-radius: 5px;
  border: 1px solid #312c32;
  position: relative;
}

.deal-title {
  text-align: center;
  font-size: 1.5em;
  background-color: #98dafc;
  color: #feffff;
}

.deal-image {
  padding: 10px;
  text-align: center;
}

.vendor-name {
  text-align: center;
  background-color: #98dafc;
  font-size: 1.5em;
  color: #feffff;
  width: 100%;
  position: absolute;
  bottom: 0;
}

Change color palette to blue and tan

Change color palette to blue and tan


.sc-code-editor .se-content {
  line-height: 110%;
  padding: 0px 10px;
  padding-right: 20px;
}

.sc-code-editor .se-content {
  line-height: 150%;
  padding: 10px;
  padding-right: 20px;
}

Fix code editing padding and line height


input[type="submit"]
{
  background:url("upvote.jpg"); /*broken*/
  height: 40px;
  width: 40px;
}

img {

}

.vote-buttons {
  display: inline-block;
}

.upvote {
  float: left;
  margin: 0 5px;
  padding: 0;
  border-top: 4px green solid;
  border-left: 4px green solid;
}

.downvote {
  float: left;
  margin: 0 5px;
  padding: 0;
  border-top: 4px red solid;
  border-right: 4px red solid;
}

/*input[type="submit"]
{
  background:url("upvote.jpg"); /*broken*/
  height: 40px;
  width: 40px;
}*/

img {

}

.vote-buttons {
  display: inline-block;
}

.upvote {
  float: left;
  margin: 0 5px;
  padding: 0;
  border-top: 4px green solid;
  border-left: 4px green solid;
}

.downvote {
  float: left;
  margin: 0 5px;
  padding: 0;
  border-top: 4px red solid;
  border-right: 4px red solid;
}

Comment out Lucian's css styling of all Submit inputs


.btn-primary {
    background-color: #5572a1;
    border-color: #5572a1;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #748db5 !important;
    border-color: #748db5 !important;
}

.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus  {
    color: #292b2c !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

.btn-link,
.btn-link:active,
.btn-link:focus {
    color: var(--main-link-color);
}

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

.btn {
    border-radius: 0;
}

.close-button-icon {
    position: relative;
    bottom: 2px;
}

.dropdown-item.active, .dropdown-item:active {
    color: #000;
    background-color: #f8f9fa;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #748db5;
    border-color: #748db5;
}

Adjust active color for dropdown items & toggles


html,
body {
	background-color: #eee;
	font-family: "Open Sans";
}

a {
	color: inherit;
}

.input-container {
	bottom: 0;
	position: fixed;
	width: 100%;
}

input {
	border: none;
	border-radius: 0.25rem;
	display: none;
	margin: 0 auto 3rem;
	padding: 0.75rem 1rem;
	transition: all 0.3s ease;
	width: 30rem;
}

input:focus {
	outline: none;
}

.conversation {
	margin: 5rem auto 10rem;
	width: 50rem;
	transition: opacity 0.3s;
}

.conversation-piece {
	color: #566473;
	opacity: 0;
	padding: 1rem 1.5rem;
	transition: opacity 0.3s;
}

.conversation-piece.self {
	border-left: 0.25rem solid #566473;
}

.conversation-piece.fuchsia {
	border-right: 0.25rem solid #566473;
	text-align: right;
}

div.conversation-piece {
	background-color: #d2d5d8;
}

html,
body {
	font-family: "Open Sans";
}

a {
	color: inherit;
}

.input-container {
	bottom: 0;
	position: fixed;
	width: 100%;
}

input {
	border: none;
	border-radius: 0.25rem;
	display: none;
	margin: 0 auto 3rem;
	padding: 0.75rem 1rem;
	transition: all 0.3s ease;
	width: 30rem;
}

input:focus {
	outline: none;
}

.conversation {
	margin: 5rem auto 10rem;
	width: 50rem;
	transition: opacity 0.3s;
}

.conversation-piece {
	color: #566473;
	opacity: 0;
	padding: 1rem 1.5rem;
	transition: opacity 0.3s;
}

.conversation-piece.self {
	border-left: 0.25rem solid #566473;
}

.conversation-piece.fuchsia {
	border-right: 0.25rem solid #566473;
	text-align: right;
}

div.conversation-piece {
	background-color: #e2e2e4;
}

Revert to older colour scheme

Revert to older colour scheme


.Nav {
  overflow-y: scroll;
  background: #264653;
}

.Nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.Nav-menuItem {
  padding: 0;
  margin: 0;
}

.Nav-menuItemLink {
  padding: 0.5em 1em;
  color: #fff;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 300;
  opacity: 0.54;
}

.Nav-menuItemLink--active,
.Nav-menuItemLink:hover {
  background: #6c93ad;

}

.Nav-menuItemLink--active {
  opacity: 1;
}

.Nav-menuHeading {
  padding: 0.5em 1em;
  text-transform: uppercase;
  font-size:110%;
  color: #6c93ad;
  display: block;
  text-decoration: none;
  white-space: nowrap;
}

.Nav-brand {
  display: block;
  background-repeat: no-repeat;
  background-image: url('../../images/logo.svg');
  width: 160px;
  height: 41px;
  text-indent: -9999px;
  margin: 1em;
}

.Nav {
  overflow-y: scroll;
  background: #264653;
}

.Nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.Nav-menuItem {
  padding: 0;
  margin: 0;
}

.Nav-menuItemLink {
  padding: 0.5em 1em;
  color: #fff;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 300;
  opacity: 0.54;
}

.Nav-menuItemLink--active,
.Nav-menuItemLink:hover {
  background: #6c93ad;

}

.Nav-menuItemLink--active {
  opacity: 1;
}

.Nav-menuHeading {
  padding: 1.25em 1em 0.25em 1em;
  text-transform: uppercase;
  font-size:110%;
  color: #6c93ad;
  display: block;
  text-decoration: none;
  white-space: nowrap;
}

.Nav-brand {
  display: block;
  background-repeat: no-repeat;
  background-image: url('../../images/logo.svg');
  width: 160px;
  height: 41px;
  text-indent: -9999px;
  margin: 1em;
}

Increase padding on navigation headers

Increase padding on navigation headers


/* Home Page */

#homebody {
  background: #D2E1DF;
}

#favtable {
  border: 3px solid #62808D;
  padding-left: 14px;
  width: 830px;
  padding-bottom: 12px;
}

#items {
  margin-top: 50px;
  margin-bottom: 50px;
  width: 30%;
}

footer {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 35%;
  font-size: 1em;
  font-family: Courier;
}

/* Suggestion Page */

#suggbody {
  background-image: url(images/PragueBridge.jpg);
}

/* Home Page */

#homebody {
  background: #D2E1DF;
}

#favtable {
  border: 3px solid #62808D;
  padding-left: 14px;
  width: 830px;
  padding-bottom: 12px;
}

#items {
  margin-top: 50px;
  margin-bottom: 50px;
  width: 30%;
}

footer {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 35%;
  font-size: 1em;
  font-family: Courier;
}

h1, h3 {
  font-family: Palatino;
}

/* Suggestion Page */

#suggbody {
  background-image: url(images/PragueBridge.jpg);
}

Change h1 h3 to Palatino

Change h1 h3 to Palatino


/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2015, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  background: #F5F6F7;
}

#main {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 8px;
  border: 1px solid black;
}

.content {
  min-width: 100px;
  min-height: 100px;
}

.red {
  background: #E74C3C;
}

.yellow {
  background: #F1C40F;
}

.green {
  background: #27AE60;
}

.blue {
  background: #3498DB;
}

Remove extra css in example

Remove extra css in example


.column-error_status .tooltip {
	display: none;
}
.column-error_status .dashicons-editor-help {
	color: #767676;
}
.column-sources_with_invalid_output .dashicons {
	margin-right: 5px;
}
.column-sources_with_invalid_output .dashicons-admin-plugins {
	color: #64a2e9;
}
.column-sources_with_invalid_output .dashicons-admin-appearance {
	color: #ebb04f;
}
.column-sources_with_invalid_output .dashicons-wordpress-alt {
	color: #92b371;
}
.sources-plugins, .sources-core {
	margin-left: 25px;
	margin-bottom: 15px;
}
.amp-logo-icon {
	background-image: url( '../images/amp-logo-icon.svg' );
	background-color: transparent;
	background-size: 20px 20px;
	height: 20px;
	width: 20px;
	display: inline-block;
}

Add amp logo icon class

Add amp logo icon class


textarea.wiki-edit {
  font-family: monospace;
  font-size: 13px;
  line-height: 1.4;
  color: #333;
}

Make CSS rule ever so slightly more specific to avoid conflict with jQuery UI.


.edgeHighlight {
  stroke: blue;
  stroke-width: 2.0;
}

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

.jsavarraytree .jsavnode.jsavtreenode {
  max-width: initial;
}

.jsavarraytree .jsavarraytreenode .jsavarray {
  margin: 0;
}

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

.edgeHighlight {
  stroke: blue;
  stroke-width: 2.0;
}

.edgeHighlightStrong {
  stroke: blue;
  stroke-width: 3.0;
}

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

.jsavarraytree .jsavnode.jsavtreenode {
  max-width: initial;
}

.jsavarraytree .jsavarraytreenode .jsavarray {
  margin: 0;
}

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

Add strong edge highlight style

Add strong edge highlight style


/* base styles
-------------------------------------------------- */

html,
body {
    height: 100%;
    max-width: 100%;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-size: 100%;
    background-color: #fff;
}

#footer {
    height: 2em;
    position: relative;
}

#wrapper {
    min-height: 100%;
    margin: 0 auto -30px;
    padding: 0 0 60px;
}

#wrapper > .container {
    padding: 80px 15px 60px;
}

.jumbotron {
    font-size: 100%;
    text-align: center;
}

.alert {
    padding: 5px 35px 5px 15px;
}

.alert-processing {
    color: #464646;
    background-color: #f0f0f0;
    border-color: #eeeeee;
}

.alert-processing hr {
    border-top-color: #e6e6e6;
}

.alert-processing .alert-link {
    color: #959595;
}

/* base styles
-------------------------------------------------- */

html,
body {
    height: 100%;
    max-width: 100%;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-size: 100%;
    background-color: #fff;
}

#footer {
    height: 30px;
    position: relative;
}

#wrapper {
    min-height: 100%;
    margin: 0 auto -30px;
    padding: 0 0 60px;
}

#wrapper > .container {
    padding: 80px 15px 60px;
}

.jumbotron {
    font-size: 100%;
    text-align: center;
}

.alert {
    padding: 5px 35px 5px 15px;
}

.alert-processing {
    color: #464646;
    background-color: #f0f0f0;
    border-color: #eeeeee;
}

.alert-processing hr {
    border-top-color: #e6e6e6;
}

.alert-processing .alert-link {
    color: #959595;
}

Make scrollbar disappear if it is not neccessary

On the main page always appeared a scroll bar, because the content was about 1px too high. this fixes it.


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

body {
font-family: Helvetica;
color: black;}

header {
background: white;
color: black;
}

nav ul {
display: inline-block
float: right;
}

nav li {
  display: inline-block;
  color: black;
}

a h1 h3 p hr {
color: black;
}

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

body {
font-family: Helvetica;
color: black;}

header {
background: white;
color: black;
}

nav ul {
display: inline-block
float: right;
}

nav li {
  display: inline-block;
  color: black;
  float: right;
}

a h1 h3 p hr {
color: black;
}

Align nav bar text to the right

Align nav bar text to the right


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

.wufoo #header h2 {
    display: none;
}

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

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

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

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

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

.wufoo #header h2 {
    display: none;
}

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

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

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

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

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

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

Tweak margin of PP field in mobile

Tweak margin of PP field in mobile


.sortedm2m-container {
    margin-right: 10px;
    width: 570px;
}

.sortedm2m-container p.selector-filter {
    width: 570px;
    padding: 0;
    margin: 0;
}

.sortedm2m-container p.selector-filter input {
    width: 532px;
    margin: 5px 4px;
}

ul.sortedm2m {
    display: block;
    width: 554px;
    min-height: 200px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 6px 8px;
    list-style-type: none;
    text-align: left;
}

ul.sortedm2m li {
    list-style-type: none;
    text-align: left;
    width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

ul.sortedm2m li, ul.sortedm2m label {
    cursor: move;
}

/* required to work properly in django admin */
body.change-form .sortedm2m-container {
    float: left;
}
.module ul.sortedm2m {
    margin: 0;
    padding: 6px 8px;
}

.hide {
    display: none;
}

.sortedm2m-container {
    margin-right: 10px;
    width: 570px;
}

.sortedm2m-container p.selector-filter {
    width: 570px;
    padding: 0;
    margin: 0;
}

.sortedm2m-container p.selector-filter input {
    width: 532px;
    margin: 0 0 0 4px;
}

ul.sortedm2m {
    display: block;
    width: 554px;
    min-height: 200px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 6px 8px;
    list-style-type: none;
    text-align: left;
}

ul.sortedm2m li {
    list-style-type: none;
    text-align: left;
    width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

ul.sortedm2m li, ul.sortedm2m label {
    cursor: move;
}

/* required to work properly in django admin */
body.change-form .sortedm2m-container {
    float: left;
}
.module ul.sortedm2m {
    margin: 0;
    padding: 10px 0;
}

.hide {
    display: none;
}

Fix collapsing filter bar for the new Django 1.9 admin.


es (69 sloc)  1 KB
/*
Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
*/

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

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

.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #a6e22e;
}

.hljs-strong {
  font-weight: bold;
}

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

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #75715e;
}

Add monokai css code style

Add monokai css code style


span.bibl { font-style: italic; color: #000099;}

span.persName ,span.person { font-weight: bold;  color: #009900; }

span.placeName { font-weight: bold;  color: #990000; }

span.rs { font-weight: bold;  color: #333366; }

.inline-wrap {position: relative;}

.inline-wrap .attributes { background-color: #CCCCFF; position: absolute; top: 1.5em; z-index:4; }

body { font: 13px/1.5 'Istok Web', arial, sans-serif; }

.content {
    position: relative;
}

.zr-description,
.zr-indexInfo {
    position: relative;
    z-index: 2;
}

.zr-description.background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.3;
    /*Old IEs < 8*/
    filter: alpha(opacity=30);
}

Add the necessary css for background pictures in explain with a css added opacity (alpha channel).


/* default theme */
.faves { background: rgb(66, 139, 202); }
.faves:hover { background: rgb(40, 94, 142); cursor: pointer; }
.plays { background: #f0ad4e; }
.plays:hover { background: #d58512; cursor: pointer; }

.bordered {
    border-radius: 7px;
    -moz-box-shadow: 0 0 4px 4px #888;
    -webkit-box-shadow: 0 0 4px 4px#888;
    box-shadow: 0 0 4px 4px #888;
}

.thumbnail:hover, .thumbnail:focus {
	border-color: #66afe9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

body {
	background-color: rgba(0, 0, 0, 0.009);
}

/* default theme */
.faves { background: rgb(66, 139, 202); }
.faves:hover { background: rgb(40, 94, 142); cursor: pointer; }
.plays { background: #f0ad4e; }
.plays:hover { background: #d58512; cursor: pointer; }

.bordered {
    border-radius: 7px;
    -moz-box-shadow: 0 0 4px 4px #888;
    -webkit-box-shadow: 0 0 4px 4px#888;
    box-shadow: 0 0 4px 4px #888;
}

.thumbnail:hover, .thumbnail:focus {
	border-color: #66afe9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

body {
	background-color: rgba(0, 0, 0, 0.04);
}

Make the site background about 15% darker


h1 {
  font-family: 'Helvetica', Helvetica, Sans;
}

canvas {
  border: 1px solid black;
}

Add border of 1px solid black to all canvases


body {
  background-color: black;
  color: #55ff55;
  font-family: monospace;
}
.output {
  color: white;
}
.active:after {
  content: '_';
}

body {
	line-height: 1;
}

body {
  background-color: black;
  color: #55ff55;
  font-family: monospace;
  margin-left: 40px;
}
.output {
  color: white;
}
.active:after {
  content: '_';
}

body {
	line-height: 1;
}

Add left margin to give info more space to breathe.


/* Include in your HTML file along with accessibility-helper.js
  or copy contents to your theme css */

/*********************************************
 * AccessibilityHelper Plugin
 *
 * MIT licensed
 *
 * 2014 Marcy Sutton, http://marcysutton.com
 *********************************************/
.reveal .slides>section>.accessibilityWrapper,
.reveal .slides>section>section>.accessibilityWrapper {
  display: none;
  visibility: hidden;
}

.reveal .slides section.present > .accessibilityWrapper {
  display: block;
  visibility: visible;
  outline: none;
}
.reveal .slides.staticPage > section {
  display: block !important;
}
.reveal #global-skip-link {
  display: block;
  font-size: 0.6em;
  left: -50000px;
  padding: 5px 10px;
  position: fixed;
  white-space: nowrap;
}
.reveal ul#table-of-contents {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
}
.reveal ul#table-of-contents li {
  margin: 0;
  padding: 0;
}
.reveal ul#table-of-contents li a {
  display: block;
  font-size: 0.6em;
  left: -50000px;
  padding: 5px 10px;
  position: absolute;
  white-space: nowrap;
}

/* Include in your HTML file along with accessibility-helper.js
  or copy contents to your theme css */

/*********************************************
 * AccessibilityHelper Plugin
 *
 * MIT licensed
 *
 * 2014 Marcy Sutton, http://marcysutton.com
 *********************************************/
.reveal .slides>section>.accessibilityWrapper,
.reveal .slides>section>section>.accessibilityWrapper {
  display: none;
  visibility: hidden;
}
.reveal.overview .slides>section>.accessibilityWrapper,
.reveal.overview .slides>section>section>.accessibilityWrapper {
  display: block;
  visibility: visible;
}
.reveal .slides section.present > .accessibilityWrapper {
  display: block;
  visibility: visible;
  outline: none;
}
.reveal .slides.staticPage > section {
  display: block !important;
}
.reveal #global-skip-link {
  display: block;
  font-size: 0.6em;
  left: -50000px;
  padding: 5px 10px;
  position: fixed;
  white-space: nowrap;
}
.reveal ul#table-of-contents {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
}
.reveal ul#table-of-contents li {
  margin: 0;
  padding: 0;
}
.reveal ul#table-of-contents li a {
  display: block;
  font-size: 0.6em;
  left: -50000px;
  padding: 5px 10px;
  position: absolute;
  white-space: nowrap;
}

Update to improve display in overview mode


body {
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#333;
    padding: 20px;
}

h1 {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size:26px;
    color:#083772;
    letter-spacing:-1px;
    font-weight:normal;
}

h2 {
    font-size: 18px;
    line-height:18px;
    color:#083772;
    margin-bottom:15px;
    font-weight:normal;
}
p {
    margin:8px 0px 8px 0px;
    line-height:18px;
}

a img {
    border: 0;
}

a {
    text-decoration: none;
}

table {
    border:1px solid #bbbbbb;
    border-spacing: 0px;
    margin-top: 8px;
    margin-bottom: 20px;
}

thead {
    background: #eeeeee;
}

td, th {
    border:1px solid #cccccc;
    padding:5px;
}

Add needed css for HTML generators

Add needed css for HTML generators


@font-face {
    font-family: "My Custom Font";
    src: url(/static/simplifica.ttf) format("truetype");
}

body {
    font-family: "My Custom Font", Verdana, Tahoma;
	background-color: #f5f5f5;
	color: #222;
	margin: 0;
}

.navbar a {
	margin: 5px 20px;
}

.navbar {
	padding: 10px;
}

.navbar, .container {
	width: 768px;
	margin: 0 auto;
}

.navbar a {
	font-size: 28px;
}

h1 {
	font-size: 64px;
}

p {
	font-size: 28px;
}

.blog-post h3 {
	font-size: 48px;
}

@font-face {
    font-family: "My Custom Font";
    src: url(/static/simplifica.ttf) format("truetype");
}

body {
    font-family: "My Custom Font", Verdana, Tahoma;
	background-color: #f5f5f5;
	color: #222;
	margin: 0;
}

.navbar a {
	margin: 5px 20px;
}

.navbar {
	padding: 10px;
}

.navbar, .container {
	width: 768px;
	margin: 0 auto;
}

.navbar a {
	font-size: 28px;
}

h1 {
	font-size: 64px;
}

p {
	font-size: 28px;
}

.blog-post h2 {
	font-size: 48px;
}

.blog-post p {
	margin: 14px 0;
}

.blog-post-content code {
	font-size: 18px;
}

Make styling on blog nicer

Make styling on blog nicer


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 *= require normalize
 *= require pure
 *= require grids-responsive-min
 */
.container {
  margin: 20px;
}

Clean up the fuckin CSS

Clean up the fuckin CSS


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

#map-canvas { height: 400px;
 border-radius: 16px 16px;
 border-color: #fff;
 border-style: solid;
 box-shadow: 2px 2px 10px #B1B1B1;
 margin-top: 25px;
 border-width: 7px;
}

#map-canvas {
 height: 384px;
 width: 100%;
}

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

/*
#map-container { height: 400px;
 border-radius: 16px 16px;
 border-color: #fff;
 border-style: solid;
 box-shadow: 2px 2px 10px #B1B1B1;
 margin-top: 25px;
 border-width: 7px;
}*/

#map-canvas {
 height: 400px;
 width: 100%;
}

/*fix zoom bar distortion problem*/
#map-canvas *, #map-canvas *:before, #map-canvas *:after {
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
}
#map-canvas img {
    max-width: none;
}
#map-canvas label {
    width: auto;
    display: inline;
}

Add styling to fix zoom bar distortion problem


@import url("/vendors/gutenberg-css/gutenberg.custom.css");
@import url("/vendors/gutenberg-css/themes/oldstyle.min.css");
@import url("/vendors/highlight.js/styles/ascetic.css");

body {
  text-align: initial;
}

Add new line at the end of file

Add new line at the end of file


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

.search-drawer-header {
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
}

.search-toolbar {
  background-color: var(--color-background-elevation-2);
  border-bottom: 1px solid var(--color-details-hairline);
}

.search-toolbar-summary {
  background-color: var(--color-background-elevation-1);
  border-top: 1px solid var(--color-details-hairline);
  padding-left: 5px;
  flex: 0 0 19px;
  display: flex;
  padding-right: 5px;
}

.search-toolbar-summary .search-message {
  padding-top: 2px;
  padding-left: 1ex;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.search-view .search-results {
  overflow-y: auto;
  display: flex;
  flex: auto;
}

.search-view .search-results > div {
  flex: auto;
}

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

.search-drawer-header {
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
}

.search-toolbar {
  background-color: var(--color-background-elevation-1);
  border-bottom: 1px solid var(--color-details-hairline);
}

.search-toolbar-summary {
  background-color: var(--color-background-elevation-1);
  border-top: 1px solid var(--color-details-hairline);
  padding-left: 5px;
  flex: 0 0 19px;
  display: flex;
  padding-right: 5px;
}

.search-toolbar-summary .search-message {
  padding-top: 2px;
  padding-left: 1ex;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.search-view .search-results {
  overflow-y: auto;
  display: flex;
  flex: auto;
}

.search-view .search-results > div {
  flex: auto;
}

Make search toolbar's bg color lighter

Make search toolbar's bg color lighter

This CL changes the background color from color-background-elevation-2
to color-background-elevation-1 so that focused styles for toolbar
items are visible.

Screenshot: https://i.imgur.com/J1Jvfxu.png

Fixed: chromium:1217006
Change-Id: Ibf9bbcd04a6902caa9b479db16b34694432e39b9
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2940849
Reviewed-by: Changhao Han <68542faf32f0a558a873c0f094ca9bedb2744bff@chromium.org>
Reviewed-by: Mathias Bynens <17a2cbc4e33156874a9862b0f530521117e66a3d@chromium.org>
Commit-Queue: Alex Rudenko <d8d88e7d7e77f69e23d1d1432231196fb8e02a62@chromium.org>


body {
    font-family: 'Source Sans Pro';
    color: #626466;
}

nav {
    background-color: #f5f5f5;
}

td a {
    color: #3c6082;
}

.recon-nav-logo {
    height: 1.4rem;
    margin-top: 0.2rem;
}

.dropdown-item {
    color: #626466;
}

Make dropdown items' color same as body text


.LessonHeader {
  padding-bottom: .5em;
  display: flex;
}
.LessonHeader h2 {
  margin: 0;
  flex: 1;
  display: flex;
}
.LessonHeader__number {
}
.LessonHeader__name {
  flex: 1;
  padding: 0 .3em;
}
.LessonHeader input {
  font: inherit;
  box-sizing: border-box;
  width: 100%;
  padding-left: .3em;
  border: none;
  box-shadow: inset 1px 1px 4px rgba(0,0,0,0.3);
}
.LessonHeader__steps {
  display: flex;
  align-items: stretch;
  padding-right: .3em;
}
.LessonHeader__step {
  width: 2em;
  line-height: 1.9em;
  text-align: center;
  cursor: pointer;
}
.LessonHeader__step--active {
  background-color: #333;
  color: #fff;
  border-radius: 50%;
  cursor: default;
}
.LessonHeader__buttons > button {
  height: 100%;
}

.LessonHeader {
  padding-bottom: .5em;
  display: flex;
}
.LessonHeader h2 {
  margin: 0;
  flex: 1;
  display: flex;
}
.LessonHeader__number {
}
.LessonHeader__name {
  flex: 1;
  padding: 0 .3em;
}
.LessonHeader input {
  font: inherit;
  box-sizing: border-box;
  width: 100%;
  padding-left: .3em;
  border: none;
  box-shadow: inset 1px 1px 4px rgba(0,0,0,0.3);
}
.LessonHeader__steps {
  display: flex;
  align-items: stretch;
  padding-right: .3em;
}
.LessonHeader__step {
  width: 2em;
  line-height: 1.9em;
  text-align: center;
  cursor: pointer;
}
.LessonHeader__step--active {
  background-color: #333;
  color: #fff;
  border-radius: 50%;
  cursor: default;
}
.LessonHeader__buttons {
  display: flex;
  align-items: stretch;
}

Fix huge Reset button in Chrome and IE

Fix huge Reset button in Chrome and IE


@import 'bootstrap.min.css';
@import "compass/css3";
body {
  background: #dddfd4;
  color: #000000;
}

.header-bg {
  background: #dddfd4;
}

.left-side {
  background: #dddfd4;
}

.btn-custom,
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active {
  background: #173e43;
  color: #000000;
  outline: none;
}

.select {
  width: 170px;
  height: 30px;
}

Add proper indentation to the files

Add proper indentation to the files


.text li,
.text p {
  margin: 1.375rem 0 0 0;
}

.text h2 {
  hyphens: auto;
  word-wrap: break-word;
}

.text a {
  color: currentColor;
  word-wrap: break-word;
}

.text ol,
.text ul {
  margin: 0;
  padding-left: 20px;
  /* Prevent list markers from overlapping with floated elements. */
  clear: both;
}

.text blockquote {
  padding: 0.5em 1.375rem 0.5em 2em;
  margin: 1.375rem 0 0 0.6875rem;
  position: relative;
  /* Prevent block quote symbol from overlapping with floated elements. */
  overflow: hidden;
}

.text blockquote::before {
  content: "“";
  font-size: 3em;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1em;
  opacity: 0.5;
}

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

.layout-centerRagged ol,
.layout-centerRagged ul {
  padding-left: 0;
  list-style-position: inside;
}

@value breakpoint-sm from 'pageflow-scrolled/values/breakpoints.module.css';

.text li,
.text p {
  margin: 1.375rem 0 0 0;
}

.text h2 {
  hyphens: auto;
  word-wrap: break-word;
}

.text a {
  color: currentColor;
  word-wrap: break-word;
}

.text ol,
.text ul {
  margin: 0;
  padding-left: 20px;
  /* Prevent list markers from overlapping with floated elements. */
  clear: both;
}

.text blockquote {
  padding: 0.5em 0.5em 0.5em 1.6em;
  margin: 1.375rem 0 0 0;
  position: relative;
  /* Prevent block quote symbol from overlapping with floated elements. */
  overflow: hidden;
}

.text blockquote::before {
  content: "“";
  font-size: 2.5em;
  font-weight: bold;
  position: absolute;
  top: 0.1em;
  left: 0;
  line-height: 1em;
  opacity: 0.5;
}

@media screen and breakpoint-sm {
  .text blockquote {
    margin-left: 0.6875rem;
    padding-left: 2em;
    padding-right: 1.375rem;
  }

  .text blockquote::before {
    font-size: 3em;
    top: 0;
  }
}

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

.layout-centerRagged ol,
.layout-centerRagged ul {
  padding-left: 0;
  list-style-position: inside;
}

Improve mobile block quote size

Improve mobile block quote size

Reduce horizontal spacing and quotes symbol size.

REDMINE-19967


.kwfFormFieldFileInner img {
    margin-top: -20px;
}
.kwfFormFieldFileUploadWrapper { position: relative; }
.kwfFormFieldFileUploadWrapper .fileSelector,
.kwfFormFieldFileUploadWrapper > input {
    position: absolute;
}
.kwfFormFieldFileUploadWrapper .fileSelector {
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}
.kwfFormFieldFileUploadWrapper .underlayFileSelector { z-index: 1; }

.kwfFormFieldFileInner img {
    margin-top: -20px;
}
.kwfFormFieldFileUploadWrapper { position: relative; }
.kwfFormFieldFileUploadWrapper .fileSelector,
.kwfFormFieldFileUploadWrapper > input {
    position: absolute;
    width: 100%;
}
.kwfFormFieldFileUploadWrapper .fileSelector {
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}
.kwfFormFieldFileUploadWrapper .underlayFileSelector { z-index: 1; }

Add width 100% to fill the clickable region over button and input


#application {
    font : 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    padding : 8px;
    width : 1080px;
    background : #eeeeff;
    overflow: hidden;
}
#sliders {
    float : right;
    width : 400px;
}
#sliders .mycosti {
    text-align : right;
    position : absolute;
    width: 400px;
}

#sliders .slider {
    margin-bottom : 6px;
}
#visual {
    float : left;
    width : 640px;
    height : 480px;
    background : white;
}

body {
    margin : 0px;
    padding : 0px;
}

.humble-dvc-application {
    margin : 0px auto;
    font : 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    padding : 8px;
    width : 1080px;
    background : #eeeeff;
    overflow: hidden;
}
.humble-dvc-sliders {
    float : right;
    width : 400px;
}
.humble-dvc-sliders .mycosti {
    text-align : right;
    position : absolute;
    width: 400px;
}

.humble-dvc-sliders .slider {
    margin-bottom : 6px;
}
.humble-dvc-visual {
    float : left;
    width : 640px;
    height : 480px;
    background : white;
}

Fix css to class based selectors.

Fix css to class based selectors.


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

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

paper-toolbar,
.toolbar-tools.paper-toolbar {
  height: 210px;
}

info-widget {
  margin-right: 55px;
}

.cooking-area {
  background-color: #e4e4e4;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 41.4%;
}

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

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

paper-toolbar,
.toolbar-tools.paper-toolbar {
  height: 210px;
}

info-widget {
  margin-right: 55px;
}

.cooking-area {
  background-color: #e4e4e4;
  position: fixed;
  top: 60px;
  left: 65px;
  height: 570px;
  width: 38%;
}

Adjust oven area to new size

Adjust oven area to new size


/* Very simple mobile approach for now, just tweaking desktop styles.
   In future this needs a more substantial responsive approach, but not for now */

body {
  width: auto;
  margin: 12px 12px 0;
}

header {
  padding: 23px;
  margin-bottom: 281px;
}

header h1 {
  font-size: 20vw;
}

header .description {
  font-size: 5.2vw;
}

item-carousel {
  left: -12px;
  right: -12px;
  width: auto;

  border-radius: 0;
  border-left: none;
  border-right: none;
}

.carousel-item, .carousel-item .bare-oembed > *, .carousel-item oembed-item img, .carousel-item oembed-item iframe {
  height: 200px;
}

item-carousel carousel-arrow[direction=left] {
  padding: 0 10px 0 5px;
}

item-carousel carousel-arrow[direction=right] {
  padding: 0 5px 0 10px;
}

.feed-item iframe {
  height: 200px;
}

footer social-media-icons a {
  padding: 23px 12px;
}

Fix footer icon spacing on mobile

Fix footer icon spacing on mobile


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

.editor {
  padding: var(--medium-padding);
  padding-bottom: calc(var(--medium-padding) * 3);

  @media (--screen-medium) {
    padding: var(--extra-large-padding) var(--medium-padding);
    padding-bottom: calc(var(--large-padding) * 3);
  }
}

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

.editor {
  padding: var(--medium-padding);
  padding-bottom: calc((var(--medium-padding) * 3) + (17px + var(--medium-padding) * 2.5));

  @media (--screen-medium) {
    padding: var(--extra-large-padding) var(--medium-padding);
    padding-bottom: calc(var(--large-padding) * 3);
  }
}

Fix form's padding on narrow devices

[desk-tool] Fix form's padding on narrow devices


body {
    /*background-color:#efefef;*/
    color: #000;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    margin: 0;
}

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

div#content {
    padding: 60px 15px 0px 15px;
}

img#loading {
    position:absolute;
    top: 50%;
    left: 50%;
    /* browsers handle fractional pixel values differently, but the worst that
       can happen is that it's 1/2 pixel off center. So it's best to use the
       real values (half of the image width and height) here. */
    margin-top: -4.5px;
    margin-left: -62.5px;
}

footer {
    margin: 0px auto;
    max-width: 950px;
}

footer .footer-column {
    float: left;
    width: 50%;
    color: #afafaf;
}

footer .footer-column:last-child {
    text-align: right;
}

footer a {
    color: #d57f7f;
}

body {
    background-color:#efefef;
    color: #000;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    margin: 0;
}

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

div#content {
    padding: 60px 15px 0px 15px;
}

img#loading {
    position:absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

footer {
    margin: 0px auto;
    max-width: 950px;
}

footer .footer-column {
    float: left;
    width: 50%;
    color: #afafaf;
}

footer .footer-column:last-child {
    text-align: right;
}

footer a {
    color: #d57f7f;
}

Fix off center loading image

Fix off center loading image


label,
input {
  flex: none;
}

textarea {
  flex-grow: 1;
  flex-shrink: 1;
}

.trim {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

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

.padded {
  padding: 10px;
}

.flex-container {
  display: flex;
}

.row {
  flex-direction: row;
}

.column {
  flex-direction: column;
}

.flex-wide {
  flex-grow: 4;
  flex-shrink: 1;
}

.flex-narrow {
  flex-grow: 1;
  flex-shrink: 4;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

label,
input {
  flex: none;
}

label {
  font-weight: bold;
}

textarea {
  flex-grow: 1;
  flex-shrink: 1;
}

.trim {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

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

.padded {
  padding: 10px;
}

.flex-container {
  display: flex;
}

.row {
  flex-direction: row;
}

.column {
  flex-direction: column;
}

.flex-wide {
  flex-grow: 4;
  flex-shrink: 1;
}

.flex-narrow {
  flex-grow: 1;
  flex-shrink: 4;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

Make form stand out a bit more

Make form stand out a bit more


html,
body {
	padding: 0;
	margin: 0;
}

body {
	font-family: -apple-system, 'Helvetica Neue', Helvetica, sans-serif;
}

header {
	position: absolute;
	width: 500px;
	height: 250px;
	top: 50%;
	left: 50%;
	margin-top: -125px;
	margin-left: -250px;
	text-align: center;
}

header h1 {
	font-size: 60px;
	font-weight: 100;
	margin: 0;
	padding: 0;
}

Remove no more used styles

Remove no more used styles


.thumbnail .thumbnail-image {
  cursor: pointer;
}

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

.thumbnail .caption h4 {
  text-align: left;
}

.thumbnail .caption .label {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 15px;
  right: 15px;
}

Change the thubnail play count

Change the thubnail play count

Visual enhancement for the thumbnail play count to make it consitant with all the other thubnials as far as size is concerned.


/*
 * Sticky footer styles
 */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 30px;
}
footer.navbar-default {
  position: absolute;
  bottom: 0;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-width: 1px;
  border-style: solid;
  border-bottom-width: 0;
}
footer p {
  font-size: smaller;
  margin: 2px;
}

footer a, footer a:hover, footer a:focus {
  color: #555;
}

/* Media Queries*/
@media (max-width: 767px) {
  footer.container {
    width: 100%;
  }
}

.info {
  padding: 6px 8px;
  font: 14px/18px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
}

Add CSS for County info

Add CSS for County info


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

#panel {
  position: absolute;
  float: right;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}

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

#panel {
  position: absolute;
  float: right;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}

Expand map to 100% width

Expand map to 100% width


/**
 * UCSC Xena Client
 * http://xena.ucsc.edu
 *
 * Copied from navRTLinkTheme by bc, and is probably wrong.
 *
 * React Toolbox theme for applying nav-specific overrides to Button components. Used by navTheme.
 *
 * Uses theme key RTButton and theme end points to override specific classes. See
 * http://react-toolbox.com/#/components/link for details.
 */

.accent {
}

.button {
	composes: mdBody1 from '../css/typography.module.css';
	&[data-react-toolbox='button'] {
		/* RTB color is overriding color unless using !important. No idea why. */
		color: var(--color-accent) !important;
		margin: 0 16px;
		opacity: 1;
		transition: color 0.35s; /** Must override RTB's opacity transition here */
		&:hover, &:focus {
			color: var(--color-primary-contrast);
			text-decoration: none;
		}
		& > abbr {
			text-transform: uppercase;
		}
	}
}

/**
 * UCSC Xena Client
 * http://xena.ucsc.edu
 *
 * Copied from navRTLinkTheme by bc, and is probably wrong.
 *
 * React Toolbox theme for applying nav-specific overrides to Button components. Used by navTheme.
 *
 * Uses theme key RTButton and theme end points to override specific classes. See
 * http://react-toolbox.com/#/components/link for details.
 */

.accent {
}

.button {
	composes: mdBody1 from '../css/typography.module.css';
	&[data-react-toolbox='button'] {
		/* RTB color is overriding color unless using !important. No idea why. */
		color: var(--color-accent) !important;
		vertical-align: middle;
		margin: 0 16px;
		opacity: 1;
		transition: color 0.35s; /** Must override RTB's opacity transition here */
		&:hover, &:focus {
			color: var(--color-primary-contrast);
			text-decoration: none;
		}
		& > abbr {
			text-transform: uppercase;
		}
	}
}

Fix vertical alignment of bookmark button.


.header .logo {
  display: none;
}

@media (min-width: 480px) {
  .header .logo {
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
  }
  .header h1 a:hover .logo {
    -webkit-animation: logo-spin infinite 3s ease;
    animation: logo-spin infinite 3s ease;
  }
}

 /* Spins clockwise 3x */
@-webkit-keyframes logo-spin {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); }
}

@keyframes logo-spin {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); }
}

.header .logo {
  display: none;
}

@media (min-width: 480px) {
  .header .logo {
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
  }
  .header h1 a .logo {
    transition: 3s;
  }
  .header h1 a:hover .logo {
    transform: rotate(1080deg);
  }
}

Tweak logo animation so that people keep wanting to hover over it

This makes it so that unhovering undoes the animation. EXTREME GROWTH
HACK


body {
	padding-top: 70px;
}

footer {
	background-color: #333;
}

ul.bs-docs-footer-links {
	padding-left: 0px;
	margin-bottom: 20px;
}

ul.bs-docs-footer-links li {
	display: inline-block;
}

ul.bs-docs-footer-links li+li {
	margin-left: 15px;
}

ul.bs-docs-footer-links li>a {
	color: #FFF;
}

footer.bs-docs-footer {
	padding-top: 20px;
/* 	padding-bottom: 50px; */
/* 	margin-top: 100px; */
	color: #99979C;
	background-color: #2A2730;
}

.wrapper-list {
	height: 600px;
	overflow: scroll;
}

body {
/* 	padding-top: 70px; */
}

footer {
	background-color: #333;
}

ul.bs-docs-footer-links {
	padding-left: 0px;
	margin-bottom: 20px;
}

ul.bs-docs-footer-links li {
	display: inline-block;
}

ul.bs-docs-footer-links li+li {
	margin-left: 15px;
}

ul.bs-docs-footer-links li>a {
	color: #FFF;
}

footer.bs-docs-footer {
	padding-top: 20px;
/* 	padding-bottom: 50px; */
/* 	margin-top: 100px; */
	color: #99979C;
	background-color: #2A2730;
}

.wrapper-list {
	height: 600px;
	overflow: scroll;
}

Comment top-padding for body tag

Comment top-padding for body tag


#body-user #header,
#body-settings #header,
#body-public #header {
    background-color    : #777 !important;
    background-image    : url('https://source.unsplash.com/random/featured/?nature') !important;
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : cover;
}

/* Header icons get drop shadow for visibility */
#header .logo.logo-icon,
#appmenu svg,
.notifications .notifications-button img,
#contactsmenu .icon-contacts,
#expand .avatardiv-shown img,
#expand .expandDisplayName {
    /* Modified .icon-shadow with modified $color-box-shadow */
    filter : drop-shadow(0 0 3px rgba(50, 50, 50, .5)) !important;
}

/* Header icons get higher opacity for visibility */
#appmenu li a {
    opacity : .8;
}

.searchbox input[type="search"]:focus,
.searchbox input[type="search"]:active,
.searchbox input[type="search"]:valid {
    background-color : rgba(0, 0, 0, .5) !important;
    border           : none !important
}

#body-user #header,
#body-settings #header,
#body-public #header {
    background-color    : #777 !important;
    background-image    : url('https://source.unsplash.com/random/featured/?nature') !important;
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : cover;
}

/* Header icons get drop shadow for visibility */
#header .logo.logo-icon,
#appmenu svg,
#more-apps div,
.searchbox input[type="search"],
.notifications .notifications-button img,
#contactsmenu .icon-contacts,
#expand .avatardiv-shown img,
#expand .expandDisplayName {
    /* Modified .icon-shadow with modified $color-box-shadow */
    filter : drop-shadow(0 0 3px rgba(50, 50, 50, .5)) !important;
}

/* Header icons get higher opacity for visibility */
#appmenu li a,
.searchbox input[type="search"],
#header .header-right > div > .menutoggle,
#header .header-right > form > .menutoggle {
	opacity: .9;
}

.searchbox input[type="search"]:focus,
.searchbox input[type="search"]:active,
.searchbox input[type="search"]:valid {
    background-color : rgba(0, 0, 0, .5) !important;
    border           : none !important
}

Adjust opacity of app icons for better visibility

Signed-off-by: Jan-Christoph Borchardt <7f550a9f4c44173a37664d938f1355f0f92a47a7@jancborchardt.net>


/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .pane {
  background: rgba(0,0,0,.25);
  position : absolute;
  width    : 10px;
  right    : 0;
  top      : 0;
  bottom   : 0;
}
.nano .pane .slider {
  background: rgba(0,0,0,.5);
  position      : relative;
  margin        : 0 1px 0 1px;
  border-radius : 3px;
}
.nano:hover .pane, .pane.active {
  visibility: visible;
}
.nano .pane {
  -webkit-transition : .2s;
  -moz-transition    : .2s;
  transition         : .2s;
  border-radius      : 5px;
  -moz-border-radius : 5px;
  opacity            : .01;
}
.nano:hover .pane, .pane.active {
  opacity : 1;
}

/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .pane {
  background: rgba(0,0,0,.25);
  position : absolute;
  width    : 10px;
  right    : 0;
  top      : 0;
  bottom   : 0;
}
.nano .pane .slider {
  background: rgba(0,0,0,.5);
  position      : relative;
  margin        : 0 1px 0 1px;
  border-radius : 3px;
}
.nano:hover .pane, .pane.active {
  visibility: visible;
}
.nano .pane {
  -webkit-transition : .2s;
  -moz-transition    : .2s;
  -o-transition      : .2s;
  transition         : .2s;
  border-radius      : 5px;
  -moz-border-radius : 5px;
  opacity            : .01;
}
.nano:hover .pane, .pane.active {
  opacity : 1;
}

Add Opera prefix for transition

Add Opera prefix for transition


html, body, .container-fluid {
  height: 100%;
}

.container-fluid {
  margin-top: 1em;
}

body {
  background-color: #eee;
}

.decisionCreation {
  padding-bottom: 0.5em;
}

.panel {
  padding: 10px;
}

.row {
  padding: 1em;
}

.form-control-label:after {
  content:"*";
  color:red;
}

.pickers {
  display: inline !important;
}

.decisions-composer textarea {
  resize: none;
}

.private-data {
  margin-top:1.8em;
}

.badge {
  font-size:0.9em;
}

.legislationConsider {
  display: inline-block;
}

.dvgColor {
  color: #237885;
}

.paddingRecipients {
  padding-top:1em;
}

html, body{
  height: 100%;
}

body {
  background-color: #eee;
}

.decisionCreation {
  padding-bottom: 0.5em;
}

.panel {
  padding: 10px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  background: white;
  border-radius: 2px;
}

.row {
  padding: 1em;
}

.form-control-label:after {
  content:"*";
  color:red;
}

.pickers {
  display: inline !important;
}

.decisions-composer textarea {
  resize: none;
}

.private-data {
  margin-top:1.8em;
}

.badge {
  font-size:0.9em;
}

.legislationConsider {
  display: inline-block;
}

.dvgColor {
  color: #237885;
}

.paddingRecipients {
  padding-top: 1em;
}

Remove contrainer-fluid and add different panel shadow


h2 {
    border-bottom: solid 1px grey;
}

h2 {
    border-bottom: solid 1px grey;
}

.md-typeset h5 {
    text-transform: none;
}

Fix that `h5` enforces to uppercase

:pencil2: Fix that `h5` enforces to uppercase


.highlight {
  background-color: #d97d27;
  color: #ffffff;
  padding: 3px;
}

article {
  padding: $default-padding;
}

.highlight {
  background-color: $vintage-rust;
  color: #ffffff;
  padding: 0.25em 1em;
}

.btn {
  color: #ffffff;
  background-color: $vintage-rust;
  display: block;
  margin: auto;
  padding: 0.5em 1em;
  text-decoration: none;
  text-align: center;
  width: 200px;
}

Add some more basic styles

Add some more basic styles


* { margin:0; padding:0; }

body {
	font-family:'Lato', sans-serif;
	font-size:1.000em;
	line-height:1.250em;
	color:#333;
}

section {
	text-align:center;
	width:100%;
	max-width:50.000em;
	margin:0 auto;
}

h1 {
	font-weight:900;
	font-size:2.250em;
	padding:3.125em 0;
}

#board {
	width:25.000em;
	margin:0 auto;
}

span {
	padding-bottom:1.500em;
}

ul li {
	text-transform: capitalize;
	list-style: none;
	text-align: center;
}

* { margin:0; padding:0; }

body {
	font-family:'Lato', sans-serif;
	font-size:1.000em;
	line-height:1.250em;
	color:#333;
}

section {
	text-align:center;
	width:100%;
	max-width:50.000em;
	margin:0 auto;
}

h1 {
	font-weight:900;
	font-size:2.250em;
	padding:3.125em 0;
}

#board {
	width:25.000em;
	margin:0 auto;
}

span {
	display:inline-block;
	padding-bottom:1.500em;
}

ul li {
	text-transform: capitalize;
	list-style: none;
	text-align: center;
	padding:3px 0;
}

Adjust spacing between board and <ul>

Adjust spacing between board and <ul>


/* CSS for ViaductXBlock */

.pending, .error {
    display: none;
    position: relative;
    margin: 0 auto;
}

#gateonecontainer {
    position: relative;
    margin: 5em auto 0 auto;
    width: 60em;
    height: 30em;
}

#container {
    height: 100%;
    width: 100%
}

/* CSS for ViaductXBlock */

.pending, .error {
    display: none;
    position: relative;
    margin: 0 auto;
}

#gateonecontainer {
    position: relative;
    margin: 5em auto 0 auto;
    width: 60em;
    height: 30em;
}

#gateonecontainer span {
    color: white;
}

#container {
    height: 100%;
    width: 100%
}

Fix default terminal font color

Fix default terminal font color

The default LMS theme uses a dark gray font for <span> elements, and
this is obviously less than ideal for the terminal.


html {
    position: relative;
    min-height: 100%;
}

.project-logos {
    height: 50px;
}

body {
    margin-bottom: 150px;
}

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

#footer {
    position: absolute;
    bottom: 0;
    padding-top: 50px;
    height: 150px;
    width: 100%;
}

.note td, .note th {
    border:solid;
    border-width: 1px;
    padding: 5px;
}

.note {
    padding-bottom: 30px;
}

Add some css to notes

Add some css to notes


body {
    font-family: -apple-system, sans-serif;
}

pre {
    overflow-x: auto;
}
pre code {
    overflow-wrap: normal;
    white-space: pre;
}

#timeline {
    -webkit-user-select: none;
}

#glucose_chart {
    height: 244px;
}

#basal_chart, #carbs_chart, #iob_chart {
    height: 144px;
}

@media screen and (max-width:767px) {
    .browse-nav {
        overflow-y: auto;
        max-height: 160px;
        -webkit-overflow-scrolling: touch;
    }
}

body {
    font-family: -apple-system, sans-serif;
}

pre {
    overflow-x: auto;
}
pre code {
    overflow-wrap: normal;
    white-space: pre;
}

#timeline {
    -webkit-user-select: none;
    margin-left: -15px;
    margin-right: -15px;
}

#glucose_chart {
    height: 244px;
}

#basal_chart, #carbs_chart, #iob_chart {
    height: 144px;
}

@media screen and (max-width:767px) {
    .browse-nav {
        overflow-y: auto;
        max-height: 160px;
        -webkit-overflow-scrolling: touch;
    }
}

Remove the horizontal margin around the graphs


@media (min-width: 768px) {
  .form-search,
    .combobox-container {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: top;
      .input-group-addon {
        width: auto;
      }
    }
  }
}

.combobox-selected .caret {
  display: none;
}

/* :not doesn't work in IE8 */
.combobox-container:not(.combobox-selected) .glyphicon-remove {
  display: none;
}

.typeahead-long {
  max-height: 300px;
  overflow-y: auto;
}

.control-group.error .combobox-container{
  .add-on {
    color: #B94A48;
    border-color: #B94A48;
  }
  .caret {
    border-top-color: #B94A48;
  }
}

.control-group.warning .combobox-container {
  .add-on {
    color: #C09853;
    border-color: #C09853;
  }
  .caret {
    border-top-color: #C09853;
  }
}

.control-group.success .combobox-container{
  .add-on {
    color: #468847;
    border-color: #468847;
  }
  .caret {
    border-top-color: #468847;
  }
}

@media (min-width: 768px) {
  .form-search,
    .combobox-container {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: top;
      .input-group-addon {
        width: auto;
      }
    }
}

.combobox-selected .caret {
  display: none;
}

/* :not doesn't work in IE8 */
.combobox-container:not(.combobox-selected) .glyphicon-remove {
  display: none;
}

.typeahead-long {
  max-height: 300px;
  overflow-y: auto;
}

.control-group.error .combobox-container{
  .add-on {
    color: #B94A48;
    border-color: #B94A48;
  }
  .caret {
    border-top-color: #B94A48;
  }
}

.control-group.warning .combobox-container {
  .add-on {
    color: #C09853;
    border-color: #C09853;
  }
  .caret {
    border-top-color: #C09853;
  }
}

.control-group.success .combobox-container{
  .add-on {
    color: #468847;
    border-color: #468847;
  }
  .caret {
    border-top-color: #468847;
  }
}

Fix css file to avoid sass error on precompile


.treeui-caret {
    color:#555;
    font-size:10px;
    padding-right:5px;
}

.treeui-caret:hover {
    cursor:pointer;
}

.treeui-level {
    padding-left:15px;
    border-left:1px solid #555;
}

.gist-map-item {
    padding:5px 0;
    border-bottom:1px solid #eee;
}

.gist-map-title {
    font-weight:bold;
}

.gist-map-contents {
    font-family:monospace;
}

.gist-map-next {
    text-align:center;
    padding:5px;
    background:#eee;
    cursor:pointer;
}

.treeui-caret {
    color:#555;
    font-size:10px;
    padding-right:5px;
}

.treeui-caret:hover {
    cursor:pointer;
}

.treeui-level {
    padding-left:15px;
    border-left:1px solid #555;
}

.gist-map-item {
    padding:5px 0;
    border-bottom:1px solid #eee;
    cursor:pointer;
}

.gist-map-title {
    font-weight:bold;
}

.gist-map-contents {
    font-family:monospace;
}

.gist-map-next {
    text-align:center;
    padding:5px;
    background:#eee;
    cursor:pointer;
}

Make it easier to realize it's clickable


.editor-container {
  height: calc(100vh - 10rem);
}

.transcript-editor {
  overflow-y: scroll;
}

.timestamp {

}

.ql-editor {
  color: rgba(0, 0, 0, 0.8);
  font-size: 12pt;
}

#content > .uk-grid {
  width: 95vw;
}

.editor-container {
  height: calc(100vh - 10rem);
}

.transcript-editor {
  overflow-y: scroll;
}

.timestamp {
  /*  */
}

.video-player-container {
  padding-left: 0%;
}
.ql-editor {
  color: rgba(0, 0, 0, 0.8);
  font-size: 12pt;
}

#content > .uk-grid {
  width: 95vw;
}

Allow more space for the video player

Allow more space for the video player


/* HTML5 elements for older browsers */
header, article, section, figure, aside, footer {
  display: block;
}

a {
  text-decoration: none;
}

#rss {
  background: black url(rss.png) -1px 1px no-repeat;
  border-radius: 6px;
  color: transparent;
  display: block;
  font-size:0;
  height: 32px;
  outline: 0;
  padding: 0;
  width: 32px;
}

article footer {
  font-size: 0.8em;
  opacity: 0.7;
  padding-left: 20px;
}

article footer div {
  padding: 0.2em;
}

article footer div > a:first-child {
  margin-right: 0.5em;
}

article footer div > * {
  display: inline;
}

.ref {
  font-size: x-small;
  vertical-align: top;
}

@media print {
    body > nav > *, body > footer {
        display: none;
    }
    html, body, body {
        background: none !important;
    }
    .highlight {
        page-break-inside: avoid;
    }
}

Add some print media CSS

Add some print media CSS


pre {
  font-size: 13px !important;
}
a[class='reference external']:after {
  content: "↪";
  color: #b3b3b3;
  font-size: 90%;
  margin: 0 .1em;
}

dl[class='py class'] a[class='reference external']:after,
dl[class='py method'] a[class='reference external']:after {
  content: "";
}

pre {
  font-size: 13px !important;
}
a[class='reference external']:after {
  content: "↗";
  color: #b3b3b3;
  font-size: 70%;
  font-weight: bold;
  vertical-align: top;
  margin: 0 .2em;
}

dl[class='py class'] a[class='reference external']:after,
dl[class='py method'] a[class='reference external']:after {
  content: "";
}

Improve docs external link style

Improve docs external link style


:root {
  --thickness: 1vmax;
  --diameter: 3vmax;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}

#loader {
  border-radius: 50%;
  border: var(--thickness) solid #f3f3f3;
  border-top: var(--thickness) solid rgb(53, 168, 83);
  border-right: var(--thickness) solid rgb(251, 188, 1);
  border-bottom: var(--thickness) solid rgb(234, 67, 53);
  border-left: var(--thickness) solid rgb(66, 133, 244);
  width: var(--diameter);
  height: var(--diameter);
  animation: spin 4s linear infinite;
}

#loading-text {
  font-size: 1.3vmax;
  letter-spacing: 0.025em;
}

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

:root {
  --thickness: min(1vmax, 1.6vh);
  --diameter: min(3vmax, 4vh);
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}

#loader {
  border-radius: 50%;
  border: var(--thickness) solid #f3f3f3;
  border-top: var(--thickness) solid rgb(53, 168, 83);
  border-right: var(--thickness) solid rgb(251, 188, 1);
  border-bottom: var(--thickness) solid rgb(234, 67, 53);
  border-left: var(--thickness) solid rgb(66, 133, 244);
  width: var(--diameter);
  height: var(--diameter);
  animation: spin 4s linear infinite;
}

#loading-text {
  font-size: min(1.3vmax, 1.7vh);
  letter-spacing: 0.025em;
}

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

Fix loading size on normal screen

Fix loading size on normal screen


* {margin:0;padding:0;}

body, html {
	color: #111;
    margin:0;
    padding:0;
    width:100%;
/*    font-size: 12pt;*/
}

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

.vertically-centered {
	display: table;
}

.vertically-centered-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Brown', sans-serif;
	font-weight: normal;
}

:active, :focus, :hover {
    outline: 0;
}

* {margin:0;padding:0;}

body, html {
	color: #111;
    margin:0;
    padding:0;
    width:100%;
/*    font-size: 12pt;*/
}

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

.vertically-centered {
	display: table;
}

.vertically-centered-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Brown', sans-serif;
	font-weight: normal;
}

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

Fix anchor link dotted line issue

Fix anchor link dotted line issue


a.download {
    color: #CCC;
    float: right;
    display: inline;
    margin-top: 8px;
    margin-right: 6px;
}
a.download:visited {
    color: #CCC;
}
a.download:hover {
    color: #EEE;
}
a.date {
    color: #CCC;
}
a.date:visited {
    color: #CCC;
}
a.date.highlighted {
    color: yellow;
}
a.date.highlighted:visited {
    color: yellow;
}

// Fix for Google Maps stuff via https://github.com/zurb/foundation/issues/2462
#map *, #map *:before, #map *:after {
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
}
#map img {
    max-width: none;
}
#map label {
    width: auto;
    display: inline;
}

Fix Google Maps display issues.

Fix Google Maps display issues.


.root {
  position: relative;
  background-color: var(--color-white);
  border: 1px solid var(--color-greyLighter);
  border-radius: 4px;
  height: 100%;
}

.attributes {
  border-top: 1px solid var(--color-greyLighter);
  text-align: left;
  margin: 0;
  padding: var(--size-lg-i);
  list-style-type: none;
}

.attribute {
  composes: fontRegular from '../../../globals/typography.css';
  font-family: 'Fira Mono', monospace;
  color: var(--color-grey);
}

.attribute + .attribute {
  margin-top: var(--size-sm-iii);
}

.attribute:first-of-type {
  font-family: var(--font-avenir);
  font-weight: var(--fontweight-demi);
  color: var(--color-black);
}

.root {
  position: relative;
  background-color: var(--color-white);
  border: 1px solid var(--color-greyLighter);
  border-radius: 4px;
}

.attributes {
  border-top: 1px solid var(--color-greyLighter);
  text-align: left;
  margin: 0;
  padding: var(--size-regular);
  list-style-type: none;
}

.attribute {
  composes: fontSmallI from '../../../globals/typography.css';
  font-family: 'Fira Mono', monospace;
  color: var(--color-grey);
}

.attribute + .attribute {
  margin-top: var(--size-sm-iii);
}

.attribute:first-of-type {
  font-family: var(--font-avenir);
  font-size: var(--fontsize-regular);
  line-height: var(--lineheight-regular);
  letter-spacing: var(--letter-spacing-regular);
  font-weight: var(--fontweight-demi);
  color: var(--color-black);
}

Update specimen typography for better legibility at all sizes


body {
  height: 100vh;
  width: 100vw;
  background-image: url("../img/space.jpg");
  background-size: cover;
  color: #fff;
  font-family: sans-serif;
}

h1 {
  font-family: 'Audiowide', cursive;
  text-align: center;
  font-size: 4em;
}

#board {
  height: 60%;
  width: 40%;
  margin: 0 auto;
  border: 1px solid #707070;
  background-color: transparent;
  /*padding: 5px;*/
}

.cell {
  min-height: 25%;
  min-width: 20%;
  background-color: rgba(255,255,255,0.25);
  display: inline-block;
  margin: 0.25%;
.right {
  border-left: 10px solid #fff;
}

p {
  text-align: center;
  font-size: 4em;
  padding-top: 10px;
  margin: 0 auto;
}

body {
  height: 100vh;
  width: 100vw;
  background-image: url("../img/space.jpg");
  background-size: cover;
  color: #fff;
  font-family: sans-serif;
}

h1 {
  font-family: 'Audiowide', cursive;
  text-align: center;
  font-size: 4em;
}

#board {
  height: 60%;
  width: 40%;
  margin: 0 auto;
  border: 1px solid #707070;
  background-color: transparent;
  /*padding: 5px;*/
}

.cell {
  min-height: 25%;
  min-width: 20%;
  background-color: rgba(255,255,255,0.25);
  display: inline-block;
  margin: 0.25%;
.left, .middle-left {
  border-right: 10px solid #fff;
}

.right {
  border-left: 10px solid #fff;
}

p {
  text-align: center;
  font-size: 4em;
  padding-top: 10px;
  margin: 0 auto;
}

Add right border to cells with class left and middle-left


.layout_left {
	display: none;
}

.layout_right {
	position: fixed;
	top: 40px !important;
	bottom: 0px;
	left: 0px !important;
	right: 0px;
}

ul.links {
	/* Links clickable more easily */
	height: 40px !important;
	width: 40px !important;
}

ul.links li a {
	width: 40px !important;
}

ul.links li.title {
	width: auto !important;
}

.layout_left {
	display: none;
}

.layout_right {
	position: fixed;
	top: 40px !important;
	bottom: 0px;
	left: 0px !important;
	right: 0px;
}

ul.links {
	height: 40px !important;
}

ul.links li, ul.links li a {
	width: 40px !important;
}

ul.links li.title {
	width: auto !important;
}

Fix clickable links in portrait mode.

Fix clickable links in portrait mode.

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


/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-color: #efefef;
    text-align: center;
}
.footer li {

    border-right: solid
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    padding-top: 20px;
}

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

    border-right: solid
}
.categories li a {
    padding-bottom: 5px;
    margin-bottom: 0;
    font-weight: bold;
    color: #777;
    text-align: center;
    background-color: #e5e5e5;
    background-image: linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%);
    background-repeat: repeat-x;
    border-bottom: 1px solid #d5d5d5;
    width: 100%;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-decoration: none;
  padding: .2em 1em;
  width: 150px;
  display: block;
}
.categories {
    display: inline-block
}

.navbar-default {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  justify-content: center;
  background-color: #FFFFFF;
  border: #FFFFFF;

}

Fix style for navigation bar

Fix style for navigation bar


html.hui
{
	height: 100%;
}

body.hui
{
	margin: 0px;
	background: #f3f5f7;
	overflow: auto;
	min-height: 100%;
	height: 100%;
}

body.hui, body.hui textarea
{
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
}

div.hui_body
{
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html.hui
{
	height: 100%;
}

body.hui
{
	margin: 0px;
	background: #f3f5f7;
	overflow: auto;
	min-height: 100%;
	height: 100%;
}

body.hui
{
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
}

div.hui_body
{
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

Fix issue with textarea font

Fix issue with textarea font


img[data-action="zoom"] {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
.zoom-img,
.zoom-img-wrap {
  position: relative;
  z-index: 666;
  -webkit-transition: all 300ms;
       -o-transition: all 300ms;
          transition: all 300ms;
}
img.zoom-img {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
}
.zoom-overlay {
  z-index: 420;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
  -webkit-transition:      opacity 300ms;
       -o-transition:      opacity 300ms;
          transition:      opacity 300ms;
}
.zoom-overlay-open .zoom-overlay {
  filter: "alpha(opacity=100)";
  opacity: 1;
}
.zoom-overlay-open {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
}
.zoom-overlay-transitioning {
  cursor: default;
}

Fix to force cursor update after animation completes

Hopefully this fixes fat/zoom.js#19

This fix changes the body's cursor style during animation, which
forces the zoomed image's cursor style to apply.

Chromium has issues updating the cursor while the cursor is idle.
See [Chromium Issue 26723: Mouse cursor doesn't change when mouse-idling][1].

  [1]: https://code.google.com/p/chromium/issues/detail?id=26723


.rotateCounterClock {
    -webkit-transform-origin: center bottom;
    -webkit-transform: rotate(90deg) translateY(85%) translateX(-7%);
    width: 424px;
}

.rotateCounterClock {
    -webkit-transform-origin: center bottom;
    -webkit-transform: rotate(-90deg) translateY(13%) translateX(5%);
    width: 424px;
}

Fix for camera orientation thumb

Fix for camera orientation thumb


.form-group.required .control-label:before {
  content:"*";
  color:red;
}

.is-breakable {
  word-break: break-word;
}

.form-group.required .control-label:before {
  content:"*";
  color:red;
}

.is-breakable {
  /* For Firefox */
  white-space: pre-wrap;
  word-break: break-all;
  /* For Chrome and IE */
  word-wrap: break-word;
}

Align CSS to display ssh-key in Firefox properly


/* Custom style sheet */

.main {
  width: 320px;
  border: solid #ccc 1px;
  border-radius: 10px;
  box-shadow: 2px 4px 2px rgba(163,163,163, 0.7);
}

img {
  display: block;
  margin: auto;
}

/* Custom style sheet */

.main {
  width: 320px;
  border: solid #ccc 1px;
  border-radius: 10px;
  box-shadow: 2px 4px 2px rgba(163,163,163, 0.7);
}

img {
  display: block;
  margin: auto;
  border-radius: 10px;
}

Add rounded borders to image.

Add rounded borders to image.


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

/* do not display tick marks on y-axis */
.y.axis line {
  display: none;
}

/* do not display tick labels on y-axis */
.y.axis text {
  fill: none;
}

.category-0 {
  fill: #689f38;
}
.category-1 {
  fill: #ffc107;
}

.selected-bar {
  fill: #EC971F;
}

.category-label {
  fill: #000;
  font-size: 12px;
}

.bar-label {
  fill: #000;
}

.bars-group {
  cursor: pointer;
  fill: #F5CA8D;
}

g.category-bars-group {
  cursor: pointer;
}

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

/* do not display tick marks on y-axis */
.y.axis line {
  display: none;
}

/* do not display tick labels on y-axis */
.y.axis text {
  fill: none;
}

.category-0 {
  fill: #689f38;
}
.category-1 {
  fill: #ffc107;
}

.selected-bar {
  fill: #EC971F;
}

.category-label {
  fill: #000;
  font-size: 12px;
}

.bar-label {
  fill: #000;
  pointer-events: none;
}

.bars-group {
  cursor: pointer;
  fill: #F5CA8D;
}

g.category-bars-group {
  cursor: pointer;
}

Fix mouseover to also show when hovering over bar chart labels


.page {
    position: relative;
    min-height: 100vh;
}

.page__navigation {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    box-sizing: border-box;
    width: 280px;
    padding: 20px 0;
    background: yellowgreen;
    transform: translateX(-100%);
    transition: transform ease 0.3s;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.page__navigation--shown {
    transform: translateX(0);
}

.page {
    position: relative;
    min-height: 100vh;
}

.page__navigation {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    box-sizing: border-box;
    width: 280px;
    padding: 20px 0;
    background: yellowgreen;
    transform: translateX(-105%);
    transition: transform ease 0.3s;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.page__navigation--shown {
    transform: translateX(0);
}

Improve a bit sliding menu

Improve a bit sliding menu


:global(.basic.segment).column-head {
  margin-bottom: 0;
}

.divider {
  background-color: var(--semantic-light-grey);
}

.list {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  overflow-y: auto;
  height: 44vh;
}

:global(.basic.segment).column-head {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}

.divider {
  background-color: var(--semantic-light-grey);
}

.list {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  overflow-y: auto;
  height: 44vh;
}

Remove side padding from colum heads to avoid "action-item" from text wrapping on phones


html, body {
    height: 100%;
    margin: 0;
    font-size: 100%;
}

.container {
    max-width: 700px;
    margin: 0 auto;
    padding: 50px 30px 50px 30px;
    position: relative;
}

.form, #newsBox {
    margin-top: 30px;
}

#subredditOrUserButtons {
    margin-bottom: 10px;
}

#downloadButton {
    margin-top: 40px;
}

/* semantic ui overrides */
.ui.toggle.checkbox label::before {
    background: #E0E1E2 !important;
}
.ui.toggle.checkbox label:hover::before {
  background-color: #CACBCD !important;
}

#unknownNameErrorBox, #noImagesFoundWarningBox, #downloadingInfoBox, #processingInfoBox {
    display: none;
}

html {
    font-size: 100%;
}

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

.container {
    max-width: 700px;
    margin: 0 auto;
    padding: 50px 30px 50px 30px;
    position: relative;
}

.form, #newsBox {
    margin-top: 30px;
}

#subredditOrUserButtons {
    margin-bottom: 10px;
}

#downloadButton {
    margin-top: 35px;
    margin-bottom: 30px;
}

#unknownNameErrorBox, #noImagesFoundWarningBox, #downloadingInfoBox, #processingInfoBox {
    display: none;
}

/* semantic ui overrides */
.ui.toggle.checkbox label::before {
    background: #E0E1E2 !important;
}
.ui.toggle.checkbox label:hover::before {
  background-color: #CACBCD !important;
}

Add margin under download button

Add margin under download button


.player {
    display: inline-block;
    padding: 10px;
    margin: 10px;
    color: #ffffff;
    background-color: #000000;
    width: 300px;
    height: 200px;
}

.card {
    display: inline-block;
    padding: 5px;
    background-color: #ffffff;
    width: 125px;
    height: 175px;
}

.pot {
    display: inline-block;
    padding: 20px;
    background-color: gold;
    width: 200px;
    height: 200px;
}

body {
    background-color: #006400;
}

.player {
    display: inline-block;
    padding: 10px;
    margin: 10px;
    color: #ffffff;
    background-color: #000000;
    width: 300px;
    height: 200px;
}

.card {
    display: inline-block;
    padding: 5px;
    background-color: #ffffff;
    width: 125px;
    height: 175px;
}

.pocket-card {
    margin: 10px;
    width: 75px;
    height: 100px;
}

.pot {
    display: inline-block;
    padding: 20px;
    background-color: gold;
    width: 200px;
    height: 200px;
}

body {
    background-color: #006400;
}

Set up pocket cards for each player

Set up pocket cards for each player


.active-cell-highlight .marker-box {
  border: 2px solid black;
}

.active-cell-highlight .marker-box {
  border: 2px solid black;
  top: -100px;
}

Fix active indicator showing up for not-yet defined row positions.


body{
  font-family:  monospace, sans-serif;
  background: burlywood;
}
.container{
  max-width: 1200px;
  margin: 0 auto;
}
ul{
  padding: 0;
}

li{
  list-style-type: none;
}
.languages{
  display: flex;
  justify-content: center;
}
.languages li{
  margin: 10px;
  font-weight: bold;
}

body{
  font-family:  monospace, sans-serif;
  background: burlywood;
}
.container{
  max-width: 1200px;
  margin: 0 auto;
}
ul{
  padding: 0;
  margin: 10px;
}

a{
  text-decoration: none;
  color: teal;
}
li{
  list-style-type: none;
  margin-bottom: 10px;
  text-decoration: none;
}
.languages{
  display: flex;
  justify-content: center;
}
.languages li{
  margin: 10px;
  font-weight: bold;
  cursor: pointer;
}

.popular-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.popular-item{
  margin: 20px;
  text-align: center;
}

.space-list-items{
  margin-bottom: 7px;
}

.avatar{
  width: 150px;
  border-radius: 50%;
}
.loading{
  display: flex;
  margin: 400px;
  padding: 150px;
  align-items: center;
}

Add style to rendered popular repositories -Add flex-box display properties -Add border-radius for github avatars of users