mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-12 06:51:38 +08:00
添加Metronic（作为LFS）
This commit is contained in:
249
frontend/static/css/base/base.css
Normal file
249
frontend/static/css/base/base.css
Normal file
@@ -0,0 +1,249 @@
|
||||
/*** base reset ***/
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
|
||||
pre,code,form,fieldset,legend,input,
|
||||
button,textarea,p,blockquote,th,td{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
fieldset,img{
|
||||
border: 0;
|
||||
}
|
||||
:focus{
|
||||
outline:none;
|
||||
}
|
||||
address,caption,cite,code,dfn,em,strong,th,var,optgroup{
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
abbr,acronym{
|
||||
border: 0;
|
||||
font-variant: normal;
|
||||
}
|
||||
code,kbd,samp,tt{
|
||||
font-size: 100%;
|
||||
}
|
||||
input,button,textarea,select{
|
||||
*font-size: 100%;
|
||||
border:none;
|
||||
outline: none;
|
||||
}
|
||||
ol,ul{
|
||||
list-style: none;
|
||||
}
|
||||
table{
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
caption,th{
|
||||
text-align: left;
|
||||
}
|
||||
sup,sub{
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
:link, :visited, ins{
|
||||
text-decoration: none;
|
||||
}
|
||||
blockquote,q{
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after, q:before, q:after{
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
html{
|
||||
font-size: 100%;/*浏览器默认16px*/
|
||||
height: 100%;
|
||||
}
|
||||
body,input,button{
|
||||
font: 1rem/1.1rem "lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
|
||||
font-weight: 100;
|
||||
}
|
||||
body{
|
||||
background:#fff;
|
||||
color:#666;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
display: block;
|
||||
}
|
||||
.wrapper{
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
padding-bottom: 20rem;
|
||||
}
|
||||
/**--placeholder--**/
|
||||
input::-webkit-input-placeholder,
|
||||
textarea::-webkit-input-placeholder{
|
||||
font: 0.875rem/1.45rem "lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
|
||||
font-weight: 100;
|
||||
color: #ddd;
|
||||
}
|
||||
input:-moz-placeholder,
|
||||
textarea:-moz-placeholder{
|
||||
font: 0.875rem/1.45rem "lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
|
||||
font-weight: 100;
|
||||
color: #ddd;
|
||||
}
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder{
|
||||
font: 0.875rem/1.45rem "lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
|
||||
font-weight: 100;
|
||||
color: #ddd;
|
||||
}
|
||||
/**--h1~~h6--**/
|
||||
h1,h2,h3,h4,h5,h6,span{
|
||||
font-weight: 100;
|
||||
}
|
||||
h1{
|
||||
font-size: 2.25rem;/*36px*/
|
||||
line-height: 2.475rem;
|
||||
}
|
||||
h2{
|
||||
font-size: 1.875rem;/*30px*/
|
||||
line-height: 2.0625rem;
|
||||
}
|
||||
h3{
|
||||
font-size: 1.5rem;/*24px*/
|
||||
line-height: 1.65rem;
|
||||
}
|
||||
h4{
|
||||
font-size: 1.25rem;/*20px*/
|
||||
line-height: 1.375rem;
|
||||
}
|
||||
h5{
|
||||
font-size: 1rem;/*16px*/
|
||||
line-height: 1.1rem;
|
||||
}
|
||||
h6{
|
||||
font-size: 0.875rem;/*14px*/
|
||||
line-height: 0.825rem;
|
||||
}
|
||||
|
||||
/*** common ***/
|
||||
/*link style*/
|
||||
a:link, a:visited{
|
||||
color: #4c4c4c;
|
||||
}
|
||||
a:hover {
|
||||
color: #86d48d;
|
||||
}
|
||||
a:active {
|
||||
color: #4c4c4c;
|
||||
}
|
||||
/*float*/
|
||||
.fl{
|
||||
float:left;
|
||||
}
|
||||
.fr{
|
||||
float:right;
|
||||
}
|
||||
/*clear float*/
|
||||
.clearfix:after{
|
||||
content:'\0020';
|
||||
display:block;
|
||||
height:0;
|
||||
clear:both;
|
||||
visibility:hidden;
|
||||
}
|
||||
.clearfix{
|
||||
*zoom:1;
|
||||
}
|
||||
.clear{
|
||||
height:0;
|
||||
overflow:hidden;
|
||||
clear:both;
|
||||
}
|
||||
/*border && padding*/
|
||||
.border{
|
||||
border: 1px solid #eeeeee;
|
||||
}
|
||||
.border-btn{
|
||||
border: 1px solid #cfcfcf;
|
||||
}
|
||||
.bl{
|
||||
border-left: 1px solid #eeeeee;
|
||||
}
|
||||
.bb{
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
}
|
||||
.p0_15{
|
||||
padding: 0 0.9375rem;
|
||||
}
|
||||
.p20_0{
|
||||
padding:1.25rem 0;
|
||||
}
|
||||
.p23_0{
|
||||
padding:1.4375rem 0;
|
||||
}
|
||||
.p16_0{
|
||||
padding: 1rem 0;
|
||||
}
|
||||
.p34_0{
|
||||
padding: 2.125rem 0;
|
||||
}
|
||||
.p50_0{
|
||||
padding: 3.125rem 0;
|
||||
}
|
||||
.p0_30{
|
||||
padding:0 1.875rem;
|
||||
}
|
||||
.p0_32{
|
||||
padding:0 2rem;
|
||||
}
|
||||
.p20_32{
|
||||
padding:1.25rem 2rem;
|
||||
}
|
||||
.p8_32{
|
||||
padding:.5rem 2rem !important;
|
||||
}
|
||||
.pt4{
|
||||
padding-top:0.25rem;
|
||||
}
|
||||
.pt20{
|
||||
padding-top:1.25rem;
|
||||
}
|
||||
.pt78{
|
||||
padding-top:4.875rem;
|
||||
}
|
||||
/*颜色定义*/
|
||||
/*theme color*/
|
||||
.dark-green{
|
||||
color:#86d48d;
|
||||
}
|
||||
.bg-dark-green{
|
||||
background:#86d48d;
|
||||
}
|
||||
.dark-gray{
|
||||
color: #666;
|
||||
}
|
||||
.light-gray{
|
||||
color: #acacac;
|
||||
}
|
||||
.white{
|
||||
color: white !important;
|
||||
}
|
||||
.bold{
|
||||
font-weight: bold;
|
||||
}
|
||||
/*inline-block*/
|
||||
.inline-block{
|
||||
display: inline-block;
|
||||
}
|
||||
/*text-align*/
|
||||
.text-align-left{
|
||||
text-align: left;
|
||||
}
|
||||
.text-align-center{
|
||||
text-align: center;
|
||||
}
|
||||
.text-align-right{
|
||||
text-align: right;
|
||||
}
|
||||
.text-overflow{
|
||||
display:block; /*内联对象需加*/
|
||||
word-break:keep-all; /* 不换行 */
|
||||
white-space:nowrap; /* 不换行 */
|
||||
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
|
||||
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
596
frontend/static/css/base/bootstrap-theme.css
vendored
Normal file
596
frontend/static/css/base/bootstrap-theme.css
vendored
Normal file
@@ -0,0 +1,596 @@
|
||||
/*!
|
||||
* Bootstrap v3.3.5 (http://getbootstrap.com)
|
||||
* Copyright 2011-2016 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
/*!
|
||||
* Generated using the Bootstrap Customizer (http://v3.bootcss.com/customize/?id=41d35c2f9f4614fb24c3b64171a29c81)
|
||||
* Config saved to config.json and https://gist.github.com/41d35c2f9f4614fb24c3b64171a29c81
|
||||
*/
|
||||
/*!
|
||||
* Bootstrap v3.3.5 (http://getbootstrap.com)
|
||||
* Copyright 2011-2015 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
.btn-default,
|
||||
.btn-primary,
|
||||
.btn-success,
|
||||
.btn-info,
|
||||
.btn-warning,
|
||||
.btn-danger {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.btn-default:active,
|
||||
.btn-primary:active,
|
||||
.btn-success:active,
|
||||
.btn-info:active,
|
||||
.btn-warning:active,
|
||||
.btn-danger:active,
|
||||
.btn-default.active,
|
||||
.btn-primary.active,
|
||||
.btn-success.active,
|
||||
.btn-info.active,
|
||||
.btn-warning.active,
|
||||
.btn-danger.active {
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
.btn-default.disabled,
|
||||
.btn-primary.disabled,
|
||||
.btn-success.disabled,
|
||||
.btn-info.disabled,
|
||||
.btn-warning.disabled,
|
||||
.btn-danger.disabled,
|
||||
.btn-default[disabled],
|
||||
.btn-primary[disabled],
|
||||
.btn-success[disabled],
|
||||
.btn-info[disabled],
|
||||
.btn-warning[disabled],
|
||||
.btn-danger[disabled],
|
||||
fieldset[disabled] .btn-default,
|
||||
fieldset[disabled] .btn-primary,
|
||||
fieldset[disabled] .btn-success,
|
||||
fieldset[disabled] .btn-info,
|
||||
fieldset[disabled] .btn-warning,
|
||||
fieldset[disabled] .btn-danger {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.btn-default .badge,
|
||||
.btn-primary .badge,
|
||||
.btn-success .badge,
|
||||
.btn-info .badge,
|
||||
.btn-warning .badge,
|
||||
.btn-danger .badge {
|
||||
text-shadow: none;
|
||||
}
|
||||
.btn:active,
|
||||
.btn.active {
|
||||
background-image: none;
|
||||
}
|
||||
.btn-default {
|
||||
background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0)));
|
||||
background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: rgba(0, 0, 0, 0);
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
border-color: #ccc;
|
||||
}
|
||||
.btn-default:hover,
|
||||
.btn-default:focus {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-default:active,
|
||||
.btn-default.active {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
.btn-default.disabled,
|
||||
.btn-default[disabled],
|
||||
fieldset[disabled] .btn-default,
|
||||
.btn-default.disabled:hover,
|
||||
.btn-default[disabled]:hover,
|
||||
fieldset[disabled] .btn-default:hover,
|
||||
.btn-default.disabled:focus,
|
||||
.btn-default[disabled]:focus,
|
||||
fieldset[disabled] .btn-default:focus,
|
||||
.btn-default.disabled.focus,
|
||||
.btn-default[disabled].focus,
|
||||
fieldset[disabled] .btn-default.focus,
|
||||
.btn-default.disabled:active,
|
||||
.btn-default[disabled]:active,
|
||||
fieldset[disabled] .btn-default:active,
|
||||
.btn-default.disabled.active,
|
||||
.btn-default[disabled].active,
|
||||
fieldset[disabled] .btn-default.active {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
background-image: none;
|
||||
}
|
||||
.btn-primary {
|
||||
background-image: -webkit-linear-gradient(top, #1dc78e 0%, #159268 100%);
|
||||
background-image: -o-linear-gradient(top, #1dc78e 0%, #159268 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#1dc78e), to(#159268));
|
||||
background-image: linear-gradient(to bottom, #1dc78e 0%, #159268 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1dc78e', endColorstr='#ff159268', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #148962;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus {
|
||||
background-color: #159268;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-primary:active,
|
||||
.btn-primary.active {
|
||||
background-color: #159268;
|
||||
border-color: #148962;
|
||||
}
|
||||
.btn-primary.disabled,
|
||||
.btn-primary[disabled],
|
||||
fieldset[disabled] .btn-primary,
|
||||
.btn-primary.disabled:hover,
|
||||
.btn-primary[disabled]:hover,
|
||||
fieldset[disabled] .btn-primary:hover,
|
||||
.btn-primary.disabled:focus,
|
||||
.btn-primary[disabled]:focus,
|
||||
fieldset[disabled] .btn-primary:focus,
|
||||
.btn-primary.disabled.focus,
|
||||
.btn-primary[disabled].focus,
|
||||
fieldset[disabled] .btn-primary.focus,
|
||||
.btn-primary.disabled:active,
|
||||
.btn-primary[disabled]:active,
|
||||
fieldset[disabled] .btn-primary:active,
|
||||
.btn-primary.disabled.active,
|
||||
.btn-primary[disabled].active,
|
||||
fieldset[disabled] .btn-primary.active {
|
||||
background-color: #159268;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-success {
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #3e8f3e;
|
||||
}
|
||||
.btn-success:hover,
|
||||
.btn-success:focus {
|
||||
background-color: #419641;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-success:active,
|
||||
.btn-success.active {
|
||||
background-color: #419641;
|
||||
border-color: #3e8f3e;
|
||||
}
|
||||
.btn-success.disabled,
|
||||
.btn-success[disabled],
|
||||
fieldset[disabled] .btn-success,
|
||||
.btn-success.disabled:hover,
|
||||
.btn-success[disabled]:hover,
|
||||
fieldset[disabled] .btn-success:hover,
|
||||
.btn-success.disabled:focus,
|
||||
.btn-success[disabled]:focus,
|
||||
fieldset[disabled] .btn-success:focus,
|
||||
.btn-success.disabled.focus,
|
||||
.btn-success[disabled].focus,
|
||||
fieldset[disabled] .btn-success.focus,
|
||||
.btn-success.disabled:active,
|
||||
.btn-success[disabled]:active,
|
||||
fieldset[disabled] .btn-success:active,
|
||||
.btn-success.disabled.active,
|
||||
.btn-success[disabled].active,
|
||||
fieldset[disabled] .btn-success.active {
|
||||
background-color: #419641;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-info {
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #28a4c9;
|
||||
}
|
||||
.btn-info:hover,
|
||||
.btn-info:focus {
|
||||
background-color: #2aabd2;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-info:active,
|
||||
.btn-info.active {
|
||||
background-color: #2aabd2;
|
||||
border-color: #28a4c9;
|
||||
}
|
||||
.btn-info.disabled,
|
||||
.btn-info[disabled],
|
||||
fieldset[disabled] .btn-info,
|
||||
.btn-info.disabled:hover,
|
||||
.btn-info[disabled]:hover,
|
||||
fieldset[disabled] .btn-info:hover,
|
||||
.btn-info.disabled:focus,
|
||||
.btn-info[disabled]:focus,
|
||||
fieldset[disabled] .btn-info:focus,
|
||||
.btn-info.disabled.focus,
|
||||
.btn-info[disabled].focus,
|
||||
fieldset[disabled] .btn-info.focus,
|
||||
.btn-info.disabled:active,
|
||||
.btn-info[disabled]:active,
|
||||
fieldset[disabled] .btn-info:active,
|
||||
.btn-info.disabled.active,
|
||||
.btn-info[disabled].active,
|
||||
fieldset[disabled] .btn-info.active {
|
||||
background-color: #2aabd2;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-warning {
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #e38d13;
|
||||
}
|
||||
.btn-warning:hover,
|
||||
.btn-warning:focus {
|
||||
background-color: #eb9316;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-warning:active,
|
||||
.btn-warning.active {
|
||||
background-color: #eb9316;
|
||||
border-color: #e38d13;
|
||||
}
|
||||
.btn-warning.disabled,
|
||||
.btn-warning[disabled],
|
||||
fieldset[disabled] .btn-warning,
|
||||
.btn-warning.disabled:hover,
|
||||
.btn-warning[disabled]:hover,
|
||||
fieldset[disabled] .btn-warning:hover,
|
||||
.btn-warning.disabled:focus,
|
||||
.btn-warning[disabled]:focus,
|
||||
fieldset[disabled] .btn-warning:focus,
|
||||
.btn-warning.disabled.focus,
|
||||
.btn-warning[disabled].focus,
|
||||
fieldset[disabled] .btn-warning.focus,
|
||||
.btn-warning.disabled:active,
|
||||
.btn-warning[disabled]:active,
|
||||
fieldset[disabled] .btn-warning:active,
|
||||
.btn-warning.disabled.active,
|
||||
.btn-warning[disabled].active,
|
||||
fieldset[disabled] .btn-warning.active {
|
||||
background-color: #eb9316;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-danger {
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #b92c28;
|
||||
}
|
||||
.btn-danger:hover,
|
||||
.btn-danger:focus {
|
||||
background-color: #c12e2a;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-danger:active,
|
||||
.btn-danger.active {
|
||||
background-color: #c12e2a;
|
||||
border-color: #b92c28;
|
||||
}
|
||||
.btn-danger.disabled,
|
||||
.btn-danger[disabled],
|
||||
fieldset[disabled] .btn-danger,
|
||||
.btn-danger.disabled:hover,
|
||||
.btn-danger[disabled]:hover,
|
||||
fieldset[disabled] .btn-danger:hover,
|
||||
.btn-danger.disabled:focus,
|
||||
.btn-danger[disabled]:focus,
|
||||
fieldset[disabled] .btn-danger:focus,
|
||||
.btn-danger.disabled.focus,
|
||||
.btn-danger[disabled].focus,
|
||||
fieldset[disabled] .btn-danger.focus,
|
||||
.btn-danger.disabled:active,
|
||||
.btn-danger[disabled]:active,
|
||||
fieldset[disabled] .btn-danger:active,
|
||||
.btn-danger.disabled.active,
|
||||
.btn-danger[disabled].active,
|
||||
fieldset[disabled] .btn-danger.active {
|
||||
background-color: #c12e2a;
|
||||
background-image: none;
|
||||
}
|
||||
.thumbnail,
|
||||
.img-thumbnail {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.dropdown-menu > li > a:hover,
|
||||
.dropdown-menu > li > a:focus {
|
||||
background-image: -webkit-linear-gradient(top, #4e4e4e 0%, #414141 100%);
|
||||
background-image: -o-linear-gradient(top, #4e4e4e 0%, #414141 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#414141));
|
||||
background-image: linear-gradient(to bottom, #4e4e4e 0%, #414141 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4e4e4e', endColorstr='#ff414141', GradientType=0);
|
||||
background-color: #414141;
|
||||
}
|
||||
.dropdown-menu > .active > a,
|
||||
.dropdown-menu > .active > a:hover,
|
||||
.dropdown-menu > .active > a:focus {
|
||||
background-image: -webkit-linear-gradient(top, #1dc78e 0%, #1ab17e 100%);
|
||||
background-image: -o-linear-gradient(top, #1dc78e 0%, #1ab17e 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#1dc78e), to(#1ab17e));
|
||||
background-image: linear-gradient(to bottom, #1dc78e 0%, #1ab17e 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1dc78e', endColorstr='#ff1ab17e', GradientType=0);
|
||||
background-color: #1ab17e;
|
||||
}
|
||||
.navbar-default {
|
||||
background-image: -webkit-linear-gradient(top, #494949 0%, #2f2f2f 100%);
|
||||
background-image: -o-linear-gradient(top, #494949 0%, #2f2f2f 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#2f2f2f));
|
||||
background-image: linear-gradient(to bottom, #494949 0%, #2f2f2f 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff494949', endColorstr='#ff2f2f2f', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.navbar-default .navbar-nav > .open > a,
|
||||
.navbar-default .navbar-nav > .active > a {
|
||||
background-image: -webkit-linear-gradient(top, #222222 0%, #2a2a2a 100%);
|
||||
background-image: -o-linear-gradient(top, #222222 0%, #2a2a2a 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#2a2a2a));
|
||||
background-image: linear-gradient(to bottom, #222222 0%, #2a2a2a 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff2a2a2a', GradientType=0);
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.navbar-brand,
|
||||
.navbar-nav > li > a {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.navbar-inverse {
|
||||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
|
||||
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222222));
|
||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
border-radius: 0;
|
||||
}
|
||||
.navbar-inverse .navbar-nav > .open > a,
|
||||
.navbar-inverse .navbar-nav > .active > a {
|
||||
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
|
||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.navbar-inverse .navbar-brand,
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.navbar-static-top,
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
border-radius: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
|
||||
color: #fff;
|
||||
background-image: -webkit-linear-gradient(top, #1dc78e 0%, #1ab17e 100%);
|
||||
background-image: -o-linear-gradient(top, #1dc78e 0%, #1ab17e 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#1dc78e), to(#1ab17e));
|
||||
background-image: linear-gradient(to bottom, #1dc78e 0%, #1ab17e 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1dc78e', endColorstr='#ff1ab17e', GradientType=0);
|
||||
}
|
||||
}
|
||||
.alert {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.alert-success {
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
|
||||
border-color: #b2dba1;
|
||||
}
|
||||
.alert-info {
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
|
||||
border-color: #9acfea;
|
||||
}
|
||||
.alert-warning {
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
|
||||
border-color: #f5e79e;
|
||||
}
|
||||
.alert-danger {
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
|
||||
border-color: #dca7a7;
|
||||
}
|
||||
.progress {
|
||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
|
||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
|
||||
}
|
||||
.progress-bar {
|
||||
background-image: -webkit-linear-gradient(top, #1dc78e 0%, #179a6e 100%);
|
||||
background-image: -o-linear-gradient(top, #1dc78e 0%, #179a6e 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#1dc78e), to(#179a6e));
|
||||
background-image: linear-gradient(to bottom, #1dc78e 0%, #179a6e 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1dc78e', endColorstr='#ff179a6e', GradientType=0);
|
||||
}
|
||||
.progress-bar-success {
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
|
||||
}
|
||||
.progress-bar-info {
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
|
||||
}
|
||||
.progress-bar-warning {
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
|
||||
}
|
||||
.progress-bar-danger {
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
|
||||
}
|
||||
.progress-bar-striped {
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
.list-group {
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.list-group-item.active,
|
||||
.list-group-item.active:hover,
|
||||
.list-group-item.active:focus {
|
||||
text-shadow: 0 -1px 0 #179a6e;
|
||||
background-image: -webkit-linear-gradient(top, #1dc78e 0%, #18a676 100%);
|
||||
background-image: -o-linear-gradient(top, #1dc78e 0%, #18a676 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#1dc78e), to(#18a676));
|
||||
background-image: linear-gradient(to bottom, #1dc78e 0%, #18a676 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1dc78e', endColorstr='#ff18a676', GradientType=0);
|
||||
border-color: #18a676;
|
||||
}
|
||||
.list-group-item.active .badge,
|
||||
.list-group-item.active:hover .badge,
|
||||
.list-group-item.active:focus .badge {
|
||||
text-shadow: none;
|
||||
}
|
||||
.panel {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.panel-default > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||
}
|
||||
.panel-primary > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #1dc78e 0%, #1ab17e 100%);
|
||||
background-image: -o-linear-gradient(top, #1dc78e 0%, #1ab17e 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#1dc78e), to(#1ab17e));
|
||||
background-image: linear-gradient(to bottom, #1dc78e 0%, #1ab17e 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1dc78e', endColorstr='#ff1ab17e', GradientType=0);
|
||||
}
|
||||
.panel-success > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
|
||||
}
|
||||
.panel-info > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
|
||||
}
|
||||
.panel-warning > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
|
||||
}
|
||||
.panel-danger > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
|
||||
}
|
||||
.well {
|
||||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
|
||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
|
||||
border-color: #dcdcdc;
|
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
14
frontend/static/css/base/bootstrap-theme.min.css
vendored
Normal file
14
frontend/static/css/base/bootstrap-theme.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
6802
frontend/static/css/base/bootstrap.css
vendored
Normal file
6802
frontend/static/css/base/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
14
frontend/static/css/base/bootstrap.min.css
vendored
Normal file
14
frontend/static/css/base/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
231
frontend/static/css/base/common.css
Normal file
231
frontend/static/css/base/common.css
Normal file
@@ -0,0 +1,231 @@
|
||||
@font-face {
|
||||
font-family: 'iconfont';
|
||||
src: url('//at.alicdn.com/t/font_1460512524_2882278.eot'); /* IE9*/
|
||||
src: url('//at.alicdn.com/t/font_1460512524_2882278.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('//at.alicdn.com/t/font_1460512524_2882278.woff') format('woff'), /* chrome、firefox */
|
||||
url('//at.alicdn.com/t/font_1460512524_2882278.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
|
||||
url('//at.alicdn.com/t/font_1460512524_2882278.svg#iconfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Glyphicons Halflings';
|
||||
src: url('../fonts/glyphicons-halflings-regular.eot');
|
||||
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
|
||||
}
|
||||
|
||||
.iconfont{
|
||||
font-family:"iconfont";
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
a.normal{
|
||||
color: #2f2f2f;
|
||||
}
|
||||
a.normal:hover, a.normal:focus{
|
||||
color: #1dc78e;
|
||||
}
|
||||
a.hl{
|
||||
color: #1dc78e;
|
||||
}
|
||||
a.hl:hover, a.hl:active{
|
||||
color: #0F9C6D;
|
||||
}
|
||||
|
||||
.modal-content{
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
|
||||
/* navbar */
|
||||
.navbar {
|
||||
position: relative;
|
||||
margin-bottom: 0;
|
||||
border: 0;
|
||||
}
|
||||
.brand{
|
||||
margin: auto;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 50px;
|
||||
height: 20px;
|
||||
}
|
||||
.brand a{
|
||||
color: #fff;
|
||||
}
|
||||
.nav-form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.nav-form input{
|
||||
padding: 6px 15px;
|
||||
margin: auto 0;
|
||||
font-size: 13px;
|
||||
border-radius: 15px;
|
||||
margin-top: 10px;
|
||||
border: none;
|
||||
}
|
||||
.navbar-nav>li>a:hover{
|
||||
background-color: #030303 !important;
|
||||
}
|
||||
.navbar-nav>li .box-number{
|
||||
margin-left: 8px;
|
||||
}
|
||||
.navbar-nav>li i{
|
||||
font-size: 20px;
|
||||
}
|
||||
.navbar-nav>.dropdown{
|
||||
width: 160px;
|
||||
}
|
||||
.navbar-nav>.dropdown.open>a{
|
||||
background-color: #030303;
|
||||
}
|
||||
img.avatar{
|
||||
height: 22px;
|
||||
width: 22px;
|
||||
border-radius: 11px;
|
||||
margin-right: 12px;
|
||||
border: 1px solid #979797;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* tab导航：UI/APP/我的订阅 */
|
||||
.nav-header{
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
background: #fff;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.nav-tabs>li{
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
.nav-tabs>li>a{
|
||||
color: #969696;
|
||||
padding: 0 15px;
|
||||
margin-right: 0;
|
||||
height: 52px;
|
||||
line-height: 50px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.nav-tabs .btn-upload{
|
||||
width: 140px;
|
||||
border-left: 1px solid rgba(0,0,0,0.1);
|
||||
border-right: 1px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
.nav-tabs .btn-upload>a{
|
||||
color: #1DC78E;
|
||||
}
|
||||
.nav-tabs .btn-upload i{
|
||||
margin-right: 8px;
|
||||
}
|
||||
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus{
|
||||
background-color: rgba(29,199,142,0.1);
|
||||
}
|
||||
.nav-tabs>li.active>a{
|
||||
border-bottom: 3px solid #1DC78E;
|
||||
}
|
||||
.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
|
||||
border-bottom: 3px solid #1DC78E;
|
||||
}
|
||||
|
||||
/* footer */
|
||||
.footer{
|
||||
background: #fff;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
padding: 30px 0 20px;
|
||||
}
|
||||
.footer p{
|
||||
color: #969696;
|
||||
}
|
||||
.footer .egggo-total{
|
||||
background-image: url(../images/icon.png);
|
||||
background-size: 46px 55px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 50%;
|
||||
box-sizing: border-box;
|
||||
float: right;
|
||||
width: 15%;
|
||||
min-height: 56px;
|
||||
padding-left: 56px;
|
||||
color: #969696;
|
||||
}
|
||||
.footer .egggo-total strong{
|
||||
display: block;
|
||||
color: #2F2F2F;
|
||||
margin-bottom: 4px;
|
||||
font-size: 22px;
|
||||
}
|
||||
.footer .copyright{
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
/* 带app名称的截图 */
|
||||
.egggos{
|
||||
margin-bottom: 40px;
|
||||
overflow: hidden;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.egggo-item{
|
||||
width: 30%;
|
||||
position: relative;
|
||||
float: left;
|
||||
padding: 10px;
|
||||
margin: 0 15px 30px 15px;
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.07);
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
|
||||
list-style: none;
|
||||
}
|
||||
.egggo-item .shot{
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.egggo-item .shot img{
|
||||
width: 100%;
|
||||
}
|
||||
.egggo-item .egggo-app-name{
|
||||
font-size: 18px;
|
||||
color: #969696;
|
||||
margin-right: 12px;
|
||||
line-height: 34px;
|
||||
}
|
||||
.egggo-item .egggo-app-name:hover{
|
||||
color: #1DC78E;
|
||||
}
|
||||
.egggo-item .btn-add i{
|
||||
font-size: 24px;
|
||||
color: #1DC78E;
|
||||
}
|
||||
.egggo-item .btn-add:hover i{
|
||||
color: #0F9C6D;
|
||||
}
|
||||
|
||||
/* input textfield */
|
||||
input.no-shadow{
|
||||
outline: none;
|
||||
}
|
||||
input.no-shadow:focus, input.no-shadow:active{
|
||||
box-shadow: none;
|
||||
}
|
||||
input{
|
||||
border: 0 !important;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
|
||||
}
|
||||
input:focus, input:active{
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||||
}
|
||||
textarea{
|
||||
outline: none;
|
||||
border: 0 !important;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
|
||||
resize: none;
|
||||
}
|
||||
39
frontend/static/css/base/font_1466477454_6048284.css
Normal file
39
frontend/static/css/base/font_1466477454_6048284.css
Normal file
File diff suppressed because one or more lines are too long
160
frontend/static/css/base/responsive.css
Normal file
160
frontend/static/css/base/responsive.css
Normal file
@@ -0,0 +1,160 @@
|
||||
/***---response---***/
|
||||
*,*:before,*:after{
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*(min-width:1024px)*/
|
||||
@media screen and (min-width: 1024px){
|
||||
.container{
|
||||
margin: 0 auto;
|
||||
}
|
||||
.row{
|
||||
position: relative;
|
||||
}
|
||||
.row:last-of-type{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.column{
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
/*--1/2--*/
|
||||
.half{
|
||||
width: 50%;
|
||||
}
|
||||
/*--1/3--*/
|
||||
.third{
|
||||
width:33.3333%;
|
||||
}
|
||||
/*--2/3--*/
|
||||
.two-thirds{
|
||||
width: 66.6667%;
|
||||
}
|
||||
/*--1/4--*/
|
||||
.fourth{
|
||||
width:25%;
|
||||
}
|
||||
/*--3/4--*/
|
||||
.three-fourths{
|
||||
width:75%;
|
||||
}
|
||||
/*--1/5--*/
|
||||
.fifth{
|
||||
width:20%;
|
||||
}
|
||||
/*--2/5--*/
|
||||
.two-fifths{
|
||||
width:40%;
|
||||
}
|
||||
/*--3/5--*/
|
||||
.three-fifths{
|
||||
width:60%;
|
||||
}
|
||||
/*--4/5--*/
|
||||
.four-fifths{
|
||||
width:80%;
|
||||
}
|
||||
/*--1/6--*/
|
||||
.sixth{
|
||||
width: 16.6667%;
|
||||
}
|
||||
/*--5/6--*/
|
||||
.five-sixths{
|
||||
width: 83.3333%;
|
||||
}
|
||||
/*--1/7--*/
|
||||
.seventh{
|
||||
width: 14.2857%;
|
||||
}
|
||||
/*--2/7--*/
|
||||
.two-sevenths{
|
||||
width: 28.5714%;
|
||||
}
|
||||
/*--3/7--*/
|
||||
.three-sevenths{
|
||||
width: 42.8571%;
|
||||
}
|
||||
/*--4/7--*/
|
||||
.four-sevenths{
|
||||
width: 57.1429%;
|
||||
}
|
||||
/*--5/7--*/
|
||||
.five-sevenths{
|
||||
width: 71.4286%;
|
||||
}
|
||||
/*--6/7--*/
|
||||
.six-sevenths{
|
||||
width: 85.7143%;
|
||||
}
|
||||
/*--1/8--*/
|
||||
.eighth{
|
||||
width:12.5%;
|
||||
}
|
||||
/*--3/8--*/
|
||||
.three-eighths{
|
||||
width:37.5%;
|
||||
}
|
||||
/*--5/8--*/
|
||||
.five-eighths{
|
||||
width:62.5%;
|
||||
}
|
||||
/*--7/8--*/
|
||||
.seven-eighths{
|
||||
width:87.5%;
|
||||
}
|
||||
/*--1/9--*/
|
||||
.ninth{
|
||||
width:11.1111%;
|
||||
}
|
||||
/*--2/9--*/
|
||||
.two-ninths{
|
||||
width:22.2222%;
|
||||
}
|
||||
/*--4/9--*/
|
||||
.four-ninths{
|
||||
width:44.4444%;
|
||||
}
|
||||
/*--5/9--*/
|
||||
.five-ninths{
|
||||
width:55.5556%;
|
||||
}
|
||||
/*--7/9--*/
|
||||
.seven-ninths{
|
||||
width:77.7778%;
|
||||
}
|
||||
/*--8/9--*/
|
||||
.eight-ninths{
|
||||
width:88.8889%;
|
||||
}
|
||||
/*--1/10--*/
|
||||
.tenth{
|
||||
width: 10%;
|
||||
}
|
||||
/*--3/10--*/
|
||||
.three-tenths{
|
||||
width: 30%;
|
||||
}
|
||||
/*--7/10--*/
|
||||
.seven-tenths{
|
||||
width: 70%;
|
||||
}
|
||||
/*--9/10--*/
|
||||
.nine-tenths{
|
||||
width: 90%;
|
||||
}
|
||||
/**反向文档流**/
|
||||
.flow-opposite{
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
/*(max-width: 1024px) and (min-width:768px)*/
|
||||
@media only screen and (max-width: 1024px) and (min-width: 768px){
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px){
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user