Skip to content
Snippets Groups Projects
Commit 799b5384 authored by Thomas Rientjes's avatar Thomas Rientjes
Browse files

Refactor settings stylesheet

parent 3468a3f3
No related branches found
No related tags found
No related merge requests found
...@@ -2,11 +2,6 @@ ...@@ -2,11 +2,6 @@
* Element Selectors * Element Selectors
*/ */
a {
color: #555;
font-weight: 500;
}
body { body {
background-color: #fafafa; background-color: #fafafa;
font-family: "Roboto", Helvetica, sans-serif; font-family: "Roboto", Helvetica, sans-serif;
...@@ -14,33 +9,35 @@ body { ...@@ -14,33 +9,35 @@ body {
padding: 0; padding: 0;
} }
h1 { header {
background-color: #32373b;
color: #fafafa;
padding: 0 15px;
}
h1, h2 {
font-size: 19px; font-size: 19px;
font-weight: 500; font-weight: 500;
padding: 22px 0; padding: 22px 0;
} }
h2 { h2 {
font-size: 19px;
font-weight: 500;
padding: 20px 0; padding: 20px 0;
} }
header { a {
background-color: #32373b; color: #555;
color: #fafafa;
padding: 0 15px;
} }
/** /**
* Attribute Selectors * Attribute Selectors
*/ */
[data-active='true'] { [data-active="true"] {
font-weight: 500; font-weight: 500;
} }
[data-hidden='true'] { [data-hidden="true"] {
display: none; display: none;
} }
...@@ -65,29 +62,29 @@ header { ...@@ -65,29 +62,29 @@ header {
.notice { .notice {
background-color: #fff; background-color: #fff;
box-shadow: 4px 4px 4px #efefef;
border-top: 5px solid #ededed; border-top: 5px solid #ededed;
box-shadow: 4px 4px 4px #efefef;
padding: 15px; padding: 15px;
} }
.footnote { .footnote {
margin: 0; margin: 0;
text-align: right; text-align: right;
width: 100% width: 100%;
} }
.slider-input { .slider-input {
background: none; background: none;
border: none; border: none;
width: 100%;
margin: 0; margin: 0;
width: 100%;
} }
.slider-legend { .slider-legend {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%;
margin: 0; margin: 0;
width: 100%;
} }
.slider-legend-item { .slider-legend-item {
...@@ -118,18 +115,18 @@ header { ...@@ -118,18 +115,18 @@ header {
border: 0; border: 0;
} }
.slider-input::-moz-range-track {
background: #363b40;
border-radius: 25px;
border: 0 solid #000101;
height: 4px;
width: 100%;
}
.slider-input::-moz-range-thumb { .slider-input::-moz-range-thumb {
background: #32373b; background: #32373b;
border: 0px solid #000000;
border-radius: 25px; border-radius: 25px;
border: 0 solid #000000;
height: 16px; height: 16px;
width: 16px; width: 16px;
} }
.slider-input::-moz-range-track {
width: 100%;
height: 4px;
background: #363b40;
border-radius: 25px;
border: 0px solid #000101;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment