#spice_book .spice_pane_left {
    width: 40%;
    display: inline-block;
}

#spice_book .spice_pane_right {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid rgba(0,0,0,0.1);
    padding-left: 10px;
}

#spice_book .book_data_item {
    display: inline-block;
    padding-right: 6px;
    color: gray;
}

#spice_book #critic-link {
    float: right;
}

#spice_book #book-rating-visual {
    display: inline;
    width: 21px;
    vertical-align: -12%;
}

@media (max-width: 320px) {
    #spice_book .spice_pane_right {
	padding-left: 0px;
	border-left: 0px none;
	width: 100%;
    }

    #spice_book .spice_pane_left {
	width: 100%;
    }
}

#spice_book .spice_pane_left {
    width: 40%;
    display: inline-block;
}

#spice_book .spice_pane_right {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid rgba(0,0,0,0.1);
    padding-left: 10px;
}

#spice_book .book_data_item {
    display: inline-block;
    padding-right: 6px;
    color: gray;
}

#spice_book #critic-link {
    float: right;
}

#spice_book #book-rating-visual {
    display: inline;
    width: 21px;
    vertical-align: -12%;
}

@media (max-width: 360px) {
    #spice_book .spice_pane_right {
	padding-left: 0px;
	border-left: 0px none;
	width: 100%;
    }

    #spice_book .spice_pane_left {
	width: 100%;
    }
}

Change the CSS at size 360px.

Book: Change the CSS at size 360px.

320px is too small, and it already looks weird before it hits that size.


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


#minkuiX {width: 100%; height: 80px; background-color: #eef; margin: 0; top: 0; position: fixed; padding: 5px; border-bottom: 3px double #ccf;}
#minkuiX #minkLogo {height: 100%; float: left;}
h1 {font-size: 14px; font-family: 'Futura', 'Century Gothic', AppleGothic, sans-serif;}

#minkuiX {width: 100%; height: 80px; background-color: #eef; margin: 0; top: 0; position: fixed; padding: 5px; border-bottom: 3px double #ccf; z-index:99999;}
#minkuiX #minkLogo {height: 100%; float: left;}
h1 {font-size: 14px; font-family: 'Futura', 'Century Gothic', AppleGothic, sans-serif;}

Change z-index of shadow DOM UI to ensure visible over web page contents.


body,
button,
input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
}

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

p,
li {
  max-width: 800px;
}

label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.demo {
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}

.small {
  height: 180px;
  width: 250px;
}

.medium {
  height: 250px;
  width: 300px;
}

.padded {
  padding: 20px;
}

.fullScreen {
  display: flex;
  flex-direction: column;
  height: 100%;
}

[unresolved] {
  display: none;
}

:not(:defined) {
  display: none;
}

body,
button,
input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
}

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

p,
li {
  max-width: 800px;
}

label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.demo {
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}

.small {
  height: 180px;
  width: 250px;
}

.medium {
  height: 250px;
  width: 300px;
}

.padded {
  padding: 20px;
}

.fullScreen {
  display: flex;
  flex-direction: column;
  height: 100%;
}

[unresolved] {
  visibility: hidden;
}

:not(:defined) {
  visibility: hidden;
}

Make unresolved components invisible rather than display: none. Seems that latter causes components like AutosizeTextarea to do incorrect style calcs when first mounted.


body
{
    background-color: rgb(242,242,242);
    color: rgb(68,84,106);
}

.reveal .row {
    margin-top: .25rem;
    margin-bottom: .25rem;
    font-family: monospace, monospace;
    font-size: 1em;
}
div[property="rdfs:label"] {
    font-weight: bold;
}
p[property="rdfs:comment"]{
    text-align: justify;
    text-justify: inter-word;
}

Revert "Background and Text colors."

Revert "Background and Text colors."

This reverts commit fc84714d22331254f0dd6860717b85c9d7cbbac0.


body {
    font-family: sans-serif;
    background: #DDD;
}

a {
    text-decoration: none;
    color: #00506D;
}

a:hover {
    text-decoration: underline;
}

h1 {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 10px solid #000;
}

.author {
    font-size: 14pt;
    text-align: left;
    font-family: monospace;
    color: #000;
    margin: 1em;
}

p {
    max-width: 60em;
    font-size: 12pt;
}

.psetting {
    float: left;
    margin: 1em;
    width: 275px;
    min-height: 40em;
    border-style: solid;
    padding: 0.5em;
}

.psetting h3 {
    text-align: center;
    border-bottom: 2px solid #000;
}

.psetting p {
    font-size: 12pt;
}

.psetting em {
    font-weight: bold;
}

div#news {
    float: right;
}

body {
    font-family: sans-serif;
    background: #DDD;
}

a {
    text-decoration: none;
    color: #00506D;
}

a:hover {
    text-decoration: underline;
}

h1 {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 10px solid #000;
}

.author {
    font-size: 14pt;
    text-align: left;
    font-family: monospace;
    color: #000;
    margin: 1em;
}

p {
    max-width: 60em;
    font-size: 12pt;
}

.psetting {
    float: left;
    margin: 1em;
    width: 275px;
    border-style: solid;
    padding: 0.5em;
}

.psetting h3 {
    text-align: center;
    border-bottom: 2px solid #000;
}

.psetting p {
    font-size: 12pt;
}

.psetting em {
    font-weight: bold;
}

div#news {
    float: right;
}

Stop using min-height to equalize lengths of psetting blocks on website


/* You can add global styles to this file, and also import other style files */
@import '~@angular/material/core/theming/prebuilt/indigo-pink.css';

html, body, material-app, md-sidenav-layout, md-sidenav-container {
	margin: 0;
	width: 100%;
	height: 100%;
}

.app-content {
	margin-top: 64px;
}

/* You can add global styles to this file, and also import other style files */
@import '~@angular/material/prebuilt-themes/indigo-pink.css';

html, body, material-app, md-sidenav-layout, md-sidenav-container {
	margin: 0;
	width: 100%;
	height: 100%;
}

.app-content {
	margin-top: 64px;
}

Change import path of material theme

Change import path of material theme

Adjusting update of material2 with breaking changes


#sidebar {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 2em 0.5em 0 0.5em;
    width: 11em;
}

#content {
    position: relative;
    padding: 0 0 0 11em;
    font-family: verdana;
    color: #40494d;
}

ul {
    font-family: sans-serif;
    font-size: 95%;
    list-style-type: square;
    padding: 0 0 0 0;
    margin: 0.3em 0 0 1.5em;
}

a {
    color: #4048c0;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    margin: .4em 0 .5em 0;
    line-height: 1.5em;
}

h1 {
    color: #1c72b4;
    font-weight: bold;
    font-size: 110%
}

h2 {
    color: #1c72b4;
    font-weight: bold;
    font-size: 100%
}

h3 {
    color: #1c72b4;
    font-weight: bold;
    font-size: 90%
}

Adjust style of headers h1, h2 and h3

css: Adjust style of headers h1, h2 and h3

Signed-off-by: Jordan Justen <ab3d56373f2461770fa8feb620844a5acfe35e29@gmail.com>


.small {
    font-size:40%;
}

.smaller {
    font-size:60%;
}

.rst-content dl:not(.docutils) dl dt {
    /* mimick numpydoc’s blockquote style */
    font-weight: normal;
    background: none transparent;
    border-left: none;
    margin: 0 0 12px;
    padding: 3px 0 0;
    font-size: 100%;
}

.rst-content dl:not(.docutils) dl dt code {
    font-size: 100%;
    font-weight: normal;
    background: none transparent;
    border: none;
    padding: 0 2px;
}

.rst-content dl:not(.docutils) dl dt a.reference>code {
    text-decoration: underline;
}

/* No narrow parameter lists for plot functions with images */
.rst-content .docutils.field-list {
    clear: right;
}

Improve function docs with images

Improve function docs with images


@font-face {
  font-family: CustomYuGothic;
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
}

@font-face {
  font-family: CustomYuGothic;
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic");
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", CustomYuGothic, Meiryo, sans-serif;
  font-feature-settings: "palt";
}

.schedule{
  white-space: nowrap;
}

@font-face {
  font-family: CustomYuGothic;
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"),
    local("YuGothic-Regular");
}

@font-face {
  font-family: CustomYuGothic;
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic");
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", CustomYuGothic, Meiryo, sans-serif;
  font-feature-settings: "palt";
}

.schedule {
  white-space: nowrap;
  font-size: 14px;
}

.table td,
.table th {
  padding: 0.5rem;
}

Set style for backward compatibility

Set style for backward compatibility


.top-intro-side-image {
  position:relative;
  display:inline-block;
}

.top-intro-side-image:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: var(--side-image-content-background);
  background-color: var(--side-image-background-top);
  background: linear-gradient(180deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,100) 90%);
}

.top-page-side-picture-text {
  display: inline-block;
  /*vertical-align: top;*/
  /*margin: 0 .15em;*/
  /*border-radius: .2em;*/
  /*padding: .17em .4em .25em;*/
  /*font-size: 95%;*/
  /*line-height: 1;*/

  /*color: rgba(255, 255, 255, .05);*/
  /*background-color: rgba(0, 0, 0, .5);*/
}

Add component top page "side picture", to be gulp bundled


.day-count {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 2px;
    color: grey;
}

.moon {
    background-color: white;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.new_moon {
    background-image: url('/static/periods/img/new_moon.png');
}

.last_quarter {
    background-image: url('/static/periods/img/last_quarter.png');
}

.full_moon {
    background-image: url('/static/periods/img/full_moon.png');
}

.first_quarter {
    background-image: url('/static/periods/img/first_quarter.png');
}

.day-count {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 2px;
    color: grey;
}

.moon {
    background-color: white;
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
}

.new_moon {
    background-image: url('/static/periods/img/new_moon.png');
}

.last_quarter {
    background-image: url('/static/periods/img/last_quarter.png');
}

.full_moon {
    background-image: url('/static/periods/img/full_moon.png');
}

.first_quarter {
    background-image: url('/static/periods/img/first_quarter.png');
}

Make moons look a little better.

Make moons look a little better.


@media (max-width: 770px) {
    form.login-form div.checkbox button.btn{
        margin-top: 20px;
        margin-bottom: 0;
    }
}

body{
    background-color: #EDEDEC;
}

#logo{
    margin-bottom: 5%;
}

.thumbnail{
    background-color: transparent;
    border-color: transparent;
}
.form-actions {
    background-color: transparent;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

.login-error {
    margin: 20px auto;
    max-width: 300px;
}

html body div.container div#box div#logo.row ul.thumbnails li{
    list-style-type: none;
}

.thumbnails{
    padding-left: 0;
}

.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}

form.login-form div.checkbox button.btn{
    margin-bottom:20px;
}

.login-form .form-group div.checkbox label{
    padding-top: 0;
    padding-bottom: 10px;
}

@media (max-width: 767px) {
    form.login-form div.checkbox button.btn{
        margin-top: 20px;
        margin-bottom: 0;
    }
}

body{
    background-color: #EDEDEC;
}

#logo{
    margin-bottom: 5%;
}

.thumbnail{
    background-color: transparent;
    border-color: transparent;
}
.form-actions {
    background-color: transparent;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

.login-error {
    margin: 20px auto;
    max-width: 300px;
}

html body div.container div#box div#logo.row ul.thumbnails li{
    list-style-type: none;
}

.thumbnails{
    padding-left: 0;
}

.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}

form.login-form div.checkbox button.btn{
    margin-bottom:20px;
}

.login-form .form-group div.checkbox label{
    padding-top: 0;
    padding-bottom: 10px;
}

Modify a minor css rule

Modify a minor css rule


#password {
	width: 190px !important;
	padding: 10px;
	margin: 6px;
}

input[type='submit'] {
	width: 45px;
	height: 45px;
	margin: 6px;
}

#body-login input[type='submit'] {
	position: absolute;
	top: 0px;
}

fieldset > p {
	position: relative;
}

#password-icon {
	top: 20px;
}

#password {
	width: 190px !important;
	padding: 10px;
	margin: 6px;
}

input[type='submit'] {
	width: 45px;
	height: 45px;
	margin: 6px;
}

#body-login input[type='submit'] {
	position: absolute;
	top: 0;
	border: none;
}

fieldset > p {
	position: relative;
}

#password-icon {
	top: 20px;
}

Remove border around button of password protected link confirmation


/*
	The default style.
*/

body {
	cursor: default !important;
	padding-top: 20px !important;
	font-size: 12px !important;
	font-family: sans-serif !important;
	background: url('/static/img/background.png') no-repeat top center #272B30;
	background-attachment: fixed;
	margin-top: 200px;
}

a {
	font-weight: bold;
	text-decoration: none !important;
}

a:hover {
	text-decoration: underline !important;
}

.right {
	text-align: right;
}

.middle {
	text-align: center;
}

.emblem {
	max-width: 128px;
	max-height: 128px;
}

.outfit {
	top: -16px;
	text-align: right;
	position: relative;
	z-index: 100;
}

.outfit2 {
	top: -16px;
	left: -16px;
	text-align: right;
	position: relative;
	z-index: 100;
}

.progress-bar-custom {
	background-color: #5E58AF;
}

.tab-content {
	margin-top: 25px;
}

/*
	The default style.
*/

body {
	cursor: default !important;
	padding-top: 20px !important;
	font-size: 12px !important;
	font-family: sans-serif !important;
	background: url('/static/img/background.png') no-repeat top center #272B30;
	background-attachment: fixed;
	margin-top: 200px;
}

a {
	font-weight: bold;
	text-decoration: none !important;
}

a:hover {
	text-decoration: underline !important;
}

.right {
	text-align: right;
}

.middle {
	text-align: center;
}

.emblem {
	max-width: 128px;
	max-height: 128px;
}

.outfit {
	top: -16px;
	text-align: right;
	position: relative;
	z-index: 100;
}

.outfit2 {
	top: -16px;
	left: -16px;
	text-align: right;
	margin-top: 16px;
	position: relative;
	z-index: 100;
}

.progress-bar-custom {
	background-color: #5E58AF;
}

.tab-content {
	margin-top: 25px;
}

Fix forum avatar overlapping issue

Fix forum avatar overlapping issue


.download-btn-group {
  margin: 0 auto;
  text-align: center;
}

.download-btn {
  margin: 1.5em .5em;
  display: inline-block;
}

.download-btn.download-drawing {
  @mixin button brown;
}

.download-btn.download-gif {
  @mixin button blue;
}

.download-btn-group {
  margin: 0 auto;
  text-align: center;
}

.download-btn {
  margin: 1.5em 0.5em;
  display: inline-block;
}

.download-btn.download-drawing {
  @mixin button brown;
}

.download-btn.download-gif {
  @mixin button blue;
}

Fix css lint small issue

Fix css lint small issue


MContainerStyle { /* settings for the whole container */

    minimum-size: $SIZE_ONE $SIZE_ONE; /* inherited from duiwidgetstyle */

    margin-left: 0; /* inherited from duiwidgetstyle */
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;

    /* this affects the whole content including header and central widget, see also internal-margins */
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;

    background-image: meegotouch-container-content-background $CORNER_MARGINS;

    icon-size: $SIZE_ICON_DEFAULT $SIZE_ICON_DEFAULT;
    internal-margins: 0;
    internal-item-spacing: 0;

    title-style-name: "CommonGroupHeader";
}

MContainerHeaderStyle {

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

    padding-left: $PADDING_MEDIUM; /* inherited from duiwidgetstyle */
    padding-right: $PADDING_MEDIUM; /* this would set the internal padding around the text */
    padding-top: 0;
    padding-bottom: 0;

    background-image: meegotouch-container-header-background 8px 8px 8px 8px;
}

MContainerStyle { /* settings for the whole container */

    minimum-size: $SIZE_ONE $SIZE_ONE; /* inherited from duiwidgetstyle */

    margin-left: 0; /* inherited from duiwidgetstyle */
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;

    /* this affects the whole content including header and central widget, see also internal-margins */
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;

    background-image: none;
    background-color: none;

    icon-size: $SIZE_ICON_DEFAULT $SIZE_ICON_DEFAULT;
    internal-margins: 0;
    internal-item-spacing: 0;

    title-style-name: "CommonGroupHeader";
}

MContainerHeaderStyle {

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

    padding-left: $PADDING_MEDIUM; /* inherited from duiwidgetstyle */
    padding-right: $PADDING_MEDIUM; /* this would set the internal padding around the text */
    padding-top: 0;
    padding-bottom: 0;

    background-image: meegotouch-container-header-background 8px 8px 8px 8px;
}

Changes: Remove reference to obsolete image asset from MContainerStyle.


form select[multiple] {
  max-width: 100%;
}

.stacked {
  width: 80%;
}

.stacked .selector-available, .stacked .selector-chosen {
  width: 98%;
}

/************************/
/* Stacked filter boxes */
/************************/

form .field-publications select[multiple] {
  height: 200px !important; /* Need to override '!important' in 'djangocms-admin.css' */
  max-width: 100%;
}

.field-publications .stacked {
  width: 90%;
}

.field-publications .stacked .selector-available, .stacked .selector-chosen {
  width: 98%;
}

Fix styling of vertical filter boxes in response to changes in djangocms-admin-style

Updates to djangocms-admin-style (https://github.com/divio/djangocms-admin-style)
broke vertical filters for many-to-many fields.

See: https://github.com/divio/djangocms-admin-style/issues/223


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

.select {
  composes: reset-font-smoothing;
  font-family: var(--font-family-regular);
  font-size: calc(1.4 * var(--unit));
  border-color: var(--color-neutral-dark);
}

.dropdown-indicator {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 20px;
}

.is-large .dropdown-indicator {
  width: 24px;
}

.validation-icon {
  margin-top: -1px;
}

.has-error {
  &:not(.is-inverse) .validation-text {
    color: var(--color-ruby-dark);
  }

  &.is-inverse .validation-text {
    color: var(--color-ruby-light);
  }
}

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

.select {
  composes: reset-font-smoothing;
  font-family: var(--font-family-regular);
  font-size: calc(1.4 * var(--unit));
  border-color: var(--color-neutral-dark);
}

.dropdown-indicator {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 30px;
}

.is-large .dropdown-indicator {
  width: 36px;
}

.validation-icon {
  margin-top: -1px;
}

.has-error {
  &:not(.is-inverse) .validation-text {
    color: var(--color-ruby-dark);
  }

  &.is-inverse .validation-text {
    color: var(--color-ruby-light);
  }
}

Adjust the drop down indicator arrow width to increase the margin between border and arrow


/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 */

/*
 * De-emphasize inactive panes, in order to make it easy to quickly see which
 * pane is active.
 *
 * Credit: http://discuss.atom.io/t/how-to-know-which-pane-is-focused/10577/2
 */
.pane:not(.active) {
  opacity: 0.6;
}

.tree-view {

}

.editor {

}

.editor .cursor {

}

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 */

/*
 * De-emphasize inactive panes, in order to make it easy to quickly see which
 * pane is active.
 *
 * Credit: http://discuss.atom.io/t/how-to-know-which-pane-is-focused/10577/2
 */
.pane:not(.active) {
  opacity: 0.7;
}

.tree-view {

}

.editor {

}

.editor .cursor {

}

Tweak opacity for inactive Atom panes

Tweak opacity for inactive Atom panes


body {
	background-color: #222222;
}
.bg-primary {
	background-color: #375a7f !important;
}
.card {
	background-color: #303030;
	border: 1px solid transparent;
	color: #fff;
}
.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.card-danger{
    background-color: #d9534f;
    border-color: #d9534f;
}
.card-header {
    background-color: #303030;
}
textarea, .cke {
	color: #000 !important;
}
.table {
	color: #fff !important;
}

Fix AdminCP night mode table font colour


body {
  background-color: #F5F5F5;
}

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

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

.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 {
  padding: 0 20% 0 20%;
}

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

Fix error in mobile padding

Fix error in mobile padding


.menu .active > a,
.tag,
.tabs-title > a:hover,
.button,
.button.primary {
    background-color: #3497c5;
}

.tabs-title > a {
    font-size: 0.9rem;
}
.tabs-title > a:hover {
    background: aliceblue;
    color: #0a0a0a;
}
.tabs-title > a:focus,
.tabs-title > a[aria-selected='true'] {
    color: #0a0a0a;
    background: #e6e6e6;
}

h2 {
    color: rgb(0,124,130);
}

.button.primary:hover,
.button.primary:focus,
.button.hover,
.button:hover,
.button:focus,
.button:active {
    background: #2f5767;
}

header .masthead {
    padding-top: 1rem;
    color: #fff;
}

/* end */

.menu .active > a,
.tag,
.tabs-title > a:hover,
.button,
.button.primary {
    background-color: #3497c5;
}

.tabs-title > a {
    font-size: 0.9rem;
    color: #3e3e3e;
}
.tabs-title > a:hover {
    background: aliceblue;
    color: #0a0a0a;
}
.tabs-title > a:focus,
.tabs-title > a[aria-selected='true'] {
    color: #0a0a0a;
    background: #e6e6e6;
}

h2 {
    color: rgb(0,124,130);
}

.button.primary:hover,
.button.primary:focus,
.button.hover,
.button:hover,
.button:focus,
.button:active {
    background: #2f5767;
}

header .masthead {
    padding-top: 1rem;
    color: #fff;
}

#content {
    padding: 0.5rem 0 1.5rem;
}

/* end */

Add tabs-title > a color set to dark

Add tabs-title > a color set to dark


/* Needed by ui-bootstrap
See http://angular-ui.github.io/bootstrap/ */
.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

test-result-table{
    width: 100%;
    height: 100%;
}

/* For angular-vs-repeat */
.test-result-tbody {
    height: 350px;
    width: 100%;
    overflow: auto;
    display: block;
}

thead {
    display: block;
}
td, th {
    cursor: pointer;
    min-width: 177px;
    max-width: 177px;
    overflow: hidden;
    font-size: 70%;
    text-overflow: ellipsis;
}

div#results-charts{
    height: 100px;
}

/* Needed by ui-bootstrap
See http://angular-ui.github.io/bootstrap/ */
.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

test-result-table{
    width: 100%;
    height: 100%;
}

/* For angular-vs-repeat */
.test-result-tbody {
    height: 350px;
    width: 100%;
    overflow: auto;
    display: block;
}

thead {
    display: block;
}
td, th {
    cursor: pointer;
    min-width: 195px;
    max-width: 195px;
    overflow: hidden;
    font-size: 70%;
    text-overflow: ellipsis;
}

div#results-charts{
    height: 100px;
}

Use horizontal real estate within table

Use horizontal real estate within table


table {
	display: inline-block;
	width: 48%;
}

caption {
	font-weight: bold;
	border-bottom: 1px solid #C3C3C3;
	margin-left: 30%;
	margin-bottom: 1em;
	font-size: 115%;
}

th {
	text-align: right;
}

td {
	text-align: right;
}

summary {
	cursor: pointer;
	user-select: none;
}

tr.imprecise {
	font-style: italic;
}

tr.imprecise td {
	position: relative;
}

/* Question mark circle icon */
tr.imprecise td::after {
	content: '?';
	position: absolute;
	top: .65em;
	right: -2.3em;
	width: 1.2em;
	height: 1.2em;
	border-radius: 1em;
	border: 1px solid #333;
	font-size: 90%;
	font-style: normal;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
}

table {
	display: inline-block;
	width: 48%;
}

caption {
	font-weight: bold;
	border-bottom: 1px solid #C3C3C3;
	margin-left: 30%;
	margin-bottom: 1em;
	font-size: 115%;
}

th {
	text-align: right;
}

td {
	padding-left: 1em;
}

summary {
	cursor: pointer;
	user-select: none;
}

tr.imprecise {
	font-style: italic;
}

tr.imprecise td {
	position: relative;
}

/* Question mark circle icon */
tr.imprecise td::after {
	content: '?';
	position: absolute;
	top: .65em;
	right: -2.3em;
	width: 1.2em;
	height: 1.2em;
	border-radius: 1em;
	border: 1px solid #333;
	font-size: 90%;
	font-style: normal;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
}

Enforce fixed spacing between detail names and values


.rst-content dl:not(.docutils) tt.xref, .rst-content dl:not(.docutils) code.xref {
    font-weight: bold;  /* restore bold for hyperref literals */
}

.rst-content dl:not(.docutils) tt, .rst-content dl:not(.docutils) code {
    font-weight: normal;  /* ovewrite bold for default literals */
}

.rst-content dl:not(.docutils) dl dt {
    /* mimick numpydoc’s blockquote style */
    font-weight: normal;
    background: none transparent;
    border-left: none;
    margin: 0 0 12px;
    padding: 3px 0 0;
    font-size: 111.11%;
}

.rst-content tt.literal, .rst-content tt.literal, .rst-content code.literal {
    color: #404040;
}

.rst-content tt.literal,
.rst-content code.literal {
    /* Dark gray instead of red for literals */
    color: #404040;
}

.rst-content tt:not(.xref),
.rst-content code:not(.xref),
.rst-content *:not(a) > tt.xref,
.rst-content *:not(a) > code.xref {
    /* slim font weight for non-link literals */
    font-weight: normal;
}

.rst-content dl:not(.docutils) dl > dt {
    /* mimick numpydoc’s blockquote style */
    /* TODO: once scanpydoc adds classes, also change return types */
    font-weight: normal;
    background: none transparent;
    border-left: none;
    margin: 0 0 12px;
    padding: 3px 0 0;
    font-size: 111.11%;
}

Tweak styles of unlinked xrefs

Tweak styles of unlinked xrefs


div.googlemaps {
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.googlemap img {
	max-width: none;
}

.googlemap img {
	max-width: none;
}

.v-widget.googlemap {
	min-height: 200px;
}

Set minimum height of the map div to 200px


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

.wrapper {
  position: relative;
  top: 0.05rem;
  float: right;
  margin-left: 3px;

  :global(.icon) {
    cursor: pointer;
    font-size: 1.4rem;
    margin-right: 0.4rem;

    &:global(.edit.icon) {
      margin-right: 0.35rem;
    }

    &:global(.remove.icon) {
      margin-right: 0.2rem;

      /* Semantic UI uses psuedoelements for icons, and the placement
      / of this remove icon, visually, is on the far right of the actual
      / DOM real-estate that the element takes up by default, causing clicks/touches
      / that seemingly fall 'left' of the icon to end up causing the click
      / event handler to fire. here, we limit the width to keep the button
      / from causing less unwanted idea deletions
      */
      width: fit-content;
    }

    @media (min-width: 768px) {
      font-size: 1.25rem;
      margin-right: 0.25rem;

      &:global(.edit) {
        margin-right: 0;
      }
    }
  }

  &:global(.disabled .icon) {
    color: var(--semantic-light-grey);
    pointer-events: none;
  }
}

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

.wrapper {
  position: relative;
  top: 0.05rem;
  float: right;
  margin-left: 3px;

  :global(.icon) {
    cursor: pointer;
    font-size: 1.4rem;
    margin-right: 0.4rem;

    &:global(.edit.icon) {
      margin-right: 0.35rem;
    }

    &:global(.remove.icon) {
      margin-right: 0.2rem;

      /* Semantic UI uses psuedoelements for icons, and the placement
      / of this remove icon, visually, is on the far right of the actual
      / DOM real-estate that the element takes up by default, causing clicks/touches
      / that seemingly fall 'left' of the icon to end up causing the click
      / event handler to fire. here, we limit the width to keep the button
      / from causing unwanted idea deletions
      */
      width: fit-content;
    }

    @media (min-width: 768px) {
      font-size: 1.25rem;
      margin-right: 0.25rem;

      &:global(.edit) {
        margin-right: 0;
      }
    }
  }

  &:global(.disabled .icon) {
    color: var(--semantic-light-grey);
    pointer-events: none;
  }
}

Remove typo from explanatory comment

Remove typo from explanatory comment


a{
    color: ForestGreen;
}

a:hover{
    color: Green;
}

a:visited{
    color: DarkGreen;
}

div.container{
}

.title{
    text-align: center;
    font-size: 50px;
    font-weight: 900;
    margin-top:30px;
}

.left-footer{
    position: absolute;
    left: 5px;
    bottom: 5px;
}

.right-footer{
    position: absolute;
    right: 5px;
    bottom: 5px;
}

#grid div[class*='span']{
    margin-top:10px;
    margin-bottom:10px;
}

.open{
    color:ForestGreen;
    font-weight:bold;
    font-size:200%;
    text-align:center;
}
.closing{
    color:yellow;
    font-weight:bold;
    font-size:200%;
    text-align:center;
}
.closed{
    color:black;
    font-size:200%;
    text-align:center;
}

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

.clock{
    text-align: center;
    font-size: 25px;
    font-family:"Courier New", Courier, monospace;
}

a{
    color: ForestGreen;
}

a:hover{
    color: Green;
}

a:visited{
    color: DarkGreen;
}

div.container{
}

.title{
    text-align: center;
    font-size: 50px;
    font-weight: 900;
    margin-top:30px;
}

.left-footer{
    position: absolute;
    left: 5px;
    bottom: 5px;
}

.right-footer{
    position: absolute;
    right: 5px;
    bottom: 5px;
}

#grid div[class*='span']{
    margin-top:10px;
    margin-bottom:10px;
    line-height:1;
}

.open{
    color:ForestGreen;
    font-weight:bold;
    font-size:200%;
    text-align:center;
}
.closing{
    color:yellow;
    font-weight:bold;
    font-size:200%;
    text-align:center;
}
.closed{
    color:black;
    font-size:200%;
    text-align:center;
}

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

.clock{
    text-align: center;
    font-size: 25px;
    font-family:"Courier New", Courier, monospace;
}

Set line-height of page text to 1

Set line-height of page text to 1


.notification-label {
    font-weight: bold;
    color: #ffffff;
    background-color: rgba(10,10,10,0.7);
    border-radius: 6px;
    font-size:2em;
    padding:.5em;
    width:400px;
}

.history-menu-section {
    max-height:450px;
}

.notification-label {
    font-weight: bold;
    color: #ffffff;
    background-color: rgba(10,10,10,0.7);
    border-radius: 6px;
    font-size:2em;
    padding:.5em;
    width:400px;
}

.popup-menu-item StButton {
    height:1em;
    width:1.5em;
}

.history-menu-section {
    max-height:450px;
}

Fix styling of delete buttons following changes in 3.16


#vimderbar {
    padding: 1px;
    padding-left: 10px;
    background: #000;
    color: #fff;
    display: block;
    width: 100%;
    overflow: hidden;
}

#confirm {
	color: #d62d47;
}

#mode {
    text-transform: capitalize;
}

#command {
    color: #fff;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    margin-top: -3px;
    display: none;
}

#command:focus {
    border: none;
    box-shadow: none;
}

#command-info {
    font-size: 0.9em;
    color: #888;
}

#command-confirm {
	color: #d62d47;
}

#command-keys {
    position: absolute;
    right: 10px;
}

.cm-searching {
    background: rgba(255, 255, 0, .4) !important;
    /* doesn't work */
}

#vimderbar {
    padding: 1px;
    padding-left: 10px;
    background: #5D5F60;
    color: #fff;
    display: block;
    width: 100%;
    overflow: hidden;
}

#confirm {
	color: #d62d47;
}

#mode {
    text-transform: capitalize;
}

#command {
    color: #fff;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    margin-top: -3px;
    display: none;
}

#command:focus {
    border: none;
    box-shadow: none;
}

#command-info {
    font-size: 0.9em;
    color: #888;
}

#command-confirm {
	color: #d62d47;
}

#command-keys {
    position: absolute;
    right: 10px;
}

.cm-searching {
    background: rgba(255, 255, 0, .4) !important;
    /* doesn't work */
}

Make background color of the status bar the same as the right side pane


#game {
  width: 320px;
}

#grid {
  border-spacing: 0;
  border-collapse: collapse;
}

#grid td div, .tile {
  border-radius: 3px;
  border: 1px solid #ececec;
  width: 30px;
  height: 30px;
}

.red {
  background: red;
}

.green {
  background: green;
}

.blue {
  background: blue;
}

.yellow {
  background: yellow;
}

.purple {
  background: purple;
}

.pink {
  background: pink;
}

.black {
  background: black;
}

#progress {
  border: 1px solid #ececec;
  width: 200px;
  height: 20px;
  float: left;
}

#progress div {
  height: 100%;
}

#lookahead {
  overflow: hidden;
}

#next {
  float: left;
}

#game {
  width: 320px;
}

#grid {
  border-spacing: 0;
  border-collapse: collapse;
}

#grid td div, .tile {
  border-radius: 3px;
  border: 1px solid #c4c4c4;
  width: 30px;
  height: 30px;
}

.red {
  background: red;
}

.green {
  background: green;
}

.blue {
  background: blue;
}

.yellow {
  background: yellow;
}

.purple {
  background: purple;
}

.pink {
  background: pink;
}

.black {
  background: black;
}

#progress {
  border: 1px solid #ececec;
  width: 200px;
  height: 20px;
  float: left;
}

#progress div {
  height: 100%;
}

#lookahead {
  overflow: hidden;
}

#next {
  float: left;
}

Make border color more visible

Make border color more visible


.legend {
    background-color: white;
    z-index: 10;
    background-color: #F0F0F0;
    overflow: hidden;
}

.tile-legend {
    padding: 0.5em;
}

.legend-label {
    padding: 0.5em;
    font-size: small;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.legend-chart {
    padding-left: 0.4em;
}

.legend-chart rect.highlight {
    stroke: black;
}

.legend-chart text {
    font-size: xx-small;
}

.legend {
    top: calc(100% - 10em);
    background-color: white;
    z-index: 10;
    background-color: #F0F0F0;
    overflow: hidden;
}

.tile-legend {
    padding: 0.5em;
}

.legend-label {
    padding: 0.5em;
    font-size: small;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.legend-chart {
    padding-left: 0.4em;
}

.legend-chart rect.highlight {
    stroke: black;
}

.legend-chart text {
    font-size: xx-small;
}

Revert "Made key not disappear off the screen."

This reverts commit 3b3e187d9fc078d2a522fbf383aa8892fd53b48e.


.field.fieldname-twitter_enabled,
.field.fieldname-twitter_ressort_enabled,
.field.fieldname-facebook_main_enabled,
.field.fieldname-facebook_magazin_enabled {
    float: left;
}

.field.fieldname-short_text,
.field.fieldname-facebook_magazin_text,
.field.fieldname-twitter_ressort_enabled,
.field.fieldname-mobile_text {
    clear: left;
}

.field.fieldname-twitter_ressort {
   float: left;
  /* If it's too large, it won't float.
     If it's too small, the label inside has no room to float. */
   min-width: 70%;

   padding-top: 13px; /* XXX vertical alignment */
}

.field.fieldname-twitter_ressort .label {
    display: none;
}

.field.fieldname-twitter_ressort .widget {
    display: inline-block;
}

.field.fieldname-twitter_ressort select {
    margin-top: -4px;  /* vertically centered appearance */
}

.field.fieldname-twitter_enabled,
.field.fieldname-twitter_ressort_enabled,
.field.fieldname-facebook_main_enabled,
.field.fieldname-facebook_magazin_enabled {
    float: left;
}

.field.fieldname-short_text,
.field.fieldname-facebook_magazin_text,
.field.fieldname-twitter_ressort_enabled,
.field.fieldname-mobile_text {
    clear: left;
}

.field.fieldname-twitter_ressort {
   float: left;
  /* If it's too large, it won't float.
     If it's too small, the label inside has no room to float. */
   min-width: 70%;

   padding-top: 13px; /* XXX vertical alignment */
}

.field.fieldname-twitter_ressort .label,
.field.fieldname-twitter_ressort label {
    display: none;
}

.field.fieldname-twitter_ressort .widget {
    display: inline-block;
}

.field.fieldname-twitter_ressort select {
    margin-top: -4px;  /* vertically centered appearance */
}

Hide label for non-article forms

Hide label for non-article forms


.codicon-wrench-subaction {
	opacity: 0.5;
}

Add copyright to css file

Add copyright to css file


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

button.password-button {
  background: #8aaaed;
  color: #fff;
  display: inline;
  font-size: 90%;
  font-weight: bold;
  height: 18px;
  padding: 0 2px;
  position: absolute;
  top: 5px;
  width: 50px;
}

html[dir='ltr'] button.password-button {
  right: 50px;
}

html[dir='rtl'] button.password-button {
  left: 50px;
}

.inactive-password {
  background: transparent;
  border: none;
}

#saved-passwords-list .url {
  box-sizing: border-box;
  width: 40%;
}

#saved-passwords-list .name {
  -webkit-box-flex: 1;
  width: 20%;
}

#saved-passwords-list .password {
  -webkit-box-flex: 1;
  position: relative;
}

#saved-passwords-list .url,
#saved-passwords-list .name,
#password-exceptions-list .url {
  overflow: hidden;
  text-overflow: ellipsis;
}

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

button.password-button {
  background: #8aaaed;
  color: #fff;
  display: inline;
  font-size: 90%;
  font-weight: bold;
  height: 18px;
  padding: 0 2px;
  position: absolute;
  top: 5px;
  width: 50px;
}

html[dir='ltr'] button.password-button {
  right: 50px;
}

html[dir='rtl'] button.password-button {
  left: 50px;
}

input[type="password"].inactive-password {
  background: transparent;
  border: none;
}

#saved-passwords-list .url {
  box-sizing: border-box;
  width: 40%;
}

#saved-passwords-list .name {
  -webkit-box-flex: 1;
  width: 20%;
}

#saved-passwords-list .password {
  -webkit-box-flex: 1;
  position: relative;
}

#saved-passwords-list .url,
#saved-passwords-list .name,
#password-exceptions-list .url {
  overflow: hidden;
  text-overflow: ellipsis;
}

DOMUI: Fix password list items from showing password input field.

BUG=none
TEST=none

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

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


.source-footer {
  border-top: 1px solid var(--theme-splitter-color);
  left: 0;
  opacity: 1;
  width: 100%;
}

.source-footer .prettyPrint.pretty {
  stroke: var(--theme-highlight-blue);
}

Fix 438: Adds bottom bar for pretty-print button


.textSection {
  margin: 3em auto;
}

.textSection:first-child {
  margin-top: 0;
}

.centered {
  text-align: center;
}

p,
label {
  font-family: Georgia, Times, 'Times New Roman', serif;
  line-height: 1.5em;
}

.link {
  text-decoration: none;
}

.code {
  font-size: 0.75em;
  background-color: $very-light-grey;
  padding: 0.125em 0.5em;
  border-radius: 1px;
}

.usernameForm {
  margin-bottom: 1em;
}

.input {
  outline: none;
  border-bottom: 1px dotted #999;
}

.atPrefix {
  color: black;
  margin-left: 0.4em;
}

.textSection {
  margin: 3em auto;
}

.textSection:first-child {
  margin-top: 0;
}

.centered {
  text-align: center;
}

p,
label {
  font-family: Georgia, Times, 'Times New Roman', serif;
  line-height: 1.5em;
}

.link {
  text-decoration: none;
}

.usernameForm {
  margin-bottom: 1em;
}

.input {
  outline: none;
  border-bottom: 1px dotted #999;
}

.atPrefix {
  color: black;
  margin-left: 0.4em;
}

Remove css block that is not being used

Remove css block that is not being used


/*
 * PRX header component
 */
:host {
  --header-height: 50px;
  --logo-width: 72px;

  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 900;
  border-bottom: 1px solid #e6e6e6;
  background: #1a1a1a;
  padding-left: 20px;
}

header {
  display: flex;
  justify-content: space-between;
}

h1 a {
  display: block;
  width: var(--logo-width);
  height: var(--header-height);
  background-image: url("../../assets/images/prx_logo.svg");
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*
 * Navigation
 */
nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;

  text-align: right;
}

@media screen and (min-width: 768px) {
  :host {
    --header-height: 73px;
    --logo-width: 113px;
  }
}

/*
 * PRX header component
 */
:host {
  --header-height: 50px;
  --logo-width: 72px;

  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 900;
  border-bottom: 1px solid #e6e6e6;
  background: #1a1a1a;
  padding-left: 20px;
}

header {
  display: flex;
  justify-content: space-between;
}

h1 a {
  display: block;
  width: 72px;
  height: 50px;
  background-image: url("../../assets/images/prx_logo.svg");
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*
 * Navigation
 */
nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;

  text-align: right;
}

@media screen and (min-width: 768px) {
  h1 a {
    width: 113px;
    height: 73px;
  }
}

Refactor header logo styles to not use css vars


.rx-katharsis-container .panel.radius {
    border: 0;
}

.rx-katharsis-container .panel-header {
    margin-bottom: 0;
    padding: 0.5em;
    margin: 0;
    line-height: 1;
    font-size: 20px !important;
    border: 0;
    text-align: center;
}

.rx-katharsis-container .panel-header .value-item {
    font-weight: 700;
    display: block;
    font-size: 28px;
}

.rx-katharsis-container .panel-header .value-label {
    display: block;
    font-size: 15px;
}

.rx-katharsis-container iframe {
    width: 100%;
    border: none;
    margin: 10px;
}

Add styling for stackdriver metrics iframe


.column-error_status .tooltip {
	display: none;
}
.column-error_status .dashicons-editor-help {
	color: #767676;
}
.column-sources_with_invalid_output .dashicons {
	margin-right: 5px;
}
.column-sources_with_invalid_output .dashicons-admin-plugins {
	color: #64a2e9;
}
.column-sources_with_invalid_output .dashicons-admin-appearance {
	color: #ebb04f;
}

.sources-plugins, .sources-core {
	margin-left: 25px;
	margin-bottom: 15px;
}

.column-error_status .tooltip {
	display: none;
}
.column-error_status .dashicons-editor-help {
	color: #767676;
}
.column-sources_with_invalid_output .dashicons {
	margin-right: 5px;
}
.column-sources_with_invalid_output .dashicons-admin-plugins {
	color: #64a2e9;
}
.column-sources_with_invalid_output .dashicons-admin-appearance {
	color: #ebb04f;
}
.column-sources_with_invalid_output .dashicons-wordpress-alt {
	color: #92b371;
}
.sources-plugins, .sources-core {
	margin-left: 25px;
	margin-bottom: 15px;
}

Add color to WP icon

Add color to WP icon


/* Everything else is here for the example code */
body {
    padding-top: 250px;
}

.header-fg {
    background-color: #41451A;
    color: white;
}

h1 {
    font-size: 3rem;
}

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

@media (max-width: 35em) {
    .u-hidden-xs { display: none !important; }
}

@media (min-width: 35em) and (max-width: 45em) {
    .u-hidden-sm { display: none !important; }
}

@media (min-width: 45em) and (max-width: 60em) {
    .u-hidden-md { display: none !important; }
}

Tweak font sizes at breakpoints

Tweak font sizes at breakpoints


/*basic elements*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

/*specific elements*/
.one-third.column.value {
  margin-top: 2em;
  text-align: center;
}

Modify css for content div

Modify css for content div


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

body {
    min-width: 850px;
    font-family: sans-serif;
    font-size: 80%;
    line-height: 170%;
}

h1 {
    padding: 10px 0;
}

#wrap {
    margin: 0 auto;
    width: 800px;
}

#header {
    height: 80px;
}

#header h1 {
    float: left;
    color: #c00;
    margin: 20px 10px;
    padding: 15px 5px;
}

#logo {
    text-align:center;
    float: right;
    width: 130px;
    margin: 10px;
    padding: 5px;
}

#main {
    clear: both;
    float: left;
    width: 530px;
    margin: 0 10px;
    padding: 5px;
}

#menu {
    float: right;
}

#footer {
    margin-top: 3em;
    text-align: center;
    color: #666;
    font-size: 80%;
    clear:both;
}

.hidden {
    visibility:none;
    display:none;
}

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

body {
    min-width: 850px;
    font-family: sans-serif;
    font-size: 80%;
    line-height: 170%;
}

h1 {
    padding: 10px 0;
}

#wrap {
    margin: 0 auto;
    width: 800px;
}

#header {
    height: 80px;
}

#header h1 {
    float: left;
    color: #c00;
    margin: 20px 10px;
    padding: 15px 5px;
}

#logo {
    text-align:center;
    float: right;
    width: 130px;
    margin: 10px;
    padding: 5px;
}

#main {
    clear: both;
    float: left;
    width: 530px;
    margin: 0 10px;
    padding: 5px;
}

#menu {
    float: right;
    padding-top: 8em;
}

#footer {
    margin-top: 3em;
    text-align: center;
    color: #666;
    font-size: 80%;
    clear:both;
}

.hidden {
    visibility:none;
    display:none;
}

Revert "jsdoc menu not css forced down; prettier in ringojs.org context"

This isn't needed anymore with fixed skin inheritance.
Reverts commit 145e5b865d0ab22778801013f2a4be10b65ed898.


.navbar .nav > .active > a {
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
    box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.125);
}

.navbar .container {
    width: 970px;
}

div.prompt {
    width: auto;
}

Set width: auto on div.prompt

Set width: auto on div.prompt

Fixes ehmatthes#38
Props @Tanner


.input-group {
  margin-top: 2em;
  margin-bottom: 1em;
}

td, th {
  vertical-align: middle !important;
  text-align: center !important;
}

svg {
  height: 150px !important;
}

Adjust styling for the table

Adjust styling for the table


div.page
{
	width: 75%;
	background-color: #00aa00;
	border: 1em solid #005500;
	border-radius: 4em;
	padding: 2em;
	margin: 2em auto;
}

p, h1, h2, h3, div.infobox
{
	margin: 12pt 0;
}

div.infobox
{
	margin: 12pt;
	padding: 1em;
	background-color: #ffffcc;
	border: .25em solid #aaaa00;
	border-radius: .5em;
}

/* trim first and last margin */

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

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

h1, h2, h3
{
	padding: 1em;
	text-align: center;
	color: #aa5500;
	background-color: #ffffff;
	border: .25em solid #aa5500;
	border-radius: .5em;
}

table
{
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
}

td
{
	margin: 0;
	vertical-align: top;
	padding: 0;
}

body
{
	background-color: #555555;
}

div.page
{
	width: 75%;
	background-color: #ffffff;
	border: 1em solid #aaaaaa;
	border-radius: 4em;
	padding: 2em;
	margin: 2em auto;
}

p, h1, h2, h3, div.infobox
{
	margin: 12pt 0;
}

div.infobox
{
	margin: 12pt;
	padding: 1em;
	background-color: #ffff55;
	border: .25em solid #aa5500;
	border-radius: .5em;
}

/* trim first and last margin */

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

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

h1, h2, h3
{
	padding: 1em;
	text-align: center;
	color: #000000;
	background-color: #aaaaaa;
	border: .25em solid #000000;
	border-radius: .5em;
}

table
{
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
}

td
{
	margin: 0;
	vertical-align: top;
	padding: 0;
}

Http: Change color scheme to be more neutral and less theme specific


table {
    border-collapse: collapse;
    font-size: 75%;
}
thead tr {
    border-bottom: 1px solid black;
    background: #AAF;
}
tr {
    background: #DDF;
}
tr:nth-child(even) {
    background: #EEF;
}
.selected {
    background: #F8F8DD;
}
.selected:nth-child(even) {
    background: #F8F8BB;
}
th, td {
    padding: 3px;
    text-align: center;
    border: 0;
}
.good {
    background: rgba(200, 255, 200, 0.8);
}
.bad {
    background: rgba(255, 200, 200, 0.8);
}
.sorted {
    background: #FAA;
    border: 1px solid black;
}
.selected + :not(.selected) {
    border-top: 1px dotted black;
}
.selected ~ :not(.selected) {
    opacity: 0.5;
}

Hide rows that aren't chosen.

Hide rows that aren't chosen.


html {
  background-size: cover;
  font-family: 'Montserrat', sans-serif;
  background-color: black;
}
h1{
  color: white;
  font-size: 500%;
  text-align: center;
  margin-top: 200px;
}

#title {
  color: white;
  font-size: 500%;
  margin-top: 25px;
  margin-right: 60%;
  margin-left: auto;
}

#portfolio {
  color: white;
  font-size: 125%;
  margin-top: 0px;
  margin-left: 1%;
}

#description {
  color: white;
  font-size: 225%;
  margin-right: 75%;
  margin-left: 25%;
}

.links {
  color: white;
  margin-right: 75%;
  margin-left: 25%;
  font-size: 150%
}

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

a:visited {
  color: white;
}

a:hover {
  color: white;
  text-decoration: underline;
}

html {
  background-size: cover;
  font-family: 'Montserrat', sans-serif;
  background-color: black;
}
h1{
  color: white;
  font-size: 500%;
  margin-right: 60%;
  margin-left: auto;
  margin-top: 200px;
}

#title {
  color: white;
  font-size: 500%;
  margin-top: 25px;
  margin-right: 60%;
  margin-left: auto;
}

#portfolio {
  color: white;
  font-size: 125%;
  margin-top: 0px;
  margin-left: 1%;
}

#description {
  color: white;
  font-size: 225%;
  margin-right: 75%;
  margin-left: 25%;
}

.links {
  color: white;
  margin-right: 75%;
  margin-left: 25%;
  font-size: 150%
}

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

a:visited {
  color: white;
}

a:hover {
  color: white;
  text-decoration: underline;
}

Update spacing to universal views

Update spacing to universal views


body{
    /*border: 1px solid black;*/
    font-family:Verdana, sans-serif;
    background-color:#B0E0E6;
}
header {
    background-color:#E6E6FA;
    width:100vw;
    padding-top:1vh;
}
.column-1 {
    width: 45vw;
    float:left;
    /*border: 1px solid green;*/
}
.column-2 {
    width: 45vw;
    float:right;
    /*border:1px solid blue;*/
}
a {

}
code {
    background-color:#d0d0d0;
    color:#CC0066;
}
footer {
    /*position:relative;
    bottom:0vh;*/
    clear:both;
    font-size:8px;
}

Edit CSS and style HTML

Edit CSS and style HTML


.sticky-wrap {
    overflow-x: auto;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.sticky-wrap * {
    box-sizing: inherit;
}

.sticky-head,
.sticky-col,
.sticky-intersect {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .1s ease-out;
    visibility: hidden;
    width: 100%;
}

.sticky-head.is-active,
.sticky-col.is-active,
.sticky-intersect.is-active {
    opacity: 1;
    visibility: visible;
}

.sticky-head {
    z-index: 100;
    width: 100%;
}

.sticky-col {
    z-index: 50;
    width: auto;
}

.sticky-intersect {
    z-index: 150;
    width: auto;
}

Add obligatory CSS statements in own file


body {
  padding-top: 60px;
}

@media (max-width: 979px) {
  body {
    padding-top: 0px;
  }
}

#help {
  display: none;
}

body {
  padding-top: 64px;
}

#help {
  display: none;
}

Fix CSS for the header

Fix CSS for the header


.overrides_input_system.form-group {margin-bottom: 0;}

.txn_field_name{max-width:4em;}
.override_message{min-width:3em;}
.navbar{
  margin-bottom:0px;
}
h3{
  margin-bottom:5px;
  margin-top:0px;
}

td.field_date{
  white-space: nowrap;
}

a{
  content:none;
}

@media print {
  a[href]:after {
    content: "";
  }
}

Hide hyperlink href values when printing


.tryit {
    padding-top: 25px;
}

.well {
    margin-top: 20px;
    padding-top: 0;
    text-align: center;
}

.well[id] {
    padding-top: 10px;
}

.well > .form-group > label {
    font-size: 18px;
    margin-top: 5px;
}

.bootswatch {
    padding: 10px 0 20px 0;
}

.jumbotron {
    margin-top: -50px;
    padding-bottom: 25px;
}

iframe {
    border: 0;
    overflow: hidden;
}

.tryit {
    padding-top: 25px;
}

.well {
    margin-top: 20px;
    padding-top: 0;
    text-align: center;
}

.well[id] {
    padding-top: 10px;
}

.well > .form-group > label {
    font-size: 18px;
    margin-top: 5px;
}

.bootswatch {
    padding: 10px 0 20px 0;
}

.jumbotron {
    margin-top: -50px;
    padding-bottom: 25px;
}

@media (min-width: 768px) {
    li .twitter-follow-button,
    li .twitter-share-button {
        margin: 0 18px;
    }
}

iframe {
    border: 0;
    overflow: hidden;
}

Add margin for twitter buttons

Add margin for twitter buttons


div[id^="player_"] {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50px ;
}

div[id^="npc_"]{}
div[id^="monster_"]{}
div[id^="boss_"]{}

Add values for player id.

Add values for player id.


div.ticket-class1 {
  background-color: #fdc;
  border: 1px;
  border-color: #e88;
  border-style: solid;
  color: #a22;
}

div.ticket-class2 {
  background-color: #ffb;
  border:1px;
  border-color: #eea;
  border-style: solid;
  color: #880;
}

div.ticket-class3 {
  background-color: #fbfbfb;
  border:1px;
  border-color: #ddd;
  border-style: solid;
  color: #444;
}

div.ticket-class4 {
  background-color: #e7ffff;
  border:1px;
  border-color: #cee;
  border-style: solid;
  color: #099;
}

div.ticket-class5 {
  background-color: #e7eeff;
  border:1px;
  border-color: #cde;
  border-style: solid;
  color: #469;
}

div.ticket-class6 {
  background-color: #f0f0f0;
  border:1px;
  border-color: #ddd;
  border-style: solid;
  color: #888;
}

/*
 * These styles are adapted from the standard report.css in Trac.
 * The border-color is a medium-dark gray so that tasks are more visible.
 */

div.ticket-class1 {
  background-color: #fdc;
  border:1px;
  border-color: #949494;
  border-style: solid;
  color: #a22;
}

div.ticket-class2 {
  background-color: #ffb;
  border:1px;
  border-color: #949494;
  border-style: solid;
  color: #880;
}

div.ticket-class3 {
  background-color: #fbfbfb;
  border:1px;
  border-color: #949494;
  border-style: solid;
  color: #444;
}

div.ticket-class4 {
  background-color: #e7ffff;
  border:1px;
  border-color: #949494;
  border-style: solid;
  color: #099;
}

div.ticket-class5 {
  background-color: #e7eeff;
  border:1px;
  border-color: #949494;
  border-style: solid;
  color: #469;
}

div.ticket-class6 {
  background-color: #f0f0f0;
  border:1px;
  border-color: #949494;
  border-style: solid;
  color: #888;
}

Make task border darker so tasks are more visible.

git-svn-id: 2159781fc7c14c6bdd1f7e265daf7a25099c31e7@9671 7322e99d-02ea-0310-aa39-e9a107903beb


body {
    padding-top: 1em;
    padding-bottom: 1em;
}

h1 {
    font-weight: 500;
}

h2, h3 {
    font-weight: 300;
}

.resource-description, .response-info {
    margin-bottom: 2em;
}

#footer {
    border-top: 1px solid #eee;
    margin-top: 2em;
    padding-top: 1em;
    text-align: right;
}

.version:before {
    content: "v";
    opacity: 0.6;
    padding-right: 0.25em;
}

.format-option {
    font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", monospace;
}

#options-form {
    position: relative;
}

/* To allow tooltips to work on disabled elements */
.disabled-tooltip-shield {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.response-info .meta {
    border-bottom: 1px solid #ccc;
}

#options-form {
    margin-right: 1em;
}

.errorlist {
    margin-top: 0.5em;
}

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

Add horizontal scrolling to pre blocks.

Add horizontal scrolling to pre blocks.


.adminBulkCommands .btn-toolbar {
    margin-top: 0;
}
.adminBulkCommands .dropdown-menu li a.adminBulkCommandsHeader {
    color: #ccc;
    font-weight: bold;
    text-transform: uppercase;
    pointer-events: none;
    cursor: default;
    font-size: 11px;
}

.adminBulkCommands .popover-title {
    display: none;
}
.adminBulkCommands .popover-content {
    background: #fff;
}
.adminBulkCommands .popover .btn {
    width: 5em;
}
.adminBulkCommands .popover .btn + .btn {
    margin-top: 5px;
}

.adminBulkCommands .btn-toolbar {
    margin-top: 0;
}
.adminBulkCommands .dropdown-menu li a.adminBulkCommandsHeader {
    color: #ccc;
    font-weight: bold;
    text-transform: uppercase;
    pointer-events: none;
    cursor: default;
    font-size: 11px;
}

.adminBulkCommands .popover-title {
    display: none;
}
.adminBulkCommands .popover-content {
    background: #fff;
}
.adminBulkCommands .popover-content:before,
.adminBulkCommands .popover-content:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.adminBulkCommands .popover-content:after {
    clear: both;
}

.adminBulkCommands .popover .btn {
    width: 5em;
}
.adminBulkCommands .popover .btn + .btn {
    margin-top: 5px;
}

Fix height of popover content

Fix height of popover content


/* line 1, D:/Dev/To-Do-Builder/styles/sass/1-app/_app.sass */
.app-wrap {
  max-width: 1000px; }

ol.todo-list {
  list-style: none;
}

a.completed {
  text-decoration: line-through;
  opacity: .4;
}

/*# sourceMappingURL=styles.css.map */

/* line 1, D:/Dev/To-Do-Builder/styles/sass/1-app/_app.sass */
.app-wrap {
  max-width: 1000px; }

ol.todo-list {
  list-style: none;
}

a {
  transition: all 300ms ease-in-out;
}

a.completed {
  text-decoration: line-through;
  opacity: .4;
}

/*# sourceMappingURL=styles.css.map */

Add css animation for completed

Add css animation for completed


.Booting {
    color: orange
}

.Online {
    color: green
}

.Failed {
    color: red
}

.Offline {
    color: blue
}

.red {
    color: red
}

.white {
    color: white
}

/*Used in test.html*/
.accordianRow {
    padding: 0 !important;
}

Update accordion rows to hide better

Update accordion rows to hide better


.footer {
  background-color: #f5f5f5;
  padding: 15px 0 7px 0;
  margin-top: 20px;
  padding: 30px 0 20px 0;
}

.table-container {
  width: 100%;
  overflow: scroll;
  height: 400px;
  margin: 20px 5px;
}

.dataTables_info {
  font-size: 1.2em;
  margin: 15px 0 20px 0;
}

#data-view td {
  font-size: 1.1em;
  padding: 4px 0;
}

dt, dd {
  font-size: 1.1em;
  padding-bottom: 4px;
}

.table.api-item {
  width: 90%;
  margin: 30px auto;
}

#download {
  font-size: 1.2em;
}

#loading {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 0px;
  padding-top: 100px;
  z-index: 99;
  background-color: #000;
  opacity: 0.5;
  color: #fff;
  text-align: center;
  font-size: 10vh;
}

.footer {
  background-color: #f5f5f5;
  padding: 15px 0 7px 0;
  margin-top: 20px;
  padding: 30px 0 20px 0;
}

.table-container {
  width: 100%;
  overflow: scroll;
  height: 400px;
  margin: 20px 5px;
}

.dataTables_info {
  font-size: 1.2em;
  margin: 15px 0 20px 0;
}

#data-view td {
  font-size: 1.1em;
  padding: 4px 0;
}

dt, dd {
  font-size: 1.1em;
  padding-bottom: 4px;
}

.table.api-item {
  width: 90%;
  margin: 30px auto;
}

#download {
  font-size: 1.2em;
}

#loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 100px;
  z-index: 99;
  background-color: #000;
  opacity: 0.5;
  color: #fff;
  text-align: center;
  font-size: 10vh;
}

Remove spacing around loading splash

Remove spacing around loading splash


/* Très petits écrans (smartphones, moins de 768px) */
/* Pas besoin de media-query, c'est le style par défaut */
address {
  background-color: blue;
  width: 100%;
  height: 100%;
}

map iframe {
  width: 100%;
}

/* Petits écrans (tablettes, 768px et plus) */
@media (min-width: 768px) {

 }

/* Ecrans moyens (desktops, 992px et plus) */
@media (min-width: 992px) {

 }

/* Très petits écrans (smartphones, moins de 768px) */
/* Pas besoin de media-query, c'est le style par défaut */
address {
  background-color: blue;
  width: 100%;
  height: 100%;
}

map iframe {
  width: 100%;
}

.message {
  height: 35px;
}

/* Petits écrans (tablettes, 768px et plus) */
@media (min-width: 768px) {

 }

/* Ecrans moyens (desktops, 992px et plus) */
@media (min-width: 992px) {

 }

Add height to input message

Add height to input message


/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 */

/*
 * De-emphasize inactive panes, in order to make it easy to quickly see which
 * pane is active.
 *
 * Credit: http://discuss.atom.io/t/how-to-know-which-pane-is-focused/10577/2
 */
atom-pane:not(.active) {
  opacity: 0.75;
}

.results-view {
  font-size: 13px;
}

.search-result .highlight-info {
  color: #000;
  background-color: yellow;
}

Improve display of search results in Atom

Credit: da39a3ee5e6b4b0d3255bfef95601890afd80709@shayfrendt :zap::bow:


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

body {
  font-size: 13px;
  line-height: 20px;
  background-color: #34495e;
}

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

body {
  background-color: #34495e;
  font-family: 'Open Sans', sans-serif;
}

Update the font to Open sans

Update the font to Open sans


@font-face {
  font-family: "DejaVu Sans Mono";
  src: url("DejaVuSansMono.ttf");
}

.terminal {
    font-family: "DejaVu Sans Mono";
    font-size: 13px;
    color: #f0f0f0;
    background: #000;
}

DIV:focus > DIV > SPAN.terminal-cursor {
  color: #000000;
  background: #ffffff;
  outline: 0px;
}

SPAN.terminal-cursor {
  outline: 1px solid #808080;
}

@font-face {
  font-family: "DejaVu Sans Mono";
  src: url("DejaVuSansMono.ttf");
}

.terminal {
    font-family: "DejaVu Sans Mono";
    font-size: 13px;
    color: rgb(178, 178, 178);
    background: #000;
}

DIV:focus > DIV > SPAN.terminal-cursor {
  color: #000000;
  background: #ffffff;
  outline: 0px;
}

SPAN.terminal-cursor {
  outline: 1px solid #808080;
}

Fix for the default foreground colour in the terminalviewer.


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

.root {
  max-width: 640px;
  flex-grow: 1;
  margin: 0 auto;
  padding: var(--large-padding) var(--medium-padding) var(--extra-large-padding);
}

.typeMisMatchMessage {
  padding: 10em 3em;
}

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

:root {
  --form-view-padding-bottom-small: 7.5em;
  --form-view-padding-bottom-medium: 15em;
}

.root {
  max-width: 640px;
  flex-grow: 1;
  margin: 0 auto;
  padding: var(--large-padding) var(--medium-padding) var(--form-view-padding-bottom-small);

  @media (--screen-medium) {
    padding: var(--large-padding) var(--medium-padding) var(--form-view-padding-bottom-medium);
  }
}

.typeMisMatchMessage {
  padding: var(--large-padding) var(--medium-padding) var(--form-view-padding-bottom-small);

  @media (--screen-medium) {
    padding: var(--large-padding) var(--medium-padding) var(--form-view-padding-bottom-medium);
  }
}

Improve margins of document form

[desk-tool] Improve margins of document form


@font-face {
    src: url('NotoSans-Regular.ttf');
}

.text {
    -fx-font-family: "Noto Sans";
}

.addressButton {
  -fx-background-color:transparent;
}

.addressButton:hover {
  -fx-background-color:#dae7f3;
}

.button-raised{
	-fx-padding: 0.7em 0.57em;
	fx-font-size: 14px;
	-jfx-button-type: RAISED;
	-fx-background-color: rgb(77,102,204);
	-fx-pref-width: 200;
	-fx-text-fill: WHITE;
}

.tab:selected .focus-indicator {
    -fx-border-radius: 10 10 0 0, 10 10 0 0;
    -fx-border-insets: -6 -9 -8 -8, -5 -8 -7 -7;
}

.tab-header-area .tab{
    -fx-padding:4 10 5 10;
    -fx-background-radius: 10 10 0 0;
}

Create rounded corners on browser tabs.

Create rounded corners on browser tabs.


.exampleOutput {
  display: flex;
  border: 1px solid rgb(224, 224, 224);
  padding: 2rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.codeBlock pre {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  max-height: 250px;
  overflow: auto;
}

.example-grid-content {
  background: rgb(224, 224, 224);
  display: flex;
  padding: 5px;
}

.exampleOutput .btn + .btn {
  margin-left: 1rem;
}

.example-color {
  width: 12em;
  line-height: 50px;
  text-align: center;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

.exampleOutput {
  display: flex;
  border: 1px solid rgb(224, 224, 224);
  padding: 2rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  max-height: 640px;
  overflow: auto;
}

.codeBlock pre {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  max-height: 250px;
  overflow: auto;
}

.example-grid-content {
  background: rgb(224, 224, 224);
  display: flex;
  padding: 5px;
}

.exampleOutput .btn + .btn {
  margin-left: 1rem;
}

.example-color {
  width: 12em;
  line-height: 50px;
  text-align: center;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

Set max overflow of demo to 640px

Set max overflow of demo to 640px


.window-input {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.window-input > * {
  margin: 0;
}

.window-input > .labelled-input {
  margin: 0 0 0 5px;
  flex-grow: 1;
}

.new-window-dialog p {
  max-width: 292px;
}

Set max-width on p in the new window dialog


span.input_prompt {
  color:blue;
  font-family: monospace;
  font-size:12pt;
  float: left;
  clear: left;
}

span.output_prompt {
  color:red;
  /*display:none;*/
  clear: left;
  font-family: monospace;
  font-size:12pt;
  float: left;
}

div.output_delimiter {
  height: 3px;
  clear: left;
}

div.insert_new_cell {
  height:6px;
  margin:3px;
  width: 100%;
}

div.insert_new_cell:hover {
  background-color:#8888FE;
  margin:3px;
  width: 100%;
}

Move notebook CSS to separate file

Move notebook CSS to separate file


body {
    background: snow;
}

h1{
    text-align: center;
}

.filter{
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #CCC;
}

.filter > div {
    margin: 10px;
}

.filter label {
    display: block;
    font-weight: bold;
}

.token-input input {
    width: 100%;
    padding: 6px 10px 5px 10px;
}

.work-hours-input input{
    width: 50px;
    padding: 6px 10px 5px 10px;
}

.report h2 {
    text-align: center;
    margin-top: 30px;
}

.report table {
    width: 100%;
    padding: 0 25px;
    table-layout: fixed;
}

.report th {
    text-align: left;
}

body {
    background: snow;
}

h1{
    text-align: center;
}

.filter{
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #CCC;
}

.filter > div {
    margin: 10px;
}

.filter label {
    display: block;
    font-weight: bold;
}

.token-input input {
    width: 100%;
    padding: 6px 10px 5px 10px;
}

.work-hours-input input{
    width: 50px;
    padding: 6px 10px 5px 10px;
}

.report h2 {
    text-align: center;
    margin-top: 30px;
}

.report table {
    width: 100%;
    padding: 0 25px;
    table-layout: fixed;
    max-width: 500px;
    margin: auto;
}

.report th {
    text-align: left;
}

Reduce size of the table

Reduce size of the table


/* TODO: some of these may be moved up to common */
.label { width: 12em; text-align: right; padding: 4px; }
.value { margin-left: 13em; }
.repeatedGroup {
    border-top: 1px dotted black;
    margin: 1em 2em;
}
.repeatedGroup.first {
    border-top: none;
}

/* TODO: some of these may be moved up to common */
form.standard .row {
    font-size: 11px;
}
.label {
    width: 12em; text-align: right; padding: 4px;
    font-weight: bold; white-space: nowrap;
}
.value { margin-left: 13em; }
.repeatedGroup {
    border-top: 1px dotted #6E81A6;
    margin: 1em 2em;
}
.repeatedGroup.first {
    border-top: none;
}

Apply label styles more like the design mockups

SVN-Revision: 276


@external dialogTop, dialogContent;

.labelCell {
   padding-right: 6px;
}

.buttonCell button {
   position: relative;
   left: 2px;
   width: 60px;
}

.progressCell img {
   position: relative;
   top: 1px;
}

.consoleProgressDialog .dialogTop {
   display: none;
}

.consoleProgressDialog .dialogContent {
   margin-top: 4px;
}

.consoleProgressDialog {
   top: 0 !important;
}

.scrollPanel {
   background-color: white;
   border: solid #CCC 1px;
   margin: 0;
   width: 350px;
   height: 125px;
}

@external dialogTop, dialogContent;

.labelCell {
   padding-right: 6px;
}

.buttonCell button {
   position: relative;
   left: 2px;
   width: 60px;
}

.progressCell img {
   position: relative;
   top: 1px;
}

.consoleProgressDialog .dialogTop {
   display: none;
}

.consoleProgressDialog .dialogContent {
   margin-top: 4px;
}

.consoleProgressDialog {
   top: 0 !important;
}

.scrollPanel {
   background-color: white;
   border: solid #CCC 1px;
   margin: 0;
   width: 375px;
   height: 125px;
}

Increase width of console progress dialog


body {
  padding-top: 80px;
}

p {
  font-size: 120%;
}

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

@media (max-width: 992px) {
  .sidebar {
    padding-top: 2em;
  }
}

Add padding over the sidebar, on small screens.


.photo-grid__item {
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  background-size: cover !important;
}

.mdl-card {
  width: auto;
}

.photo-grid__item a {
  cursor: pointer;
}

.photo-grid__item-dimension {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.download-photo {
  margin-right: 10px;
  color: #fff;
}

.save-to-dropbox {
  color: #fff;
}

.photo-grid__item {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  background-size: cover !important;
}

.mdl-card {
  width: auto;
  min-height: 250px !important;
}

.photo-grid__item a {
  cursor: pointer;
}

.photo-grid__item-dimension {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.download-photo {
  margin-right: 10px;
  color: #fff;
}

.save-to-dropbox {
  color: #fff;
}

@media screen and (max-width: 550px) {
  .photo-grid__item {
    margin-bottom: 10px;
  }
}

Increase width and reduce margin

Increase width and reduce margin


/*
    Document   : styles.css
    Created on : 08/12/2015, 09:01:15 PM
    Author     : cesarmejiaguzman
    Description:
*/

/* Util */
.holder{
    margin: 0 auto;
    max-width: 1010px;
    width: 100%;
}

/* Navigation */
.navigation{
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.navigation .navigation-toggle{
    border: none;
    float: right;
    padding: 10px;
    width: 50px;
}

.navigation .navigation-toggle .bar{
    background-color: #333;
    display: block;
    height: 3px;
    margin-bottom: 3px;
    width: 100%;
}

.navigation .navigation-toggle .bar:last-child{
    margin-bottom: 0;
}

/* Outer wrapper */
.outer-wrapper{
    background: #eaeaea;
    position: relative;
}

/*
    Document   : styles.css
    Created on : 08/12/2015, 09:01:15 PM
    Author     : cesarmejiaguzman
    Description:
*/

/* Util */
.holder{
    margin: 0 auto;
    max-width: 1010px;
    width: 100%;
}

/* Navigation */
.navigation{
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.navigation .navigation-toggle{
    border: none;
    float: right;
    padding: 10px;
    width: 50px;
}

.navigation .navigation-toggle .bar{
    background-color: #333;
    display: block;
    height: 3px;
    margin-bottom: 3px;
    width: 100%;
}

.navigation .navigation-toggle .bar:last-child{
    margin-bottom: 0;
}

/* Outer wrapper */
.outer-wrapper{
    position: relative;
}

Remove default background color from outer-wrapper.


/*
	This file has style declarations specific to printed pages.
	This is mainly to
*/

@media print {

	div.headder {
		display: none;
	}

	div.container, div.large_container {
		max-width: none;
	}

	thead tr {
		border-bottom: 1px #eeeeee solid;
	}

}

Add newline at end of file

Add newline at end of file


@import 'colors.css';
@custom-media --three-piece-viewport (min-height: 6in);
@custom-media --two-sided-viewport (min-width: 8.5in);

html, body {
  background: var(--blog-background);
  font-family: 'Source Sans Pro';
  margin: 0;
  padding: 0;
}

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

a, a:visited {
  color: var(--blue);
}

@import 'colors.css';
@custom-media --three-piece-viewport (min-height: 5in);
@custom-media --two-sided-viewport (min-width: 8.5in);

html, body {
  background: var(--blog-background);
  font-family: 'Source Sans Pro';
  margin: 0;
  padding: 0;
}

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

a, a:visited {
  color: var(--blue);
}

Make 5in to min-height of a three-piece viewport


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

a:link {
    color: white;
}

a:visited {
    color: lightgrey;
}

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

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

.active {
    background-color: grey;
}

img {
    text-align: center;
}

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

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

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

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

.navbar {
    padding: 18px;
}

.navbar a:link {
    color: black
}

.navbar a:visited {
    color: black
}

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

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

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

a:link {
    color: white;
}

a:visited {
    color: lightgrey;
}

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

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

.active {
    background-color: grey;
}

img {
    text-align: center;
}

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

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

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

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

.navbar {
    padding: 18px;
}

.navbar a:link {
    color: black
}

.navbar a:visited {
    color: black
}

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

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

Add 0 margin to body, html

Add 0 margin to body, html

Default has margin, which creates blank whitespace at the bottom of the
page for odd aspect ratios such as found on phone. This fixes that
problem.

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


.aui-dialog {

}

.aui-dialog .aui-icon-loading {
	margin: 0 auto;
}

.aui-dialog .aui-widget-hd {
	color: #333333;
	cursor: move;
	font-size: 15px;
	font-weight: bold;
	padding: 8px 10px;
}

.aui-dialog .aui-widget-bd {
	border: 1px solid #ccc;
	border-color: transparent #999 #999 #bbb;
	padding: 10px;
	background: #fff;
	overflow: auto;
}
.aui-dialog .aui-widget-ft {
	border: 1px solid #ccc;
	border-color: transparent #999 #999 #bbb;
	padding: 5px 10px;
	text-align: right;
	background: #fff;
}

.aui-dialog-close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	margin: 5px;
}

.aui-dialog-hidden {
	visibility: hidden;
}

.aui-dialog {

}

.aui-dialog .aui-icon-loading {
	margin: 0 auto;
}

.aui-dialog .aui-widget-hd {
	color: #333333;
	cursor: move;
	font-size: 15px;
	font-weight: bold;
	padding: 8px 10px;
}

.aui-dialog .aui-widget-bd {
	border: 1px solid #ccc;
	border-color: #fff #999 #999 #bbb;
	padding: 10px;
	background: #fff;
	overflow: auto;
}
.aui-dialog .aui-widget-ft {
	border: 1px solid #ccc;
	border-color: #fff #999 #999 #bbb;
	padding: 5px 10px;
	text-align: right;
	background: #fff;
}

.aui-dialog-close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	margin: 5px;
}

.aui-dialog-hidden {
	visibility: hidden;
}

Fix Dialog top border css

Fix Dialog top border css

git-svn-id: eaac6977d0b6fa3343c402860739874625caf655@36449 05bdf26c-840f-0410-9ced-eb539d925f36


nav {
  background-color: var(--gray);
  background-image: url(v3.png);
  background-repeat: no-repeat;
  background-size: auto 28px;
  background-position: 4px 8px;
  height: 44px;
  cursor: pointer;
  width: 320px;
  position: absolute;
  top: 0;
}

nav h3 {
  margin: 0 8px 0 0;
  line-height: 44px;
}

nav h3 a {
  color: #fff;
}

nav h3 a:hover {
  color: var(--white);
}

nav {
  background-color: var(--gray);
  /*background-image: url(v3.png); for production*/
  background-repeat: no-repeat;
  background-size: auto 28px;
  background-position: 4px 8px;
  height: 44px;
  cursor: pointer;
  width: 320px;
  position: absolute;
  top: 0;
}

nav h3 {
  margin: 0 8px 0 0;
  line-height: 44px;
}

nav h3 a {
  color: #fff;
}

nav h3 a:hover {
  color: var(--white);
}

Remove logo for production purposes

Remove logo for production purposes


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

html,
body,
#app,
.container.devtools-container,
.container.devtools-container .row {
    height: 100%;
}

.col.devtools-panel {
    max-width: 50%;
}

.devtools-panel .devtools-subpanel {
    height: 50%;
    overflow-y: auto;
    margin-top: 10px;
}

.panel-header {
    margin-bottom: 18px;
}

.panel-header h2 {
    color: #4B77BE;
}

input {
    margin-bottom: 10px;
}

input::-webkit-input-placeholder {
   font-style: italic;
}

details summary {
    outline: none;
}

details ul {
    margin-left: 18px;
}

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

html,
body,
#app,
.container.devtools-container,
.container.devtools-container .row {
    height: 100%;
}

#app {
    overflow: hidden;
}

.col.devtools-panel {
    max-width: 50%;
}

.devtools-panel .devtools-subpanel {
    height: 50%;
    overflow-y: auto;
    margin-top: 10px;
}

.panel-header {
    margin-bottom: 18px;
}

.panel-header h2 {
    color: #4B77BE;
}

input {
    margin-bottom: 10px;
}

input::-webkit-input-placeholder {
   font-style: italic;
}

details summary {
    outline: none;
}

details ul {
    margin-left: 18px;
}

Fix sub panel scrolling issue by removing the app scroll


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

#second_from_top {
display: block;
position: relative;
top: 300px;

}

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

#second_from_top {
display: block;
position: relative;
top: 300px;

}

Change top block relative week stylesheet


Improve syntax highlighting for most JSON specs.


canvas {
	image-rendering: -webkit-optimize-contrast; /* Old Android, Safari, UC Browser */
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: crisp-edges; /* Safari */
	image-rendering: pixelated; /* Chrome & Opera */
	/* Note: keep this declaration at the bottom until
	   https://github.com/postcss/autoprefixer/issues/632 is fixed. */
	-ms-interpolation-mode: nearest-neighbor; /* IE */
}

canvas,
.leaflet-container {
	background: #000;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition-duration: 0.15s;
}

.leaflet-control-layers {
	display: none;
}

.leaflet-control-zoom-in {
	line-height: 1.3;
}

.leaflet-control-zoom-out {
	line-height: 1.1;
}

.leaflet-control-container, .leaflet-control-container a {
	color: #000 !important;
}

.leaflet-control-container a:hover,
.leaflet-control-container a:focus {
	background-color: lightgray;
}

Add background color on button hover

Add background color on button hover


html, body, #map {
  height: 100%;
  width: 100%;
}

#loading {
  background-color: gray;
  color: white;
  font-size: 18px;
  height: 100%;
  left: 0;
  opacity: 0.85;
  padding-top: 20%;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1001;
}

#info {
  background-color: #407cc9;  /* blue */
  bottom: 0;
  color: #fff;
  height: 110px;
  left: 0;
  line-height: 1.15;
  overflow-y: scroll;
  padding: 15px 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1002;
}

#info.error {
  background-color: #c9407c;  /* pink */
}

#info h1 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

#info a {
  color: #40c98d;  /* green */
}

#info p {
  margin: 0 0 10px;
}

#version {
  font-weight: bold;
}

html, body, #map {
  height: 100%;
  width: 100%;
}

#loading {
  background-color: gray;
  color: white;
  font-size: 18px;
  height: 100%;
  left: 0;
  opacity: 0.85;
  padding-top: 20%;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1001;
}

#info {
  background-color: #407cc9;  /* blue */
  bottom: 0;
  color: #fff;
  height: 110px;
  left: 0;
  line-height: 1.15;
  overflow-y: scroll;
  padding: 15px 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1002;
}

#info.error {
  background-color: #c9407c;  /* pink */
}

#info h1 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

#info a {
  color: #40c98d;  /* green */
}

#info p {
  margin: 0 0 10px;
}

#info p:last-child {
  margin: 0;
}

#version {
  font-weight: bold;
}

Remove margin from last info box paragraph


/* History Square */

.colors-history-square {
    width: 15px;
    height: 15px;
    font-size: 1px;
}

/* Label on left side of color box */

.ed-color-box-label {
    position: absolute;
    left: 50%;
    margin-left: 5.5rem;
    top: 2.5rem;
    width: 5rem;
    transform: rotate(-90deg);
}

.ed-color-box {
    width: 8rem;
}

/* Label on left side of color box - new color */

#box-new-label {
    top: 8.5rem;
}

#tab-ed-link,
span.ed-tab-in {
    display: none;
}

#tab-ed-active {
    display: inline-block;
}

.color-picker,
.color-picker * {
  box-sizing: content-box;
}

/* History Square */

.colors-history-square {
    width: 15px;
    height: 15px;
    font-size: 1px;
}

/* Label on left side of color box */

.ed-color-box-label {
    position: absolute;
    left: 50%;
    margin-left: 5.5rem;
    top: 2.5rem;
    width: 5rem;
    transform: rotate(-90deg);
}

.ed-color-box {
    width: 8rem;
}

/* Label on left side of color box - new color */

#box-new-label {
    top: 8.5rem;
}

#tab-ed-link,
span.ed-tab-in {
    display: none;
}

#tab-ed-active {
    display: inline-block;
}

.color-picker {
    position: static;
}

.color-picker-control {
    width: 175px;
    height: 150px;
    border: 0px;
    box-shadow: none;
}

.color-picker-h {
    width: 19px;
    border: 0px;
    box-shadow: none;
}

#colorpicker-input {
    width: 6em;
}

Popup: Move Color Picker Modifications To Our CSS


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

html {
	position: relative;
	min-height: 100%;
}
body {
	color: #444;
	margin-bottom: 35px;
	line-height:1.6;
}
h1,h2,h3 {
	line-height:1.2;
}
#logo {
	text-align: center;
}
@media (max-width: 500px) {
 	.top-padding {
		min-height: 10px;
 	}
	.navbar {
		text-align: center;
	}
	.navbar-nav {
		display: inline-block;
	}
}
@media (min-width: 500px) and (max-width: 992px) {
 	.top-padding {
		min-height: 10px;
 	}
	.navbar, #logo {
		display: inline-flex;
	}
}
@media (min-width: 992px) {
 	.top-padding {
		min-height: 10vh;
 	}
 	.navbar-nav .nav-item+.nav-item {
		margin-left: 0rem;
	}
	.navbar-nav .nav-item {
		float: none;
	}
	section {
		max-height: 75vh;
		overflow-y: auto;
	}
}
.footer {
 	position: absolute;
 	bottom: 1px;
 	width: 100%;
 	height: 35px;
 	line-height: 35px;
 	text-align: center;
}

Modify line height and font color

Modify line height and font color


.unseen {
    opacity: 0.35;
}

.Player:after {
    content: '@'
}

.Floor {
    background: #44f;
}

.Wall {
    background: #003;
}

.Bot {
    color: pink;
}

.Bot:after {
    content: 'x';
}

.Script {
    color: pink;
}

.Script:after {
    content: 's';
}

.Adware {
    color: red;
}

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

.unseen {
    opacity: 0.35;
}

.selected {
    width: 28px;
    height: 28px;
    border: 2px solid red;
}

.Player:after {
    content: '@'
}

.Floor {
    background: #44f;
}

.Wall {
    background: #003;
}

.Bot {
    color: pink;
}

.Bot:after {
    content: 'x';
}

.Script {
    color: pink;
}

.Script:after {
    content: 's';
}

.Adware {
    color: red;
}

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

Add a selected tile class.

Add a selected tile class.


.notebook tab .button {
    -GtkButton-default-border: 0;
    -GtkButton-default-outside-border: 0;
    -GtkButton-inner-border: 0;
    -GtkWidget-focus-line-width: 0;
    -GtkWidget-focus-padding: 0;
    padding: 0;
}

GtkOverlay > * {
    padding: 4px;
    border-style: solid;
    border-radius: 0 5px 0 0;
    border-width: 1px 1px 0 0;
}

GtkOverlay MidoriFindbar {
    border-radius: 0 0 0 5px;
    border-width: 0 0 1px 1px; /* top right bottom left */
}

/* Kill grey backround on inactive buttons */
GtkDrawingArea,
GtkImage,
GtkImage:insensitive,
GtkImage:selected {
    background-color: @transparent;
}

.notebook tab .button {
    -GtkButton-default-border: 0;
    -GtkButton-default-outside-border: 0;
    -GtkButton-inner-border: 0;
    -GtkWidget-focus-line-width: 0;
    -GtkWidget-focus-padding: 0;
    padding: 0;
    border-width: 1px 1px 0 0;
}

GtkOverlay > * {
    padding: 4px;
    border-style: solid;
    border-radius: 0 5px 0 0;
    border-width: 1px 1px 0 0;
}

GtkOverlay MidoriFindbar {
    border-radius: 0 0 0 5px;
    border-width: 0 0 1px 1px; /* top right bottom left */
}

/* Kill grey backround on inactive buttons */
GtkDrawingArea,
GtkImage,
GtkImage:insensitive,
GtkImage:selected {
    background-color: @transparent;
}

Tweak border-width of notebook tab buttons


body {
  margin: 0;
  background-color: #222222;
  font-size: 20px;
  color: white;
  font-family: "Helvetica Neue", Helvetica, 'Open Sans', 'FreeSans', Arial, sans-serif;
}

#header h1 {
  font-size: 55px;
  font-weight: bold;
  padding: 0;
  margin: 0;
  color: #AAA;
  position: absolute;
  right: 0;
}

#header img {
  position: absolute;
  left: 0;
  height: 70px;
}

#header {
  width: 100%;
  position: relative;
  height: 70px;
}

#dashboard {
  position: relative;
  width: 100%;
}

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

#dashboard ul li {
  margin: 0;
  padding: 5px 5px 0 0;
  width: 33%;
  height: 260px;
}

body {
  margin: 0;
  background-color: #222222;
  font-size: 20px;
  color: white;
  font-family: "Helvetica Neue", Helvetica, 'Open Sans', 'FreeSans', Arial, sans-serif;
}

#header h1 {
  font-size: 55px;
  font-weight: bold;
  padding: 0;
  margin: 0;
  color: #AAA;
  position: absolute;
  right: 0;
}

#header img {
  position: absolute;
  left: 0;
  height: 70px;
}

#header {
  width: 100%;
  position: relative;
  height: 70px;
}

#dashboard {
  position: relative;
  width: 100%;
}

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

#dashboard ul li {
  margin: 0 0 4px 0;
  padding: 0;
  width: 33%;
}

Remove right hand margin from CSS

Remove right hand margin from CSS


@import url(http://fonts.googleapis.com/css?family=Kite+One);

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

.main {
    padding: 20px 40px;
    margin: 10px 30px;
    box-shadow: 1px 1px 2px black;
    border-radius: 3px;
    background-color: tomato;
}

body {
    font-family: sans-serif;
}

.main {
    padding: 20px 40px;
    margin: 10px 30px;
    box-shadow: 1px 1px 2px black;
    border-radius: 3px;
    background-color: tomato;
}

input {
    width: 100%;
}

Remove external font dependency to speed up loading


html {
  background: url(../images/background-mid.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  padding: 50px;
  font: 20px "Lucida Grande", Helvetica, Arial, sans-serif;
  color: #1F333E
}

a {
  color: #1F333E;
  text-decoration: none;
}

a:hover {
  /*color: #67919E;*/
  color: red;
  text-decoration: none;
}

h1 {
  font-weight: lighter;
}

#titlebox {
  text-align: center;
  margin: 0 auto;
}

ul {
  padding: 0;
}

.li-horizontal {
  display: inline;
  list-style-type: none;
  padding: 0.5em;
  font-size: 16px;
  font-variant: small-caps;

}

.li-horizontal:hover {
  display: inline;
  list-style-type: none;
  padding: 0.5em;
  font-size: 16px;
  font-variant: small-caps;
}

html {
  background: url(../images/background-mid.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  padding: 50px;
  font: 20px "Lucida Grande", Helvetica, Arial, sans-serif;
  color: #1F333E
}

a {
  color: #1F333E;
  text-decoration: none;
}

a:hover {
  color: #67919E;
  text-decoration: none;
}

h1 {
  font-weight: lighter;
}

#titlebox {
  text-align: center;
  margin: 0 auto;
}

ul {
  padding: 0;
}

.li-horizontal {
  display: inline;
  list-style-type: none;
  padding: 0.5em;
  font-size: 16px;
  font-variant: small-caps;

}

.li-horizontal:hover {
  display: inline;
  list-style-type: none;
  padding: 0.5em;
  font-size: 16px;
  font-variant: small-caps;
}

Revert "Changes hoverover color for Azure test"


pre {
    background: #0B1022;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin: 0px;
    padding: 0px;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
}

pre, code {
    font-family: 'Monaco', courier, monospace;
}

pre .comment {
    color: #727272;
}

pre .constant, pre .integer {
    color: #D8FA3C;
}

pre .storage {
    color: #FBDE2D;
}

pre .string {
    color: #61CE3C;
}

pre .keyword, pre .selector {
    color: #FBDE2D;
}

pre .parent {
    font-style: italic;
}

pre .entity {
    color: #FF6400;
}

pre .support {
    color: #8DA6CE;
}

pre .meta {
    color: #FF6400;
}

pre {
    background: #0B1022;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin: 0px;
    padding: 0px;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
}

pre, code {
    font-family: 'Monaco', courier, monospace;
}

pre .comment {
    color: #727272;
}

pre .constant, pre .integer {
    color: #D8FA3C;
}

pre .storage {
    color: #FBDE2D;
}

pre .string {
    color: #61CE3C;
}

pre .keyword, pre .selector {
    color: #FBDE2D;
}

pre .parent {
    font-style: italic;
}

pre .entity, pre .meta {
    color: #FF6400;
}

pre .support {
    color: #8DA6CE;
}

Consolidate styles and fix word-wrap for old Opera


.viewer {
	width: 15px;
	height: 15px;
	display: inline-block;
}

#info-bar {
	position: fixed;
	top: 3px;
	width: 50px;
	left: calc(100% - 50px);
}

#canvas {
	cursor: crosshair;
}

Change the pointer for the canvas

Change the pointer for the canvas


body {
    background: linear-gradient(to left, #101d23, #89b3c7, #101d23);
}

ul {
    padding-left: 2em;
}

#timer {
    background: dimgrey;
    color: white;
}

#gitlog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -128; /* heh heh heh */
    overflow: hidden;
    opacity: 0.2;
    color: #101d23;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: default;
}
#gitlog:before {
    content: attr(data-content);
}

.hero-unit {
    background: black;
    opacity: 0.5;
    color: white;
    padding: 1%;
}

body {
    background: linear-gradient(to left, #101d23, #89b3c7, #101d23);
}

ul {
    padding-left: 2em;
}

#timer {
    background: dimgrey;
    color: white;
}

#gitlog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -128; /* heh heh heh */
    display: block;
    clear: both;
    word-wrap: break-word;
    opacity: 0.2;
    color: #101d23;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: default;
}
#gitlog:before {
    content: attr(data-content);
}

.hero-unit {
    background: black;
    opacity: 0.5;
    color: white;
    padding: 1%;
}

Fix git log background on mobile

Fix git log background on mobile

Because the log text was extending rightward beyond the browsers view


.answered {
  background-color: black; }

.not_answered {
  background-color: #cccccc; }

.correct {
  background-color: #ddffdd; }

.incorrect {
  background-color: #ffdddd; }

.table {
  width: 100%;
  display: table;
  border-collapse: collapse; }

.row {
  display: table-row;
  width: 100%; }

.cell {
  display: table-cell; }

.cellheader {
  font-weight: bold; }

.optionlabel {
  padding-left: 10px;
  width: 310px; }

.optionbar {
  width: 300px;
  padding-right: 10px;
  padding-bottom: 2px;
  vertical-align: middle;
  border-left: 1px solid black; }

.optionbarbar {
  display: block;
  height: 100%;
  border: 1px solid black;
  margin-left: 1px; }

.optionpercent {
  border-left: 2px solid black;
  padding-right: 2px;
  padding-left: 2px;
  text-align: right; }

.optioncount {
  border-left: 1px solid black;
  padding-left: 2px;
  text-align: right; }

.answered {
  background-color: white; }

.not_answered {
  background-color: #cccccc; }

.correct {
  background-color: #ddffdd; }

.incorrect {
  background-color: #ffdddd; }

.table {
  width: 100%;
  display: table;
  border-collapse: collapse; }

.row {
  display: table-row;
  width: 100%; }

.cell {
  display: table-cell; }

.cellheader {
  font-weight: bold; }

.optionlabel {
  padding-left: 10px;
  width: 310px; }

.optionbar {
  width: 300px;
  padding-right: 10px;
  padding-bottom: 2px;
  vertical-align: middle;
  border-left: 1px solid black; }

.optionbarbar {
  display: block;
  height: 100%;
  border: 1px solid black;
  margin-left: 1px; }

.optionpercent {
  border-left: 2px solid black;
  padding-right: 2px;
  padding-left: 2px;
  text-align: right; }

.optioncount {
  border-left: 1px solid black;
  padding-left: 2px;
  text-align: right; }

Check in a compiled css.

Check in a compiled css.


h1 a {
    text-decoration: none;
    color: #333
}

.pure-button {
    line-height: 2em;
    margin-bottom: 1em;
}

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

h1 a {
    text-decoration: none;
    color: #333
}

.content {
    padding-top: 2em;
}

.pure-button {
    line-height: 2em;
    margin-bottom: 1em;
}

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

Add space above content, needed when h2 removed