mirror of
https://github.com/tuna/mirror-web.git
synced 2025-12-25 20:32:46 +00:00
159 lines
2.7 KiB
SCSS
159 lines
2.7 KiB
SCSS
---
|
|
---
|
|
/* ################################################################
|
|
|
|
Author: Carlos Alvarez
|
|
URL: http://alvarez.is
|
|
|
|
Project Name: SOLID - Bootstrap 3 Theme
|
|
Version: 1.0
|
|
URL: http://alvarez.is
|
|
|
|
################################################################# */
|
|
|
|
$color_thu_purple: #82318E;
|
|
$color_light_grey: #888;
|
|
$color_grey: #555;
|
|
$color_primary: $color_thu_purple;
|
|
$color_primary_light: #d8aff6;
|
|
$color_primary_rgb: 92,48,125;
|
|
$color_secondary: #384452;
|
|
$color_link: #088acb;
|
|
$color_link_hover: #62bbe7;
|
|
$color_footer_heading: #ffffff;
|
|
$color_footer_content: #bfc9d3;
|
|
$color_navbar_bg: #d3d3d3;
|
|
$font_default: 'Lato', 'Heiti SC', 'Hiragino Sans GB', 'STHeiti', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif;
|
|
$font_local: 'Heiti SC', 'Hiragino Sans GB', 'STHeiti', 'Source Han Sans CN', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif;
|
|
|
|
@import
|
|
"Lato",
|
|
"structure",
|
|
"bootstrap-mod",
|
|
"syntax-highlighting";
|
|
|
|
#thu-alert {
|
|
padding-left: 50px;
|
|
position: relative;
|
|
.glyphicon {
|
|
font-size: 30px;
|
|
left: 10px;
|
|
top: 20px;
|
|
position: absolute;
|
|
}
|
|
}
|
|
|
|
#headerwrap {
|
|
padding-top: 40px;
|
|
padding-bottom: 0px;
|
|
|
|
h1 {
|
|
color: $color_primary ;
|
|
margin-bottom: 15px;
|
|
}
|
|
h3, h5 {
|
|
color: $color_primary ;
|
|
font-weight: 400;
|
|
margin-top: 10px;
|
|
}
|
|
.img-responsive {
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
#mirrors {
|
|
tbody {
|
|
tr:hover {
|
|
background-color: #e0f3fc;
|
|
}
|
|
tr.status-fail, tr.status-failed, tr.status-paused {
|
|
background-color: #fff4e3;
|
|
}
|
|
tr.status-syncing {
|
|
background-color: #e3fffd;
|
|
}
|
|
td {
|
|
padding: 4px 8px;
|
|
border-top: none;
|
|
}
|
|
font-size: 12pt;
|
|
.label.label-new {
|
|
padding: .1em .2em;
|
|
vertical-align: 40%;
|
|
text-shadow: 1px 1px #888;
|
|
background-color: #3aa0e6;
|
|
}
|
|
.label.label-status {
|
|
vertical-align: 20%;
|
|
}
|
|
.fa-question-circle {
|
|
color: #234961;
|
|
}
|
|
}
|
|
#news {
|
|
li > a {
|
|
color: $color_secondary;
|
|
}
|
|
}
|
|
}
|
|
|
|
#status-page {
|
|
.thead {
|
|
font-weight: bold;
|
|
}
|
|
#mirror-list {
|
|
.status-syncing {
|
|
background-color: #e3fffd;
|
|
}
|
|
:hover {
|
|
background-color: #e0f3fc;
|
|
}
|
|
.status-fail, .status-failed {
|
|
background-color: #fff4e3;
|
|
}
|
|
}
|
|
}
|
|
|
|
#help-page {
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
#news-page {
|
|
article {
|
|
.meta {
|
|
color: $color_grey;
|
|
}
|
|
}
|
|
.fa-user {
|
|
font-family: #{$font_default}, 'FontAwesome';
|
|
}
|
|
}
|
|
|
|
/* Footer */
|
|
#footerwrap {
|
|
color: $color_footer_content;
|
|
margin-top: 100px;
|
|
padding-top: 60px;
|
|
padding-bottom: 60px;
|
|
background: $color_secondary;
|
|
p {
|
|
color: $color_footer_content;
|
|
}
|
|
h4 {
|
|
color: $color_footer_heading;
|
|
}
|
|
i, i:hover, a, a:hover {
|
|
color: $color_footer_content;
|
|
}
|
|
}
|
|
|
|
.spacing {
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.clickable {
|
|
cursor: pointer;
|
|
}
|