/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require_tree .
*/

/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require social_stream-base
 *= require social_stream-documents
 *= require social_stream-events
 *= require social_stream-linkser
 *= require social_stream-presence
 *= require_tree .
*/

Revert "Remove social stream's stylesheets"

This reverts commit 481e9641c443abe6de51787c88dd5432d3564a8f.


/*^
  ===========================================================================
  Solvenius
  ===========================================================================
  Copyright (C) 2001-2017 Gianluca Costa
  ===========================================================================
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
  ===========================================================================
*/

@media (orientation: landscape)  {
  #appBox {
    position: absolute;
    left: 30%;
    width: 40%;

    top: 0;
    min-height: 100%;
  }
}

@media (orientation: portrait)  {
  #appBox {
    position: absolute;
    left: 0;
    width: 100%;

    top: 0;
    min-height: 100%;
  }
}

@media (orientation: portrait) {
    body {
        font-size: 4.5vmin;
    }
}

/*^
  ===========================================================================
  Solvenius
  ===========================================================================
  Copyright (C) 2001-2017 Gianluca Costa
  ===========================================================================
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
  ===========================================================================
*/

@media (orientation: landscape) {
    #appBox {
        position: absolute;
        left: 30%;
        width: 40%;
        top: 0;
        min-height: 100%;
    }
}

@media (orientation: portrait) {
    body {
        font-size: 4.5vw;
    }

    #appBox {
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        min-height: 100%;
    }

    #titleStage > h1 {
        font-size: 12vw;
    }
}

Fix title glitch for portrait layout

Fix title glitch for portrait layout


/* [XUL] Hide the bookmark bar automatically */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#PersonalToolbar {
  visibility: collapse !important;
}

#nav-bar:hover ~ #PersonalToolbar,
#PersonalToolbar:hover {
  visibility: visible !important;
}

/* [XUL] Hide the bookmark bar automatically */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#main-window:not([customizing="true"]) #PersonalToolbar {
  visibility: collapse !important;
}

#main-window:not([customizing="true"]) #nav-bar:hover ~ #PersonalToolbar,
#main-window:not([customizing="true"]) #PersonalToolbar:hover {
  visibility: visible !important;
}

Fix the issue that the bookmark bar is hidden when customizing mode


/*Navbar*/
.title-bar {
 background: #333;
 padding: 0.9rem; }
.top-bar {
 background: #a93232;}
 .top-bar ul {
   background: #a93232; }
   .top-bar ul li {
     background: #a93232; }
     .top-bar ul li a {
       color: #fff; }
       .menu-text {
         color: #fff; }

/*Sticky Sidebar*/
.sticky {
  position: relative;
  top: 0; }

#sidebar{
  background-color: #a93232;
  padding: 20px;
  border-radius: 25px;
  border-color: #d06262;
  border-width: thin;
}
#sidebar p {
  color: white;
}
#sidebar li{
  color:white;
}

footer {
  height: 6rem;
  background: #a93232;
  color: #e6e6e6; }

/*Navbar*/
.title-bar {
 background: #333;
 padding: 0.9rem; }
.top-bar {
 background: #a93232;}
 .top-bar ul {
   background: #a93232; }
   .top-bar ul li {
     background: #a93232; }
     .top-bar ul li a {
       color: #fff; }
       .menu-text {
         color: #fff; }

/*Sticky Sidebar*/
.sticky {
  position: relative;
  top: 0; }

#sidebar{
  background-color: #a93232;
  padding-left:20px;
  padding-top:15px;
  padding-bottom:5px;
  border-radius: 25px;
  border-color: #d06262;
  border-width: thin;
}
#sidebar p {
  color: white;
}
#sidebar li{
  color:white;
}

footer {
  height: 6rem;
  background: #a93232;
  margin-top: 25px;
  color: #e6e6e6; }

Fix padding issue with sidebar.

Fix padding issue with sidebar.


.tbdotd {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: sans-serif;
  color: #C3974E;
  background: #000 url(bk_rightbox.jpg);
}

.tbdotd #main {
  position: relative;
  left: 0;
  top: 0;
  width: 240px;
  font-size: 12px;
}

.tbdotd #apress {
}

.tbdotd #oreilly {
}

.tbdotd #manning {
}

.tbdotd #credit {
  text-align: center;
  bottom: 0;
}

.tbdotd a,
.tbdotd a:visited {
  color: #C3974E;
  text-decoration: none;
}

.tbdotd a:hover {
  color: #fdbc3f;
  text-decoration: underline;
  cursor: pointer;
}

.tbdotd .figure {
  float: left;
  width: 125px;
  font-size: 24px;
  text-align: center;
}

.tbdotd .caption {
  float: right;
  width: 100px;
  overflow: auto;
  margin-right: 5px;
}

.tbdotd .vendor {
  width: 100%;
  overflow: hidden;
  padding: 5px;
}

.tbdotd {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: sans-serif;
  color: #C3974E;
  background: #000 url(bk_rightbox.jpg);
}

.tbdotd #main {
  position: relative;
  left: 0;
  top: 0;
  width: 240px;
  font-size: 12px;
}

.tbdotd #apress {
}

.tbdotd #oreilly {
}

.tbdotd #manning {
}

.tbdotd #credit {
  text-align: center;
  bottom: 0;
}

.tbdotd img {
  border: none;
}

.tbdotd a,
.tbdotd a:visited {
  color: #C3974E;
  text-decoration: none;
}

.tbdotd a:hover {
  color: #fdbc3f;
  text-decoration: underline;
  cursor: pointer;
}

.tbdotd .figure {
  float: left;
  width: 125px;
  font-size: 24px;
  text-align: center;
}

.tbdotd .caption {
  float: right;
  width: 100px;
  overflow: auto;
  margin-right: 5px;
}

.tbdotd .vendor {
  width: 100%;
  overflow: hidden;
  padding: 5px;
}

Remove border from image -- displaying on Firefox


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

body {
    background-image: url("/images/old_moon.png");
}

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

body {
    background-image: url("old_moon.png");
}

Revert change to CSS file

Revert change to CSS file


[hidden] {
  display: none !important;
}

body {
  margin: 4px;
  min-width: 200px;
}

.col {
  display: flex;
  flex-flow: column;
  align-items: stretch;
}
.row {
  flex: none;
  display: flex;
  flex-flow: row;
}
.flex {
  flex: 1;
}
#troubleshooting {
  display: none;
}

button {
  border-radius: 2px;
  border: none;
  background-color: #ddd;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  height: 20px;
}

button.blue {
  background-color: #44f;
  color: white;
}
button.yellow {
  background-color: #ff4;
}
button.green {
  background-color: #4f4;
  color: white;
}

[hidden] {
  display: none !important;
}

body {
  margin: 4px;
  min-width: 200px;
}

.col {
  display: flex;
  flex-flow: column;
  align-items: stretch;
}
.col > :not(:first-child) {
  margin-top: 4px;
}
.row {
  flex: none;
  display: flex;
  flex-flow: row;
}
.flex {
  flex: 1;
}
#troubleshooting {
  display: none;
}

button {
  border-radius: 2px;
  border: none;
  background-color: #ddd;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  height: 20px;
}

button.blue {
  background-color: #44f;
  color: white;
}
button.yellow {
  background-color: #ff4;
}
button.green {
  background-color: #4f4;
  color: white;
}

Add padding between column items

Add padding between column items


body {
  font-family: monospace;
  font-size: 100%;
  background-color: white;
  color: #111;
  width: 80%;
  min-width: 400px;
  min-height: 200px;
  padding: 1em;
  margin: 5% 10%;
  border: thin solid gray;
  border-radius: 5px;
  display: block;
}

a:link    { color: blue; text-decoration: none;      }
a:hover   { color: blue; text-decoration: underline; }
a:visited { color: blue;                             }

h1 a { color: inherit !important }
h2 a { color: inherit !important }
h3 a { color: inherit !important }
h4 a { color: inherit !important }
h5 a { color: inherit !important }
h6 a { color: inherit !important }

#menu li {
    display: inline;
}

#post-list {
    margin-bottom: 1em;
    margin-top: 1em;
}

pre {
    margin: 2em 1em 2em 4em;
}

.entry-content p img {
    max-width: 100%;
}

Modify blog images to be only 100% width.


/* Basic link rules
-----------------------------*/
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
    color: #000000; /* #000000 */
}

/* VIEW: the grid
-----------------------------*/

.talk .options a:link,
.talk .options a:visited,
.talk .options a:hover,
.talk .options a:focus,
.talk .options a:active {
    background-color: #ddd; /* #999999 */
    color: #7e2b29;
    padding: 2px;
    text-decoration: underline;
}

.where-when {
    color: #7e2b29; /* #555555 */
}

Set default colour for links in all media to black.


.add-margin-small {
  margin-top: 10px;
}

.add-margin-medium {
  margin-top: 15px;
}

.add-margin-large {
  margin-top: 30px;
}

.monospace-font {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

Add style for monospace font

Add style for monospace font


.fileinput-button span, .fileinput-button i {
    display: none;
}

.js .fileinput-button span, .js .fileinput-button i {
    display: inline-block;
}

.progress, .progress-result {
    margin-left: 180px;
}
.progress {
    display: none;
    margin-top: 1em;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
}

.js .fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

input#id_start_1, input#id_end_1 {
    margin-left:10px;
}

Remove unneeded css for speech form date fields


/* 2ch.net tweak */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("2ch.net"), domain("bbspink.com"), domain("2ch.sc") {
form[method="POST"], hr, iframe, div[style^="float"] { display: none !important; }

h1 { font: bold large/1.8 "Migmix 2P", sans-serif !important; clear: both !important; }

dt a[href^="mailto:"]:after { content: " [" attr(href) "]"; }
dt a { color: #080 !important; text-decoration: none !important; }
dd { line-height: 1.5 !important; }
}

/* 2ch.net tweak */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("2ch.net"), domain("bbspink.com"), domain("2ch.sc") {
form, hr, iframe { display: none !important; }

h1 { font: bold large/1.8 "Migmix 2P", sans-serif !important; clear: both !important; }

dt a[href^="mailto:"]:after { content: " [" attr(href) "]"; }
dt a { color: #080 !important; text-decoration: none !important; }
dd { line-height: 1.5 !important; }
}

Revise element rule to hide

Revise element rule to hide


body {
  font-family: var(--font-sans);
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  background: #f9f9f9;
}

u {
  border-bottom: 3px solid var(--color-yellow);
  text-decoration: none;
  padding-bottom: 1px;
}

.main-content {
  margin-top: -70px;
}

.cards {
  padding: 5px 20px;

  @media (min-width: 640px) {
      display: flex;
      flex-wrap: wrap;
      max-width: 1600px;
      margin: auto;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

body {
  font-family: var(--font-sans);
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  background: #f9f9f9;
}

u {
  border-bottom: 3px solid var(--color-yellow);
  text-decoration: none;
  padding-bottom: 1px;
}

.main-content {
  margin-top: -70px;
}

.cards {
  padding: 5px 20px;

  @media (--medium-up) {
      display: flex;
      flex-wrap: wrap;
      max-width: 1600px;
      margin: auto;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

Use custom media to avoid "hard coded" breakpoint values


html, body {
    touch-action: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #181818;
}

canvas {
    background-color: #86C1B9;
}

#assets {
    display: none;
}

html, body {
    touch-action: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

body {
    text-align: center;
    background-color: #181818;
}

canvas {
    background-color: #86C1B9;
}

#assets {
    display: none;
}

Use text-align to center the canvas.

Use text-align to center the canvas.


/* Custom style rules for ckanext-showcase */

.context-info .module-content .smallest {
    font-size: 13px;
}

.context-info .module-content .info .btn {
    margin-top: 18px;
}

.actions {
    top: 36px;
}

.ckanext-showcase-image {
    margin-bottom: 25px;
}

.ckanext-showcase-notes {
    margin-bottom: 25px;
}

.ckanext-showcase-launch {
    margin-bottom: 25px;
}

/* Custom style rules for ckanext-showcase */

.context-info .module-content .smallest {
    font-size: 13px;
}

.context-info .module-content .info .btn {
    margin-top: 18px;
}

.actions {
    top: 36px;
    right: 25px;
}

.ckanext-showcase-image {
    margin-bottom: 25px;
}

.ckanext-showcase-notes {
    margin-bottom: 25px;
}

.ckanext-showcase-launch {
    margin-bottom: 25px;
}

Move Manage button to right to align with image


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the 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
 */
.java_ta_error {
  color:red;
}

Add red color to error messages

Add red color to error messages


div#version {
  position: absolute;
  color: white;
  top: .5rem;
  right: 1rem;
  z-index: 10000;
}

div.container {
  width: 100%;
}

input[type=range] {
  width: 100%;
  background: transparent;
}

div#version {
  position: absolute;
  color: white;
  top: .5rem;
  right: 1rem;
  z-index: 10000;
}

div.container {
  width: 100%;
  padding-top: 0.5rem;
}

input[type=range] {
  width: 100%;
  background: transparent;
}

Add a little padding to top of container div


.katex-error { color: #cc0000; border: #cc0000 thin solid; }

/*
a:hover .katex .base, a:focus .katex .base { text-decoration: underline; }
*/
.message a:hover .katex-html, a:focus .katex-html { border-bottom: solid .07em; margin-bottom: -.07em; }

.katex-error { color: #cc0000; border: #cc0000 thin solid; }

/*
a:hover .katex .base, a:focus .katex .base { text-decoration: underline; }
*/
.message a:hover .katex-html, .message a:focus .katex-html { border-bottom: solid .07em; margin-bottom: -.07em; }

Fix math underlines in Table of Contents


.container {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

body {
    background: #073642;
    color: #839496;
}

h1 {
    font: 30px/118% normal Verdana, Tahoma, sans-serif;
}

.content-table {
    border-collapse: collapse;
    border: 1px red solid;
}

.content-table td {
    border: 1px #94a1a1 solid;
    padding: 5px;
}

.container {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

body {
    background: #073642;
    color: #839496;
}

h1 {
    font: 30px/118% normal Verdana, Tahoma, sans-serif;
    color: #b58900;
}

.content-table {
    border-collapse: collapse;
    border: 1px red solid;
}

.content-table td {
    border: 1px #94a1a1 solid;
    padding: 5px;
}

form input,
form textarea {
    width: 100%;
}

input[type="submit"] {
    height: 33px;
}

form textarea {
    height: 300px;
}

.red {
    color: #dc322f;
}

.error-message-container,
.success-message-container {
    width: 94%;
    padding: 3%;
    border-radius: 4px;
    color: #ffa643;
}
.error-message-container {
    background-color: #dc322f;
}

.success-message-container {
   background-color: #2aa198;
}

Add css for showing saving result messages


svg text {
  font-family: "Source sans pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 10px;
}

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

.graph-links {
  float: right;
  margin: 5px 5px;
}

.grapher {
  border: 1px solid #ddd;
  border-radius: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.raised {
  z-index: 100;
}

.length-distribution {
  height: 200px;
}

.kablammo {
  height: 250px;
}

.alignment-overview {
  /*height: 200px;*/
}

.caption {
  text-align: left;
  text-transform: uppercase;
  float: left;
  cursor: pointer;
}

.btn > .btn-link > .more {
  text-align: center;
}

.bar:hover {
  fill: orangered;
}

svg text {
  font-family: "Source sans pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 10px;
}

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

.graph-links {
  float: right;
  margin: 5px 5px;
}

.grapher {
  border: 1px solid #ddd;
  border-radius: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.raised {
  z-index: 100;
}

.length-distribution {
  height: 150px;
}

.kablammo {
  height: 150px;
}

.alignment-overview {
  /*height: 200px;*/
}

.caption {
  text-align: left;
  text-transform: uppercase;
  float: left;
  cursor: pointer;
}

.btn > .btn-link > .more {
  text-align: center;
}

.bar:hover {
  fill: orangered;
}

Set length distribution and kablammo to 150px.

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


body {
    font-size: 90%;
    color: #c0c0c0;
    background-color: #181818;
    font-family: "Palatino", "Times New Roman", Caecilia, serif;
}

Add start of theming file for calibre ereader


header {
  color: #fff;
  background-color: rgb(25,25,25);
  z-index: 0;
  position: relative;
  overflow: hidden;
}

.head-shot{
margin-top: -75px;

}

.head-text #headshot {
  width: 150px;
  height: 150px;
  border-radius: 150px;

}

.header-text {
  display: inline-block;
  color: red;
  margin-left: 100px;
}

#header {
  color: #fff;
}

.head-shot{
margin-top: -75px;

}

.head-text #headshot {
  width: 150px;
  height: 150px;
  border-radius: 150px;

}

.header-text {
  display: inline-block;
  color: red;
  margin-left: 100px;
}

Move image next to the text

Move image next to the text


body {
  padding-bottom: 300px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p {
  font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.panel-default {
  border-color: #468;
}

.panel-default > .panel-heading {
  color: #fff;
  background-color: #357;
  border-color: #468;
}

#links {
  margin-bottom: 20px;
}

#about .panel-body {
  font-size: 1.6em;
  line-height: 1.5em;
}

#about .panel-body img {
  width: 210px;
  height: 280px;
}

#about .panel-body .pull-left {
  margin-right: 15px;
}

#about .panel-body .pull-right {
  margin-left: 15px;
}

@media (max-width: 767px) {
  #about .panel-body .pull-left, #about .panel-body .pull-right {
    float: none !important;
    text-align: center;
  }
}

#projects .row .panel-body p {
  font-size: 1.3em;
}

Make project info easier to read

Make project info easier to read


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

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

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

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

Change second third block blog index css


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

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

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

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

Add Notes comment to Pseudo upload button styling


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Use css :target to highlight selected line


body {
	background: #CA0E0E;
	font-size: smaller;
	color: white;
	padding-bottom: 20px;
}

pre {
	white-space: nowrap;
	width: 100%;
	padding: 2px;
}

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

a:hover {
	text-decoration: underline;
}

input[type=checkbox]:hover {
	cursor: pointer;
}

.buttonsBlock a {
	padding: 0 3px;
}
.buttonsBlock a:hover {
	text-decoration: none;
	border-bottom: solid 1px;
}

.buttonsBlock {
	position: fixed;
	right: 0;
	bottom: 2px;
	background: #CA0E0E;
	padding: 5px 0 0 5px;
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: #CA0E0E;
}

::-webkit-scrollbar-thumb {
	background: #a31919;
}

::-webkit-scrollbar-corner {
	background: #CA0E0E;
}

label {
	display: block;
}

body {
	background: #CA0E0E;
	font-size: smaller;
	color: white;
	padding-bottom: 20px;
}

pre {
	white-space: nowrap;
	width: 100%;
	padding: 2px;
}

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

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: none;
}

input[type=checkbox]:hover {
	cursor: pointer;
}

.buttonsBlock a {
	padding: 0 3px;
}
.buttonsBlock a:hover {
	text-decoration: none;
	border-bottom: solid 1px;
}

.buttonsBlock {
	position: fixed;
	right: 0;
	bottom: 2px;
	background: #CA0E0E;
	padding: 5px 0 0 5px;
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: #CA0E0E;
}

::-webkit-scrollbar-thumb {
	background: #a31919;
}

::-webkit-scrollbar-corner {
	background: #CA0E0E;
}

label {
	display: block;
}

Remove outline around links in popup

Remove outline around links in popup


#files_rootjs_container #simpleGUI {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	z-index: 20;
	height: 100%;
	width: 100%;
}

#files_rootjs_container{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	padding-top: 44px;
	height: 100%;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#simpleGUI_close {
	float: right;
	margin-right: 9px;
}

#files_rootjs_container #simpleGUI {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	width: 100%;
}

#files_rootjs_container{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	padding-top: 44px;
	height: 100%;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#simpleGUI_close {
	float: right;
	margin-right: 9px;
}

Decrease z-index to show context menu and tooltips


a.exp-active::before {
    content: '>';
    margin-right: 4px;
}

.uk-nav-default .uk-nav-sub a.exp-active,
.uk-nav-default>li>a.exp-active {
    color: #000;
}

Change color to black on documentation navigation helper when item is active.


body {
  font-family: 'Inconsolata', monospace;
  font-size: 14px;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.layout-container {
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 700px) {
  .layout-container {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.links {
  text-align: right;
}

.links.inline li a {
  padding: 10px;
}

.links.inline li,
.pager__item {
  display: inline;
}

.pager__item a {
  padding: 10px;
}

#block-sitebranding {
  text-align: center;
}

#block-sitebranding a {
  font-size: 2rem;
  font-weight: 700;
}

body {
  font-family: 'Inconsolata', monospace;
  font-size: 14px;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

article[role="article"] {
  margin-bottom: 50px;
}

.layout-container {
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 700px) {
  .layout-container {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.links {
  text-align: right;
}

.links.inline li a {
  padding: 10px;
}

.links.inline li,
.pager__item {
  display: inline;
}

.pager__item a {
  padding: 10px;
}

#block-sitebranding {
  text-align: center;
}

#block-sitebranding a {
  font-size: 2rem;
  font-weight: 700;
}

Add margin after each story

Add margin after each story


@import 'previews.css';
@import 'single-post.css';

.blog {
  background: var(--blog-background);
  min-height: 100vh;
  width: 100vw;
  padding: 0;
  margin: 0;
  color: var(--blog-text);
}

@import 'previews.css';
@import 'single-post.css';

.blog {
  background: var(--blog-background);
  height: 100vh;
  width: 100vw;
  padding: 0;
  margin: 0;
  color: var(--blog-text);
}

Fix a bug where there's a blank line at the bottom

Revert "Allow the blog section to be larger than viewport"
This reverts commit 6b00e13a4018415e734835836eb4e0cda5588334.


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

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

Make sure bootstrap is first

Make sure bootstrap is first


#image_display {
	position: relative;
	z-index: 99; /* IE6 needs this */
	float: right;
	width: 150px;
	margin: 0 0 20px 2em;
	clear: after;
	border: none;
}

#image_display {
	position: relative;
	float: right;
	width: 150px;
	margin: 0 0 20px 2em;
	clear: after;
	border: none;
}

Drop an IE6 style copied from very old code.


body {
	background-color: #465c7d;
}
#coverphoto {
	margin-left: 5%;
}
nav {
	margin-right: 30%;
	margin-top: 25%;
	float: right;
	height: 6em;
	background-color: #000080;
	border-radius: 5px;
	border: 1px solid white;
}
a {
	color: white;
}
a:hover {
	text-decoration: none;
	color: orange;
}
h1 {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	color: white;
}

body {
	background-color: #465c7d;
}
#coverphoto {
	margin-left: 5%;
}
nav {
	margin-right: 15%;
	margin-top: 25%;
	float: right;
}
a {
	color: white;
}
a:hover {
	text-decoration: none;
	color: orange;
}
h1 {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	color: white;
}

Remove box that had unintended consequences


.slider, .bar, .dimmerContainer, .dimmerProgress, .dimmerProgressContent {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: transform .3s ease-out;
}

.slider {
  opacity: 0;
}

.bar, .dimmerProgress {
  margin-left: -100%;
}

.bar {
  box-sizing: border-box;
  border-right: 5px solid rgba(255, 255, 255, 0.8);
  transition: transform .3s ease-out;
}

.dimmerContainer, .dimmerProgressContent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dimmerContainer {
  background: #eee;
  font-size: 20px;
  font-weight: lighter;
  color: #808080;
}

.dimmerProgressContent {
  position: relative;
  background: #ffbc00;
  color: white;
}

.dimmerContainer p {
  font-weight: lighter;
}

.slider, .bar, .dimmerContainer, .dimmerProgress, .dimmerProgressContent {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: transform .3s ease-out;
}

.slider {
  opacity: 0;
}

.bar, .dimmerProgress {
  margin-left: -100%;
}

.bar {
  box-sizing: border-box;
  border-right: 5px solid rgba(255, 255, 255, 0.8);
  transition: transform .3s ease-out;
}

.dimmerContainer, .dimmerProgressContent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dimmerContainer {
  background: #eee;
  font-size: 20px;
  font-weight: lighter;
  color: #808080;
}

.dimmerProgressContent {
  position: relative;
  background: #ffbc00;
  color: white;
}

.dimmerContainer p {
  font-weight: lighter;
}

Fix css glitch on dimmers in Safari

Fix css glitch on dimmers in Safari


.scroll-up {
    position: fixed;
    bottom: 1rem;
    right: 2rem;
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    overflow: hidden;
}

.scroll-up:before {
    content: "\25B2";
    display: block;
    color: white;
    position: absolute;
    font-size: 2.2rem;
    width: 3.75rem;
    height: 3.75rem;
    background: #568eca;
    text-align: center;
    line-height: 3.75rem;
}

.scroll-up__text {
    display: none;
}

.scroll-up {
    font-family: arial, verdana, sans-serif;
    position: fixed;
    bottom: 1rem;
    right: 2rem;
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    overflow: hidden;
}

.scroll-up:before {
    content: "\25B2";
    display: block;
    color: white;
    position: absolute;
    font-size: 2.2rem;
    width: 3.75rem;
    height: 3.75rem;
    background: #568eca;
    text-align: center;
    line-height: 1.6;
}

.scroll-up__text {
    display: none;
}

Update css to work better with Firefox

Update css to work better with Firefox

The widget css was a bit off with firefox (compared to chrome).
Problem was the line height and the default font that was set.

This is fixed by specifying a font family (seems that both arial &
verdana are cross-platform) and use e relative line height instead of a
rem unit.


@import url('/fonts/Inter/inter.css');

* {
    box-sizing: border-box;
    font-family: Inter, sans-serif;
}

html,
body {
    margin: 0;
}

.root {
    font-size: 18px;
    font-weight: 200;
    display: flex;
    flex-direction: row;
}

.route {
    margin: 20px 20px 0;
    flex-grow: 1;
}

.routeTitle {
    font-size: 1em;
    font-weight: 100;
    color: #b7b7b7;
    margin: 10px 0 10px 0;
}

.button {
    font-size: 0.8em;
    cursor: pointer;
    outline: 0;
    transition: all 0.1s ease-in;

    &[disabled] {
        opacity: 0.4;
        cursor: not-allowed;
    }
}

.helpText {
    font-size: 0.8em;
}

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

.buttonNaked {
    border: 0;
    background: none;
}

.fluidContainer {
    margin-bottom: 10px;

    &::after {
        content: '';
        display: table;
        clear: both;
    }
}

@import url('/fonts/Inter/inter.css');

* {
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

html,
body {
    margin: 0;
}

.root {
    font-size: 18px;
    font-weight: 200;
    display: flex;
    flex-direction: row;
}

.route {
    margin: 20px 20px 0;
    flex-grow: 1;
}

.routeTitle {
    font-size: 1em;
    font-weight: 100;
    color: #b7b7b7;
    margin: 10px 0 10px 0;
}

.button {
    font-size: 0.8em;
    cursor: pointer;
    outline: 0;
    transition: all 0.1s ease-in;

    &[disabled] {
        opacity: 0.4;
        cursor: not-allowed;
    }
}

.helpText {
    font-size: 0.8em;
}

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

.buttonNaked {
    border: 0;
    background: none;
}

.fluidContainer {
    margin-bottom: 10px;

    &::after {
        content: '';
        display: table;
        clear: both;
    }
}

Fix styles error failing CI

Fix styles error failing CI


.header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.title {
    flex-basis: 100vw;
    text-align: center;
}

.contact-button {
    flex-basis: 100vw;
    text-align: center;
}

.main {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 425px) {
    .title {
        flex-grow: 1;
        flex-basis: auto;
    }

    .logo {
        order: -1;
    }

    .contact-button {
        flex-basis: auto;
    }
}

Add some styling when page is tablet or desktop


/* Icons need to be icon-sized */
img.icon {
    display: inline;
    height: 1em;
}

/* We need this to make the footer go all the way down */
html {
    position: relative;
    min-height: 100%;
}

/* The footer should look footy */
.footer {
    box-shadow: 0 -1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 -1px 2px rgba(0,0,0,0.3);

    background-color: #f5f5f5;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.footer-content {
    margin: 20px;
}

/* Icons need to be icon-sized */
img.icon {
    display: inline;
    height: 1em;
}

/* We need this to make the footer go all the way down */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* The footer should look footy */
.footer {
    box-shadow: 0 -1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 -1px 2px rgba(0,0,0,0.3);

    background-color: #f5f5f5;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.footer-content {
    margin: 20px;
}

Make sure the footer isn't right up against the content


/**
 * React Starter Kit (https://www.reactstarterkit.com/)
 *
 * Copyright © 2014-2016 Kriasoft, LLC. All rights reserved.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE.txt file in the root directory of this source tree.
 */

* {
  line-height: 1.2;
  margin: 0;
}

html {
  color: #888;
  display: table;
  font-family: sans-serif;
  height: 100%;
  text-align: center;
  width: 100%;
}

body {
  display: table-cell;
  vertical-align: middle;
  /* stylelint-disable */
  margin: 2em auto;
  /* stylelint-enable */
}

h1 {
  color: #555;
  font-size: 2em;
  font-weight: 400;
}

p {
  margin: 0 auto;
  width: 280px;
}

pre {
  text-align: left;
  margin-top: 2rem;
}

@media only screen and (max-width: 280px) {
  body,
  p {
    width: 95%;
  }

  h1 {
    font-size: 1.5em;
    margin: 0 0 0.3em;
  }
}

Implement error page for customers(Style file)


body {
  height: 100vh;
  width: 100vw;
  background-image: url("../img/space.jpg");
  background-size: cover;
  color: #fff;
  font-family: sans-serif;
}
#board {
  height: 400px;
  width: 800px;
  background-color: #3399ff;
  padding: 5px;
}

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

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

body {
  height: 100vh;
  width: 100vw;
  background-image: url("../img/space.jpg");
  background-size: cover;
  color: #fff;
  font-family: sans-serif;
}
#board {
  height: 400px;
  width: 800px;
  background-color: #3399ff;
  padding: 5px;
}

.cell {
  min-height: 25%;
  min-width: 20%;
  background-color: rgba(255,255,255,0.25);
  display: inline-block;
  margin: 0.25%;
}

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

Change cell dimensions to percentage of board container, transparent white background, and 0.25% margin


/*******************************/
/*     Bootstrap overrides     */
/*******************************/

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(207, 51, 23, 0.8);
    box-shadow: 0 1px 1px rgba(207, 51, 23, 0.075) inset, 0 0 8px rgba(207, 51, 23, 0.8);
    outline: 0 none;
}

Add a bootstrap override file - for CSS that will extend the global bootstrap settings


.audiotracks-list {
    padding: 0;
}

.audiotracks-list li {
    list-style: none;
}

.audiotracks-detail img {
    float: right;
    margin-left: 20px;
}

.audiotracks-description {
    margin: 1em 1em 2em 0;
}

.audiotracks-download a {
    font-size: x-large;
    background: #00B000;
    color: #F4C021;
    padding: 0.3em;
}

.audiotracks-edit-current-data {
    font-size: 16px;
}

.audiotracks-edit-row {
    clear: both;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.audiotracks-edit-row div {
    float: left;
    margin-right: 1em;
}

.audiotracks-edit-row img {
    vertical-align: top;
}

.audiotracks-delete-image-label {
    display: inline;
}

Fix track image delete checkbox label

Fix track image delete checkbox label


.header {
  font-family: "Raleway", Helvetica, Arial, sans-serif
}

a {
  color: #3b8bba;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:visited {
  color: #265778;
}

.small-print {
  font-size: 0.8em;
  margin: 0.6em;
}

.post-meta {
  margin: 1em 0;
  font-size: 90%;
}

article > footer {
  text-align: right;
}

.prev-next-post {
  margin-top: 2em;
  padding-top: 2em;
  padding-bottom: 2em;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

#menu .brand {
  font-family: Raleway;
  font-weight: bold;
  font-size: 1em;
  letter-spacing: 0.1em;
  text-transform: none;
  background: transparent;
  text-decoration: none;
  margin: 0.5em 0;
}

#menu .pure-menu {
  font-size: 0.9em;
}

i {
  display: inline-block;
  margin-right: 0.2em;
}

.header {
  font-family: "Raleway", Helvetica, Arial, sans-serif
}

a {
  color: #3b8bba;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:visited {
  color: #265778;
}

.small-print {
  font-size: 0.8em;
  margin: 0.6em;
}

.post-meta {
  font-size: 90%;
}

article > footer {
  text-align: right;
}

.prev-next-post {
  margin-top: 2em;
  padding-top: 2em;
  padding-bottom: 2em;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

#menu .brand {
  font-family: Raleway;
  font-weight: bold;
  font-size: 1em;
  letter-spacing: 0.1em;
  text-transform: none;
  background: transparent;
  text-decoration: none;
  margin: 0.5em 0;
}

#menu .pure-menu {
  font-size: 0.9em;
}

i {
  display: inline-block;
  margin-right: 0.2em;
}

Remove margin between post meta and article


.demo-navigation {
	padding-left: 20px;
	padding-right: 20px;
}

.legend{
	width: 280px;
	height: 580px;
}

.filter{
	padding-top: 10px;
	padding-left: 0px;
	font-size: 20px
	color: #ffffff;
	width: 100px;
}

.main{
	width: 220px;
	height: 40px;
  position: absolute;
  left: 55%;
  margin-left: -155px;
}

.questions1{
	padding-bottom: 20px;
}

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

.select2 option {
    color: black;
}

Change option colour to black

Change option colour to black


/* -  These is a style snippet to be used with
      http://mcdlr.com/css-inject/              - */

/* -  Cómo ir - http://comoir.montevideo.gub.uy/stmWEB/  - *\
|* -  Make the map area significantly bigger             - *|
\* -  v1.0                                               - */

body > table {
  width: 94%;
}
#map {
  width: 100%;
  height: 640px;
}

/* -  /Cómo ir  - */

Add Cómo ir CSS example

Add Cómo ir CSS example


p {
    max-width: 30em;
}

.header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.title {
    flex-basis: 100vw;
    text-align: center;
}

.contact-button {
    flex-basis: 100vw;
    text-align: center;
}

.main {
    display: flex;
    flex-direction: column;
}

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

.stories h2 {
    flex-basis: 100%;
    text-align: center;
}

.story {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.portfolio {
    display: flex;
    flex-wrap: wrap;
}

.portfolio h2 {
    flex-basis: 100%;
    text-align: center;
}

.contact-us {
    display: flex;
    flex-wrap: wrap;
}

.contact-us h2 {
    flex-basis: 100%;
    text-align: center;
}

@media only screen and (min-width: 425px) {
    .title {
        flex-grow: 1;
        flex-basis: auto;
    }

    .logo {
        order: -1;
    }

    .contact-button {
        flex-basis: auto;
    }
}

/* TODO: Provide styling for the stories module after 1440 px */

/* TODO: Provide styling for the portfolio and contact-us module after 425 px */

p {
    max-width: 30em;
    text-indent: 1.5em;
}

.header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.title {
    flex-basis: 100vw;
    text-align: center;
}

.contact-button {
    flex-basis: 100vw;
    text-align: center;
}

.main {
    display: flex;
    flex-direction: column;
}

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

.stories h2 {
    flex-basis: 100%;
    text-align: center;
}

.story {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.portfolio {
    display: flex;
    flex-wrap: wrap;
}

.portfolio h2 {
    flex-basis: 100%;
    text-align: center;
}

.contact-us {
    display: flex;
    flex-wrap: wrap;
}

.contact-us h2 {
    flex-basis: 100%;
    text-align: center;
}

@media only screen and (min-width: 425px) {
    .title {
        flex-grow: 1;
        flex-basis: auto;
    }

    .logo {
        order: -1;
    }

    .contact-button {
        flex-basis: auto;
    }
}

Add an indent to the first line of a paragraph


@tailwind base;

/*Customised Elements*/

p a {
  color: #000c4e;
  font-weight: bold;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: hsl(70, 100%, 40%);
}

form ul {
  list-style: disc;
  text-indent: 1em;
  padding-left: 2em;
  padding-bottom: 1em;
}

h1,
h2,
h3 {
  color: #000c4e;
  font-weight: bold;
}

h1::before {
  display: block;
  content: " ";
  margin-top: -4rem;
  height: 4rem;
  visibility: hidden;
  pointer-events: none;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote p {
  display: block;
}

/*Tailwind Components*/

@tailwind components;

/*Pagination Classes*/

.pagination {
  @apply list-none flex mx-auto;
}

.pagination li {
  @apply mt-4 mb-2 mx-2;
}

.pagination li a {
  @apply text-sm border-0 rounded px-3 py-2 bg-primary text-gold mx-auto no-underline;
}

/*Tailwind Utilities*/

@tailwind utilities;

/*Custom Classes*/

.text-shadow-black {
  text-shadow: 2px 2px 4px black;
}

.text-shadow-white {
  text-shadow: 2px 2px 4px white;
}

hr {
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

@tailwind base;
@tailwind components;

.pagination {
  @apply list-none flex mx-auto;
}

.pagination li {
  @apply mt-4 mb-2 mx-2;
}

.pagination li a {
  @apply text-sm border-0 rounded px-3 py-2 bg-primary text-gold mx-auto no-underline;
}

@tailwind utilities;

/*Custom Classes*/

.text-shadow-black {
  text-shadow: 2px 2px 4px black;
}

.text-shadow-white {
  text-shadow: 2px 2px 4px white;
}

Update css to fix build errors.

Update css to fix build errors.


.zambezi-grid-cell.is-selected {
  background-color: yellow;
}

.zambezi-grid-cell.is-active {
  border: 2px dotted rgba(255, 0, 255, 0.4);
}

.zambezi-grid:focus .zambezi-grid-cell.is-active {
  border: 2px dotted magenta;
}

.zambezi-grid-cell.is-active.editable-cell:hover {
  border: 2px dotted green;
}

.zambezi-grid-cell.is-selected {
  background-color: yellow;
}

.zambezi-grid-cell.is-active {
  border: 2px dotted rgba(255, 0, 255, 0.4);
}

.zambezi-grid-cell.is-active.editable-cell:hover {
  border: 2px dotted green;
}

Remove unecessary focused grid active cell style.


#font-settings > section > .font-input-div {
  -webkit-margin-end: 4em;
}

.font-input-div > div > select {
  margin-bottom: 10px;
}

.font-input-div > div > .font-input {
  width: 12em;
}

#font-settings > section > .font-sample-div {
  height: 90px;
  overflow: hidden;
  position: absolute;
}

.font-settings-huge {
  float: right;
}

#font-settings > section > .font-input-div {
  -webkit-margin-end: 4em;
}

.font-input-div > div > select {
  margin-bottom: 10px;
}

.font-input-div > div > .font-input {
  width: 12em;
}

#font-settings > section > .font-sample-div {
  height: 90px;
  overflow: hidden;
  width: 300px;
}

.font-settings-huge {
  float: right;
}

#minimum-font-sample {
  height: 60px;
}

DOMUI: Fix RTL for font sample text div by using a fixed width instead of
absolutely positioning it.

BUG=70010
TEST=none

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

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


.body {
  color: black;
}

.ng-promise-pending {
  color: orange;
}

.ng-promise-resolved {
  color: lawngreen;
}

.ng-promise-resolved.ng-promise-settled {
  color: lightgreen;
}

.ng-promise-rejected {
  color: red;
}

.ng-promise-rejected.ng-promise-settled {
  color: palevioletred;
}

/* First */
.first.ng-promise-resolved {
  color: darkgreen;
}

/* Second */
.second.ng-promise-resolved {
  color: darkgreen;
}

/* Third */
.third.ng-promise-resolved {
  color: darkgreen;
}

/* Combined */
.ng-promise-resolved-first.ng-promise-resolved-second {
  background-color: darkseagreen;
}

.ng-promise-rejected-second.ng-promise-rejected-third {
  background-color: mediumvioletred;
}

.body {
  color: black;
}

.ng-promise-pending {
  color: orange;
}

.ng-promise-resolved {
  color: lawngreen;
}

.ng-promise-resolved.ng-promise-settled {
  color: lightgreen;
}

.ng-promise-rejected {
  color: red;
}

.ng-promise-rejected.ng-promise-settled {
  color: palevioletred;
}

/* First */
.ng-promised-first.ng-promise-resolved {
  color: darkgreen;
}

/* Second */
.ng-promised-second.second.ng-promise-resolved {
  color: darkgreen;
}

/* Third */
.ng-promised-third.ng-promise-rsolved {
  color: darkgreen;
}

/* Combined */
.ng-promise-resolved-first.ng-promise-resolved-second {
  background-color: darkseagreen;
}

.ng-promise-rejected-second.ng-promise-rejected-third {
  background-color: mediumvioletred;
}

Add styling for ng-promise-x classes for object promises


.button {

	-webkit-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	background-color:#EEE;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:1px solid #999;
	color:#6A6;
	font-family:'Lucida Grande',Tahoma,Verdana,Arial,Sans-serif;
	font-size:11px;
	font-weight:700;
	padding:2px 6px;
	height:28px

}

.button:visited {

	-webkit-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	background-color:#EEE;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:1px solid #999;
	color:red;
	font-family:'Lucida Grande',Tahoma,Verdana,Arial,Sans-serif;
	font-size:11px;
	font-weight:700;
	padding:2px 6px;
	height:28px

}

Upgrade to 1.5 - Windows / Dupe Fix

Upgrade to 1.5 - Windows / Dupe Fix


BODY {
    padding-top: 45px;
}

SPAN.inherit {
    font-style: italic;
}

A.selected {
    font-size: large;
    font-weight: bold;
}

DIV#topspread {
    padding: 0px 5px;
}

DIV.menu {
    margin-bottom: 10px;
}

/** Copy of "#right h3" */

DIV#left H3 {
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 600;
}

/* Copy of ".menu h4" */
DIV.t-env-data-section {
    height: 20px;
    line-height: 20px;
    color: #fff;
    padding-left: 10px;
    font-size: 12px;
    font-weight: 600;
    width: 170px;
}

BODY {
    padding-top: 60px;
}

SPAN.inherit {
    font-style: italic;
}

A.selected {
    font-size: large;
    font-weight: bold;
}

DIV#topspread {
    padding: 0px 5px;
}

DIV.menu {
    margin-bottom: 10px;
}

/** Copy of "#right h3" */

DIV#left H3 {
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 600;
}

/* Copy of ".menu h4" */
DIV.t-env-data-section {
    height: 20px;
    line-height: 20px;
    color: #fff;
    padding-left: 10px;
    font-size: 12px;
    font-weight: 600;
    width: 170px;
}

Increase the body top padding

Increase the body top padding


.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace .pace-progress {
  background-color: `Color(args.color).clearer(0.8).rgbString() || "rgba(0, 0, 0, 0.2)"`;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background-color: `Color(args.color).clearer(0.8).rgbString() || "rgba(0, 0, 0, 0.2)"`;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
}

Fix bug with fill left theme in which it doesn’t hide when pace is inactive


/* Highlight interlanguage links for Wikipedia */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("wikipedia.org") {
#p-lang li.interwiki-en a,
#p-lang li.interwiki-ja a {
color: #fff !important;
font: 18px/1.8 "Arial", sans-serif !important;
text-align: center !important;
padding: 0 !important;
background: #f90 !important;
position: absolute !important;
top: -9em !important;
left: 10em !important;
display: block !important;
width: 350px !important;
}

#p-lang li.interwiki-en a:before, #p-lang li.interwiki-ja a:before { content: "\00BB\00A0 Show "; }
#p-lang li.interwiki-en a:after, #p-lang li.interwiki-ja a:after { content: " revision"; }
}

/* Highlight interlanguage links for Wikipedia */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("wikipedia.org") {
#p-lang li.interwiki-en a,
#p-lang li.interwiki-ja a {
color: #fff !important;
font: 1.4rem/1.8 sans-serif !important;
text-align: center !important;
text-decoration: none !important;
padding: 0 !important;
background: #f90 !important;
position: fixed !important;
top: 0 !important;
left: 11rem !important;
display: block !important;
width: 14em !important;
border-radius: 0 0 0.4em 0.4em !important;
}

#p-lang li.interwiki-en a:before, #p-lang li.interwiki-ja a:before { content: "\BB\A0 "; }
#p-lang li.interwiki-en a:hover,  #p-lang li.interwiki-ja a:hover  { background: #fc0 !important; }
}

Change the look and feel

Change the look and feel


.navbar {
	margin-top: 30px;
}

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

/* line 61, ../sass/app.scss */
.release-group-tile .cover-art, .release-tile .cover-art {
  height: 8em;
  max-height: 8em;
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
  margin-top: 0;
}

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

.navbar {
	margin-top: 30px;
}

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

/* line 61, ../sass/app.scss */
.release-group-tile .cover-art, .release-tile .cover-art {
  height: 8em;
  max-height: 8em;
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
  margin-top: 0;
}

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

Move the tile margin to the bottom

Move the tile margin to the bottom


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

.label {
  font-family: var(--font-family-medium);
  text-transform: none;
  vertical-align: middle;
}

.neutral {
  color: var(--color-teal-darkest);
}

@each $color in (mint, violet, ruby, gold, aqua) {
  .$(color) {
    color: var(--color-$(color)-darkest);
  }
}

.medium {
  font-size: calc(1.4 * var(--unit));
  line-height: calc(1.8 * var(--unit));
  border-radius: 12px;
  height: 24px;
}

.small {
  font-size: calc(1.2 * var(--unit));
  line-height: calc(1.8 * var(--unit));
  border-radius: 9px;
  height: 18px;
}

h1,
h2,
h3,
h4,
p {
  .label {
    margin: 0 6px;
  }
}

Remove the hardcoded horizontal margin.

Remove the hardcoded horizontal margin.


/*
 *= require bootstrap
 *= require google-code-prettify
*/

.alert p.error_notification {
  margin-bottom: 0;
}

header.master {
  padding-top: 60px;
}

div.well {
  padding: 5px 10px;
}

pre { display: none; }

article .content {
  margin: 10px 0;
}

#article-comments {
  padding: 10px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
}

#comments {
  margin-bottom: 10px;
}

#article-comments form {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-bottom: 0;
}

#article-comments .form-actions {
  margin-bottom: 0;
  padding-bottom: 0;
}
.form-actions {
  height: 30px;
}

.btn.left {
  float:left;
}
.btn.right {
  float:right;
}

footer {
  text-align: center;
}

.navbar-fixed .brand {
  float: right;
  padding-right: 0;
}

.form-vertical .boolean .controls {
  display: inline-block;
}

Fix boolean checkbox if form-vertical

Fix boolean checkbox if form-vertical


/*
 * 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, 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 other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

html,
body {
  margin: 0;
  box-sizing: border-box;
}

.container {
  width: 95%;
  margin: auto;
}

/*
 * 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, 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 other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.container {
  width: 95%;
  margin: auto;
}

Change padding and margin for *

Change padding and margin for *


row > hbox,
row > vbox
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

row vbox[fieldname],
{
	margin-left: 1px;
}

.creator-type-label image {
	margin-bottom: 0;
}

textbox
{
	padding: 2px 2px 2px 2px;
	margin: -1px 0 -1px 1px;
}

#item-type-menu
{
	padding: 0 0 0 1px !important;
	margin: 0 5px 0 1px !important;
}

row > hbox,
row > vbox
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

row vbox[fieldname]
{
	margin-left: 1px;
}

.creator-type-label image {
	margin-bottom: 0;
}

textbox
{
	padding: 2px 2px 2px 2px;
	margin: -1px 0 -1px 1px;
}

#item-type-menu
{
	padding: 0 0 0 1px !important;
	margin: 0 5px 0 1px !important;
}

Fix invalid CSS selector on Windows

Fix invalid CSS selector on Windows

I didn't check whether this affects anything. The rule was being ignored
previously.


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

.analysis-view {
  background-color: white;
  display: -webkit-flex;
}

.analysis-view.viewing-old-style-analysis {
  overflow: auto;
}

.analysis-view > * {
  -webkit-flex: 1 0 auto;
}

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

.analysis-view {
  background-color: white;
  display: -webkit-flex;
  overflow: auto;
}

.analysis-view.viewing-old-style-analysis {
  overflow: auto;
}

.analysis-view > * {
  -webkit-flex: 1 0 auto;
}

Fix analysis view not scrolling.

Fix analysis view not scrolling.

BUG=408
R=dsinclair@chromium.org

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

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


div.sidebar {
    margin: 0px;
    border: 0px;
    padding: 0px;
    background-color: inherit;
}

div.sidebar .sidebar-title {
    display: none;
}

form.navbar-form {
    padding: 0px 10px;
}

div#changelog > div.section > ul > li > p:only-child {
    margin-bottom: 0;
}

Add in a css fix for releases

Add in a css fix for releases


* {
  font-family: 'Montserrat', sans-serif;
}

body {
  background-color: #000;
  color: #fff;
  text-align: center;
}

.container-fluid {
  background-color: #222;
  padding: 0;
  padding-top: 70px;
}

#result-container {
  margin: 0;
}

a, a:hover {
  color: #fff;
}

h1 {
  font-size: 5em;
  color: #fff;
}

.head {
  margin-bottom: 4em;
  color: #999;
}

.footer {
  background-color: #000;
  color: #999;
  border-top: 1px solid #555;
  margin-top: 3em;
  padding: 5em 0 5em;
}

.tweet {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2em;
}

* {
  font-family: 'Montserrat', sans-serif;
}

body {
  background-color: #000;
  color: #fff;
  text-align: center;
}

.container-fluid {
  background-color: #222;
  padding: 0;
  padding-top: 70px;
}

#result-container {
  margin: 0;
}

a, a:hover {
  color: #fff;
}

h1{
  color: #fff;
}

@media (min-width:768px) {
  h1 {
    font-size: 5em;
  }
}

.head {
  margin-bottom: 4em;
  color: #999;
}

.footer {
  background-color: #000;
  color: #999;
  border-top: 1px solid #555;
  margin-top: 3em;
  padding: 5em 0 5em;
}

.tweet {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2em;
}

Fix headline on small devices

Fix headline on small devices


header, main, footer {
  margin: 0 auto;
  max-width: 40rem;
}

table {
  text-align: left;
}

.good {
  color: darkgreen;
}

.medium {
  color: darkorange;
}

.bad {
  color: darkred;
}

header, main, footer {
  margin: 0 auto;
  max-width: 40rem;
}

table {
  text-align: left;
}

.good {
  background-color: rgb(200,255, 200);
}

.medium {
  background-color: rgb(255, 255, 170);
}

.bad {
  background-color: rgb(255, 200, 200);
}

Change good-medium-bad styling to background color


/* This isn't strictly BassCSS here, but it's the only easy way to render the
 * different elements within an annotation body */

.annotation-body pre {
  padding: 10px;
  margin: 1em 0;
}

.annotation-body details > summary {
  cursor: pointer;
}

.annotation-body details[open] > summary {
  margin-bottom: 1em;
}

.annotation-body details[open] {
  margin-bottom: 1em;
}

/*
  * Styles for annotation bodies
  * Note that this is defined separately for the app and emails,
  * so both places should be kept in sync as much as possible.
  */

.annotation-body pre {
  padding: 10px;
  margin: 1em 0;
}

.annotation-body details > summary {
  cursor: pointer;
}

.annotation-body details[open] > summary {
  margin-bottom: 1em;
}

.annotation-body details[open] {
  margin-bottom: 1em;
}

/*
 * table and kbd styles borrowed from GitHub's primer project:
 * https://github.com/primer/primer/blob/df7a882778385c5e1defd190c0e933ff1c591a16/modules/primer-markdown/lib/tables.scss
 */

.annotation-body table {
  display: block;
  width: 100%;
  overflow: auto;
}

.annotation-body table th {
  font-weight: 500; /* equivalent of .semi-bold */
}

.annotation-body table th,
.annotation-body table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}

.annotation-body table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1;
}

.annotation-body table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

.annotation-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #959da5
}

Update annotation body styles to include table styles


/* This isn't strictly BassCSS here, but it's the only easy way to render the
 * different elements within an annotation body */

.annotation-body pre {
  padding: 10px;
  margin-bottom: 10px;
}

.annotation-body details summary {
  outline: none !important;
}

.annotation-body details[open] summary {
  margin-bottom: 10px;
}

/* This isn't strictly BassCSS here, but it's the only easy way to render the
 * different elements within an annotation body */

.annotation-body pre {
  padding: 10px;
  margin-bottom: 10px;
}

.annotation-body details summary {
  cursor: pointer;
}

.annotation-body details[open] summary {
  margin-bottom: 10px;
}

Add pointer style to annotation summary

Add pointer style to annotation summary


.dark .label.label-default { color: #fff; }
.dark .label.label-default:hover { color: #000; }

Fix tag hover color in dark mode

Fix tag hover color in dark mode


/* Custom layout for first row */
#activity_levels_panel { width: 30% !important; }
#trend_panel { width: 70% !important; }

/* Force calendar to only show one month by limiting width */
#activity_levels_panel .panel-element-row {
    width: 250px;
    margin-left: auto; margin-right: auto;
}

 .html h3 {
	font-size: 16px; !important;
	font-weight: normal; !important;
 }

 text.graph_label {
 	position:relative;
 	top:-100px  !important;
 }

/* Custom layout for first row */
#activity_levels_panel { width: 30% !important; }
#trend_panel { width: 70% !important; }

/* Force calendar to only show one month by limiting width */
#activity_levels_panel .panel-element-row {
    width: 250px;
    margin-left: auto; margin-right: auto;
}

 .html h3 {
	font-size: 16px; !important;
	font-weight: normal; !important;
 }

/* Disable resizable handle to improve UX of the trend chart with the zoom&pan control below */
div .ui-resizable-handle {
   display:none !important;
}

div .panel-footer {
	display:none !important;
}

/* Remove refresh time indicator on the zoom&pan control - it's redundant on the composite chart */
div[id*='zoom_chart-refreshtime']{
	display:none !important;
}

Disable resizable handle to improve UX of the trend chart with the zoom&pan control below; Remove refresh time indicator on the zoom&pan control - it's redundant on the composite chart


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

mail-link {
    -moz-binding: url("chrome://rspamd-spamness/content/bindings.xml#mail-link");
}

mail-linkheaderfield {
    -moz-binding: url("chrome://rspamd-spamness/content/bindings.xml#mail-linkheaderfield");
}

mail-multi-linkField {
    -moz-binding: url("chrome://rspamd-spamness/content/bindings.xml#mail-multi-linkField");
}

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

mail-link {
    -moz-binding: url("chrome://rspamd-spamness/content/bindings.xml#mail-link");
}

mail-multi-linkField {
    -moz-binding: url("chrome://rspamd-spamness/content/bindings.xml#mail-multi-linkField");
}

Remove unused binding for mail-linkheaderfield


/**
 * Hoa Framework
 *
 *
 * @license
 *
 * GNU General Public License
 *
 * This file is part of HOA Open Accessibility.
 * Copyright (c) 2007, 2010 Ivan ENDERLIN. All rights reserved.
 *
 * HOA Open Accessibility is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * HOA Open Accessibility is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with HOA Open Accessibility; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
 */

@charset   "utf-8";
@namespace "http://www.w3.org/1999/xhtml";

/**
 * Hoa Framework
 *
 *
 * @license
 *
 * GNU General Public License
 *
 * This file is part of HOA Open Accessibility.
 * Copyright (c) 2007, 2010 Ivan ENDERLIN. All rights reserved.
 *
 * HOA Open Accessibility is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * HOA Open Accessibility is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with HOA Open Accessibility; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
 */

@charset   "utf-8";
@namespace url("http://www.w3.org/1999/xhtml");

Add url() function around the namespace URI.


.aqm1 { }
.aqm2 { }
.aqm3 { }
.aqm4 { }
.aqm5 { }
.aqm6 { }
.aqm7 { }
.aqm8 { }
.aqm9 { }
.aqm10 { }
.aqm11 { }
.aqm12 { }
.aqm13 { }
.aqm14 { }
.aqm15 { }
.aqm16 { }
.aqm17 { }
.aqm18 { }
.aqm19 { }
.aqm20 { }

table {
    border-collapse: collapse;
    background-color: #ffffff;
    border-color: #ffffff;
    font-size: small;
}

table td {
    padding: 0px 2px;
}

li.tocsection {
   font-weight:bold;
   font-size:12pt
}
li.tocmodule {
   font-size:11pt
}

Add CSS file for all quality metrics pages


body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
                "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1 {
  font-size: 400%;
  padding: 150px 0px 50px 0px;
}

p, h1 {
  text-align: center;
}

p {
  padding-top: 20px;
  letter-spacing: .5px;
}

.socialbuttons {
  text-align: center;
}

body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
                "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1 {
  font-size: 200%;
  padding: 50px 0px 50px 0px;
}

p, h1 {
  text-align: center;
}

p {
  padding-top: 20px;
  letter-spacing: .5px;
}

.socialbuttons {
  text-align: center;
}

@media screen and (min-width: 500px) {
  h1 {
    font-size: 400%;
    padding: 150px 0px 50px 0px;
  }
}

Adjust font-size and padding at different viewport sizes


#clockNumbers {
  font-family: Roboto, sans-serif;
  font-size: 80px;
  line-height: 80%;
}

#clockPeriod {
  color: #FFF;
  font-size: 45px;
  line-height: 80%;
}

#clockSeconds {
  font-family: Roboto, sans-serif;
  font-weight: 100;
  font-size: 35px;
  line-height: 80%;
}

#clockDate {
  font-size: 35px;
  margin-left: 5px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

  #clockNumbers {
  font-family: Roboto, sans-serif;
  font-size: 80px;
  line-height: 80%;
}

#clockPeriod {
  color: #FFF;
  font-size: 42px;
  line-height: 80%;
}

#clockSeconds {
  font-family: Roboto, sans-serif;
  font-weight: 100;
  font-size: 35px;
  line-height: 80%;
}

#clockDate {
  font-size: 35px;
  margin-left: 5px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

Reduce size of period font

Reduce size of period font


body {
  background-color: #FFFFEE;
}

ul.thumbnail-list {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline;
}

.index {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  /*fit inside a 1024 monitor.*/
  max-width: 950px
}

.thumbnail-cntr {
  background-color: #2c1fc0;
  border-style: solid;
  border-width: 2px;
  border-color: #2c1fc0;
  border-radius: 10px;
  display: inline-block;
  height: 160px;
  margin: 3px;
  padding: 0;
  text-align: center;
  width: 160px;
}

.thumbnail-cntr:hover {
  border-color: #9c99bf;
}

img.thumbnail {
  width: 160px;
  height: 160px;
  border-radius: 8px;
}

body {
  background-color: #FFFFEE;
  margin: 0
}

ul.thumbnail-list {
  list-style-type: none;
  padding: 0;
}

li {
  display: inline;
}

.index {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  /*fit inside a 1024 monitor.*/
  max-width: 950px
}

.thumbnail-cntr {
  background-color: #2c1fc0;
  border-style: solid;
  border-width: 2px;
  border-color: #2c1fc0;
  border-radius: 10px;
  display: inline-block;
  height: 160px;
  margin: 3px;
  padding: 0;
  text-align: center;
  width: 160px;
}

.thumbnail-cntr:hover {
  border-color: #9c99bf;
}

img.thumbnail {
  width: 160px;
  height: 160px;
  border-radius: 8px;
}

Reduce margin to 0, which bring the page width down. This makes two pics on the index fit exactly onto a 360px wide screen, such as a phone


.autofill-list-item {
  -webkit-box-flex: 1;
  -webkit-padding-start: 8px;
}

.autofill-list-item + img {
  -webkit-padding-end: 20px;
  vertical-align: middle;
}

#autofill-options > div:last-child {
  margin-top: 15px;
}

#autofill-options > div.settings-list > div:last-child {
  border-top: 1px solid #D9D9D9;
  padding: 5px 10px;
}

#autofill-add-address,
#autofill-add-creditcard {
  margin: 2px 0;
}

.autofill-list-item {
  -webkit-box-flex: 1;
  -webkit-padding-start: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.autofill-list-item + img {
  -webkit-padding-end: 20px;
  vertical-align: middle;
}

#autofill-options > div:last-child {
  margin-top: 15px;
}

#autofill-options > div.settings-list > div:last-child {
  border-top: 1px solid #D9D9D9;
  padding: 5px 10px;
}

#autofill-add-address,
#autofill-add-creditcard {
  margin: 2px 0;
}

Options: Add 'overflow: hidden' to autofill items so we don't occlude the close
button.

BUG=71508
TEST=none

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

git-svn-id: dd90618784b6a4b323ea0c23a071cb1c9e6f2ac7@77093 4ff67af0-8c30-449e-8e8b-ad334ec8d88c


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

.exception-pattern {
  -webkit-box-flex: 1;
  -webkit-margin-end: 10px;
  -webkit-margin-start: 14px;
}

.exception-setting {
  -webkit-margin-end: 20px;
  display: inline-block;
  width: 100px;
}

select.exception-setting {
  vertical-align: middle;
}

/* Hacks to make the <select> align better with the <input>. */
html[toolkit=gtk] select.exception-setting {
  height: 22px;
  margin-top: 1px;
}

#exception-column-headers {
  -webkit-margin-start: 17px;
  display: -webkit-box;
  margin-top: 17px;
}

#exception-column-headers > div {
  font-weight: bold;
}

#exception-pattern-column {
  -webkit-box-flex: 1;
}

#exception-behavior-column {
  width: 145px;
}

.otr-explanation {
  font-style: italic;
}

#content-settings-exceptions-area list {
  margin-bottom: 10px;
  margin-top: 4px;
}

#plugins-tab {
  display: block;
  margin: 7px 0px;
}

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

.exception-pattern {
  -webkit-box-flex: 1;
  -webkit-margin-end: 10px;
  -webkit-margin-start: 14px;
}

.exception-setting {
  display: inline-block;
  width: 120px;
}

select.exception-setting {
  vertical-align: middle;
}

#exception-column-headers {
  -webkit-margin-start: 17px;
  display: -webkit-box;
  margin-top: 17px;
}

#exception-column-headers > div {
  font-weight: bold;
}

#exception-pattern-column {
  -webkit-box-flex: 1;
}

#exception-behavior-column {
  width: 145px;
}

.otr-explanation {
  font-style: italic;
}

#content-settings-exceptions-area list {
  margin-bottom: 10px;
  margin-top: 4px;
}

#plugins-tab {
  display: block;
  margin: 7px 0px;
}

Change content exception table styling.

Change content exception table styling.

BUG=78779
TEST=manual

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

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


/*display table and table-cell ie fix*/
dl.alerts li.alert{ margin-bottom: 5px; }
dl.alerts li.alert dt, dl.alerts li.alert dd{ display: inline; }

/* add proper spacing to the catalog dropdown button on pools#show */
#obj_actions .catalog_link {
  margin-right: 5px;
}

/* fix the height of the submit buttons */
input[type="submit"].button {
  height: 28px;
}

/* fix the layout in the Select deployable from catalog selection page */
ul.catalog_pretty .summary {
  position: relative;
  height: 100%;
}
ul.catalog_pretty .controls {
  position: absolute;
  right: 0;
  top: 0;
}

/*users-show display-table fix*/
dl.user_stats ul li{
  float: left;
  width: 180px;
}

/*fix pool_families tables*/
table.pool_families{
  border-collapse: collapse;
}

/* fix the separator colour in the Instance pretty view cards */
#content ul.instances-array li.instance hr {
  height: 2px;
}

/* center the Stop/Restart buttons in the Instance pretty view cards */
#content li.instance .actions {
  text-align: center;
}
#content li.instance .actions * {
  text-align: left;
}
#content li.instance .actions ul {
  zoom: 1;
  display: inline;
}

/* fix the user box border */
#user_card {
  border: 1px solid #b1b1b1;
}

Add the border to the User details card

IE: Add the border to the User details card


body {
    font-family: "Arimo", serif;
}

.tabpanel-container {
    display: block;
    margin-top: 20px;
}

.tabpanel-container md-content {
    height: 130px;
}

[flex] {
    text-align: right;
}

Add text-align right to flex fields.

Add text-align right to flex fields.


/* ==|== media queries ====================================================== */

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

	#head hgroup h1 a{ font-size: 37px; line-height: 45px;}
	#head hgroup h2{ font-size: 20px; line-height: 30px;}

	#content{
		padding-bottom: 50px;
		border-bottom: 4px solid #bcbcbc;
		margin-bottom: 20px;
	}

	#sidebar .search #s{	width: 91.2%;}

}

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

	#head nav{
		height: 35px;
	}

	#content{
		padding-bottom: 50px;
		border-bottom: 4px solid #bcbcbc;
		margin-bottom: 20px;
	}

	#sidebar .search #s{	width: 96.8%;}

}

/* ==|== media queries ====================================================== */

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

	#head hgroup h1 a{ font-size: 37px; line-height: 45px;}
	#head hgroup h2{ font-size: 20px; line-height: 30px;}

	#content{
		padding-bottom: 50px;
		border-bottom: 4px solid #bcbcbc;
		margin-bottom: 20px;
	}

	#content > h1{line-height: 50px;}

	#sidebar .search #s{	width: 91.2%;}

}

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

	#head nav{
		height: 35px;
	}

	#content{
		padding-bottom: 50px;
		border-bottom: 4px solid #bcbcbc;
		margin-bottom: 20px;
	}
	#content > h1{line-height: 50px;}
	#sidebar .search #s{	width: 96.8%;}

}

Archive title line-heigh fixed on iphone/ipad


*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

h1 {
  font-weight: lighter;
  margin: 0 0 30px 0;
  text-align: center;
}

.form-title {
  color: white;
}

form {
  color: white;
  max-width:300px;
  margin: 10px auto;
  padding: 10px 20px;
  background: #2980b9;
  border-radius: 8px;
}

input[type="text"] {
  border: none;
  font-size: 16px;
  height: auto;
  margin: 0;
  outline: 0;
  padding: 15px;
  width: 100%;
  background-color: #ecf0f1;
  color: #2c3e50;
  margin-bottom: 30px;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

h1 {
  font-weight: lighter;
  margin: 0 0 30px 0;
  text-align: center;
}

.form-title {
  color: white;
}

/* form */

form {
  color: white;
  max-width:300px;
  margin: 10px auto;
  padding: 10px 20px;
  background: #2980b9;
  border-radius: 5px;
}

/* form controls */

input[type="text"] {
  border: none;
  font-size: 16px;
  height: auto;
  margin: 0;
  outline: 0;
  padding: 15px;
  width: 100%;
  background-color: #ecf0f1;
  color: #2c3e50;
  margin-bottom: 30px;
  border-radius: 5px;
}

button {
  padding: 19px 39px 18px 39px;
  color: white;
  background-color: #1abc9c;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  width: 100%;
  border: 1px solid #3ac162;
  border-width: 1px 1px 3px;
  margin-bottom: 10px;
  border-radius: 5px;
}

Add border radius to form elements.

Add border radius to form elements.


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

.root {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  grid-gap: var(--medium-padding);
  margin: 0;
  padding: 0;
}

.item {
  display: block;
  padding: 0;
  margin: 0;
}

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

.root {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  grid-gap: var(--medium-padding);
  margin: 0;
  padding: 0;
}

.item {
  display: block;
  padding: 0;
  margin: 0;
}

Increase min-width of template previews

[components] Increase min-width of template previews


.v-align {
    z-index: 10;
    position:absolute;
    top:70%;
    left:50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.show {
    position: absolute;
    z-index: 10;
    top: 5%;
}

.v-align {
    z-index: 10;
    position:absolute;
    top:70%;
    left:50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.show {
    position: absolute;
    z-index: 10;
    top: 50%;
}

Make login/signup forms centered on page


/* toggle for opening shared picture view as file list */
#openAsFileListButton {
	float: right;
	margin-top: 5px;
	font-weight: normal;
	background-color: transparent;
	border: none;
}

#openAsFileListButton img {
	vertical-align: text-top;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: .3;
}

/* toggle for opening shared picture view as file list */
#openAsFileListButton {
	float: right;
	margin-right: 4px;
	margin-top: 5px;
	font-weight: normal;
}

#openAsFileListButton img {
	vertical-align: text-top;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;
}

Revert "make gallery/filelist switcher button less present and distracting"


:host {
    display: block;
    margin: calc(1%) calc(5%);
    min-height: calc(50vh);
    position: relative;
}

.table {
    overflow-y: scroll;
    margin-bottom: calc(5%);
}

.nodes-input-block {
    display: block;
    margin-bottom: calc(15%);
}
.node-input-table-wrapper {
    z-index: 9999;
    margin-bottom: calc(10vh);
    width: calc(90%);
    position: fixed;
    bottom: 0%;
    background-color: gainsboro;
    display: table;
    border-collapse: separate;
    border-spacing: 30px 0;
}

.test-wrapper {
    position: relative;
}

.node-input-elements {
    display: table-row;
}

.node-input {
    display: table-cell;
}

.ip-address-input {
    width: calc(100%);
}

.add-ip-btn {
    width: calc(100%);
}

.node-entring-form {
    margin: 10px 10px;
}

.column-nodes-check {
    /* NOTE: Setting minimal width in order to make the column wrap its content */
    width: calc(1%);
}

.column-nodes-type {
    /* NOTE: Setting minimal width in order to make the column wrap its content */
    width: calc(1%);
}

:host {
    display: block;
    margin: calc(1%) calc(5%);
    min-height: calc(50vh);
    position: relative;
}

.table {
    overflow-y: scroll;
    margin-bottom: calc(5%);
}

.nodes-input-block {
    display: block;
    margin-bottom: calc(15%);
}
.node-input-table-wrapper {
    padding-bottom: calc(0.5%);
    padding-top: calc(0.5%);

    z-index: 9999;
    margin-bottom: calc(10vh);
    width: calc(90%);
    position: fixed;
    bottom: 0%;
    background-color: rgba(230, 255, 228, 0.5);

    display: table;
    border-collapse: separate;
    border-spacing: 30px 0;
}

.test-wrapper {
    position: relative;
}

.node-input-elements {
    display: table-row;
}

.node-input {
    display: table-cell;
}

.ip-address-input {
    width: calc(100%);
}

.add-ip-btn {
    width: calc(100%);
}

.node-entring-form {
    margin: 10px 10px;
}

.column-nodes-check {
    /* NOTE: Setting minimal width in order to make the column wrap its content */
    width: calc(1%);
}

.column-nodes-type {
    /* NOTE: Setting minimal width in order to make the column wrap its content */
    width: calc(1%);
}

Change background color to transparent.

Change background color to transparent.


/* SkCode TO.DO list */

.task_done {
    text-decoration: line-through;
    list-style-type: none;
}

.task_done p:before {
    font-family: FontAwesome;
    content:'\f046';
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

.task_pending {
    list-style-type: none;
}

.task_pending p:before {
    font-family: FontAwesome;
    content:'\f096';
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

Add CSS for todo list.

Add CSS for todo list.


.reveal .text-bg {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 1em;
  padding-bottom: 2em;
}

.reveal .photo-credit {
  position: absolute;
  font-size: x-small;
  bottom: 1em;
  color: #888;
}

.reveal .photo-credit a {
  color: #ccc;
}

dt {
  color: #00C5CD;
}

.reveal .slides section .fragment.highlight-current-teal {
  opacity: 1;
  visibility: visible;
}
.reveal .slides section .fragment.highlight-current-teal.current-fragment {
  color: #00C5CD;
}

Add style for teal fragments.

Add style for teal fragments.


.select-list {
  position: absolute;
  width: 80%;
  top: 0;
  left: 50%;
  margin-left: -40%;
  background-color: #444;
  box-sizing: border-box;
  color: #eee;
  -webkit-box-shadow: 0 0 5px 5px #222;
  padding: 5px;
  z-index: 99;
}

.select-list ol {
  position: relative;
  overflow-y: auto;
}

.select-list li:hover {
  background-color: #555;
}

.select-list ol .selected {
  background: green;
}

.select-list .error {
  padding-top: 5px;
  font-weight: bold;
}

.select-list {
  position: absolute;
  width: 80%;
  top: 0;
  left: 50%;
  margin-left: -40%;
  background-color: #444;
  box-sizing: border-box;
  color: #eee;
  -webkit-box-shadow: 0 0 5px 5px #222;
  padding: 5px;
  z-index: 99;
}

.select-list .editor {
  margin-bottom: 5px;
}

.select-list ol {
  position: relative;
  overflow-y: auto;
}

.select-list li:hover {
  background-color: #555;
}

.select-list ol .selected {
  background: green;
}

.select-list .error {
  padding-top: 5px;
  font-weight: bold;
}

Add margin between editor and list contents


/*
 * http://lea.verou.me/demos/css3-patterns.html
  class="horizontal stripes"
  class="vertical stripes"
  class="angled stripes"
 */
.stripes
{
/*  height: 250px;
  width: 375px;
  float: left;
  margin: 10px;
  -moz-box-shadow: 1px 1px 8px gray;
  box-shadow: 1px 1px 8px gray;*/
  background-size: 50px 50px;
}

.angled
{
  background-color: #ac0;
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
            transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
            transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
            transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
            transparent 75%, transparent);
}

.horizontal {
  background-color: #0ae;
  background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
  background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}

.vertical {
  background-color: #f90;
/*  background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);*/
  background-image: linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}

Add a - yet unused - stylesheet

ui: Add a - yet unused - stylesheet

Signed-off-by: Fabian Deutsch <de69c509e52dfe544d526a81279fe21e1252748c@fedoraproject.org>


#applist .media i {
	text-align: center;
}

#calendar th {
	text-align: center;
	width: 14.2857142857%;
}

#calendar .forecast {
	width: 100%;
	clear: both;
	text-align: center;
	font-size: smaller;
}

@media (max-width: 600px) {
	#calendar table,
	#calendar thead,
	#calendar tbody,
	#calendar th,
	#calendar td,
	#calendar tr {
		display: block;
	}

	#calendar thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#calendar td {
		margin-top: 0px;
	}

	#calendar td:before {
		content: attr(data-day);
		display: block;
		font-weight: bold;
	}

	#calendar .media-heading {
		float: left;
	}

	#calendar .forecast {
		clear: none;
	}

	#calendar .unused {
		display: none;
	}
}

#map {
	height: 100px;
	min-height: 100px;
}

Add default and min map heights.

Add default and min map heights.


select.credentials-select {  width:auto; vertical-align: top; }
div.credentials-select-content-inactive { display:none; }
div#credentialsDialog {overflow-y: scroll;}
body.masked {overflow-y: hidden;}

@media (min-width: 1600px) {
    select.credentials-select {
        max-width: 90%;
    }
}

@media (max-width: 1600px) {
    select.credentials-select {
        max-width: 85%;
    }
}

@media (max-width: 1400px) {
    select.credentials-select {
        max-width: 80%;
    }
}

@media (max-width: 1200px) {
    select.credentials-select {
        max-width: 70%;
    }
}

@media (max-width: 800px) {
    select.credentials-select {
        max-width: 60%;
    }
}

@media (max-width: 767px) {
    select.credentials-select {
        max-width: 75%;
    }
}

@media (max-width: 700px) {
    select.credentials-select {
        max-width: 70%;
    }
}

@media (max-width: 600px) {
    select.credentials-select {
        max-width: 100%; /* force new line */
    }
}

select.credentials-select {  width:auto; vertical-align: top; }
button.credentials-add-menu { padding:0 20px 0 10px; }
div.credentials-select-content-inactive { display:none; }
div#credentialsDialog {overflow-y: scroll;}
body.masked {overflow-y: hidden;}

@media (min-width: 1600px) {
    select.credentials-select {
        max-width: 90%;
    }
}

@media (max-width: 1600px) {
    select.credentials-select {
        max-width: 85%;
    }
}

@media (max-width: 1400px) {
    select.credentials-select {
        max-width: 80%;
    }
}

@media (max-width: 1200px) {
    select.credentials-select {
        max-width: 70%;
    }
}

@media (max-width: 800px) {
    select.credentials-select {
        max-width: 60%;
    }
}

@media (max-width: 767px) {
    select.credentials-select {
        max-width: 75%;
    }
}

@media (max-width: 700px) {
    select.credentials-select {
        max-width: 70%;
    }
}

@media (max-width: 600px) {
    select.credentials-select {
        max-width: 100%; /* force new line */
    }
}

Fix Add button drop down indicator

Fix Add button drop down indicator


.focus-point-field {
	display: block;
	margin: 0;
	overflow: hidden;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
}

.focus-point-field img {
	display: block;
	margin: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 150px;
}

.focus-point-field .grid {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: inset 0px 1px 5px rgba(0,0,0,0.3);
	background: transparent url(focus-field.png) no-repeat center center;
  -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

.focus-point-field input {
	display: none;/* Remove for debugging */
	position: absolute;
	left: 0;
	top: 0;
}

.focus-point-field {
	display: block;
	margin: 0;
	overflow: hidden;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
	max-width: 300px;
}

.focus-point-field img {
	display: block;
	margin: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 150px;
}

.focus-point-field .grid {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: inset 0px 1px 5px rgba(0,0,0,0.3);
	background: transparent url(focus-field.png) no-repeat center center;
  -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

.focus-point-field input {
	display: none;/* Remove for debugging */
	position: absolute;
	left: 0;
	top: 0;
}

Set a max width for CMS field

Set a max width for CMS field

Added a max-width to focus point field to make sure image can’t extend
past mask edges


.sc-authors-list.sm-hidden {
  display: none;
}

.sc-authors-list {
  cursor: default;
}

.sc-authors-list .se-contrib {
  padding: var(--t-input-padding);
  margin: var(--t-negative-list-padding);
  cursor: pointer;
}

.sc-authors-list .se-contrib.sm-empty {
  color: var(--t-light-text-color);
}

.sc-authors-list .se-contrib.sm-selected {
  outline: var(--t-input-focus-border);
  cursor: default;
}

.sc-authors-list > .se-content {
  font-size: var(--t-large-font-size);
}

.sc-authors-list > .se-content > .se-empty-list {
  color: var(--t-light-text-color);
}

.sc-authors-list.sm-hidden {
  display: none;
}

.sc-authors-list {
  cursor: default;
}

.sc-authors-list .se-contrib {
  padding: var(--t-input-padding);
  margin: var(--t-negative-list-padding);
  cursor: default;
}

.sc-authors-list .se-contrib.sm-empty {
  color: var(--t-light-text-color);
}

.sc-authors-list .se-contrib.sm-selected {
  outline: var(--t-input-focus-border);
}

.sc-authors-list > .se-content {
  font-size: var(--t-large-font-size);
}

.sc-authors-list > .se-content > .se-empty-list {
  color: var(--t-light-text-color);
}

Remove pointer cursor to keep consistency.


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

body {
    padding: 0;
    margin: 0;
    background-color: white;
    height: 100%;
    width: 100%;
}

#map {
    position: absolute;
    top: 0;
    bottom: 30px;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

#header {
    width: auto;
    height: auto;
    display: none;
}

.footer {
    /* background: yellow; */
    overflow: hidden; /*make sure the wrapper has no dimension*/
    width: 100%;
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.footer-content {
    /* background: blue; */
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    float: left;
    box-sizing: border-box;
}

.footer-legal-copyright {
    text-align: right;
    width: 33%;
}

.footer-legal-license {
    border-left: 1px solid black;
    border-right: 1px solid black;
    width: 33%;
}

.footer-contact {
    text-align: left;
    width: 33%;
}

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

body {
    padding: 0;
    margin: 0;
    background-color: white;
    height: 100%;
    width: 100%;
}

#map {
    position: absolute;
    top: 0;
    bottom: 30px;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

#header {
    width: auto;
    height: auto;
    display: none;
}

.footer {
    /* background: yellow; */
    display: none;
    overflow: hidden; /*make sure the wrapper has no dimension*/
    width: 100%;
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.footer-content {
    /* background: blue; */
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    float: left;
    box-sizing: border-box;
}

.footer-legal-copyright {
    text-align: right;
    width: 33%;
}

.footer-legal-license {
    border-left: 1px solid black;
    border-right: 1px solid black;
    width: 33%;
}

.footer-contact {
    text-align: left;
    width: 33%;
}

Disable the footer for the time being

Disable the footer for the time being