2015-03-20 15:20:05 +08:00
|
|
|
@footer-margin: 40px;
|
2015-03-08 04:12:13 +08:00
|
|
|
|
2015-03-20 15:20:05 +08:00
|
|
|
body {
|
2015-03-08 04:12:13 +08:00
|
|
|
font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif,'微软雅黑';
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
}
|
|
|
|
.full.height {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0 0 -87px 0;
|
|
|
|
min-height: 100%;
|
|
|
|
}
|
|
|
|
.following.bar {
|
|
|
|
z-index: 900;
|
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
padding: 0.7em 0;
|
|
|
|
&.light {
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
border-bottom: 1px solid #DDDDDD;
|
|
|
|
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
|
|
|
|
}
|
|
|
|
.column .menu {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
.brand {
|
|
|
|
float: left;
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
.searchbox {
|
|
|
|
background-color: rgb(244, 244, 244)!important;
|
|
|
|
&:focus {
|
|
|
|
background-color: rgb(233, 233, 233)!important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
footer {
|
|
|
|
margin-top: @footer-margin!important;
|
|
|
|
background-color: white;
|
|
|
|
border-top: 1px solid #d6d6d6;
|
|
|
|
clear: both;
|
|
|
|
width: 100%;
|
|
|
|
color: #888888;
|
|
|
|
.ui {
|
|
|
|
&.left {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
&.right {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.fa {
|
|
|
|
width: 16px;
|
|
|
|
text-align: center;
|
|
|
|
color: #428bca;
|
|
|
|
}
|
|
|
|
.links >* {
|
|
|
|
border-left: 1px solid #d6d6d6;
|
|
|
|
padding-left: 8px;
|
|
|
|
margin-left: 5px;
|
|
|
|
&:first-child {
|
|
|
|
border-left: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.generate-img(16);
|
|
|
|
.generate-img(@n, @i: 1) when (@i =< @n) {
|
|
|
|
.img-@{i} {
|
|
|
|
width: (2px * @i);
|
|
|
|
height: (2px * @i);
|
|
|
|
}
|
|
|
|
.generate-img(@n, (@i + 1));
|
2015-03-20 15:20:05 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
// Accessibility
|
|
|
|
.sr-only {
|
|
|
|
position: absolute;
|
|
|
|
width: 1px;
|
|
|
|
height: 1px;
|
|
|
|
padding: 0;
|
|
|
|
margin: -1px;
|
|
|
|
overflow: hidden;
|
|
|
|
clip: rect(0, 0, 0, 0);
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
.sr-only-focusable:active,
|
|
|
|
.sr-only-focusable:focus {
|
|
|
|
position: static;
|
|
|
|
width: auto;
|
|
|
|
height: auto;
|
|
|
|
margin: 0;
|
|
|
|
overflow: visible;
|
|
|
|
clip: auto;
|
2015-03-08 04:12:13 +08:00
|
|
|
}
|