.layout.collapsed .content,
.layout.collapsed .budget-header {
	left: 40px;
}

.collapsed-buttons .active button {
	background-color: #194853;
	color: #fff;
}

.collapsed-buttons .active .collapsed-budget {
	color: #ceec00;
}

.collapsed-buttons .active .collapsed-reports {
	color: #fed168;
}

.collapsed-buttons .active .collapsed-account {
	color: #32dcff;
}

.layout.collapsed .content,
.layout.collapsed .budget-header {
	left: 40px;
}

.layout.collapsed .content .scroll-wrap {
	width: inherit;
	min-width: 838px;
}

.collapsed-buttons .active button {
	background-color: #194853;
	color: #fff;
}

.collapsed-buttons .active .collapsed-budget {
	color: #ceec00;
}

.collapsed-buttons .active .collapsed-reports {
	color: #fed168;
}

.collapsed-buttons .active .collapsed-account {
	color: #32dcff;
}

Fix fluid size for collapsable side menu

The collapsable side menu allows you to save some space, but unfortunately there's a media query for `max-width: 1100px` where there's a `width: 838px;`. This fixes this by setting it as a `min-width` instead, allowing for a fluid resize of the layout when it's between 838 and 1100 pixels wide.


#singleupload {
    width: 120px;
}

#dropzone {
    padding: 5px;
    border: 1px dotted #999;

    vertical-align: center;
    text-align: center;
    color: #000;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 2em;
    background-color: #FFF;
    color: #F0F0F0;
}

#dropprompt {
}

.waiting {
    background-image: url('/static/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center;
}

.error {
    background-color: #fcc;
}

.traceback {
    overflow: auto;
}

#convertwith {
    font-size: 1.1em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.upload-spinner {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.pageheader {
    background-color: #ffc;
    font-weight: bold;
}
.pageresults {
    text-align: left;
    margin: 5px;
}
.resulttext {
    padding: 5px;
    margin-bottom: 10px;
}

.ocr_line {
    border: 1px solid white;
}

#singleupload {
    width: 300px;
}

#dropzone {
    padding: 5px;
    border: 1px dotted #999;

    vertical-align: center;
    text-align: center;
    color: #000;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 2em;
    background-color: #FFF;
    color: #F0F0F0;
}

#dropprompt {
}

.waiting {
    background-image: url('/static/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center;
}

.error {
    background-color: #fcc;
}

.traceback {
    overflow: auto;
}

#convertwith {
    font-size: 1.1em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.upload-spinner {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.pageheader {
    background-color: #ffc;
    font-weight: bold;
}
.pageresults {
    text-align: left;
    margin: 5px;
}
.resulttext {
    padding: 5px;
    margin-bottom: 10px;
}

.ocr_line {
    border: 1px solid white;
}

Make single upload input wider

Make single upload input wider


#packages {
        position: fixed;
        top: 0;
        left: 0;
        height: 8em;
        width: 13em;
}

#toc {
        position: fixed;
        top: 8em;
        left: 0;
        bottom: 0;
        width: 13em;
}

#content {
        position: fixed;
        top: 0;
        left: 13em;
        bottom: 0;
        right: 0;
}

iframe {
        width: 100%;
        height: 100%;
        background-color:ivory;
}

#packages {
        position: fixed;
        top: 0;
        left: 0;
        height: 8em;
        width: 13em;
}

#toc {
        position: fixed;
        top: 8em;
        left: 0;
        bottom: 0;
        width: 14em;
}

#content {
        position: fixed;
        top: 0;
        left: 14em;
        bottom: 0;
        right: 0;
}

iframe {
        width: 100%;
        height: 100%;
        background-color:ivory;
}

Increase width of TOC to avoid crawlbar.


.root {
  display: list-item;
  margin-left: 1.1em;
  margin-bottom: 0.5em;
  list-style-position: outside;
}

.root > * {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.bullet {
  composes: root;
  list-style-type: disc;
  padding-left: 0.2em;
}

.number {
  composes: root;
  list-style-type: none;
  counter-increment: listItem;

  @nest &:before {
    margin-right: 0.9em;
    content: counter(listItem) ". ";
  }

  @nest & + :not(.number) {
    counter-reset: listItem
  }
}

.roman {
  composes: root;
  list-style-type: upper-roman;
}

.root {
  display: list-item;
  margin-left: 1.1em;
  margin-bottom: 0.5em;
  list-style-position: outside;
}

.root > * {
  display: inline-flex;;
  margin: 0;
  padding: 0;
}

.bullet {
  composes: root;
  list-style-type: none;
}

.bullet > * {
  @nest &:before {
    content: '\2022';
    font-weight: bold;
    margin-right: 1em;
  }
}

.number {
  composes: root;
  list-style-type: none;
  counter-increment: listItem;
  @nest & + :not(.number) {
    counter-reset: listItem
  }
}

.number > * {
  @nest &:before {
    margin-right: 1em;
    content: counter(listItem) ".";
  }
}

.roman {
  composes: root;
  list-style-type: upper-roman;
}

[form-builder] Slate: Tweak list CSS to take style into account


.root {
  display: list-item;
  margin-left: 1.1em;
  margin-bottom: 0.5em;
  list-style-position: outside;
}

.root > * {
  display: inline-flex;;
  margin: 0;
  padding: 0;
  line-height: 100%;
}

.bullet {
  composes: root;
  list-style-type: none;
}

.bullet > * {
  @nest &:before {
    content: '\2022';
    margin-right: 1rem;
    margin-top: 0.1rem;
  }
}

.number {
  composes: root;
  list-style-type: none;
  counter-increment: listItem;
  @nest & + :not(.number) {
    counter-reset: listItem
  }
}

.number > * {
  @nest &:before {
    margin-right: 1rem;
    content: counter(listItem) ".";
  }
}

.roman {
  composes: root;
  list-style-type: upper-roman;
}

.root {
  display: list-item;
  margin-left: 1.1em;
  margin-bottom: 0.5em;
  list-style-position: outside;
}

.root > * {
  display: inline-flex;;
  margin: 0;
  padding: 0;
  line-height: 100%;
}

.bullet {
  composes: root;
  list-style-type: none;
}

.bullet > * {
  @nest &:before {
    content: '\25CF';
    margin-right: 1rem;
  }
}

.number {
  composes: root;
  list-style-type: none;
  counter-increment: listItem;
  @nest & + :not(.number) {
    counter-reset: listItem
  }
}

.number > * {
  @nest &:before {
    margin-right: 1rem;
    content: counter(listItem) ".";
  }
}

.roman {
  composes: root;
  list-style-type: upper-roman;
}

Use black circle as bullet point symbol

[form-builder] Slate: Use black circle as bullet point symbol


.rst-content pre.literal-block {
  padding: 12px;
  font-size: 12px;
}

.swagger-section {
  margin-top: 20px;
}

.swagger-section ul {
  padding: 0px;
}

.swagger-section .container {
  padding: 0px;
  width: auto;
}

.swagger-section h2 {
  margin: 0px;
}

.rst-content .section .swagger-section ul {
  line-height: normal;
}

.rst-content .section .swagger-section ul li {
  list-style-type: inherit;
  margin-left: 0px;
}

.rst-content .section .swagger-section code {
  border-style: none;
  white-space: pre;
  font-size: 12px;
}

.rst-content .section .swagger-section p {
  font-size: inherit;
}

.rst-content pre.literal-block {
  padding: 12px;
  font-size: 12px;
}

.swagger-section {
  margin-top: 20px;
}

.swagger-section ul {
  padding: 0px;
}

.swagger-section .container {
  padding: 0px;
  width: auto;
}

.swagger-section h2 {
  margin: 0px;
}

.rst-content .section .swagger-section ul {
  line-height: normal;
}

.rst-content .section .swagger-section ul li {
  list-style-type: inherit;
  margin-left: 0px;
}

.rst-content .swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation {
  overflow-x: auto;
}

.rst-content .section .swagger-section code {
  border-style: none;
  white-space: pre;
  font-size: 12px;
}

.rst-content .section .swagger-section p {
  font-size: inherit;
}

Allow horizontal scrolling of swagger docs on readthedocs.

This layout isn't quite ideal, but it at least lets the content be
visible by scrolling within the narrower readthedocs template.

Fixes https://github.com/NREL/api-umbrella/issues/289


#ddgcarousel li.ddgc_item span.news-time {
    font-size: 11px;
    color: #777;
    position: relative;
    left: 22px;
    bottom: 9px;
}

#ddgcarousel li.ddgc_item span.news-title {
    color: RGB(68,68,68);
    font-size: 14px;
    height: 41px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#spice_news #ddgcarousel li.ddgc_item {
    text-align: left;
}

#spice_news #ddgcarousel .news-snippet {
    overflow: hidden;
    color: #777;
    height: 100px;
}

#spice_news #ddgcarousel .news-more-at {
    border-top: 1px dashed #777;
    margin-top: 10px;
    padding-top: 5px;
}

#spice_news #ddgcarousel img.favicon {
    display: inline;
    width: 16px;
    height: 16px;
}

#spice_news #ddgcarousel .news-more-at .news-domain {
    display: inline;
    margin-top: 0px;
    position: relative;
    top: -4px;
    left: 3px;
    color: #824C42;
}

#spice_news #ddgc_pagination a.zero_click_more_at_link {
    visibility: hidden;
}

Hide the "More at ..." link.

News: Hide the "More at ..." link.


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

.error-container {
  color: red;
}

.output-container, .error-container {
  display: none;
}

body,html {
  height:100%;
}

body > div.container {
  min-height:100%;
  padding-bottom: 40px; /* Space for footer */
  box-sizing: border-box; /* Makes the padding not to overflow the window size when everything should fit nicely */
}

footer {
  margin-top: -40px;
}

.reduction {
    cursor: pointer;
}

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

.error-container {
  color: red;
}

.output-container, .error-container {
  display: none;
}

body,html {
  height:100%;
}

body > div.container {
  height:100%;
  padding-bottom: 40px; /* Space for footer */
  box-sizing: border-box; /* Makes the padding not to overflow the window size when everything should fit nicely */
  -moz-box-sizing: border-box;
}

footer {
  margin-top: -40px;
}

.reduction {
    cursor: pointer;
}

Fix footer positioning in Firefox

Fix footer positioning in Firefox


.node-styling {
    background-color: #fcfcfc;
    border: 1px solid #cccccc;
}

.node-styling:hover {
    background-color: #E0EBF3;
    cursor: pointer;
}

.quick-project button {
    -webkit-appearance: none;
    outline: none;
    border: 0;
    background: transparent;
}

.load-nodes {
    font-size: 1.5em;
}

.selected {
    color: #000000
}

.not-selected {
    color: #347BB7;
}

.sort-group {
  display: inline-block;

}

@media screen and (max-width: 768px) {
    .node-col-headers {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .node-sort-dropdown {
        display: none;
    }
}

label {
    font-weight: normal;
}

.node-styling {
    background-color: #fcfcfc;
    border: 1px solid #cccccc;
}

.node-styling:hover {
    background-color: #E0EBF3;
    cursor: pointer;
}

.quick-project button {
    -webkit-appearance: none;
    outline: none;
    border: 0;
    background: transparent;
}

.load-nodes {
    font-size: 1.5em;
}

.quick-project .selected {
    color: #000000
}

.quick-project .not-selected {
    color: #347BB7;
}

.sort-group {
  display: inline-block;

}

@media screen and (max-width: 768px) {
    .node-col-headers {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .node-sort-dropdown {
        display: none;
    }
}

label {
    font-weight: normal;
}

Make 'selected/not-selected' CSS classes as classes beneath the broader quick-project class.


body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #EEE;
    line-height: 1.6;
    font-size: 16px;
    color: #444;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Fresh CSS */
.sidebar {
	background-color: white;
	border-right: 1px solid black;
}

.sidebar .nav a {
	/*padding: 5px;*/
}

.nav-pills > li {
	float: none;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #EEE;
    line-height: 1.6;
    font-size: 16px;
    color: #444;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;
}

/* Because 280px felt a little too small */
textarea {
    max-width: 500px;
}

/* Fresh CSS */
.sidebar {
	background-color: white;
	border-right: 1px solid black;
}

.sidebar .nav a {
	/*padding: 5px;*/
}

.nav-pills > li {
	float: none;
}

Change max-width for Text Area elements

Change max-width for Text Area elements


.App {
  text-align: left;
  width: 960px;
  margin: 0 auto;
  min-height: 600px;
}

.App-main {
  font-size: 20px;
  padding: 2.5em 20px;
}

input {
  font-size: 20px;
  margin-left: 1em;
}

.App {
  text-align: left;
  max-width: 960px;
  margin: 0 auto;
  min-height: 600px;
}

.App-main {
  font-size: 20px;
  padding: 2.5em 20px;
}

input {
  font-size: 20px;
  margin-left: 1em;
}

Fix mobile layout for preview page

Fix mobile layout for preview page


/*
 * 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 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 semantic_ui/semantic_ui
 *= require_tree .
 *= require_self
 */

.ui.sortable.table th > a {
  display: block;
}

body {
  padding-top: 25px;
}

Increase top padding of the page

Increase top padding of the page


.nav-account-row .nav-account-name {
	display: flex;
	margin-left: -20px;
}

.nav-account-row .nav-account-name button {
	order: 1;
}

.nav-account-row .nav-account-name i {
	order: 0;
	display: inline-block;
	visibility: hidden;
	margin-right: 0.2em;
}

.nav-account-row .nav-account-name:hover i {
	visibility: visible;
}

.nav-account-row .nav-account-name:hover button {
	max-width: 100%;
}

.nav-account-row .nav-account-name {
	display: flex;
	margin-left: -20px;
}

.nav-account-row .nav-account-name .nav-account-name-val {
	order: 1;
}

.nav-account-row .nav-account-name i {
	order: 0;
	display: inline-block;
	opacity: 0;
	width: 0;
	margin-right: 0.2em;
	line-height: 1.8em;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.nav-account-row .nav-account-name:hover i {
	opacity: .5;
	width: 18px;
}

.nav-account-row .nav-account-name:hover .nav-account-name-val {
	max-width: 100%;
}

Edit account button position fix

Edit account button position fix

Improvements to the account edit button positioning when using the
‘left’ option.


body{
	padding-bottom: 20px;
	padding-top: 20px;
}
.footer{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 40px;
	border-top: 1px solid #eee;
}
.navbar{
	margin-bottom: 20px;
}
.language-buttom{
	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer;
}

/* https://github.com/hombit/olgart/issues/1#issue-133919889 */
.navbar-nav>li> {
	margin-bottom: -2px;
}

body{
	padding-bottom: 20px;
	padding-top: 20px;
}
.footer{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 40px;
	border-top: 1px solid #eee;
}
.navbar{
	margin-bottom: 20px;
}
.language-buttom{
	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer;
}

/* https://github.com/hombit/olgart/issues/1#issue-133919889 */
.navbar-nav>li {
	margin-bottom: -2px;
}

Remove one more wrong symbol

Remove one more wrong symbol


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

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

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

row label,
row > vbox[fieldname=abstractNote],
row > vbox[fieldname=extra]
{
	padding: 0 1px 2px 2px;
}

Remove extra padding in metadata pane on Windows


/* Reset the default `<button/>` styles */
.rrui__button-reset
{
	margin      : 0;
	padding     : 0;
	white-space : nowrap;
	appearance  : none;
	border      : none;
	background  : none;
	cursor      : pointer;
	font-size   : inherit;
	font-family : inherit;
	font-weight : inherit;
	font-style  : inherit;
	user-select : none;
	/* box-sizing  : border-box; */
}

.rrui__button-reset--link:hover
{
	text-decoration : none;
}

/* Reset the default `<button/>` styles */
.rrui__button-reset
{
	margin      : 0;
	padding     : 0;
	white-space : nowrap;
	appearance  : none;
	border      : none;
	background  : none;
	cursor      : pointer;
	font-size   : inherit;
	font-family : inherit;
	font-weight : inherit;
	font-style  : inherit;
	user-select : none;
	/* box-sizing  : border-box; */
}

/* This CSS class can be used on its own in applications. */
/* Because of that, `outline: none` is added here too. */
/* Developers should define `:focus` styles for buttons. */
/* Didn't add `:focus` specifier for lesser CSS rule priority. */
.rrui__button-reset:not(.rrui__outline--default)
{
	outline : none;
}

.rrui__button-reset--link:hover
{
	text-decoration : none;
}

Add `outline: none` to `button-reset`

Add `outline: none` to `button-reset`


#area-show-details {
	float: left;
	width: 500px;
}

#area-show-map {
	float: right;
}

#area-show-comment {
	clear: both;
}

#area-edit-details {
	float: left;
	width: 500px;
}

#area-edit-map {
	float: right;
}

#area-edit-comment {
	clear: both;
}

#area-show-details {
	float: left;
	width: 400px;
}

#area-show-map {
	float: right;
}

#area-show-comment {
	clear: both;
}

#area-edit-details {
	float: left;
	width: 500px;
}

#area-edit-map {
	float: right;
}

#area-edit-comment {
	clear: both;
}

Allow details and map on edit/show site to be on same again.


h1 {
  margin-bottom: 1em;
}

.page-content {
  padding: 0px 5px;
}

.admin_button_cont {
  width: 100%;
  margin-bottom: 4px;
}

.itemmanager_itembox {
  margin-bottom: 5px;
  heigth: 100% !important;
}

.viewitem_thumb {
  float: left;
  margin: 0.5em 1em 1em 0.5em;
}

.viewitem_offers {
  width: 300px;
}

.viewitem_offers td {
  vertical-align: middle;
}

.viewitem_offers a.btn-mini {
  padding: 3px 10px;
}

Add some CSS to the item offer table

Add some CSS to the item offer table

Signed-off-by: JWhy <6a9f7c06e789f829524fd1a3a38b8c7d794c3a1f@jwhy.de>


body {
  padding: 0px 5vw;
}

.display {
  height: 60vw;
  width: 90vw;
  border: 2px solid gray;
}

.line {
  width: 30vw;
  background-color: #eee;
  padding: 3px 1em;
}

.heart {
  background-color: pink;
}

body {
  padding: 0px 5vw;
}

.display {
  height: 60vw;
  width: 90vw;
  border: 2px solid gray;
}

#chart {
  border-radius: 3px;
  margin-bottom: 2em;
  overflow: hidden;
  width: 30vw;
}

.line {
  background-color: #eee;
  padding: 3px 1em;
}

.heart {
  background-color: pink;
}

.total {
  background-color: lightblue;
  border-top: 1px solid #2882a1;
}

Make the total a little nicer…

Make the total a little nicer…


/* stylelint-disable selector-no-attribute */

@import './scrollbars.css';

[data-toggle='spark-message-meet'],
[data-toggle='spark-message-meet'] > div,
[data-toggle='spark-message-meet'] > div > div,
main,
main > div,
main > div > div {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
  position: relative;
}

/* stylelint-disable selector-no-attribute */

@import './scrollbars.css';

[data-toggle='ciscospark-message-meet'],
[data-toggle='ciscospark-message-meet'] > div,
[data-toggle='ciscospark-message-meet'] > div > div,
[data-toggle='spark-message-meet'],
[data-toggle='spark-message-meet'] > div,
[data-toggle='spark-message-meet'] > div > div,
main,
main > div,
main > div > div {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
  position: relative;
}

Add extra selector for new toggle

styles(widget-message-meet): Add extra selector for new toggle


/*  Back Top Button  */
#back-top {
 position: fixed;
 bottom:30px;
 left: 50px;
}
#back-top a {
  width: 54px;
  height: 54px;
  display: block;
  background: #ddd url(/img/Back-Top_Arrow.png) no-repeat center center;
  background-color: #aaa;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#back-top a:hover {
  background-color: #AAA;
  opacity:1;
  filter: alpha(opacity=60);
  }
/*  Back Top Button  End */

/*  Back Top Button  */
#back-top {
 position: fixed;
 bottom:30px;
 right: 50px;
 z-index: 4;
}
#back-top a {
  width: 54px;
  height: 54px;
  display: block;
  background: #fff url(/img/Back-Top_Arrow.png) no-repeat center center;
  background-color: #ddd;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 27px;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#back-top a:hover {
  background-color: #555;
  opacity:0.8;
  filter: alpha(opacity=80);
  }
/*  Back Top Button  End */

Change the style and position of back-top button

1. Change the style and position of back-top button


/* EmailBundle */

.col-email-id, .col-email-abtest-sentcount, .col-email-abtest-readcount {
    width: 75px;
}

.col-email-actions {
    width: 25px;
}

.email-builder .builder-panel .panel-body {
    padding: 5px 0;
}

.table-bordered {
	border-left: 0;
}

.table-bordered.email-list > thead > tr > th:first-child, .table-bordered.email-list > thead > tr > th:first-child, .table-bordered.email-list > tbody > tr > td:first-child {
	border-left: 0px;
}

Fix of CSS border inspired by David's yestrerday tweet


.pk-section-fixed-height {
  overflow-y: auto;
}

*[markdown-to-html] table {
  border: 1px solid #ccc;
}

*[markdown-to-html] thead > tr:last-child,
*[markdown-to-html] tbody > tr {
  border-bottom: 1px solid #ccc;
}

*[markdown-to-html] th {
  background-color: #fcfcfc;
  color: #666;
  padding: 8px;
  text-align: left;
}

*[markdown-to-html] td {
  padding: 8px;
  background-color: #fcfcfc;
}

.pk-section-fixed-height {
  overflow-y: auto;
}

*[markdown-to-html] table {
  border: 1px solid #ccc;
  margin-bottom: 12px;
}

*[markdown-to-html] thead > tr:last-child,
*[markdown-to-html] tbody > tr {
  border-bottom: 1px solid #ccc;
}

*[markdown-to-html] th {
  background-color: #fcfcfc;
  color: #666;
  padding: 8px;
  text-align: left;
}

*[markdown-to-html] td {
  padding: 8px;
  background-color: #fcfcfc;
}

Add bottom margin to markdown tables.

Add bottom margin to markdown tables.


@font-face {
  font-family: PressStart;
  src: url("../fonts/press_start.woff");
}

body {
  margin: 0;
  background-color: #fff;
  font-family: PressStart;
}

.game-wrapper {
  color: #FFF;
  margin: 0 auto;
  margin-top: 25px;
  max-height: 600px;
  max-width: 800px;
}

@font-face {
  font-family: PressStart;
  src: url("../fonts/press_start.woff");
}

body {
  margin: 0;
  background-color: #fff;
  font-family: PressStart;
}

.game-wrapper {
  color: #FFF;
  margin: 0 auto;
  margin-top: 25px;
  height: 600px;
  max-width: 800px;
}

Change styles in order to try to fix width


@import 'sanitize.css';
@import 'base.css';
@import 'modules/font-size.css';
@import 'modules/size.css';
@import 'modules/line-height.css';

:root {
	--main-color: black;

    --fz1: 1rem;
    --fz2: 1.25rem;
    --fz3: 1.5rem;
    --fz4: 2rem;
    --fz5: 2.25rem;
    --fz6: 2.5rem;
    --fz7: 2.75rem;
    --fz8: 3rem;
};

a, a:link, a:hover, a:active, a:visited {
	color: var(--main-color);
	border-bottom: 0.1em solid var(--main-color);
}

@import 'sanitize.css';
@import 'base.css';
@import 'modules/font-size.css';
@import 'modules/size.css';
@import 'modules/line-height.css';

:root {
	--main-color: black;

    --fz1: 1rem;
    --fz2: 1.25rem;
    --fz3: 1.5rem;
    --fz4: 2rem;
    --fz5: 2.25rem;
    --fz6: 2.5rem;
    --fz7: 2.75rem;
    --fz8: 3rem;
};

body {
    font-family: 'Open Sans';
}

a, a:link, a:hover, a:active, a:visited {
	color: var(--main-color);
	border-bottom: 0.1em solid var(--main-color);
}

Change font-family to Open Sans

Change font-family to Open Sans


body {
    background-color: wheat;
}

#canvasContainer {
    background-color: white;
    position:relative;
    overflow:auto;
}

#bases {
    font-family: monospace;
    padding-right: 4px;
    width: min-content;
    height: fit-content;
    white-space: normal;
    overflow:auto;
}

#baseContainer {
    overflow:auto;
}

.textInput {
    width: 250px;
}

body {
    background-color: wheat;
}

#canvasContainer {
    background-color: white;
    position:relative;
    overflow:auto;
}

#bases {
    font-family: monospace;
    padding-right: 8px;
    width: min-content;
    height: fit-content;
    white-space: normal;
    overflow:auto;
}

#baseContainer {
    overflow:auto;
}

.textInput {
    width: 250px;
}

Increase paragraph padding for bases

Increase paragraph padding for bases


* {
  font-family: 'Lato', Calibri, Arial, sans-serif;
  background-color: #47a3da;
  color: #fff;
  border: 2px;
  box-sizing: border-box;
}

container {
  width: 90%;
}

body, .main, div, form, header, h1, h2, nav, span {
    border: 2px solid #47a3da;
}

label, .first_name {
  border: 2px solid #47a3da;
  text-transform: uppercase;
    display:block;
}

.cbp-mc-form input, .cbp-mc-form textarea, .cbp-mc-form select {
  padding: 5px 10px;
  color: #FFF;
  line-height: 1.5px;
  width: 33%;
  border: 2px solid white;

}

.cbp-mc-form label, .cbp-mc-form input, .cbp-mc-form textarea{
  float:left;
  margin: 15px 10px;
  width: 33%;
  padding: 10px 10px;
}

* {
  font-family: 'Lato', Calibri, Arial, sans-serif;
  background-color: #47a3da;
  color: #fff;
  border: 2px;
}

container {
  width: 90%;
}

.cbp-mc-column {
  float: left;
  border: 1px solid black;
  width: 33%;
}

.cbp-mc-column:nth-child(3) {
  background-color: orange;
  float: left;
  width: 33%;
}

.cbp-mc-submit-wrap {
  background-color: magenta;
  clear:both;
}

.cbp-mc-form input, .cbp-mc-form textarea, .cbp-mc-form select {
  padding: 5px 10px;
  color: #FFF;
  line-height: 1.5px;
  width: 33%;
  border: 2px solid white;
}

.cbp-mc-form label, input, textarea, select{
  margin: 15px 10px;
  width: 33%;
  padding: 10px 10px;
}

label {
  text-transform: uppercase;
  display:block;
}

Fix float and display. Add tracer bullets


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

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

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

.footer {
   display: table;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

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

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

a {
  color: #cd8b00;
}

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

.footer {
   display: table;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

Add color in a tag

Add color in a tag


.center {
  text-align: center;
}

.caps {
  text-transform: uppercase;
}

.invert {
  color: var(--bg-color);
  background-color: var(--text-color);
  padding-right: calc(var(--gutter) / 5);
  padding-left:  calc(var(--gutter) / 5);
}

.center {
  text-align: center;
}

.upcase {
  text-transform: uppercase;
}

.downcase {
  text-transform: uppercase;
}

.invert {
  color: var(--bg-color);
  background-color: var(--text-color);
  padding-right: calc(var(--gutter) / 5);
  padding-left:  calc(var(--gutter) / 5);
}

Rename caps class to upcase; add downcase class


/**
 * asf.css - ASF component styles
 * Copyright (C) 2012 Stephane Carrez
 * Licensed under the Apache License, Version 2.0 (the "License");
 */

/**
 * The ui.editable component.
 */
div.asf-editable .asf-editable-input {
    display: none;
}
div.asf-editing div.asf-editable-input {
    display: block;
}
div.asf-editing div.asf-editable-message {
    display: none;
}
div.ui-list div.ui-list-item {
    position: relative;
}
div.asf-list-action {
    position: absolute;
    top: 0;
    left: -48px; /* = -width */
    width: 48px;
    visibility: hidden;
    display: block;
    background: red;
}
div.asf-active div.ui-list-item div.asf-list-action {
    visibility: visible;
}
.asf-icon {
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    background-color: blue;
    float: left;
}

/**
 * CSS that indicates the list element is being deleted.
 */
div.asf-deleting {
    opacity: 0.5;
}

/**
 * asf.css - ASF component styles
 * Copyright (C) 2012 Stephane Carrez
 * Licensed under the Apache License, Version 2.0 (the "License");
 */

/**
 * The ui.editable component.
 */
div.asf-editable .asf-editable-input {
    display: none;
}
div.asf-editing div.asf-editable-input {
    display: block;
}
div.asf-editing div.asf-editable-message {
    display: none;
}
div.ui-list div.ui-list-item {
    position: relative;
}
div.asf-list-action {
    position: absolute;
    top: 0;
    left: -48px; /* = -width */
    width: 48px;
    visibility: hidden;
    display: block;
}
div.asf-active div.ui-list-item div.asf-list-action {
    visibility: visible;
}
.asf-icon {
    display: block;
    overflow: hidden;
    width: 24px;
    height: 24px;
    float: left;
}

/**
 * The delete action icon.
 */
.asf-delete {
    background: url(../images/delete-icon.png) 0 0 no-repeat;
    opacity: 0.6;
}

/**
 * CSS that indicates the list element is being deleted.
 */
div.asf-deleting {
    opacity: 0.5;
}

Add the delete icon in the CSS

Add the delete icon in the CSS


.sources-display {
  display: inline-block;
  float: right;
  width: 45%;
  height: 500px;
  overflow: scroll;
  border: 1px solid black;
  padding: 10px;
  margin: 1%;
  background-color: white;
  color: black
}

.source {
  color: black;
  background-color: AliceBlue;
  text-align: left;
  border: 1px solid black;
  margin: 5px;
  padding: 3px;
  border-radius: 10px;
}

.source p, h3 {
  background-color: transparent;
}

.sources {
  display: inline-block;
  float: left;
  width: 45%;
  length: 100%;
}

.save-button {
  display: inline-block;
  background-color: white;
}

.sources-form {
  display: inline-block;
  float: right;
  width: 45%;
  height: 500px;
  overflow: scroll;
  border: 1px solid black;
  padding: 10px;
  margin: 1%;
  background-color: white;
  color: black
}

.source {
  color: black;
  background-color: AliceBlue;
  text-align: left;
  border: 1px solid black;
  margin: 5px;
  padding: 3px;
  border-radius: 10px;
}

.source p, h3 {
  background-color: transparent;
}

.sources {
  display: inline-block;
  float: left;
  width: 45%;
  length: 100%;
}

.save-button {
  display: inline-block;
  background-color: white;
}

Change class name of sources-form element


.error {
    -fx-background-color: red;
}

.tag-selector {
    -fx-border-width: 1;
    -fx-border-color: white;
    -fx-border-radius: 3;
    -fx-background-radius: 3;
}

.tooltip-text {
    -fx-text-fill: white;
}

.error {
    -fx-background-color: pink;
}

.tag-selector {
    -fx-border-width: 1;
    -fx-border-color: white;
    -fx-border-radius: 3;
    -fx-background-radius: 3;
}

.tooltip-text {
    -fx-text-fill: white;
}

Change error background color to pink

Change error background color to pink


body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 18pt;
}

.js-geopattern,
#string {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

input {
	text-align: center;
	color: rgba(230, 230, 230, 0.8);
	background: rgba(0, 0, 0, 0);
	border: 0;
	outline: 0;
	font-size: inherit;
}

input::-ms-clear {
	display: none;
}

Hide IE's input clear button

Hide IE's input clear button


Add stylesheet for reseting style to default style


.aui-datatable-editable {
	cursor: pointer;
}

.aui-basecelleditor .aui-buttonitem-content {
	margin: 2px 0;
	padding: 3px 3px 1px 1px;
}

.aui-basecelleditor .aui-buttonitem-label-only {
	padding-bottom: 2px;
}

.webkit .aui-basecelleditor .aui-buttonitem-label-only {
	padding-bottom: 3px;
}

.aui-checkboxcelleditor .aui-celleditor-label,
.aui-radiocelleditor .aui-celleditor-label {
	padding-left: 3px;
}

.aui-checkboxcelleditor .aui-celleditor-wrapper,
.aui-radiocelleditor .aui-celleditor-wrapper {
	display: block;
	clear: both;
	padding: 2px 0;
}

.aui-celleditor-edit-dd-handle {
	cursor: move;
    display: inline-block;
    margin-top: -3px;
    vertical-align: middle;
}

.ie7 .aui-celleditor-edit-dd-handle {
	display: block;
	float: left;
}

Revert "AUI-789 Added code for datatable to work in IE7"

This reverts commit f32373e9e39421a616ce90a308e2b3a7e0713ec7.


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

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

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

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

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

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

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

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

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

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

Fix background repeat for quick search projects [skip ci]


.drawer-label {
  padding: 0 0 10px 46px;
}

.drawer-label core-icon {
    margin: 0 16px 0 4px;
}

core-toolbar {
  background: #03a9f4;
  color: #fff;
}

core-header-panel {
  background-color: #eee;
}

core-header-panel[mode=cover]::shadow #mainContainer {
  padding: 40px 120px 0 0;
}

#mainDrawer[narrow] core-header-panel[mode=cover]::shadow #mainContainer {
  padding-right: 5px;
}

#pointsLeft {
  font-size: 120%;
  color: #03a9f4;
  margin-bottom: 10px;
}

#pointsLeft.warning {
  color: red;
  font-weight: bold;
}

#pointsText {
  font-weight: bold;
}

#battleButton {
  background-color: #03a9f4;
  color: white;
  width: 50%;
  margin: 5px auto 20px auto;
}

.drawer-label {
  padding: 0 0 10px 46px;
}

.drawer-label core-icon {
    margin: 0 16px 0 4px;
}

core-toolbar {
  background: #03a9f4;
  color: #fff;
}

core-header-panel {
  background-color: #eee;
}

core-header-panel[mode=cover]::shadow #mainContainer {
  padding-right: 120px;
  margin-top: 40px;
}

#mainDrawer[narrow] core-header-panel[mode=cover]::shadow #mainContainer {
  padding-right: 5px;
}

#pointsLeft {
  font-size: 120%;
  color: #03a9f4;
  margin-bottom: 10px;
}

#pointsLeft.warning {
  color: red;
  font-weight: bold;
}

#pointsText {
  font-weight: bold;
}

#battleButton {
  background-color: #03a9f4;
  color: white;
  width: 50%;
  margin: 5px auto 20px auto;
}

Fix drawer toggle button in narrow mode

Fix drawer toggle button in narrow mode


@media print {
    * {
        transition: none !important
    }

    thead {
        display: none
    }

    body {
        margin: 0px !important;
    }

    .slidedown {
        display: none !important;
    }

    .ui-page-active {
        padding-top: 0px !important;
    }

    .ui-bar {
        margin: 1px !important;
        padding: 1px !important;
    }

    .ui-content {
        padding: 0px !important;
    }

    .ui-body {
        padding: 0px !important;
    }

    .ui-navbar {
        display: none !important;
    }

    @page {
        margin-left: .25in;
        margin-right: .25in;
        margin-top: .25in;
        margin-bottom: .25in;
    }

    body {
        font-family: "Times New Roman";
        font-size: 8pt;
    }
    h1 {
        font-family: Arial;
        font-size: 16pt;
    }

    h2 {
        font-family: Arial;
        font-size: 8pt;
    }

    h3 {
        font-family: Arial;
        font-size: 8pt;
    }

    h4 {
        font-family: Arial;
        font-size: 8pt;
    }
}

@media print {
    * {
        transition: none !important
    }

    thead {
        display: none
    }

    body {
        margin: 0px !important;
    }

    .slidedown {
        display: none !important;
    }

    .slideup {
        display: none !important;
    }

    .ui-page-active {
        padding-top: 0px !important;
    }

    .ui-bar {
        margin: 1px !important;
        padding: 1px !important;
    }

    .ui-content {
        padding: 0px !important;
    }

    .ui-body {
        padding: 0px !important;
    }

    .ui-navbar {
        display: none !important;
    }

    @page {
        margin-left: .25in;
        margin-right: .25in;
        margin-top: .25in;
        margin-bottom: .25in;
    }

    body {
        font-family: "Times New Roman";
        font-size: 8pt;
    }
    h1 {
        font-family: Arial;
        font-size: 16pt;
    }

    h2 {
        font-family: Arial;
        font-size: 8pt;
    }

    h3 {
        font-family: Arial;
        font-size: 8pt;
    }

    h4 {
        font-family: Arial;
        font-size: 8pt;
    }
}

Hide the bottom bar when printing

Hide the bottom bar when printing


/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/
.p-Widget .jp-NotebookWidget {
  min-width: 50px;
  min-height: 50px;
}

.p-Widget .jp-NotebookContainer {
  overflow: auto;
}

.p-Widget .jp-NotebookWidget-body {
  padding: 0.5em;
  font-size: 11px;
}

Make css more specific than phosphor css


[data-filter-target][hidden] {
  @apply -translate-y-full p-0 h-0 opacity-0;
}

[data-filter-target][hidden] {
  @apply -translate-y-full p-0 h-0 opacity-0 hidden;
}

Fix click not working when filtering

Fix click not working when filtering


/*
 *= require_tree .
 *= require_self
*/

@import url(https://fonts.googleapis.com/css?family=Inconsolata);

body {
  color: #333;
  font: 100%/1.618em Georgia, "Times New Roman", Times, serif;
  /*background-color: #f9f9f9;
  font-size: 18px;*/
  line-height: 1.4em;
}

h1 {
  color: #000;
  font: normal 2.28em/120% Georgia, Times, serif;
}

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

p code {
 color: #4c4c4c;
  font-family: 'Inconsolata';
  background-color: rgba(0, 0, 0, 0.04);
  font-size: inherit;
}

a {
  text-decoration: none !important;
  color: #4078c0;
}

ul>ul>li {
  margin-bottom: 5px;
}

@media screen and (max-width: 700px){
  div.container {
    margin: 0 auto;
    width: 100%;
  }
}

/*
 *= require_tree .
 *= require_self
*/

@import url(https://fonts.googleapis.com/css?family=Inconsolata);

body {
  color: #333;
  font: 100%/1.618em Georgia, "Times New Roman", Times, serif;
  /*background-color: #f9f9f9;
  font-size: 18px;*/
  line-height: 1.4em;
}

h1 {
  color: #000;
  font: normal 2.28em/120% Georgia, Times, serif;
}

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

code {
 color: #4c4c4c;
  font-family: 'Inconsolata';
  background-color: rgba(0, 0, 0, 0.04);
  font-size: inherit;
}

pre code {
  color: inherit;
  font-family: 'Inconsolata';
  background-color: inherit;
  font-size: inherit;
}

a {
  text-decoration: none !important;
  color: #4078c0;
}

ul>ul>li {
  margin-bottom: 5px;
}

@media screen and (max-width: 700px){
  div.container {
    margin: 0 auto;
    width: 100%;
  }
}

Fix inline code not having background issue


.well {
  background-color: white;
}

#my-footer {
  background: #03a451;
  color: #eee;
  font-size: 11px;
  padding: 20px;
  margin-top: 10px;
  overflow: hidden;
}

.main-container {
  min-height: 555px;
  min-width: 400px;
  overflow: hidden;
}

body {
  min-width: 400px;
}

.well {
  background-color: white;
}

#my-footer {
  background: #03a451;
  color: #eee;
  font-size: 11px;
  padding: 20px;
  margin-top: 10px;
  overflow: hidden;
}

.main-container {
  min-height: 15%;
  min-width: 400px;
  overflow: hidden;
}

body {
  min-width: 400px;
}

Update width and height definitions for the html containers


/* TODO Support resolving node modules normally in extplug-cli */
@import '../node_modules/codemirror/lib/codemirror.css';
@import '../node_modules/codemirror/theme/base16-dark.css';

@import './RulesSettingsView.css';
@import './RoomStylesView.css';

.CodeMirror {
  height: 100%;
}

.extp-Button {
  background: #282c35;
  color: #808691;
  font: 16px 'Open Sans', sans-serif;
  cursor: pointer;
  min-width: 200px;
  max-width: 200px;
  height: 39px;

  &:hover {
    background: #009cdd;
    color: #eee;
  }

  &.is-negative:hover {
    background: #f04f30;
    color: #eee;
  }
}

@import '~codemirror/lib/codemirror.css';
@import '~codemirror/theme/base16-dark.css';

@import './RulesSettingsView.css';
@import './RoomStylesView.css';

.CodeMirror {
  height: 100%;
}

.extp-Button {
  background: #282c35;
  color: #808691;
  font: 16px 'Open Sans', sans-serif;
  cursor: pointer;
  min-width: 200px;
  max-width: 200px;
  height: 39px;

  &:hover {
    background: #009cdd;
    color: #eee;
  }

  &.is-negative:hover {
    background: #f04f30;
    color: #eee;
  }
}

Use css-loader ~ node_modules import

Use css-loader ~ node_modules import


@import '../../../../styles/base.css';

.PostSummary {
  opacity: 0;
  margin-bottom: 1.8em;
    a h1 {
      font-family: "$display-regular";
      font-size: 2.9em;
      line-height: 1em;
      letter-spacing: -2px;
      margin-bottom: 0.6em;
      color: $cl-postSumaryTilte;
    }
    .postText{
      letter-spacing: -1px;
      font-size: 0.9em;
      color: $cl-postText;
      font-family: "$text-font";
    }
}

.PostSummaryAnim {
  -webkit-animation: fade-in-up 230ms;
  animation: fade-in-up 230ms both;
  -webkit-animation-delay: 10ms;
  animation-delay: 10ms;
}

.linkImage{
    width: 100%;
    height: 130px;
    display: block;
    overflow: hidden;
    background-color: $bg-linkImage;
    img{
      margin-top: -25%;
    }
}

@import '../../../../styles/base.css';

.PostSummary {
  opacity: 0;
  margin-bottom: 1.8em;
    a h1 {
      font-family: "$display-regular";
      font-size: 2.9em;
      line-height: 1em;
      letter-spacing: -2px;
      margin-bottom: 0.5em;
      color: $cl-postSumaryTilte;
    }
    .postText{
      letter-spacing: -1px;
      font-size: 0.9em;
      color: $cl-postText;
      font-family: "$text-font";
    }
}

.PostSummaryAnim {
  -webkit-animation: fade-in-up 230ms;
  animation: fade-in-up 230ms both;
  -webkit-animation-delay: 10ms;
  animation-delay: 10ms;
}

.linkImage{
    width: 100%;
    height: 130px;
    display: block;
    overflow: hidden;
    background-color: $bg-linkImage;
    img{
      margin-top: -25%;
    }
}

Fix fonts and tags postion

Fix fonts and tags postion


a:hover {
  text-decoration: none;
}

.navbar-custom {
  height: 100px;
  background: #fff;
}

.navbar-logo-container {
  text-align: center;
  line-height: 100px;
}

.page-wrapper {
  padding-top : 150px;
}

.wrapper{
  width: 90%;
  margin: 0 auto;
  max-width: 850px;
}

.panel-default .status-up {
  background-color: #19be10;
}

.panel-default .status-down {
  background-color: #d7573e;
}

.panel-heading {
  height: 53px;
}

.panel-title {
  color: #fff;
  font-size: 21px;
  font-weight: 200;
  line-height: 33px;
}

.list-group-item {
  height: 62px;
  font-size: 16px;
  line-height: 42px;
}

.list-item-right {
  float: right;
  font-weight: 200;
}

.list-group-item .status-up {
  color: #19be10;
  background: #fff;
}

.list-group-item .status-down {
  color: #d7573e;
  background: #fff;
}

.page-footer {
    padding: 10px 0;
    overflow: hidden;
    margin-top: 70px;
    border-top: 1px solid #E0E0E0;;
}

.footer-text {
    color: #7B8994;
}

Add css for new design

Add css for new design


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

Add style for layout container

Add style for layout container


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

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

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

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

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

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

DOMUI: Fix the AutoFill profile list CSS selector for the last item.

BUG=none
TEST=none

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

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


/* LABELS */

.label {
  display: inline-block;
  padding: 0.04rem 0.4rem 0.08rem;
  font-size: 90%;
  color: var(--blue-800);
  background-color: var(--body-bg);
  border: 1px solid var(--blue-500);
  border-radius: var(--radius);
}

/* Spacing between labels */
.label + .label { margin-left: 1rem; }

/* LABELS */

.label {
  display: inline-block;
  padding: 0.04rem 0.4rem 0.08rem;
  font-size: 90%;
  color: var(--primary-gradient-100);
  background-color: var(--body-bg);
  border: 1px solid var(--primary);
  border-radius: var(--radius);
}

/* Spacing between labels */
.label + .label { margin-left: 1rem; }

Update labels to use new colours

Update labels to use new colours


body {
  background-color: #F5F5F5;
}

.content {
  padding: 0 25% 0 25%;
}

@media (max-width: 767px) {
  .content {
    padding: 0 0 0 0;
  }
}

.panel-title a {
  display: block;
  margin: -10px -15px;
  padding: 10px 15px;
}

.navbar-brand {
  align-items: center;
  display: flex;
}

.navbar-brand>img {
  padding: 7px 14px 7px 0px;
}

body {
  background-color: #F5F5F5;
}

.content {
  margin: 0 25% 0 25%;
}

@media (max-width: 767px) {
  .content {
    margin: 0 0 0 0;
  }
}

.panel-title a {
  display: block;
  margin: -10px -15px;
  padding: 10px 15px;
}

.navbar-brand {
  align-items: center;
  display: flex;
}

.navbar-brand>img {
  margin: 7px 14px 7px 0px;
}

Fix skewed logo on firefox

Fix skewed logo on firefox


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

.ng-scope {
  height: 100%;
}

.message {
  text-align: center;
}

nav {
  background-color: black;
}

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

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

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

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

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

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

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

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

.ng-scope {
  height: 100%;
}

.message {
  text-align: center;
}

nav {
  background-color: black;
}

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

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

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

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

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

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

.start-race {
  cursor: pointer;
}

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

Make start text have a pointer cursor

Make start text have a pointer cursor


.react-autosuggest__container {
	position: relative;
}

.react-autosuggest__input:focus {
	outline: none;
}

.react-autosuggest__container--open .react-autosuggest__input {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
	display: none;
}

.react-autosuggest__container--open .react-autosuggest__suggestions-container {
	display: block;
	position: absolute;
	top: 33px;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #fff;
	font-family: Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	z-index: 2;
}

.react-autosuggest__suggestions-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.react-autosuggest__suggestion {
	cursor: pointer;
	padding: 10px 20px;
}

.react-autosuggest__suggestion--focused {
	background-color: #ddd;
}

.react-autosuggest__container {
	position: relative;
}

.react-autosuggest__input:focus {
	outline: none;
}

.react-autosuggest__container--open .react-autosuggest__input {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
	display: none;
}

.react-autosuggest__container--open .react-autosuggest__suggestions-container {
	display: block;
	position: absolute;
	top: 33px;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #fff;
	font-family: Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	z-index: 5;
}

.react-autosuggest__suggestions-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.react-autosuggest__suggestion {
	cursor: pointer;
	padding: 10px 20px;
}

.react-autosuggest__suggestion--focused {
	background-color: #ddd;
}

Make autocomplete dropdown appear on top of active radio buttons

zIndex 5


.btn-toolbar .btn-group {
    margin-top: 9px;
}

.btn-toolbar .btn-group:last-child {
    margin-bottom: 9px;
}

output {
    margin-bottom: 40px;
    border-radius: 4px;
    height: 350px;
    padding: 9.5px;
    background-color: #2d2d2d;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 90%;
    color: #fff;
    overflow: auto;
}

.green {
    color: #a9d3ab;
}

.yellow {
    color: #fed37f;
}

.blue {
    color: #7aabd4;
}

.btn-toolbar {
    margin-bottom: 9px;
}

.btn-toolbar .btn-group {
    margin-top: 9px;
}

output {
    margin-bottom: 40px;
    border-radius: 4px;
    height: 350px;
    padding: 9.5px;
    background-color: #2d2d2d;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 90%;
    color: #fff;
    overflow: auto;
}

.green {
    color: #a9d3ab;
}

.yellow {
    color: #fed37f;
}

.blue {
    color: #7aabd4;
}

@media (max-width:480px) {

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

    .btn-toolbar .btn-group {
        float: none;
    }

}

Improve mobile visuals in the example

Improve mobile visuals in the example


html, body {
  height: 100%;
}
body {
  display: flex;
}
.box {
  flex: 1;
  display: flex;
  flex-flow: column;
  padding: 6px;
}
.box-title {
  font-weight: bold;
  font-size: 2em;
  flex: none;
}
.box-children {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.new-child {
  flex: none;
}

html, body {
  height: 100%;
}
body, .box {
  display: flex;
  flex: 1;
  align-items: stretch;
  flex-flow: column;
  padding: 6px;
}
.box-title {
  font-weight: bold;
  font-size: 2em;
  flex: none;
}
.box-children {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.new-child {
  flex: none;
}

Make body share box style

Make body share box style


html {
    background: #333;
    height: 100%;
}

body {
    padding: 20px;
    min-height: 100%;
    font-size: large;
    margin: 0 auto;
    max-width: 900px;
}

pre.src {
    font-size: large;
    padding: 0.5em;
}

span.code-highlighted {
    border-bottom: 2px solid red;
}

html {
    background: #333;
    height: 100%;
}

body {
    padding: 20px;
    min-height: 100%;
    font-size: large;
    margin: 0 auto;
    max-width: 900px;
}

pre.src {
    line-height: 1.5em;
    padding: 0.5em;
}

span.code-highlighted {
    border-bottom: 2px solid red;
}

Improve code rendering in woven documentation


.shortcut-table-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.shortcut-table__input {
  text-align: right;
  min-width: 10em;
}

.shortcut-table__action {
  text-align: left;
}

.shortcut-group:not(:last-child) {
  margin-bottom: calc(var(--spacing) / 2);
}

.shortcut-group > kbd {
  display: inline-block;
}

.shortcut-table-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.shortcut-table {
  margin: var(--spacing);
}

.shortcut-table__input {
  text-align: right;
  min-width: 10em;
}

.shortcut-table__action {
  text-align: left;
}

.shortcut-group:not(:last-child) {
  margin-bottom: calc(var(--spacing) / 2);
}

.shortcut-group > kbd {
  display: inline-block;
}

Add more shortcut table spacing

Add more shortcut table spacing


.hero {
  background-image: url('./raleigh.jpg');
}

.heading {
  color: #47566b;
  margin: 10%;
}

.textLink {
  color: #47566b;
  font-size: 1.2em;
}

.textLink:hover {
  color: #d1665a;
  font-size: 1.2em;
}

.hero {
  background-image: url('./raleigh.jpg');
}

@media screen and (min-width: 1200px) {
  .hero {
    background-size: 100%;
  }
}

@media screen and (max-width: 768px) {
  .hero {
    background-size: auto 150%;
  }
}

.heading {
  color: #47566b;
  padding: 3rem;
  height: 600px;
}

@media screen and (max-width: 768px) {
.heading {
    height: 450px;
  }
}

.textLink {
  color: #47566b;
  font-size: 1.2em;
}

.textLink:hover {
  color: #d1665a;
  font-size: 1.2em;
}

Adjust styles for background image & some media queries


MStatusBarStyle
{
    minimum-size: 100% $HEIGHT_STATUSBAR;
    preferred-size: 100% $HEIGHT_STATUSBAR;
    maximum-size: 100% $HEIGHT_STATUSBAR;
    background-color: none;
    reactive-margin-bottom: 1.5mm;
    use-swipe-gesture: false;
    swipe-threshold: 30;
    press-dim-factor: 0.6;
    enable-status-indicator-menu: true;
}

MStatusBarStyle#NoReactiveMargins
{
    reactive-margin-bottom: 0;
}

MStatusBarStyle
{
    minimum-size: 100% $HEIGHT_STATUSBAR;
    preferred-size: 100% $HEIGHT_STATUSBAR;
    maximum-size: 100% $HEIGHT_STATUSBAR;
    background-color: none;
    reactive-margin-bottom: 1.5mm;
    use-swipe-gesture: false;
    swipe-threshold: 30;
    press-dim-factor: 0.6;
    enable-status-indicator-menu: true;
    press-feedback: priority2_static_press;
    release-feedback: priority2_static_release;
}

MStatusBarStyle#NoReactiveMargins
{
    reactive-margin-bottom: 0;
}

Changes: Add press and release feedbacks to statusbar.

Details: Related to NB#268483, but requires some fixes in LMT as well.


.intro, footer {
  width: 400px;
  margin: auto;
}

.list {
  width: 430px;
  margin: 10px auto;
}
.item {
  border: 1px solid black;
  overflow: hidden;
  transform-origin: 30% 50% 0px;
  padding-left: 20px;
  background: white;
  max-height: 100%;
}
.item .dragHandle {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  width: 20px;
  height: 16px;
  background: url('grippy.png') 30% 50% no-repeat no-repeat;
}
.item:hover .dragHandle, .item.dragged .dragHandle {
  visibility: visible;
}
.item h2 {
  margin: 0;
}
.item .subtitle {
  font-weight: bold;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.intro, footer {
  width: 400px;
  margin: auto;
}

.list {
  width: 430px;
  margin: 10px auto;
  padding: 15px;
}
.item {
  border: 1px solid black;
  overflow: hidden;
  transform-origin: 30% 50% 0px;
  padding-left: 20px;
  background: white;
  max-height: 100%;
}
.item .dragHandle {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  width: 20px;
  height: 16px;
  background: url('grippy.png') 30% 50% no-repeat no-repeat;
}
.item:hover .dragHandle, .item.dragged .dragHandle {
  visibility: visible;
}
.item h2 {
  margin: 0;
}
.item .subtitle {
  font-weight: bold;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

Make example styling nicer for container case


Fix styles so they're more legible

Fix styles so they're more legible


/* MButtonIconStyle : MButtonStyle */
MButtonIconStyle {
    glow-color: #FFFF00;
    glow-duration: 800;
    glow-radius: 8;
    shrink-duration: 100;
    shrink-factor: 0.2;

    /* inherited from MButtonStyle */
    icon-align: center;

    /* inherited from MWidgetStyle */

    icon-size: $SIZE_ICON_DEFAULT $SIZE_ICON_DEFAULT;

    minimum-size: $SIZE_ICON_SMALL $SIZE_ICON_SMALL;
    preferred-size: $HEIGHT_NAVIGATIONBAR $HEIGHT_NAVIGATIONBAR;
    maximum-size: 12mm 12mm; /* set here for now, since app grid breaks if this changes! */

    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

/* MButtonIconStyle : MButtonStyle */
MButtonIconStyle {
    glow-color: #FFFFFF;
    glow-duration: 800;
    glow-radius: 8;
    shrink-duration: 100;
    shrink-factor: 0.2;

    /* inherited from MButtonStyle */
    icon-align: center;

    /* inherited from MWidgetStyle */

    icon-size: $SIZE_ICON_DEFAULT $SIZE_ICON_DEFAULT;

    minimum-size: $SIZE_ICON_SMALL $SIZE_ICON_SMALL;
    preferred-size: $HEIGHT_NAVIGATIONBAR $HEIGHT_NAVIGATIONBAR;
    maximum-size: 12mm 12mm; /* set here for now, since app grid breaks if this changes! */

    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

Changes: Use the same glow color in button icon view as home buttons have

RevBy: TrustMe


/*
Copyright 2015 Niklas Polke

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.
*/
ul.w3-ul li { border-bottom: 0 }
.w3-sidenav a:hover { background-color: #ffeb3b }

Change sidenav link hover colour to yellow


h3 {
  text-align: center;
}

body,
html {
  font-family: "Public Sans", sans-serif;
}

.card {
  display: inline-block !important;
  flex-grow: 1;
  margin: 20px 0 0 20px;
  width: calc(100% * (1 / 4) - 10px - 1px);
}

.btn {
  bottom: 0;
  vertical-align: bottom;
}

.btn-primary a {
  color: white;
  text-align: center;
  width: 20px;
}

.dropdown {
  float: right;
  margin-right: 1%;
}

.dropdown-toggle {
  border: solid 1px;
}

.filter-btn {
  bottom: 0;
  position: fixed;
  text-align: center;
}

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

.row > div[class*="col-"] {
  display: flex;
}

h3 {
  text-align: center;
}

body,
html {
  font-family: "Public Sans", sans-serif;
}

.card {
  display: inline-block !important;
  flex-grow: 1;
  margin: 20px 0 0 20px;
  /* width: 15% !important; */
  /* width: calc(100% * (1 / 4) - 10px - 1px); */
}

.card-columns {
  column-count: 4 !important;
}

.btn {
  bottom: 0;
  vertical-align: bottom;
}

.btn-primary a {
  color: white;
  text-align: center;
  width: 20px;
}

.dropdown {
  float: right;
  margin-right: 1%;
}

.dropdown-toggle {
  border: solid 1px;
}

.filter-btn {
  bottom: 0;
  position: fixed;
  text-align: center;
}

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

.row > div[class*="col-"] {
  display: flex;
}

#event-container {
  margin: 50px 150px;
}

#search-container {
  margin: 50px 100px !important;
}

#search-container .card {
  width: 20% !important;
}

Add styling for events feed

Add styling for events feed


main {
  background-color: white;
  padding: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2em;
  box-shadow: 0em .5em 1em #1976D2
}

section h2 {
  text-align: center;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2em;
}

.f-table {
  position: absolute;
  bottom: 0;
}

main {
  background-color: white;
  padding: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2em;
  box-shadow: 0em .5em 1em #1976D2
}

main ol li a {
  color: #1976D2;
}

section h2 {
  text-align: center;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2em;
}

.f-table {
  position: absolute;
  bottom: 0;
}

Fix unvisited link color on blog page

Fix unvisited link color on blog page


table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}
body {
    background-color: #c1b89b;
}
td, th, table {
    font-family:Arial,sans-serif;
    border: 1px solid black;
}
td, th {
    padding: 0.05em 0.4em;
}
td {
    background-color: #ddd;
}
a {
    text-decoration: none;
}

Move CSS to external file.

Move CSS to external file.


*{
  background-color: #FFFFE0;
}

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

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

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

.Strings{
  height: 50px;
}

.Integers{
  height: 50px;
}

.Arrays{
  height: 100px;
}

.Hashes{
  height: 100px;
}

*{
  background-color: #FFFFE0;
}

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

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

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

#Strings{
  height: 50px;
}

#Integers{
  height: 50px;
}

#Arrays{
  height: 100px;
}

#Hashes{
  height: 100px;
}

Edit css to swap class/id calls

Edit css to swap class/id calls


body {
    background-color: black;
    text-align: center;
    color: #bbb;
    font-family: sans-serif;
    overflow: hidden;
    font-size: 48pt;
}

#image {
    border: 1px solid #333;
}

.keyword {
    font-size: 56pt;
    color: white;
    display: inline-block;
}

.keyword.target {

}

.keyword.complete {

}

.char.target {
    border-bottom: 6px solid red;
}

.char.complete {
    color: #ffbbbb;
}

body {
    background-color: black;
    text-align: center;
    color: #bbb;
    font-family: sans-serif;
    overflow: hidden;
    font-size: 48pt;
}

#image {
    border: 1px solid #333;
}

.keyword {
    font-size: 60pt;
    color: white;
    display: inline-block;
}

.keyword.target {

}

.keyword.complete {

}

.char.target {
    border-bottom: 6px solid red;
}

.char.complete {
    color: #ff9999;
}

Adjust styles for HDMI screen

Adjust styles for HDMI screen


.md-editor {
	margin-left: 10em;
	width: 640px;
}
.wide .md-editor {
	margin-left: 17.4em;
}
.md-editor .md-preview p {
	margin: inherit;
	padding: inherit;
	font-size: 14px;
}
body.djangocms-admin-style .md-editor {
    margin-left: inherit !important;
    width: auto !important;
}
body.djangocms-admin-style .md-editor .btn {
    padding: 5px 10px !important;
}

Fix styling when using djangocms-admin-style.


/*
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: 140px;
}

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

Adjust location of "Behavior" string in content settings exception table.

The desired horizontal position changed from moving the Add New row to the bottom.

BUG=none
TEST=visual

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

git-svn-id: http://src.chromium.org/svn/trunk/src@77537 4ff67af0-8c30-449e-8e8b-ad334ec8d88c

Former-commit-id: ba3f8357fbce0880564933f90a237d7e21b07bc2


body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

.styled-checkbox {
  width: 100%;
}

.styled-checkbox:before {
  outline: 1px solid black;
  font-family: 'Glyphicons Halflings';
  content: '';
  margin-top: 5px;
  width: 15px;
  height: 15px;
  position: absolute;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  line-height: 15px;
}

.styled-checkbox.checked:before
{
  content: '\e013';
}

.styled-checkbox > input[type='checkbox'] {
  opacity: 0;
}

.styled-checkbox > span {
  height: 100%;
  margin-left: 10px;
  font-weight: normal;
}

div.toolbar-pf {
  height: 38px;
  padding-top: 0;
  margin-top: 5px;
}

.alert {
  top: 30px;
  margin-left: 201px;
}

.bootstrap-switch-container .bootstrap-switch-label {
  height: 27px !important;
  margin-bottom: -8px !important;
}

.bootstrap-switch-handle-on {
  padding: 4px !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

.styled-checkbox {
  width: 100%;
}

.styled-checkbox:before {
  outline: 1px solid black;
  font-family: 'Glyphicons Halflings';
  content: '';
  margin-top: 5px;
  width: 15px;
  height: 15px;
  position: absolute;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  line-height: 15px;
}

.styled-checkbox.checked:before
{
  content: '\e013';
}

.styled-checkbox > input[type='checkbox'] {
  opacity: 0;
}

.styled-checkbox > span {
  height: 100%;
  margin-left: 10px;
  font-weight: normal;
}

div.toolbar-pf {
  height: 38px;
  padding-top: 0;
  margin-top: 5px;
}

.alert {
  top: 30px;
  margin-left: 201px;
}

.bootstrap-switch-container .bootstrap-switch-label {
  height: 27px !important;
  margin-bottom: -9px !important;
}

.bootstrap-switch-handle-on {
  padding: 5px !important;
}

Improve styling of bootstrap's Switch

Improve styling of bootstrap's Switch


* {
  font-family: 'Cutive mono', monospace;
}

main {
  margin-top: 5em;
  margin-bottom: 5em;
}

.blog-header {
  width: 55%;
  margin: auto;
  text-align: center;
  line-height: ;
}

.blog-header h2 {
  font-size: 0.9em;
}

.blog-header h4 {
  font-style: italic;
}

.blog-post {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7px;
  margin: auto;
  text-align: justify;
  font-size: 1.3em;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.2));
  border-radius: 30px;
}

#edit {
  font-style: italic;
}

* {
  font-family: 'Cutive mono', monospace;
}

main {
  margin-top: 5em;
  margin-bottom: 5em;
}

.blog-header {
  width: 55%;
  margin: auto;
  text-align: center;
  line-height: ;
}

.blog-header h2 {
  font-size: 0.9em;
}

.blog-header h4 {
  font-style: italic;
}

.blog-post {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7px;
  margin: auto;
  text-align: justify;
  font-size: 1.3em;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.2));
  border-radius: 30px;
}

.blog-post p:first-child:first-letter {
  float: left;
  font-size: 4.7em;
  padding-top: -1px;
  padding-right: 10px;
  margin-top: -20px;
  margin-bottom: -40px;
}

#edit {
  font-style: italic;
}

Add psuedoselectors for 1st letter in post


.overflowHidden {
  overflow: hidden;
}

.noScroll {
  overflow: hidden;
  position: fixed;
  height: 0;
  width: 100%;
  top: 0;
  -webkit-overflow-scrolling: auto;
}

Add overflow hidden to body class name

Add overflow hidden to body class name

https://github.com/NGMarmaduke/bloom/commit/70bdf8d80b0065eab8d066e1a0ed
4251da7d8c82#diff-bf7a952ea594db0c1415b99259c83603R3

This change broke the map on touch devices, position: fixed prevented
gestures on the map


#projects th, #projects .abstract {
  cursor: pointer;
}

#projects th .glyphicon {
  display: none;
  padding-left: 5px;
}

#projects th.sorting-asc .asc-icon {
  display: inline;
}

#projects th.sorting-desc .desc-icon {
  display: inline;
}

#filter-trigger-container {
  text-align: right;
  padding-bottom: 20px;
}

#projects th, #projects .abstract {
  cursor: pointer;
}

#projects th .glyphicon {
  display: none;
  padding-left: 5px;
}

#projects th.sorting-asc .asc-icon {
  display: inline;
}

#projects th.sorting-desc .desc-icon {
  display: inline;
}

#filter-trigger-container {
  padding-bottom: 20px;
}

Make filter button left- rather than right-aligned.


.paint-canvas {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.paint-canvas-public {
	background-image: url("images/transparent.png");
}

.paint-selected-tool {
	background:rgb(190, 190, 190);
}

.paint-selected-tool:hover {
	background:rgb(180, 180, 180);
}

.mouse-coords {
	position: absolute;
	left: 0;
	bottom: 0;
	background: white;
	padding: .3em;
}

Add styling to mouse coords

Add styling to mouse coords


#rating_history_container {
  width: 354px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#rating_history_title {

}

#rating_history_container ul {
  height: 314px;
  overflow: auto;
  list-style: none;
  width: 88%;
}

#rating_history_container {
  width: 380px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#rating_history_title {

}

#rating_history_container ul {
  height: 314px;
  overflow: auto;
  list-style: none;
  width: 100%;
}

Fix width of ratings history

Fix width of ratings history


/* for all pages should include this */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,300italic,300|Source+Serif+Pro|Source+Code+Pro:400,300,500&subset=latin,latin-ext);
body {
    font-smoothing: subpixel-antialiased !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: auto !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    /*text-rendering: optimizeLegibility;*/
    -webkit-overflow-scrolling: touch;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    letter-spacing: 0.025em;
}
:focus, .focus {
    outline: none !important;
}
::-moz-focus-inner {
    border: 0 !important;
}

/* manual fix for bootstrap issue 14040, there is an unnecessary padding-right on modal open */
body.modal-open {
    overflow-y: auto;
    padding-right: 0 !important;
}

/* for all pages should include this */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,300italic,300|Source+Serif+Pro|Source+Code+Pro:400,300,500&subset=latin,latin-ext);
body {
    font-smoothing: subpixel-antialiased !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: auto !important;
    text-shadow: 1px 1px 1.1px rgba(0, 0, 0, 0.004);
    /*text-rendering: optimizeLegibility;*/
    -webkit-overflow-scrolling: touch;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    letter-spacing: 0.025em;
}
:focus, .focus {
    outline: none !important;
}
::-moz-focus-inner {
    border: 0 !important;
}

/* manual fix for bootstrap issue 14040, there is an unnecessary padding-right on modal open */
body.modal-open {
    overflow-y: auto;
    padding-right: 0 !important;
}

Fix text-shadow for text antialiased might cause IE or Edge text cutoff


.time-range-form {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  padding: 5px 10px;
  width: 100%;
}

.receipt-img {
  display: block;
  height: 50%;
  width: 100%;
}

.error-message {
  padding: 5% 15%;
}

.search-bar {
  background-color: #f7f7f7;
  padding: 0.3% 0 0.8%;
}

.no-padding {
  margin: 0 !important;
  padding: 2% 0 0 !important;
}

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

.slider-keypress .noUi-connect {
  background: #17a2b8;
}

Change color of range slider to match other buttons


.title {
	text-align: center;
}

#home {

	margin-left: 90%;
	width:60px;
	height:60px;

}

.links {
	width: 60px;
	height: 60px;
}

.table {
	margin-left: 41.5%;

}

#home2 {
	margin-left: 48%;
	width:60px;
	position: fixed;
}

Copy stylesheet and add to blog directory


.stateSchools {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-around;
}

.select {
  min-width: 300px;
}

/* iPhone Safari-only media query to prevent zoom effect when the select is focused */
/* see https://stackoverflow.com/questions/6483425/prevent-iphone-from-zooming-in-on-select-in-web-app */

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  .select input {
    font-size: 16px !important;
  }

  .select input:focus {
          font-size: 16px !important;
      }
  }

Add fix to prevent zooming on iPhone when select focused


/*
 * 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 jquery.alerts/jquery.alerts
 *= require jquery.alerts/jquery.alerts.spree
 *= require ./admin-reset
 *= require ./admin-tables
 *= require ./admin-form
 *= require ./admin-typography.css
 *= require ./admin
 *= require ./edit_checkouts.css
 *= require ./grids.css
 *= require ./token-input.css
 *= require jquery-ui.datepicker
*/

/*
 * 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 jquery.alerts/jquery.alerts
 *= require jquery.alerts/jquery.alerts.spree
 *= require admin/admin-reset
 *= require admin/admin-tables
 *= require admin/admin-form
 *= require admin/admin-typography.css
 *= require admin/admin
 *= require admin/edit_checkouts.css
 *= require admin/grids.css
 *= require admin/token-input.css
 *= require jquery-ui.datepicker
*/

Make asset requires use pathname and not relative ./


/*
 * Author:        Pierre-Henry Soria <ph7software@gmail.com>
 * Copyright:     (c) 2012-2017, Pierre-Henry Soria. All Rights Reserved.
 * License:       GNU General Public License; See PH7.LICENSE.txt and PH7.COPYRIGHT.txt in the root directory.
 */

.post-edit{color:#999}
.post-ident{background:#F1F1F1;border-color:#DDE4EB;border-style:none none dashed none;border-width:1px;padding:.35em 0;margin-top:10%}

/*
 * Author:        Pierre-Henry Soria <ph7software@gmail.com>
 * Copyright:     (c) 2012-2017, Pierre-Henry Soria. All Rights Reserved.
 * License:       GNU General Public License; See PH7.LICENSE.txt and PH7.COPYRIGHT.txt in the root directory.
 */

.post-edit {
    color: #999;
}
.post-ident {
    background: #F1F1F1;
    border-color: #DDE4EB;
    border-style: none none dashed none;
    border-width: 1px;padding:.35em 0;
    margin-top:10%;
    margin-bottom: 5px;
}

Add 5px margin bottom for Forum post bar + fix indentation


/**
 * @project     OTRS (http://www.otrs.org) - Agent Frontend
 * @version     $Revision: 1.5 $
 * @copyright   OTRS AG
 * @license     AGPL (http://www.gnu.org/licenses/agpl.txt)
 * @css-for     IE7
 */

/**
 * @package     Skin "Default"
 * @section     TicketDetails
 */

@media screen,projection,tv,handheld {

/**
 * @bugfix      HasLayout rendering bug
 */

.WidgetSimple {
    zoom: 1;
}

.WidgetBox .Content {
    margin-top: -4px;
}

.WidgetPopup > .Header,
.WidgetPopup > .Footer {
    zoom: 1;
}

.WidgetAction {
    float: none;
    zoom: 1;
    display: inline;
}

.ActionList button {
    margin-top: 1px;
}

ul.Tablelike {
    zoom: 1;
}

ul.Tablelike li {
    margin-bottom: -3px;
}

ul.Tablelike li.Header {
    margin-bottom: 0;
}

button.CallForAction {
    display: inline;
    position: relative;
}

button.CallForAction span {
    padding: 3px 0 1px;
    margin: 0;
    border: 0;
    height: auto;
}

} /* end @media */

/**
 * @project     OTRS (http://www.otrs.org) - Agent Frontend
 * @version     $Revision: 1.6 $
 * @copyright   OTRS AG
 * @license     AGPL (http://www.gnu.org/licenses/agpl.txt)
 * @css-for     IE7
 */

/**
 * @package     Skin "Default"
 * @section     TicketDetails
 */

@media screen,projection,tv,handheld {

/**
 * @bugfix      HasLayout rendering bug
 */

.WidgetSimple {
    zoom: 1;
}

.WidgetBox .Content {
    margin-top: -4px;
}

.WidgetPopup > .Header,
.WidgetPopup > .Footer {
    zoom: 1;
}

.WidgetAction {
    float: none;
    zoom: 1;
    display: inline;
}

.WidgetAction.Toggle a {
    background: url(../img/empty_background.png);
}

.ActionList button {
    margin-top: 1px;
}

ul.Tablelike {
    zoom: 1;
}

ul.Tablelike li {
    margin-bottom: -3px;
}

ul.Tablelike li.Header {
    margin-bottom: 0;
}

button.CallForAction {
    display: inline;
    position: relative;
}

button.CallForAction span {
    padding: 3px 0 1px;
    margin: 0;
    border: 0;
    height: auto;
}

} /* end @media */

Fix for block anchor in the widget toggle: empty background image.


.picker-widget > .picker-glass { float: right; line-height: 1.5; }
.picker-widget > .picker-select { margin-right: 1.5em; }
.picker-panel {
    height: 400px;
    overflow-y: scroll;
    width: 100%;
}
.picker-panel tr {
    cursor: pointer;
}
.picker-panel tr:hover td,
.picker-panel tr:hover th {
    background-color: #ffe52f !important;
}

.picker-widget > .picker-glass { float: right; line-height: 2; }
.picker-widget > .picker-select { margin-right: 1.5em; }
.picker-panel {
    height: 400px;
    overflow-y: scroll;
    width: 100%;
}
.picker-panel tr {
    cursor: pointer;
}
.picker-panel tr:hover td,
.picker-panel tr:hover th {
    background-color: #ffe52f !important;
}

Fix the alignment of the picker glass

Fix the alignment of the picker glass


.table-log th.selector {
  width: 25px;
}
.table-log .coins {
  text-align: right;
}
.table-log .ignore {
  color: gray;
}
.modal-body {
    height: calc(100vh - 212px);
    overflow-y: auto;
}

.table-log th.selector {
  width: 25px;
}
.table-log .coins {
  text-align: right;
}
.table-log .ignore {
  color: gray;
}
.table-log tbody>tr:hover {
    background-color: lightGray !important;
}
.modal-body {
    height: calc(100vh - 212px);
    overflow-y: auto;
}

Make Log Modal row hover have a gray highlight

Signed-off-by: Jeremy Ho <2afe03cd4357ca2b7c19ef9f5a523dd58b97f49a@gmail.com>


/* [XUL] Change the location bar color for secure sites */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#urlbar[pageproxystate="valid"] #identity-box.verifiedIdentity,
#urlbar[pageproxystate="valid"] #identity-box.verifiedDomain,
#urlbar[pageproxystate="valid"] #identity-box.mixedActiveBlocked {
  background-color: #ffb !important;
}

#urlbar[pageproxystate="valid"] #identity-box.mixedDisplayContent,
#urlbar[pageproxystate="valid"] #identity-box.mixedDisplayContentLoadedActiveBlocked {
  background-color: #fcc !important;
}

/* [XUL] Change the location bar color for secure sites */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#urlbar[pageproxystate="valid"] #identity-box.verifiedIdentity {
  background-color: #efe !important;
}

#urlbar[pageproxystate="valid"] #identity-box.verifiedDomain,
#urlbar[pageproxystate="valid"] #identity-box.mixedActiveBlocked {
  background-color: #ffb !important;
}

#urlbar[pageproxystate="valid"] #identity-box.mixedDisplayContent,
#urlbar[pageproxystate="valid"] #identity-box.mixedDisplayContentLoadedActiveBlocked {
  background-color: #fcc !important;
}

Change a color for EV

Change a color for EV


.hr {
    border-color: #b0e0d2;
    width: 50px;
    margin-top: 12px;
}

.collection {
    color: #767676;
    margin-bottom: 12px;
    margin-top: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-evenly;

    &:hover {
        background-color: #d7d7d7;
    }
}

.myCollection {
    font-size: 1.45em;
    font-weight: 500;
    padding: 0px 70px 0px 0px;
}

.plus {
    font-size: 2em;
    font-weight: bold;
    cursor: pointer;
    margin-right: 5px;
}

.button {
    display: inline;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    outline: none;
    padding: 0px;
}

.allLists {
    height: inherit;
    min-width: 20vw;
    overflow: hidden;
}

.allListsInner {
    height: inherit;
    min-width: 20vw;
    overflow-y: auto;
}

/* width */
.allLists::-webkit-scrollbar {
    display: none;
}

/* Track */
.allLists::-webkit-scrollbar-track {
    display: none;
}

.hr {
    border-color: #b0e0d2;
    width: 50px;
    margin-top: 12px;
}

.collection {
    color: #767676;
    margin-bottom: 12px;
    margin-top: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-evenly;

    &:hover {
        background-color: #d7d7d7;
    }
}

.myCollection {
    font-size: 1.45em;
    font-weight: 500;
    padding: 0px 70px 0px 0px;
}

.plus {
    font-size: 2em;
    font-weight: bold;
    cursor: pointer;
    margin-right: 5px;
}

.button {
    display: inline;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    outline: none;
    padding: 0px;
}

.allLists {
    height: inherit;
    min-width: 20vw;
    overflow: hidden;
    width: max-content;
}

.allListsInner {
    height: inherit;
    min-width: 20vw;
    overflow-y: auto;
}

/* width */
.allLists::-webkit-scrollbar {
    display: none;
}

/* Track */
.allLists::-webkit-scrollbar-track {
    display: none;
}

Fix buttons not visible in smaller devices.


.list-sample {
	background-color: gray;
}
.list-sample-list {
	width: 50%;
	min-width: 300px;
	max-width: 600px;
	margin: auto;
	background-color: #eee;
}
.list-sample-item {
	border: 1px solid silver;
	padding: 18px;
	font-size: 18px;
	font-weight: bold;
}
.list-sample-index {
	float: right;
	font-size: 16px;
	font-weight: normal;
}
.list-sample-selected {
	background-color: #c4e3fe;
}
// needed to make onyx-highlight more specific for highlighting to work
.onyx-highlight.list-sample-selected {
	background-color: #dedfdf;
}

.list-sample {
	background-color: gray;
}
.list-sample-list {
	width: 50%;
	min-width: 300px;
	max-width: 600px;
	margin: auto;
	background-color: #eee;
}
.list-sample-item {
	border: 1px solid silver;
	padding: 18px;
	font-size: 18px;
	font-weight: bold;
}
.list-sample-index {
	float: right;
	font-size: 16px;
	font-weight: normal;
}
.list-sample-selected {
	background-color: #c4e3fe;
}
/* needed to make onyx-highlight more specific for highlighting to work */
.onyx-highlight.list-sample-selected {
	background-color: #dedfdf;
}

Fix bad comment in CSS file (oops!)

Fix bad comment in CSS file (oops!)

Enyo-DCO-1.1-Signed-Off-By: Ben Combee (ben.combee@palm.com)


#bottom {
  font-family: sans-serif;
  color: #666;
  font-size: 15px;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

#faq {
  margin-top: 50px;
}

.question {
  font-weight: bold;
}

.answer {
  margin-bottom: 20px;
}

.italic {
  font-style: italic;
}

#contact {
}

// Styles for timeline flags

.palmyra {
  background-color: #f00;
}

// End styles for timeline flags

#bottom {
  font-family: sans-serif;
  color: #666;
  font-size: 15px;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 700px) {
  #bottom { width: 70%; }
}

#faq {
  margin-top: 50px;
}

.question {
  font-weight: bold;
}

.answer {
  margin-bottom: 20px;
}

.italic {
  font-style: italic;
}

#contact {
}

// Styles for timeline flags

.palmyra {
  background-color: #f00;
}

// End styles for timeline flags

Add media query for smaller screens

Add media query for smaller screens


.scroll-downs {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 2.125rem;
	height: 3.4375rem;
}

.mousey {
	width: 3px;
	padding: 10px 15px;
	height: 100%;
	border: 2px solid #fff;
	border-radius: 25px;
	opacity: 0.75;
}

.scroller {
	width: 3px;
	height: 10px;
	border-radius: 25%;
	background-color: #fff;
	animation-name: scroll;
	animation-duration: 1.5s;
	animation-timing-function: cubic-bezier(.15, .41, .69, .94);
	animation-iteration-count: infinite;
}

@keyframes scroll {
	0% {
		opacity: 0;
	}
	10% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(15px);
		opacity: 0;
	}
}

.scroll-downs {
	position: absolute;
	right: 0;
	bottom: 1rem;
	left: 0;
	margin: auto;
	width: 2.125rem;
	height: 3.4375rem;
}

@media screen and (max-height: 415px) {
	.scroll-downs {
		display: none;
	}
}

.mousey {
	width: 3px;
	padding: 10px 15px;
	height: 100%;
	border: 2px solid #fff;
	border-radius: 25px;
	opacity: 0.75;
}

.scroller {
	width: 3px;
	height: 10px;
	border-radius: 25%;
	background-color: #fff;
	animation-name: scroll;
	animation-duration: 1.5s;
	animation-timing-function: cubic-bezier(.15, .41, .69, .94);
	animation-iteration-count: infinite;
}

@keyframes scroll {
	0% {
		opacity: 0;
	}
	10% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(15px);
		opacity: 0;
	}
}

Set bottom distance and will not show on min height


/*** DefaultButton (replaces old version, this one uses hover effects) ***/
.ui-dbtn {
	margin: 2px;
}
.ui-dbtn:HOVER, .ui-dbtn:FOCUS {
	background-position: 0px -<%= defaultbutton_height %>px;
}

/*** DefaultButton (replaces old version, this one uses hover effects) ***/
.ui-dbtn {
	margin: 2px;
	background-color: transparent;
}
.ui-dbtn:HOVER, .ui-dbtn:FOCUS {
	background-position: 0px -<%= defaultbutton_height %>px;
}

Make sure the background color of a button is transparent; it is grey in FFox.


.category-amount {
  white-space: nowrap;
  text-align: right;
}

.category-available > sup {
  margin-left: 0.5ex;
  margin-right: 0.25ex;
}

.category-budgeted {
	font-size: 1.2rem;
	vertical-align: bottom;
}

#category-list td {
  border: none;
  vertical-align: middle;
}

.category-name {

}

.category-graph {
  border: 1px solid #000;
  border-radius: 4px;
}

.category-graph-line {
	height: 6px;
	margin: auto 0;
  min-width: 8px;
}
.category-graph-line.danger {
  background-color: red;
}
.category-graph-line.success {
  background-color: green;
}
.category-graph-line.warning {
  background-color: orange;
}

.full-width {
  width: 100%;
}

.width-10 {
  width: 10%;
}

.width-80 {
  width: 80%;
}

.category-amount {
  white-space: nowrap;
  text-align: right;
}

.category-available > sup {
  margin-left: 0.5ex;
  margin-right: 0.25ex;
}

.category-budgeted {
	font-size: 1.2rem;
	vertical-align: bottom;
}

#category-list td {
  border: none;
  vertical-align: middle;
}

.category-name {

}

.category-graph {
}

.category-graph-line {
  border-radius: 4px;
	height: 6px;
	margin: auto 0;
  min-width: 8px;
}
.category-graph-line.danger {
  background-color: red;
}
.category-graph-line.success {
  background-color: green;
}
.category-graph-line.warning {
  background-color: orange;
}

.full-width {
  width: 100%;
}

.width-10 {
  width: 10%;
}

.width-80 {
  width: 80%;
}

Fix border and radius of category graph.


/*.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
  height: 250px;
}*/

.portfolio-fix {
  height: 250px;
}

.portfolio-fix {
  height: 250px;
}

.navbar {
  background: rgba(0,0,0,0.3);
}

header {
  height: 100vh;
}

Add transparent navbar and change height of header


@import url("main/service/prov/font-mfizz.css")
.masonry-container .node.service-prov.mode-th-list table.subscriptions th.features {
	width: 80px;
}
.masonry-container .node.service-prov.mode-th-large table.subscriptions th.features {
	width: 58px;
}
.masonry-container .node.service-prov table.subscriptions th.features {
	width: 50px;
}

@import url("font-mfizz.css");
.masonry-container .node.service-prov.mode-th-list table.subscriptions th.features {
	width: 80px;
}
.masonry-container .node.service-prov.mode-th-large table.subscriptions th.features {
	width: 58px;
}
.masonry-container .node.service-prov table.subscriptions th.features {
	width: 50px;
}

Fix Webfont URL import leading 404

Fix Webfont URL import leading 404


.progress-wrapper {
    width: calc(100%);
    display: inline-block;
    text-align: center;
}

/* NOTE: Spacing between progress bars.  */
.progress-wrapper > * {
    margin: 0px 20px;
}

.progress {
    width: calc(20%);
    margin: auto;
    display: inline-block;
}

.progress-bar-displaying {
    color: black;
}

.transpatent-element {
    display: none;
}

/* Warning: potential problem with margining. The margin-bottom is set to exclude overlaaying with mongoose-setup-footer. */
.main-content {
    margin-bottom: calc(5%);
}

.processing-tab {
    background-color: lightgreen;
    color: white;
    border: 0.5px solid lightyellow;
    transition-timing-function: ease-out;
    transition: 0.2s;

    /* NOTE: Making the tab bigger if its content is currently processing. */
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/* NOTE: Footer which is fixed at the bottom.  */
#mongoose-setup-footer {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: calc(1%) calc(1%);
}

.progress-wrapper {
    width: calc(100%);
    display: inline-block;
    text-align: center;
}

/* NOTE: Spacing between progress bars.  */
.progress-wrapper > * {
    margin: 0px 20px;
}

.progress {
    width: calc(20%);
    margin: auto;
    display: inline-block;
}

.progress:hover {
    border: 1px gray solid;
}

.progress-bar-displaying {
    color: black;
}

.transpatent-element {
    display: none;
}

/* Warning: potential problem with margining. The margin-bottom is set to exclude overlaaying with mongoose-setup-footer. */
.main-content {
    margin-bottom: calc(5%);
}

.processing-tab {
    background-color: lightgreen;
    color: white;
    border: 0.5px solid lightyellow;
    transition-timing-function: ease-out;
    transition: 0.2s;

    /* NOTE: Making the tab bigger if its content is currently processing. */
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/* NOTE: Footer which is fixed at the bottom.  */
#mongoose-setup-footer {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: calc(1%) calc(1%);
}

Add border on hovering the tab element.

Add border on hovering the tab element.


/* Conditional stylesheet for IE. */

.leaflet-draw-toolbar {
	border: 3px solid #999;
}

.leaflet-draw-toolbar a {
	background-color: #eee;
}

.leaflet-draw-toolbar a:hover {
	background-color: #fff;
}

.leaflet-edit-marker-selected {
	border: 4px dashed #fe93c2;
}

/* Conditional stylesheet for IE. */

.leaflet-draw-toolbar {
	border: 3px solid #999;
}

.leaflet-draw-toolbar a {
	background-color: #eee;
}

.leaflet-draw-toolbar a:hover {
	background-color: #fff;
}

.leaflet-draw-actions {
	left: 32px;
	margin-top: 3px;
}

.leaflet-edit-marker-selected {
	border: 4px dashed #fe93c2;
}

.leaflet-draw-actions a {
	background-color: #999;
}

.leaflet-draw-actions a:hover {
	background-color: #a5a5a5;
}

.leaflet-draw-actions-top a {
	margin-top: 1px;
}

.leaflet-draw-actions-bottom a {
	height: 28px;
	line-height: 28px;
}

.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
	height: 27px;
	line-height: 27px;
}

Fix actions bar for oldIE

Fix actions bar for oldIE


div.wikientry {
	border: 1px solid #F2F2F2;
	background-color: #F7F7F7;
	padding: 8px;
}
div.thumb {
	border: 1px solid #DEDEDE;
	float: right;
	clear: right;
	margin: 0 0 1em 1em;
	padding: 3px;
	padding-left: 5px;
	padding-top: 5px;
}
div.wiki_source {
	font-size: 10px;
}

Add css for wiki articles.

Add css for wiki articles.


.slideHeader {
    background-image: url("../../../images/nflogo.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 20vh;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.slideHeader > a {
    margin: 0.5em;
    color: white;
    cursor: pointer;
}

.slideContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
}

.slide {
    height: 100%;
}

.slideHeader {
    background-image: url("../../../images/nflogo.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 20vh;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.slideHeader > a {
    margin: 0.5em;
    color: white;
    cursor: pointer;
    text-decoration: none;
}

.slideContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
}

.slide {
    height: 100%;
}

Remove underlines on header links

Remove underlines on header links


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

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

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

.mint {
  color: var(--color-mint-darkest);
}

.violet {
  color: var(--color-violet-darkest);
}

.ruby {
  color: var(--color-ruby-darkest);
}

.gold {
  color: var(--color-gold-darkest);
}

.aqua {
  color: var(--color-aqua-darkest);
}

@import '@teamleader/ui-colors';

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

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

.mint {
  color: var(--color-mint-darkest);
}

.violet {
  color: var(--color-violet-darkest);
}

.ruby {
  color: var(--color-ruby-darkest);
}

.gold {
  color: var(--color-gold-darkest);
}

.aqua {
  color: var(--color-aqua-darkest);
}

Remove unused import of ui-utilities

Remove unused import of ui-utilities


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

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

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

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

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

ul {
  list-style-type: circle;
}

paper-button {
  width: 100%
}

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

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

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

Add margin to increase readibility

Add margin to increase readibility