body, html {
    overflow: hidden;
}

#simulator-tab-view {
    display: none;
}

#editor-tab-view {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#asm-editor {
    padding: 5px;
    width: 100%;
    height: 88vh;
    font-family: Courier New, Courier, monospace;
}

.section {
    padding: 0rem 1.5rem;
}

#mc-column {
    width: 20%;
}

#oc-column {
    width: 80%;
}

#program-listing {
    height: 80vh;
    font-family: Courier New, Courier, monospace;
}

#program-listing-body {
    overflow: auto;
}

#program-listing-container {
    min-height: 80vh;
    max-height: 80vh;
    overflow-y: scroll;
}

body, html {
    overflow: hidden;
}

#simulator-tab-view {
    display: none;
}

#editor-tab-view {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#asm-editor {
    padding: 5px;
    width: 100%;
    height: 88vh;
    font-family: Courier New, Courier, monospace;
}

.section {
    padding: 0rem 1.5rem;
}

#mc-column {
    width: 20%;
}

#oc-column {
    width: 80%;
}

#program-listing {
    font-family: Courier New, Courier, monospace;
}

#program-listing-body {
    overflow: auto;
    height: 100%;
}

#program-listing-container {
    min-height: 60vh;
    max-height: 60vh;
    overflow-y: scroll;
}

Fix table taking too much height

Fix table taking too much height


#main {
	width: 70%;
}
#side {
	width: 20%;
}

#main {
	width: 70%;
}
#side {
	width: 25%;
}

Increase width of side to 25%

Increase width of side to 25%


#mapid {
    width:600px;
    height:400px;
}

#mapid {
    width:600px;
    height:400px;
    z-index:10;
}
@media screen and (max-width: 768px) {
  #mapid  {
    width:92vw;
    height:300px;
  }
}

Edit z-index + scaling leaflet

Edit z-index + scaling leaflet


#element {
	background-color: #F9F9F9;
	border: 1px solid #000;
	color: #000;
	float: left;
	height: 60px;
	margin: 50px;
	padding: 10px;
	width: 60px;
}

.myClass {
	background-color: #C6D880;
	border: 3px dashed #000;
	font-size: 20px;
	height: 50px;
	padding: 20px;
	width: 300px;
}

#actions {
	float: right;
	width: 190px;
}
	#actions LI, #reset {
		color: blue;
		cursor: pointer;
		line-height: 18px;
		text-decoration: underline;
	}
	#actions LI:HOVER, #reset:HOVER {
		text-decoration: none;
	}

#reset {
	font-size: 10px;
	margin: 30px 0 0;
}

#element {
	background-color: #F9F9F9;
	border: 1px solid #000;
	color: #000;
	float: left;
	height: 60px;
	margin: 50px;
	padding: 10px;
	width: 60px;
}

.myClass {
	background-color: #C6D880;
	border: 3px dashed #000;
	font-size: 20px;
	height: 50px;
	padding: 20px;
	width: 300px;
}

#actions {
	float: right;
	width: 190px;
}
	#actions LI, #reset {
		color: #6B7B95;
		cursor: pointer;
		line-height: 18px;
		text-decoration: underline;
	}
	#actions LI:HOVER, #reset:HOVER {
		color: #E79D35;
		text-decoration: none;
	}

#reset {
	font-size: 10px;
	margin: 30px 0 0;
}

Tweak to link colour, prevents eye-bleed


/**
 * AngularJS stopwatch directive
 *
 * @author Hein Bekker <hein@netbek.co.za>
 * @copyright (c) 2015 Hein Bekker
 * @license http://www.gnu.org/licenses/agpl-3.0.txt AGPLv3
 */

.stopwatch {
    display: block;
	font-size: 5em;
	line-height: 1em;
}

.stopwatch-clock {
	display: inline-block;
	position: relative;
    width: 1em;
    height: 1em;
	margin: 0;
	padding: 0;
}

.stopwatch-face {
	display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    border-radius: 50%;
    box-sizing: border-box;
}

.stopwatch-hand {
	display: block;
    position: absolute;
	width: 2px;
    height: 25%;
    left: 50%;
    top: 25%;
	margin-left: -1px;
	background-color: #000;
    -webkit-transform-origin: 1px 100%;
	-moz-transform-origin: 1px 100%;
	-o-transform-origin: 1px 100%;
    transform-origin: 1px 100%;
}

Change spaces to tabs in stylesheet

Change spaces to tabs in stylesheet


/* Global Styles */

:root {
  font-size: 14px;
}

@media (--breakpoint-medium) {
  :root {
    font-size: 16px;
  }
}

address,
blockquote,
form,
fieldset,
figure,
dl,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
table {
  margin: 0;
  padding: 0;
  font: inherit;
}

address,
blockquote,
form,
fieldset,
figure,
dl,
ol,
ul,
p,
pre,
table {
  margin-bottom: 1rem;
}

dt,
li {
  margin-bottom: 0.5rem;
}

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

a:hover {
  color: var(--light-blue);
}

/* Global Styles */

address,
blockquote,
form,
fieldset,
figure,
dl,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
table {
  margin: 0;
  padding: 0;
  font: inherit;
}

address,
blockquote,
form,
fieldset,
figure,
dl,
ol,
ul,
p,
pre,
table {
  margin-bottom: 1rem;
}

dt,
li {
  margin-bottom: 0.5rem;
}

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

a:hover {
  color: var(--light-blue);
}

Remove font-size reduction for small screens


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

.root {
  composes: contentContainer from 'app/styles/utilities.css';
}

.heading {
  color: #777;
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.eventItem {
  padding-left: 20px;
  border-left: 4px solid transparent;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}

.eventItemTitle {
  color: #333;
  font-weight: 700;
  margin: 0;
  word-break: break-word;
}

.eventGroup {
  margin-bottom: 40px;
}

.eventTime {
  color: #777;
}

.companyLogo {
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.companyLogo img {
  min-width: 120px;
  height: 80px;
  object-fit: cover;
}

.bottomBorder {
  margin-top: 40px;
  border-top: 1px solid #ddd;
}

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

.root {
  composes: contentContainer from 'app/styles/utilities.css';
}

.heading {
  color: #777;
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.eventItem {
  padding-left: 20px;
  border-left: 4px solid transparent;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}

.eventItemTitle {
  color: #333;
  font-weight: 700;
  margin: 0;
  word-break: break-word;
}

.eventGroup {
  margin-bottom: 40px;
}

.eventTime {
  color: #777;
}

.companyLogo {
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.companyLogo img {
  min-width: 120px;
  height: 80px;
  object-fit: contain;
}

.bottomBorder {
  margin-top: 40px;
  border-top: 1px solid #ddd;
}

Use object-fit: contain in event list

Use object-fit: contain in event list


@font-face {
  font-family: 'foo';
  src: url(//foo.bar) format("woff2"); }

Fix failing todo spec test (fix missing linefeed)


body {
    margin-top: 4em;
}
#button-header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-bottom: 3px;
    padding-left: 3px;
    /* height: 3em;*/
    background-color: #aaaaaa;
    overflow: hidden;
}

.hidden {
    display: none;
}

#message-header {
    display: none;
}

#form-data {
    /*display : block;*/
    position: fixed;
    top: 0px;
    left: 0px;
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 4em;
    font-family: monospace;
    white-space: pre;
    border: 2px solid black;
    overflow: hidden;
    height: auto;
    background-color: #eeeeee;
}

form :invalid {
  box-shadow: 0 0 5px 1px red;
}

form :focus:invalid {
  outline: none;
}

form fieldset:invalid {
    box-shadow: none;
}

#button-header.valid {
    background-color: #a8e8a8;
}

body {
    margin-top: 4em;
}
#button-header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-bottom: 3px;
    padding-left: 3px;
    /* height: 3em;*/
    background-color: #aaaaaa;
    border-bottom: 1px solid #888888;
    overflow: hidden;
}

.hidden {
    display: none;
}

#message-header {
    display: none;
}

#form-data {
    /*display : block;*/
    position: fixed;
    top: 0px;
    left: 0px;
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 4em;
    font-family: monospace;
    white-space: pre;
    border: 2px solid black;
    overflow: hidden;
    height: auto;
    background-color: #eeeeee;
}

form :invalid {
  box-shadow: 0 0 5px 1px red;
}

form :focus:invalid {
  outline: none;
}

form fieldset:invalid {
    box-shadow: none;
}

#button-header.valid {
    background-color: #a8e8a8;
}

Add border on bottom of button bar

Add border on bottom of button bar

This looks cleaner and makes it more obvious that the rest of the form
scrolls beneath the header bar.


html {
  font-family: "freight-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 38em) {
  html {
    font-size: 19px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

code,
pre {
  font-family: "source-code-pro", Menlo, Monaco, "Courier New", monospace;
}

code {
  font-size: 0.8rem;
}

pre {
  font-size: 0.75rem;
}

Make text in code blocks a little smaller


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

#container {
  margin: 0;
  padding: 0;
  margin-top: 10%;
  width: 100%;
  height: 100%;
  text-align: center;
}

#profile-pic-wrapper {
  padding-left: 50px;
}

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

#bio {
  text-align: left;
  margin-top: 50px;
  padding-right: 205px;
}

div.contrib-legend, div.contrib-footer {
  display: none;
}

.calendar {
  min-height: 130px !important;
  border: none !important;
}

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

#container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

#splash {
  padding-top: 10%;
}

#profile-pic-wrapper {
  padding-left: 50px;
}

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

#bio {
  text-align: left;
  margin-top: 50px;
  padding-right: 205px;
}

div.contrib-legend, div.contrib-footer {
  display: none;
}

.calendar {
  min-height: 130px !important;
  border: none !important;
}

Remove erroneous whitespace in footer

Remove erroneous whitespace in footer


body {color:#000; font-size:100%;} /* necessary so other size changes have correct effect */

a.admin:link {color:#4B80F2; text-decoration:none;}
a.admin:visited {color:#4B80F2; text-decoration:none;}
a.admin:hover {color:#99B9FF; text-decoration:none;}

.feedlink {font-size:1.0em; color:#A68700; text-decoration:none;}

.largefeedlink {font-size:1.1em; color:#A68700; text-decoration:none;}

a.read_link:link {font-size:1.1em; color:#4B80F2; text-decoration:none;}
a.read_link:visited {font-size:1.1em; color:#AAA; text-decoration:none;}
a.read_link:hover {font-size:1.1em; color:#99B9FF; text-decoration:none;}

a.peek:link {font-size:1.1em; color:#099; text-decoration:none;}
a.peek:visited {font-size:1.1em; color:#099; text-decoration:none;}
a.peek:hover {font-size:1.1em; color:#0BB; text-decoration:none;}

.item {font-size:1em; margin-top:15px;}

form.newfeed {width:30em}

body {color:#000; font-size:100%;} /* necessary so other size changes have correct effect */

a.admin:link {color:#4B80F2; text-decoration:none;}
a.admin:visited {color:#4B80F2; text-decoration:none;}
a.admin:hover {color:#99B9FF; text-decoration:none;}

.feedlink {font-size:1.0em; color:#A68700; text-decoration:none;}

.largefeedlink {font-size:1.1em; color:#A68700; text-decoration:none;}

a.read_link:link {font-size:1.1em; color:#4B80F2; text-decoration:none;}
a.read_link:visited {font-size:1.1em; color:#AAA; text-decoration:none;}
a.read_link:hover {font-size:1.1em; color:#99B9FF; text-decoration:none;}

a.peek:link {font-size:1.1em; color:#099; text-decoration:none;}
a.peek:visited {font-size:1.1em; color:#099; text-decoration:none;}
a.peek:hover {font-size:1.1em; color:#0BB; text-decoration:none;}

.item {margin-top:15px;}

form.newfeed {width:30em}

Revert "Fix mobile display bug."

Revert "Fix mobile display bug."

This reverts commit 886d6c44599cf22ae08931898d591be795d603f8.


/** @define Icon */

.Icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  max-width: 100%;
  user-select: none;
  vertical-align: text-bottom;
}

Add newline at the end of the file

Add newline at the end of the file


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

.root {
  composes: paragraph from 'part:@sanity/base/theme/typography/text-blocks-style';
  text-transform: none;
  white-space: wrap;
  overflow-wrap: anywhere;

  @nest div[class~='pt-list-item-inner'] > & {
    margin: 0;
  }
}

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

.root {
  composes: paragraph from 'part:@sanity/base/theme/typography/text-blocks-style';
  text-transform: none;
  white-space: wrap;
  overflow-wrap: anywhere;
  margin: 0;

  @nest div[class~='pt-list-item-inner'] > & {
    margin: 0;
  }
}

Reduce spacing between PT diff elements

[field] Reduce spacing between PT diff elements


table {
  border-collapse: collapse;
  text-align: center;
}

td, th {
  border: 1px solid #000;
  height: 80px;
  width: 80px;
}

thead {
  color: #fff;
  background-color: #000
}

table {
  border-collapse: collapse;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
}

td, th {
  border: 1px solid #000;
  height: 80px;
  width: 80px;
}

td#freespace {
  background-color: #ddd;
}

thead {
  color: #fff;
  background-color: #000;
  font-size: 2em;
}

Make it a little prettier :lipstick:

Make it a little prettier :lipstick:


.strikethrough {
  text-decoration:line-through
}

li{
  padding: .2em;

}

.newtask li{
  color: red;
  font-style: italic;
}

Add styling for newtask live entry

Add styling for newtask live entry


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

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

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

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

Add url() function around the namespace URI.


.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
  padding: unset;
  flex-grow: 1;
}

.plot-widget {
  min-width: 500px;
}
.ant-card-body a{
  color: #1890ff;
}

Make links for missing input files more obvious


.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
  padding: 0px 5px;
}

@media (min-width: 1200px) {
  #map-container {
    min-width: 1000px;
  }
}

.plot-widget {
  min-width: 500px;
}

.plot-widget .x_panel {
  height: 100%;
  min-height: 500px;
}

#map-container .x_panel{
  padding: 15px;
}

#map-container .x_panel .x_content{
  height: 100%;
}

#map-div {
  height: 100%;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
  padding: 0px 5px;
  flex-grow: 1;
}

@media (min-width: 1200px) {
  #map-container {
    min-width: 1000px;
  }
}

.plot-widget {
  min-width: 500px;
}

.plot-widget .x_panel {
  height: 100%;
  min-height: 500px;
}

#map-container .x_panel{
  padding: 15px;
}

#map-container .x_panel .x_content{
  height: 100%;
}

#map-div {
  height: 100%;
}

Allow plot widget to grow

Allow plot widget to grow


body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 20px;
}

.element {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  padding: 3px 6px;
  border-width: 0;
  border-style: solid;
  border-radius: 4px;
  color: #333;
}

.File:hover {
  background-color: #ffdf85;
}

.Folder__name {
  display: inline-block;
  font-weight: bold;
}

.Folder__name:hover {
  background-color: #a8d8ff;
}

.Folder__content {
  margin-left: 20px;
}

.TreeView {
  padding: 6px;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.TreeView {
  user-select: none;
}

.drop-zone {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  z-index: 1;
  opacity: 0.4;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 20px;
}

.element {
  position: relative;
  cursor: pointer;
  padding: 3px 6px;
  border-width: 0;
  border-style: solid;
  border-radius: 4px;
  color: #333;
}

.File:hover {
  background-color: #ffdf85;
}

.Folder__name {
  font-weight: bold;
}

.Folder__name:hover {
  background-color: #a8d8ff;
}

.Folder__content {
  margin-left: 20px;
}

.TreeView {
  padding: 6px;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.TreeView {
  user-select: none;
}

.drop-zone {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  z-index: 1;
  opacity: 0.4;
}

Update styles of interactive elements

Update styles of interactive elements


body {
  background-color: #333;
}

.outer-container {
  background-color: #f1f1f1;
  background: white;
  margin: 0 auto;
  padding: 0;
}

.main.container {
  padding-left: 3em;
  padding-right: 3em;
}

.navbar {
  margin-left: 0;
  width: 100%;
}

.group {
  padding: 6px;
}

.header {
  padding: 4px;
}

.line {
  font-family: monospace;
}

.warning .msg {
  background: #ffff77;
}

.error .msg {
  background: #ff7777;
}

footer {
  margin-top: 10px;
  padding: 10px;
  background: #F8F8F8;
  border-top: 1px solid #E7E7E7;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

body {
  background-color: #333;
}

.outer-container {
  background-color: #f1f1f1;
  background: white;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

.main.container {
  padding-left: 3em;
  padding-right: 3em;
}

.navbar {
  margin-left: 0;
  width: 100%;
}

.group {
  padding: 6px;
}

.header {
  padding: 4px;
}

.line {
  font-family: monospace;
}

.warning .msg {
  background: #ffff77;
}

.error .msg {
  background: #ff7777;
}

footer {
  margin-top: 10px;
  padding: 10px;
  background: #F8F8F8;
  border-top: 1px solid #E7E7E7;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

Tweak forms for less wasted vertical space


.dip .pip .mcp .palm .finger_label {
	position: absolute;
}

.dip .pip .mcp {
	width: 30px;
	height: 30px;
}

.finger_label {
	font-family: arial;
	font-size: 12px;
}

body {
	background-image: url("images/leap.png");
	background-position: center;
	background-repeat: no-repeat;
}

.dip .pip .mcp .palm .finger_label {
	position: absolute;
}

.dip .pip .mcp {
	width: 30px;
	height: 30px;
}

.finger_label {
	font-family: arial;
	font-size: 12px;
}

body {
	background-image: url("images/leap.png");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment:fixed;
}

Make the leap.png truly centered.

Make the leap.png truly centered.


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

.table > thead > tr > th,
.table > tbody > tr > th {
  font-weight: 700;
}

.table > thead > tr > th {
  text-transform: uppercase;
  font-size: 0.8em;
}

.table th,
.table td {
  padding: 0.25em;
}

.table > thead > tr > th {
  border-bottom: 1px solid rgb(127, 127, 127);
}

.table .center {
  text-align: center;
}

.table .right {
  text-align: right;
}

.table .td-yes {
  text-align: center;
  background-color: #87d37c;
  color: white;
  border: 1px solid white;
}
.table .td-yes::before {
  content: "✓ ";
}

.table .td-no {
  text-align: center;
  background-color: #df5454;
  color: white;
  border: 1px solid white;
}
.table .td-no::before {
  content: "✘ ";
}

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

.table-zebra > tbody > tr:nth-child(even) {
  background-color: transparent;
}

.table-zebra > tbody > tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.table > thead > tr > th,
.table > tbody > tr > th {
  font-weight: 700;
}

.table > thead > tr > th {
  text-transform: uppercase;
  font-size: 0.8em;
}

.table th,
.table td {
  padding: 0.25em;
}

.table > thead > tr > th {
  border-bottom: 1px solid rgb(127, 127, 127);
}

.table .center {
  text-align: center;
}

.table .right {
  text-align: right;
}

.table .td-yes {
  text-align: center;
  background-color: #87d37c;
  color: white;
  border: 1px solid white;
}
.table .td-yes::before {
  content: "✓ ";
}

.table .td-no {
  text-align: center;
  background-color: #df5454;
  color: white;
  border: 1px solid white;
}
.table .td-no::before {
  content: "✘ ";
}

.table .tr-empty td {
  background-color: #eee;
  color: #666;
  text-align: center;
  font-style: italic;
  padding: 1em;
}

Add a few table styles for BPCS

Add a few table styles for BPCS


@import "fyndiq-styles-colors/colors.css";

.wrapper {
  width: 475px;
  margin-top: 20vh;
  padding: 24px 35px;
}

.icon {
  display: block;
  width: 38px;
  height: 38px;
  margin: 0 auto 25px;
}

.wrapper--info {
  & .icon {
    fill: var(--color-blue);
    stroke: var(--color-blue);
  }
}

.wrapper--success {
  & .icon {
    fill: var(--color-green);
    stroke: var(--color-green);
  }
}

.wrapper--warning {
  & .icon {
    fill: var(--color-orange);
    stroke: var(--color-orange);
  }
}

.title {
  display: block;
  font-size: 16px;
  line-height: 2;
}

.footer {
  display: flex;
  justify-content: flex-end;
  padding: 25px 0 0;
}

@import "fyndiq-styles-colors/colors.css";

.wrapper {
  width: 475px;
  margin-top: 20vh;
  padding: 24px 35px;

  /* Specificity is increased artificially */
  & .icon {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto 25px;
  }
}

.wrapper--info {
  & .icon {
    fill: var(--color-blue);
    stroke: var(--color-blue);
  }
}

.wrapper--success {
  & .icon {
    fill: var(--color-green);
    stroke: var(--color-green);
  }
}

.wrapper--warning {
  & .icon {
    fill: var(--color-orange);
    stroke: var(--color-orange);
  }
}

.title {
  display: block;
  font-size: 16px;
  line-height: 2;
}

.footer {
  display: flex;
  justify-content: flex-end;
  padding: 25px 0 0;
}

Fix specificity problem for icon

:bug: Fix specificity problem for icon


@import "../palette.css";

.container {
  position: relative;
  margin: 10px 0 30px;
  border-bottom: 1px solid rgba(255, 255, 255, .19);
  overflow: hidden;
}

.subContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  & a { /* Tab */
    text-align: center;
    font-weight: var(--fontWeightLight);
    font-size: 15px;
    color: var(--primaryTextColor);
    padding: 10px 14px 16px;
    border-bottom: 2px solid transparent;
    flex-grow: 1;

    &:hover {
      color: var(--colorMutedLight);
    }

    &[disabled] {
      pointer-events: none;
      color: var(--colorMuted);
    }

    @media only screen and (max-width: 768px) {
      padding-left: 10px;
      padding-right: 10px;
    }
  }

  & .chosen {
    display: inline-block;
    border-color: var(--primaryLinkColor);
    color: color(var(--colorMuted) lightness(85%));
  }

  @media only screen and (max-width: 1439px) {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
}

@import "../palette.css";

.container {
  position: relative;
  margin: 10px 0 30px;
  border-bottom: 1px solid rgba(255, 255, 255, .19);
  overflow: hidden;
}

.subContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  & a { /* Tab */
    text-align: center;
    font-weight: var(--fontWeightLight);
    font-size: 15px;
    color: var(--primaryTextColor);
    padding: 10px 12px 16px;
    border-bottom: 2px solid transparent;
    flex-grow: 1;

    &:hover {
      color: var(--colorMutedLight);
    }

    &[disabled] {
      pointer-events: none;
      color: var(--colorMuted);
    }

    @media only screen and (max-width: 768px) {
      padding-left: 10px;
      padding-right: 10px;
    }
  }

  & .chosen {
    display: inline-block;
    border-color: var(--primaryLinkColor);
    color: color(var(--colorMuted) lightness(85%));
  }

  @media only screen and (max-width: 1439px) {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
}

Fix tabs changing padding for screen widths >=1440px


/* Fix to enable Ember actions
 * http://stackoverflow.com/a/17490775/227176
 */
.select-picker .btn-group .dropdown-menu li a {
  cursor: pointer;
}

.select-picker .btn-group .dropdown-menu li.selected a span.check-mark {
  position:   absolute;
  display:    inline-block;
  top:        inherit;
  right:      10px;
  margin-top: 5px;
}

.select-picker .dropdown-menu {
  padding-right: 5px;
  padding-left:  5px;
  overflow-y:    auto;
  max-height:    400px;
}

.select-picker .select-all-none {
  margin-top: 5px;
}

.select-picker .select-all-none button {
  width:      50%;
  text-align: center;
}

Fix iPhone touch event bug

Fix iPhone touch event bug

On iPhone click events based on `$(document)` (which I believe Ember
uses for triggering component actions) do not work unless the clickable
part is explicitly set to `cursor: pointer` in the CSS.

Reference: http://stackoverflow.com/a/17490775/227176


article.content .content-footer>* * {
    color: var(--secondary-text-color);
}

article.content .content-footer .content-control-list *:not([class~=hub-btn]),
article.content .content-footer>*>*:not(.content-control-list) {
    color: var(--secondary-text-color);
}

Update styles for footer text color to only apply font color to text that are not hub-btn's


.wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  /* This makes the labels be on one side and the form elements on the other and allows setting a common width */
  justify-content: space-between;
}

.label {
  margin: 0;
  margin-bottom: .5em;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: lowercase;
  color: #818395;
}

.activeLabel {
  color: #008cba;
  text-transform: uppercase;
}

/*
  Edge case: There is a problem with the autoresize mechanism of <AutosizeTextarea />.
  If the stylesheets aren't loaded yet then the height of the textarea is going to wrong.
*/
.input {
  width: 75%;
  margin: 0;
  margin-bottom: .5em;
  border: 0;
  font-family: "Space Mono", monospace;
  font-size: 1em;
  letter-spacing: 3px;
  resize: none;
}

.input:focus {
  /* The no-outline-problem is solved via JS (see .activeLabel) */
  outline: 0;
}

.input::selection {
  color: #fff;
  background: #008cba;
}

.wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  /* This makes the labels be on one side and the form elements on the other and allows setting a common width */
  justify-content: space-between;
}

.label {
  margin: 0;
  margin-bottom: .5em;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: lowercase;
  color: #818395;
  cursor: default;
}

.activeLabel {
  color: #008cba;
  text-transform: uppercase;
}

/*
  Edge case: There is a problem with the autoresize mechanism of <AutosizeTextarea />.
  If the stylesheets aren't loaded yet then the height of the textarea is going to wrong.
*/
.input {
  width: 75%;
  margin: 0;
  margin-bottom: .5em;
  border: 0;
  font-family: "Space Mono", monospace;
  font-size: 1em;
  letter-spacing: 3px;
  resize: none;
}

.input:focus {
  /* The no-outline-problem is solved via JS (see .activeLabel) */
  outline: 0;
}

.input::selection {
  color: #fff;
  background: #008cba;
}

Change cursor for editfield labels to default


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

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

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

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

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

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

a:visited {
  color: white;
}

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

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

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

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

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

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

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

a:visited {
  color: white;
}

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

Update spacing to universal views

Update spacing to universal views


@media (min-width: 992px) {
	.nav-users {
		position: fixed;
	}
}
.remove-account-container {
	display: inline-block;
	position: relative;
}
.btn-remove-account {
	top: 10px;
	right: 10px;
	position: absolute;
}

.login-form-bg {
	background-color: white;
	border: 15px solid;
	border-radius: 15px;
	border-color: white;
	margin-top: 50px;
}

Update as Day 7 Style LoginPage, previous no code update for Day5 not Day7


/* MAIN-COLOR: #2F4070*/
/* HEADER-COLOR: #f4deff*/

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

.wrapper {
  display: flex;
  flex-flow: column;
}

.ember-view {
  width: 100%; height: 100%;
}

#mapNav {
  width: 100%;
  /*height: 35px;*/
  flex: 0 1 35px;
  background: #2F4070;
  color: #f4deff;
  line-height: 1.1;
  font-weight: 700;
  padding: 5px;

}

#mapWrapper {
  /*width: 100%;
  height: 100%;*/
  flex: 1 1 auto;
}

#map {
  height: 100%;
  width: 100%;
}

#controlPanelWrapper {
   background: #fff;
   height: 63%;
   bottom: 0;
   width: 100%;
   padding: 0;
   margin: 0 auto;
}

.size-xl {
  font-size: 22px;
}

/* MAIN-COLOR: #2F4070*/
/* HEADER-COLOR: #f4deff*/

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

.wrapper {
  display: flex;
  flex-flow: column;
}

.ember-view {
  width: 100%; height: 100%;
}

#mapNav {
  width: 100%;
  /*height: 35px;*/
  flex: 0 1 35px;
  background: #2F4070;
  color: #f4deff;
  line-height: 1.1;
  font-weight: 700;
  padding: 5px;

}

#mapWrapper {
  /*width: 100%;
  height: 100%;*/
  flex: 1 1 auto;
}

#map {
  height: 100%;
  width: 100%;
}

#controlPanelWrapper {
   background: #fff;
   height: 75%;
   bottom: 0;
   width: 100%;
   padding: 0;
   margin: 0 auto;

   /* Flex! Cool stuff. */
   display: flex;
   flex-flow: column;
}

#arrowPointerWrapper {
  flex: 0 1 33px;
  background: orange;
}

#controlPanel {
  background: lightblue;
  flex: 1 1 auto;
}

.size-xl {
  font-size: 22px;
}

Set up the constraints for the control panel layout


/* Reset font size changed by Mapbox CSS */
.map {
  font-size: medium;  /* fallback for Internet Explorer */
  font: initial;
}

Reset font size changed by Mapbox CSS

Reset font size changed by Mapbox CSS


ul.rounded li em {
    display: block;
    font-size: 14px;
    font-style: normal;
    color: #444;
    width: 50%;
    line-height: 14px;
}

#main .inRegister {
    text-align: center;
    font-size: larger;
}

#jqt .button.left {
    left: 6px;
    right: auto;
}

#jqt ul.order li {
    text-align: center;
}

ul.rounded li em {
    display: block;
    font-size: 14px;
    font-style: normal;
    color: #444;
    width: 50%;
    line-height: 14px;
}

#jqt .button.left {
    left: 6px;
    right: auto;
}

#jqt ul.order li {
    text-align: center;
}

Remove stray css rule for inRegister

Remove stray css rule for inRegister

Signed-off-by: Bas Westerbaan <1d31d94f30d40df7951505d1034e1e923d02ec49@fsfe.org>


html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #181818;
	color: #ffffff;
}
A:link, A:visited, A:active {
	color: #ffffff;
	text-decoration: none;
}
A:hover {
	color: #ffffff;
	text-decoration: underline;
}
img.arrow {
	border: 0px;
	vertical-align: text-top;
}
img {
	border-color: #ffffff;
}
img.selected {
	border-width: 8px;
}

#title {
	text-align: center;
}
#thumbs {
	padding: 0 0 4px 0;
	text-align: center;
}
#content {
	text-align: center;
}
#preload {
	display: none;
}

#menu_l {
	float: left;
}
#menu_r {
	float: right;
}

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #181818;
	color: #ffffff;
}
A:link, A:visited, A:active {
	color: #ffffff;
	text-decoration: none;
}
A:hover {
	color: #ffffff;
	text-decoration: underline;
}
img.arrow {
	border-width: 0px;
	vertical-align: text-top;
}
img {
	border: solid 2px #ffffff;
}
img.selected {
	border-width: 8px;
}

#title {
	text-align: center;
}
#thumbs {
	padding: 0 0 4px 0;
	text-align: center;
}
#content {
	text-align: center;
}
#preload {
	display: none;
}

#menu_l {
	float: left;
}
#menu_r {
	float: right;
}

Fix border CSS for webkit

Fix border CSS for webkit


/* ==========================================================================
   Base
   ========================================================================== */

/**
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications. Removes the default spacing and border for
 * appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

iframe {
    border: 0;
}

ol,
ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */

[tabindex="-1"]:focus {
  outline: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications. Removes the default spacing and border for
 * appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

iframe {
    border: 0;
}

ol,
ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */

[tabindex="-1"]:focus {
  outline: none !important;
}

Add `!important` to the tabindex rule

Add `!important` to the tabindex rule

This style should apply irrespective of the specificity of other rules,
e.g., `:focus` rules applied in SUIT components.


.search-form {
  display: flex;
  font-size: 1.3em;
  text-align: center;
  flex-direction: row;
}

.textual {
  flex: 1;
}

.calendar {
  flex: 0;
}

.DayPicker-Day {
  background-color: transparent;
  transition: background-color 100ms linear;
}

.DayPicker-Day:hover,
.DayPicker-Day:focus {
  background-color: #f3f3f3;
  outline: none;
}

.DayPicker-Day--outside:hover {
  background-color: transparent !important;
}

.DayPicker-Month {
  margin-left: 0;
  margin-right: 0;
}

.DayPicker-Weekday abbr {
  text-decoration: none;
}

.DayPicker-Caption {
  line-height: 1.5rem;
}

.DayPicker-NavButton {
  opacity: .6;
  transition: opacity 100ms linear;
  outline: none;
}

.DayPicker-NavButton:hover,
.DayPicker-NavButton:focus {
  opacity: 1;
}

.search-form {
  display: flex;
  font-size: 1.3em;
  text-align: center;
  flex-direction: row;
}

.textual {
  flex: 1;
}

.calendar {
  flex: 0;
}

@media (max-width: 35em) {
  .search-form {
    flex-direction: column;
  }
}

.DayPicker-Day {
  background-color: transparent;
  transition: background-color 100ms linear;
}

.DayPicker-Day:hover,
.DayPicker-Day:focus {
  background-color: #f3f3f3;
  outline: none;
}

.DayPicker-Day--outside:hover {
  background-color: transparent !important;
}

.DayPicker-Month {
  margin-left: 0;
  margin-right: 0;
}

.DayPicker-Weekday abbr {
  text-decoration: none;
}

.DayPicker-Caption {
  line-height: 1.5rem;
}

.DayPicker-NavButton {
  opacity: .6;
  transition: opacity 100ms linear;
  outline: none;
}

.DayPicker-NavButton:hover,
.DayPicker-NavButton:focus {
  opacity: 1;
}

Move calendar under search form on small screens


.card {
  overflow: hidden;
  margin-bottom: 10px;
  max-height: 290px;
  width: 240px;
  cursor: pointer;
}

.cardImage {
  width: 240px;
  height: 135px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cardsGrid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.card {
  overflow: hidden;
  margin-bottom: 10px;
  max-height: 290px;
  width: 240px;
  cursor: pointer;
  margin-left: 15px;
}

.cardImage {
  width: 240px;
  height: 135px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cardsGrid {
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
}

Fix alignment of entry cards

Fix alignment of entry cards


Remove relative position from body.

Remove relative position from body.


html {
  font-family: 'Roboto', sans-serif;
  font-weight: medium;
  overflow-x: hidden;
  color: rgba(0,0,0,0.71);
}
body {
  background-color: #F5F5F5;
}

nav {
  background-color: #673AB7;
}

table tr td {
  vertical-align: top;
}

.nav-wrapper {
  padding-left: 15px;
}
.content {
  background-color: #FFFFFF;
}

.page-title {
  background-color: #B39DDB;
  color: white;
}

.section {
  padding: 15px;
}

.tracker-description {
  color: #757575;
  font-size: 12px;
  font-style: italic;
}

div.tag-color {
  margin: 0px 6px 0 0;
  width: 20px;
  height: 20px;
  float: left;
  text-decoration: none;
  border-radius: 3px;
  background-color: grey;
}

@media only screen and (max-width: 992px) {
  .container {
    width: 100%;
  }
}

Remove .container margin on short display


#prompt-overlay {
  /* display: none; set directly in html
     for easier js manipulation */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.5);
}

#prompt-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  margin: auto;
  width: 70%;
  height: auto;
  min-height: 500px;
  max-height: 70%;

  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 30px #000;
}

#prompt {
  overflow: scroll;
}

#prompt input[type="text"] {
  margin: 10px 30px 0 5px;
  width: 80px;
}

#prompt a[class="button"] {
  display: inline-block;
  margin: 10px;
}

#prompt-close-button {
  float: right;
  text-decoration: none;
  color: #000;
  font-size: 1.3em;
  font-weight: bold;
}

#prompt-overlay {
  /* display: none; set directly in html
     for easier js manipulation */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.65);
}

#prompt-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  margin: auto;
  width: 70%;
  height: auto;
  min-height: 500px;
  max-height: 70%;

  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 30px #000;
}

#prompt {
  overflow: scroll;
}

#prompt input[type="text"] {
  margin: 10px 30px 0 5px;
  width: 80px;
}

#prompt a[class="button"] {
  display: inline-block;
  margin: 10px;
}

#prompt-close-button {
  float: right;
  text-decoration: none;
  color: #000;
  font-size: 1.3em;
  font-weight: bold;
}

Make the prompt background darker

Make the prompt background darker


.buttons.runFilterViewer button.delete {
  display: none;
}

.buttons.runFilterViewer button.filter {
  border-radius: 0.29rem;
}

.buttons.runFilterViewer button.filter {
  border-radius: 0.29rem 0 0 0.29rem;
}

.runFilters:hover .buttons.runFilterViewer button.delete {
  display: block;
}

.ui.button.orButton {
  display: none;
}

.runFilters:hover .ui.button.orButton {
  display: inline;
}

.ui.button.andButton {
  display: none;
}

.runFilters:hover .ui.button.andButton {
  display: inline;
}

.runFiltersEmpty .ui.button.andButton {
  display: inline;
}

.buttons.runFilterViewer button.delete {
  display: none;
}

.buttons.runFilterViewer button.filter {
  border-radius: 0.29rem;
}

.runFilters:hover .buttons.runFilterViewer button.filter {
  border-radius: 0.29rem 0 0 0.29rem;
}

.runFilters:hover .buttons.runFilterViewer button.delete {
  display: block;
}

.ui.button.orButton {
  display: none;
}

.runFilters:hover .ui.button.orButton {
  display: inline;
}

.ui.button.andButton {
  display: none;
}

.runFilters:hover .ui.button.andButton {
  display: inline;
}

.runFiltersEmpty .ui.button.andButton {
  display: inline;
}

Fix filter border radius when not hovering


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

BUG=none
TEST=visual

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

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


.palette-box {
    width: 100%;
    height: 60px;
    padding: 5%;
}
.container-full .jumbotron {
    background-color: rgba(0, 0, 0, 0);
    color: #FFF;
}
.container-full {
    background: #204762;
}

#side-menu .affix {
    width: 200px;
    top: 10px;
}
li, p {
    font-size: 15px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, .nav-pills>li .nav>li.active>a, .nav-pills>li .nav>li.active>a:hover, .nav-pills>li .nav>li.active>a:focus {

    color: #337AB7;
    background-color: inherit;
    font-weight: bold;
    background: #f8f8f8;
}
.nav-pills>li .nav>li>a {
    font-size: 12px;
}

.nav>li>a {
    padding: 4px 15px;
}

.palette-box {
    width: 100%;
    height: 60px;
    padding: 5%;
}
.container-full .jumbotron {
    background-color: rgba(0, 0, 0, 0);
    color: #FFF;
}
.container-full {
    background: #204762;
}

#side-menu .affix {
    width: 200px;
    top: 10px;
}
li, p {
    font-size: 15px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, .nav-pills>li .nav>li.active>a, .nav-pills>li .nav>li.active>a:hover, .nav-pills>li .nav>li.active>a:focus {

    color: #337AB7;
    background-color: inherit;
    font-weight: bold;
    background: #f8f8f8;
}
.nav-pills>li .nav>li>a {
    font-size: 12px;
    padding-left: 25px;
}

.nav>li>a {
    padding: 4px 15px;
}

.box {
    border: 1px solid #eee;
    width: 300px;
    background: #f8f8f8;
}

Adjust sub navigation and add temp box class


html {
  background-color: #F4F5F8;
  color: #333333;
  font-family: 'Space Mono', monospace;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
  counter-reset: act;
}

body {
  margin: 0;
  width: 100vw;
  height: 100vh;
}

div[data-reactroot] {
  height: 100%;
}

#root {
  width: 100%;
  height: 100%;
}

@keyframes backgroundColor {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #F4F5F8;
  }
}

html {
  background-color: #F4F5F8;
  color: #333333;
  font-family: 'Space Mono', monospace;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
  counter-reset: act;
  overflow-x: hidden;
}

body {
  margin: 0;
  width: 100vw;
  height: 100vh;
}

div[data-reactroot] {
  height: 100%;
}

#root {
  width: 100%;
  height: 100%;
}

@keyframes backgroundColor {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #F4F5F8;
  }
}

Add overflow-x: hidden; to <html>

Add overflow-x: hidden; to <html>


.topbar{
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 80px;
    z-index: 9;
    transition: 0.3s;
}

.hide{
    top: -80px;
}

.show {
    top: 0px;
}

.topbar{
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 80px;
    z-index: 120;
    transition: 0.3s;
}

.hide{
    top: -80px;
}

.show {
    top: 0px;
}

Fix stack order issues of TextEditor with other Mooskin element of absolute position.


/* Firefox userContent.css */

@-moz-document url("about:privatebrowsing") {
  /* Minimize Private Browsing tab. */
  html.private #search-banner,
  html.private .showPrivate {
    display: none !important;
  }
  .promo {
    display: none !important;
  }
  html.private body {
    background-image:
      url("chrome://global/skin/icons/indicator-private-browsing.svg"),
      url("chrome://browser/skin/indicator-private-browsing.svg") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 48px;
  }
}

/* Firefox userContent.css */

@-moz-document url("about:privatebrowsing") {
  /* Minimize Private Browsing tab. */
  html.private #search-banner,
  html.private .showPrivate {
    display: none !important;
  }
  .promo {
    display: none !important;
  }
  html.private body {
    background-image:
      url("chrome://global/skin/icons/indicator-private-browsing.svg"),
      url("chrome://browser/skin/indicator-private-browsing.svg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 48px !important;
  }
}

Add missing `!important` to CSS

firefox: Add missing `!important` to CSS


#container{
    overflow: scroll;
    width: 80%;
    margin: auto;
    padding: 20px;
    border: 5px solid #666;
    background: white;
}

body{
    background: #14a914;
    font-family: Arial, serif;
}

#header{
	font-size: 48px;
}

.italic{
    font-style: italic;
    font-family: Arial;
}

#footer{
	padding: 30px;
}

h3{
	font-size: 28px
}

h4{
	font-size: 28px;
}

.week1{
    width: 20%;
    margin: auto;
    padding: 5px;
    border: 2px solid #666;
    background: #fff000;
    display: inline-block;
    line-height: 30px;
}

.week2{
    width: 20%;
    margin: auto;
    padding: 5px;
    border: 2px solid #666;
    background: #fff000;
    display: inline-block;
    line-height: 30px;
}

img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#container{
    overflow: scroll;
    width: 80%;
    margin: auto;
    padding: 20px;
    border: 5px solid #666;
    background: #ADADAD;
}

body{
    background: #14a914;
    font-family: Arial, serif;
}

#header{
	font-size: 48px;
}

.italic{
    font-style: italic;
    font-family: Arial;
}

#footer{
	padding: 30px;
}

h3{
	font-size: 28px
}

h4{
	font-size: 28px;
}

.week1{
    width: 20%;
    margin: auto;
    padding: 5px;
    border: 2px solid #666;
    background: #fff000;
    display: inline-block;
    line-height: 30px;
}

.week2{
    width: 20%;
    margin: auto;
    padding: 5px;
    border: 2px solid #666;
    background: #fff000;
    display: inline-block;
    line-height: 30px;
}

img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

Edit background color back to original

Edit background color back to original


a.filterbar{
	font-family: 'Nobile', sans-serif;
}

h5 {
	font-size: 18px;
}

.col-xs-12{
    padding-top: 10px;
    margin-bottom: 0px;
	font-weight: 700;
}

#filter-bg {
}

a.filterbar{
	font-family: 'Nobile', sans-serif;
}

h5 {
	font-size: 18px;
	letter-spacing: 1px;
	color: #707070;
	padding-top: 20px;
}

.col-xs-12{
    padding-top: 10px;
    margin-bottom: 0px;
	font-weight: 700;
	padding-top: 15px;
}

Revert "try out different styling of filter bar"

This reverts commit a50a9dd559c7724164a20c23697f143e091235af.

Conflicts:
	website/static/css/custom-filter.css


.playing-bar {
  -webkit-app-region: no-drag;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.playing-bar__cover {
  width: 60px;
  flex: 0 0 auto;
}

.playing-bar__queue {
  -webkit-app-region: no-drag;
  width: 60px;
  flex: 0 0 auto;
  position: relative;
}

.queue-toggle {
  color: inherit;
  border: 0;
  background: transparent;
  font-size: 14px;
  box-shadow: none;
}

.queue-container {
  display: none;
  position: absolute;
  z-index: 1000;
  text-align: left;
  right: 0;
  top: 26px;

  &.is-open {
    display: block;
  }
}

.playing-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.playing-bar__cover {
  width: 60px;
  flex: 0 0 auto;
}

.playing-bar__queue {
  -webkit-app-region: no-drag;
  width: 60px;
  flex: 0 0 auto;
  position: relative;
}

.queue-toggle {
  color: inherit;
  border: 0;
  background: transparent;
  font-size: 14px;
  box-shadow: none;
}

.queue-container {
  display: none;
  position: absolute;
  z-index: 1000;
  text-align: left;
  right: 0;
  top: 26px;

  &.is-open {
    display: block;
  }
}

Fix some regions of the header not being draggable


div.col-lg-2, div.col-md-2, div.col-sm-3 {
  float:right;
}

@media (max-width: 575px) {
  div.col-xs-0 {
    display: none;
  }
}

div.col-lg-2, div.col-md-2, div.col-sm-3 {
  float:right;
  margin-top: 0.75rem;
}

@media (max-width: 575px) {
  div.col-xs-0 {
    display: none;
  }
}

Add margin on right menu

Add margin on right menu


.command-logger {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #1e1e1e;
  color: #eee;
  overflow: auto;
  z-index: 99;
  padding: 20px;
}

.command-logger .category-header {
  text-align: center;
  padding-bottom: 10px;
}

.command-logger .tree-map {
  margin: auto;
  position: relative;
  width: 960px;
  height: 700px;
  background-color: #efefef;
  border: 1px solid #999;
}

body.command-logger-node-text {
  background-color: transparent;
}

.command-logger-node-text div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.command-logger-node-text span {
  font-size: 10px;
  color: #fff;
  text-shadow: #000 1px 1px 4px;
}

.command-logger {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #1e1e1e;
  color: #eee;
  overflow: auto;
  z-index: 99;
  padding: 20px;
}

.command-logger .category-header {
  text-align: center;
  padding-bottom: 10px;
}

.command-logger .tree-map {
  margin: auto;
  position: relative;
  width: 960px;
  height: 700px;
  background-color: #efefef;
  border: 1px solid #999;
}

body.command-logger-node-text {
  background-color: transparent;
}

.command-logger-node-text div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.command-logger-node-text span {
  font-size: 10px;
  color: #fff;
  text-shadow: #000 1px 1px 4px;
  -webkit-user-select: none;
}

Disable text selections inside nodes

Disable text selections inside nodes


.micrograph, .sad-face, .correct {
  height: 35px;
  width: 35px;
  margin: auto;
}

.sad-face img {
  height: 20px;
  width: 20px;
  margin-top: 25%;
}

.user-response {
  background-color: green;
  width: 50%;
  float: left;
  position: relative;
  margin-bottom: 0;
}

.somm-response {
  background-color: blue;
  width: 50%;
  float: left;
  position: relative;
  margin-bottom: 0;
}

.results {
  width: 100%;
}

.results td {
  text-align: center;
  line-height: 35px;
}

.micrograph, .sad-face, .correct, .observation {
  height: 35px;
  width: 35px;
  margin: auto;
}

.sad-face img {
  height: 20px;
  width: 20px;
  margin-top: 25%;
}

.user-response {
  background-color: green;
  width: 50%;
  float: left;
  position: relative;
  margin-bottom: 0;
}

.somm-response {
  background-color: blue;
  width: 50%;
  float: left;
  position: relative;
  margin-bottom: 0;
}

.results {
  width: 100%;
}

.results td {
  text-align: center;
  line-height: 35px;
  width: 33%;
}

Set col width size for report table

Set col width size for report table


/*!
 * Villa Framework v2.8.7 (http://getvilla.org/)
 * Copyright 2013-2015 Noibe Developers
 * Licensed under MIT (https://github.com/noibe/villa/blob/master/LICENSE)
*/

/*!
 * Villa Framework v2.8.8 (http://getvilla.org/)
 * Copyright 2013-2015 Noibe Developers
 * Licensed under MIT (https://github.com/noibe/villa/blob/master/LICENSE)
*/

Add Webfonts Exo and Exo 2 Add Webfonts Roboto, Roboto Condensed, mono and slab


@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400");
@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro");

body {
  font-family: "Source Sans Pro", sans-serif;
}

[data-search-box-input] {
  padding-left: 1.5rem !important;
}

Fix addon docs styling of search box

Fix addon docs styling of search box


table {
    background: #EEE;
    border-collapse: separate;
    text-align: left;
}

.board-cell {
    border-right: 1px solid #fff;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e8e8e8;
    transition: all 250ms;
}

.board-cell:hover {
    background-color: #AAA;
}

.clicked {
    background-color: white;
}

#modal button {
    width: 33%;
}

table {
    background: #EEE;
    border-collapse: separate;
    text-align: left;
}

.board-cell {
    border-right: 1px solid #fff;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e8e8e8;
    transition: all 250ms;
}

.board-cell:hover {
    background-color: #AAA;
}

.clicked {
    background-color: white;
}

.clicked:hover {
    background-color: white;
}

#modal button {
    width: 33%;
}

Fix colour change on hover

Fix colour change on hover


/*
Theme Name: Air-light
Theme URI: https://github.com/digitoimistodude/air-light
Author: Digitoimisto Dude Oy
Author URI: https://www.dude.fi
Description: A minimalist WordPress starter theme.
Version: 4.2.8
License: MIT License
License URI: https://github.com/digitoimistodude/air-light/blob/master/LICENSE.md
Text Domain: air-light
Tags: one-column, accessibility-ready, translation-ready
*/

/**
* AIR theme version information
* Last implemented _s commit: 36d551e (Feb 28, 2018)
* Last checked _s commit: f5f3a0a (Apr 6, 2018)
*
* @link https://github.com/Automattic/_s/commits/master
*
* @author Roni Laukkarinen (https://github.com/ronilaukkarinen), Timi Wahalahti (https://github.com/timiwahalahti)
* @version 05.09.2018
* @since 28.01.2016
*/

/*
Theme Name: Air-light
Theme URI: https://github.com/digitoimistodude/air-light
Author: Digitoimisto Dude Oy
Author URI: https://www.dude.fi
Description: A minimalist WordPress starter theme.
Version: 4.2.8
License: MIT License
License URI: https://github.com/digitoimistodude/air-light/blob/master/LICENSE.md
Text Domain: air-light
Tags: one-column, accessibility-ready, translation-ready
*/

/**
* AIR theme version information
* Last implemented _s commit: 36d551e (Feb 28, 2018)
* Last checked _s commit: 9274f32 (May 29, 2018)
*
* @link https://github.com/Automattic/_s/commits/master
*
* @author Roni Laukkarinen (https://github.com/ronilaukkarinen), Timi Wahalahti (https://github.com/timiwahalahti)
* @version 05.09.2018
* @since 28.01.2016
*/

Check the latest _s commit

Check the latest _s commit


body::before, .header{
    background-image: url('/static/img/background.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.header .mdl-navigation__link{
    color: #fff!important;
}

.header .material-icons {
    color: #eee!important;
}

.card-content {
    opacity: .85;
}

.card{
    background-color: #2a2a2a;;
    color:#eee !important;
}
article p span{
    color:#eee !important;
}
.date a {
    color:#eee;
}
pre, pre code{
    background: #aaa;
}
.card ul{
    background-color: #2a2a2a !important;
}

body::before, .header{
    background-image: url('/static/img/background.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.header .mdl-navigation__link{
    color: #fff!important;
}

.header .material-icons {
    color: #eee!important;
}

.card-content {
    opacity: .85;
}

.card{
    background-color: #2a2a2a;;
    color:#eee !important;
}
article p span{
    color:#eee !important;
}
.date a {
    color:#eee;
}

.card ul{
    background-color: #2a2a2a !important;
}

Change stardust theme pre background-color


/*
 * Copyright 2012 - present by OpenGamma Inc. and the OpenGamma group of companies
 * Please see distribution for license.
 */
.OG-analytics-inplace .OG-icon.og-icon-down-chevron {
    background: transparent;
    border: 1px solid #dadcdd;
    cursor: pointer;
    height: 11px;
    left: -2px;
}
.OG-analytics-inplace .ui-layout-content {
    background-color: #F8F8F8;
    box-shadow: 3px 3px 3px #ebebeb;
    -moz-box-shadow: 3px 3px 3px #ebebeb;
    -webkit-box-shadow: 3px 3px 3px #ebebeb;
    height:275px;
}

.OG-analytics-inplace .ui-layout-header {
    background: none;
}

.OG-analytics-inplace .OG-gadgets-container {
    background: none;
    display: none;
    height: 300px;
    margin-left: -1px;
    margin-top: 17px;
    width: 480px;
    position: absolute;
}

.OG-analytics-inplace .OG-gadget-tabs {
    border-top: none;
}

.OG-analytics-inplace .OG-gadget-tabs ul:before {
    height: 0;
}

/* Remove left shadow on tabs to coincide with rest of inplace gadget */
.OG-analytics-inplace .OG-gadget-tabs li.og-active:before {
    background-size: 0 100%, 6px 100%;
}


body {
    background: #fefefe;

    font-family: Sans-Serif;

    line-height: 1.5;
}

form label {
    display: block;
}

header {
    z-index: 1000;

    position: fixed;
    padding: 0.5em;

    text-align: center;

    color: #333;
    border: 0.1em solid #bbb;

    background: #ded;
}

header h1 {
    margin: 0;
}

header .description {
    color: #888;
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.github-fork-ribbon {
    position: fixed;

    letter-spacing: 0.01em;
}

article {
    display: block !important;

    margin-top: 6em;
    margin-left: auto;
    margin-right: auto;

    max-width: 768px;
}

article section {
    margin-bottom: 2em;
}

article h2 {
    margin-top: 2em;
}

textarea {
    width: 100%;
}

pre {
    background: #fafefe;
    padding: 0.5em;
}

body {
    background: #fefefe;

    font-family: Sans-Serif;

    line-height: 1.5;
}

form label {
    display: block;
}

header {
    z-index: 1000;

    position: fixed;
    padding: 0.5em;
    top: 0;

    text-align: center;

    color: #333;
    border: 0.1em solid #bbb;

    background: #ded;
}

header h1 {
    margin: 0;
}

header .description {
    color: #888;
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.github-fork-ribbon {
    position: fixed;

    letter-spacing: 0.01em;
}

article {
    display: block !important;

    margin-top: 6em;
    margin-left: auto;
    margin-right: auto;

    max-width: 768px;
}

article section {
    margin-bottom: 2em;
}

article h2 {
    margin-top: 2em;
}

textarea {
    width: 100%;
}

pre {
    background: #fafefe;
    padding: 0.5em;
}

Add `top: 0;` to header

Add `top: 0;` to header

Now the header should look ok in Firefox.


.weekViewWrapper {
    display: flex;
    /* flex-direction: column; */
}

.weekdayColumn {
    /* text-align: center; */
    /* border-left: 1px solid grey;
    border-right: 1px solid grey; */
    flex: 1;
}

.dayHeader {
    margin-top: 10px;
    text-align: center;
    border-right: 1px solid teal;
    border-bottom: 1px solid teal;
}

.dayHeader:last-child {
    border-right: none;
}

@media (max-width: 500px) {

    .ui.medium.header.day-name {
        font-size: 1em;
    }
}

MODIFY make ui more responsive

MODIFY make ui more responsive


html {
  font-family: "freight-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 38em) {
  html {
    font-size: 19px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

code,
pre {
  font-family: "source-code-pro", Menlo, Monaco, "Courier New", monospace;
}

code {
  font-size: 0.8rem;
}

pre {
  font-size: 0.75rem;
  background-color: white;
  border-left: .25rem solid #e5e5e5;
}

a:hover,
a:focus {
  text-decoration: none;
}

.masthead-title {
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
}

.masthead-title img {
  display: inline;
  float: left;
  border-radius: 50%;
  margin-bottom: 0;
  margin-right: 1rem;
}

footer {
  margin-bottom: 2rem;
}

html {
  font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 38em) {
  html {
    font-size: 19px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

code,
pre {
  font-family: "source-code-pro", Menlo, Monaco, "Courier New", monospace;
}

code {
  font-size: 0.8rem;
}

pre {
  font-size: 0.75rem;
  background-color: white;
  border-left: .25rem solid #e5e5e5;
}

a:hover,
a:focus {
  text-decoration: none;
}

.masthead-title {
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
}

.masthead-title img {
  display: inline;
  float: left;
  border-radius: 50%;
  margin-bottom: 0;
  margin-right: 1rem;
}

footer {
  margin-bottom: 2rem;
}

Change font to Source Sans Pro

Change font to Source Sans Pro


.page-content .product-gallery .profile-buy .button {
	bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	right: 0px;
	width: 94px;
}

.background {
	background: #ba2d00;
	cursor: pointer;
	display: inline-block;
	float: right;
	height: 52px;
	width: 33px;
}

.download {
	color: #fff;
	float: right;
	font-size: 24px;
	font-weight: bold;
	padding-top: 9px;
	text-align: center;
	text-decoration: none;
	width: 33px;
}

.spinner {
	animation: rotate 0.8s infinite linear;
	border: 4px solid #fff;
	border-radius: 50%;
	border-right-color: transparent;
	margin-left: 4px;
	margin-top: 13px;
	height: 17px;
	width: 17px;
}

@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.page-content .product-gallery .profile-buy .button {
	bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	right: 0;
	width: 94px;
}

.background {
	background: #ba2d00;
	cursor: pointer;
	float: right;
	height: 52px;
	width: 33px;
}

.download {
	margin-top: 19px;
	margin-left: 8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 16px solid #fff;
	font-size: 0;
	line-height: 0;
}

.spinner {
	animation: rotate 0.8s infinite linear;
	border: 4px solid #fff;
	border-radius: 50%;
	border-right-color: transparent;
	margin-left: 4px;
	margin-top: 13px;
	height: 17px;
	width: 17px;
}

@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

Switch to download button in pure CSS

Switch to download button in pure CSS


div.container {
    margin-top: 30px;
}
p {
    margin-top: 20px;
    margin-bottom: 20px;
}
h2 {
    padding-top: 7px;
    font-size: 14px;
}
table {
    padding: 10px;
}
#features td {
    padding: 5px;
    border: none;
}
pre {
    padding: 15px;
}
#logo {
    margin: 0px 30px 30px 0px;
}

ul.menu {
    margin-left: 0.5em;
    padding-left: 0.5em;
}
ul.menu li {
    list-style: none;
}
ul.menu li.menu-header {
    margin-top: 1em;
    margin-bottom: 2em;
}
ul.menu li.menu-header>ul {
    margin-top: 1em;
    margin-left: 0em;
    padding-left: 0em;
}
ul.menu li.release>ul {
    margin-left: 1em;
}
ul.menu li.release>ul>li {
    display: inline;
}

div.container {
    margin-top: 30px;
}
p {
    margin-top: 20px;
    margin-bottom: 20px;
}
h2 {
    padding-top: 7px;
    font-size: 14px;
}
table {
    padding: 10px;
}
#features td {
    padding: 5px;
    border: none;
}
pre {
    padding: 15px;
}
#logo {
    margin: 0px 30px 30px 0px;
}

ul.menu {
    margin-left: 0.5em;
    padding-left: 0.5em;
}
ul.menu li {
    list-style: none;
    margin-bottom: .2em;
}
ul.menu li.menu-header {
    margin-top: 1em;
    margin-bottom: 2em;
}
ul.menu li.menu-header>ul {
    margin-top: 1em;
    margin-left: 0em;
    padding-left: 0em;
}
ul.menu li.release>ul {
    margin-left: 1em;
}
ul.menu li.release>ul>li {
    display: inline;
}

Put a little more spacing between menu items


body {
    font-family: sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    color: #000;
    margin: 0;
}

.container {
    max-width: 1000px;
    padding: 30px;
    margin: auto;
}

small {
    font-size: .7em;
    font-weight: normal;
    color: #666;
}

pre {
    padding-left: 20px;
    border-left: solid #888 2px;
}

p code {
    padding: 2px;
    border-radius: 5px;
    background-color: #eee;
}

.entry {
    margin-bottom: 80px;
}

h1.big {
    color: #888;
    margin-bottom: 80px;
    font-size: 3em;
}

h1 a {
    color: inherit;
    text-decoration: inherit;
}

h1 a:hover:after {
    content: ' \2190'
}

body {
    font-family: sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    color: #000;
    margin: 0;
}

.container {
    max-width: 1000px;
    padding: 30px;
    margin: auto;
}

small {
    font-size: .7em;
    font-weight: normal;
    color: #666;
}

pre {
    padding-left: 20px;
    border-left: solid #888 2px;
    font-size: 1em;
}

p code {
    padding: 2px;
    border-radius: 5px;
    background-color: #eee;
}

.entry {
    margin-bottom: 80px;
}

h1.big {
    color: #888;
    margin-bottom: 80px;
    font-size: 3em;
}

h1 a {
    color: inherit;
    text-decoration: inherit;
}

h1 a:hover:after {
    content: ' \2190'
}

Enforce font size in <pre> blocks.

Enforce font size in <pre> blocks.


.thumbnail {
  position: relative;
  display: inline-block;
}

.image-desciption {
  position: absolute;
  left: 0;
  width: 100%;
  color: black;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center
}

.thumbnail {
  position: relative;
  display: inline-block;
}

.image-desciption {
  position: absolute;
  left: 0;
  width: 100%;
  color: black;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center;
  display: none;
}

.thumbnail:hover .image-desciption {
  display: inline-block;
}

Add hover effect to images

Add hover effect to images


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

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

Fix for Admin CSS bug in IE

Fix for Admin CSS bug in IE

No longer includes admin.css in all pages, only when specifically
requested.


* {
   box-sizing: border-box;
}

body {
  color: black;
  font-family: roboto;
  text-align: center;
  margin: 50px;
  padding: 5px;
  border: 2px solid black;
  overflow: auto;
  float: left;
}

.site-title {
  margin-top: 50px;
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 50px;
}

.page-message {
  margin-top: 50px;
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 50px;
}

.contact-info {
  margin-top: 50px;
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 50px;
}

body {
  color: black;
  font-family: roboto;
  text-align: center;
  margin: 50px;
  padding: 5px;
  border: 2px solid black;
  overflow: scroll;
}

.site-title {
  font-family: roboto;
  margin-top: 50px;
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 50px;
}

.page-message {
  margin-top: 50px;
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 50px;
}

.contact-info {
  margin-top: 50px;
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 50px;
}

Revert "added flow to body"

Revert "added flow to body"

This reverts commit 70a5e92afb40ca35b3b32bfc5827345058e5ea1f.


html, body {
  box-sizing: border-box;
  font-family: sans-serif;
  margin: 0;
  padding: 4px;
  height: 100%;
}

.fullpage {
  height: 100%;
}

svg {
  /*margin: auto;*/
}

.hbox, .vbox {
  display: -webkit-flex;
  display: flex;
  /*flex: 1*/
}
.vbox {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.item {
  flex: 1
}

#text-source {
  flex: 1
}

#tapestry-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

html, body {
  box-sizing: border-box;
  font-family: sans-serif;
  margin: 0;
  padding: 4px;
  height: 100%;
}

.fullpage {
  height: 100%;
}

.hbox, .vbox {
  display: -webkit-flex;
  display: flex;
}
.vbox {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.item {
  flex: 1
}

#text-source {
  flex: 1
}

#tapestry-wrapper {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: auto;
}

Change tapestry to align-items: flex-start

Workaround for http://crbug.com/348288


body {
  font-family: sans-serif;
}

#drop-zone {
  text-align: center;
}

#drop-zone .help-label {
  visibility: hidden;
  display: inline-block;
  margin: 0 auto;
  color: #999;
  margin: 1em;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}

#drop-zone.drop-target {
  border: 3px dashed silver;
  background: #ddd;
}

#drop-zone.drop-target .help-label {
  visibility: visible;
}

#drop-zone.dropping {
  background: white;
  border: 3px dashed red;
}

#drop-zone.dropping .help-label {
  visibility: hidden;
}

.file.invisible, .folder.invisible {
  background: #eee;
  /* display: none; */
}

.folder-children {
  padding-left: 1em;
}

.file > header, .folder > header {
  font-family: monospace;
}

.folder > summary {
  font-weight: bold;
}

.folder-children {
  display: none;
}

.open > .folder-children {
  display: block;
}

.folder > header::before {
  content: "▶";
}

.folder.open > header::before {
  content: "▼";
}

Use triangles for folder prefix

Use triangles for folder prefix


:root {
  --screen-medium-break: 32em;
  --screen-medium-break: 40em;
  --screen-large-break: 60em;
  --screen-xlarge-break: 100em;

  @custom-media --max-screen-medium (max-width: 32em);
  @custom-media --max-medium (max-width: 32em);
  @custom-media --screen-medium (min-width: 32em);
  @custom-media --min-medium (min-width: 32em);
  @custom-media --screen-default (min-width: 40em);
  @custom-media --min-default (min-width: 40em);
  @custom-media --screen-large (min-width: 60em);
  @custom-media --min-large (min-width: 60em);
  @custom-media --screen-xlarge (min-width: 100em);
  @custom-media --print(print);
}

:root {
  --screen-medium-break: 32em;
  --screen-medium-break: 40em;
  --screen-large-break: 60em;
  --screen-xlarge-break: 100em;

  @custom-media --max-screen-medium (max-width: 31.9375em);
  @custom-media --max-medium (max-width: 31.9375em);
  @custom-media --screen-medium (min-width: 32em);
  @custom-media --min-medium (min-width: 32em);
  @custom-media --screen-default (min-width: 40em);
  @custom-media --min-default (min-width: 40em);
  @custom-media --screen-large (min-width: 60em);
  @custom-media --min-large (min-width: 60em);
  @custom-media --screen-xlarge (min-width: 100em);
  @custom-media --print(print);
}

[base] Make sure media max-queries do not overlap with min-queries


em
{
	/*
	Person name
	*/
	font-style: italic;
}

strong
{
	/*
	Dynasty name
	*/
	text-decoration: underline;
}

code
{
	/*
	Place and country name. Needs to override font size
	Otherwise, code font will be very small.
	*/
	font-size: 48px;
	font-weight: bold;
}

/*
em = emphasis = Person name
strong = Dynasty name
code = Place and country name.
*/
em, strong, code
{
	/* Override font-style, otherwise the default font-style will be used.
		For example, em will use italic font-style.*/
	font-style: normal;
	text-decoration: underline;
}

code
{
	/*
	Override font size; otherwise, default font-size for code is very small.
	*/
	font-size: 48px;
}

Use underline for all names

Use underline for all names


body {
  font-family: sans-serif;
}

#drop-zone {
  text-align: center;
}

#drop-zone .help-label {
  visibility: hidden;
  display: inline-block;
  margin: 0 auto;
  color: #999;
  margin: 1em;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}

#drop-zone.drop-target {
  border: 3px dashed silver;
  background: #ddd;
}

#drop-zone.drop-target .help-label {
  visibility: visible;
}

#drop-zone.dropping {
  background: white;
  border: 3px dashed red;
}

#drop-zone.dropping .help-label {
  visibility: hidden;
}

.file.invisible, .folder.invisible {
  background: #eee;
  /* display: none; */
}

.folder-children {
  padding-left: 1em;
}

.file, .folder {
  display: list-item;
}

.file > header, .folder > header {
  font-family: monospace;
}

.folder > summary {
  font-weight: bold;
}

body {
  font-family: sans-serif;
}

#drop-zone {
  text-align: center;
}

#drop-zone .help-label {
  visibility: hidden;
  display: inline-block;
  margin: 0 auto;
  color: #999;
  margin: 1em;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}

#drop-zone.drop-target {
  border: 3px dashed silver;
  background: #ddd;
}

#drop-zone.drop-target .help-label {
  visibility: visible;
}

#drop-zone.dropping {
  background: white;
  border: 3px dashed red;
}

#drop-zone.dropping .help-label {
  visibility: hidden;
}

.file.invisible, .folder.invisible {
  background: #eee;
  /* display: none; */
}

.folder-children {
  padding-left: 1em;
}

.file, .folder {
  display: list-item;
  list-style: none;
}

.file:before, .folder:before {
  content: "\25ba\00a0";
}

.file > header, .folder > header {
  font-family: monospace;
}

.folder > summary {
  font-weight: bold;
}

Use triangle for file/folder list items

Use triangle for file/folder list items


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

#legend {
  background-color: rgb(243, 244, 242);
  padding: 10px;
  font-family: 'Lato', sans-serif;
  text-align: left;
  z-index: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
}

#legend, h4 {
  font-size: large;
}

#legend, p {
  font-size: medium;
}

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

#legend {
  background-color: rgb(243, 244, 242);
  padding: 10px;
  font-family: 'Lato', sans-serif;
  text-align: left;
  z-index: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  border-bottom-left-radius: 8px;
}

#legend, h4 {
  font-size: large;
}

#legend, p {
  font-size: medium;
}

Add rounded corner to legend

Add rounded corner to legend


.pace-progress {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000000;

  height: 3px;
  background-color: #FFC01F;
}

.pace-done {
  display: none;
}

.pace-progress {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000000;

  height: 3px;
  background-color: #FFC01F;

  /* If all goes to plan, we will be drawing many frames per second and these will
   * be irrelevant.  If the browser is too slow however, these will help smooth the
   * stuttering updates outside of the js thread.
   */
  transition: width 1s ease-in-out;
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
}

.pace-done {
  display: none;
}

Add css transitions just in case.

Add css transitions just in case.


.cleanBox h1,
.mod {
    margin: 10px;
}
.cleanBox h1,
.mod h1 {
    font-size: 40px;
}
.cleanBox h1 {
    font-size: 60px;
}

Fix indentation in this old doctest.

Fix indentation in this old doctest.


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

footer.oauth2-docs-footer {
    border-top: 1px solid #eee;
    margin-top: 100px;
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}

body {
  padding-bottom: 20px;
  padding-top: 20px;
}
pre code {
  overflow: auto;
  white-space: pre;
}
footer.oauth2-docs-footer {
  border-top: 1px solid #eee;
  margin-top: 100px;
  padding-bottom: 40px;
  padding-top: 40px;
  text-align: center;
}

Remove line wrapping for <pre><code>

Remove line wrapping for <pre><code>


/* TOC
-----------------------------------------------------*/

.sc-toc {}
.sc-toc .se-toc-entries { padding: 30px; }
.sc-toc .se-toc-entries .se-toc-entry {
  text-decoration: none;
  color: #888;
  font-weight: 500;
  font-family: 'Avenir Next', Helvetica;
  display: block;
  padding: 2px 0px;
  line-height: 30px;
  position: relative;
}
.sc-toc .se-toc-entries .se-toc-entry.sm-active { color: #111; /*text-decoration: underline;*/ }
.sc-toc .se-toc-entries .se-toc-entry.sm-active i.fa { visibility: visible; }
.sc-toc .se-toc-entries .se-toc-entry:hover { color: #222; }
.sc-toc .se-toc-entries .se-toc-entry.sm-level-1 { font-size: 14px; margin-left: 0px; }
.sc-toc .se-toc-entries .se-toc-entry.sm-level-2 { font-size: 14px; margin-left: 20px; }
.sc-toc .se-toc-entries .se-toc-entry.sm-level-3 { font-size: 14px; margin-left: 40px; }

/* TOC
-----------------------------------------------------*/

.sc-toc {}
.sc-toc .se-toc-entries { padding: 30px; }
.sc-toc .se-toc-entries .se-toc-entry {
  text-decoration: none;
  color: #888;
  font-weight: 500;
  font-family: 'Avenir Next', Helvetica;
  display: block;
  padding: 6px 0px;
  line-height: 20px;
  position: relative;
}
.sc-toc .se-toc-entries .se-toc-entry.sm-active { color: #111; /*text-decoration: underline;*/ }
.sc-toc .se-toc-entries .se-toc-entry.sm-active i.fa { visibility: visible; }
.sc-toc .se-toc-entries .se-toc-entry:hover { color: #222; }
.sc-toc .se-toc-entries .se-toc-entry.sm-level-1 { font-size: 14px; margin-left: 0px; }
.sc-toc .se-toc-entries .se-toc-entry.sm-level-2 { font-size: 14px; margin-left: 20px; }
.sc-toc .se-toc-entries .se-toc-entry.sm-level-3 { font-size: 14px; margin-left: 40px; }

Set a line height for toc items.

Set a line height for toc items.


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

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

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

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

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

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

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

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

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

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

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

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

BUG=70010
TEST=none

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

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

Former-commit-id: 11d7440ff967b24fa19a097a3e6d4313c4ff1d0a


.aui-dialog {

}

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

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

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

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

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

.aui-dialog {

}

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

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

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

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

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

Fix Dialog css on IE

Fix Dialog css on IE

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


.name {
  padding-top: 50px;
  margin-top: -50px;
  display: inline-block; /* required for webkit browsers */
}

a:visited {
  color: #08c;
}

.stability {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #333;
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.stability-deprecated {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.stability-experimental {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.stability-unstable {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.stability-stable, .stability-locked {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

Make sure anchors are not obscured by the header


.sc-repro-fig {
  border: 1px solid #ddd;
  padding: 20px;
}

.sc-repro-fig > .se-label {
  font-style: italic;
}

.sc-repro-fig .se-title {
  padding-top: 20px;
  font-weight: 600;
}

.sc-repro-fig {
  border: 1px solid #ddd;
  padding: 20px;
}

.sc-repro-fig > .se-label {
  font-weight: 600;
  font-size: 18px;
  padding-bottom: 10px;
}

.sc-repro-fig .se-title {
  padding-top: 20px;
  font-weight: 600;
}

Fix style for repro fig label.

Fix style for repro fig label.


@font-face {
  font-family: 'Merriweather';
  font-weight: 300;
  src: url('/static/fonts/Merriweather-Light.ttf');
}

@font-face {
  font-family: 'Merriweather';
  font-weight: 400;
  src: url('/static/fonts/Merriweather-Regular.ttf');
}

@font-face {
  font-family: 'Merriweather';
  font-weight: 600;
  src: url('/static/fonts/Merriweather-Bold.ttf');
}

.book-theme {
  font-family: 'Merriweather';
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0);
}

.book-theme p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
}

.book-theme h2 {
  color: #5884d2;
}

Add a title color to the reader

Add a title color to the reader


/*
 * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
 * https://medium.com/@elad/supporting-css-grid-in-internet-explorer-b38669e75d66
 * https://www.codementor.io/karaluton/a-beginner-s-guide-to-css-grid-j27g9uqys?utm_swu=7100
*/

header { grid-area: header }
main   { grid-area: main   }
aside  { grid-area: aside  }
footer { grid-area: footer }

body {
  display: grid;
  grid-template-areas:
    "header" "main" "aside" "footer"
}

@media ( orientation : landscape ) {
  body {
    grid-template-areas:
      "header header" "main aside" "footer footer";

    grid-template-columns: 1fr  20vw;
    grid-template-rows:    10vh 1fr  10vh
  }
}
*/

/*
 * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
 * https://medium.com/@elad/supporting-css-grid-in-internet-explorer-b38669e75d66
 * https://www.codementor.io/karaluton/a-beginner-s-guide-to-css-grid-j27g9uqys?utm_swu=7100
*/

header { grid-area: header }
main   { grid-area: main   }
aside  { grid-area: aside  }
footer { grid-area: footer }

body {
  display: grid;
  grid-template-areas:
    "header" "main" "aside" "footer"
}

@media ( orientation : landscape ) {
  body {
    grid-template-areas:
      "header header" "main aside" "footer footer";

    grid-template-columns: 70% 30%;
    grid-template-rows: 15vh 1fr  15v
  }
}
*/

Update template columns and rows

Update template columns and rows


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

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

Revert "Revert "Revert "Revert "Revert "Revert "Remove selected canvas element effect CSS.""""""

This reverts commit e35fd595ee8a101384d020634358399b0a2c9917.


.deckgrid[deckgrid]::before {
  /* Specifies that the grid should have a maximum of 4 columns. Each column will have the classes 'column' and 'column-1-4' */
  content: '4 .column.column-1-4';
  font-size: 0; /* See https://github.com/akoenig/angular-deckgrid/issues/14#issuecomment-35728861 */
  visibility: hidden;
}

/* deckgrid */
.deckgrid .column {
  float: left;
}
.deckgrid .column-1-4 {
  width: 25%;
}

/* d3 */
.node {
}
.node text {
  pointer-events: none;
  font: 15px sans-serif;
}
.link {
  stroke: #000;
  stroke-width: 1.5px;
}

.deckgrid[deckgrid]::before {
  /* Specifies that the grid should have a maximum of 4 columns. Each column will have the classes 'column' and 'column-1-4' */
  content: '4 .column.column-1-4';
  font-size: 0; /* See https://github.com/akoenig/angular-deckgrid/issues/14#issuecomment-35728861 */
  visibility: hidden;
}

/* deckgrid */
.deckgrid .column {
  float: left;
}
.deckgrid .column-1-4 {
  width: 25%;
}

/* d3 */
.node {
}
.node image {
  cursor: pointer;
}
.node text {
  pointer-events: none;
  font: 15px sans-serif;
}
.link {
  stroke: #000;
  stroke-width: 1.5px;
}

Add pointer cursor when hover member icon.


html { background: #eee }
body {
    font-size: 1.2em;
    font-family: "ヒラギノ明朝 Pro W3", "細明朝体", "ＭＳ Ｐ明朝", serif;
}
article, footer {
    margin: 0 auto;
    min-width: 320px;
    max-width: 640px;
    width: 80%;
}
article {
    margin-top: 2.5em;
    padding: 2.0em;
    background: #fff;
}
footer {
    text-align: center;
    color: #666;
    font-size: .8em;
}
h1 {
    font-size: 1.2em;
    display: inline;
    font-weight: normal;
    border-bottom: 1px solid #000;
}
@media only screen
    and (max-device-width:320px)
    and (orientation:portrait){
    body {
        font-size: 1.0em;
    }
    article, footer {
        width: auto;
        min-width: 0;
        max-width: none;
    }
    article {
        padding: .5em;
    }
}

html { background: #eee }
body {
    font-size: 1.2em;
    font-family: apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-serif;;
}
article, footer {
    margin: 0 auto;
    min-width: 320px;
    max-width: 640px;
    width: 80%;
}
article {
    margin-top: 2.5em;
    padding: 2.0em;
    background: #fff;
}
footer {
    text-align: center;
    color: #666;
    font-size: .8em;
}
h1 {
    font-size: 1.2em;
    display: inline;
    font-weight: normal;
    border-bottom: 1px solid #000;
}
@media only screen
    and (max-device-width:320px)
    and (orientation:portrait){
    body {
        font-size: 1.0em;
    }
    article, footer {
        width: auto;
        min-width: 0;
        max-width: none;
    }
    article {
        padding: .5em;
    }
}

Update font-family to use apple-system

Update font-family to use apple-system


/*

  TEXT ALIGN
  Docs: http://tachyons.io/docs/typography/text-align/

  Base
    t = text-align

  Modifiers
    l = left
    r = right
    c = center

  Media Query Extensions:
    -ns = not-small
    -m  = medium
    -l  = large

*/

.tl  { text-align: left; }
.tr  { text-align: right; }
.tc  { text-align: center; }

@media (--breakpoint-not-small) {
  .tl-ns  { text-align: left; }
  .tr-ns  { text-align: right; }
  .tc-ns  { text-align: center; }
}

@media (--breakpoint-medium) {
  .tl-m  { text-align: left; }
  .tr-m  { text-align: right; }
  .tc-m  { text-align: center; }
}

@media (--breakpoint-large) {
  .tl-l  { text-align: left; }
  .tr-l  { text-align: right; }
  .tc-l  { text-align: center; }
}

/*

  TEXT ALIGN
  Docs: http://tachyons.io/docs/typography/text-align/

  Base
    t = text-align

  Modifiers
    l = left
    r = right
    c = center
    j = justify

  Media Query Extensions:
    -ns = not-small
    -m  = medium
    -l  = large

*/

.tl  { text-align: left; }
.tr  { text-align: right; }
.tc  { text-align: center; }
.tj  { text-align: justify; }

@media (--breakpoint-not-small) {
  .tl-ns  { text-align: left; }
  .tr-ns  { text-align: right; }
  .tc-ns  { text-align: center; }
  .tj-ns  { text-align: justify; }
}

@media (--breakpoint-medium) {
  .tl-m  { text-align: left; }
  .tr-m  { text-align: right; }
  .tc-m  { text-align: center; }
  .tj-m  { text-align: justify; }
}

@media (--breakpoint-large) {
  .tl-l  { text-align: left; }
  .tr-l  { text-align: right; }
  .tc-l  { text-align: center; }
  .tj-l  { text-align: justify; }
}

Add text-align justify to 4.8.0 branch.

Add text-align justify to 4.8.0 branch.


Add justify to text-align module

Add justify to text-align module


.Welcome {
  text-align: center;
  font-size: 16px;
  background-color: #fff;
}

.Welcome .graphic {
  height: 100px;
  background-image: url(/images/graphics/multimodal.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}

.Welcome .question {
  margin-top: 10px;
}

.Welcome .answers {
  margin: auto;
  margin-top: 15px;
}

.Welcome h3 {
	font-size: 18px;
  color: var(--darkest);
  line-height: 22px;
}

.Welcome .answer {
  padding-left: 25px;
  margin-top: 7px;
  padding: 10px;
  color: var(--darkest);
  font-size: 18px;
  text-align: left;
}

.Welcome i {
  font-size: 25px;
  padding-right: 28px;
  float: left;
  padding-left: 15px;
}

.Welcome i.icon-carshare {
  padding-right: 23px;
}

Align vanpool icon button text

Align vanpool icon button text


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

map iframe {
  width: 100%;
}

.message {
  height: 35px;
}

.NavPc {
  display: none;
}

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

 }

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

 }

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

map iframe {
  width: 100%;
}

.message {
  height: 35px;
}

.NavPc {
  display: none;
}

.realisation {
  width: 100px;
  float: left;
  margin: 0 100px 0 0;
}
h2 {
  text-align: center;
}
body {
  background-image: url(#);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

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

 }

/* Ecrans moyens (desktops, 992px et plus) */
@media (min-width: 992px) {
.NavPc {
  display: block;
}

.NavMobile {
  display: none;
}

 }

Add menu for pc in contact

Add menu for pc in contact


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 15px 15px 0;
}

.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f0f0f0;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 15px 15px 0;
}

.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

Change footer color to be darker.

Change footer color to be darker.


/* MGridItemStyle : MGridItemStyle */
MListItemStyle {

    background-tiles: meegotouch-list-background $CORNER_MARGINS;
    background-image: none;
    background-color: none;

    background-color: $COLOR_BACKGROUND;
    background-opacity: 1.0;

    /* inherited from MWidgetStyle */
    preferred-size: -1 $SIZE_LIST;
    minimum-size: $SIZE_ONE $SIZE_LIST;
    maximum-size: 100% $SIZE_FOUR;

    press-feedback: press;
    release-feedback: release;

    down-state-effect: "MGraphicsHighlightEffect";
}

MListItemStyle:selected {
    background-tiles : meegotouch-list-background-selected 10px 10px 10px 10px;

    background-color: $COLOR_INVERTED_FOREGROUND;
    background-opacity: 1.0;
}

MListItemStyle:pressed {
    background-tiles : meegotouch-list-background-pressed 10px 10px 10px 10px;

    background-color: $COLOR_INVERTED_FOREGROUND;
    background-opacity: 1.0;
}

/* MGridItemStyle : MGridItemStyle */
MListItemStyle {

    background-tiles: meegotouch-list-background $CORNER_MARGINS;
    background-image: none;
    background-color: none;

    background-color: $COLOR_BACKGROUND;
    background-opacity: 1.0;

    /* inherited from MWidgetStyle */
    preferred-size: -1 $SIZE_LIST;
    minimum-size: $SIZE_ONE $SIZE_LIST;
    maximum-size: 100% $SIZE_FOUR;

    press-feedback: press;
    release-feedback: release;

    down-state-effect: "MGraphicsHighlightEffect";
}

MListItemStyle:selected {
    background-tiles : meegotouch-list-background-selected $CORNER_MARGINS;

    background-color: $COLOR_INVERTED_FOREGROUND;
    background-opacity: 1.0;
}

MListItemStyle:pressed {
    background-tiles : meegotouch-list-background-pressed $CORNER_MARGINS;

    background-color: $COLOR_INVERTED_FOREGROUND;
    background-opacity: 1.0;
}

Fix list item corner margins.

Changes: Fix list item corner margins.

Details: This was affecting the new application menu design.