body {
    margin-top: 5rem;
    background: url('../images/background.png');
    background-size: 400px 347px;
}

.page {
    background: white;
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgb(200, 200, 200);
}

.jumbotron {
    background: rgb(248, 248, 248);
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgb(200, 200, 200);
}

.gantt-chart td {
    width: 2rem;
    max-width: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.gantt-chart th a {
    color: black;
    padding-right: 1rem;
}

.gantt-chart td a {
    color: white;
}

.star {
    color: rgb(255, 204, 0);
}

.star:hover {
    color: rgb(191, 158, 25);
}

.orycion {
    margin: 1rem 0;
}

.card.project .text-muted a {
    color: rgb(95, 104, 111);
}

/*.btn-primary {
    color:
}*/

body {
    margin-top: 5rem;
    background: url('../images/background.png');
    background-size: 400px 347px;
}

.page {
    background: white;
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgb(200, 200, 200);
}

.jumbotron {
    background: rgb(248, 248, 248);
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgb(200, 200, 200);
}

.gantt-chart td {
    width: 2rem;
    max-width: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.gantt-chart th a {
    color: black;
    padding-right: 1rem;
}

.gantt-chart td a {
    color: white;
}

.star {
    color: rgb(255, 204, 0);
}

.star:hover {
    color: rgb(191, 158, 25);
}

.orycion {
    margin: 1rem 0;
}

.card.project .text-muted a {
    color: rgb(95, 104, 111);
}

/* Primary Accent Colour: rgb(255, 228, 124) */

Add a comment about the primary accent colour


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

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

.hfill {
  width: 100%;
}

input {
  box-sizing: border-box;
}

#url-description {
  margin: 12px 3px 0 3px;
}

.action-area {
  -webkit-box-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: end;
  display: -webkit-box;
  padding: 12px;
  text-align: end;
}

.button-strip {
  -webkit-box-orient: horizontal;
  display: -webkit-box;
}

.button-strip > button {
  -webkit-margin-start: 10px;
  display: block;
  white-space: nowrap;
}

.valid {
  background-image: url("chrome://theme/IDR_INPUT_GOOD");
  height: 21px;
  width: 22px;
}

.invalid {
  background-image: url("chrome://theme/IDR_INPUT_ALERT");
  height: 21px;
  width: 22px;
}
}

Fix benign typo in edit search engine dialog css

There was an extra } at the end of the file.  CSS ignores it.  It was harmless.  But, it should be removed.

BUG=None
TEST=None

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

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


/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-DebuggerEditor-highlight {
  text-shadow: 0 0 1px var(--jp-layout-color0);
  outline: 1px solid;
}

body[data-jp-theme-light='false'] .jp-DebuggerEditor-highlight {
  background-color: var(--md-brown-800);
  outline-color: var(--md-brown-600);
}

body[data-jp-theme-light='true'] .jp-DebuggerEditor-highlight {
  background-color: var(--md-brown-100);
  outline-color: var(--md-brown-300);
}

.jp-DebuggerEditor-marker {
  position: absolute;
  left: -34px;
  top: -1px;
  color: var(--jp-error-color1);
}

Make highlighted line in debugger readable


a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

code {
  background-color: #fff;
}

.navbar {
  border-bottom: 1px solid #eee;
  margin-bottom: 1em;
  padding-bottom: 1em;
  padding-top: 1em;
  width: 100%;
}

.navbar ul {
  list-style: none;
  margin-bottom: 0;
}

.navbar li {
  float: left;
  margin-bottom: 0;
  margin-right: 2em;
  position: relative;
}

.navbar a {
  color: #222;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .2rem;
  text-transform: uppercase;
}

.navbar a:hover {
  color: rgb(30, 174, 219)
}

.sidebar li {
  line-height: 1.2em;
}

.sidebar ul {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

pre > code {
  white-space: pre-wrap;
}

code {
  background-color: #fff;
}

.navbar {
  border-bottom: 1px solid #eee;
  margin-bottom: 1em;
  padding-bottom: 1em;
  padding-top: 1em;
  width: 100%;
}

.navbar ul {
  list-style: none;
  margin-bottom: 0;
}

.navbar li {
  float: left;
  margin-bottom: 0;
  margin-right: 2em;
  position: relative;
}

.navbar a {
  color: #222;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .2rem;
  text-transform: uppercase;
}

.navbar a:hover {
  color: rgb(30, 174, 219)
}

.sidebar li {
  line-height: 1.2em;
}

.sidebar ul {
  list-style: none;
}

Make relevance example word wrap

Make relevance example word wrap


.network-container {
  padding: 5px;
}
.svg-network {
  cursor: move;
}
.node {
  stroke: #fff;
  stroke-width: 1.5px;
  cursor: pointer;
}
.highlighting .nodecontainer {
  opacity: 0.2;
}
.highlighting .nodecontainer.highlighted {
  opacity: 1;
}
.node-label {
  font-family: sans-serif;

}
.subject {
  stroke-width: 4px;
  stroke-dasharray: 1,1;
  cursor: auto;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 2px;
  opacity: 0.7;
  stroke-linejoin: miter;
}
.highlighting .link {
  opacity: 0.2;
}
.highlighting .link.highlighted {
  opacity: 1;
}
.node-icon {
  pointer-events: none;
  font-family: 'Glyphicons Halflings';
  fill: none;
}

.subjectlink {
  stroke: #666;
  stroke-width: 1.5px;
  opacity: 0.8;
}
.tooltip {
  position: absolute;
  text-align: center;
  max-width: 300px;
  padding: 8px;
  font: 12px sans-serif;
  background: #fff;
  border: solid 1px #aaa;
  pointer-events: none;
}

.network-container {
  padding: 5px;
}
.svg-network {
  cursor: move;
}
.node {
  stroke: #fff;
  stroke-width: 1.5px;
  cursor: pointer;
}
.nodecontainer {
  transition: opacity 0.3s ease-in-out;
}
.highlighting .nodecontainer {
  opacity: 0.2;
}
.highlighting .nodecontainer.highlighted {
  opacity: 1;
}
.node-label {
  font-family: sans-serif;

}
.subject {
  stroke-width: 4px;
  stroke-dasharray: 1,1;
  cursor: auto;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 2px;
  opacity: 0.7;
  stroke-linejoin: miter;
  transition: opacity 0.5s ease-in-out;
}
.highlighting .link {
  opacity: 0.2;
}
.highlighting .link.highlighted {
  opacity: 1;
}
.node-icon {
  pointer-events: none;
  font-family: 'Glyphicons Halflings';
  fill: none;
}

.subjectlink {
  stroke: #666;
  stroke-width: 1.5px;
  opacity: 0.8;
}
.tooltip {
  position: absolute;
  text-align: center;
  max-width: 300px;
  padding: 8px;
  font: 12px sans-serif;
  background: #fff;
  border: solid 1px #aaa;
  pointer-events: none;
}

Add transition for opacity changes on nodes


.body_content {
margin-right: 1cm;
}
.body_content_box {
margin-left: 1cm;
float: left;
}
.body_content_process {
width: 100%;
}
.process_iframe {
width: 100%;
height: 20%;
}

.body_content {
margin-right: 1cm;
}
.body_content_box {
margin-left: 1cm;
float: left;
}
.body_content_process {
margin-left: 1cm;
margin-right: 1cm;
width: 100%;
}
.process_iframe {
width: 100%;
height: 20%;
}

Index process design trial II

Index process design trial II


    background:url('/bundles/cachingblog/images/bg3.jpg') repeat;
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }

.entry {
    margin-bottom:50px;
}

.entry p {
    width:390px;
    text-align:justify;
}

form .form-part {
    margin:10px 0;
}

form .input {
    margin-left:120px;
}

form textarea {
    height:90px;
}

.images {
}

}

    background:url('/bundles/cachingblog/images/bg3.jpg') repeat;
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }

.entry {
    margin-bottom:50px;
}

.entry p {
    width:390px;
    text-align:justify;
}

form .form-part {
    margin:10px 0;
}

form .input {
    margin-left:120px;
}

form textarea {
    height:90px;
}

.images {
}

/**** Fancybox overrides ****/
#fancybox-left,
#fancybox-right {
    width:25%;
}

Make prev/next areas smaller on the picture modals


.ve-ui-rowWidget {
	clear: left;
	float: left;
	margin-bottom: -1px;
	width: 100%;
}

.ve-ui-rowWidget-label {
	display: block;
	margin-right: 5%;
	padding-top: 0.5em;
	width: 35%;
}

.ve-ui-rowWidget > .ve-ui-rowWidget-label {
	float: left;
}

.ve-ui-rowWidget > .ve-ui-rowWidget-cells {
	float: left;
	margin-right: -1px;
}

.ve-ui-rowWidget > .ve-ui-rowWidget-cells > .oo-ui-inputWidget {
	float: left;
	margin-right: -1px;
	width: 8em;
}

.ve-ui-rowWidget > .ve-ui-rowWidget-delete-button > .oo-ui-buttonElement-button {
	margin: 0;
	padding-bottom: 2px;
}

.ve-ui-rowWidget.ve-ui-rowWidget-insertionRow {
	background-color: red;
}

.ve-ui-rowWidget {
	clear: left;
	float: left;
	margin-bottom: -1px;
	width: 100%;
}

.ve-ui-rowWidget-label {
	display: block;
	margin-right: 5%;
	padding-top: 0.5em;
	width: 35%;
}

.ve-ui-rowWidget > .ve-ui-rowWidget-label {
	float: left;
}

.ve-ui-rowWidget > .ve-ui-rowWidget-cells {
	float: left;
}

.ve-ui-rowWidget > .ve-ui-rowWidget-cells > .oo-ui-inputWidget {
	float: left;
	margin-right: -1px;
	width: 8em;
}

.ve-ui-rowWidget > .ve-ui-rowWidget-delete-button > .oo-ui-buttonElement-button {
	margin: 0;
}

.ve-ui-rowWidget.ve-ui-rowWidget-insertionRow {
	background-color: red;
}

Fix TableWidget row delete button styles

- Removed styles which caused delete row buttons to be misaligned
  with the associated inputs.

Bug: T116854
Change-Id: I93e7a1557faaa5460682a44e84dd870391131186


/*
list-filter-dropdown
*/

.admin-interface .list-filter-dropdown {
    margin-top: 0;
    margin-bottom: 20px;
}

.admin-interface .list-filter-dropdown h3 {
    margin-top: 0;
}

.admin-interface .list-filter-dropdown select {
    background-color: #FFFFFF;
    width: calc(100% - 30px);
    margin-right: 15px;
}

.admin-interface.list-filter-highlight .list-filter-dropdown h3.active + div select {
    font-weight: bold;
}

/*
list-filter-dropdown
*/

.admin-interface .list-filter-dropdown {
    margin-top: 10px;
    margin-bottom: 10px;
}

.admin-interface .list-filter-dropdown h3 {
    margin-top: 0;
}

.admin-interface .list-filter-dropdown select {
    background-color: #FFFFFF;
    width: calc(100% - 30px);
    margin-right: 15px;
}

.admin-interface.list-filter-highlight .list-filter-dropdown h3.active + div select {
    font-weight: bold;
}

[css] Fix list-filter dropdown vertical margins.


/* Hide "add element" in list of all stores in estimation report */
.editable_reports_tree .oe_form_field_one2many_list_row_add {
    display: none;
}

/* Hide the delete icon */
.editable_reports_tree .oe_list_record_delete {
    display: none;
}

Remove ability to remove stores in estimation reports


.Colors {
  display: flex;
}
@media (min-width: 768px) {
  .Colors {
    width: 70%;
    margin-bottom: 5px;
    margin-left: auto;
  }
}
.Colors div {
  flex: 1;
  text-align: center;
}

.Colors--standsTaken {
  color: lightgreen;
}

.Colors--idle {
  color: lightgrey;
}

.Colors--away {
  color: salmon;
}

.Colors {
  display: flex;
}
@media (min-width: 768px) {
  .Details-item--large .Colors {
    width: 70%;
    margin-bottom: 5px;
    margin-left: auto;
  }
}
.Colors div {
  flex: 1;
  text-align: center;
}

.Colors--standsTaken {
  color: lightgreen;
}

.Colors--idle {
  color: lightgrey;
}

.Colors--away {
  color: salmon;
}

Fix chart color legend affecting the wrong chart.


.mattermostView {
  text-align: center;
}

.mattermostView .ErrorView {
  text-align: left;
}

.mattermostView webview, .mattermostView .mattermostView-loadingScreen {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.mattermostView-with-tab webview, .mattermostView-with-tab .mattermostView-loadingScreen {
  top: 31px;
}

.mattermostView-hidden webview {
  flex: 0 1;
  width: 0px;
  height: 0px;
}

.mattermostView-loadingScreen {
  vertical-align: middle;
  background: white;
}

.mattermostView-loadingImage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.mattermostView {
  text-align: center;
}

.mattermostView .ErrorView {
  text-align: left;
}

.mattermostView webview, .mattermostView .mattermostView-loadingScreen {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.mattermostView-with-tab webview, .mattermostView-with-tab .mattermostView-loadingScreen {
  top: 31px;
}

.mattermostView-hidden webview {
  flex: 0 1;
  width: 0px;
  height: 0px;
}

.mattermostView-loadingScreen {
  vertical-align: middle;
  background: white;
}

.mattermostView-loadingImage {
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

Set opacity to the icon

Set opacity to the icon


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

.root {
  -webkit-font-smoothing: antialiased;
  appearance: none;
  outline: none;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  padding: 0;
  margin: 0 auto;
  display: block;
  border-radius: 4px;

  @nest &:focus {
    background-color: color(var(--brand-primary) a(20%));
  }
}

.inner {
  /* padding: 3px; */
  position: relative;
  outline: none;
  display: flex;
  align-items: center;
}

.avatarContainer {
  margin: -1px;
}

.iconContainer {
  @nest & > svg {
    display: block;
    font-size: 17px;
  }
}

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

.root {
  -webkit-font-smoothing: antialiased;
  appearance: none;
  outline: none;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  padding: 0;
  margin: 0 auto;
  display: block;
  border-radius: 4px;

  @nest &:focus {
    box-shadow: var(--input-box-shadow--focus);
  }
}

.inner {
  /* padding: 3px; */
  position: relative;
  outline: none;
  display: flex;
  align-items: center;
}

.avatarContainer {
  margin: -1px;
}

.iconContainer {
  @nest & > svg {
    display: block;
    font-size: 17px;
  }
}

[default-layout] Change focus state of user menu drawer in Navbar


.position-test {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 100px;
  height: 100px;
}

@import url(/base/test/fixtures/renderer-css-test.css);

.position-test {
  left: 10px;
  top: 10px;
}

Reduce duplication of CSS test files

Reduce duplication of CSS test files


.MuiAppBar-colorPrimary.header {
  background: #fff;
  color: #5f6368;
}

.header-title {
  font-size: 24px;
  font-weight: 300;
  margin: 0px 16px 0px 36px;
}

.header-search {
  background: #f1f3f4;
  border-radius: 5px;
  display: flex;
  margin: 8px 0px;
  padding: 10px;
  width: 100%;
}

.header-search.hidden {
  visibility: hidden;
}

div.header-search-root {
  padding-left: 6px;
  width: 100%;
}

.MuiInputBase-input.header-search-input {
  font-size: 18px;
  color: #80868b;
  font-weight: 500;
  padding: 2px 4px;
}

.MuiInputBase-input.header-search-input::placeholder {
  opacity: 0.75;
}

svg.header-search-icon {
  font-size: 26px;
  color: #5f6368;
  cursor: pointer;
}

svg.header-search-icon:hover {
  opacity: 0.8;
}

.auth-button.MuiButton-root {
  margin-left: 16px;
  min-width: 96px;
}

.MuiAppBar-colorPrimary.header {
  background: #fff;
  color: #5f6368;
}

.MuiToolbar-root {
  justify-content: space-between;
}

.header-title {
  font-size: 24px;
  font-weight: 300;
  margin: 0px 16px 0px 36px;
}

.header-search {
  background: #f1f3f4;
  border-radius: 5px;
  display: flex;
  margin: 8px 0px;
  max-width: 640px;
  padding: 10px;
  width: 100%;
}

.header-search.hidden {
  visibility: hidden;
}

div.header-search-root {
  padding-left: 6px;
  width: 100%;
}

.MuiInputBase-input.header-search-input {
  font-size: 18px;
  color: #80868b;
  font-weight: 500;
  padding: 2px 4px;
}

.MuiInputBase-input.header-search-input::placeholder {
  opacity: 0.75;
}

svg.header-search-icon {
  font-size: 26px;
  color: #5f6368;
  cursor: pointer;
}

svg.header-search-icon:hover {
  opacity: 0.8;
}

.auth-button.MuiButton-root {
  margin-left: 16px;
  min-width: 96px;
}

Set max-width on the search input

Set max-width on the search input


/* Base styles */

body {
  background-color: #FFF;
  color: #222;
  padding-top: 50px;
}

#map {
  height: 300px;
  margin-bottom: 20px;
}

.measurement div .description {
    margin-top: 10px;
    font-size: 1.8em;
}

.measurement div .value {
    padding-top: 10px;
    font-size: 3em;
    font-weight: bold;
}

.measurement {
    margin-bottom: 20px;
}

#chart {
    height: 300px;
}

Make chart a little narrower to fit on 1 screen.


.root {
    user-select: none;
}

.radio {
    margin-right: 4px;
    margin-bottom: 3px;
    vertical-align: middle;
}

.root:focus {
    outline: $focus-outline;
}

.root[disabled] {
    color: $brand-disabled;
    cursor: $cursor-not-allowed;
}

.root {
    user-select: none;
}

.radio {
    margin-right: 4px;
    margin-bottom: 3px;
    vertical-align: middle;
}

.root:focus {
    outline: $focus-outline;
}

.root[disabled] {
    color: #999;
    cursor: $cursor-not-allowed;
}

Update disabled color of <u-radio>

:lipstick: Update disabled color of <u-radio>


body {
  background: #181818;
  font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
  color: white;
  margin: 3em;
  padding: 0;
}

.line {
	margin-top: 0.7em;
}

#input:focus {
	outline: none;
}

i {
  padding-left: 1.5em;
}

.green {
	color: #2ECC71;
}

.yellow {
	color: #FFDE00;
}

.orange {
	color: #FFA500;
}

body {
  background: #181818;
  font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
  color: white;
  margin: 3em;
  padding: 0;
}

.line {
	margin-top: 0.7em;
}

#input:focus {
	outline: none;
}

i {
  padding-left: 1.5em;
  cursor: pointer;
}

.green {
	color: #2ECC71;
}

.yellow {
	color: #FFDE00;
}

.orange {
	color: #FFA500;
}

Change cursor to pointer when hovering over upvote and downvote buttons


.wrapper {
  width: 45%;
  padding: 3%;
}

.arrow {
  font-weight: bolder;
  font-size: 150%;
  margin: 3%;
}

.calculation {
  font-size: 130%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapper {
  width: 45%;
  padding: 3%;
}

.arrow {
  font-weight: bolder;
  font-size: 3vw;
  margin: 3%;
}

.calculation {
  font-size: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

Use vw font-sizes for calculation lists

Use vw font-sizes for calculation lists


      @font-face {
    font-family: "Computer Modern";
    src: url('computer-modern.otf');
  }

*
 {
	font-family: "Computer Modern";
 }

select, option, input
 {
	font-family: sans-serif !important;
 }

#menu
	{
		display: inline-block;
		list-style-type: none;
		width: 100%;
	}

#menu li
 {
  display: inline;
  margin: 1%;
 }

#menu li h1
	{
		margin-left: -4%;
		color: white;
		display: inline;
	}

#menu li a
	{
	font-size: 150%;
	color: white;
	text-decoration: none;
	}

#content
 {
  margin: auto;
  width: 75%;
  text-align: center;
 }

#feature
  {
   font-size: 300%;
  }

#solution
 {
  font-size: 200%;
 }

#top
 {
  background-color: darkgreen;
  margin-bottom: 10%;
 }

body
 {
  margin: 0;
 }

.todo
 {
  opacity: 0.4;
 }

.failed
 {
  color: red;
 }

      @font-face {
    font-family: "Computer Modern";
    src: url('computer-modern.otf');
  }

*
 {
	font-family: "Computer Modern";
 }

select, option, input
 {
	font-family: sans-serif !important;
 }

#menu
	{
		display: inline-block;
		list-style-type: none;
		width: 60%;
	}

#menu li
 {
  display: inline;
  margin: 1%;
 }

#menu li h1
	{
		margin-left: -6%;
		color: white;
		display: inline;
	}

#menu li a
	{
	font-size: 150%;
	color: white;
	text-decoration: none;
	}

#content
 {
  margin: auto;
  width: 75%;
  text-align: center;
 }

#feature
  {
   font-size: 300%;
  }

#solution
 {
  font-size: 200%;
 }

#top
 {
  background-color: darkgreen;
  margin-bottom: 10%;
 }

body
 {
  margin: 0;
 }

.todo
 {
  opacity: 0.4;
 }

.failed
 {
  color: red;
 }

Stop the menu from running over two lines


* {
  color: #919292;
  text-align: left;
}

.image {
  display: block;
  background: transparent;
  width: 30em;
  height: 12em;
  text-align: center;
}

.subhead {
  font-size: 1.25em;
}

article > section {
  margin-top: 5%;
}

* {
  color: #919292;
  text-align: left;
}

.image {
  display: block;
  background: transparent;
  width: 30em;
  height: 12em;
  text-align: center;
  page-break-before: always;
  page-break-after: always;
}

.subhead {
  font-size: 1.25em;
}

article > section {
  margin-top: 5%;
}

Edit subtitle and page spacing

Edit subtitle and page spacing


.navbar-header .logo {
	width: 121px;
}

.banner img {
	padding: 15px 0;
}

#appstore, #googleplay, #desktopclient {
	text-align: center;
	display: block;
}

div.footer-text {
	color: #AAAAAA;
	text-align: center;
	margin-bottom: 40px;
}

.banner ul#menu-header.nav>li.menu-get-owncloud {
	padding: 0 0 0 15px;
	margin-top: 7px;
	margin-left: 10px;
	background-color: #428BCA;
	border-radius: 6px;
	border-color: #357EBD}

.banner ul#menu-header.nav>li.menu-get-owncloud a{
	padding: 7px 16px 7px 0;
	line-height: 1.25;
	border-bottom: 0
}

Add styling of get owncloud button in top nav


.aui-diagram-builder-base-tabs-container .aui-diagram-builder-base-tab-add .aui-tab-label {
	background: url(add.png) no-repeat 0px -1px;
}

.aui-diagram-builder-base-tabs-container .aui-diagram-builder-base-tab-settings .aui-tab-label {
	background: url(configuration.png) no-repeat 0px -1px;
}

.aui-diagram-builder-base-tabs-container .aui-tab-label {
    padding-bottom: 5px;
    padding-left: 22px;
}

.aui-diagram-builder-base .aui-diagram-builder-base-field {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

Remove icons from TabView due to the new TabView theme


.header {
  font-size: 60px;
  font-family: Monospace;
  background-color: black;
  color: white;
  border: 5px solid blue;
  padding: 5px;
  margin: 60px 60px 30px 60px;
}
.title {
  color: Cornflowerblue;
  font-size: 80px;
  font-family: cursive Monospace;
  font-weight: bolder;
}
.img {
    display: block;
    margin: auto;
    border: 3px solid green;
    padding: 10px;
    width: 30%;
}
body {
  background-color: silver;
  text-align: center;
}
ul {
  font-size: 17px;
  text-align: left;
  margin-left: 150px;
  margin-right: 150px;
}

.header {
  font-size: 60px;
  font-family: Monospace;
  background-color: black;
  color: white;
  border: 5px solid blue;
  padding: 5px;
  margin: 60px 60px 30px 60px;
}
.title {
  color: Cornflowerblue;
  font-size: 80px;
  font-family: cursive Monospace;
  font-weight: bolder;
}
.img {
    display: block;
    margin: auto;
    border: 3px solid green;
    padding: 10px;
    width: 30%;
}
body {
  background-color: silver;
  text-align: center;
}
ul {
  font-size: 17px;
  text-align: left;
  list-style-image:
  url('https://github.com/chrisjim316/freeCodeCamp-/blob/master/Assets/Images/TributePage/ComputerIconExtraSmall.png?raw=true');
  margin-left: 150px;
  margin-right: 150px;
}

Replace bullet points with computer icons


.calendar .symbol {
  padding-left: 0;
  padding-right: 10px;
  font-size: 80%;
  vertical-align: top;
}

.calendar .symbol span {
  display: inline-block;
  -ms-transform: translate(0, 2px); /* IE 9 */
  -webkit-transform: translate(0, 2px); /* Safari */
  transform: translate(0, 2px);
}

.calendar .title {
  padding-left: 0;
  padding-right: 0;
}

.calendar .time {
  padding-left: 30px;
  text-align: right;
}

.calendar .symbol {
  padding-left: 0;
  padding-right: 10px;
  font-size: 80%;
  vertical-align: top;
}

.calendar .symbol span {
  display: inline-block;
  -ms-transform: translate(0, 2px); /* IE 9 */
  -webkit-transform: translate(0, 2px); /* Safari */
  transform: translate(0, 2px);
}

.calendar .title {
  padding-left: 0;
  padding-right: 0;
}

.calendar .time {
  padding-left: 30px;
  text-align: right;
  vertical-align: top;
}

Make times align to the top of the cell

Make times align to the top of the cell


.sidebar {
  border-right: 1px solid #e0e0e0;
  height: 100%;
  position: fixed;
  -webkit-transition: opacity .1s ease-in-out;
  transition: opacity .1s ease-in-out;
  width: 279px;
}

.sidebar.disabled {
  opacity: .6;
  pointer-events: none;
}

.sidebar-header {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  padding: 9px;
}

.sidebar-content {
  background-color: #fafafa;
  height: calc(100% - 49px);
  overflow: hidden;
  position: relative;
}

.sidebar {
  border-right: 1px solid #e0e0e0;
  height: 100%;
  position: fixed;
  -webkit-transition: opacity .1s ease-in-out;
  transition: opacity .1s ease-in-out;
  width: 279px;
}

.sidebar.disabled {
  opacity: .6;
  pointer-events: none;
}

.sidebar-header {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  padding: 9px;
}

.sidebar-content {
  background-color: #fafafa;
  height: calc(100% - 49px);
  overflow: hidden;
  position: relative;
  touch-action: none;
}

Disable touch-action to scroll a list in Chrome for Android


body {
    background-color: black;
    color: white;
    font-family: Courier New;
}

div.chat-window {
    position: absolute;
    width: 95%;
    height: 85%;
}

h1.headline {

}

div.private-message {
    color: red;
}

iframe.chat-frame{
    border: 0px;
    overflow:scroll;
    width: 95%;
    height: 80%;
    margin-top: 30px;
}

form.message-form {
    top: 100px;
}

a {
    color: #0099FF;
}

div.footer {
    position: fixed;
    bottom:10px;
}

body {
    background-color: black;
    color: white;
    font-family: Courier New;
}

div.chat-window {
    position: absolute;
    width: 95%;
    height: 85%;
}

h1.headline {

}

div.private-message {
    color: #FF3333;
}

iframe.chat-frame{
    border: 0px;
    overflow:scroll;
    width: 95%;
    height: 80%;
    margin-top: 30px;
}

form.message-form {
    top: 100px;
}

a {
    color: #0099FF;
}

div.footer {
    position: fixed;
    bottom:10px;
}

Make red for private messages a little lighter


html, body {
  height: 100%;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
}

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

#search-input {
  height: 30px;
  width: 100%;
  padding: 0 8px;
}

#add-button {
  width: 60px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  border-left: 1px solid #333333;
  color: #333333;
  background-image: none;
  background-color: inherit;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

#search-results {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid #333333;
  border-bottom: none;
}

#search-results > li {
  padding: 8px;
  border-bottom: 1px solid #333333;
}

#main {
  width: 360px;
  margin: 20px auto;
  position: relative;
}

html, body {
  height: 100%;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
}

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

#main {
  width: 360px;
  margin: 20px auto;
  position: relative;
}

#search-input {
  height: 30px;
  width: 100%;
  padding: 0 8px;
}

#add-button {
  width: 60px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  border-left: 1px solid #333333;
  color: #333333;
  background-image: none;
  background-color: inherit;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

#search-results {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid #333333;
  border-bottom: none;
}

#search-results > li {
  padding: 8px;
  border-bottom: 1px solid #333333;
}

Order css based on DOM order

Order css based on DOM order


div.sticky-table{
  	overflow:auto;
  	width:300px;
  	height:80vh;
}
.sticky-table td,
.sticky-table th {
  background: #fff;
  width: 100px;

}

.sticky-table table {
  table-layout: fixed;
  width:100%;
}
.sticky-table td:first-child, .sticky-table th:first-child {
  position:sticky;
  left:0;
  z-index:1;

}

.sticky-table thead tr th {
  position:sticky;
  border:1px solid #ddd;
  top:-1px;
}
.sticky-table th:first-child,.sticky-table  th:last-child {z-index:2;}

div.sticky-table{
  	overflow:auto;
  	width:300px;
  	height:80vh;
}
.sticky-table td,
.sticky-table th {
  background: #fff;
  width: 100px;
  width:70px;
  vertical-align: middle;
}
.sticky-table th>div.pull-right{
  position:absolute;
  right:0;bottom:0;
}

.sticky-table table {
  table-layout: fixed;
  width:100%;
}
.sticky-table td:first-child, .sticky-table th:first-child {
  position:sticky;
  left:0;
  z-index:1;
  width:200px;

}

.sticky-table thead tr th {
  position:sticky;
  border:1px solid #ddd;
  top:-1px;
  vertical-align: middle;
  text-align: center;
}
.sticky-table th:first-child,.sticky-table  th:last-child {z-index:2;}

Update sticky-table headers and columns css


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

.wrapper {
  composes: wrapper from "./shared/full_height_stage.css";

  .groups-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;

    @media(min-width: 1040px) {
      display: block;
    }

    overflow: auto;
  }

  .flex-container-for-groups-and-optionally-action-items {
    flex: 1;
    display: flex;
    overflow: hidden;

    :global(.action-item) {
      flex-grow: 0;
      flex-basis: auto;
      width: 50%;

      @media (min-width: 1040px) {
        width: 25%;
      }
      padding: 0 0.75rem;
      border-left: 1px solid var(--semantic-light-grey);
    }
  }
}

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

.wrapper {
  composes: wrapper from "./shared/full_height_stage.css";

  .groups-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;

    @media(min-width: 1040px) {
      display: block;
    }

    overflow: auto;
  }

  .flex-container-for-groups-and-optionally-action-items {
    flex: 1;
    display: flex;
    overflow: hidden;

    :global(.action-item) {
      flex-grow: 0;
      flex-basis: auto;
      width: 50%;

      @media (min-width: 1040px) {
        width: 25%;
      }
      padding: 0 0.75rem;
      border-left: 1px solid var(--semantic-light-grey);
    }
  }
}

Add position: relative to groups container for react-flip-move


.swat-radio-note-book td {
	vertical-align: top;
}

.swat-radio-note-book-page-container {
	overflow: hidden;
}

Remove default overflow hidden. The JS takes care of it for us.

svn commit r73361


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

.fa-quora-square:before {
  content: '\f059'
}

.fa-google-scholar-square:before {
  content: '\f14c'
}

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

.fa-quora-square:before {
  content: '\f059'
}

.fa-google-scholar-square:before {
  content: '\f1a0'
}

Change icon for Google Scholar

Change icon for Google Scholar


.done-true {
    text-decoration: line-through;
    color: grey;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.done-true {
    text-decoration: line-through;
    color: grey;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

Fix style for login screen - driven by input type.


.button-shopping-assistant {
    bottom: 0;
    position: fixed;
    right: 5em;
}

.button-shopping-assistant {
    bottom: 0;
    position: fixed;
    right: 5em;
    z-index: 100;
}

Increase z-index to show the button over the top of the slideshow on the rwd theme.


.selected-canvas-element {
  /* TODO: Add a proper selected canvas element effect. */
}

.selected-canvas-element {
  box-shadow: 0 0 16px black;
  background: rgba(255, 255, 255, 0.5);
}

Revert "Remove selected canvas element effect CSS."

This reverts commit 8f1a92da474b8a8f55adc9abf485d14d84d27125.


.content-node .figure_reference {
  padding: 1px 0px;
  border-bottom: 1px solid rgba(145, 187, 4, 0.8);
  /*border: 1px solid transparent;*/
  color: rgba(145, 187, 4, 1);
}

.content-node .figure_reference:hover {
  /*border-style: solid;*/
  /*border: 1px dotted rgba(145, 187, 4, 0.8);*/
  /*background: rgba(145, 187, 4, 0.1);*/
  border-color: rgba(171, 217, 17, 1);
  color: rgba(171, 217, 17, 1);
}

.content-node .figure_reference.active {
  color: white;
  background: rgba(145, 187, 4, 1);
  border-color: transparent;
}

.content-node .figure_reference {
  padding: 1px 0px;
  border: 1px dotted rgba(145, 187, 4, 0.8);
  color: rgba(145, 187, 4, 1);
}

.content-node .figure_reference:hover {
  border-color: rgba(171, 217, 17, 1);
  color: rgba(171, 217, 17, 1);
}

.content-node .figure_reference.active {
  color: white;
  background: rgba(145, 187, 4, 1);
  border-color: transparent;
}

Make figure refs stand out more.

Make figure refs stand out more.


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

:host {
    padding: 0;
    margin: 0;
    display: inline-flex;
    flex-shrink: 0;
    align-items: flex-start !important;
}

::content > .dt-checkbox-button {
    height: 12px;
    width: 12px;
    margin: 1px 3px 2px 2px;
    flex-shrink: 0;
}

::content > .dt-checkbox-text {
    line-height: 15px;
}

DevTools: Fix Replace checkbox label vertical alignment in Sources panel

R=vsevik
BUG=447984
NOTRY=true

Review URL: https://codereview.chromium.org/845973004

git-svn-id: bf5cd6ccde378db821296732a091cfbcf5285fbd@188207 bbb929c8-8fbe-4397-9dbb-9b2b20218538


body {
    text-align: center;
    font-family: sans-serif;
    margin: 0;
    padding: 20px 0;
}

img {
    min-height: calc(80vw * (9 / 16)); /* should be around the height of the image */
    width: 80%;
}

input.url {
    width: 80%;
    padding: 5px;
    border: none;
    background-color: #ddd;
    text-align: center;
    box-sizing: border-box;
}

form {
    margin-top: 50px;
    width: 80%;
    text-align: center;
    display: inline-block;
}

form > textarea {
    width: 100%;
    height: 10vh;
    padding: 5px;
    box-sizing: border-box;
    resize: none;
}

form > input.submit {
    width: 100%;
    display: block;
    padding: 10px;
    background-color: #3070a0;
    border: 1px solid #275070;
    color: white;
    cursor: pointer;
    font-size: 18px;
}

form > input.submit:hover {
    background-color: #206090;
}

body {
    text-align: center;
    font-family: sans-serif;
    margin: 0;
    padding: 20px 0;
}

img {
    min-height: calc(80vw * (9 / 16)); /* should be around the height of the image */
    width: 80%;
}

input.url {
    width: 80%;
    padding: 15px;
    border: none;
    background-color: #ddd;
    text-align: center;
    box-sizing: border-box;
}

form {
    margin-top: 50px;
    width: 80%;
    text-align: center;
    display: inline-block;
}

form > textarea {
    width: 100%;
    height: 10vh;
    padding: 5px;
    box-sizing: border-box;
    resize: none;
}

form > input.submit {
    width: 100%;
    display: block;
    padding: 10px;
    background-color: #3070a0;
    border: 1px solid #275070;
    color: white;
    cursor: pointer;
    font-size: 18px;
}

form > input.submit:hover {
    background-color: #206090;
}

Add more padding around the image url

Add more padding around the image url

This makes it a little easier to copy text on mobile devices


.input-aside,
.dbjs-input-component .input-aside {
	display: block;
}
.input-aside > span:first-child {
	display: inline-block;
}
.auto-submit .submit {
	display: block;
}

Reset auto-submit hide in case of legacy


.esh-pager-wrapper {
    padding-top: 1rem;
    text-align: center;
}

.esh-pager-item {
    margin: 0 5vw;
}

.esh-pager-item--navigable {
    display: inline-block;
    cursor: pointer;
}

    .esh-pager-item--navigable.is-disabled {
        opacity: 0;
        pointer-events: none;
    }

    .esh-pager-item--navigable:hover {
        color: #83D01B;
    }

@media screen and (max-width: 1280px) {
    .esh-pager-item {
        font-size: 0.85rem;
    }
}

@media screen and (max-width: 1024px) {
    .esh-pager-item {
        margin: 0 4vw;
    }
}

Add css style for paginator

Add css style for paginator


@import "$xwiki.getSkinFile('microformats.css')";
@import "$xwiki.getSkinFile('colibri.css', true)#if ("$!{request.colorTheme}" != '')?colorTheme=${request.colorTheme}#end";

@import "$xwiki.getSkinFile('css/microformats.css')";
@import "$xwiki.getSkinFile('colibri.css', true)#if ("$!{request.colorTheme}" != '')?colorTheme=${request.colorTheme}#end";

XSCOLIBRI-263: Use the common css/microformats.css instead of the Albatross-only microformats.css
XSTOUCAN-161: Use the common css/microformats.css instead of the Albatross-only microformats.css
Done.

git-svn-id: eea26612969e16cfeea121ea268596bb181b6a2a@33747 f329d543-caf0-0310-9063-dda96c69346f


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

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

#board {
  height: 430px;
  width: 445px;
  margin: 0 auto;
  background-color: rgba(255,255,255,0.25);
  border: 10px solid #fff;
  border-radius: 5%;
}

.cell {
  height: 100px;
  width: 100px;
  display: inline-block;
}

#first, #second, #third {
  border-bottom: 10px solid #fff;
}

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

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

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

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

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

#board {
  height: 430px;
  width: 445px;
  margin: 0 auto;
  background-color: rgba(255,255,255,0.25);
  border: 10px solid #fff;
  border-radius: 5%;
}

.cell {
  height: 100px;
  width: 100px;
  display: inline-block;
}

#first, #second, #third {
  border-bottom: 10px solid #fff;
}

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

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

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

Reduce paragraph font size to 3.5 em

Reduce paragraph font size to 3.5 em


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

.label {
  border-style: solid;
  border-width: 1px;
  font-family: var(--font-family-medium);
  text-transform: none;
  vertical-align: middle;
}

.neutral {
  background-color: color(var(--color-neutral) a(48%));
  border-color: color(var(--color-neutral-dark) a(48%));
  color: var(--color-teal-darkest);
}

@each $color in (mint, violet, ruby, gold, aqua) {
  .$(color) {
    background-color: color(var(--color-$(color)-light) a(48%));
    border-color: color(var(--color-$(color)-light) a(48%));
    color: var(--color-$(color)-darkest);
  }
}

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

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

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

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

.label {
  border-style: solid;
  border-width: 1px;
  font-family: var(--font-family-medium);
  text-transform: none;
  vertical-align: middle;
}

.neutral {
  background-color: color(var(--color-neutral) a(48%));
  border-color: color(var(--color-neutral-dark) a(48%));
  color: var(--color-teal-darkest);
}

@each $color in (mint, violet, ruby, gold, aqua) {
  .$(color) {
    background-color: color(var(--color-$(color)-light) a(48%));
    border-color: color(var(--color-$(color)-light) a(48%));
    color: var(--color-$(color)-darkest);
  }
}

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

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

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

Set border-radius to the exact value that we need


.ViewDocuments td
{
  padding: 4px;
  white-space:nowrap
}

.ViewDocuments .SizeCell,
.ViewDocuments .ClicksCell
{
	text-align:right;
}

.ViewDocuments .TitleCell,
.ViewDocuments .DescriptionCell
{
	width:100%;
	white-space:wrap
}

.ViewDocuments ._nonpublished { background-color:#ffc }

.ViewDocuments .dnnGrid { margin-bottom:0 }

/* DnnDateTimePicker style fix */

.dnnEditDocs .RadPicker_Default
{
	/* override inline style */
	height:33px!important;
}

.dnnEditDocs .RadPicker_Default .riTextBox
{
	height:33px;
}

/* end fix */

.dnnEditDocs{width:100%;margin:2em auto;}
.dnnEditDocs .dnnFormItem input[type=checkbox], .dnnTabsModule .dnnFormItem input[type=radio]{width:auto;}
.dnnEditDocs .dnnRight{display:block;width: 68%;}
.dnnEditDocs .urlControl br{display:block;}
.dnnEditDocs .urlControl > label{display:block;float: none;text-align:left;}

.ViewDocuments td
{
  padding:4px;
  white-space:nowrap
}

.ViewDocuments .SizeCell,
.ViewDocuments .ClicksCell
{
	text-align:right;
}

.ViewDocuments .TitleCell { width:33%; }

.ViewDocuments .DescriptionCell
{
	width:66%;
	white-space:normal
}

.ViewDocuments ._nonpublished { background-color:#ffc }

.ViewDocuments .dnnGrid { margin-bottom:0 }

/* DnnDateTimePicker style fix */

.dnnEditDocs .RadPicker_Default
{
	/* override inline style */
	height:33px!important;
}

.dnnEditDocs .RadPicker_Default .riTextBox
{
	height:33px;
}

/* end fix */

.dnnEditDocs{width:100%;margin:2em auto;}
.dnnEditDocs .dnnFormItem input[type=checkbox], .dnnTabsModule .dnnFormItem input[type=radio]{width:auto;}
.dnnEditDocs .dnnRight{display:block;width: 68%;}
.dnnEditDocs .urlControl br{display:block;}
.dnnEditDocs .urlControl > label{display:block;float: none;text-align:left;}

Update and fix some styles

Update and fix some styles


html {
  background-color: #ffffff;
  color:#000080;
}

a {
  color: #800080;
}

a:visited {
  color:#ff0000;
}

html {
  background-color: #ffffff;
  color:#000080;
}

ul {
  columns: 2;
  -webkit-columns:2;
  list-style-position: inside;
}
a {
  color: #800080;
}

a:visited {
  color:#ff0000;
}

Divide into the two coloumns

Divide into the two coloumns


body {
    background: #e6e6e6;
}

.main {
    margin-top: 3em;
    margin-bottom: 3em;
}

article {
    background: #fdfdfd;

    overflow: auto;
    padding: 1em;
}

h1, h2, h3, th {
    text-transform: capitalize;
}

header.panel, footer.panel {
    margin-bottom: 0;
}

header .siteName, header .tagLine, footer .credits {
    text-shadow: 1px 1px 2px #969696;
    color: #fff
}

.selected {
    font-weight: bold;
    background-color: #222;
    color: #fff
}

header.panel, footer.panel {
    background: rgb(231, 177, 79);;
}

header .siteName {
    display: inline;
    text-shadow: 1px 1px 2px #969696;
}

header .tagLine {
    margin-left: 2em;
    display: inline;
}

.cdns {
    margin-bottom: 2em;
}

.cdn, .control {
    margin-right: 2em;
}

.controlsContainer {
    margin-bottom: 0.5em;
}

body {
    background: #e6e6e6;
}

.main {
    margin-top: 1em;
    margin-bottom: 1em;
}

article {
    background: #fdfdfd;

    overflow: auto;
    padding: 1em;
}

h1, h2, h3, th {
    text-transform: capitalize;
}

header.panel, footer.panel {
    margin-bottom: 0;
}

header .siteName, header .tagLine, footer .credits {
    text-shadow: 1px 1px 2px #969696;
    color: #fff
}

.selected {
    font-weight: bold;
    background-color: #222;
    color: #fff
}

header.panel, footer.panel {
    background: rgb(231, 177, 79);;
}

header .siteName {
    display: inline;
    text-shadow: 1px 1px 2px #969696;
}

header .tagLine {
    margin-left: 2em;
    display: inline;
}

.cdns {
    margin-bottom: 2em;
}

.cdn, .control {
    margin-right: 2em;
}

.controlsContainer {
    margin-bottom: 0.5em;
}

Decrease margin-top and margin-bottom of .main

This way both graphs show up on a low resolution display (like MBA).


.weather-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(239, 239, 239, 0.95);
  background-color: rgba(255, 255, 255, 0.95);
}

.unit-of-time {
  color: #245161;
  font-style: normal;
}

.temp {
  color: #373737;
  font-style: italic;
  font-size: 2.25em;
}

.weather-card .high-low-line {
  width: 40px;
}

.weather-card .temp-high {
  margin-bottom: 5px;
}

.weather-card .temp-low {
  margin-top: 6px;
}

Fix margins on temp high and low

Fix margins on temp high and low


#fi-ware_catalogue #menu_options .simple_search #simple_search_text {
	background: #e6f3ff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#fi-ware_catalogue .resource_list .header_resource, #catalogue #resource_details .back_to_resource_list {
	border-color: #DDDDDD;
}

.purchase_window_table tr.total_row td {
	border-top-color: #cccccc;
	border-bottom-color: #000000;
}

#fi-ware_catalogue button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.window_menu button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.resource_details img {
    background: white;
}

#fi-ware_catalogue .resource .resource_name {
    font-weight: bold;
}

#fi-ware_catalogue .bold {
    font-weight: bold;
}

#fi-ware_catalogue .link {

}

#fi-ware_catalogue .link:hover {
  text-decoration: underline
}

#fi-ware_catalogue .notebook .tab_area .tab.selected {
    background: white;
    z-index: 2;
}

#fi-ware_catalogue .notebook .tab_area .tab {
    background: #DF7A62;
}

Add fiware details tabs style

Add fiware details tabs style

Signed-off-by: Álvaro Arranz García <3a7352a9ec78d7d17a9240a830621a1f159ca041@conwet.com>


div#mods-wrapper
{
	text-align: center;
}

ul#mods
{
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

ul#mods li
{
	border: 1px solid #AAAAAA;
	min-width: 750px;
}

ul#mods li div.header
{
	background-color: #CCCCCC;
	border-bottom: 1px solid #AAAAAA;
	padding: 1em;
}

ul#mods li div.header span.name
{
	font-weight: bold;
}

ul#mods li div.header span.version
{
	float: right;
	position: relative;
	top: 2px;
}

ul#mods li div.description
{
	padding: 0.5em 1em;
}

div#mods-wrapper
{
	text-align: center;
}

ul#mods
{
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

ul#mods li
{
	border: 1px solid #AAAAAA;
	min-width: 750px;
}

ul#mods li:not(:last-child)
{
	margin-bottom: 1em;
}

ul#mods li div.header
{
	background-color: #CCCCCC;
	border-bottom: 1px solid #AAAAAA;
	padding: 1em;
}

ul#mods li div.header span.name
{
	font-weight: bold;
}

ul#mods li div.header span.version
{
	float: right;
	position: relative;
	top: 2px;
}

ul#mods li div.description
{
	padding: 0.5em 1em;
}

Add spacing between mod entries

Add spacing between mod entries


@import url('//fonts.googleapis.com/css?family=Roboto:400,300,500');
@import 'normalize.css';

:root {
    font-size: 16px;
    font-family: Roboto, sans-serif;
    color: #212121;
    background: #f5f5f5;
}

a {
    color: #222;
    border-bottom: 1px solid #222;
    text-decoration: none;

    &:hover,
    &:focus {
        color: #444;
        border-color: transparent;
        text-decoration: none;
        transition: all .2s ease;
    }

    &:visited {
        color: #555;
    }
}

@import url('//fonts.googleapis.com/css?family=Roboto:400,300,500');
@import 'normalize.css';

:root {
    font-size: 16px;
    font-family: Roboto, sans-serif;
    color: #212121;
    background: #f5f5f5;
}

a:not([type="button"]) {
    color: #222;
    border-bottom: 1px solid #222;
    text-decoration: none;

    &:hover,
    &:focus {
        color: #444;
        border-color: transparent;
        text-decoration: none;
        transition: all .2s ease;
    }

    &:visited {
        color: #555;
    }
}

Remove anchor styles from buttons

Remove anchor styles from buttons


html {
  color: #000080;
  background-color: #ffffff;

}

a:link {
  color: purple;
}

a:visited {
  color: red;
}

#first {
    float: left;
    width: 40%;
    margin: 0 1.5%;
}

#second {
    float: right;
    width: 40%;
    margin: 0 1.5%;
}

p {
    font-size: 10px;
}
#hh1 {
    font-size: 12px;
}
#hh2 {
    font-size: 14px;
}
#hh3 {
    font-size: 16px;
}
h1 {
    font-weight: bold;
    width:30%;
    margin-right: auto;
    margin-left: auto;
}

footer {
    margin-top: -150px;
    height: 150px;
    position: relative;
    clear: both;
}

#firstp {
    width:40%;
    margin-right: auto;
    margin-left: auto;
}

#linebreak {
    border: 0;
    height: 1px;
    color: black;
}

/*
-What is important to know when linking an external file (like a stylesheet) to an HTML file?

It is important to know the relationship, the text style, and the link path.

-What tricks did you use to help you with positioning? How hard was it to get the site as you wanted it?

We used a lot of ids and I looked up codecademy a lot. It was very difficult to get our site exactly like the original one.

-What CSS did you use to modify the element style (like size, color, etc.)

See above! :)

-Did you modify the HTML to include classes or ids? If so, which did you choose and why? If you didn't, how would you know which one to add to your HTML?

We just used ids. I chose to use them because I remembered them from codecademy, but I can't remember the difference off the top of my head.

-When you compared your site to the actual code base, which do you think had cleaner code that followed best practices and why?

The actual code base had cleaner code because we got kind of lost a lot. Ours had better practice because we used CSS for styling instead of just styling in html.
*/

Add CSS file for real

Add CSS file for real


.brand-table-td {
    width: 30%;
}

.brand-table-td-logo {
    width: 20%;
    text-align:center;
}

.brand-table-td-logo-full {
    width: 150px;
}
.brand-table-td-infos {
    width: 450px;
}

.brand-table-td {
    width: 30%;
}

.brand-table-td-logo {
    width: 20%;
    text-align:center;
}

.brand-table-td-logo-full {
    width: 40%;
    text-align:center;
}
.brand-table-td-infos {
    width: 60%;
}

Remove fixed size from css, use percentages instead


.graybox {
    background-color:#ddd;
}

.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}

.hline-bottom {
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd; /* whichever color you prefer */
}

.right-align {
    float: right;
}

.right-align-cell {
    display: flex;
    justify-content: flex-end;
}

.material-icons {
}

.mdl-data-table tbody tr, .mdl-data-table tbody td {
    height: auto;
}

.mdl-data-table tbody td {
    padding-top: 1px;
    padding-bottom: 1px;
}

.transaction-table {
    width: 100%;
}

.transaction-table-col {
    max-width: 0;
}
.transaction-table-col-hide-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.transaction-table-col1 { width: 6em }
.transaction-table-col2 {  }
.transaction-table-col3 { width: 2em }
.transaction-table-col3b { width: 4em }
.transaction-table-col4 { width: 2em }

.stretch-to-fill {
    width: 100%;
}

.graybox {
    background-color:#ddd;
}

.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}

.hline-bottom {
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd; /* whichever color you prefer */
}

.right-align {
    float: right;
}

.right-align-cell {
    display: flex;
    justify-content: flex-end;
}

.material-icons {
}

.mdl-data-table tbody tr, .mdl-data-table tbody td {
    height: auto;
}

.mdl-data-table tbody td {
    padding-top: 1px;
    padding-bottom: 1px;
}

.mdl-textfield {
    padding: 0
}

.transaction-table {
    width: 100%;
}

.transaction-table-col {
    max-width: 0;
}
.transaction-table-col-hide-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.transaction-table-col1 { width: 6em }
.transaction-table-col2 {  }
.transaction-table-col3 { width: 2em }
.transaction-table-col3b { width: 4em }
.transaction-table-col4 { width: 2em }

.stretch-to-fill {
    width: 100%;
}

Reduce vertical spacing of mdl-textfield


.wgdu-controls .rangeslider__fill {
  background-color: #444;
}

.wgdu-controls {
  margin: 0 1rem;
  padding: 0;
}

.wgdu-controls > li {
  margin: 0 0 1rem 0;
  padding: 0;

  list-style-type: none;
}

.wgdu-controls .cee-radio-component h3,
.wgdu-controls .cee-range-slider label {
  margin: 0;

  font-size: 1.2rem;
  font-weight: bold;
  color: #444;
}
.wgdu-controls .cee-radio-component h3 {
  margin: 0 0 0.7rem 0;
}
.wgdu-controls .cee-radio-component label {
  padding: 0.3rem 1rem;
}
.wgdu-controls .cee-radio-component input {
  margin-right: 0.8rem;
}

.wgdu-controls .rangeslider__fill {
  background-color: #444;
}

.wgdu-controls {
  margin: 0 1rem;
  padding: 0;
}

.wgdu-controls > li {
  margin: 0 0 1rem 0;
  padding: 0;

  list-style-type: none;
}

.wgdu-controls .cee-radio-component h3,
.wgdu-controls .cee-range-slider label {
  margin: 0;

  font-size: 1.2rem;
  font-weight: bold;
  color: #444;
}
.wgdu-controls .cee-radio-component h3 {
  margin: 0 0 0.7rem 0;
}
.wgdu-controls .cee-radio-component label {
  padding: 0.3rem 1rem;
}
.wgdu-controls .cee-radio-component input {
  width: 25px;
}

Adjust input size for radio buttons

Adjust input size for radio buttons


/* Show last modified timestamp for Wikipedia */
@namespace url("http://www.w3.org/1999/xhtml");

@-moz-document domain("wikipedia.org") {
  #footer-info-lastmod {
    color: #888 !important;
    font: 0.8rem/1 sans-serif !important;
    padding: 0.2rem 0 !important;
    position: absolute !important;
    top: 3.5rem !important;
    left: 18rem !important;
    display: block !important;
    width: 28rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* Show last modified timestamp for Wikipedia */
@namespace url("http://www.w3.org/1999/xhtml");

@-moz-document domain("wikipedia.org") {
  #footer-info-lastmod {
    color: #888 !important;
    font: 0.8rem/1 sans-serif !important;
    padding: 0.2rem 0 !important;
    position: absolute !important;
    top: 3.5rem !important;
    left: 21.5rem !important;
    display: block !important;
    width: 28rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

Adjust displaying position of last modified date


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

:host {
  background-color: rgb(219, 222, 224);
  color: black;
  display: block;
}

#mainContainer {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
}

#pageContainer {
  -webkit-margin-end: 20px;
  -webkit-margin-start: 20px;
}

::content core-icon-button {
  position: absolute;
}

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

:host {
  background-color: rgb(219, 222, 224);
  bottom: 0;
  color: black;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#mainContainer {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
}

#pageContainer {
  -webkit-margin-end: 20px;
  -webkit-margin-start: 20px;
}

::content core-icon-button {
  position: absolute;
}

Make the cr-settings-main fill its container

BUG=

Review URL: https://codereview.chromium.org/1143243004

Cr-Commit-Position: 972c6d2dc6dd5efdad1377c0d224e03eb8f276f7@{#330897}


#sonos {
  height: 100%;
  padding: 5px;
  background: #e48743;
  text-align: center;
}
#sonos h1 {
  font-size: 30px;
  margin: 0;
}
#sonos h2 {
  font-size: 25px;
}
#sonos p {
  font-size: 18px;
}
#sonos .fade {
  color: rgba(255, 255, 255, 0.7);
}

Add generated CSS for Sonos widget

Add generated CSS for Sonos widget


.custom-progress{margin-bottom:0px;}
.file-content
{
	width:100%;
	height:50%;
}
a
{
    color:rgb(0, 96, 214); /* The same shade of blue as the Alluxio logo. */
}

Use the same blue shade for headings as the Alluxio logo


.frame {
  border: 1px solid #dddddd;
  padding: 10px;
  margin-top: -6px;
  width: 498px;
}

.frame {
  border: 1px solid #dddddd;
  padding: 10px;
  margin-top: -6px;
  width: 496px;
  background-color: #fff;
}

Add white background for the browser-window


.site-summary__security-alerts {
  margin: 0;
}

.security-alerts__list {
  margin-top: 8px;
  display: none;
}

.security-alerts__toggler {
  cursor: pointer;
}

.site-summary__security-alerts {
  margin: 0;
}

.package-summary__security-alerts ul {
  margin-bottom: 0;
}

.security-alerts__list {
  margin-top: 8px;
  display: none;
}

.security-alerts__toggler {
  cursor: pointer;
}

FIX Remove bottom margin from security alerts container


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

table {
  border: 3px solid navy;
  border-collapse: collapse;
}

td {
  padding: 2px;
}

td.heading {
  font-weight: bold;
  text-decoration: underline;
  font-size: 120%;
}

tr {
  padding: 2px;
}

#preferredLanguage {
  width: 50px;
}

#version {
  color: #888;
  text-align: right;
  font-size: 80%;
}

.http {
  display: none;
}

.offline {
  display: none;
}

Hide offline rows until shown.

Hide offline rows until shown.

Change-Id: Id315eec8820623b076b60f011014dbc17348a808


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

#container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: url("images/polaroid.png");
}

#profile-pic {
  background-size: 100%;
  border-radius: 200px;
  border: 1px solid #999;
  width: 200px;
  height: 200px;
  margin-top: 50px;
}

a {
  text-decoration: none;
}

#link-block {
  padding-top: 10px;
}

#link-block img {
  width: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

#link-block img#timeismoney {
  width: 33px;
}

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

#container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: url("./images/polaroid.png");
}

#profile-pic {
  background-size: 100%;
  border-radius: 200px;
  border: 1px solid #999;
  width: 200px;
  height: 200px;
  margin-top: 50px;
}

a {
  text-decoration: none;
}

#link-block {
  padding-top: 10px;
}

#link-block img {
  width: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

#link-block img#timeismoney {
  width: 33px;
}

Fix background image path but actually this time


body, span {
	background-color: #1A1A1A !important;
	color: #FFF !important;
}

a, a span {
	color: #319DC5 !important;
}

a:visited, a:visited span {
	color: #319DC5 !important;
}

code {
    background-color: #4C4C4C;
}

pre, blockquote {
    background-color: #4C4C4C;
}

.NB-story > table {
    background-color: #4C4C4C !important;
}

Fix background colour for blurblog share table in dark theme


.form-control {
    margin-bottom: 5px;
}

#twitterName {
    color: white;
}

td {
  vertical-align : middle !important;
}

td > span {
  margin-left: auto;
  margin-right: auto;
}

.error {
  color: #F23A30;
}

.ng-table-counts > button {
  background-color: white !important;
}

.ng-table-counts > button:active {
  background-color: #E9E9E9 !important;
}
.ng-table-counts > button:hover {
  background-color: #E9E9E9 !important;
}

Add hover and active styling to pagination buttons


.firepicker_color_container {
  position: absolute;
  background-color: #fff;
  margin-top: -7px;
  margin-left: -5px;
  padding-top: 1px;
  padding-right: 1px;
  border: 1px solid #989898;
  -moz-box-shadow: 2px 4px 6px #828282;
  pointer-events: auto;
}

.firepicker_color_container .color_value {
  padding-right: 5em;
  margin-bottom: 1px;
  cursor: pointer;
}

.firepicker_color_container .color_value .css_text  {
  background-color: #FFF;
  padding: 0.1em 0.5em;
  white-space: nowrap;
}

.firepicker_color_container .color_value:hover .css_text  {
  background-color: #E7FFFF;
}

.firepicker_color_container {
  position: absolute;
  background-color: #fff;
  margin-top: -1px;
  padding-top: 1px;
  padding-right: 1px;
  border: 1px solid #989898;
  -moz-box-shadow: 2px 4px 6px #828282;
  pointer-events: auto;
}

.firepicker_color_container .color_value {
  padding-right: 5em;
  margin-bottom: 1px;
  cursor: pointer;
}

.firepicker_color_container .color_value .css_text  {
  background-color: #FFF;
  padding: 0.1em 0.5em;
  white-space: nowrap;
}

.firepicker_color_container .color_value:hover .css_text  {
  background-color: #E7FFFF;
}

Fix the color box's CSS positioning.

Fix the color box's CSS positioning.


.objectsequencewidget li a[rel="remove"] {
    margin-top: 10px;
}

.fieldname-ressort {
    float: left;
    margin-right: 20px;
    clear: both;
}

.fieldname-product {
    float: left;
    margin-right: 20px;
    clear: both;
}

.fieldname-authorships {
    clear: left;
}

Align ressort and procuct fields next to each other


.tabs {
  background: #222;
  border-bottom: 4px solid #555;
}

.tab {
  cursor: default;
  float: left;
  margin: 4px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 4px;
  padding-right: 4px;
  background: #3a3a3a;
  color: #d0d0d0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

.tab.active {
  background: #555;
  color: white;
}

.tab:last-child {
  margin-right: 4px;
}

.tab .file-name {
  margin-right: 5px;
}

.tab .close-icon {
  font-family: 'Octicons Regular';
  font-size: 14px;
  width: 14px;
  height: 14px;
  color: #aaa;
}

.tab .close-icon:before {
  content: "\f050";
}

.tab .close-icon:hover {
  color: white;
}

.tabs {
  background: #222;
  border-bottom: 4px solid #555;
}

.tab {
  cursor: default;
  float: left;
  margin: 4px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 4px;
  padding-right: 4px;
  background: #3a3a3a;
  color: #d0d0d0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  font-size: 90%;
}

.tab.active {
  background: #555;
  color: white;
}

.tab:last-child {
  margin-right: 4px;
}

.tab .file-name {
  margin-right: 5px;
}

.tab .close-icon {
  font-family: 'Octicons Regular';
  font-size: 14px;
  width: 14px;
  height: 14px;
  color: #aaa;
}

.tab .close-icon:before {
  content: "\f050";
}

.tab .close-icon:hover {
  color: white;
}

Set tab font-size to 90%

Set tab font-size to 90%


.reabledit table {
  width: 100%;
  border: 2px solid #ddd;
  border-collapse: collapse;
}

.reabledit th, .reabledit td {
  border: 1px solid #ddd;
  padding: 5px;
}

.reabledit th {
  background-color: #f3f3f3;
}

Add basic styling for the table

Add basic styling for the table


/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .integrated-terminal {
	align-items: flex-end;
	display: flex;
}

.monaco-workbench .integrated-terminal .terminal {
	background-color: #1e1e1e!important;
}

.monaco-workbench .terminal-cursor {
	background-color: #1e1e1e;
}

.monaco-workbench .reverse-video {
	color: #CCC;
}

.vs-dark .monaco-workbench .terminal-cursor {
	background-color: #CCC;
}

.vs-dark .monaco-workbench .reverse-video {
	color: #252526;
}

/* High Contrast Theming */

.hc-dark .monaco-workbench .integrated-terminal .terminal {
	background-color: black!important;
}

.hc-dark .monaco-workbench .terminal-cursor {
	background-color: white;
}

.hc-dark .monaco-workbench .reverse-video {
	color: black;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .integrated-terminal {
	align-items: flex-end;
	display: flex;
}

.monaco-workbench .integrated-terminal .terminal span {
	display: inline-block; /* make terminal characters cover height of line */
}

.monaco-workbench .integrated-terminal .terminal {
	background-color: #1e1e1e!important;
}

.monaco-workbench .terminal-cursor {
	background-color: #1e1e1e;
}

.monaco-workbench .reverse-video {
	color: #CCC;
}

.vs-dark .monaco-workbench .terminal-cursor {
	background-color: #CCC;
}

.vs-dark .monaco-workbench .reverse-video {
	color: #252526;
}

/* High Contrast Theming */

.hc-dark .monaco-workbench .integrated-terminal .terminal {
	background-color: black!important;
}

.hc-dark .monaco-workbench .terminal-cursor {
	background-color: white;
}

.hc-dark .monaco-workbench .reverse-video {
	color: black;
}

Make term chars cover entire line

Make term chars cover entire line


/*
    Copyright 2008, 2009, 2010 Boris ARZUR

    This file is part of Kemuri.

    Kemuri is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of
    the License, or (at your option) any later version.

    Kemuri is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public
    License along with Kemuri. If not, see http://www.gnu.org/licenses.
*/

.bar {
  background-color: #ccccff;
  top: 1px;
  position: fixed;
}

.bar {
  background-color: #ccccff;
  top: 1px;
  position: fixed;
}

tr { width: 50%; }
* { font-size: 1.3em; }

Make table split the screen 50/50 and font bigger


.gxaBioentityHeader {
    background: #f1fffa;
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
    margin-top: 10px;
}

.gxaBioentityHeader .gxaBioentityName, .gxaBioentityHeader .gxaBioentityDescription, .gxaBioentityHeader .gxaBioentitySpecies {
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    color: gray;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.gxaBioentityHeader .gxaBioentityName {
    font-size: 16px;
    font-weight: bold;
    padding-left: 14px;
}

.gxaBioentityHeader .gxaBioentityDescription, .gxaBioentityHeader .gxaBioentitySpecies {
    font-size: 12px;
    padding-left: 6px;
}

.gxaBioentityHeader .gxaBioentitySpecies {
    font-style: italic;
}
.gxaBioentityHeader .gxaBioentitySpecies::first-letter {
    text-transform: uppercase;
}

.gxaBioentityHeader {
    background: #f1fffa;
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
    margin-top: 60px;
}

.gxaBioentityHeader .gxaBioentityName, .gxaBioentityHeader .gxaBioentityDescription, .gxaBioentityHeader .gxaBioentitySpecies {
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    color: gray;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.gxaBioentityHeader .gxaBioentityName {
    font-size: 16px;
    font-weight: bold;
    padding-left: 14px;
}

.gxaBioentityHeader .gxaBioentityDescription, .gxaBioentityHeader .gxaBioentitySpecies {
    font-size: 12px;
    padding-left: 6px;
}

.gxaBioentityHeader .gxaBioentitySpecies {
    font-style: italic;
}
.gxaBioentityHeader .gxaBioentitySpecies::first-letter {
    text-transform: uppercase;
}

Add more space between title and header in the new bioentities page


#xwikiad {
  float: right;
  margin-right: 30px;
}
#xwikireadonly {
  color: red;
}
#xwikimessage {
  margin: auto;
  padding: 0px;
  margin-top: 5px;
}
#xwikiuseravatar{
  max-width: 150px;
}

/* Recognize velocity comments */
.vcomment {
  background-color: #ccccff;
  font-style: italic;
  margin-left: 5px;
  margin-right: 10px;
}

.edit_section {
  float: right;
  margin-left: 5px;
  margin-right: 5px;
}

.diffmodifiedline {
  border-left: 8px solid #888888;
  padding-left: 10px;
}

.diffunmodifiedline {
  border-left: 8px solid #dddddd;
  padding-left: 10px;
}

.diffremoveword {
  background-color: red;
  text-decoration: line-through;
}

.diffaddword {
  background-color: lightgreen;
}

#xwikiad {
  float: right;
  margin-right: 30px;
}
#xwikireadonly {
  color: red;
}
#xwikimessage {
  margin: auto;
  padding: 0px;
  margin-top: 5px;
}
#xwikiuseravatar{
  max-width: 150px;
}

/* Recognize velocity comments */
.vcomment {
  background-color: #ccccff;
  font-style: italic;
  margin-left: 5px;
  margin-right: 10px;
}

.edit_section {
  float: right;
  margin-left: 5px;
  margin-right: 5px;
}

.diffmodifiedline {
  border-left: 8px solid #888888;
  padding-left: 10px;
}

.diffunmodifiedline {
  border-left: 8px solid #dddddd;
  padding-left: 10px;
}

.diffremoveword {
  background-color: red;
  text-decoration: line-through;
}

.diffaddword {
  background-color: #7F7;
}

XWIKI-652: Validate the used CSS files for compliance with standards
Fix invalid color: lightgreen

git-svn-id: c52cc2d16e5f9a756d75322768fad4210e6c57b0@4400 f329d543-caf0-0310-9063-dda96c69346f


table.gxaFormGrid {
    border-width: 2px;
}

table.gxaFormGrid label {
    font-weight: bold;
}

table.gxaFormGrid td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.gxaHomeSearchActionButtons input.ui-button {
    min-width: 80px;
}

table.gxaFormGrid {
    border-width: 2px;
}

table.gxaFormGrid label {
    font-weight: bold;
}

table.gxaFormGrid td {
    padding-top: 2px;
    padding-bottom: 2px;
}

table.gxaFormGrid #organism {
    height: 30px;
}

.gxaHomeSearchActionButtons input.ui-button {
    min-width: 80px;
}

Align height of organism select in front page


/*
* Element: Input fields
*/

/*Setting document variables*/
:root{
    --input-text-color: var(--color-text);
    --input-background-color: var(--color-white);
    --input-background-color-disabled: var(--color-gray);
    --input-border-color: var(--color-gray-light);
    --input-font-family: var(--base-font-family);
}

.input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1;
    font-family: var(--input-font-family);
    color: var(--input-text-color);
    background-color: var(--input-background-color);
    background-image: none; /* Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214*/
    border: 1px solid var(--input-border-color);
    border-radius: 4px;
    vertical-align: bottom;

    &:focus {outline: 0;}
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

Clear the 'X' from IE & Chrome

Clear the 'X' from IE & Chrome

in search input fields


/* Clean up unnecessary elements from 'Sign In' pages. */

header .header_links {
    display: none !important;
}

#page {
    min-height: 0 !important;
}

#page_contents {
    padding-bottom: 0 !important;
}

#page_contents > .align_center:last-child {
    display: none !important;
}

/* Remove Switch Team & Logout menu items. */

#menu #add_team {
    display: none !important;
}

#menu #logout {
    display: none !important;
}

#menu_items > .divider:nth-last-child(2) {
    display: none !important;
}

/* Remove Teams & Launch button. */

header .header_nav #team_switcher {
    display: none !important;
}

header .header_nav a[href='/messages'] {
    display: none !important;
}

/* Clean up unnecessary elements from 'Sign In' pages. */

header .header_links {
    display: none !important;
}

#page {
    min-height: 0 !important;
}

#page_contents {
    padding-bottom: 0 !important;
}

#page_contents > .align_center:last-child {
    display: none !important;
}

/* Remove Switch Team & Logout menu items from 'Messages' page. */

#menu #add_team {
    display: none !important;
}

#menu #logout {
    display: none !important;
}

#menu_items > .divider:nth-last-child(2) {
    display: none !important;
}

/* Remove Teams & Launch button from 'Team Settings' page. */

header .header_nav #team_switcher {
    display: none !important;
}

header .header_nav a[href='/messages'] {
    display: none !important;
}

Add consistent comments to CSS overrides


body {
  background-color: #F9F5FC;
}

.container {
  background-color: #F1EEFA;
  border: 0.5em solid #AAF;
  box-shadow: 0.25em 0.25em 0.25em #444;
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  width: 60em;
}

#tetris-grid {
  border: 1px solid #DAA;
}
#tetris-preview {
  border: 1px solid #AAD;
  display: block;
  margin-bottom: 29px;
}
#tetris-table {
  border: 1px solid #ADA;
  display: block;
}

body {
  background-color: #F9F5FC;
}

.container {
  background-color: #F1EEFA;
  border: 0.5em solid #AAF;
  box-shadow: 0.25em 0.25em 0.25em #444;
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  width: 60em;
}

#element-description {
  border: 1px solid #DDA;
}
#tetris-grid {
  border: 1px solid #DAA;
}
#tetris-preview {
  border: 1px solid #AAD;
  display: block;
}
#tetris-table {
  border: 1px solid #ADA;
  display: block;
}

Add styling for description element

Add styling for description element


/* Red border on invalid fields/cells */
.text-input:invalid {
    -fx-text-box-border: red;
    -fx-focus-color: red;
}
.list-cell:invalid {
    -fx-text-box-border: red;
    -fx-focus-color: red;
}

/* Make the scrollbar bigger */
#logs-table .scroll-bar .thumb,
#logs-table .scroll-bar .increment-button,
#logs-table .scroll-bar .decrement-button {
    -fx-padding: 5px;
}

/* Remove blue highlight on tables */
.table-view:focused {
    -fx-background-color: transparent ,-fx-box-border,-fx-control-inner-background;
    -fx-background-insets: -1.4, 0, 1;
    -fx-background-radius: 1.4, 0, 0;
    /*....*/
    -fx-padding: 1; /* 0.083333em; */
}

/* Remove blue highlight on lists */
.list-view:focused {
    -fx-background-color: transparent ,-fx-box-border,-fx-control-inner-background;
    -fx-background-insets: -1.4, 0, 1;
    -fx-background-radius: 1.4, 0, 0;
    /*....*/
    -fx-padding: 1; /* 0.083333em; */
}

Remove blue highlight on focused lists and tables

Resolves:
https://github.com/joffrey-bion/fx-log/issues/2


:global(span .ui.labeled.button){
  --fontSize: 0.85rem;

  .vote-button, .vote-count {
    font-size: var(--fontSize);
  }

  .vote-button {
    padding: 0.5rem 0.9rem;
  }

  .vote-count {
    padding: 0.5rem;
  }
}

:global(span .ui.labeled.button){
  --fontSize: 0.85rem;

  .vote-button, .vote-count {
    font-size: var(--fontSize);
  }

  .vote-button {
    padding: 0.5rem 0.9rem;
  }

  .vote-count {
    padding: 0.5rem;
    cursor: default;
  }
}

Remove cursor: pointer from vote count label


/* Copyright (C) 2016 ncph Authors
 * This file is free software: You can redistribute it and/or modify it under
 * the terms of the GNU AGPLv3 or later. See COPYING for details. */
html,
body {
  height: 100%;
  margin: 0;
}

body {
  align-items: center;
  background: #000;
  display: flex;
  flex-direction: column;
  font-family: monospace;
  justify-content: center;
}

#vid {
  width: 100%;
}

button {
  background-color: #fff;
  border: none;
  border-radius: 12px;
  box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, .3);
  font: bold 12px sans-serif;
  text-transform: uppercase;
  margin: auto;
  padding: 8px;
  opacity: 0.58;
}

#topleft {
  position: absolute;
  top: 40px;
  left: 40px;
}

#topright {
  position: absolute;
  top: 40px;
  right: 40px;
}

/* Copyright (C) 2016 ncph Authors
 * This file is free software: You can redistribute it and/or modify it under
 * the terms of the GNU AGPLv3 or later. See COPYING for details. */
html,
body {
  height: 100%;
  margin: 0;
}

body {
  align-items: center;
  background: #000;
  display: flex;
  flex-direction: column;
  font-family: monospace;
  justify-content: center;
}

#vid {
  width: 100%;
}

button {
  background-color: #fff;
  border: none;
  border-radius: 12px;
  box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, .3);
  font: bold 12px sans-serif;
  text-transform: uppercase;
  margin: auto;
  padding: 8px;
  opacity: 0.58;
}

#topleft {
  position: absolute;
  top: 24px;
  left: 24px;
}

#topright {
  position: absolute;
  top: 24px;
  right: 24px;
}

css: Move buttons further towards screen edges.


#calculator {
  width: 450px;
  height: 300px;
  margin: 30px auto;
  border-spacing: 0;
  border-collapse: collapse;
}

#calculator th {
  width: 100%;
  padding: 4px 8px;
  vertical-align: middle;
  border: 1px solid silver;
}

#calculator td {
  width: 25%;
  text-align: center;
  border: 1px solid silver;
}

#calculator td:hover {
  background-color: whitesmoke;
}

#result {
  width: 100%;
  padding: 0;
  text-align: right;
  font-size: 1.5em;
  border: 0;
}

@media screen and (max-width: 500px) {
  html, body, #calculator_app {
    height: 100%;
    margin: 0px;
  }

  #calculator {
    height: 100%;
    width: 100%;
    margin: 0px;
  }

  #calculator th {
    height: 25%;
  }
}

#calculator {
  width: 450px;
  height: 300px;
  margin: 30px auto;
  border-spacing: 0;
  border-collapse: collapse;
}

#calculator th {
  width: 100%;
  padding: 4px 8px;
  vertical-align: middle;
  border: 1px solid silver;
}

#calculator td {
  width: 25%;
  text-align: center;
  border: 1px solid silver;
}

#calculator td:hover {
  background-color: whitesmoke;
}

#result {
  width: 100%;
  padding: 0;
  text-align: right;
  font-size: 1.5em;
  border: 0;
}

@media screen and (min-device-width: 0px) and (max-device-width: 1023px) {
  html, body, #calculator_app {
    height: 100%;
    margin: 0px;
  }

  #calculator {
    height: 100%;
    width: 100%;
    margin: 0px;
  }

  #calculator th {
    height: 25%;
  }
}

Use device-width to support mobile

Use device-width to support mobile


.datepicker > div > table > thead th {
  background: none;
  padding: 0%;
}

.calendar-form {
  /*margin-top: 12px;*/
  font-size: 12px;
  color: #73879C;
  font-family: Roboto-Medium;
}

.calendar-title {
  margin-right: 10px;
  margin-top: 17px;
}

.date-input {
  width: 100px;
  text-align: center;
  height: 23px;
  border: 2px #73879C solid;
}

.go-button {
  height: 25px;
  color: #FFFFFF;
  background: #73879C;
  padding-top: 3px;
}

.datepicker > div > table > thead th {
  background: none;
  padding: 0%;
}

.calendar-form {
  /*margin-top: 12px;*/
  font-size: 12px;
  color: #73879C;
  font-family: Roboto-Medium;
}

.calendar-title {
  margin-right: 10px;
  margin-top: 17px;
}

.date-input {
  width: 100px;
  text-align: center;
  height: 23px;
  border: 2px #73879C solid;
}

.go-button {
  height: 22px;
  color: #FFFFFF;
  background: #73879C;
  padding-top: 2px;
  padding-bottom: 19px;
  border: 1px #73879C solid;
}

Modify css to 'GO' button

Modify css to 'GO' button


/* Foundation hacks */
.row{
	max-width:inherit;/* Expand to full browser width instead of 960px */
}
.top-bar input{	/* Issue filed at github */
	height:auto;
	padding-top:.35rem;
	padding-bottom:.35rem;
}
nav.top-bar .has-dropdown .button{ /* Needs testing */
	top:0;
}

/* End Foundation hacks */

#search-bar{
}
#search-bar i{
	padding:6px;
}
/* Card block */
li.card a{
	margin:2px;
	padding:5px;
	border: 1px solid #eaeaea;
	display: block;
}
li.card a:hover{
	border: 1px solid #ddd;
}

/* Foundation hacks */
.row{
	max-width:inherit;/* Expand to full browser width instead of 960px */
}
.top-bar input{	/* Issue filed at github */
	height:auto;
	padding-top:.35rem;
	padding-bottom:.35rem;
}
nav.top-bar .has-dropdown .button{ /* Needs testing */
	top:0;
}

/* End Foundation hacks */

/* Card block */
li.card a{
	margin:2px;
	padding:5px;
	border: 1px solid #eaeaea;
	display: block;
}
li.card a:hover{
	border: 1px solid #ddd;
}

Add github link in footer, Remove search button from search bar


/* still picked up by assistive technologies thanks to aria-describedby */
.amp-story-order-controls .amp-story-controls-description {
	display: none;
}

.amp-story-order-controls-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.amp-story-order-controls-wrap .components-icon-button {
	display: block;
	align-self: start;
	text-align: center;
	color: inherit;
}

.amp-story-order-controls-wrap .components-icon-button svg {
	display: block;
	margin: 0 auto;
}

.wp-block [draggable="true"]:hover {
	cursor: grab;
}

/* The editable area of the Text block shouldn't have cursor: grab. */
.wp-block[data-type="amp/amp-story-text"] .editor-rich-text__editable:hover,
.wp-block[data-type="core/quote"] .editor-rich-text__editable:hover {
	cursor: default;
}

/* still picked up by assistive technologies thanks to aria-describedby */
.amp-story-order-controls .amp-story-controls-description {
	display: none;
}

.amp-story-order-controls-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.amp-story-order-controls-wrap .components-icon-button {
	display: block;
	align-self: start;
	text-align: center;
	color: inherit;
}

.amp-story-order-controls-wrap .components-icon-button svg {
	display: block;
	margin: 0 auto;
}

.wp-block [draggable="true"] {
	-webkit-user-select: auto;
}

.wp-block [draggable="true"]:hover {
	cursor: grab;
}

/* The editable area of the Text block shouldn't have cursor: grab. */
.wp-block[data-type="amp/amp-story-text"] .editor-rich-text__editable:hover,
.wp-block[data-type="core/quote"] .editor-rich-text__editable:hover {
	cursor: default;
}

Apply Miina's idea of using a -webkit style rule

Before, it wasn't possible to type in any draggable
element in Safari,
meaning the Text block wasn't usable.
So use Miina's idea of -webkit-user-select
for the [draggable] element that wraps the blocks


#quick-format-dialog {
	background: transparent;
	padding: 0;
}

#quick-format-search {
	background: white;
	padding: 2px 2px 2px 0;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	-moz-appearance: none;
}

#quick-format-dialog {
	background: transparent;
	-moz-appearance: none;
	padding: 0;
}

#quick-format-search:not([multiline="true"]) {
	height: 28px !important;
}

#quick-format-entry {
	background: -moz-linear-gradient(-90deg, rgb(243,123,119) 0, rgb(180,47,38) 50%, rgb(156,36,27) 50%);
	padding: 10px;
}

#quick-format-entry:not([square="true"]) {
	-moz-border-radius: 15px;
}

#zotero-icon {
	margin: 2px 0 0 2px;
	-moz-appearance: none;
}

body {
	line-height: 1.65em;
}

body[multiline="true"] {
	padding-bottom: 2px;
}

#quick-format-dialog {
	background: transparent;
	padding: 0;
}

#quick-format-search {
	background: white;
	padding: 2px 2px 2px 0;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	-moz-appearance: none;
}

#quick-format-dialog {
	background: transparent;
	-moz-appearance: none;
	padding: 0;
}

#quick-format-search:not([multiline="true"]) {
	height: 28px !important;
}

#quick-format-entry {
	background: -moz-linear-gradient(-90deg, rgb(243,123,119) 0, rgb(180,47,38) 50%, rgb(156,36,27) 50%);
	padding: 10px;
}

#quick-format-entry:not([square="true"]) {
	-moz-border-radius: 15px;
}

#zotero-icon {
	margin: 2px 0 0 3px;
	-moz-appearance: none;
}

body {
	line-height: 1.65em;
}

body[multiline="true"] {
	padding-bottom: 2px;
}

Move icon over by one pixel

Move icon over by one pixel


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

#panel {
  position: absolute;
  top: 5px;
  left: 15px;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  width: 300px;
}

#directions-panel {
  height: 100%;
  float: right;
  width: 390px;
  overflow: auto;
}

#map-canvas {
  margin-right: 400px;
}

#control {
  background: #fff;
  padding: 5px;
  font-size: 14px;
  font-family: Arial;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
}

#route {
  display: inline-block;
  float: left;
  margin-left: 20px;
}

#submit-route {
  display: block;
  clear: both;
  margin: 10px auto;
}

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

#directions-panel {
  height: 100%;
  float: right;
  width: 390px;
  overflow: auto;
}

#map-canvas {
  margin-right: 400px;
}

#control {
  background: #fff;
  padding: 5px;
  font-size: 14px;
  font-family: Arial;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
}

#route {
  display: inline-block;
  float: left;
  margin-left: 20px;
}

#submit-route {
  display: block;
  clear: both;
  margin: 10px auto;
}

Remove unused CSS for panel id

Remove unused CSS for panel id


/**
 * CSS link utilities - Port from SUIT CSS
 * Source: https://github.com/suitcss/utils-link
 *
 */

/**
 * Clean link
 *
 * A link without any text-decoration at all.
 */

.u-linkClean,
.u-linkClean:hover,
.u-linkClean:focus,
.u-linkClean:active {
  text-decoration: none !important;
}

/**
 * Link complex
 *
 * A common pattern is to have a link with several pieces of text and/or an
 * icon, where only one piece of text should display the underline when the
 * link is the subject of user interaction.
 *
 * Example HTML:
 *
 *
 *   Link complex
 *   target
 *
 */

.u-linkComplex,
.u-linkComplex:hover,
.u-linkComplex:focus,
.u-linkComplex:active {
  text-decoration: none !important;
}

.u-linkComplex:hover .u-linkComplexTarget,
.u-linkComplex:focus .u-linkComplexTarget,
.u-linkComplex:active .u-linkComplexTarget {
  text-decoration: underline !important;
}

/**
 * Block-level link
 *
 * Combination of traits commonly used in vertical navigation lists.
 */

.u-linkBlock,
.u-linkBlock:hover,
.u-linkBlock:focus,
.u-linkBlock:active {
  display: block !important;
  text-decoration: none !important;
}

Add credit where it's due

Add credit where it's due


.priceBarometer {
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

.priceBarometerImage {
    display: block;
    margin: 0 auto -48px auto;
    width: 368px;
}

.priceBarometerGraph {
    height: 120px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 1920px;
}

.priceBarometerText {
    composes: underlineA from '_template.module.css';
    margin: 0 auto 2rem auto;
    max-width: 480px;
    padding: 0 1rem;
}

.heading {
    composes: heading from '../index.module.css';
}

.priceBarometerText p {
    margin-bottom: 0.5rem;
}

.priceBarometer {
    overflow-x: hidden;
    padding-top: 192px;
    position: relative;
    width: 100%;
}

.priceBarometerImage {
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 368px;
}

.priceBarometerGraph {
    height: 120px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 1920px;
}

.priceBarometerText {
    composes: underlineA from '_template.module.css';
    margin: 0 auto 2rem auto;
    max-width: 480px;
    padding: 0 1rem;
}

.heading {
    composes: heading from '../index.module.css';
}

.priceBarometerText p {
    margin-bottom: 0.5rem;
}

Fix Barometer layout on small screens

Fix Barometer layout on small screens


/*
    Sample-specific CSS would go here, but to make your
    application easier to maintain, you should try to
    minimize the use of custom CSS.
*/

.moon .moon-header, .moon .moon-panel-body, .moon .moon-item {
    color: white;
}

Revert "GF-6535: text color changed"

Revert "GF-6535: text color changed"

This reverts commit d8ffa5eb21f49b04834e171feb349769f33c5d70.


.zci--js_minify .js_minify--wrap {
    margin-bottom: 1.5em;
}

.zci--js_minify textarea {
    font-family: 'monospace';
}

.zci--js_minify .btn {
    cursor: default;
}

.zci--js_minify .js_minify--action_box button {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/* Mobile */
.is-mobile .zci--js_minify .js_minify--action_box {
    text-align: center;
}

.is-mobile .zci--js_minify .js_minify--action_box button {
    height: 2.5em;
}

.zci--js_minify .js_minify--wrap {
    margin-bottom: 1.5em;
}

.zci--js_minify textarea {
    font-family: 'monospace';
}

.zci--js_minify .btn {
    cursor: default;
}

.zci--js_minify .js_minify--action_box button {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/* Mobile */
.is-mobile .zci--js_minify .js_minify--action_box {
    text-align: center;
}

.is-mobile .zci--js_minify textarea {
    resize: vertical;
}

.is-mobile .zci--js_minify .btn {
    height: 2.5em;
}

Disable horizontal resize on mobile

Disable horizontal resize on mobile


html {
  background-image:url(chrome://theme/theme_ntp_background?$1);
  background-color:$2;
  background-position:$3;
  background-repeat:$5;
  overflow:hidden;
}

html[bookmarkbarattached='true'] {
  background-position:$4;
}

html {
  background-image: url(chrome://theme/theme_ntp_background?$1);
  background-color: $2;
  background-position: $3;
  background-repeat: $5;
  height: 100%;
  overflow: auto;
  background-attachment: fixed;
}

html[bookmarkbarattached='true'] {
  background-position: $4;
}

Make themes in the incognito NTP which are bottom-aligned attach to the bottom of the screen, rather than the bottom of the text box.

BUG= http://crbug.com/21543
TEST= Install "Folders" theme. Open incognito window.  Observe that NTP background looks the same as it doesn in normal mode.

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

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


@charset "UTF-8";

@font-face {
  font-family: "neurotechx";
  src:url("fonts/neurotechx.eot");
  src:url("fonts/neurotechx.eot?#iefix") format("embedded-opentype"),
    url("fonts/neurotechx.woff") format("woff"),
    url("fonts/neurotechx.ttf") format("truetype"),
    url("fonts/neurotechx.svg#neurotechx") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "neurotechx" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "neurotechx" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-neurotechx-vector:before {
  content: "\78";
}

@charset "UTF-8";

@font-face {
  font-family: "neurotechx";
  src:url("../fonts/neurotechx.eot");
  src:url("../fonts/neurotechx.eot?#iefix") format("embedded-opentype"),
    url("../fonts/neurotechx.woff") format("woff"),
    url("../fonts/neurotechx.ttf") format("truetype"),
    url("../fonts/neurotechx.svg#neurotechx") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "neurotechx" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "neurotechx" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-neurotechx-vector:before {
  content: "\78";
}

Edit folder path to the Fonts folder

Edit folder path to the Fonts folder


/* Place jumbotron in the center of the screen, with slight transparency. */
.jumbotron {
  background-color: rgba(255, 255, 255, 0.8);
  left: 50%;
  padding: 5%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

#title {
  font-size: 10vh;
  margin: 0;
}

#subtitle {
  color: var(--SLURP-GRAY);
  font-size: 3vh;
  opacity: 50%;
}

#landing-description {
  color: var(--SLURP-BLUE);
  font-size: 2vh;
  margin: 2em 0;
}

#logo-and-button {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

#logo-landing {
  height: 33vh;
}

/* Place jumbotron in the center of the screen, with slight transparency. */
.jumbotron {
  background-color: rgba(255, 255, 255, 0.8);
  left: 50%;
  padding: 3%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

#title {
  font-size: 10vh;
  margin: 0;
}

#subtitle {
  color: var(--SLURP-GRAY);
  font-size: 3vh;
  opacity: 50%;
}

#landing-description {
  color: var(--SLURP-BLUE);
  font-size: 2vh;
  margin: 2em 0;
}

#logo-and-button {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

#logo-landing {
  width: 55%;
}

Use width instead of height for logo and change jumbotron padding


/**
 * Kanji Flashcard Review
 *
 * VUE REFACTORING
 *
 *   This stylesheet may eventually move to a "flashcard page" Vue component, which
 *   will contain KoohiiFlashcard component.
 *
 *   This component would handle layout out the card, progress bar, buttons etc.
 *   for desktop / mobile. This is more complex and easy to break.
 *
 */

/* ------ these will eventually move to Vue components ----- */

/* =require "/revtk/components/EditStoryComponent.css" */
/* =require "/revtk/components/EditKeywordDialog.css" */
/* =require "/revtk/components/EditFlashcardDialog.css" */

/* ------ the rest moved to  KoohiiFlashcard.vue ----------- */

/**
 * Kanji Flashcard Review
 *
 * VUE REFACTORING
 *
 *   This bundle remains until Edit Story dialog, Edit Keyword, etc. become
 *   Vue components.
 *
 *   All the styles moved to KoohiiFlashcard.vue component. Ideally they need
 *   to go into a "flashcard review page" parent component. But for now the
 *   point is that these will be part of a webpack bundle for the Flashcard
 *   Review page.
 *
 *   In retrospect I moved these styles too early since the following make
 *   this bundle still necessary...
 *
 */

/* =require "/revtk/components/EditStoryComponent.css" */
/* =require "/revtk/components/EditKeywordDialog.css" */
/* =require "/revtk/components/EditFlashcardDialog.css" */

Clarify comments in "kanji-flashcardreview " js bundle, which is still required


th.sort-header::-moz-selection { background: transparent; }

th.sort-header::selection { background: transparent; }

th.sort-header {
  cursor: pointer;
}

th.sort-header::-moz-selection,
th.sort-header::selection {
  background: transparent;
}

table th.sort-header::after {
  content: '';
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #404040 transparent;
  visibility: hidden;
}

table th.sort-header:hover::after {
  visibility: visible;
}

table th.sort-up::after,
table th.sort-down::after,
table th.sort-down:hover::after {
  visibility: visible;
  opacity: 0.4;
}

table th.sort-up::after {
  border-bottom: none;
  border-width: 4px 4px 0;
}

th[role=columnheader]:not(.no-sort) {
	cursor: pointer;
}

th[role=columnheader]:not(.no-sort):after {
	content: '';
	float: right;
	margin-top: 7px;
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: #404040 transparent;
	visibility: hidden;
	opacity: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

th[aria-sort=ascending]:not(.no-sort):after {
	border-bottom: none;
	border-width: 4px 4px 0;
}

th[aria-sort]:not(.no-sort):after {
	visibility: visible;
	opacity: 0.4;
}

th[role=columnheader]:not(.no-sort):hover:after {
	visibility: visible;
	opacity: 1;
}

Use CSS from tables from 5.0.0

Use CSS from tables from 5.0.0


.sc-translatable-editor .se-editor {
  display: flex;
}

.sc-translatable-editor .se-editor > .sc-surface,
.sc-translatable-editor .se-editor > .sc-text-model-editor {
  flex: 1;
}

.sc-translatable-editor .se-editor > .se-remove {
  width: 10px;
  margin-left: 10px;
  cursor: pointer;
}

.sc-translatable-editor .se-editor {
  display: flex;
}

.sc-translatable-editor .se-editor > *:first-child {
  flex: 1;
}

.sc-translatable-editor .se-editor > .se-remove {
  width: 10px;
  margin-left: 10px;
  cursor: pointer;
}

Fix style for translatable editor.

Fix style for translatable editor.