@import './../../colors.css';
#recent-projects{
  > .header{
    border-bottom: 4px solid #f2f2f2;
    margin-bottom: 10px;
  }
  > #project-list{
    display: flex;
    flex-flow: column wrap;

    > .recent-project{
      display: flex;
      flex-flow: column wrap;
      margin-bottom: 10px;
      margin-right: 5px;
      padding-left: 5px;
      border-left-style: solid;
      border-left-width: 5px;
      border-radius: 3px;
      > .project-name{
        display: flex;
        justify-content: space-between;
        *{
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
    }

    > .recent-project.FAILURE{
      border-left-color: var(--failure);
      > .project-name *{
        color: var(--failure);
      }
    }
    > .recent-project.SUCCESS{
      border-left-color: var(--success);
      > .project-name *{
        color: var(--success);
      }
    }

    > .recent-project.IN_PROGRESS{
      border-left-color: var(--in_progress);
      > .project-name *{
        color: var(--in_progress);
      }
    }

    > .recent-project.ABORTED{
      border-left-color: var(--aborted);
      > .project-name *{
        color: var(--aborted);
      }
    }

  }
}

@import './../../colors.css';
#recent-projects{
  > .header{
    border-bottom: 4px solid #f2f2f2;
    margin-bottom: 10px;
  }
  > #project-list{
    display: flex;
    flex-flow: column wrap;
    *{
      overflow: hidden;
      text-overflow: ellipsis;
    }

    > .recent-project{
      display: flex;
      flex-flow: column wrap;
      margin-bottom: 10px;
      margin-right: 5px;
      padding-left: 5px;
      border-left-style: solid;
      border-left-width: 5px;
      border-radius: 3px;
      > .project-name{
        display: flex;
        justify-content: space-between;
      }
    }

    > .recent-project.FAILURE{
      border-left-color: var(--failure);
      > .project-name *{
        color: var(--failure);
      }
    }
    > .recent-project.SUCCESS{
      border-left-color: var(--success);
      > .project-name *{
        color: var(--success);
      }
    }

    > .recent-project.IN_PROGRESS{
      border-left-color: var(--in_progress);
      > .project-name *{
        color: var(--in_progress);
      }
    }

    > .recent-project.ABORTED{
      border-left-color: var(--aborted);
      > .project-name *{
        color: var(--aborted);
      }
    }

  }
}

Apply clipping to all recent project text


.dropdown-header {
  font-size: 1.2em;
  font-weight: bold;
}

.select2-container {
  border: solid rgb(210, 214, 222) 0.5px;
  width: 100% !important;
}

.select2-selection__choice {
  background-color: #3c8dbc !important;
  font-weight: bold;
}

Improve legibility of selected residents


.VideoPreview {
  display: block;
}

.VideoPreview:hover {
  text-decoration: none;
}

.VideoPreview__Image {
  border-radius: 3px;
  width: 20em;
}

.VideoPreview__Title {
  font-size: 1.25em;
  color: #222;
  font-weight: 1000;
  margin: 0px;
}

.VideoPreview__User {
}

.VideoPreview {
  display: block;
}

.VideoPreview:hover {
  text-decoration: none;
}

.VideoPreview__Image {
  border-radius: 3px;
  width: 20em;
}

.VideoPreview__Title {
  font-size: 1.25em;
  color: #222;
  font-weight: 1000;
  margin: 0em 0.25em;
}

.VideoPreview__User {
  margin: 0em 0.25em;
}

Change margin and font to be em based

Change margin and font to be em based


/* Copyright 2000-2020 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license that can be found in the LICENSE file. */
a {
    color: #2470B3;
    text-decoration: underline
}

code {
    font-size: small;
    font-family: Monospaced
}

Set monospaced font for <code> tag

[laf] Set monospaced font for <code> tag

GitOrigin-RevId: 2f12a334ef090827bd37f50cd7b8063c66c485df


:host {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 0 0 1px;
  display: block;
  height: 48px;
  padding: 0 16px;
}

nav {
  color: #8f8f8f !important;
  line-height: 48px;
  margin-top: 2px;
  margin-right: 20px;
}

nav a {
  text-decoration: none;
}

:host {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 0 0 1px;
  display: block;
  height: 48px;
  padding: 0 16px;
}

nav {
  color: #8f8f8f;
  line-height: 48px;
  margin-top: 2px;
  margin-right: 20px;
}

Revert "don't show underline between"

Revert "don't show underline between"

This reverts commit 87625637200404cbd62fa48a7a31cbccde90f77f.


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

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

Add failing tests to fit to the inheritance form of box-sizing reset

cf. issue #18


html,
body {
  min-width: 800px;
  min-height: 300px;
  padding: 0;
  margin: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  overflow: hidden;
  font-size: 12px;
}

#app-container {
  margin: auto;
  min-width: 800px;
  max-width: 1024px;
}

html,
body {
  min-height: 300px;
  padding: 0;
  margin: 0;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  overflow: hidden;
  font-size: 12px;
}

#app-container {
  margin: auto;
  min-width: 800px;
  max-width: 1024px;
}

Remove min-width from html, body

Remove min-width from html, body


.root {
}

.group {
  padding-left: 8%;
  padding-right: 8%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--section-max-width, none);
}

.group-full {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
  width: 100%;
}

.sticky,
.inline,
.wide {
  max-width: var(--two-column-inline-content-max-width, 500px);
}

.wideViewport .wide {
  max-width: var(--two-column-wide-content-max-width, 1200px);
}

.right .inline,
.right .wide {
  margin-left: auto;
}

.narrowViewport.right .sticky {
  margin-left: auto;
}

.wideViewport .sticky {
  position: sticky;
  float: right;
  clear: right;
  top: 33%;
  max-width: var(--two-column-sticky-content-max-width, 600px);
  width: var(--theme-two-column-sticky-content-width, 30%);
}

.wideViewport.right .sticky {
  float: left;
}

.root {
}

.group {
  padding-left: 8%;
  padding-right: 8%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--section-max-width, none);
}

.group-full {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
  width: 100%;
}

.sticky,
.inline {
  max-width: var(--two-column-inline-content-max-width, 500px);
}

.wide {
  max-width: var(--two-column-wide-content-max-width, 1200px);
}

.right .inline,
.right .wide {
  margin-left: auto;
}

.narrowViewport.right .sticky {
  margin-left: auto;
}

.wideViewport .sticky {
  position: sticky;
  float: right;
  clear: right;
  top: 33%;
  max-width: var(--two-column-sticky-content-max-width, 600px);
  width: var(--theme-two-column-sticky-content-width, 30%);
}

.wideViewport.right .sticky {
  float: left;
}

Apply consist max-width to wide elements

Do not apply inline content max width below wide viewport. This
prevents awkward intermediate states on tablets.

REDMINE-19482


/*!
 * Copyright 2013 Apereo Foundation (AF) Licensed under the
 * Educational Community License, Version 2.0 (the "License"); you may
 * not use this file except in compliance with the License. You may
 * obtain a copy of the License at
 *
 *     http://opensource.org/licenses/ECL-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an "AS IS"
 * BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing
 * permissions and limitations under the License.
 */

#lhnavigation-container {
    padding: 5px 10px;
}

#lhnavigation-page {
    padding: 5px 25px 50px 25px;
}

#lhnavigation-navigation ul li a div {
	padding-top: 8px;
}

/*!
 * Copyright 2013 Apereo Foundation (AF) Licensed under the
 * Educational Community License, Version 2.0 (the "License"); you may
 * not use this file except in compliance with the License. You may
 * obtain a copy of the License at
 *
 *     http://opensource.org/licenses/ECL-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an "AS IS"
 * BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing
 * permissions and limitations under the License.
 */

#lhnavigation-container {
    padding: 5px 10px;
}

#lhnavigation-navigation {
	margin-top: -5px;
}

#lhnavigation-page {
    padding: 5px 25px 50px 25px;
}

#lhnavigation-navigation ul li a div {
	padding-top: 8px;
}

Align left hand navigation with top of content


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

#signin {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -webkit-box;
  overflow: hidden;
}

#gaia-signin > iframe {
  bottom: 0;
  display: -webkit-box;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

#email,
#password {
  display: block;
  margin-bottom: 20px;
}

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

#signin {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -webkit-box;
  overflow: hidden;
}

#gaia-signin {
  height: 400px;
}

#gaia-signin > iframe {
  bottom: 0;
  display: -webkit-box;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

#email,
#password {
  display: block;
  margin-bottom: 20px;
}

Make gaia-signin screen 400px high.

[ChromeOS] Make gaia-signin screen 400px high.

BUG=chromium-os:18347
TEST=Verify fix for chromium-os:18347.

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

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


#titlearea {
    margin: 10px 0;
}
#projectalign {
    padding-left: 0 !important;
}
.fragment {
    padding: 4px !important;
}
@media (min-width: 992px) {
    #top, .header, .contents, .footer {
        margin: auto !important;
        max-width: 900px;
    }
    #titlearea {
        border-bottom: none;
    }
    #main-nav {
        border-radius: 4px 4px 0 0;
        border-top: 1px solid #c4cfe5;
    }
    #main-nav, .header, .nav-path, .contents {
        border-left: 1px solid #c4cfe5;
        border-right: 1px solid #c4cfe5;
        box-sizing: border-box;
    }
    .contents {
        padding: 14px;
    }
    hr.footer {
        border-top: 1px solid #c4cfe5;
    }
}

#titlearea {
    margin: 10px 0;
}
#projectalign {
    padding-left: 0 !important;
}
.fragment {
    padding: 4px !important;
}
@media (min-width: 992px) {
    #top, .header, .contents, .footer {
        margin: auto !important;
        max-width: 900px;
    }
    #titlearea {
        border-bottom: none;
    }
    #main-nav, #navrow1 {
        border-radius: 4px 4px 0 0;
        border-top: 1px solid #c4cfe5;
        position: relative;
    }
    #main-nav, #navrow1, .header, .nav-path, .contents {
        border-left: 1px solid #c4cfe5;
        border-right: 1px solid #c4cfe5;
        box-sizing: border-box;
    }
    .contents {
        padding: 14px;
    }
    hr.footer {
        border-top: 1px solid #c4cfe5;
    }
}

Fix for older versions of Doxygen.

Fix for older versions of Doxygen.


@import url("../../.cache/wal/colors-waybar.css");

* {
    font-family: "Noto Sans CJK JP";
}

window#waybar {
    background: rgba(43, 48, 59, 0.9);
    background: @background;
    border-bottom: 1px solid rgba(100, 114, 125, 0.3);
    color: @foreground;
}

#workspaces button {
    padding: 0 5px;
    background: transparent;
    color: white;
}

#workspaces button.focused {
    background: #64727D;
    background: @color8;
}

#mode, #pulseaudio, #network, #backlight, #clock, #battery {
    padding: 0 5px;
    margin: 0 5px;
}

#mode {
    background: #64727D;
    border-bottom: 3px solid white;
}

#battery.charging {
    color: #26A65B;
    color: @color2;
}

#battery.warning:not(.charging) {
    background: #f53c3c;
    background: @color8;
}

#battery.critical:not(.charging) {
    background: #f53c3c;
    color: white;
}

@import url("../../.cache/wal/colors-waybar.css");

* {
    font-family: "Noto Sans CJK JP";
}

window#waybar {
    background: rgba(43, 48, 59, 0.9);
    background: @background;
    border-bottom: 1px solid rgba(100, 114, 125, 0.3);
    color: @foreground;
}

#workspaces button {
    padding: 0 5px;
    background: transparent;
    color: white;
}

#workspaces button.focused {
    padding: 0 5px;
    background: #64727D;
    background: @color8;
}

#mode, #pulseaudio, #network, #backlight, #clock, #battery {
    padding: 0 5px;
    margin: 0 5px;
}

#mode {
    background: #64727D;
    border-bottom: 3px solid white;
}

#battery.charging {
    color: #26A65B;
    color: @color2;
}

#battery.warning:not(.charging) {
    background: #f53c3c;
    background: @color8;
}

#battery.critical:not(.charging) {
    background: #f53c3c;
    color: white;
}

Add padding to focused workspace

waybar: Add padding to focused workspace

This fixes an issue where the focused workspace would cause the layout
to shift.


div.app-title {
  font-family: georgia, serif;
  font-weight: bold;
  text-align: center;
}
ul.app-list li.app-button {
  color: #000000;
  font-family: georgia, serif;
}
div#article {
  background-color: #ffffff;
  font-family: georgia, serif;
  font-size: 16px;
  line-height: 130%;
  padding: 20px;
}
div#article a {
  background-color: #ffffff;
  color: #333333;
  text-decoration: underline;
}
div#article a:hover {
  background-color: #333333;
  color: #ffffff;
  text-decoration: none;
}
div#article p {
  margin: 20px 0;
}
footer {
  color: #000000;
  font-family: georgia, serif;
  font-size: 85%;
  padding: 20px;
  text-align: center;
}

div.app-title {
  font-family: georgia, serif;
  font-weight: bold;
  text-align: center;
}
ul.app-list li.app-button {
  color: #000000;
  font-family: georgia, serif;
}
div#article {
  background-color: #ffffff;
  font-family: georgia, serif;
  font-size: 17px;
  line-height: 160%;
  padding: 20px;
}
div#article a {
  background-color: #ffffff;
  color: #333333;
  text-decoration: underline;
}
div#article a:hover {
  background-color: #333333;
  color: #ffffff;
  text-decoration: none;
}
div#article p {
  margin: 20px 0;
}
footer {
  color: #000000;
  font-family: georgia, serif;
  font-size: 85%;
  padding: 20px;
  text-align: center;
}

Increase font size and line height.

Increase font size and line height.


#navigation-links {
  margin-top: 20px;
}

#navigation-links li{
  display: inline;
}

#navigation-links a {
  color: #f5f3f5;
  list-style-type: none;
}

#login a {
  margin-top: 20px 0px 20px 0px;
  float: right;
 }

#navigation-links {
  margin-top: 20px;
  font-size: 15px;
}

#navigation-links li{
  display: inline;
}

#navigation-links a {
  color: #f5f3f5;
  list-style-type: none;
  font-size: 15px;
}

#login a {
  float: right;
 }

Add font size for navigation links

Add font size for navigation links


.wp-block[data-type="amp/amp-story-post-title"] .wp-block-amp-amp-story-post-title {
	margin: 0;
	padding: 7px !important;
	height: 100%;
}

.wp-block[data-type="amp/amp-story-post-title"] .wp-block-amp-amp-story-post-title.is-amp-fit-text {
	line-height: 1.15;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
}

.wp-block[data-type="amp/amp-story-post-title"] .wp-block-amp-amp-story-post-title.is-amp-fit-text.is-measuring-fontsize {
	height: initial !important;
	width: initial !important;
	position: absolute !important;
}

.wp-block[data-type="amp/amp-story-post-title"] .wp-block-amp-amp-story-post-title {
	margin: 0;
	padding: 7px !important;
	height: 100%;
}

.wp-block[data-type="amp/amp-story-post-title"] .wp-block-amp-amp-story-post-title.is-amp-fit-text {
	line-height: 1.15;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	font-weight: 700;
}

.wp-block[data-type="amp/amp-story-post-title"] .wp-block-amp-amp-story-post-title.is-amp-fit-text.is-measuring-fontsize {
	height: initial !important;
	width: initial !important;
	position: absolute !important;
}

Adjust title block's font weight.

Adjust title block's font weight.


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

.MetricName {
  float: left;
  width: 100%;
}

.MetricName textarea{
  @mixin hover-input;
  padding: 2px;
  color: $grey-2;
  color: rgba(69, 98, 134, 0.83);
  font-weight: 300;
  width: 100%;
  font-size: 0.99em;
  float: left;
  line-height: 1.2em;
}

.output .MetricName textarea {
   font-weight: 500;
}

.titleView .MetricName textarea{
  color: #3C4F67;
  font-weight: 600;
}

.metricCard.display .titleView .MetricName textarea{
  color: #3C3F44;
}

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

.MetricName {
  float: left;
  width: 100%;
}

.MetricName textarea{
  @mixin hover-input;
  padding: 2px;
  color: $grey-2;
  color: rgba(69, 98, 134, 0.83);
  font-weight: 300;
  width: 100%;
  font-size: 0.99em;
  float: left;
  line-height: 1.2em;
}

.output .MetricName textarea {
   font-weight: 500;
}

.titleView .MetricName textarea{
  color: #3C4F67;
  font-weight: 600;
}

.MetricCardViewSection.display .MetricName textarea{
  overflow: hidden;
}

.metricCard.display .titleView .MetricName textarea{
  color: #3C3F44;
}

Make sure metric name scroll is hidden for card names


[class*="font-icon-"] {
  color: black;
}

a.link[href*="github.com"] {
  color: black;
}

.ui[class*="center aligned"].grid {
  color: black;
}

.ui.grid {
  color: green;
}

Modify existing fixture for default extractor


* {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-user-select: none;
}

body {
    background: black;
    color: white;
    font-family: 'Avenir Next', 'Helvetica Neue', sans-serif;
    padding: 30px;
}

drag-region {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    -webkit-app-region: drag;
    cursor: default;
    text-align: center;
    opacity: 0;
    transition: all .6s;
    transition-delay: 1s;
}

drag-region:hover {
    opacity: 1;
    transition-delay: 0s;
    background: #111;
}

* {
    box-sizing: border-box;
    position: relative;
}

html,
body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-user-select: none;
}

body {
    background: black;
    color: white;
    font-family: 'Avenir Next', 'Helvetica Neue', sans-serif;
    padding: 30px;
}

drag-region {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    -webkit-app-region: drag;
    cursor: default;
    text-align: center;
    opacity: 0;
    transition: all .6s;
    transition-delay: 1s;
}

drag-region:hover {
    opacity: 1;
    transition-delay: 0s;
    background: #111;
}

Make all elements position relative

Make all elements position relative


.main_page_content .manpage_export h2 {
  border-bottom: 1px solid #CDC998;
  text-transform: lowercase;
}
.main_page_content .manpage_export h2::first-letter {
  text-transform: uppercase;
}
.main_page_content .manpage_export a {
  display: none;
}
.main_page_content .manpage_export b {
  font-weight: bold;
  font-style: italic;
}
.main_page_content .manpage_export dt:first-child,
.main_page_content .manpage_export dd:first-child {
  margin-top: 0;
}

.main_page_content .manpage_export h2 {
  border-bottom: 1px solid #CDC998;
  text-transform: lowercase;
}
.main_page_content .manpage_export h2::first-letter {
  text-transform: uppercase;
}
.main_page_content .manpage_export a {
  display: none;
}
.main_page_content .manpage_export b {
  font-weight: bold;
  font-style: italic;
}
.main_page_content .manpage_export i {
  padding-bottom: 2px;
  border-bottom: 1px solid #555;
  font-family: 'Droid Sans Mono', monospace;
}
.main_page_content .manpage_export dt:first-child,
.main_page_content .manpage_export dd:first-child {
  margin-top: 0;
}

Improve styling for HTML exports of manpages


#toast-container > .toast {
  background-image: none !important;
}

#toast-container > .toast::before {
  position: relative;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 18px;
  float: left;
  margin-left: -1em;
  color: #fff;
  padding-right: 0.5em;
  margin-right: 0.5em;
}

/* See http://fontawesome.io/cheatsheet/ for icon codes */

#toast-container > .toast-warning::before {
  content: "\f071";
}

#toast-container > .toast-error::before {
  content: "\f001";
}

#toast-container > .toast-info::before {
  content: "\f05a";
}

#toast-container > .toast-success::before {
  content: "\f087";
}

.body-app {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}

#toast-container > .toast {
  background-image: none !important;
}

#toast-container > .toast::before {
  position: relative;
  font-family: FontAwesome, serif;
  font-size: 24px;
  line-height: 18px;
  float: left;
  margin-left: -1em;
  color: #fff;
  padding-right: 0.5em;
  margin-right: 0.5em;
}

/* See http://fontawesome.io/cheatsheet/ for icon codes */

#toast-container > .toast-warning::before {
  content: "\f071";
}

#toast-container > .toast-error::before {
  content: "\f001";
}

#toast-container > .toast-info::before {
  content: "\f05a";
}

#toast-container > .toast-success::before {
  content: "\f087";
}

.body-app {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}

Add generic font as fallback.

Add generic font as fallback.


.vLargeTextField, .item-richtext {
  width:300px !important;
  height:120px !important;
}
.vTextField {
  width:300px !important;
}
#language-selector label.translated {
  text-decoration:underline;
}
#all_languages { float:left; }
fieldset.module {
  clear: left;
}
fieldset.language {
  clear: none;
  float: left;
  width: 430px;
  margin-right: 5px;
}
fieldset.language h2 {
  height: 25px;
  line-height: 25px;
}
div.item-content div.form-row {
  float:left;
  border-bottom:none;
  overflow: visible;
}
div.inline-group, #main_wrapper, .submit-row {clear:left;}

.language-toggle {
  float: right;
  display: inline-block;
}

.language-toggle label {
  color: #ffffff;
  font-weight: bold !important;
  padding: 0px !important;
  width: auto !important;
  margin: 0 5px 0 0;
}

#language-selector {
  display: inline-block;
  float: right;
  margin-top: 0px;
  padding: 0px;
  border: 0px;
}

#language-selector .form-row {
  padding: 1px;
  border: 0px;
}

form fieldset.module.language p {
  margin: 0;
  padding: 1px;
}

Remove left margin from help texts

Remove left margin from help texts


.outline-row {
    border-top: 2px solid #333333;
    border-bottom: 2px solid #333333
}

.left-col-outline {
   border-left: 2px solid #333333
}

.right-col-outline {
    border-right: 2px solid #333333

}

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

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

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

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

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

Add very light gray to node background with a med gray border.


main {
  background-color: white;
  padding: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 4em;
  margin-bottom: 4em;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

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

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

main {
  background-color: white;
  padding: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 4em;
  margin-bottom: 4em;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

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

p a {
  color: #1976D2;
}

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

Fix link colors in <p>s

Fix link colors in <p>s


/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

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

.contentPane {
  margin: 9px 8px 5px 8px;
}

.actionButtons {
  margin: 0px 3px 6px 3px !important;
}

treechildren::-moz-tree-image(siteCol) {
  list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png);
  width: 16px;
  height: 16px;
  -moz-margin-end: 5px;
}

Fix favicon sizes in password manager

Fix favicon sizes in password manager


#app-mount div[class*="app-"] {
  margin-bottom: 48px !important;
}

#app-mount div[class*="app-"] > div[class*="app-"] {
  margin-bottom: 0 !important;
}

#dht-ctrl {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 48px;
  background-color: #fff;
  z-index: 1000000;
}

#dht-ctrl button {
  height: 32px;
  margin: 8px 0 8px 8px;
  font-size: 16px;
  padding: 0 12px;
  background-color: #7289da;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

#dht-ctrl button:disabled {
  background-color: #7a7a7a;
  cursor: default;
}

#dht-ctrl p {
  display: inline-block;
  margin: 14px 12px;
}

#app-mount {
  height: calc(100% - 48px) !important;
}

#dht-ctrl {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 48px;
  background-color: #fff;
  z-index: 1000000;
}

#dht-ctrl button {
  height: 32px;
  margin: 8px 0 8px 8px;
  font-size: 16px;
  padding: 0 12px;
  background-color: #7289da;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

#dht-ctrl button:disabled {
  background-color: #7a7a7a;
  cursor: default;
}

#dht-ctrl p {
  display: inline-block;
  margin: 14px 12px;
}

Fix DHT tracker overlaying part of Discord


pre {
    margin-left: 2em;
    /* padding-left: 1em; */
    padding: 2px 4px;
    border: 1px;
    background-color: #f4f4f4;
}

Add pandoc CSS (very minimal so far)

Add pandoc CSS (very minimal so far)


@charset "utf-8";
/* CSS Document */

.word_cloud_list2 {
    color: red;
}

.word_cloud_list1 {
    color: blue;
}

.word_cloud_both_lists {
    color: purple;
}

Move word_cloud formatting into it's own css.


.blog p {
  text-align: left;
  font-size: 1em;
}
#line_break {
  border: 1px solid grey;
  width: 98%;
  margin: auto;
}
.blog #title_font {}

.blog #date_font {}

h4 {
  font-weight: bold;
}

a:link {
  text-decoration: none;
  color: #CBFCC5;
}

a:hover {
  text-decoration: none;
  color: #3F8EAB;

}

.blog h1 {
  font-family: "Open Sans Condensed";
}

.blog p {
  text-align: left;
  font-size: 1em;
}
#line_break {
  border: 1px solid grey;
  width: 98%;
  margin: auto;
}
.blog #title_font {}

.blog #date_font {}

h4 {
  font-weight: bold;
}

a:link {
  text-decoration: none;
  color: #CBFCC5;
}

a:hover {
  text-decoration: none;
  color: #3F8EAB;

}

h1 {
  font-family: "Open Sans Condensed";
}

Add new font-family to blog stylesheet.

Add new font-family to blog stylesheet.


body,
html {
  margin: 0;
  padding: 0;
  font-family: courier, monospace;
  color: #222;
  background-color: #e1ffd3;
}
label[for='hasJQuery'] {
  float: right;
  margin: 0;
}
#hasJQuery {
  width: auto;
  height: 14px;
  float: right;
  margin: 1px 4px;
}
#container {
  width: 800px;
  margin: 0 auto;
}
label {
  display: block;
  margin: 16px 0 0 0;
}
textarea {
  width: 97%;
  height: 330px;
  padding: 12px 0 12px 12px;
  margin: 4px 0 0 0;
}
input {
  width: 600px;
  height: 25px;
}
input[type="submit"] {
  width: 180px;
  cursor: pointer;
}
small {
  margin-top: 25px;
  display: block;
}
#a-holder {
  height: 17px;
  border: 1px solid #ddd;
  padding: 10px;
  background-color: #f0fbe1;
  text-align: center;
}
#a-holder a {
  cursor: move;
}

/*                       *\
   Styles by DrummerHead
\*                       */

body,
html {
  margin: 0;
  padding: 0;
  font-family: courier, monospace;
  color: #222;
  background-color: #e1ffd3;
}
label[for='hasJQuery'] {
  float: right;
  margin: 0;
}
#hasJQuery {
  width: auto;
  height: 14px;
  float: right;
  margin: 1px 4px;
}
#container {
  width: 800px;
  margin: 0 auto;
}
label {
  display: block;
  margin: 16px 0 0 0;
}
textarea {
  width: 97%;
  height: 330px;
  padding: 12px 0 12px 12px;
  margin: 4px 0 0 0;
}
input {
  width: 600px;
  height: 25px;
}
input[type="submit"] {
  width: 180px;
  cursor: pointer;
}
small {
  margin-top: 25px;
  display: block;
}
#a-holder {
  height: 64px;
  margin: .5em 0;
  border: 1px solid #ddd;
  font-size: 2em;
  text-align: center;
  background-color: #f0fbe1;
}
#a-holder a {
  cursor: move;
  background-color: lightBlue;
  display: block;
  line-height: 1;
  padding: .5em;
}

Improve usability of link target area

Improve usability of link target area


.height-30px {
    height: 30px;
}

.height-100px {
    height: 100px;
}

.group-qr-code {
    text-align: center;
}

.group-qr-code-caption {

    text-align: center;
}

.link-btn {
    margin-top: 30px;
}

.zzn-content {
    text-align: right;
}

/* Overriding bootstrap */
.container {
    padding-right: 0px; /*15px in bootstrap.css*/
    padding-left: 0px;  /*idem*/
    margin-right: auto;
    margin-left: auto;
}

Remove left and right whitespace

Remove left and right whitespace


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

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

a {
  color: #cd8b00;
}

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

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

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

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

a {
  color: #3f1f09;
}

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

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

Change color for a tag

Change color for a tag


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

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

a {
  color: #3f1f09;
}

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

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

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

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

a {
  color: #000080;
}

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

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

Change color in a tag

Change color in a tag


.filter-button {
  color: #FFF;
  margin: 0.1em 0.3em;
  padding: 2px 5px;
  border: none;
  borderRadius: 1px;
  cursor: pointer;
  /* TODO: move text-transform to API ? */
  textTransform: capitalize;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.5;
}

.filter-button-active {
  opacity: 1;
}

.filter-button:hover,
.filter-button:focus {
  opacity: 1;
}

.filter-button {
  color: #FFF;
  margin: 0.1em 0.3em;
  padding: 2px 5px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  /* TODO: move text-transform to API ? */
  text-transform: capitalize;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.5;
}

.filter-button-active {
  opacity: 1;
}

.filter-button:hover,
.filter-button:focus {
  opacity: 1;
}

Remove jsx style from css

Remove jsx style from css


/*.OrbGrid-cell-highlighted {
    animation-name: anim-info-updated;
    animation-duration: 4s;
}

@keyframes anim-info-updated {
    0% {
      background-color: red;
      color: rgb(128, 0, 0);
    }
    100% {
      background-color: white;
      color: rgb(0, 0, 0);
    }
}*/

/*.OrbGrid-cell-highlighted {
    animation-name: anim-info-updated;
    animation-duration: 4s;
}

@keyframes anim-info-updated {
    0% {
      background-color: red;
      color: rgb(128, 0, 0);
    }
    100% {
    }
}*/

Fix animation for grey grid cells

Fix animation for grey grid cells


#actionmenu {
 position: relative;
  height: 2em;
  top: auto;
  left: auto;
  right: auto;
  width: auto;
  border: none;
  z-index: auto;
  overflow: visible;
}

html > body #actionmenu{
  position: relative;
  top: auto;
  left: auto;
  width: auto;
}
}

Fix Exo integration with the 1.0 skin

XWIKI-978: Fix Exo integration with the 1.0 skin

git-svn-id: d24132671420d6f5f4db809e884ce42b3489f6c5@2406 f329d543-caf0-0310-9063-dda96c69346f


/*
 * Copyright 2010 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */
.hoverCellTable .cellTableCell {
  padding: 2px;
}

.hoverCellTable .cellTableEvenRow {
  background: var(--odd-row-background-color);
}

.hoverCellTable .cellTableHoveredRow {
  background: var(--hovered-row-background-color) none repeat scroll 0 0;
}

.hoverCellTable .cellTableSelectedRow {
  background: var(--selected-row-background-color) none repeat scroll 0 0 !important;
  height: auto;
  overflow: auto;
}

/*
 * Copyright 2010 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */
.hoverCellTable .cellTableCell {
  padding: 4px 8px;
}

.hoverCellTable .cellTableEvenRow {
  background: var(--odd-row-background-color);
}

.hoverCellTable .cellTableHoveredRow {
  background: var(--hovered-row-background-color) none repeat scroll 0 0;
}

.hoverCellTable .cellTableSelectedRow {
  background: var(--selected-row-background-color) none repeat scroll 0 0 !important;
  height: auto;
  overflow: auto;
}

Increase padding for simple popup items

Increase padding for simple popup items


@import 'app/styles/variables.css';

.sidebar {
  display: flex;
  flex-direction: column;

  /* border-left: 1px solid #ddd; */
}

.pageList {
  text-align: left;
  line-height: 18px;

  & li {
    margin-bottom: 10px;
  }
}

.pageList a {
  font-size: 18px;
}

.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: bold;
  font-style: italic;
  font-size: var(--font-size-large);
}

.back > i {
  padding-right: 10px;
  color: var(--lego-link-color);
}

.links {
  margin-left: 10px;
}

.nonSelected {
  font-weight: normal;
}

.selected {
  font-weight: bold;
}

.selected::after {
  content: ' <';
}

@import 'app/styles/variables.css';

.sidebar {
  display: flex;
  flex-direction: column;

  /* border-left: 1px solid #ddd; */
}

.pageList {
  text-align: left;
  line-height: 18px;

  & li {
    margin-bottom: 10px;
  }
}

.pageList a {
  font-size: 18px;
}

.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: bold;
  font-style: italic;
  font-size: var(--font-size-large);
}

.back > i {
  padding-right: 10px;
  color: var(--lego-link-color);
}

.links {
  margin-left: 10px;
}

.nonSelected {
  font-weight: normal;
}

.selected {
  font-weight: bold;
  margin-left: -16px;
}

.selected::before {
  content: '\25CF ';
}

Make small adjustment to sidebar

Make small adjustment to sidebar


.search {
  position: relative;
}

.autocomplete {
  position: absolute;
  z-index: 1;
  width: 600px;
  height: 60px;
  font-size: 2em;
  padding: 0 10px;
  line-height: 60px;
  box-sizing: border-box;
  color: #bbbbbb;
  white-space: nowrap;
}

.search {
  position: relative;
}

.autocomplete {
  position: absolute;
  z-index: 1;
  width: 600px;
  height: 60px;
  font-size: 2em;
  padding: 0 10px;
  line-height: 60px;
  box-sizing: border-box;
  color: #bbbbbb;
  white-space: pre;
}

Fix multiple spaces inside autocomplete div

In case of `white-space: nowrap` result, like `5 -     10` rendered as `5 - 10`


#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%;
	display: block;
    }

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

Add media queries in the CSS.

Book: Add media queries in the CSS.

Add @media to change the layout when the screen size is <= 320px. The current layout looks too squished.


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

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

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

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

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

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

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

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

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

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

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

BUG=71508
TEST=none

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

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


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

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

Change second block technical relative stylesheet


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

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

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

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

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

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

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

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

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

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

Change element type of sources-form

Change element type of sources-form


/*
 * basic.css
 * ~~~~~~~~~
 *
 * Sphinx stylesheet -- basic theme.
 *
 * :copyright: Copyright 2007-2018 by the Sphinx team, see AUTHORS.
 * :license: BSD, see LICENSE for details.
 *
 */

/* -- general body styles --------------------------------------------------- */

div.body {
    min-width: 450px;
    max-width: none;
}

div.admonition-todo {
    border-top: 2px solid red;
    border-bottom: 2px solid red;
    border-left: 2px solid red;
    border-right: 2px solid red;
    background-color: #ff6347
}

/*
 * basic.css
 * ~~~~~~~~~
 *
 * Sphinx stylesheet -- basic theme.
 *
 * :copyright: Copyright 2007-2018 by the Sphinx team, see AUTHORS.
 * :license: BSD, see LICENSE for details.
 *
 */

/* -- general body styles --------------------------------------------------- */

div.body {
    min-width: 450px;
    max-width: none;
}

div.bodywrapper { margin-right: 20px; }

div.admonition-todo {
    border-top: 2px solid red;
    border-bottom: 2px solid red;
    border-left: 2px solid red;
    border-right: 2px solid red;
    background-color: #ff6347
}

Fix right-margin in sphinx doc CSS (thanks bruno)


#toast-container > .toast {
    background-image: none !important;
}

#toast-container > .toast:before {
    position: relative;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: left;
    margin-left: -1em;
    color: #FFF;
    padding-right: 0.5em;
    margin-right: 0.5em;
}

/* See http://fontawesome.io/cheatsheet/ for icon codes */

#toast-container > .toast-warning:before {
    content: "\f071";
}
#toast-container > .toast-error:before {
    content: "\f001";
}
#toast-container > .toast-info:before {
    content: "\f05a";
}
#toast-container > .toast-success:before {
    content: "\f087";
}

#toast-container > .toast {
  background-image: none !important;
}

#toast-container > .toast::before {
  position: relative;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 18px;
  float: left;
  margin-left: -1em;
  color: #fff;
  padding-right: 0.5em;
  margin-right: 0.5em;
}

/* See http://fontawesome.io/cheatsheet/ for icon codes */

#toast-container > .toast-warning::before {
  content: "\f071";
}

#toast-container > .toast-error::before {
  content: "\f001";
}

#toast-container > .toast-info::before {
  content: "\f05a";
}

#toast-container > .toast-success::before {
  content: "\f087";
}

Format to be complaint with stylelint rules.


html, body {
  padding:0px;
  font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif; background-color: #fff; color: #222;
}

h1, h2, h3, tt { color: #000; }

h2 { padding-top: 1em; }
h3 { padding-top: 0.5em; margin-bottom: -0.25em; }
li { padding-bottom: 0.5em; }

/* Slides */
IMG.img_slide {
    display: block;
    margin-left: auto;
    margin-right: auto
}

html, body {
  padding:0px;
  font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif; background-color: #fff; color: #222;
}

h1, h2, h3, tt { color: #000; line-height:1.1; }

h2 { padding-top: 1em; }
h3 { padding-top: 0.5em; margin-bottom: -0.25em; }
li { padding-bottom: 0.5em; }

/* Slides */
IMG.img_slide {
    display: block;
    margin-left: auto;
    margin-right: auto
}

Tweak h1 line-height to avoid text overlay issues in the headers.

git-svn-id: ffe668792ed300d6c2daa1f6eba2e0aa28d7ec6c@52256 91177308-0d34-0410-b5e6-96231b3b80d8


/*
Copyright (C) 2015 The Android Open Source Project

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

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

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

*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: none;
}
html,
body {
  height: 100%;
  transition: none; /* Override the default Polymer fade-in. */
}
body {
  font: 13px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  line-height: 1.4;
}

/*
Copyright (C) 2015 The Android Open Source Project

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

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

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

*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: none;
}
html,
body {
  height: 100%;
  transition: none; /* Override the default Polymer fade-in. */
}
body {
  /*
   * IE has shoddy support for the font shorthand property.
   * Work around this using font-size and font-family.
   */
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  line-height: 1.4;
}

PolyGerrit: Change font: to font-size and font-family

The reason is because it seem it dosent work very well in
Internet Explorer.

When using font: it showed it as being crossed out. Not sure if this is
Because it is on windows 10 or something else.

Change-Id: Ia27ac65c636aa7753647e9920080afbe9368b2f6


/* Event show page styling */

body {
  background-color: #000;
}

.form-container {
  padding: 10px;
  padding-left: 20px;
  margin-top: 120px;
  border-radius: 10px;
  color: black;
  background-color: white;

  font-size: 1.2rem;
}

@media only screen and (min-width: 960px) {

  /* horizontally center event container with extra top and bottom margin on larger screens */
  .form-container {
    margin: 120px auto;
  }
}

h1, h2, h3 {
  font-family: "Open Sans", sans-serif;
  letter-spacing: .02em;

}

h1{
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 0.7em;
}

h2, h3{
  font-size: 1.5em;
  font-weight: 700;
  margin-top: 1.5em;
  margin-bottom: .5em;
}

p {
  font-family: "EB Garamond";
  font-size: 1.25em;
}

.copy-container {
  padding:20px;
}

.copy-container p {
  margin-top: 30px;
}

/* Event show page styling */

body {
  background-color: #000;
}

.form-container {
  padding: 10px;
  padding-left: 20px;
  margin-top: 120px;
  border-radius: 10px;
  color: black;
  background-color: white;
}

@media only screen and (min-width: 960px) {

  /* horizontally center event container with extra top and bottom margin on larger screens */
  .form-container {
    margin: 120px auto;
  }
}

h1, h2, h3 {
  font-family: "Open Sans", sans-serif;
  letter-spacing: .02em;

}

h1{
  font-size: 1.9em;
  font-weight: bold;
  margin-bottom: 0.7em;
}

h2, h3{
  font-size: 1.5em;
  font-weight: 700;
  margin-top: 1.5em;
  margin-bottom: .5em;
}

p {
  font-family: "EB Garamond";
  font-size: 1.25em;
}

.copy-container {
  padding:20px;
}

.copy-container p {
  margin-top: 30px;
}

Tweak font sizes on email subscription page for consistency


.jumbotron {
	height: 100vh;
	text-align: center;
}

h1 {
	padding-top: 20%;
}

input[type=text] {
    width: 250px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('searchicon.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
    width: 100%;
}

.navbar-nav > a {
	font-size: 1.25em;
}

@keyframes fadein {
	0% { opacity: 0; }
	25% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes move {
	0% { opacity: 0; padding-top: 30% }
	25% { opacity: 0.5; padding-top: 30%; }
	50% { opacity: 0.75; padding-top: 30% }
	100% { opacity: 1; padding-top: 20% }
}

.jumbotron {
	height: 100vh;
	text-align: center;
}

h1 {
	padding-top: 20%;
	animation: move 2s;
}

form {
	animation: fadein 4s;
}

input[type=text] {
    width: 250px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('searchicon.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
    width: 100%;
}

.navbar-nav > a {
	font-size: 1.25em;
}

Add animations to page elements

Add animations to page elements


.thumbnail {
    display: inline-block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.thumbnail:hover, .thumbnail:active, .thumbnail:focus {
  border: 1px solid #F03838 !important;
  padding: 4px !important;
}

.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.thumbnail a>img, .thumbnail>img {
    margin-bottom: auto;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
}

img.post-featured-image {
  width: 100%;
}

Make feature images span 100% of the page


/*

   UTILITIES

*/

.aspect-ratio {
  height: 0;
  padding-top: 56.25%;
  position: relative;
}

.aspect-ratio--object {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}

.overflow-container {
  overflow-y: scroll;
}

.center {
  margin-right: auto;
  margin-left: auto;
}

.square-25 { padding-top: 25%; }
.square-50 { padding-top: 50%; }

@media (--breakpoint-not-small){
.square-25-ns { padding-top: 25%; }
.square-50-ns { padding-top: 50%; }
}

@media (--breakpoint-medium){
.square-25-m { padding-top: 25%; }
.square-50-m { padding-top: 50%; }
}

@media (--breakpoint-large){
.square-25-l { padding-top: 25%; }
.square-50-l { padding-top: 50%; }
}

Add some responsive utilities for setting the aspect ratio.


.button-example {
  font-size: 1.5em;
}

.controls-lock {
  background-image: url(/images/lock.png);
  bottom: 10px;
  height: 110px;
  opacity: .7;
  position: fixed;
  right: 10px;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  width: 110px;
  z-index: 29;
}

.controls-lock.hidden {
  opacity: 0;
}

.text-example {
  font-size: 1.5em;
}

.reveal .font-size-xl {
  font-size: 150%;
}

.reveal .font-size-lg {
  font-size: 125%;
}

.reveal .font-size-md {
  font-size: 80%;
}

.reveal .font-size-sm {
  font-size: 60%;
}

.reveal .margin-top-md {
  margin-top: 1em;
}

iframe.example {
  background-color: #fff;
  border: 1px solid #000;
  padding: 10px;
}

ul.unstyled {
  list-style-type: none;
}

.button-example {
  font-size: 1.5em;
}

.controls-lock {
  background-image: url(/images/lock.png);
  bottom: 10px;
  height: 110px;
  opacity: .7;
  position: fixed;
  right: 10px;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  width: 110px;
  z-index: 29;
}

.controls-lock.hidden {
  opacity: 0;
}

.text-example {
  font-size: 1.5em;
}

.reveal pre code {
  max-height: 100%;
}

.reveal .font-size-xl {
  font-size: 150%;
}

.reveal .font-size-lg {
  font-size: 125%;
}

.reveal .font-size-md {
  font-size: 80%;
}

.reveal .font-size-sm {
  font-size: 60%;
}

.reveal .margin-top-md {
  margin-top: 1em;
}

iframe.example {
  background-color: #fff;
  border: 1px solid #000;
  padding: 10px;
}

ul.unstyled {
  list-style-type: none;
}

Allow code blocks to take more space

Allow code blocks to take more space


html,body{margin:0;padding:0}body{background:#230d26 url("http://i.cubeupload.com/0VIA9H.png") no-repeat fixed left top}.mainmenufooter a{color:#ccc}.mainmenufooter a:hover{color:#e5e5e5}.menugroup .button{color:#fff;border:solid 1px #000;background:#333}.menugroup .button:hover{color:#fff;border:solid 1px #000;background:#262626}.menugroup .button:active{color:#fff;border:solid 1px #000;background:#262626}.broadcast-lobby{color:#fff;background-color:#230d26;padding:5px 7px;margin:0 auto;}

html,body{margin:0;padding:0}body{background:#230d26 url("http://i.cubeupload.com/NmOrpo.png") no-repeat fixed left top}.mainmenufooter a{color:#ccc}.mainmenufooter a:hover{color:#e5e5e5}.menugroup .button{color:#fff;border:solid 1px #000;background:#333}.menugroup .button:hover{color:#fff;border:solid 1px #000;background:#262626}.menugroup .button:active{color:#fff;border:solid 1px #000;background:#262626}.broadcast-lobby{color:#fff;background-color:#230d26;padding:5px 7px;margin:0 auto;}

Optimize background for smaller resolutions


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

div#form-container {
  margin-left:auto;
  margin-right:auto;
}

@media screen and (max-width: 492px) {
  div#form-container {
    width: 320px;
  }
}

@media screen and (max-width: 800px) and (min-width: 492px) {
  div#form-container {
    width: 75%;
  }
}

@media screen and (min-width: 800px) {
  div#form-container {
    width: 600px;
  }
}

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

div#form-container {
  margin-left:auto;
  margin-right:auto;
}

@media screen and (max-width: 492px) {
  div#form-container {
    width: 369px;
  }
}

@media screen and (max-width: 800px) and (min-width: 492px) {
  div#form-container {
    width: 75%;
  }
}

@media screen and (min-width: 800px) {
  div#form-container {
    width: 600px;
  }
}

Fix jump in form container width

Fix jump in form container width


.tab-menu-title {
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 11.5px;
}

.select-element {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  margin-right: 10px;
  padding: 3px;
}

.tab-menu-title {
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 11.5px;
  white-space: nowrap;
}

.select-element {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  margin-right: 10px;
  padding: 3px;
}

Stop text wrapping in tab menu

Stop text wrapping in tab menu


#logo-text {
	font-size: 30px;
}

#all-blogs {
	padding-top: 50px;
}

.card-content {
    padding: 1rem;
}

#logo-text {
	font-size: 30px;
}

#all-blogs {
	padding-top: 40px;
}

.card-content {
    padding: 1rem;
}

Add less padding to top list

Add less padding to top list


/* MAIN LAYOUT */

body {
	min-height: 700px;
	min-width: 1200px;
	width: 100%;
	height: 100%;
}

#web-content {
	position: absolute;
	height: 100%;

	display: flex;
	flex-direction: column;
	align-items: stretch;
}

#header {

}
#menuAndPageWrapper {
	display: flex;
	flex-direction: row;
	align-items: stretch;

	flex-grow: 1;
}

#menu {

}

#pageWrapper {
	display: flex;
	flex-direction: column;
	align-items: stretch;

	flex-grow: 1;
}
#page {
	display: flex;
	flex-direction: column;
	align-items: stretch;

	flex-grow: 1;
}

.pageHeader {

}

.grid {
	display: flex;
	flex-direction: column;
	align-items: stretch;

	flex-grow: 1;
}

.gridHeader {
	flex-grow: 0;
}
.gridContent {
	flex-grow: 1;
}
.gridFooter {

}

/* MAIN LAYOUT */

body {
	min-height: 700px;
	min-width: 1200px;
	width: 100%;
	height: 100%;
}

#web-content {
	position: absolute;
	height: 100%;

	display: flex;
	flex-direction: column;
	align-items: stretch;
}

#header {

}
#menuAndPageWrapper {
	display: flex;
	flex-direction: row;
	align-items: stretch;

	flex-grow: 1;
}

#menu {

}

#pageWrapper {
	display: flex;
	flex-direction: column;
	align-items: stretch;

	flex-grow: 1;
}
#page {
	display: flex;
	flex-direction: column;
	align-items: stretch;

	flex-grow: 1;
}

.pageHeader {

}

.grid {
	display: flex;
	flex-direction: column;
	align-items: stretch;

	flex-grow: 1;

	margin-bottom: 10px;
}

.gridHeader {
	flex-grow: 0;
}
.gridContent {
	flex-grow: 1;
}
.gridFooter {

}

Add bottom margin to a grid in the page

Add bottom margin to a grid in the page


.liquid-target-container.has-targets {
  bottom: 0;
  overflow-y: auto;
}

.modal-dialog {
  z-index: 2002;
  margin: 0 10px !important;
  padding-top: 10px !important;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 0 auto !important;
    padding-top: 30px !important;
  }
}

.modal-backdrop {
  z-index: 2001;
  opacity: 0.8;
}

.modal-backdrop.clickable {
  cursor: pointer;
}

.liquid-target-container.has-targets {
  bottom: 0;
  overflow-y: auto;
}

.modal-dialog {
  z-index: 2002;
  margin: 0 auto !important;
  padding: 10px !important;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 0 auto !important;
    padding: 30px !important;
  }
}

.modal-backdrop {
  z-index: 2001;
  opacity: 0.8;
}

.modal-backdrop.clickable {
  cursor: pointer;
}

Fix horizontal movement of modal in small view


.container {
  margin: 0 auto;
  width: 720px;
  padding: 20px;
}

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

.error-messages {
  color: red;
  font-size: 10px;
}

span.active {
  color: red;
}

.checked-box {
  background: url('../images/checkbox_checked.png');
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
}

.unchecked-box {
  background: url('../images/checkbox_unchecked.png');
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
}

h1 {
  text-align: center;
}

.goal-listing h3 {
  display: inline-block;
}

.container {
  margin: 0 auto;
  width: 720px;
  padding: 20px;
}

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

.error-messages {
  color: red;
  font-size: 10px;
}

span.active {
  color: red;
}

.checked-box {
  background: url('../images/checkbox_checked.png');
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
  display: inline-block;
}

.unchecked-box {
  background: url('../images/checkbox_unchecked.png');
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
  display: inline-block;
}

h1 {
  text-align: center;
}

.goal-listing h3 {
  display: inline-block;
}

Add CSS to goal listings

Add CSS to goal listings


body {
  padding-top: 70px;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

body {
  padding-top: 70px;
  padding-bottom: 0px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

[css] Modify / Remove padding-bottom in body which doesn't look in need


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

/*
  *= require formtastic-bootstrap
*/

body {
  padding-top: 60px;
  padding-bottom: 40px;
}

.navbar a.brand {
  background-image: url("/assets/header-crown.png");
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: #fff;
  font-family: "GillSans", "Gill Sans", "Helvetica Neue", Helvetica, sans-serif;
  margin-left: 0;
  padding-left: 2em;
}

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

html {
  font-size: 62.5%; /* reset to 10px default so 2.4rem == 24px */
}

body {
  font-size: 18px;
  font-size: 1.8rem;
  padding-top: 60px;
  padding-bottom: 40px;
}

.navbar a.brand {
  background-image: url("/assets/header-crown.png");
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: #fff;
  font-family: "GillSans", "Gill Sans", "Helvetica Neue", Helvetica, sans-serif;
  margin-left: 0;
  padding-left: 2em;
}

Clean up new styles - Remove formtastic-bootstrap require - Change font size so we can override defaults with rems


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

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

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

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

Add more styling for having a map canvas within a map container


.outer {
  margin-left: 8%;
  margin-right: 8%;
}

.outer-full {
  margin-left: 0;
  margin-right: 0;
}

.item {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

.item-full {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}

.clear {
  clear: both;
}

@media (min-width: 950px) {
  .inner-left,
  .inner-right {
    margin-top: 0.375em;
  }

  .inner-left {
    float: left;
    width: 60%;
    margin-left: -10%;
    margin-right: 1em;
    margin-bottom: 1em;
  }

  .inner-right {
    float: right;
    width: 60%;
    margin-right: -10%;
    margin-left: 1em;
    margin-bottom: 1em;
  }
}

.outer {
  margin-left: 8%;
  margin-right: 8%;
}

.outer-full {
  margin-left: 0;
  margin-right: 0;
}

.item {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

.item-full {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}

.clear {
  clear: both;
}

@media (min-width: 950px) {
  .inner-left,
  .inner-right {
    margin-top: 0.375em;

    /* Ensure element is positioned in front of text block wrapping around
       element and can be selected in editor. */
    position: relative;
    z-index: 1;
  }

  .inner-left {
    float: left;
    width: 60%;
    margin-left: -10%;
    margin-right: 1em;
    margin-bottom: 1em;
  }

  .inner-right {
    float: right;
    width: 60%;
    margin-right: -10%;
    margin-left: 1em;
    margin-bottom: 1em;
  }
}

Make floated elements selectable in editor

Prevent text block wrapping around floated item from overlaying
floated elements and blocking mouse interaction. Since text can wrap
around floated elements in complex shapes, we currently have no better
option than displaying the text selection rect on top of the floated
element. The element should still be selectable via click, though.

REDMINE-17870


#nav {
	float: right;
}

input {
	display: block;
}

li {padding-bottom: 1em;}

ul.bounties .edit {
	font-size: 70%;
}

ul.tags, ul.tags li {
	display: inline;
	margin: 0;
	padding: 0;
}

#tag-cloud {
	text-align: center;
}

#tag-cloud a {
	margin: 0 0.2em;
}

.tag-cloud0 { font-size: 100%; }
.tag-cloud1 { font-size: 120%; }
.tag-cloud2 { font-size: 140%; }
.tag-cloud3 { font-size: 160%; }
.tag-cloud4 { font-size: 180%; }
.tag-cloud5 { font-size: 200%; }

#id_honeypot {
    display: none;
}

input[type="number"], input[type="text"] {
	width: 200px;
}

input[type="checkbox"] {
	display: inline-block;
}

input[type="submit"] {
	width: 100px;
}

fix: Set all input fields widths in Bounty change page to 200px

other style fixes:
put share/feature checkboxes on the same line as the label
increase submit button width to 100px

[Fixes #66735464]


.slide {
    background: none;
    top: 0;
    height: 100%;
    display: none;
}

.current-slide {
    display: block;
}

.controls {
    opacity: 0;
}

.controls:hover {
    opacity: .3;
}

.controls .control-button {
    position: absolute;
    top: 0;
    height: 100%;
    display: block;
    background: #ccc;
    text-decoration: none;
    font-size: 500%;
    font-weight: 900;
    text-align: center;
    padding: 0 .5em 0 .5em;
}

.controls .control-button span {
    height: 10%;
    top: 45%;
    position: relative;
    display: block;
}

#control-next {
    right: 0;
}

#control-prev {
    left: 0;
}

.slide {
    background: none;
    top: 0;
    height: 100%;
    display: none;
}

.current-slide {
    display: block;
}

.controls {
    opacity: 0;
}

.controls:hover {
    opacity: .3;
}

.controls .control-button {
    position: absolute;
    top: 0;
    height: 100%;
    display: block;
    background: #ccc;
    text-decoration: none;
    font-size: 200%;
    font-weight: 900;
    text-align: center;
    padding: 0 .5em 0 .5em;
}

.controls .control-button span {
    height: 10%;
    top: 45%;
    position: relative;
    display: block;
}

#control-next {
    right: 0;
}

#control-prev {
    left: 0;
}

Scale down the button font size even further.

Looks better on narrow screens (ie, mobile).


.SelectCompetitionContainer {
  height: 85%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.SelectCompetitionContainer p {
  font-size: 1.6vw;
}

.CardsContainer {
  height: 75%;
  width: 100%;
  display: flex;
  align-items: center;
}

.CardsContainer ul {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  overflow-x: scroll;
}

.menu-item {
  padding: 0 40px;
  margin: 5px 10px;
  user-select: none;
  cursor: pointer;
  border: none;
}
.menu-item-wrapper.active {
  border: 1px blue solid;
}
.menu-item.active {
  border: 1px green solid;
}

.scroll-menu-arrow {
  padding: 20px;
  cursor: pointer;
}

.SelectCompetitionContainer {
  height: 85%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.SelectCompetitionContainer p {
  font-size: 1.6vw;
}

.CardsContainer {
  height: 75%;
  width: 100%;
  display: flex;
  align-items: center;
}

.CardsContainer ul {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.CardsContainer ul::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.menu-item {
  padding: 0 40px;
  margin: 5px 10px;
  user-select: none;
  cursor: pointer;
  border: none;
}
.menu-item-wrapper.active {
  border: 1px blue solid;
}
.menu-item.active {
  border: 1px green solid;
}

.scroll-menu-arrow {
  padding: 20px;
  cursor: pointer;
}

Add scroll bar styling to be hidden

Add scroll bar styling to be hidden


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

.root {
  /* display: block; */
}

.mainNav {
  display: flex;
}

.title {
  flex: 1;
  min-width: 0;
  padding: 1em;
  line-height: 17px;
  cursor: default;

  @nest .isCollapsed & {
    transform: rotate(90deg);
    transform-origin: calc(49px / 2) calc(49px / 2);
    min-width: 100vh;
  }
}

.paneFunctions {
  padding: 8px;

  @nest .isCollapsed & {
    display: none;
  }
}

.paneActions {
  padding: 8px;
  display: flex;

  @nest & > div + div {
    margin-left: 4px;
  }

  @nest .isCollapsed & {
    display: none;
  }
}

.viewNav {
  margin-top: calc(0 - var(--small-padding));
  display: flex;

  @nest .isCollapsed & {
    display: none;
  }
}

.tabsContainer {
  flex: 1;
}

.versionSelectContainer {
  margin: 4px 0.5em 4px auto;
}

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

.root {
  /* display: block; */
}

.mainNav {
  display: flex;
}

.title {
  flex: 1;
  min-width: 0;
  padding: 1em;
  line-height: 17px;
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  @nest .isCollapsed & {
    transform: rotate(90deg);
    transform-origin: calc(49px / 2) calc(49px / 2);
    min-width: 100vh;
  }
}

.paneFunctions {
  padding: 8px;

  @nest .isCollapsed & {
    display: none;
  }

  @nest &:empty {
    display: none;
  }
}

.paneActions {
  padding: 8px;
  display: flex;

  @nest & > div + div {
    margin-left: 4px;
  }

  @nest .isCollapsed & {
    display: none;
  }
}

.viewNav {
  margin-top: calc(0 - var(--small-padding));
  display: flex;

  @nest .isCollapsed & {
    display: none;
  }
}

.tabsContainer {
  flex: 1;
}

.versionSelectContainer {
  margin: 4px 0.5em 4px auto;
}

Fix document pane title overflow

[desk-tool] Fix document pane title overflow


.lvalue .widget-body {
  padding: 0;
  text-align: center;
  min-height: 152px;
}

.lvalue .last {
  margin: 10px auto;
  text-align: center;
	height: 44px;
}

.lvalue .short.last {
	font-size: 44px;
}

.lvalue .long.last {
	font-size: 24px;
	color: #555;
}

.lvalue .time {
  margin: 8px auto;
  margin-right: 12px;
	font-size: 12px;
  text-align: right;
	color: #808080;
}

.lvalue .time .from, .lvalue .time .to {
  display: block;
}

.lvalue .change {
  margin: 8px auto;
	font-size: 20px;
	margin-left: 5px;
}

.lvalue .change span {
  display: block;
}

.lvalue .good.change {
  color: #2ca02c;
}
.lvalue .bad.change {
  color: #d62728;
}

.lvalue .widget-body {
  padding: 0;
  text-align: center;
}

.lvalue .last {
  margin: 10px auto;
  text-align: center;
	height: 44px;
}

.lvalue .short.last {
	font-size: 44px;
}

.lvalue .long.last {
	font-size: 24px;
	color: #555;
}

.lvalue .time {
	font-size: 12px;
  text-align: right;
	color: #808080;
}

.lvalue .time .from, .lvalue .time .to {
  display: block;
}

.lvalue .change {
  margin: 8px auto;
	font-size: 20px;
	margin-left: 5px;
}

.lvalue .change span {
  display: block;
}

.lvalue .good.change {
  color: #2ca02c;
}
.lvalue .bad.change {
  color: #d62728;
}

Remove unnecessary margins from lvalue widget causing it to get more spacing than other widgets


---
---
/**
 * Icons
 */
.icon > svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle; }

.icon > svg path {
    fill: #828282;
}

footer {
  padding-top: 10px;
  width: 100%;
  min-height: 70px;
}

.landing-footer {
    position: absolute;
    bottom: 0;
}

.site-header, .page-content, .landing-footer {
  background-color: rgba(255, 255, 255, 0.9);
}

.page-content {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.full {
  background: url(../img/stourhead.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

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

/***
* Workaround for bug in android chrome with background-size
* cover in portrait
*/
html{
 height:100%;
 min-height:100%;
 }
body{
 min-height:100%;
 }

---
---
/**
 * Icons
 */
.icon > svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle; }

.icon > svg path {
    fill: #828282;
}

footer {
  padding-top: 10px;
  width: 100%;
  min-height: 40px;
  vertical-align: middle;
}

.landing-footer {
    position: absolute;
    bottom: 0;
}

.site-header, .page-content, .landing-footer {
  background-color: rgba(255, 255, 255, 0.9);
}

.page-content {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
}

.full {
  background: url(../img/stourhead.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

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

/***
* Workaround for bug in android chrome with background-size
* cover in portrait
*/
html{
 height:100%;
 min-height:100%;
 }
body{
 min-height:100%;
 }

Tweak css for footer and corners

Tweak css for footer and corners


a:link {
  color: #fff;
}

a:visited {
  color: #fff;
}

#urbgen_viewer {
	background-color: #fff;
}

#info_container {
  position: fixed;
}

#instructions {
  display: none;
  top: 10px;
  left: 10px;
  width: 50vw;
  height: 70vh;
  padding: 25px;
  overflow: scroll;
  background-color: white;
  position: relative;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background-color: #222;
  text-decoration: none;
  color: #fff;
}

#question_mark_button {
  outline: none;
  left: 10px;
  position: relative;
}

#logo {
  top: 10px;
  left: 10px;
  position: relative;
  outline: none;
}

#hide_button {
  background:none;
  border:none;
  padding:0;
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  outline: none;
}

a:link {
  color: #fff;
}

a:visited {
  color: #fff;
}

#urbgen_viewer {
	background-color: #fff;
}

#info_container {
  position: fixed;
}

#instructions {
  display: none;
  top: 20px;
  left: 10px;
  width: 50vw;
  height: 70vh;
  padding: 25px;
  overflow: scroll;
  background-color: white;
  position: relative;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background-color: #222;
  text-decoration: none;
  color: #fff;
}

#question_mark_button {
  outline: none;
  left: 10px;
  position: relative;
}

#logo {
  top: 10px;
  left: 10px;
  position: relative;
  outline: none;
}

#hide_button {
  background:none;
  border:none;
  padding:0;
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  outline: none;
}

Change position of instructions panel.

Change position of instructions panel.


/* Main css file */

body, html {
    margin: 0;
    padding-top: 50px;
    width: 100%;
    height: 100%;
}

img,
embed,
object,
video {
    max-width: 100%;
    align-content: center;
}

nav, a, button {
    min-width: 48px;
    min-height: 48px;
}

#logo-border {
    border-bottom: 3px solid #bcbbbb;
}

#portfolio {
    color: #bcbbbb;
}

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

a {
    text-decoration: none !important;
}

figcaption h3 {
    color: #747704;
}

img {
    transition: width 0.5s;
}

/* Small Devices, Tablets */
@media screen and (min-width : 768px) {
    .col-sm-10 {
        text-align: right;
    }
}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
    .container {
        max-width: 992px;
    }
    #portfolio h3 {
        text-align: left;
    }
}

/* Main css file */

body, html {
    margin: 0;
    padding-top: 50px;
    width: 100%;
    height: 100%;
    font-family: 'Lato', sans-serif;
}

img,
embed,
object,
video {
    max-width: 100%;
    align-content: center;
}

nav, a, button {
    min-width: 48px;
    min-height: 48px;
}

#logo-border {
    border-bottom: 3px solid #bcbbbb;
}

#portfolio {
    color: #bcbbbb;
}

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

a {
    text-decoration: none !important;
}

figcaption h3 {
    color: #747704;
}

img {
    transition: width 0.5s;
}

#logo img {
    max-width: 30%;
}

/* Small Devices, Tablets */
@media screen and (min-width : 768px) {
    .col-sm-10 {
        text-align: right;
    }
    #logo img {
        max-width: 100%;
    }
}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
    .container {
        max-width: 992px;
    }
    #portfolio h3 {
        text-align: left;
    }
}

Add Lato font family and update logo image relative width


.pokemon-pane {
	display: inline-block;
	width: 48%;
	margin: auto;
}
.results-pane {
	height: 15%;
}
#results > h3 {
	margin: 0px;
}
.results-list {
	display: inline-block;
	width: 48%;
	margin: 0px;
	padding: 0px;
}
li {
	list-style-type: none;
	display: inline;
}
.results-move-name, .results-move-damage {
	text-align: center;
}
.inner-results-container {
	height: 40%;
	width: 40%;
	display: inline-block;
	margin: auto;
}
#p1-pokemon > #type3 {
	visibility: hidden;
}
#p2-pokemon > #type3 {
	visibility: hidden;
}
thead tr {
	text-align: center;
}

.pokemon-pane {
	display: inline-block;
	width: 48%;
	margin: auto;
}
.pokemon-pane h3 {
	margin-top: 4px;
	margin-bottom: 8px;
}
.field-pane {
	display: inline-block;
	width: 30%;
	margin: auto;
	margin-top: 8px;
	text-align: center;
}
#field-details {
	width: 20%;
}
.results-pane {
	height: 15%;
}
#results > h3 {
	margin: 0px;
}
.results-list {
	display: inline-block;
	width: 48%;
	margin: 0px;
	padding: 0px;
}
li {
	list-style-type: none;
	display: inline;
}
.results-move-name, .results-move-damage {
	text-align: center;
}
.inner-results-container {
	height: 40%;
	width: 40%;
	display: inline-block;
	margin: auto;
}
#p1-pokemon > #type3 {
	visibility: hidden;
}
#p2-pokemon > #type3 {
	visibility: hidden;
}
thead tr {
	text-align: center;
}

Adjust style for field elements

Adjust style for field elements


img {
	width: 180px;
	height: 100px;
}

body {
	font-family: Georgia, serif;
}

div {
	vertical-align: top;
	text-align: center;
	font-size: 20pt;
}

img {
	width: 180px;
	height: 100px;
}

body {
	font-family: Georgia, serif;
}

div {
	vertical-align: top;
	text-align: center;
	font-size: 18pt;
}

Change the font in style

Change the font in style


a.contact-button {
  background: transparent none left top no-repeat;
}
.contact-button .fa.fa-envelope {
  vertical-align: baseline;
  margin-right: 3px;
}
.contact-dialog {
  overflow: hidden;
}
.contact-dialog h2 {
  margin-top: 0;
}
.contact-dialog textarea[name="message"]{
  height: 380px;
  resize: none;
  overflow-y: scroll;
  font-size: 100%;
}
.contact-dialog .buttons {
  clear: both;
  text-align: right;
}
.contact-dialog .button {
  width: 6em;
  clear: both;
  text-align: center;
}
input[name="to"], input[name="from"], input[name="cc"] {
  color: #000;
  opacity: 1;
  background-color: #f4f4f4;
}

PN-373: Improve the look of "contact match" email editing dialog for non-admin users
Done


body {
  font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
  padding: 1em;
  text-align: center;
}

h1 {
  font-size: 72px;
}

footer {
  text-align: right;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
  padding: 1em;
  text-align: center;
}

h1 {
  font-size: 72px;
}

footer {
  position: absolute;
  bottom: 1em;
  right: 1em;
}

Put C4 status links at the bottom

Put C4 status links at the bottom


.npmhub-deps {
  list-style: none;
  padding: 0 !important;
}
.npmhub-deps > li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.npmhub-deps > li:last-child {
  border-bottom: none;
}
li.npmhub-empty {
  opacity: 0.6;
}
.npmhub-deps em {
  color: darkgray;
}
.npmhub-header {
  float: right;
  margin-right: 3px;
}
.npmhub-header .btn {
  position: relative;
  margin: 3px 0;
}
.npmhub-deps:empty:before {
  display: block;
  content: 'loading';
  padding: 10px;
  animation: npmhub-pulse 1s infinite;
}
@keyframes npmhub-pulse {
  50% {
    opacity: 0.5;
  }
}

.npmhub-deps {
  list-style: none;
  padding: 0 !important;
}
.npmhub-deps > li {
  padding: 10px;
  border-bottom: 1px solid var(--color-border-primary, #ddd);
}
.npmhub-deps > li:last-child {
  border-bottom: none;
}
li.npmhub-empty {
  opacity: 0.6;
}
.npmhub-deps em {
  color: darkgray;
}
.npmhub-header {
  float: right;
  margin-right: 3px;
}
.npmhub-header .btn {
  position: relative;
  margin: 3px 0;
}
.npmhub-deps:empty:before {
  display: block;
  content: 'loading';
  padding: 10px;
  animation: npmhub-pulse 1s infinite;
}
@keyframes npmhub-pulse {
  50% {
    opacity: 0.5;
  }
}

Fix border color in GitHub’s dark mode

Fix border color in GitHub’s dark mode


.receipt_index {
    width:     2em;
    max-width: 2em;
}
.receipt_vendor_id {
    width:     5em;
    max-width: 5em;
}
.receipt_item {
    width: auto;
}
.receipt_code {
    width:     8em;
    max-width: 8em;
    text-align: center;
}
td.receipt_code {
    font-family: monospace;
}
.receipt_price {
    width:     5em;
    max-width: 5em;
    white-space: nowrap;
}
.receipt_status {
    width: 0;
    white-space: nowrap;
}
#counter_receipt > tr:first-child td {
    font-size: larger;
    font-weight: bold;
}
.color-CounterMode {
    background-color: #eeeeff;
}
.color-ItemCheckInMode {
    background-color: #eeffee;
}
.color-VendorCheckoutMode {
    background-color: #ffeeee;
}
.color-VendorFindMode {
    background-color: #ffffee;
}
.color-ReceiptPrintMode {
    background-color: #ffeeff;
}

@media print {

    @page
    {
        /* this affects the margin in the printer settings */
        margin: 1cm 1cm;
    }

    body
    {
        /* this affects the margin on the content before sending to printer */
        margin: 0px;
        padding: 0px;
    }

}

.receipt_index {
    width:     2em;
    max-width: 2em;
}
.receipt_vendor_id {
    width:     5em;
    max-width: 5em;
}
.receipt_item {
    width: auto;
}
.receipt_code {
    width:     8em;
    max-width: 8em;
    text-align: center;
}
td.receipt_code {
    font-family: monospace;
}
.receipt_price {
    width:     5em;
    max-width: 5em;
    white-space: nowrap;
}
.receipt_status {
    width: 0;
    white-space: nowrap;
}
#counter_receipt > tr:first-child td {
    font-size: larger;
    font-weight: bold;
}
.color-CounterMode {
    background-color: #ccccff;
}
.color-ItemCheckInMode {
    background-color: #ccffcc;
}
.color-VendorCheckoutMode {
    background-color: #ffcccc;
}
.color-VendorFindMode {
    background-color: #ffffcc;
}
.color-ReceiptPrintMode {
    background-color: #ffccff;
}

@media print {

    @page
    {
        /* this affects the margin in the printer settings */
        margin: 1cm 1cm;
    }

    body
    {
        /* this affects the margin on the content before sending to printer */
        margin: 0px;
        padding: 0px;
    }

}

Make the mode colors darker.

Make the mode colors darker.

- The darker colors can be seen better from oblique angles.


body {
    font-family: sans-serif;
}

.player-controls {
    margin: 1.5em;
}

.control {
    padding: .5em;
    background: grey;
    border: dotted black;
    border-width: .3em;
    margin: 1em;
    display: inline;
}

body {
    font-family: sans-serif;
}

.player-controls {
    margin: 1.5em;
}

.control {
    padding: .5em;
    background: grey;
    border: solid black;
    border-radius: .5em;
    border-width: 1px;
    margin: .5em;
    display: inline;
}

Make buttons a bit less ugly.

Make buttons a bit less ugly.


div.vex-tabdiv {
  font-family: Arial, sans-serif;
  font-size: 18px;
  padding: 10px;
  color: #554;
}

div.vex-tabdiv .vex-canvas {
  background: #eed;
  border: 10px solid #ddc;
}

div.vex-tabdiv .editor {
  background: #cfc;
  border: 10px solid #afa;
  font-family: Courier;
  font-size: 14px;
}

div.vex-tabdiv .editor-error .text {
  background: #faa;
  border: 5px solid #f88;
  font-family: Courier;
  font-size: 14px;
  padding: 3px;
}

div.vex-tabdiv .title {
  font-family: Arial, sans-serif;
  font-size: 18px;
  padding: 10px;
  color: #554;
}

div.vex-tabdiv {
  font-family: Arial, sans-serif;
  font-size: 18px;
  padding: 10px;
  color: #554;
  white-space: pre;
}

div.vex-tabdiv .vex-canvas {
  background: #eed;
  border: 10px solid #ddc;
}

div.vex-tabdiv .editor {
  background: #cfc;
  border: 10px solid #afa;
  font-family: Courier;
  font-size: 14px;
}

div.vex-tabdiv .editor-error .text {
  background: #faa;
  border: 5px solid #f88;
  font-family: Courier;
  font-size: 14px;
  padding: 3px;
}

div.vex-tabdiv .title {
  font-family: Arial, sans-serif;
  font-size: 18px;
  padding: 10px;
  color: #554;
}

Work around IE white-space bug.

Work around IE white-space bug.


.navbar-static-top {
    margin-bottom: 19px;
}

.panel {
    width: 100%;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    padding: 5px 15px;
}

.panel h3 {
    margin-bottom: 25px;
    color: #337ab7;
}

.panel form {
    margin-bottom: 25px;
}

.comment {
    padding: 5px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.comment p {
    margin-top: 5px;
    margin-bottom: 5px;
}

.comment span.options {
    font-size: 12px;
    float: right;
}

.comment span.date {
    font-size: 12px;
    float: right;
}

.footer {
    padding: 20px 0;
    color: #999999;
    text-align: center;
    background-color: #f8f8f8;
    border-top: 1px solid #e7e7e7;
}

.footer p:last-child {
    margin-bottom: 0;
}

.navbar-static-top {
    margin-bottom: 19px;
}

.panel {
    width: 100%;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    padding: 5px 15px;
}

.panel h3 {
    margin-bottom: 25px;
}

.panel form {
    margin-bottom: 25px;
}

.comment {
    padding: 5px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.comment p {
    margin-top: 5px;
    margin-bottom: 5px;
}

.comment span.options {
    font-size: 12px;
    float: right;
}

.comment span.date {
    font-size: 12px;
    float: right;
}

.footer {
    padding: 20px 0;
    color: #999999;
    text-align: center;
    background-color: #f8f8f8;
    border-top: 1px solid #e7e7e7;
}

.footer p:last-child {
    margin-bottom: 0;
}

Remove the color from h3 tags in class "panel"


body {
  padding-top: 100px;
}

textarea {
  height: 150px;
  font-family: monospace;
  font-size: 16px;
}

.container {
  max-width: 40em;
}

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

textarea {
  height: 150px;
  font-family: monospace;
  font-size: 16px;
}

.container {
  max-width: 40em;
}

Add padding to bottom of every page

Add padding to bottom of every page


:--root {
  /*Colors */
  --color-text-secondary: #888;

  /* Typography */
  --text-size-rem-small: 0.6875;
  --letter-spacing: 0.5px;
  --baseline-measure-rem: 1.5rem;
}

:--root {
  /* Colors */
  --color-text-secondary: #888;

  /* Typography */
  --text-size-rem-small: 0.6875;
  --letter-spacing: 0.5px;
  --baseline-measure-rem: 1.5rem;
}

Add space to pass lint test

fix(Elife): Add space to pass lint test


.Service {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 85px;
}

.Service>.icon>img {
  height: 70px;
}

.Service>.name>h3 {
  font-weight: bold;
}

.Service {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 85px;
}

.Service>.name>h3 {
  font-weight: bold;
}

@media screen and (min-width: 320px) {
  .Service>.icon>img {
    height: 80px;
  }
  .Service>.name>h3 {
    font-size: 20pt;
  }
  .Service>.description>h6 {
    font-size: 12pt;
  }
}

@media screen and (min-width: 425px) {
  .Service>.icon>img {
    height: 80px;
  }
}

@media screen and (min-width: 768px) {
  .Service>.icon>img {
    height: 90px;
  }
  .Service>.name>h3 {
    font-size: 24pt;
  }

  .Service>.description>h6 {
    font-size: 16pt;
  }
}

@media screen and (min-width: 1024px) {
  .Service>.icon>img {
    height: 90px;
  }
}

@media screen and (min-width: 1440px) {
  .Service>.icon>img {
    height: 110px;
  }
}

@media screen and (min-width: 2560px) {
  .Service>.icon>img {
    height: 130px;
  }
  .Service>.name>h3 {
    font-size: 30pt;
  }

  .Service>.description>h6 {
    font-size: 20pt;
  }
}

Change font size of our services description


/* "Smooth Backgrounds v1" by Zerthox */
/* Make the background really clear & more smooth */

.channels-wrap,
.content .flex-spacer,
.title-wrap,
.channel-members {
	background-color: rgba(0, 0, 0, 0.6) !important;
}

/* "Smooth Backgrounds v1.1" by Zerthox */
/* Make the background really clear & more smooth */

.theme-light .guilds-wrapper,
.theme-dark .guilds-wrapper,
.theme-light .channels-wrap,
.theme-dark .channels-wrap,
.theme-light .content .flex-spacer,
.theme-dark .content .flex-spacer,
.theme-light .title-wrap,
.theme-dark .title-wrap,
.theme-light .channel-members,
.theme-dark .channel-members,
.theme-light .search-results-wrap,
.theme-dark .search-results-wrap,
.theme-light .search-results-wrap,
.theme-light .friends-header,
.theme-dark .friends-header,
.theme-light .friends-table,
.theme-dark .friends-table {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

Update for new clearvision version, fix issues


/**
 * @file
 * Style for Template sidebar panel.
 */
body {
  padding: 0;
  margin: 0;
}

#template-panel .message {
  padding: 5px 10px;
}

#template-panel ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#template-panel ul li {
  margin: 0;
  padding: 0;
  min-height: 18px;
  overflow: hidden;
}
#template-panel ul li code {
  float: left;
  max-width: 80%;
}
#template-panel ul li button {
  float: right;
}
#template-panel ul li.selected {
  font-weight: bold;
  color: rgb(200, 0, 0);
}
#template-panel .label {
  display: block;
  margin-bottom: 3px;
  background-color: #ddd;
  padding: 3px 10px;
}
#template-panel ul ul li {
  display: block;
  font-size: 12px;
  line-height: 120%;
  padding: 3px 10px;
  border: 0;
}
#template-panel ul ul li:hover {
  background: #eee;
}

/**
 * Dark theme.
 */
.dark-theme {
  background: #242424;
  color: #BDC6CF;
}
.dark-theme #template-panel .label {
  background-color: #353535;
}

/**
 * @file
 * Style for Template sidebar panel.
 */
body {
  padding: 0;
  margin: 0;
}

#template-panel .message {
  padding: 5px 10px;
}

#template-panel ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#template-panel ul li {
  margin: 0;
  padding: 0;
  min-height: 18px;
  overflow: hidden;
}
#template-panel ul li code {
  float: left;
  max-width: 80%;
}
#template-panel ul li button {
  float: right;
}
#template-panel ul li.selected {
  font-weight: bold;
  color: #00e;
}
#template-panel .label {
  display: block;
  margin-bottom: 3px;
  background-color: #ddd;
  padding: 3px 10px;
}
#template-panel ul ul li {
  display: block;
  font-size: 12px;
  line-height: 140%;
  padding: 3px 10px;
  border: 0;
}
#template-panel ul ul li:hover {
  background: #eee;
}

/**
 * Dark theme.
 */
.dark-theme {
  background: #242424;
  color: #BDC6CF;
}
.dark-theme #template-panel .label {
  background-color: #353535;
}

Change color of highlighted templates

Change color of highlighted templates


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

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

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

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

Make text background more transparent.

Make text background more transparent.


/* Sign in
/* ---------------------------------------------------------- */

.gh-signin {
    position: relative;
    margin: 30px auto;
    padding: 40px;
    max-width: 400px;
    border: #dae1e3 1px solid;
    background: #f8fbfd;
    border-radius: 5px;
    text-align: left;
}

.gh-signin .form-group {
    margin-bottom: 1.5rem;
}

.gh-signin .btn {
    margin: 0;
    padding: 12px;
}

.forgotten-wrap {
    position: relative;
}

.forgotten-wrap .forgotten-link {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    padding: 0 12px;
    border-left: #dae1e3 1px solid;
    border-radius: 0;
    text-transform: none;
    letter-spacing: 0;
}

.forgotten-link:hover {
    border-left: #dae1e3 1px solid;
    color: color(var(--blue) lightness(-20%));
    text-decoration: none;
}

/* Sign in
/* ---------------------------------------------------------- */

.gh-signin {
    position: relative;
    margin: 30px auto;
    padding: 40px;
    max-width: 400px;
    width: 100%;
    border: #dae1e3 1px solid;
    background: #f8fbfd;
    border-radius: 5px;
    text-align: left;
}

.gh-signin .form-group {
    margin-bottom: 1.5rem;
}

.gh-signin .btn {
    margin: 0;
    padding: 12px;
}

.forgotten-wrap {
    position: relative;
}

.forgotten-wrap .forgotten-link {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    padding: 0 12px;
    border-left: #dae1e3 1px solid;
    border-radius: 0;
    text-transform: none;
    letter-spacing: 0;
}

.forgotten-link:hover {
    border-left: #dae1e3 1px solid;
    color: color(var(--blue) lightness(-20%));
    text-decoration: none;
}

Fix signin form width bug

Fix signin form width bug

No issue. Fixes bug where signin form was not expanding to its full width as a result of some earlier global changes. This sets an explicit fluid width with a max-width fallback so that it's always the correct size.


* {
    box-sizing: border-box;
    margin: 0;
}
body {
    padding: 10px;
}
fieldset {
    border: 1px solid;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    width: 100%;
}
form > fieldset > *:nth-child(even) {
    margin-top: 20px;
}
fieldset fieldset {
    border-color: #DDDDDD;
}
fieldset fieldset label,
fieldset fieldset .box-wrapper {
    margin-top: 10px;
}
input[type=text],
input[type=number] {
    width: 100%;
}
textarea {
    height: 150px;
    padding: 3px;
    width: 100%;
}
.box-wrapper {
    line-height: 30px;
    margin-top: 5px;
}
.box-wrapper > label {
    display: block;
    margin: -30px 0 0 25px;
}
.controls {
    text-align: center;
}

* {
    box-sizing: border-box;
    margin: 0;
}
body {
    min-width: 400px;
    padding: 10px;
}
fieldset {
    border: 1px solid;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    width: 100%;
}
form > fieldset > *:nth-child(even) {
    margin-top: 20px;
}
fieldset fieldset {
    border-color: #DDDDDD;
}
fieldset fieldset label,
fieldset fieldset .box-wrapper {
    margin-top: 10px;
}
input[type=text],
input[type=number] {
    width: 100%;
}
textarea {
    height: 150px;
    padding: 3px;
    width: 100%;
}
.box-wrapper {
    line-height: 30px;
    margin-top: 5px;
}
.box-wrapper > label {
    display: block;
    margin: -30px 0 0 25px;
}
.controls {
    text-align: center;
}

Fix min-width to give browser action popup a usable width


/* Comfortable layout for JMA */
@namespace url("http://www.w3.org/1999/xhtml");

@-moz-document domain("www.jma.go.jp") {
  /* Common */
  body {
    width: 75vw !important;
    min-width: 1000px !important;
    margin: 0 auto !important;
  }

  #main, table.forecast {
    width: calc(75vw - 340px) !important;
    min-width: 660px !important;
  }
  #sidebar, #submenu {
    width: 300px !important;
  }

  #submenu {
    position: initial !important;
    left: initial !important;
  }

  #info, #info table:not(#ASFC_Table) {
    width: 100% !important;
  }

  #yjsearch {
    display: none !important;
  }
  #header_link {
    float: right !important;
    width: 28em !important;
  }

  /* Bug fix */
  #others    { width: auto !important; }
  #others td { white-space: nowrap !important; }

  #tablist .button-up, #tablist .button-off {
    height: auto !important;
  }

  /* Forecast */
  .info {
    width: 18em !important;
  }

  /* Weekly forecast */
  .for {
    width: calc((75vw - 340px) / 8) !important;
    max-width: 90px !important;
  }
}

/* Comfortable layout for JMA */
@namespace url("http://www.w3.org/1999/xhtml");

@-moz-document domain("www.jma.go.jp") {
  /* Common */
  :root {
    --page-width: 75vw;
  }

  body {
    width: var(--page-width) !important;
    min-width: 1000px !important;
    margin: 0 auto !important;
  }

  #main, table.forecast {
    width: calc(var(--page-width) - 340px) !important;
    min-width: 660px !important;
  }
  #sidebar, #submenu {
    width: 300px !important;
  }

  #submenu {
    position: initial !important;
    left: initial !important;
  }

  #info, #info table:not(#ASFC_Table) {
    width: 100% !important;
  }

  #yjsearch {
    display: none !important;
  }
  #header_link {
    float: right !important;
    width: 28em !important;
  }

  /* Bug fix */
  #others    { width: auto !important; }
  #others td { white-space: nowrap !important; }

  #tablist .button-up, #tablist .button-off {
    height: auto !important;
  }

  /* Forecast */
  .info {
    width: 18em !important;
  }

  /* Weekly forecast */
  .for {
    width: calc((var(--page-width) - 340px) / 8) !important;
    max-width: 90px !important;
  }
}

Use CSS variable to change the width easily


html, body {
  padding:0px;
  font-size:12px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif; background-color: #fff; color: #222;
  line-height:1.5;
}

h1, h2, h3, tt { color: #000 }

h1 { padding-top:0px; margin-top:0px;}
h2 { color:#333333; padding-top:0.5em; }
h3 { padding-top: 0.5em; margin-bottom: -0.25em; color:#2d58b7}
li { padding-bottom: 0.5em; }
ul { padding-left:1.5em; }

/* Slides */
IMG.img_slide {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/* Tables */
tr { vertical-align:top }

Set CSS defaults for tables.

Set CSS defaults for tables.

git-svn-id: ffe668792ed300d6c2daa1f6eba2e0aa28d7ec6c@53022 91177308-0d34-0410-b5e6-96231b3b80d8


:host {
  @apply overflow-y-auto h-full w-full block;
  border-color: var(--color-neutral-300);
}

:host {
  @apply overflow-y-auto h-full w-full block px-4;
  border-color: var(--color-neutral-300);
}

Add horizontal padding to preview panel

fix(Preview): Add horizontal padding to preview panel

Prevents content from running up to borders when the panel is narrow