852 lines
17 KiB
CSS
852 lines
17 KiB
CSS
/*
|
|
Flavor name: Default (mini-default)
|
|
Author: Angelos Chalaris (chalarangelo@gmail.com)
|
|
mini.css version: v2.0 (in-production)
|
|
*/
|
|
html, * {
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
font-size: 1em;
|
|
line-height: 1.5;
|
|
-webkit-text-size-adjust: 100%; }
|
|
|
|
body {
|
|
margin: 0;
|
|
color: #212121;
|
|
background: #fafafa; }
|
|
|
|
article, aside, footer, header, nav, section, figcaption, figure, main {
|
|
display: block; }
|
|
|
|
abbr[title] {
|
|
border-bottom: none;
|
|
text-decoration: underline; }
|
|
|
|
audio, video {
|
|
display: inline-block; }
|
|
|
|
svg:not(:root) {
|
|
overflow: hidden; }
|
|
|
|
input {
|
|
overflow: visible; }
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
line-height: 1.2em;
|
|
margin: 0.7em 8px;
|
|
font-weight: 500; }
|
|
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
|
|
color: #424242;
|
|
display: block;
|
|
margin-top: -0.35em;
|
|
font-size: 45%; }
|
|
|
|
h1 {
|
|
font-size: 2em; }
|
|
|
|
h2 {
|
|
font-size: 1.5em; }
|
|
|
|
h3 {
|
|
font-size: 1.15em; }
|
|
|
|
h4 {
|
|
font-size: 1em; }
|
|
|
|
h5 {
|
|
font-size: 0.85em; }
|
|
|
|
h6 {
|
|
font-size: 0.75em; }
|
|
|
|
p {
|
|
margin: 1px 10px; }
|
|
|
|
b, strong {
|
|
font-weight: 700; }
|
|
|
|
hr {
|
|
box-sizing: content-box;
|
|
border: 0;
|
|
overflow: visible;
|
|
line-height: 1.2em;
|
|
margin: 0.5em 4px;
|
|
height: 1px;
|
|
background: -webkit-linear-gradient(to right, #bdbdbd, #616161, #bdbdbd);
|
|
background: linear-gradient(to right, #bdbdbd, #616161, #bdbdbd); }
|
|
|
|
code, kbd, pre, samp {
|
|
font-family: monospace, monospace; }
|
|
|
|
code {
|
|
border-radius: 2px;
|
|
background: #e0e0e0;
|
|
padding: 2px 4px; }
|
|
|
|
pre {
|
|
overflow: auto;
|
|
border-radius: 0 2px 2px 0;
|
|
background: #e0e0e0;
|
|
padding: 12px;
|
|
margin: 1px 10px;
|
|
border-left: 3px solid #1565c0; }
|
|
|
|
kbd {
|
|
border-radius: 2px;
|
|
background: #212121;
|
|
color: #fafafa;
|
|
padding: 2px 4px; }
|
|
|
|
small, sup, sub {
|
|
font-size: 75%; }
|
|
|
|
sup {
|
|
top: -0.5em; }
|
|
|
|
sub {
|
|
bottom: -0.25em; }
|
|
|
|
sup, sub {
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline; }
|
|
|
|
a {
|
|
color: #0277bd;
|
|
text-decoration: underline;
|
|
opacity: 1;
|
|
transition: all 0.3s ease 0s; }
|
|
a:visited {
|
|
color: #01579b; }
|
|
a:hover, a:focus, a:active {
|
|
opacity: 0.75; }
|
|
|
|
.container {
|
|
margin: 0 auto;
|
|
padding: 0 10px; }
|
|
|
|
.row {
|
|
box-sizing: border-box;
|
|
display: -webkit-box;
|
|
-webkit-box-flex: 0;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-flex: 0 1 auto;
|
|
flex: 0 1 auto;
|
|
-webkit-flex-flow: row wrap;
|
|
flex-flow: row wrap; }
|
|
|
|
.col-xs,
|
|
[class^='col-xs-'],
|
|
[class^='col-xs-offset-'] {
|
|
box-sizing: border-box;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
padding: 0 4px; }
|
|
|
|
.col-xs {
|
|
-webkit-box-flex: 1;
|
|
max-width: 100%;
|
|
-webkit-flex-grow: 1;
|
|
flex-grow: 1;
|
|
-webkit-flex-basis: 0;
|
|
flex-basis: 0; }
|
|
|
|
.col-xs-1 {
|
|
max-width: 8.33333%;
|
|
-webkit-flex-basis: 8.33333%;
|
|
flex-basis: 8.33333%; }
|
|
|
|
.col-xs-2 {
|
|
max-width: 16.66667%;
|
|
-webkit-flex-basis: 16.66667%;
|
|
flex-basis: 16.66667%; }
|
|
|
|
.col-xs-3 {
|
|
max-width: 25%;
|
|
-webkit-flex-basis: 25%;
|
|
flex-basis: 25%; }
|
|
|
|
.col-xs-4 {
|
|
max-width: 33.33333%;
|
|
-webkit-flex-basis: 33.33333%;
|
|
flex-basis: 33.33333%; }
|
|
|
|
.col-xs-5 {
|
|
max-width: 41.66667%;
|
|
-webkit-flex-basis: 41.66667%;
|
|
flex-basis: 41.66667%; }
|
|
|
|
.col-xs-6 {
|
|
max-width: 50%;
|
|
-webkit-flex-basis: 50%;
|
|
flex-basis: 50%; }
|
|
|
|
.col-xs-7 {
|
|
max-width: 58.33333%;
|
|
-webkit-flex-basis: 58.33333%;
|
|
flex-basis: 58.33333%; }
|
|
|
|
.col-xs-8 {
|
|
max-width: 66.66667%;
|
|
-webkit-flex-basis: 66.66667%;
|
|
flex-basis: 66.66667%; }
|
|
|
|
.col-xs-9 {
|
|
max-width: 75%;
|
|
-webkit-flex-basis: 75%;
|
|
flex-basis: 75%; }
|
|
|
|
.col-xs-10 {
|
|
max-width: 83.33333%;
|
|
-webkit-flex-basis: 83.33333%;
|
|
flex-basis: 83.33333%; }
|
|
|
|
.col-xs-11 {
|
|
max-width: 91.66667%;
|
|
-webkit-flex-basis: 91.66667%;
|
|
flex-basis: 91.66667%; }
|
|
|
|
.col-xs-12 {
|
|
max-width: 100%;
|
|
-webkit-flex-basis: 100%;
|
|
flex-basis: 100%; }
|
|
|
|
.col-xs-offset-0 {
|
|
margin-left: 0; }
|
|
|
|
.col-xs-offset-1 {
|
|
margin-left: 8.33333%; }
|
|
|
|
.col-xs-offset-2 {
|
|
margin-left: 16.66667%; }
|
|
|
|
.col-xs-offset-3 {
|
|
margin-left: 25%; }
|
|
|
|
.col-xs-offset-4 {
|
|
margin-left: 33.33333%; }
|
|
|
|
.col-xs-offset-5 {
|
|
margin-left: 41.66667%; }
|
|
|
|
.col-xs-offset-6 {
|
|
margin-left: 50%; }
|
|
|
|
.col-xs-offset-7 {
|
|
margin-left: 58.33333%; }
|
|
|
|
.col-xs-offset-8 {
|
|
margin-left: 66.66667%; }
|
|
|
|
.col-xs-offset-9 {
|
|
margin-left: 75%; }
|
|
|
|
.col-xs-offset-10 {
|
|
margin-left: 83.33333%; }
|
|
|
|
.col-xs-offset-11 {
|
|
margin-left: 91.66667%; }
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
.col-sm,
|
|
[class^='col-sm-'],
|
|
[class^='col-sm-offset-'] {
|
|
box-sizing: border-box;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
padding: 0 4px; }
|
|
|
|
.col-sm {
|
|
-webkit-box-flex: 1;
|
|
max-width: 100%;
|
|
-webkit-flex-grow: 1;
|
|
flex-grow: 1;
|
|
-webkit-flex-basis: 0;
|
|
flex-basis: 0; }
|
|
|
|
.col-sm-1 {
|
|
max-width: 8.33333%;
|
|
-webkit-flex-basis: 8.33333%;
|
|
flex-basis: 8.33333%; }
|
|
|
|
.col-sm-2 {
|
|
max-width: 16.66667%;
|
|
-webkit-flex-basis: 16.66667%;
|
|
flex-basis: 16.66667%; }
|
|
|
|
.col-sm-3 {
|
|
max-width: 25%;
|
|
-webkit-flex-basis: 25%;
|
|
flex-basis: 25%; }
|
|
|
|
.col-sm-4 {
|
|
max-width: 33.33333%;
|
|
-webkit-flex-basis: 33.33333%;
|
|
flex-basis: 33.33333%; }
|
|
|
|
.col-sm-5 {
|
|
max-width: 41.66667%;
|
|
-webkit-flex-basis: 41.66667%;
|
|
flex-basis: 41.66667%; }
|
|
|
|
.col-sm-6 {
|
|
max-width: 50%;
|
|
-webkit-flex-basis: 50%;
|
|
flex-basis: 50%; }
|
|
|
|
.col-sm-7 {
|
|
max-width: 58.33333%;
|
|
-webkit-flex-basis: 58.33333%;
|
|
flex-basis: 58.33333%; }
|
|
|
|
.col-sm-8 {
|
|
max-width: 66.66667%;
|
|
-webkit-flex-basis: 66.66667%;
|
|
flex-basis: 66.66667%; }
|
|
|
|
.col-sm-9 {
|
|
max-width: 75%;
|
|
-webkit-flex-basis: 75%;
|
|
flex-basis: 75%; }
|
|
|
|
.col-sm-10 {
|
|
max-width: 83.33333%;
|
|
-webkit-flex-basis: 83.33333%;
|
|
flex-basis: 83.33333%; }
|
|
|
|
.col-sm-11 {
|
|
max-width: 91.66667%;
|
|
-webkit-flex-basis: 91.66667%;
|
|
flex-basis: 91.66667%; }
|
|
|
|
.col-sm-12 {
|
|
max-width: 100%;
|
|
-webkit-flex-basis: 100%;
|
|
flex-basis: 100%; }
|
|
|
|
.col-sm-offset-0 {
|
|
margin-left: 0; }
|
|
|
|
.col-sm-offset-1 {
|
|
margin-left: 8.33333%; }
|
|
|
|
.col-sm-offset-2 {
|
|
margin-left: 16.66667%; }
|
|
|
|
.col-sm-offset-3 {
|
|
margin-left: 25%; }
|
|
|
|
.col-sm-offset-4 {
|
|
margin-left: 33.33333%; }
|
|
|
|
.col-sm-offset-5 {
|
|
margin-left: 41.66667%; }
|
|
|
|
.col-sm-offset-6 {
|
|
margin-left: 50%; }
|
|
|
|
.col-sm-offset-7 {
|
|
margin-left: 58.33333%; }
|
|
|
|
.col-sm-offset-8 {
|
|
margin-left: 66.66667%; }
|
|
|
|
.col-sm-offset-9 {
|
|
margin-left: 75%; }
|
|
|
|
.col-sm-offset-10 {
|
|
margin-left: 83.33333%; }
|
|
|
|
.col-sm-offset-11 {
|
|
margin-left: 91.66667%; } }
|
|
@media only screen and (min-width: 1024px) {
|
|
.col-md,
|
|
[class^='col-md-'],
|
|
[class^='col-md-offset-'] {
|
|
box-sizing: border-box;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
padding: 0 4px; }
|
|
|
|
.col-md {
|
|
-webkit-box-flex: 1;
|
|
max-width: 100%;
|
|
-webkit-flex-grow: 1;
|
|
flex-grow: 1;
|
|
-webkit-flex-basis: 0;
|
|
flex-basis: 0; }
|
|
|
|
.col-md-1 {
|
|
max-width: 8.33333%;
|
|
-webkit-flex-basis: 8.33333%;
|
|
flex-basis: 8.33333%; }
|
|
|
|
.col-md-2 {
|
|
max-width: 16.66667%;
|
|
-webkit-flex-basis: 16.66667%;
|
|
flex-basis: 16.66667%; }
|
|
|
|
.col-md-3 {
|
|
max-width: 25%;
|
|
-webkit-flex-basis: 25%;
|
|
flex-basis: 25%; }
|
|
|
|
.col-md-4 {
|
|
max-width: 33.33333%;
|
|
-webkit-flex-basis: 33.33333%;
|
|
flex-basis: 33.33333%; }
|
|
|
|
.col-md-5 {
|
|
max-width: 41.66667%;
|
|
-webkit-flex-basis: 41.66667%;
|
|
flex-basis: 41.66667%; }
|
|
|
|
.col-md-6 {
|
|
max-width: 50%;
|
|
-webkit-flex-basis: 50%;
|
|
flex-basis: 50%; }
|
|
|
|
.col-md-7 {
|
|
max-width: 58.33333%;
|
|
-webkit-flex-basis: 58.33333%;
|
|
flex-basis: 58.33333%; }
|
|
|
|
.col-md-8 {
|
|
max-width: 66.66667%;
|
|
-webkit-flex-basis: 66.66667%;
|
|
flex-basis: 66.66667%; }
|
|
|
|
.col-md-9 {
|
|
max-width: 75%;
|
|
-webkit-flex-basis: 75%;
|
|
flex-basis: 75%; }
|
|
|
|
.col-md-10 {
|
|
max-width: 83.33333%;
|
|
-webkit-flex-basis: 83.33333%;
|
|
flex-basis: 83.33333%; }
|
|
|
|
.col-md-11 {
|
|
max-width: 91.66667%;
|
|
-webkit-flex-basis: 91.66667%;
|
|
flex-basis: 91.66667%; }
|
|
|
|
.col-md-12 {
|
|
max-width: 100%;
|
|
-webkit-flex-basis: 100%;
|
|
flex-basis: 100%; }
|
|
|
|
.col-md-offset-0 {
|
|
margin-left: 0; }
|
|
|
|
.col-md-offset-1 {
|
|
margin-left: 8.33333%; }
|
|
|
|
.col-md-offset-2 {
|
|
margin-left: 16.66667%; }
|
|
|
|
.col-md-offset-3 {
|
|
margin-left: 25%; }
|
|
|
|
.col-md-offset-4 {
|
|
margin-left: 33.33333%; }
|
|
|
|
.col-md-offset-5 {
|
|
margin-left: 41.66667%; }
|
|
|
|
.col-md-offset-6 {
|
|
margin-left: 50%; }
|
|
|
|
.col-md-offset-7 {
|
|
margin-left: 58.33333%; }
|
|
|
|
.col-md-offset-8 {
|
|
margin-left: 66.66667%; }
|
|
|
|
.col-md-offset-9 {
|
|
margin-left: 75%; }
|
|
|
|
.col-md-offset-10 {
|
|
margin-left: 83.33333%; }
|
|
|
|
.col-md-offset-11 {
|
|
margin-left: 91.66667%; } }
|
|
@media only screen and (min-width: 1200px) {
|
|
.col-lg,
|
|
[class^='col-lg-'],
|
|
[class^='col-lg-offset-'] {
|
|
box-sizing: border-box;
|
|
-webkit-box-flex: 0;
|
|
-webkit-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
padding: 0 4px; }
|
|
|
|
.col-lg {
|
|
-webkit-box-flex: 1;
|
|
max-width: 100%;
|
|
-webkit-flex-grow: 1;
|
|
flex-grow: 1;
|
|
-webkit-flex-basis: 0;
|
|
flex-basis: 0; }
|
|
|
|
.col-lg-1 {
|
|
max-width: 8.33333%;
|
|
-webkit-flex-basis: 8.33333%;
|
|
flex-basis: 8.33333%; }
|
|
|
|
.col-lg-2 {
|
|
max-width: 16.66667%;
|
|
-webkit-flex-basis: 16.66667%;
|
|
flex-basis: 16.66667%; }
|
|
|
|
.col-lg-3 {
|
|
max-width: 25%;
|
|
-webkit-flex-basis: 25%;
|
|
flex-basis: 25%; }
|
|
|
|
.col-lg-4 {
|
|
max-width: 33.33333%;
|
|
-webkit-flex-basis: 33.33333%;
|
|
flex-basis: 33.33333%; }
|
|
|
|
.col-lg-5 {
|
|
max-width: 41.66667%;
|
|
-webkit-flex-basis: 41.66667%;
|
|
flex-basis: 41.66667%; }
|
|
|
|
.col-lg-6 {
|
|
max-width: 50%;
|
|
-webkit-flex-basis: 50%;
|
|
flex-basis: 50%; }
|
|
|
|
.col-lg-7 {
|
|
max-width: 58.33333%;
|
|
-webkit-flex-basis: 58.33333%;
|
|
flex-basis: 58.33333%; }
|
|
|
|
.col-lg-8 {
|
|
max-width: 66.66667%;
|
|
-webkit-flex-basis: 66.66667%;
|
|
flex-basis: 66.66667%; }
|
|
|
|
.col-lg-9 {
|
|
max-width: 75%;
|
|
-webkit-flex-basis: 75%;
|
|
flex-basis: 75%; }
|
|
|
|
.col-lg-10 {
|
|
max-width: 83.33333%;
|
|
-webkit-flex-basis: 83.33333%;
|
|
flex-basis: 83.33333%; }
|
|
|
|
.col-lg-11 {
|
|
max-width: 91.66667%;
|
|
-webkit-flex-basis: 91.66667%;
|
|
flex-basis: 91.66667%; }
|
|
|
|
.col-lg-12 {
|
|
max-width: 100%;
|
|
-webkit-flex-basis: 100%;
|
|
flex-basis: 100%; }
|
|
|
|
.col-lg-offset-0 {
|
|
margin-left: 0; }
|
|
|
|
.col-lg-offset-1 {
|
|
margin-left: 8.33333%; }
|
|
|
|
.col-lg-offset-2 {
|
|
margin-left: 16.66667%; }
|
|
|
|
.col-lg-offset-3 {
|
|
margin-left: 25%; }
|
|
|
|
.col-lg-offset-4 {
|
|
margin-left: 33.33333%; }
|
|
|
|
.col-lg-offset-5 {
|
|
margin-left: 41.66667%; }
|
|
|
|
.col-lg-offset-6 {
|
|
margin-left: 50%; }
|
|
|
|
.col-lg-offset-7 {
|
|
margin-left: 58.33333%; }
|
|
|
|
.col-lg-offset-8 {
|
|
margin-left: 66.66667%; }
|
|
|
|
.col-lg-offset-9 {
|
|
margin-left: 75%; }
|
|
|
|
.col-lg-offset-10 {
|
|
margin-left: 83.33333%; }
|
|
|
|
.col-lg-offset-11 {
|
|
margin-left: 91.66667%; } }
|
|
table {
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
border: 1px solid #bdbdbd;
|
|
border-radius: 2px;
|
|
margin: 0 auto; }
|
|
|
|
caption {
|
|
font-size: 1.5em;
|
|
margin: 6px 0 12px; }
|
|
|
|
tr {
|
|
padding: 6px; }
|
|
|
|
th, td {
|
|
padding: 10px;
|
|
border-left: 1px solid #bdbdbd;
|
|
border-top: 1px solid #bdbdbd; }
|
|
|
|
th {
|
|
border-top: 0;
|
|
background: #eceff1; }
|
|
|
|
th:first-child, td:first-child {
|
|
border-left: 0; }
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
table {
|
|
border-collapse: collapse;
|
|
border: 0;
|
|
width: 100%; }
|
|
|
|
thead {
|
|
border: 0;
|
|
height: 1px;
|
|
width: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(100%);
|
|
clip-path: inset(100%); }
|
|
|
|
tr {
|
|
display: block;
|
|
border: 1px solid #bdbdbd;
|
|
border-radius: 2px;
|
|
margin-bottom: 10px; }
|
|
|
|
td {
|
|
display: block;
|
|
border: 0;
|
|
border-bottom: 1px solid #bdbdbd;
|
|
text-align: right; }
|
|
|
|
td:before {
|
|
content: attr(data-label);
|
|
float: left;
|
|
font-weight: 700; }
|
|
|
|
td:last-child {
|
|
border-bottom: 0; } }
|
|
mark {
|
|
background: #0277bd;
|
|
color: #fafafa;
|
|
font-size: 95%;
|
|
line-height: 1;
|
|
padding: 1px; }
|
|
|
|
progress {
|
|
display: block;
|
|
vertical-align: baseline;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
width: 100%;
|
|
height: 10px;
|
|
border: 0;
|
|
border-radius: 1px;
|
|
margin: 1px auto;
|
|
background: #f5f5f5;
|
|
color: #01579b; }
|
|
progress::-webkit-progress-value {
|
|
background: #01579b;
|
|
border-top-left-radius: 1px;
|
|
border-bottom-left-radius: 1px; }
|
|
progress::-webkit-progress-bar {
|
|
background: #f5f5f5; }
|
|
progress::-moz-progress-bar {
|
|
background: #01579b;
|
|
border-top-left-radius: 1px;
|
|
border-bottom-left-radius: 1px; }
|
|
progress[value="100"]::-webkit-progress-value {
|
|
border-radius: 1px; }
|
|
progress[value="100"]::-moz-progress-bar {
|
|
border-radius: 1px; }
|
|
|
|
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
|
|
border-style: none;
|
|
padding: 0; }
|
|
|
|
button, html [type="button"], [type="reset"], [type="submit"] {
|
|
-webkit-appearance: button; }
|
|
|
|
button {
|
|
overflow: visible;
|
|
text-transform: none; }
|
|
|
|
/**
|
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
* 2. Change font properties to `inherit` in Safari.
|
|
*/
|
|
::-webkit-file-upload-button {
|
|
-webkit-appearance: button;
|
|
font: inherit; }
|
|
|
|
button, [type="button"], [type="submit"], [type="reset"] {
|
|
display: inline-block;
|
|
background: rgba(207, 216, 220, 0.75);
|
|
color: #212121;
|
|
border: 0;
|
|
padding: 4px 6px;
|
|
margin: 4px;
|
|
border-radius: 2px;
|
|
transition: all 0.3s ease 0s;
|
|
cursor: pointer; }
|
|
button:hover, button:active, button:focus, [type="button"]:hover, [type="button"]:active, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:active, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:active, [type="reset"]:focus {
|
|
background: #cfd8dc; }
|
|
button:disabled, button[disabled], [type="button"]:disabled, [type="button"][disabled], [type="submit"]:disabled, [type="submit"][disabled], [type="reset"]:disabled, [type="reset"][disabled] {
|
|
cursor: not-allowed;
|
|
opacity: 0.65; }
|
|
|
|
/**
|
|
* Remove the inheritance of text transform in Firefox.
|
|
*/
|
|
select {
|
|
text-transform: none; }
|
|
|
|
/**
|
|
* Change the border, margin, and padding in all browsers (opinionated).
|
|
*/
|
|
fieldset {
|
|
border: 1px solid #c0c0c0;
|
|
margin: 0 2px;
|
|
padding: 0.35em 0.625em 0.75em; }
|
|
|
|
/**
|
|
* 1. Correct the text wrapping in Edge and IE.
|
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
* 3. Remove the padding so developers are not caught out when they zero out
|
|
* `fieldset` elements in all browsers.
|
|
*/
|
|
legend {
|
|
box-sizing: border-box;
|
|
/* 1 */
|
|
color: inherit;
|
|
/* 2 */
|
|
display: table;
|
|
/* 1 */
|
|
max-width: 100%;
|
|
/* 1 */
|
|
padding: 0;
|
|
/* 3 */
|
|
white-space: normal;
|
|
/* 1 */ }
|
|
|
|
/**
|
|
* Remove the default vertical scrollbar in IE.
|
|
*/
|
|
textarea {
|
|
overflow: auto; }
|
|
|
|
/**
|
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
*/
|
|
[type="number"]::-webkit-inner-spin-button,
|
|
[type="number"]::-webkit-outer-spin-button {
|
|
height: auto; }
|
|
|
|
/**
|
|
* 1. Correct the odd appearance in Chrome and Safari.
|
|
* 2. Correct the outline style in Safari.
|
|
*/
|
|
[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
/* 1 */
|
|
outline-offset: -2px;
|
|
/* 2 */ }
|
|
|
|
/**
|
|
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
|
*/
|
|
[type="search"]::-webkit-search-cancel-button,
|
|
[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none; }
|
|
|
|
/*
|
|
* Add the correct display in IE 9-.
|
|
* 1. Add the correct display in Edge, IE, and Firefox.
|
|
*/
|
|
details,
|
|
menu {
|
|
display: block; }
|
|
|
|
/*
|
|
* Add the correct display in all browsers.
|
|
*/
|
|
summary {
|
|
display: list-item; }
|
|
|
|
mark.secondary {
|
|
background: #f44336; }
|
|
|
|
mark.tertiary {
|
|
background: #558b2f; }
|
|
|
|
mark.tag {
|
|
display: inline-block;
|
|
border-radius: 2px;
|
|
padding: 2px; }
|
|
|
|
mark.bubble {
|
|
display: inline-block;
|
|
border-radius: 200px;
|
|
padding: 3px 5px; }
|
|
|
|
progress.inline {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 20em; }
|
|
|
|
progress.secondary {
|
|
color: #e53935; }
|
|
progress.secondary::-webkit-progress-value {
|
|
background: #e53935; }
|
|
progress.secondary::-moz-progress-bar {
|
|
background: #e53935; }
|
|
|
|
progress.tertiary {
|
|
color: #689f38; }
|
|
progress.tertiary::-webkit-progress-value {
|
|
background: #689f38; }
|
|
progress.tertiary::-moz-progress-bar {
|
|
background: #689f38; }
|
|
|
|
progress.nano {
|
|
height: 2px;
|
|
margin: 0 auto 1px;
|
|
border-radius: 0; }
|
|
progress.nano::-webkit-progress-value {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0; }
|
|
progress.nano::-moz-progress-bar {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0; }
|
|
progress.nano[value="100"]::-webkit-progress-value {
|
|
border-radius: 0; }
|
|
progress.nano[value="100"]::-moz-progress-bar {
|
|
border-radius: 0; }
|