vaeThink2/public/static/admin_static/lib/nprogress/support/style.css

216 lines
2.8 KiB
CSS

i, b {
font-style: normal;
font-weight: 400;
}
body, html {
padding: 0;
margin: 0;
}
body {
background: white;
}
body, td, input, textarea {
font-family: source sans pro, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #222;
}
button {
cursor: pointer;
}
* {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
.nprogress-logo {
display: inline-block;
width: 100px;
height: 20px;
border: solid 4px #2d9;
border-radius: 10px;
position: relative;
}
.nprogress-logo:after {
content: '';
display: block;
position: absolute;
top: 4px;
left: 4px;
bottom: 4px;
width: 40%;
background: #2d9;
border-radius: 3px;
}
.fade {
transition: all 300ms linear 700ms;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
.fade.out {
opacity: 0;
}
button {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
.button {
display: inline-block;
text-decoration: none;
background: #eee;
color: #777;
border-radius: 2px;
padding: 8px 10px;
font-weight: 700;
text-align: left;
}
.button.play:before {
content: '\25b6';
}
.button:hover {
background: #2d9;
color: #fff;
}
.button.primary {
background: #2d9;
color: #fff;
}
.button.primary:hover {
background: #1c8;
}
.button:active {
background: #2d9;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
}
.controls {
text-align: left;
margin: 0 auto;
max-width: 300px;
color: #666;
}
.controls .button {
width: 40px;
margin-right: 10px;
text-align: center;
}
.controls i {
color: #999;
}
.controls b {
color: #29d;
font-weight: 700;
}
.controls {
font-size: 0.9em;
}
.page-header {
text-align: center;
max-width: 400px;
padding: 3em 20px;
margin: 0 auto;
}
.page-header h1 {
font-size: 2.0em;
text-align: center;
font-weight: 200;
line-height: 1.3;
color: #333;
margin: 0;
}
p.brief {
line-height: 1.4;
font-style: italic;
color: #888;
}
p.brief.big {
font-size: 1.1em;
}
@media (min-width: 480px) {
.page-header h1 {
margin-top: 1em;
margin-bottom: 0.4em;
}
}
.page-header h1 i {
color: #aaa;
font-style: normal;
font-weight: 200;
}
@media (min-width: 480px) {
.page-header h1 {
font-size: 3em; }
.page-header {
padding: 4.5em 20px 3.5em 20px;
}
}
/* --- */
.actions {
text-align: center;
margin: 2em 0;
}
@media (min-width: 480px) {
.actions {
margin: 4.5em 0 3.5em 0;
}
}
.big.button {
padding-left: 30px;
padding-right: 30px;
font-size: 1.1em;
}
/* ---- */
div.hr-rule {
height: 1px;
width: 100px;
margin: 40px auto;
background: #ddd;
}
.share-buttons {
margin: 0 auto;
text-align: center;
}