mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-11 22:41: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){
|
||||
|
||||
}
|
||||
BIN
frontend/static/css/common/border-anim-h.gif
Normal file
BIN
frontend/static/css/common/border-anim-h.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 219 B |
BIN
frontend/static/css/common/border-anim-v.gif
Normal file
BIN
frontend/static/css/common/border-anim-v.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 219 B |
BIN
frontend/static/css/common/border-h.gif
Normal file
BIN
frontend/static/css/common/border-h.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 72 B |
BIN
frontend/static/css/common/border-v.gif
Normal file
BIN
frontend/static/css/common/border-v.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 72 B |
432
frontend/static/css/common/component.css
Normal file
432
frontend/static/css/common/component.css
Normal file
@@ -0,0 +1,432 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
/*字体图标相关*/
|
||||
@font-face {font-family: "dragonfont";
|
||||
src: url('/public/fonts/dragonfont.eot?ver=16'); /* IE9*/
|
||||
src: url('/public/fonts/dragonfont.eot?#iefix?ver=16') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/public/fonts/dragonfont.woff?ver=16') format('woff'), /* chrome、firefox */
|
||||
url('/public/fonts/dragonfont.ttf?ver=16') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
|
||||
url('/public/fonts/dragonfont.svg?ver=16#dragonfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
|
||||
|
||||
.dragonfont {
|
||||
font-family:"dragonfont" !important;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
display: inline-block;
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.dragonfont-heartempty:before { content: "\e903"; }
|
||||
.dragonfont-heart:before { content: "\e902"; }
|
||||
.dragonfont-quoteleft:before { content: "\e901"; }
|
||||
.dragonfont-quotright:before { content: "\e904"; }
|
||||
.dragonfont-chatbubble:before { content: "\e907"; }
|
||||
.dragonfont-follow:before { content: "\e908"; }
|
||||
.dragonfont-unfollow:before { content: "\e909"; }
|
||||
.dragonfont-public:before { content: "\e910"; }
|
||||
.dragonfont-private:before { content: "\e911"; }
|
||||
.dragonfont-add:before{content:"\e912";}
|
||||
.dragonfont-cancel:before{content:"\e913";}
|
||||
.dragonfont-search:before{content:"\e914";}
|
||||
.dragonfont-ellipsis:before { content: "\e915"; }
|
||||
.dragonfont-box:before{content:"\e916";}
|
||||
.dragonfont-camera:before{content:"\e917";}
|
||||
.dragonfont-write:before{content:"\e918";}
|
||||
.dragonfont-compass:before{content:"\e919";}
|
||||
|
||||
|
||||
.drClose{
|
||||
color: #B3B3B3;
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.drClose:hover{
|
||||
color: black;
|
||||
}
|
||||
|
||||
/*通用button相关*/
|
||||
.btnBlue{
|
||||
border-radius:40px;
|
||||
padding:7px 16px 6px 16px;
|
||||
font-size:13px;
|
||||
color:#386395;
|
||||
background-color:rgba(0,0,0,0);
|
||||
border-color:#386395;
|
||||
border-width:1px;
|
||||
border-style:solid;
|
||||
font-weight:normal;
|
||||
}
|
||||
.btnBlue:hover,
|
||||
.btnBlue:active{
|
||||
color:#5394DF;
|
||||
border-color:#5394DF;
|
||||
background-color:rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
|
||||
.btnRed{
|
||||
border-radius:40px;
|
||||
padding:7px 16px 6px 16px;
|
||||
font-size:13px;
|
||||
color:#DE1A1A;
|
||||
background-color:rgba(0,0,0,0);
|
||||
border-color:#DE1A1A;
|
||||
border-width:1px;
|
||||
border-style:solid;
|
||||
font-weight:normal;
|
||||
}
|
||||
.btnRed:hover,
|
||||
.btnRed:active{
|
||||
color:#FF0B0B;
|
||||
border-color:#FF0B0B;
|
||||
background-color:rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.btnBlue.active{
|
||||
color:white;
|
||||
background-color:#386395;
|
||||
border-color:#386395;
|
||||
}
|
||||
|
||||
.btnWhite{
|
||||
border-radius:40px;
|
||||
padding:8px 16px 7px 16px;
|
||||
font-size:13px;
|
||||
color:white;
|
||||
border-width:1px;
|
||||
border-style:solid;
|
||||
background-color:rgba(0,0,0,0);
|
||||
border-color:white;
|
||||
font-weight:normal;
|
||||
}
|
||||
.btnGray{
|
||||
border-radius:5px;
|
||||
padding:7px 16px 6px 16px;
|
||||
font-size:16px;
|
||||
color:#9B9B9B;
|
||||
border-width:1px;
|
||||
border-style:solid;
|
||||
background-color:rgba(0,0,0,0);
|
||||
border-color:#9B9B9B;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
|
||||
.btnGray:hover,
|
||||
.btnGray:active{
|
||||
/*color:black;
|
||||
background-color:rgba(0,0,0,0);
|
||||
border-color:black;*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.btnBlack{
|
||||
border-radius:40px;
|
||||
padding:7px 16px 6px 16px;
|
||||
font-size:13px;
|
||||
color:#4A4A4A;
|
||||
border-width:1px;
|
||||
border-style:solid;
|
||||
background-color:rgba(0,0,0,0);
|
||||
border-color:#4A4A4A;
|
||||
font-weight:normal;
|
||||
}
|
||||
.btnBlack:hover,
|
||||
.btnBlack:active{
|
||||
color:black;
|
||||
background-color:rgba(0,0,0,0);
|
||||
border-color:black;
|
||||
}
|
||||
|
||||
.btnOrange{
|
||||
border-radius:5px;
|
||||
padding:7px 16px 6px 16px;
|
||||
border:1px solid #FF9B34;
|
||||
font-weight:normal;
|
||||
font-size: 16px;
|
||||
color:#FFF;
|
||||
background-color:#FF9B34;
|
||||
}
|
||||
|
||||
|
||||
.btnOrange:hover,
|
||||
.btnOrange:active{
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*通用link相关*/
|
||||
.linkGray,
|
||||
.linkGray:visited,
|
||||
.linkGray:link{
|
||||
font-size:14px;
|
||||
color:#9B9B9B;
|
||||
}
|
||||
.linkGray:hover,
|
||||
.linkGray:active{
|
||||
color:black;
|
||||
}
|
||||
|
||||
.linkDarkGray,
|
||||
.linkDarkGray:visited,
|
||||
.linkDarkGray:link{
|
||||
font-size:14px;
|
||||
color:#404040;
|
||||
}
|
||||
.linkDarkGray:hover,
|
||||
.linkDarkGray:active{
|
||||
color:black;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.linkOrange,
|
||||
.linkOrange:visited,
|
||||
.linkOrange:link,
|
||||
.linkOrange:hover,
|
||||
.linkOrange:active{
|
||||
font-size:14px;
|
||||
color:#FF9B34 !important;
|
||||
}
|
||||
.linkOrange:hover{
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*popover相关*/
|
||||
|
||||
.drpopover-content{
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
.popover{
|
||||
max-width:1000px;
|
||||
font-family: 'Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.linkSharpChooseBackColor {
|
||||
background-color:#AFD3F7;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.linkSharpBackColor {
|
||||
background-color:rgba(0,0,0,0);
|
||||
-webkit-transition: background-color 3s linear;
|
||||
-moz-transition: background-color 3s linear;
|
||||
-o-transition: background-color 3s linear;
|
||||
-ms-transition: background-color 3s linear;
|
||||
transition: background-color 3s linear;
|
||||
|
||||
}
|
||||
|
||||
.leftHandContainer{
|
||||
text-align:right;
|
||||
float:left;
|
||||
width:50%;
|
||||
}
|
||||
|
||||
.rightHandContainer{
|
||||
text-align:left;
|
||||
float:left;
|
||||
width:50%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*modal相关*/
|
||||
.modal-backdrop.in{
|
||||
opacity:0.99;
|
||||
}
|
||||
|
||||
.modal-backdrop{
|
||||
background-color:white;
|
||||
}
|
||||
.modal-content{
|
||||
-web-kit-box-shadow: 0 0 0 rgba(0,0,0,0);
|
||||
box-shadow: 0 0 0 rgba(0,0,0,0);
|
||||
border:0px solid white;
|
||||
background-color:rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
|
||||
.modal-body{
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 1199px) {
|
||||
|
||||
.modal-dialog{
|
||||
width:700px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 800px) and (max-width: 1199px){
|
||||
|
||||
.modal-dialog{
|
||||
width:650px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 800px) {
|
||||
.modal-dialog{
|
||||
margin:80px auto;
|
||||
}
|
||||
|
||||
.modal-header{
|
||||
padding:40px 0 40px 0;
|
||||
}
|
||||
|
||||
.modal-header p{
|
||||
line-height:1;
|
||||
}
|
||||
.modal-header > img{
|
||||
width:18px;
|
||||
height:18px;
|
||||
float:right;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.modal-header p{
|
||||
font-size:24px;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.modal-footer{
|
||||
border: 0px solid white;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
.modal-dialog{
|
||||
width:90%;
|
||||
margin:10px auto;
|
||||
}
|
||||
|
||||
.modal-header{
|
||||
padding:40px 0 30px 0;
|
||||
}
|
||||
.modal-header p{
|
||||
font-size:22px;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
.modal-header > img{
|
||||
width:16px;
|
||||
height:16px;
|
||||
cursor: pointer;
|
||||
float:right;
|
||||
}
|
||||
|
||||
|
||||
.modal-footer{
|
||||
border: 0px solid white;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
ul.tab{
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
ul.tab>li{
|
||||
display: inline-block;
|
||||
color: #BBB;
|
||||
cursor: pointer;
|
||||
}
|
||||
ul.tab>li.active,ul.tab a.active{
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
}
|
||||
ul.tab a{
|
||||
color: #BBB;
|
||||
}
|
||||
|
||||
.line{
|
||||
width: 390px;
|
||||
border-top: 1px solid #EDEDED;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.line.left{
|
||||
margin-right: 70px;
|
||||
}
|
||||
.line.right{
|
||||
margin-left: 70px;
|
||||
}
|
||||
li.dot{
|
||||
margin:0 18px 3px;
|
||||
width:5px;
|
||||
height:5px;
|
||||
background-color:#CECECE;
|
||||
}
|
||||
|
||||
#findLoadMoreButton{
|
||||
display:block;
|
||||
margin:40px auto 40px auto;
|
||||
}
|
||||
|
||||
ul.tab_wechat{
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
ul.tab_wechat>li{
|
||||
margin:0;
|
||||
display: inline-block;
|
||||
width: 114px;
|
||||
height: 29px;
|
||||
line-height: 28px;
|
||||
color: #BBB;
|
||||
border-width:1px 0 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: #FF9B34;
|
||||
float: left;
|
||||
}
|
||||
ul.tab_wechat>li:first-child{
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
ul.tab_wechat>li:last-child{
|
||||
border-right-width:1px;
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
ul.tab_wechat>li.active{
|
||||
background-color: #FF9B34;
|
||||
}
|
||||
ul.tab_wechat>li>a{
|
||||
color: #FF9B34;
|
||||
}
|
||||
ul.tab_wechat>li.active>a{
|
||||
color: #FFF;
|
||||
}
|
||||
57
frontend/static/css/common/createproblem.css
Normal file
57
frontend/static/css/common/createproblem.css
Normal file
@@ -0,0 +1,57 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
#createProblemContent{
|
||||
border:0px solid #E6E6E6;
|
||||
border-bottom:1px solid #E6E6E6;
|
||||
font-size:15px;
|
||||
color:black;
|
||||
width:100%;
|
||||
display:block;
|
||||
outline:none !important;
|
||||
padding:20px 0px 20px 0px;
|
||||
background-color:rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
#createProblemContent::-webkit-input-placeholder { /* WebKit browsers */
|
||||
color: #BABABA;
|
||||
}
|
||||
#createProblemContent:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
||||
color: #BABABA;
|
||||
}
|
||||
#createProblemContent::-moz-placeholder { /* Mozilla Firefox 19+ */
|
||||
color: #BABABA;
|
||||
}
|
||||
#createProblemContent::-ms-input-placeholder { /* Internet Explorer 10+ */
|
||||
color: #BABABA;
|
||||
}
|
||||
|
||||
|
||||
#createProblemSummary{
|
||||
font-size:15px;
|
||||
color:black;
|
||||
min-height:180px;
|
||||
padding:20px 0px 20px 0px;
|
||||
border-bottom:1px solid #E6E6E6;
|
||||
width:100%;
|
||||
outline:none !important;
|
||||
display:block;
|
||||
line-height:1.6;
|
||||
}
|
||||
#createProblemModalOperationContainer{
|
||||
margin-top:60px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#createProblemCancel{
|
||||
margin-right:11px;
|
||||
}
|
||||
|
||||
#createProblemSubmit{
|
||||
margin-left:11px;
|
||||
}
|
||||
|
||||
#createProblemMarkContainer{
|
||||
border-bottom:1px solid #E6E6E6;
|
||||
padding:20px 0px 10px 0px;
|
||||
}
|
||||
|
||||
29
frontend/static/css/common/footer.css
Normal file
29
frontend/static/css/common/footer.css
Normal file
@@ -0,0 +1,29 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
footer{
|
||||
padding-left:73px;
|
||||
width: 100%;
|
||||
height:58px;
|
||||
line-height:58px;
|
||||
color:#7F7F7F;
|
||||
background-color:#F4F4F4;
|
||||
font-size: 15px;
|
||||
font-weight:bold;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
footer>ul>li{
|
||||
margin-right:40px;
|
||||
display:inline-block;
|
||||
float:left;
|
||||
}
|
||||
|
||||
footer a,
|
||||
footer a:link,
|
||||
footer a:active,
|
||||
footer a:hover,
|
||||
footer a:visited{
|
||||
color:#7F7F7F;
|
||||
text-decoration:none;
|
||||
}
|
||||
174
frontend/static/css/common/gldatepicker.css
Normal file
174
frontend/static/css/common/gldatepicker.css
Normal file
@@ -0,0 +1,174 @@
|
||||
.gldp-default {
|
||||
font-family: 'Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
|
||||
color: #1D1D1D;
|
||||
}
|
||||
|
||||
/* Core style for every cell */
|
||||
.gldp-default .core {
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
position: relative;
|
||||
float: left;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
color: #BBB;
|
||||
/*background: #ffffff;
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #dadada 98%, #ffffff 99%, #dadada 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#dadada), color-stop(99%,#ffffff), color-stop(100%,#dadada));
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
|
||||
background: linear-gradient(to bottom, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 );*/
|
||||
}
|
||||
|
||||
/* Cell border */
|
||||
.gldp-default .border {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #EAEAEA;
|
||||
}
|
||||
|
||||
/* Month/Year title */
|
||||
.gldp-default .title{
|
||||
margin-right: 22px;
|
||||
margin-bottom: 23px;
|
||||
float: left;
|
||||
font-size: 33px;
|
||||
color: #1D1D1D;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.gldp-default .title span{
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
/* Prev/Next arrows */
|
||||
.gldp-default .title>img{
|
||||
width: 28px;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.gldp-default .prev-arrow-off,
|
||||
.gldp-default .next-arrow-off {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Days of the week */
|
||||
.gldp-default .dow {
|
||||
font-weight: bold;
|
||||
/*cursor: wait !important;*/
|
||||
/*background: #ff0000;
|
||||
background: -moz-linear-gradient(top, #ff0000 0%, #ffcccc 1%, #ff0000 2%, #aa0000 98%, #dd4444 99%, #880000 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(1%,#dd4444), color-stop(2%,#ff0000), color-stop(98%,#aa0000), color-stop(99%,#ffcccc), color-stop(100%,#880000));
|
||||
background: -webkit-linear-gradient(top, #ff0000 0%,#ffcccc 1%,#ff0000 2%,#aa0000 98%,#dd4444 99%,#880000 100%);
|
||||
background: -o-linear-gradient(top, #ff0000 0%,#ffcccc 1%,#ff0000 2%,#aa0000 98%,#dd4444 99%,#880000 100%);
|
||||
background: -ms-linear-gradient(top, #ff0000 0%,#ffcccc 1%,#ff0000 2%,#aa0000 98%,#dd4444 99%,#880000 100%);
|
||||
background: linear-gradient(to bottom, #ff0000 0%,#ffcccc 1%,#ff0000 2%,#aa0000 98%,#dd4444 99%,#880000 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#880000',GradientType=0 );*/
|
||||
}
|
||||
|
||||
/* Weekdays */
|
||||
.gldp-default .mon,
|
||||
.gldp-default .tue,
|
||||
.gldp-default .wed,
|
||||
.gldp-default .thu,
|
||||
.gldp-default .fri {
|
||||
font-weight: bold;
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
/* Weekend days */
|
||||
.gldp-default .sat,
|
||||
.gldp-default .sun {
|
||||
color: #3858a8;
|
||||
font-weight: bold;
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
/* Selectable days that are outside of current month being shown */
|
||||
.gldp-default .outday {
|
||||
color: #666 !important;
|
||||
}
|
||||
|
||||
/* Hover */
|
||||
.gldp-default .mon:hover,
|
||||
.gldp-default .tue:hover,
|
||||
.gldp-default .wed:hover,
|
||||
.gldp-default .thu:hover,
|
||||
.gldp-default .fri:hover,
|
||||
.gldp-default .sat:hover,
|
||||
.gldp-default .sun:hover {
|
||||
background: #fcfff4;
|
||||
background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce));
|
||||
background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%);
|
||||
background: -o-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%);
|
||||
background: -ms-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%);
|
||||
background: linear-gradient(to bottom, #fcfff4 0%,#e9e9ce 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 );
|
||||
}
|
||||
|
||||
/* Non-Selectable days */
|
||||
.gldp-default .noday {
|
||||
color: #444;
|
||||
font-weight: normal;
|
||||
cursor: wait !important;
|
||||
background: #aaaaaa;
|
||||
background: -moz-linear-gradient(top, #aaaaaa 0%, #8a8a8a 98%, #aaaaaa 99%, #8a8a8a 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(98%,#8a8a8a), color-stop(99%,#aaaaaa), color-stop(100%,#8a8a8a)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #aaaaaa 0%,#8a8a8a 98%,#aaaaaa 99%,#8a8a8a 100%);
|
||||
background: -o-linear-gradient(top, #aaaaaa 0%,#8a8a8a 98%,#aaaaaa 99%,#8a8a8a 100%);
|
||||
background: -ms-linear-gradient(top, #aaaaaa 0%,#8a8a8a 98%,#aaaaaa 99%,#8a8a8a 100%);
|
||||
background: linear-gradient(to bottom, #aaaaaa 0%,#8a8a8a 98%,#aaaaaa 99%,#8a8a8a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#8a8a8a',GradientType=0 );
|
||||
}
|
||||
|
||||
/* Currently selected day */
|
||||
.gldp-default .selected {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
border-color: #c00;
|
||||
background: #e8bf88;
|
||||
background: -moz-linear-gradient(top, #e8bf88 0%, #ffc19d 1%, #fd8642 2%, #ab2412 98%, #ef753f 99%, #ef753f 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8bf88), color-stop(1%,#ffc19d), color-stop(2%,#fd8642), color-stop(98%,#ab2412), color-stop(99%,#ef753f), color-stop(100%,#ef753f));
|
||||
background: -webkit-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
|
||||
background: -o-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
|
||||
background: -ms-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
|
||||
background: linear-gradient(to bottom, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8bf88', endColorstr='#ef753f',GradientType=0 );
|
||||
}
|
||||
|
||||
/* Today */
|
||||
.gldp-default .today {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
border-color: #00c;
|
||||
background: #88bfe8;
|
||||
background: -moz-linear-gradient(top, #88bfe8 0%, #9dc1ff 1%, #4286fd 2%, #0124ab 98%, #3775ef 99%, #3775ef 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(1%,#9dc1ff), color-stop(2%,#4286fd), color-stop(98%,#0124ab), color-stop(99%,#3775ef), color-stop(100%,#3775ef));
|
||||
background: -webkit-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
|
||||
background: -o-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
|
||||
background: -ms-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
|
||||
background: linear-gradient(to bottom, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#3775ef',GradientType=0 );
|
||||
}
|
||||
|
||||
/* Special */
|
||||
.gldp-default .special {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
border-color: #0c0;
|
||||
background: #88e888;
|
||||
background: -moz-linear-gradient(top, #88e888 0%, #9dff9d 1%, #42fd42 2%, #01ab01 98%, #37ef37 99%, #37ef37 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88e888), color-stop(1%,#9dff9d), color-stop(2%,#42fd42), color-stop(98%,#01ab01), color-stop(99%,#37ef37), color-stop(100%,#37ef37));
|
||||
background: -webkit-linear-gradient(top, #88e888 0%,#9dff9d 1%,#42fd42 2%,#01ab01 98%,#37ef37 99%,#37ef37 100%);
|
||||
background: -o-linear-gradient(top, #88e888 0%,#9dff9d 1%,#42fd42 2%,#01ab01 98%,#37ef37 99%,#37ef37 100%);
|
||||
background: -ms-linear-gradient(top, #88e888 0%,#9dff9d 1%,#42fd42 2%,#01ab01 98%,#37ef37 99%,#37ef37 100%);
|
||||
background: linear-gradient(to bottom, #88e888 0%,#9dff9d 1%,#42fd42 2%,#01ab01 98%,#37ef37 99%,#37ef37 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88e888', endColorstr='#37ef37',GradientType=0 );
|
||||
}
|
||||
127
frontend/static/css/common/header.css
Normal file
127
frontend/static/css/common/header.css
Normal file
@@ -0,0 +1,127 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
header{
|
||||
padding-left: 37px;
|
||||
padding-right: 30px;
|
||||
height: 64px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
z-index: 99 !important;
|
||||
font-size: 15px;
|
||||
border-bottom: 1px solid #EDEDED;
|
||||
}
|
||||
|
||||
header>.logo{
|
||||
height: 64px;
|
||||
line-height: 64px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
header>.logo>img{
|
||||
width: 187px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
header>nav{
|
||||
float: right;
|
||||
}
|
||||
|
||||
header>nav>ul>li{
|
||||
margin-left: 28px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.loginBtn{
|
||||
width: 105px;
|
||||
height: 38px;
|
||||
font-size: 15px;
|
||||
color:#FF9B34;
|
||||
background-color:rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
header a,
|
||||
header a:link,
|
||||
header a:visited{
|
||||
color: #7A7A7A;
|
||||
}
|
||||
|
||||
header a:hover,
|
||||
header a:active,
|
||||
header a.active{
|
||||
color: #FF9B34;
|
||||
}
|
||||
|
||||
#drNavbarUser{
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
cursor:pointer;
|
||||
outline:none !important;
|
||||
}
|
||||
|
||||
.drNavbarDropDown{
|
||||
margin-top: 13px;
|
||||
position:relative;
|
||||
}
|
||||
.drNavbarDropDownMenu{
|
||||
list-style:none;
|
||||
width:100%;
|
||||
}
|
||||
.drNavbarDropDownMenu li{
|
||||
margin-top: 10px;
|
||||
display:block;
|
||||
}
|
||||
.drNavbarDropDownMenu .divider{
|
||||
background-color:#EEEEEE;
|
||||
}
|
||||
.drNavbarDropDownMenu span{
|
||||
vertical-align:middle;
|
||||
}
|
||||
.drNavbarPopover{
|
||||
position:absolute;
|
||||
padding:15px;
|
||||
top:40px;
|
||||
left:-90px;
|
||||
min-width:150px;
|
||||
}
|
||||
.drNavbarPopoverInner{
|
||||
padding:5px 20px 15px;
|
||||
background-color:white;
|
||||
border-radius:4px;
|
||||
box-shadow:0 1px 2px rgba(0,0,0,0.25), 0 0 1px rgba(0,0,0,0.35);
|
||||
}
|
||||
.drNavbarPopoverArrow{
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left: 100px;
|
||||
-webkit-transform:rotate(45deg) translate(6px, 6px);
|
||||
-ms-transform:rotate(45deg) translate(6px, 6px);
|
||||
transform:rotate(45deg) translate(6px, 6px);
|
||||
box-shadow:-1px -1px 1px -1px rgba(0,0,0,0.44);
|
||||
}
|
||||
.drNavbarPopoverArrow:after{
|
||||
content:'';
|
||||
display:block;
|
||||
width:14px;
|
||||
height:14px;
|
||||
background-color:white;
|
||||
}
|
||||
.unreadMsgCount{
|
||||
color:white !important;
|
||||
background-color:#FC3939;
|
||||
font-size:10px !important;
|
||||
display:none;
|
||||
width:20px;
|
||||
height:20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
border-radius:10px;
|
||||
position:absolute;
|
||||
letter-spacing: 0px;
|
||||
top: -15px;
|
||||
right: -8px;
|
||||
}
|
||||
|
||||
#unreadLetterCount{
|
||||
top: 0;
|
||||
left: 60px;
|
||||
}
|
||||
51
frontend/static/css/common/imgPreview.css
Normal file
51
frontend/static/css/common/imgPreview.css
Normal file
@@ -0,0 +1,51 @@
|
||||
.img-modal-dialog-bg,.img-modal-dialog-bgDes{
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 95;
|
||||
min-height: 100%!important;
|
||||
width: 100%!important;
|
||||
height: 100%!important;
|
||||
overflow: visible;
|
||||
background: #666;
|
||||
}
|
||||
|
||||
.img-modal-wrapper,.img-modal-wrapperDes{
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.img-modal-dialog,.img-modal-dialogDes{
|
||||
z-index: 99;
|
||||
/*width: 400px;*/
|
||||
border-radius: 10px;
|
||||
border: 1px solid #888;
|
||||
box-shadow: 0 0 80px 0 rgba(0,0,0,.4);
|
||||
background: #fff;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.img-modal-dialog-title,.img-modal-dialog-titleDes{
|
||||
padding: 10px 20px 0 0;
|
||||
}
|
||||
|
||||
.img-modal-dialog-content,.img-modal-dialog-contentDes{
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
.img-modal-dialog-button,.img-modal-dialog-buttonDes{
|
||||
text-align: center;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.img-modal-dialog-button button{
|
||||
width: 90px;
|
||||
}
|
||||
41
frontend/static/css/common/imgareaselect-default.css
Normal file
41
frontend/static/css/common/imgareaselect-default.css
Normal file
@@ -0,0 +1,41 @@
|
||||
/*
|
||||
* imgAreaSelect default style
|
||||
*/
|
||||
|
||||
.imgareaselect-border1 {
|
||||
background: url(border-v.gif) repeat-y left top;
|
||||
}
|
||||
|
||||
.imgareaselect-border2 {
|
||||
background: url(border-h.gif) repeat-x left top;
|
||||
}
|
||||
|
||||
.imgareaselect-border3 {
|
||||
background: url(border-v.gif) repeat-y right top;
|
||||
}
|
||||
|
||||
.imgareaselect-border4 {
|
||||
background: url(border-h.gif) repeat-x left bottom;
|
||||
}
|
||||
|
||||
.imgareaselect-border1, .imgareaselect-border2,
|
||||
.imgareaselect-border3, .imgareaselect-border4 {
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.imgareaselect-handle {
|
||||
background-color: #fff;
|
||||
border: solid 1px #000;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.imgareaselect-outer {
|
||||
background-color: #000;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.imgareaselect-selection {
|
||||
}
|
||||
38
frontend/static/css/common/loadingbar.css
Normal file
38
frontend/static/css/common/loadingbar.css
Normal file
@@ -0,0 +1,38 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
#loadingBar{
|
||||
background-color:#FF9B34;
|
||||
position:fixed;
|
||||
top:0;
|
||||
left:-100%;
|
||||
right:-100%;
|
||||
height:2px;
|
||||
z-index:1800;
|
||||
|
||||
}
|
||||
|
||||
.loadingBarTransEffect {
|
||||
}
|
||||
|
||||
.loadingBarLoadStaticPhase{
|
||||
-webkit-transform:translateX(-75%);
|
||||
-moz-transform:translateX(-75%);
|
||||
-o-transform:translateX(-75%);
|
||||
-ms-transform:translateX(-75%);
|
||||
transform:translateX(-75%);
|
||||
|
||||
}
|
||||
.loadingBarLoadPhase1{
|
||||
-webkit-transform:translateX(75%);
|
||||
-moz-transform:translateX(75%);
|
||||
-o-transform:translateX(75%);
|
||||
-ms-transform:translateX(75%);
|
||||
transform:translateX(75%);
|
||||
|
||||
-webkit-transition:-webkit-transform 0.8s linear;
|
||||
-moz-transition:-moz-transform 0.8s linear;
|
||||
-o-transition:-o-transform 0.8s linear;
|
||||
-ms-transition:-ms-transform 0.8s linear;
|
||||
transition:transform 0.8s linear;
|
||||
}
|
||||
|
||||
96
frontend/static/css/common/markinput.css
Normal file
96
frontend/static/css/common/markinput.css
Normal file
@@ -0,0 +1,96 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
|
||||
[contentEditable=true]:empty:before{
|
||||
content:attr(data-placeHolder);
|
||||
color:#C7C7C7;
|
||||
}
|
||||
[contentEditable=true]{
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#drMarkInputContent{
|
||||
font-size:14px;
|
||||
color:black;
|
||||
display:block;
|
||||
outline:none !important;
|
||||
padding:8px 0px 8px 0px;
|
||||
margin-bottom:10px;
|
||||
|
||||
}
|
||||
|
||||
#drMarkInputContentContainer{
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
.drMarkSpanContainer{
|
||||
font-size:14px;
|
||||
color:#797979;
|
||||
background-color:#F5F5F5;
|
||||
border:1px solid #E1E1E1;
|
||||
border-radius:4px;
|
||||
padding:7px 13px 6px 13px;
|
||||
margin-right:15px;
|
||||
display:inline-block;
|
||||
margin-bottom:10px;
|
||||
cursor:pointer;
|
||||
|
||||
}
|
||||
|
||||
.drMarkSpanContainer:hover,
|
||||
.drMarkSpanContainer:active{
|
||||
color:white;
|
||||
background-color:#386395;
|
||||
border:1px solid #386395;
|
||||
|
||||
}
|
||||
|
||||
#drMarkInputErrorPopoverContent{
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
#drMarkInputPopoverSearch{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#drMarkInputPopoverSearch li{
|
||||
padding:7px 10px 7px 10px;
|
||||
font-size:12px;
|
||||
cursor:pointer;
|
||||
|
||||
}
|
||||
|
||||
.drMarkInputPopoverSearchList span{
|
||||
color:rgba(0,0,0,0.44);
|
||||
}
|
||||
|
||||
|
||||
.drMarkInputPopoverSearchList span strong{
|
||||
color:black;
|
||||
}
|
||||
|
||||
.drMarkInputPopoverSearchList.isActive{
|
||||
background-color:#F0F0F0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#drMarkInputContentContainer+.popover{
|
||||
padding:0px;
|
||||
|
||||
}
|
||||
|
||||
#drMarkInputContentContainer+.popover .popover-content{
|
||||
padding:0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
50
frontend/static/css/common/page.css
Normal file
50
frontend/static/css/common/page.css
Normal file
@@ -0,0 +1,50 @@
|
||||
@CHARSET "UTF-8";
|
||||
.pagination>li>a{
|
||||
border:0px;
|
||||
background-color:transparent;
|
||||
color:#DADADA
|
||||
}
|
||||
|
||||
.pagination>li>a:hover{
|
||||
border:0px;
|
||||
background-color:transparent;
|
||||
color:#646464;
|
||||
}
|
||||
|
||||
.pagination>li>a:active{
|
||||
border:0px;
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
.pagination>.active>a
|
||||
{
|
||||
border:0px;
|
||||
background-color:transparent;
|
||||
color:black;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
|
||||
.pagination>.active>a:visited,
|
||||
.pagination>.active>a:link,
|
||||
.pagination>.active>a:focus{
|
||||
border:0px;
|
||||
background-color:transparent;
|
||||
color:black;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
|
||||
.pagination>.active>a:hover{
|
||||
border:0px;
|
||||
background-color:transparent;
|
||||
color:black;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.pagination>li>a{
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
110
frontend/static/css/common/personalletters.css
Normal file
110
frontend/static/css/common/personalletters.css
Normal file
@@ -0,0 +1,110 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
|
||||
[contentEditable=true]:empty:before{
|
||||
content:attr(data-placeHolder);
|
||||
color:#C7C7C7;
|
||||
}
|
||||
[contentEditable=true]{
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
#createSearchRecipientContainer{
|
||||
border-bottom: 1px solid #E6E6E6;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#createPersonallettersContent{
|
||||
font-size:15px;
|
||||
color:black;
|
||||
min-height:168px;
|
||||
padding:17px 0px 17px 0px;
|
||||
border-bottom:1px solid #E6E6E6;
|
||||
width:100%;
|
||||
outline:none !important;
|
||||
display:block;
|
||||
line-height:1.6;
|
||||
}
|
||||
|
||||
#createPersonallettersModalOperationContainer{
|
||||
margin-top:60px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#createPersonallettersModalOperationContainer button{
|
||||
font-size: 14px;
|
||||
padding: 7px 20px 6px 20px;
|
||||
}
|
||||
|
||||
#createPersonallettersCancel{
|
||||
margin-right:11px;
|
||||
}
|
||||
|
||||
#createPersonallettersSubmit{
|
||||
margin-left:11px;
|
||||
}
|
||||
|
||||
.recipientSpanContainer{
|
||||
font-size:14px;
|
||||
color:#797979;
|
||||
background-color:#F5F5F5;
|
||||
border:1px solid #E1E1E1;
|
||||
border-radius:4px;
|
||||
padding:7px 13px 7px 13px;
|
||||
margin-right:15px;
|
||||
display:inline-block;
|
||||
margin-bottom:10px;
|
||||
cursor:pointer;
|
||||
|
||||
}
|
||||
|
||||
.recipientSpanContainer:hover,
|
||||
.recipientSpanContainer:active{
|
||||
color:white;
|
||||
background-color:#386395;
|
||||
border:1px solid #386395;
|
||||
}
|
||||
|
||||
#markInputErrorPopoverContent{
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
#markInputPopoverSearch{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#markInputPopoverSearch li{
|
||||
padding:7px 10px 7px 10px;
|
||||
font-size:12px;
|
||||
cursor:pointer;
|
||||
|
||||
}
|
||||
|
||||
.markInputPopoverSearchList span{
|
||||
color:rgba(0,0,0,0.44);
|
||||
}
|
||||
|
||||
|
||||
.markInputPopoverSearchList span strong{
|
||||
color:black;
|
||||
}
|
||||
|
||||
.markInputPopoverSearchList.isActive{
|
||||
background-color:#F0F0F0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#markInputContentContainer+.popover{
|
||||
padding:0px;
|
||||
|
||||
}
|
||||
|
||||
#markInputContentContainer+.popover .popover-content{
|
||||
padding:0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
173
frontend/static/css/common/radiocheckstyle.css
Normal file
173
frontend/static/css/common/radiocheckstyle.css
Normal file
@@ -0,0 +1,173 @@
|
||||
#holder {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#holder > div {
|
||||
clear: both;
|
||||
padding: 2%;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #eee;
|
||||
float: left;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.regular-checkbox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.regular-checkbox + label {
|
||||
background-color: #fafafa;
|
||||
border: 1px solid #cacece;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
|
||||
padding: 9px;
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.regular-checkbox:checked + label {
|
||||
background-color: #e9ecee;
|
||||
border: 1px solid #adb8c0;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
|
||||
color: #99a1a7;
|
||||
}
|
||||
|
||||
.regular-checkbox:checked + label:after {
|
||||
content: '\2714';
|
||||
font-size: 14px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 3px;
|
||||
color: #99a1a7;
|
||||
}
|
||||
|
||||
|
||||
.big-checkbox + label {
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
.big-checkbox:checked + label:after {
|
||||
font-size: 28px;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.tag {
|
||||
font-family: Arial, sans-serif;
|
||||
width: 200px;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.radio-1 {
|
||||
width: 193px;
|
||||
}
|
||||
|
||||
.button-holder {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* RADIO */
|
||||
|
||||
.regular-radio {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.regular-radio + label {
|
||||
-webkit-appearance: none;
|
||||
background-color: #fafafa;
|
||||
border: 1px solid #cacece;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
|
||||
padding: 9px;
|
||||
border-radius: 50px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.regular-radio:checked + label:after {
|
||||
content: ' ';
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50px;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
background: #99a1a7;
|
||||
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
|
||||
text-shadow: 0px;
|
||||
left: 3px;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.regular-radio:checked + label {
|
||||
background-color: #e9ecee;
|
||||
color: #99a1a7;
|
||||
border: 1px solid #adb8c0;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.regular-radio + label:active, .regular-radio:checked + label:active {
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.big-radio + label {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.big-radio:checked + label:after {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
left: 4px;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
/* ------- IGNORE */
|
||||
|
||||
#header {
|
||||
width: 100%;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
#header #center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#header h1 span {
|
||||
color: #000;
|
||||
display: block;
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
#header p {
|
||||
font-family: 'Georgia', serif;
|
||||
}
|
||||
#header h1 {
|
||||
color: #892dbf;
|
||||
font: bold 40px 'Bree Serif', serif;
|
||||
}
|
||||
|
||||
#travel {
|
||||
padding: 10px;
|
||||
background: rgba(0,0,0,0.6);
|
||||
border-bottom: 2px solid rgba(0,0,0,0.2);
|
||||
font-variant: normal;
|
||||
text-decoration: none;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#travel a {
|
||||
font-family: 'Georgia', serif;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #f9f9f9;
|
||||
color: #f9f9f9;
|
||||
}
|
||||
101
frontend/static/css/common/searchUser.css
Normal file
101
frontend/static/css/common/searchUser.css
Normal file
@@ -0,0 +1,101 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
|
||||
[contentEditable=true]:empty:before{
|
||||
content:attr(data-placeHolder);
|
||||
color:#C7C7C7;
|
||||
}
|
||||
[contentEditable=true]{
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
#drSearchUserContainer{
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
#drSearchUser{
|
||||
font-size:14px;
|
||||
color:black;
|
||||
width:100%;
|
||||
display:block;
|
||||
outline:none !important;
|
||||
padding:8px 0px 8px 0px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
#drSearchUser::-webkit-input-placeholder { /* WebKit browsers */
|
||||
color: #BABABA;
|
||||
}
|
||||
#drSearchUser:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
||||
color: #BABABA;
|
||||
}
|
||||
#drSearchUser::-moz-placeholder { /* Mozilla Firefox 19+ */
|
||||
color: #BABABA;
|
||||
}
|
||||
#drSearchUser::-ms-input-placeholder { /* Internet Explorer 10+ */
|
||||
color: #BABABA;
|
||||
}
|
||||
|
||||
.drUserSpanContainer{
|
||||
font-size:14px;
|
||||
color:#797979;
|
||||
background-color:#F5F5F5;
|
||||
border:1px solid #E1E1E1;
|
||||
border-radius:4px;
|
||||
padding:7px 13px 6px 13px;
|
||||
margin-right:15px;
|
||||
display:inline-block;
|
||||
margin-bottom:10px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.drUserSpanContainer:hover,
|
||||
.drUserSpanContainer:active{
|
||||
color:white;
|
||||
background-color:#386395;
|
||||
border:1px solid #386395;
|
||||
}
|
||||
|
||||
#drUserInputErrorPopoverContent{
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
#drUserInputPopoverSearch{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#drUserInputPopoverSearch li{
|
||||
padding:7px 10px 7px 10px;
|
||||
font-size:12px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.drUserInputPopoverSearchList span{
|
||||
color:rgba(0,0,0,0.44);
|
||||
}
|
||||
|
||||
.drUserInputPopoverSearchList span img{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.drUserInputPopoverSearchList span strong{
|
||||
color:black;
|
||||
}
|
||||
|
||||
.drUserInputPopoverSearchList.isActive{
|
||||
background-color:#F0F0F0;
|
||||
}
|
||||
|
||||
#drSearchUserContainer+.popover{
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
#drSearchUserContainer+.popover .popover-content{
|
||||
padding:0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
53
frontend/static/css/common/sidebar.css
Normal file
53
frontend/static/css/common/sidebar.css
Normal file
@@ -0,0 +1,53 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
.sidebar{
|
||||
position: absolute;
|
||||
padding-top: 30px;
|
||||
width: 240px;
|
||||
background-color: #F8F8F8;
|
||||
}
|
||||
|
||||
.topmenu a,
|
||||
.topmenu a:link,
|
||||
.topmenu a:visited{
|
||||
display: block;
|
||||
color: #7B7B7B;
|
||||
font-size: 16px;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
ul > li{
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul>li>span{
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
color: #B8B8B8;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul{
|
||||
padding-left: 17px;
|
||||
}
|
||||
|
||||
ul.submenu li{
|
||||
height: 48px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
ul.submenu li:last-child{
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.active{
|
||||
font-weight: bold;
|
||||
background-color: #EFEFEF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
130
frontend/static/css/common/spacecalendar.css
Normal file
130
frontend/static/css/common/spacecalendar.css
Normal file
@@ -0,0 +1,130 @@
|
||||
.gldp-default {
|
||||
font-family: 'Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
|
||||
}
|
||||
|
||||
/* Core style for every cell */
|
||||
.gldp-default .core {
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
position: relative;
|
||||
float: left;
|
||||
padding: 2px 8px 0 0;
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Cell border */
|
||||
.gldp-default .border {
|
||||
margin-left: -1px;
|
||||
margin-top: -1px;
|
||||
height: 124px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #EAEAEA;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Hover */
|
||||
.gldp-default .border:hover{
|
||||
background: #D2D2D2;
|
||||
}
|
||||
|
||||
/* Month/Year title */
|
||||
.gldp-default .title{
|
||||
margin-right: 22px;
|
||||
margin-bottom: 23px;
|
||||
float: left;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.gldp-default .title span{
|
||||
line-height: 48px;
|
||||
font-size: 33px;
|
||||
color: #1D1D1D;
|
||||
}
|
||||
|
||||
/* Prev/Next arrows */
|
||||
.gldp-default .title>img{
|
||||
width: 28px;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.gldp-default .prev-arrow-off,
|
||||
.gldp-default .next-arrow-off {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Days of the week */
|
||||
.gldp-default .dow {
|
||||
margin-bottom: 9px;
|
||||
color: #1D1D1D;
|
||||
}
|
||||
|
||||
.gldp-default .dow.sat,
|
||||
.gldp-default .dow.sun {
|
||||
color: #E71A1A;
|
||||
}
|
||||
|
||||
.gldp-default .border .day{
|
||||
color: #1D1D1D;
|
||||
}
|
||||
|
||||
.gldp-default .prevDay .day,
|
||||
.gldp-default .outMonth .day{
|
||||
color: #BBB;
|
||||
}
|
||||
|
||||
.gldp-default .today{
|
||||
background: #F19191;
|
||||
}
|
||||
|
||||
.gldp-default .border .opened,
|
||||
.gldp-default .border .opening,
|
||||
.gldp-default .border .unopened{
|
||||
position: relative;
|
||||
top: 70px;
|
||||
right: 1px;
|
||||
}
|
||||
|
||||
.gldp-default .border .opened{
|
||||
font-size: 15px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.gldp-default .prevDay .opened{
|
||||
color: #BBB;
|
||||
}
|
||||
|
||||
.gldp-default .border .opening{
|
||||
font-size: 14px;
|
||||
color: #386395;
|
||||
}
|
||||
|
||||
.gldp-default .border .unopened{
|
||||
font-size: 14px;
|
||||
color: #BBB;
|
||||
}
|
||||
|
||||
.contentContainer{
|
||||
padding:34px 0 0 0;
|
||||
}
|
||||
|
||||
.sidebar{
|
||||
height: 930px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1040px) {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1040px) {
|
||||
.contentContainer{
|
||||
width: 800px;
|
||||
}
|
||||
#calender{
|
||||
width: 800px;
|
||||
}
|
||||
}
|
||||
76
frontend/static/css/common/spacepopover.css
Normal file
76
frontend/static/css/common/spacepopover.css
Normal file
@@ -0,0 +1,76 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
.popover{
|
||||
padding:14px 22px 0 20px;
|
||||
width:200px;
|
||||
height:184px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.popover-content{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer{
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer input{
|
||||
padding-right: 5px;
|
||||
width: 63px;
|
||||
height: 30px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer p{
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer .rightPos{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer p.total{
|
||||
line-height: 30px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer p.use{
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer p.available{
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer p.use,
|
||||
.spacePopoverContentContainer p.available{
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer .totalTitle{
|
||||
color: #386395;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer .totalCount,
|
||||
.spacePopoverContentContainer .useTitle,
|
||||
.spacePopoverContentContainer .availableTitle{
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer .useCount,
|
||||
.spacePopoverContentContainer .availableCount{
|
||||
color: #676767;
|
||||
}
|
||||
|
||||
.spacePopoverContentContainer #saveButton{
|
||||
margin-left: 35px;
|
||||
padding: 0;
|
||||
width: 89px;
|
||||
height: 27px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
107
frontend/static/css/common/teampopover.css
Normal file
107
frontend/static/css/common/teampopover.css
Normal file
@@ -0,0 +1,107 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
@media only screen and (min-width: 800px) {
|
||||
.teamPopoverContentContainer{
|
||||
width:300px;
|
||||
padding:11px 6px 0px 6px;
|
||||
}
|
||||
.teamPopoverTeamIcon{
|
||||
display:block;
|
||||
float:left;
|
||||
width:48px;
|
||||
height:48px;
|
||||
}
|
||||
.teamPopoverTeamInfoContainer{
|
||||
width:100%;
|
||||
padding:0px 0 0 68px;
|
||||
}
|
||||
.teamPopoverTeamName > a,
|
||||
.teamPopoverTeamName > a:link,
|
||||
.teamPopoverTeamName > a:visited{
|
||||
font-weight:bold;
|
||||
color:black;
|
||||
font-size:16px;
|
||||
}
|
||||
.teamPopoverTeamName > a:hover,
|
||||
.teamPopoverTeamName > a:active{
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
|
||||
.teamPopoverTeamWord{
|
||||
font-size:13px;
|
||||
color:#787878;
|
||||
margin-top:3px;
|
||||
line-height:1.6;
|
||||
}
|
||||
|
||||
.teamPopoverContentContainer .divider{
|
||||
margin-top:18px;
|
||||
width:100%;
|
||||
background-color:#E6E6E6;
|
||||
}
|
||||
.teamPopoverContentCountInfoContainer{
|
||||
padding:15px 0 6px 0;
|
||||
}
|
||||
|
||||
|
||||
.teamPopoverContentCountInfo{
|
||||
padding:3px 0px 3px 0px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.teamPopoverContentArticleCountContainer{
|
||||
text-align:center;
|
||||
padding:0px 22px 0px 6px;
|
||||
float:left;
|
||||
border-right:1px solid #E6E6E6;
|
||||
|
||||
}
|
||||
.teamPopoverContentArticleCountContainer span{
|
||||
text-align:center;
|
||||
display:block;
|
||||
margin-top:6px;
|
||||
font-size:13px;
|
||||
color:#989898;
|
||||
}
|
||||
.teamPopoverContentArticleCountContainer span:first-child{
|
||||
font-weight:bold;
|
||||
font-size:17px;
|
||||
color:black;
|
||||
margin-top:0px;
|
||||
}
|
||||
.teamPopoverContentFanCountContainer{
|
||||
float:left;
|
||||
text-align:center;
|
||||
padding:0px 6px 0px 22px;
|
||||
|
||||
}
|
||||
.teamPopoverContentFanCountContainer span{
|
||||
text-align:center;
|
||||
display:block;
|
||||
margin-top:6px;
|
||||
font-size:13px;
|
||||
color:#989898;
|
||||
}
|
||||
.teamPopoverContentFanCountContainer span:first-child{
|
||||
font-weight:bold;
|
||||
font-size:17px;
|
||||
color:black;
|
||||
margin-top:0px;
|
||||
}
|
||||
.teamPopoverFollowButton{
|
||||
float:right;
|
||||
font-size:13px;
|
||||
margin-top:7px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
|
||||
|
||||
}
|
||||
57
frontend/static/css/common/tipbar.css
Normal file
57
frontend/static/css/common/tipbar.css
Normal file
@@ -0,0 +1,57 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
#drTipbar{
|
||||
box-shadow: 0px 1px 1px #969696;
|
||||
z-index:1200;
|
||||
background-color:white;
|
||||
position:fixed;
|
||||
left:50%;
|
||||
top:-2px;
|
||||
border-radius:0 0 4px 4px;
|
||||
width:auto;
|
||||
max-width:300px;
|
||||
border:1px solid #BBBBBB;
|
||||
padding:15px 30px 15px 30px;
|
||||
}
|
||||
|
||||
#drTipbarContent{
|
||||
line-height:1.3;
|
||||
font-size:14px;
|
||||
background-color:white;
|
||||
color:black;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.drTipShow{
|
||||
-webkit-transform:translate(-50%,0%);
|
||||
-moz-transform:translate(-50%,0%);
|
||||
-o-transform:translate(-50%,0%);
|
||||
-ms-transform:translate(-50%,0%);
|
||||
transform:translate(-50%,0%);
|
||||
|
||||
|
||||
opacity:1.0;
|
||||
-webkit-transition:-webkit-transform 0.5s linear,opacity 0.5s linear;
|
||||
-moz-transition:-moz-transform 0.5s linear,opacity 0.5s linear;
|
||||
-o-transition:-o-transform 0.5s linear,opacity 0.5s linear;
|
||||
-ms-transition:-ms-transform 0.5s linear,opacity 0.5s linear;
|
||||
transition:transform 0.5s linear,opacity 0.5s linear;
|
||||
}
|
||||
|
||||
.drTipHide{
|
||||
-webkit-transform:translate(-50%,-100%);
|
||||
-moz-transform:translate(-50%,-100%);
|
||||
-o-transform:translate(-50%,-100%);
|
||||
-ms-transform:translate(-50%,-100%);
|
||||
transform:translate(-50%,-100%);
|
||||
opacity:0;
|
||||
-webkit-transition:-webkit-transform 0.5s linear,opacity 0.5s linear;
|
||||
-moz-transition:-moz-transform 0.5s linear,opacity 0.5s linear;
|
||||
-o-transition:-o-transform 0.5s linear,opacity 0.5s linear;
|
||||
-ms-transition:-ms-transform 0.5s linear,opacity 0.5s linear;
|
||||
transition:transform 0.5s linear,opacity 0.5s linear;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
39
frontend/static/css/layout/account.css
Normal file
39
frontend/static/css/layout/account.css
Normal file
@@ -0,0 +1,39 @@
|
||||
.left-container{
|
||||
text-align: center;
|
||||
padding: 20px 40px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.left-container .big-avatar{
|
||||
border: 1px solid #BFBFBF;
|
||||
width: 90px;
|
||||
border-radius: 50px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.left-container .name{
|
||||
font-size: 18px;
|
||||
padding-bottom: 30px;
|
||||
margin: 0 70px;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
}
|
||||
.left-container .left-nav{
|
||||
margin-top: 25px;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.left-container .left-nav>li{
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.right-container{
|
||||
margin-top: 60px;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
.right-container .form-profile-info{
|
||||
width: 40%;
|
||||
}
|
||||
.right-container .form-profile-info .subtitle{
|
||||
color: #969696;
|
||||
margin-top: 6px;
|
||||
}
|
||||
38
frontend/static/css/layout/app.css
Normal file
38
frontend/static/css/layout/app.css
Normal file
@@ -0,0 +1,38 @@
|
||||
.apps{
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
.app-item{
|
||||
list-style: none;
|
||||
height: 350px;
|
||||
padding-bottom: 30px;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.app-item .info{
|
||||
text-align: center;
|
||||
padding-top: 80px;
|
||||
}
|
||||
.app-item .info .icon{
|
||||
width: 70px;
|
||||
}
|
||||
.app-item .info p{
|
||||
color: #969696;
|
||||
}
|
||||
.app-item .pics{
|
||||
height: 100%;
|
||||
}
|
||||
.app-item .pics>li{
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
margin-right: 30px;
|
||||
height: 100%;
|
||||
padding: 7px 5px;
|
||||
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);
|
||||
}
|
||||
.app-item .pics>li>img{
|
||||
height: 100%;
|
||||
}
|
||||
76
frontend/static/css/layout/appdetail.css
Normal file
76
frontend/static/css/layout/appdetail.css
Normal file
@@ -0,0 +1,76 @@
|
||||
.app-container{
|
||||
margin: 40px auto 80px;
|
||||
}
|
||||
.app-container .left-container{
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.basic-info{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.basic-info .app-icon{
|
||||
width: 60px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
.basic-info .app-icon img{
|
||||
border-radius: 4px;
|
||||
}
|
||||
.basic-info h4{
|
||||
word-break: break-word;
|
||||
}
|
||||
.basic-info span{
|
||||
color: #969696;
|
||||
}
|
||||
|
||||
.btn-group{
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding-bottom: 20px;
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.btn-group>a{
|
||||
display: block;
|
||||
}
|
||||
.btn-group>a>i{
|
||||
margin-right: 8px;
|
||||
font-size: 24px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.sort-group{
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.sort-group a{
|
||||
display: block;
|
||||
}
|
||||
.sort-group a:first-child{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.sort-group .active{
|
||||
color: #1dc78e;
|
||||
}
|
||||
|
||||
.tag-group{
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.tag-group>li{
|
||||
display: table;
|
||||
margin-bottom: 15px;
|
||||
border: 1px solid #969696;
|
||||
line-height: 28px;
|
||||
padding: 0 15px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
.tag-group .tag{
|
||||
color: #969696;
|
||||
}
|
||||
.tag-group>li.active, .tag-group>li:hover{
|
||||
border: 1px solid #1dc78e;
|
||||
background: #1dc78e;
|
||||
}
|
||||
.tag-group>li.active .tag, .tag-group>li:hover .tag{
|
||||
color: #fff;
|
||||
}
|
||||
16
frontend/static/css/layout/forget.css
Normal file
16
frontend/static/css/layout/forget.css
Normal file
@@ -0,0 +1,16 @@
|
||||
body{
|
||||
background-color: #2F2F2F;
|
||||
}
|
||||
.title{
|
||||
margin: 60px 0 40px;
|
||||
}
|
||||
.form-forget{
|
||||
max-width: 280px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
p{
|
||||
margin-top: 8px;
|
||||
}
|
||||
.btn{
|
||||
margin: 40px 0 16px;
|
||||
}
|
||||
29
frontend/static/css/layout/home.css
Normal file
29
frontend/static/css/layout/home.css
Normal file
@@ -0,0 +1,29 @@
|
||||
.guide-container{
|
||||
height: 120px;
|
||||
background-image: url(../../img/guide.png);
|
||||
padding-top: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.guide-container h4{
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
margin-right: 32px;
|
||||
}
|
||||
|
||||
.selector-container{
|
||||
padding-right: 14px;
|
||||
}
|
||||
.selector-container .select-item{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.selector-container .select-item .item-header{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.selector-container .select-item .item-tag{
|
||||
margin-right: 12px;
|
||||
line-height: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
.selector-container .select-item .item-tag.active{
|
||||
color: #1DC78E;
|
||||
}
|
||||
67
frontend/static/css/layout/layout-template/layout1.css
Normal file
67
frontend/static/css/layout/layout-template/layout1.css
Normal file
@@ -0,0 +1,67 @@
|
||||
/***--LAYOUT1--***/
|
||||
/**--main-content--**/
|
||||
#main-content{
|
||||
margin-top: 0.1875rem;
|
||||
}
|
||||
#main-content .container{
|
||||
position: relative;
|
||||
margin:0 auto;
|
||||
width: 64rem;
|
||||
/*background: #fafaf7;*/
|
||||
}
|
||||
/*form*/
|
||||
#form-login{
|
||||
padding-top: 3.75rem;
|
||||
}
|
||||
#form-register{
|
||||
padding-top: 2rem;
|
||||
}
|
||||
#form-send-email-again{
|
||||
padding-top: 5.625rem;
|
||||
}
|
||||
.form-group{
|
||||
float: none;
|
||||
width: 27.5rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.form-group label{
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
#form-register .btn{
|
||||
padding-left: 1.25rem;
|
||||
padding-right: 1.25rem;
|
||||
}
|
||||
#form-send-email-again .btn{
|
||||
padding: 1rem 1.25rem;
|
||||
font-size:1.125rem;
|
||||
}
|
||||
.mb28{
|
||||
margin-bottom: 1.75rem;
|
||||
}
|
||||
.mb40{
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
.mb12{
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
.mb132{
|
||||
margin-bottom: 8.25rem;
|
||||
}
|
||||
.go-to-login:link,
|
||||
.go-to-login:visited,
|
||||
.go-to-login:hover,
|
||||
.go-to-login:active,
|
||||
.go-to-register:link,
|
||||
.go-to-register:visited,
|
||||
.go-to-register:hover,
|
||||
.go-to-register:active{
|
||||
color: #86d48d;
|
||||
}
|
||||
/**--footer--**/
|
||||
#footer{
|
||||
height: 3.75rem;
|
||||
line-height: 3.75rem;
|
||||
}
|
||||
|
||||
18
frontend/static/css/layout/layout-template/layout2.css
Normal file
18
frontend/static/css/layout/layout-template/layout2.css
Normal file
@@ -0,0 +1,18 @@
|
||||
/***--LAYOUT2--***/
|
||||
/**--main-content--**/
|
||||
#main-content{
|
||||
margin-top: 0.1875rem;
|
||||
}
|
||||
#main-content .container{
|
||||
position: relative;
|
||||
margin:0 auto;
|
||||
width: 64rem;
|
||||
height: 30rem;
|
||||
/*background: #fafaf7;*/
|
||||
}
|
||||
/**--footer--**/
|
||||
#footer{
|
||||
height: 3.75rem;
|
||||
line-height: 3.75rem;
|
||||
}
|
||||
|
||||
63
frontend/static/css/layout/layout-template/layout3.css
Normal file
63
frontend/static/css/layout/layout-template/layout3.css
Normal file
@@ -0,0 +1,63 @@
|
||||
/***--LAYOUT3--***/
|
||||
/**--main-content--**/
|
||||
#main-content{
|
||||
margin-top: 0.1875rem;
|
||||
}
|
||||
#main-content .container{
|
||||
position: relative;
|
||||
margin:0 auto;
|
||||
width: 64rem;
|
||||
height: 30rem;
|
||||
/*background: #fafaf7;*/
|
||||
}
|
||||
.arrowLeft{
|
||||
font-size:1.875rem;
|
||||
line-height: 1.875rem;
|
||||
color: #8a8a8a;
|
||||
font-weight: 100;
|
||||
}
|
||||
.panel .panel-header .panel-title{
|
||||
top: -2px;
|
||||
left: 6px;
|
||||
}
|
||||
.color-bdbdbd{
|
||||
color: #bdbdbd;
|
||||
}
|
||||
.check{
|
||||
font-size:1.875rem;
|
||||
line-height: 1.875rem;
|
||||
color: #8a8a8a;
|
||||
font-weight: 100;
|
||||
}
|
||||
.checked{
|
||||
font-size:1.875rem;
|
||||
line-height: 1.875rem;
|
||||
font-weight: 100;
|
||||
}
|
||||
.check:hover,.checked:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
.panel .panel-body .row{
|
||||
padding: 1.875rem;
|
||||
}
|
||||
.panel .panel-body .row h4{
|
||||
margin-left: 4px;
|
||||
}
|
||||
.authority ~ .check{
|
||||
display: inline-block;
|
||||
}
|
||||
.authority ~ .checked{
|
||||
display: none;
|
||||
}
|
||||
.authority:checked ~ .check{
|
||||
display: none;
|
||||
}
|
||||
.authority:checked ~ .checked{
|
||||
display: inline-block;
|
||||
}
|
||||
/**--footer--**/
|
||||
#footer{
|
||||
height: 3.75rem;
|
||||
line-height: 3.75rem;
|
||||
}
|
||||
|
||||
17
frontend/static/css/layout/layout-template/layout4.css
Normal file
17
frontend/static/css/layout/layout-template/layout4.css
Normal file
@@ -0,0 +1,17 @@
|
||||
/***--LAYOUT4--***/
|
||||
/**--main-content--**/
|
||||
#main-content{
|
||||
margin-top: 0.1875rem;
|
||||
}
|
||||
#main-content .container{
|
||||
margin: 0 auto;
|
||||
width: 64rem;
|
||||
height: 30rem;
|
||||
/*background: #fafaf7;*/
|
||||
}
|
||||
|
||||
/**--footer--**/
|
||||
#footer{
|
||||
height: 3.75rem;
|
||||
line-height: 3.75rem;
|
||||
}
|
||||
16
frontend/static/css/layout/login.css
Normal file
16
frontend/static/css/layout/login.css
Normal file
@@ -0,0 +1,16 @@
|
||||
body{
|
||||
background-color: #2F2F2F;
|
||||
}
|
||||
.title{
|
||||
margin: 60px 0 40px;
|
||||
}
|
||||
.form-sign-in{
|
||||
max-width: 280px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
p{
|
||||
margin-top: 8px;
|
||||
}
|
||||
.btn{
|
||||
margin: 40px 0 16px;
|
||||
}
|
||||
78
frontend/static/css/layout/profile.css
Normal file
78
frontend/static/css/layout/profile.css
Normal file
@@ -0,0 +1,78 @@
|
||||
.profile{
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
background: rgba(255,255,255,0.6);
|
||||
margin-bottom: 20px;
|
||||
padding-top: 24px;
|
||||
position: relative;
|
||||
height: 140px;
|
||||
}
|
||||
.profile .big-avatar{
|
||||
float: left;
|
||||
border: 1px solid #BFBFBF;
|
||||
width: 100px;
|
||||
border-radius: 50px;
|
||||
margin-right: 32px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.profile .name{
|
||||
font-size: 24px;
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.profile .intro{
|
||||
color: #969696;
|
||||
}
|
||||
.profile .btn-edit{
|
||||
border: 1px solid #969696;
|
||||
border-radius: 4px;
|
||||
color: #969696;
|
||||
font-size: 12px;
|
||||
}
|
||||
.profile .btn-edit:hover{
|
||||
border-color: #1DC78E;
|
||||
color: #1DC78E;
|
||||
}
|
||||
|
||||
.tabs{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.tab-container{
|
||||
padding-left: 100px;
|
||||
}
|
||||
.tabs li{
|
||||
display: inline-block;
|
||||
padding: 12px 32px;
|
||||
}
|
||||
.tabs li.active{
|
||||
border-bottom: 3px solid #1DC78E;
|
||||
}
|
||||
.tabs li.active a{
|
||||
color: #1DC78E;
|
||||
}
|
||||
|
||||
.tag-group{
|
||||
list-style: none;
|
||||
padding-left: 50px;
|
||||
}
|
||||
.tag-group>li{
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid #969696;
|
||||
line-height: 28px;
|
||||
padding: 0 15px;
|
||||
border-radius: 15px;
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.tag-group .tag{
|
||||
color: #969696;
|
||||
}
|
||||
.tag-group>li.active, .tag-group>li:hover{
|
||||
border: 1px solid #1dc78e;
|
||||
background: #1dc78e;
|
||||
}
|
||||
.tag-group>li.active .tag, .tag-group>li:hover .tag{
|
||||
color: #fff;
|
||||
}
|
||||
12
frontend/static/css/layout/resetPassword.css
Normal file
12
frontend/static/css/layout/resetPassword.css
Normal file
@@ -0,0 +1,12 @@
|
||||
body{
|
||||
background-color: #2F2F2F;
|
||||
}
|
||||
.title{
|
||||
margin: 60px 0 40px;
|
||||
}
|
||||
p{
|
||||
margin-top: 8px;
|
||||
}
|
||||
.btn{
|
||||
margin: 40px 0 16px;
|
||||
}
|
||||
102
frontend/static/css/layout/search.css
Normal file
102
frontend/static/css/layout/search.css
Normal file
@@ -0,0 +1,102 @@
|
||||
.app-container{
|
||||
margin: 40px auto 80px;
|
||||
}
|
||||
.app-container .left-container{
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.type-group{
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.type-group .type-item{
|
||||
line-height: 30px;
|
||||
width: 90%;
|
||||
padding-left: 14px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.type-group .type-item a{
|
||||
display: block;
|
||||
}
|
||||
.type-group .type-item.active a{
|
||||
color: #fff;
|
||||
}
|
||||
.type-group .type-item.active{
|
||||
background: #1dc78e;
|
||||
position: relative;
|
||||
}
|
||||
.type-group .type-item.active:after{
|
||||
left: 100%;
|
||||
top: 50%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
border-left-color: #1dc78e;
|
||||
border-width: 15px;
|
||||
margin-top: -15px;
|
||||
}
|
||||
|
||||
.sort-group{
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding-left: 14px;
|
||||
}
|
||||
.sort-group a{
|
||||
display: block;
|
||||
}
|
||||
.sort-group a:first-child{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tag-group{
|
||||
padding-left: 14px;
|
||||
}
|
||||
.tag-group .tag{
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.apps{
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
.app-item{
|
||||
list-style: none;
|
||||
height: 350px;
|
||||
padding-bottom: 30px;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.app-item .info{
|
||||
text-align: center;
|
||||
padding-top: 80px;
|
||||
}
|
||||
.app-item .info .icon{
|
||||
width: 70px;
|
||||
}
|
||||
.app-item .info p{
|
||||
color: #969696;
|
||||
}
|
||||
.app-item .pics{
|
||||
height: 100%;
|
||||
}
|
||||
.app-item .pics>li{
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
margin-right: 30px;
|
||||
height: 100%;
|
||||
padding: 7px 5px;
|
||||
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);
|
||||
}
|
||||
.app-item .pics>li>img{
|
||||
height: 100%;
|
||||
}
|
||||
24
frontend/static/css/layout/signup.css
Normal file
24
frontend/static/css/layout/signup.css
Normal file
@@ -0,0 +1,24 @@
|
||||
body{
|
||||
background-color: #2F2F2F;
|
||||
}
|
||||
.title{
|
||||
margin: 60px 0 40px;
|
||||
}
|
||||
.form-sign-in{
|
||||
max-width: 280px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
p{
|
||||
margin-top: 8px;
|
||||
}
|
||||
label{
|
||||
color: #fff;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 300;
|
||||
}
|
||||
.btn{
|
||||
margin: 40px 0 16px;
|
||||
}
|
||||
.has-feedback label~.form-control-feedback {
|
||||
top: 30px;
|
||||
}
|
||||
76
frontend/static/css/layout/ui.css
Normal file
76
frontend/static/css/layout/ui.css
Normal file
@@ -0,0 +1,76 @@
|
||||
.detail-container{
|
||||
margin: 40px auto 80px;
|
||||
}
|
||||
|
||||
.main-shot{
|
||||
width: 80%;
|
||||
padding: 10px;
|
||||
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);
|
||||
}
|
||||
|
||||
.basic-info{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.basic-info .app-icon{
|
||||
float: left;
|
||||
width: 60px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
.basic-info .app-icon img{
|
||||
border-radius: 4px;
|
||||
}
|
||||
.basic-info span{
|
||||
color: #969696;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.btn-group{
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding-bottom: 20px;
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.btn-group>a{
|
||||
margin-right: 44px;
|
||||
}
|
||||
.btn-group>a>i{
|
||||
margin-right: 8px;
|
||||
font-size: 24px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.user-info{
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.user-info .avatar{
|
||||
float: left;
|
||||
width: 54px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
.user-info .avatar img{
|
||||
border-radius: 27px;
|
||||
border: 1px solid #979797;
|
||||
width: 100%;
|
||||
}
|
||||
.user-info span{
|
||||
color: #969696;
|
||||
}
|
||||
.user-info h4{
|
||||
padding-top: 4px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.tag-container{
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.tag-container>.tag{
|
||||
display: inline-block;
|
||||
margin-right: 24px;
|
||||
}
|
||||
92
frontend/static/css/layout/upload.css
Normal file
92
frontend/static/css/layout/upload.css
Normal file
@@ -0,0 +1,92 @@
|
||||
.upload-container{
|
||||
margin: 40px auto 80px;
|
||||
}
|
||||
|
||||
.left-container{
|
||||
text-align: center;
|
||||
}
|
||||
.left-container .main-shot{
|
||||
width: 80%;
|
||||
padding: 10px;
|
||||
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);
|
||||
display: block;
|
||||
margin: 0 auto 14px;
|
||||
}
|
||||
|
||||
.form-group input{
|
||||
width: 320px;
|
||||
display: inline-block;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.tag-container{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.tag-container .tag-tabs{
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
}
|
||||
.tag-container .tag-tabs>li{
|
||||
width: auto;
|
||||
}
|
||||
.tag-container .tag-tabs>li.active>a{
|
||||
background-color: transparent;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.tag-container .tag-tabs>li>a:hover, .tag-container .tag-tabs>li>a:active, .tag-container .tag-tabs>li>a:focus{
|
||||
background-color: transparent;
|
||||
color: #1DC78E;
|
||||
}
|
||||
.tag-container .tag-content{
|
||||
list-style: none;
|
||||
padding-top: 12px;
|
||||
padding-left: 0;
|
||||
color: #969696;
|
||||
}
|
||||
.tag-container .tag-content li{
|
||||
display: inline-block;
|
||||
padding-right: 6px;
|
||||
width: 19%;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.tag-container .tag-content .tag-checkbox{
|
||||
margin-right: 6px;
|
||||
}
|
||||
.tag-container .tag-selected-container{
|
||||
color: #969696;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.tag-container .tag-selected-container .tag-selected-content{
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.tag-container .tag-selected-container .tag-selected-content li{
|
||||
display: inline-block;
|
||||
margin-right: 14px;
|
||||
border: 1px solid #C3C3C3;
|
||||
border-radius: 14px;
|
||||
line-height: 28px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.tag-container .tag-selected-container .tag-selected-content li a{
|
||||
margin-left: 8px;
|
||||
}
|
||||
.tag-container .agreement{
|
||||
color: #969696;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.privacy-container{
|
||||
border-top: 1px solid #DDDDDD;
|
||||
margin-bottom: 20px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.privacy-container label{
|
||||
display: table;
|
||||
margin-bottom: 8px;
|
||||
color: #969696;
|
||||
}
|
||||
48
frontend/static/css/module/file-input.css
Normal file
48
frontend/static/css/module/file-input.css
Normal file
@@ -0,0 +1,48 @@
|
||||
@CHARSET "UTF-8";
|
||||
/* 正方形 */
|
||||
.preview{
|
||||
width:12.5rem;
|
||||
overflow:hidden;
|
||||
}
|
||||
/* iPhone 长比例 */
|
||||
.preview-long{
|
||||
width:12.5rem;
|
||||
overflow:hidden;
|
||||
}
|
||||
/* iPhone4 小比例 */
|
||||
.preview-short{
|
||||
width:12.5rem;
|
||||
overflow:hidden;
|
||||
}
|
||||
.preview img,.preview-short img,.preview-long img{
|
||||
border: 1px solid #eeeeee;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
.imghead{
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
|
||||
}
|
||||
.column.fourth .text-align-center{
|
||||
width:12.5rem;
|
||||
}
|
||||
.column.fourth .text-align-center a{
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
}
|
||||
.imgpreview{
|
||||
margin-bottom: 0.875rem;
|
||||
}
|
||||
.btn-file-input{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
top: -1.75rem;
|
||||
left: 15rem;
|
||||
}
|
||||
.file{
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
height: 2.375rem;
|
||||
right: 0;
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
filter:alpha(opacity=0);
|
||||
}
|
||||
106
frontend/static/css/module/input.css
Normal file
106
frontend/static/css/module/input.css
Normal file
@@ -0,0 +1,106 @@
|
||||
/***--INPUT--***/
|
||||
.form-group{
|
||||
margin-bottom: 1.6rem;
|
||||
}
|
||||
.input-area{
|
||||
width: 100%;
|
||||
height: 2.125rem;
|
||||
background: #f9f9f9;
|
||||
padding-left: 0.9375rem;
|
||||
font-size: 1rem;
|
||||
color: #666;
|
||||
border:1px solid #eeeeee;
|
||||
}
|
||||
.input-title{
|
||||
font-size: 1rem;
|
||||
color: #666;
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
.form-actions{
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
.input-group-container {
|
||||
max-width: 280px;
|
||||
margin: 3rem auto 0;
|
||||
}
|
||||
/*--SEARCH-BOX--*/
|
||||
.search-area{
|
||||
width: 18rem;
|
||||
height: 3.125rem;
|
||||
font-size: 0.875rem;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
.search-area-sm{
|
||||
width: 14rem;
|
||||
height: 2rem;
|
||||
font-size: 0.875rem;
|
||||
background: #f9f9f9;
|
||||
border-radius: 2px;
|
||||
padding-left: 0.625rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
.search-area-for-page{
|
||||
width: 4rem;
|
||||
height: 2rem;
|
||||
font-size: 0.875rem;
|
||||
background: #f9f9f9;
|
||||
border-radius: 2px;
|
||||
margin-right: 1.2rem;
|
||||
}
|
||||
.search-icon-sm{
|
||||
position: absolute;
|
||||
right: 0.4rem;
|
||||
font-size:1.5rem;
|
||||
line-height: 2rem;
|
||||
color: #666666;
|
||||
}
|
||||
.search-icon-sm:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
/*--BTN--*/
|
||||
.btn{
|
||||
padding: 0.625rem 2.125rem;
|
||||
font-size: 0.875rem;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.btn-like{
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: #666 0px 0px 10px;
|
||||
-moz-box-shadow: #666 0px 0px 10px;
|
||||
box-shadow: #666 0px 0px 10px;
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
line-height:2.25rem;
|
||||
background:#fff;
|
||||
display: block;
|
||||
}
|
||||
input::-webkit-input-placeholder { /* WebKit browsers */
|
||||
line-height: 1.28em;
|
||||
}
|
||||
input::-moz-placeholder { /* Firefox browsers */
|
||||
line-height: 1.28em;
|
||||
}
|
||||
input[type="submit"]{
|
||||
cursor: pointer;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
.btn[disabled]{
|
||||
opacity:0.6;
|
||||
cursor: not-allowed!important;
|
||||
}
|
||||
.btn:hover{
|
||||
cursor: pointer;
|
||||
background-color: #70b176;
|
||||
}
|
||||
.border-btn:hover{
|
||||
color: #666666;
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.disabled{
|
||||
cursor: not-allowed;
|
||||
color: #ccc !important;
|
||||
}
|
||||
a.disabled:hover{
|
||||
color: #ccc;
|
||||
}
|
||||
117
frontend/static/css/module/modal.css
Normal file
117
frontend/static/css/module/modal.css
Normal file
@@ -0,0 +1,117 @@
|
||||
/***--MODAL CSS--***/
|
||||
/*MODAL*/
|
||||
.modal{
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -15.3125rem;
|
||||
margin-left: -25.3125rem;
|
||||
width: 50.625rem;
|
||||
height: 30.625rem;
|
||||
background: #666;
|
||||
z-index: 1024;
|
||||
}
|
||||
.modal-download{
|
||||
width: 53.75rem;
|
||||
height: 31.875rem;
|
||||
margin-top: -15.9375rem;
|
||||
margin-left: -26.875rem;
|
||||
background: #FFF;
|
||||
}
|
||||
/*MODAL-HEADER*/
|
||||
.modal-header,.modal-footer{
|
||||
height: 3.75rem;
|
||||
line-height: 3.75rem;
|
||||
background: #ececec;
|
||||
}
|
||||
.modal-header .modal-title{
|
||||
line-height: 3.75rem;
|
||||
}
|
||||
/*MODAL-BODY*/
|
||||
.modal-body{
|
||||
height: 23.125rem;
|
||||
background: #FAFAF7;
|
||||
}
|
||||
.modal-download .modal-body{
|
||||
margin-top: 4.875rem;
|
||||
background: #FFF;
|
||||
}
|
||||
.modal .close-btn{
|
||||
position: relative;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 1.875rem;
|
||||
height: 1.875rem;
|
||||
line-height: 1.875rem;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 800;
|
||||
background: #ff5851;
|
||||
color: #fff;
|
||||
}
|
||||
.close-btn:hover{
|
||||
cursor: pointer;
|
||||
background: #BB1912;
|
||||
}
|
||||
.cell{
|
||||
margin-right: 2.35rem;
|
||||
}
|
||||
.cell:last-of-type{
|
||||
margin-right: 0;
|
||||
}
|
||||
.cell .box{
|
||||
width: 10rem;
|
||||
height: 15rem;
|
||||
}
|
||||
.instruction .type{
|
||||
margin-top: 0.625rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.box .instruction{
|
||||
position: relative;
|
||||
top: 50%;
|
||||
margin-top: -2.375rem;
|
||||
|
||||
}
|
||||
.box-short ~ .btn{
|
||||
margin-top: 2.625rem;
|
||||
}
|
||||
.cell .btn{
|
||||
position: relative;
|
||||
top: 1.75rem;
|
||||
padding: 1rem 2rem;
|
||||
}
|
||||
.cell .border-btn{
|
||||
padding: 0.75rem 2rem!important;
|
||||
color: #666!important;
|
||||
}
|
||||
.cell .box-long{
|
||||
width: 10rem;
|
||||
height: 17.6875rem;
|
||||
}
|
||||
/*MODAL-FOOTER*/
|
||||
.modal-footer{
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
}
|
||||
.modal-footer input[type=submit]{
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.modal-footer input[type=reset]{
|
||||
background: #fff;
|
||||
color: #5a5a5a!important;
|
||||
}
|
||||
.modal-footer .btn{
|
||||
padding: 0.625rem 2.25rem!important;
|
||||
}
|
||||
|
||||
/*MODAL-BACKGROUND*/
|
||||
.modal-background{
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0,0,0,.7);
|
||||
z-index: 1020;
|
||||
}
|
||||
|
||||
15
frontend/static/css/module/pagination.css
Normal file
15
frontend/static/css/module/pagination.css
Normal file
@@ -0,0 +1,15 @@
|
||||
@CHARSET "UTF-8";
|
||||
.page-container{
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.page-number-container{
|
||||
margin:0 1rem;
|
||||
}
|
||||
.page-btn-container{
|
||||
margin:0 1rem;
|
||||
}
|
||||
.page-btn{
|
||||
padding: 0.42rem 2.125rem !important;
|
||||
color: #808080 !important;
|
||||
}
|
||||
31
frontend/static/css/module/panel.css
Normal file
31
frontend/static/css/module/panel.css
Normal file
@@ -0,0 +1,31 @@
|
||||
/***--PANEL--***/
|
||||
/*panel-header*/
|
||||
.panel .panel-header .panel-title{
|
||||
font-size: 1.125rem;
|
||||
position: relative;
|
||||
top: 9px;
|
||||
}
|
||||
.panel .panel-header .btn{
|
||||
padding: 0.625rem 1.125rem;
|
||||
color: #fff;
|
||||
}
|
||||
/*panel-body*/
|
||||
.panel .panel-body .row{
|
||||
display: block;
|
||||
padding: 1.25rem 1.875rem;
|
||||
}
|
||||
.panel .panel-body .row:last-of-type{
|
||||
border-bottom: 0;
|
||||
}
|
||||
.panel .panel-body .row .level{
|
||||
margin-top: 0.625rem;
|
||||
}
|
||||
.panel .panel-body .row .btn{
|
||||
position: relative;
|
||||
color: #808080;
|
||||
padding: 0.375rem 2rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.panel .panel-body .row .btn:hover{
|
||||
background: #e4e4e4;
|
||||
}
|
||||
28
frontend/static/css/module/plugins/iconfont/iconfont.css
Normal file
28
frontend/static/css/module/plugins/iconfont/iconfont.css
Normal file
@@ -0,0 +1,28 @@
|
||||
|
||||
@font-face {font-family: "iconfont";
|
||||
src: url('iconfont.eot'); /* IE9*/
|
||||
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('iconfont.woff') format('woff'), /* chrome、firefox */
|
||||
url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
|
||||
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family:"iconfont" !important;
|
||||
font-size:16px;
|
||||
font-style:normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-stroke-width: 0.2px;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.icon-jiantouashang:before { content: "\e608"; }
|
||||
.icon-error:before { content: "\e601"; }
|
||||
.icon-check-list:before { content: "\e602"; }
|
||||
.icon-check:before { content: "\e603"; }
|
||||
.icon-search:before { content: "\e600"; }
|
||||
.icon-jiantou:before { content: "\e60a"; }
|
||||
.icon-guanbi:before { content: "\e60b"; }
|
||||
.icon-iconloveclick:before { content: "\e606"; }
|
||||
.icon-iconlove:before { content: "\e607"; }
|
||||
.icon-arrowup:before { content: "\e604"; }
|
||||
.icon-check1:before { content: "\e605"; }
|
||||
BIN
frontend/static/css/module/plugins/iconfont/iconfont.eot
Normal file
BIN
frontend/static/css/module/plugins/iconfont/iconfont.eot
Normal file
Binary file not shown.
68
frontend/static/css/module/plugins/iconfont/iconfont.svg
Normal file
68
frontend/static/css/module/plugins/iconfont/iconfont.svg
Normal file
@@ -0,0 +1,68 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
Created by FontForge 20120731 at Wed Mar 11 14:15:53 2015
|
||||
By Ads
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="iconfont" horiz-adv-x="1024" >
|
||||
<font-face
|
||||
font-family="iconfont"
|
||||
font-weight="500"
|
||||
font-stretch="normal"
|
||||
units-per-em="1024"
|
||||
panose-1="2 0 6 3 0 0 0 0 0 0"
|
||||
ascent="812"
|
||||
descent="-212"
|
||||
x-height="792"
|
||||
bbox="0 -212 1139 812.323"
|
||||
underline-thickness="50"
|
||||
underline-position="-100"
|
||||
unicode-range="U+0078-E60B"
|
||||
/>
|
||||
<missing-glyph horiz-adv-x="374"
|
||||
d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
|
||||
<glyph glyph-name=".notdef" horiz-adv-x="374"
|
||||
d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
|
||||
<glyph glyph-name=".null" horiz-adv-x="0"
|
||||
/>
|
||||
<glyph glyph-name="nonmarkingreturn" horiz-adv-x="341"
|
||||
/>
|
||||
<glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
|
||||
d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
|
||||
t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
|
||||
t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
|
||||
<glyph glyph-name="uniE600" unicode=""
|
||||
d="M800 398q0 -71 -28 -136.5t-75 -112.5t-112.5 -75t-136.5 -28q-96 0 -177 47.5t-128.5 128.5t-47.5 176.5t47.5 176.5t128.5 128.5t176.5 47.5t176.5 -47.5t128.5 -128.5t47.5 -177zM448 706q-51 0 -98 -15.5t-84.5 -44t-66 -66t-44 -84.5t-15.5 -97q0 -128 90 -218
|
||||
t217.5 -90t217.5 90t90 217.5t-90 217.5t-217 90zM945 -90l-40 -42l-273 267l40 41z" />
|
||||
<glyph glyph-name="uniE601" unicode=""
|
||||
d="M512 748q-91 0 -174 -35.5t-143 -95.5t-95.5 -143t-35.5 -174q0 -73 22.5 -141.5t64 -123.5t96.5 -96.5t123.5 -64t141.5 -22.5q91 0 174 35.5t143 95.5t95.5 143t35.5 174q0 61 -16 119t-45 107t-70.5 90.5t-90.5 70.5t-107 45t-119 16zM710 147q10 -10 10 -23
|
||||
t-9.5 -22.5t-22.5 -9.5t-23 10l-153 153l-153 -153q-10 -10 -23 -10t-22 10q-7 6 -9 14t0 16.5t9 14.5l153 153l-153 153q-10 10 -10 23t9.5 22.5t22.5 9.5t23 -10l153 -153l153 153q5 5 11 7.5t12 2.5t12 -2.5t10 -7.5q10 -9 10 -22t-10 -23l-153 -153z" />
|
||||
<glyph glyph-name="uniE602" unicode=""
|
||||
d="M386 144l-149 149l-36 -36l185 -185l419 420l-36 36zM882 749h-740q-37 0 -64 -27t-27 -64v-740q0 -24 12.5 -45t33.5 -33.5t45 -12.5h740q37 0 64 27t27 64v740q0 37 -27 64t-64 27zM922 -82q0 -16 -12 -28t-28 -12h-740q-10 0 -19.5 5.5t-15 15t-5.5 19.5v740
|
||||
q0 16 12 28t28 12h740q16 0 28 -12t12 -28v-740z" />
|
||||
<glyph glyph-name="uniE603" unicode=""
|
||||
d="M850 749h-676q-51 0 -87 -36t-36 -87v-677q0 -50 36 -86t87 -36h677q33 0 61 16.5t44.5 44.5t16.5 62v676q0 17 -4.5 33t-12.5 29.5t-19 24.5t-24.5 19t-29.5 12.5t-33 4.5zM922 -50q0 -15 -6 -28t-15.5 -22.5t-22.5 -15.5t-28 -6h-676q-20 0 -36.5 9.5t-26 26t-9.5 36.5
|
||||
v676q0 30 21 51t51 21h677q19 0 35.5 -9.5t26 -26t9.5 -36.5v-676z" />
|
||||
<glyph glyph-name="uniE604" unicode=""
|
||||
d="M971 282.5q0 91.5 -36 175t-96 144t-143.5 96t-175 35.5t-175 -35.5t-143.5 -96t-95.5 -144t-35.5 -175t35.5 -174.5t95.5 -143.5t143.5 -96t175 -35.5t175 35.5t143.5 96t96 143.5t36 174.5zM131 283q0 106 52 196t142 142t196 52t195.5 -52t142 -142t52.5 -196
|
||||
t-52.5 -196t-142 -142t-195.5 -52t-196 52t-142 142t-52 196zM643 44q7 8 7 18.5t-8 18.5l-221 202l221 202q5 4 7 9t2 10q-1 11 -7 18q-25 25 -43 8l-2 -2l-248 -226q-4 -4 -6 -9t-2 -10t2 -10t6 -9l247 -225q25 -22 45 5z" />
|
||||
<glyph glyph-name="uniE605" unicode=""
|
||||
d="M512 -146q-73 0 -141.5 22.5t-123.5 64t-96 96.5t-64 123.5t-23 140.5q0 92 35.5 174.5t95.5 142.5t143 95.5t174 35.5t174 -35.5t143 -95.5t95.5 -142.5t35.5 -174t-35.5 -174t-95.5 -142.5t-143 -95.5t-174 -35.5zM702 473l-269 -269l-111 111l-47 -48l158 -158
|
||||
l316 316z" />
|
||||
<glyph glyph-name="uniE606" unicode="" horiz-adv-x="1139"
|
||||
d="M569 -212q-12 9 -32.5 25.5t-79.5 67.5t-112.5 101.5t-119.5 119.5t-113 130t-79.5 126t-32.5 113q0 21 1 37.5t2 27t4 22t4.5 17t6.5 18t7 20.5q21 62 63 105.5t92 64.5t107 27t109.5 -3.5t98.5 -30t74 -49.5q29 29 74.5 49t98 29.5t109.5 3.5t107 -26.5t92 -64.5
|
||||
t63 -106q3 -7 7.5 -19.5t6.5 -18t5 -17t4 -22t2 -27t1 -37.5q0 -38 -19.5 -85.5t-52.5 -96t-76 -100.5t-90 -100t-94 -93.5t-90 -83t-76 -65.5t-52 -43z" />
|
||||
<glyph glyph-name="uniE607" unicode="" horiz-adv-x="1139"
|
||||
d="M569 -212q-12 9 -32.5 25.5t-79.5 67.5t-112.5 101.5t-119.5 119.5t-113 130t-79.5 126t-32.5 113q0 21 1 37.5t2 27t4 22t4.5 17t6.5 18t7 20.5q21 62 63 105.5t92 64.5t107 27t109.5 -3.5t98.5 -30t74 -49.5q29 29 74.5 49t98 29.5t109.5 3.5t107 -26.5t92 -64.5
|
||||
t63 -106q3 -7 7.5 -19.5t6.5 -18t5 -17t4 -22t2 -27t1 -37.5q0 -38 -19.5 -85.5t-52.5 -96t-76 -100.5t-90 -100t-94 -93.5t-90 -83t-76 -65.5t-52 -43zM569 613q-49 49 -105.5 77t-109 33.5t-102 -9t-86.5 -46t-59 -83t-22 -114.5q0 -50 50 -127t121 -151.5t142.5 -141.5
|
||||
t121.5 -109l49 -41q7 5 17.5 14t43.5 37.5t65 57t75.5 70.5t81 80.5t76 83.5t65 83.5t43.5 76.5t17 67q0 63 -22 114.5t-59 83t-86.5 46t-102.5 9t-109 -33.5t-105 -77z" />
|
||||
<glyph glyph-name="uniE608" unicode=""
|
||||
d="M960 57h-184l-263 299l-262 -298l-187 -1l449 485z" />
|
||||
<glyph glyph-name="uniE60A" unicode=""
|
||||
d="M592 -207l-537 506l536 508l34 -35l-500 -473l499 -471z" />
|
||||
<glyph glyph-name="uniE60B" unicode=""
|
||||
d="M1024 781l-31 31l-481 -481l-481 481l-31 -31l481 -481l-481 -481l31 -31l481 481l481 -481l31 31l-481 481z" />
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 5.7 KiB |
BIN
frontend/static/css/module/plugins/iconfont/iconfont.ttf
Normal file
BIN
frontend/static/css/module/plugins/iconfont/iconfont.ttf
Normal file
Binary file not shown.
BIN
frontend/static/css/module/plugins/iconfont/iconfont.woff
Normal file
BIN
frontend/static/css/module/plugins/iconfont/iconfont.woff
Normal file
Binary file not shown.
174
frontend/static/css/module/preview-image.css
Normal file
174
frontend/static/css/module/preview-image.css
Normal file
@@ -0,0 +1,174 @@
|
||||
@CHARSET "UTF-8";
|
||||
/* BACKGROUND */
|
||||
.image-preview-background{
|
||||
position:fixed;
|
||||
left:0;
|
||||
top:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
padding:60px 32px 90px;
|
||||
background:rgba(0,0,0,.85);
|
||||
z-index:1020;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
-webkit-transform:scale(0);
|
||||
transform:scale(0);
|
||||
}
|
||||
.image-preview-background-hover{
|
||||
-webkit-transform:scale(1);
|
||||
transform:scale(1);
|
||||
}
|
||||
/* IMAGE-PREVIEW-CTRL */
|
||||
.image-preview-ctrl{
|
||||
position:absolute;
|
||||
color:#ccc;
|
||||
font-size:36px;
|
||||
width:36px;
|
||||
height:36px;
|
||||
line-height:36px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.image-preview-close{
|
||||
right:32px;
|
||||
top:60px;
|
||||
}
|
||||
.image-preview-next,
|
||||
.image-preview-prev{
|
||||
font-size:56px;
|
||||
width:45px;
|
||||
height:80px;
|
||||
line-height:80px;
|
||||
top:50%;
|
||||
margin-top:-40px;
|
||||
padding-left:3px;
|
||||
}
|
||||
.image-preview-next{
|
||||
-webkit-transform:rotate(-180deg);
|
||||
-ms-transform:rotate(-180deg);
|
||||
transform:rotate(-180deg);
|
||||
right:32px;
|
||||
}
|
||||
.image-preview-prev{
|
||||
left:32px;
|
||||
}
|
||||
.image-preview-close:hover{
|
||||
color:#fe190f;
|
||||
}
|
||||
.image-preview-next:hover,
|
||||
.image-preview-prev:hover{
|
||||
background:#000;
|
||||
color:#fff;
|
||||
}
|
||||
/* WRAPPER */
|
||||
.image-preview-wrapper{
|
||||
position:relative;
|
||||
width:-webkit-calc(100% - 90px);
|
||||
width:calc(100% - 90px);
|
||||
height:100%;
|
||||
margin:0 45px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
/* IMAGE-PREVIEW-CONTAINER */
|
||||
.image-preview-container{
|
||||
width:100%;
|
||||
height:100%;
|
||||
opacity:1;
|
||||
}
|
||||
.image-preview-container-next{
|
||||
-webkit-transition: all .7s;
|
||||
transition: all .7s;
|
||||
-webkit-transform:translateX(120%);
|
||||
transform:translateX(120%);
|
||||
opacity:0;
|
||||
}
|
||||
.image-preview-container-prev{
|
||||
-webkit-transition: all .7s;
|
||||
transition: all .7s;
|
||||
-webkit-transform:translateX(-120%);
|
||||
transform:translateX(-120%);
|
||||
opacity:0;
|
||||
}
|
||||
.image-preview-container .column{
|
||||
height:100%;
|
||||
font-size:14px;
|
||||
position: relative;
|
||||
}
|
||||
.image-preview-container .main-image{
|
||||
height:100%;
|
||||
}
|
||||
.image-preview-container .fastKey{
|
||||
font-size:12px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.image-preview-container .like-icon{
|
||||
color:#fff;
|
||||
margin-top:28px;
|
||||
}
|
||||
.edit-screenshots-items{
|
||||
margin-top:16px;
|
||||
}
|
||||
.edit-btn{
|
||||
font-size:12px;
|
||||
padding:6px 10px;
|
||||
display:inline-block;
|
||||
background:#ccc;
|
||||
cursor:pointer;
|
||||
margin-right:8px;
|
||||
}
|
||||
.edit-btn:hover{
|
||||
background: #b0b0b0;
|
||||
}
|
||||
|
||||
.edit-btn:link,
|
||||
.edit-btn:visited,
|
||||
.edit-btn:hover,
|
||||
.edit-btn:active{
|
||||
color: #666;
|
||||
}
|
||||
.horizontal-line{
|
||||
width:274px;
|
||||
margin:16px 0;
|
||||
}
|
||||
.screenshot-info li{
|
||||
margin:28px 0;
|
||||
}
|
||||
.app-logo{
|
||||
width:42px;
|
||||
height:42px;
|
||||
}
|
||||
.app-name{
|
||||
position: relative;
|
||||
top: -14px;
|
||||
left:10px;
|
||||
font-size:18px;
|
||||
}
|
||||
.app-version,
|
||||
.updateTime,
|
||||
.Marks{
|
||||
margin-top:10px;
|
||||
}
|
||||
.downloadPic-area{
|
||||
position:absolute;
|
||||
left:0;
|
||||
bottom:0;
|
||||
}
|
||||
.downloadPic-btn{
|
||||
font-size:14px;
|
||||
margin-left:8px;
|
||||
}
|
||||
.downloadPic-btn:link,
|
||||
.downloadPic-btn:visited,
|
||||
.downloadPic-btn:hover,
|
||||
.downloadPic-btn:active,
|
||||
.app-name:link,
|
||||
.app-name:visited,
|
||||
.app-name:hover,
|
||||
.app-name:active{
|
||||
color:#fff;
|
||||
}
|
||||
.downloadPic-btn:hover,
|
||||
.app-name:hover{
|
||||
cursor:pointer;
|
||||
text-decoration:underline;
|
||||
}
|
||||
13
frontend/static/css/module/tab.css
Normal file
13
frontend/static/css/module/tab.css
Normal file
@@ -0,0 +1,13 @@
|
||||
/***--TAB CSS--***/
|
||||
.tab-header li{
|
||||
float: left;
|
||||
font-size: 0.875rem;
|
||||
display: inline-block;
|
||||
padding: 1rem 1.125rem;
|
||||
}
|
||||
.tab-header li:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
.tab-active{
|
||||
border-bottom: 3px solid #86d48d;
|
||||
}
|
||||
21
frontend/static/css/module/validation.css
Normal file
21
frontend/static/css/module/validation.css
Normal file
@@ -0,0 +1,21 @@
|
||||
@CHARSET "UTF-8";
|
||||
.form-group{
|
||||
position:relative;
|
||||
}
|
||||
.help-block{
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 25%;
|
||||
margin-left: 1rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.help-block .iconfont{
|
||||
margin-right:0.5rem;
|
||||
font-size:1.5rem;
|
||||
}
|
||||
.help-block .error{
|
||||
color:#FF0025;
|
||||
}
|
||||
.help-block .success{
|
||||
color:#86d48d;
|
||||
}
|
||||
164
frontend/static/css/modules/formValidation.css
Normal file
164
frontend/static/css/modules/formValidation.css
Normal file
@@ -0,0 +1,164 @@
|
||||
/**
|
||||
* FormValidation (http://formvalidation.io)
|
||||
* The best jQuery plugin to validate form fields. Support Bootstrap, Foundation, Pure, SemanticUI, UIKit and custom frameworks
|
||||
*
|
||||
* @author http://twitter.com/nghuuphuoc
|
||||
* @copyright (c) 2013 - 2015 Nguyen Huu Phuoc
|
||||
* @license http://formvalidation.io/license/
|
||||
*/
|
||||
|
||||
.fv-has-feedback {
|
||||
position: relative;
|
||||
}
|
||||
.fv-control-feedback {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
}
|
||||
.fv-has-feedback .fv-control-feedback {
|
||||
/*right: 15px;*/
|
||||
}
|
||||
.fv-help-block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
/* ~~~ For Bootstrap form ~~~ */
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.fv-form-bootstrap .help-block {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.fv-form-bootstrap .tooltip-inner {
|
||||
text-align: left;
|
||||
}
|
||||
/* Bootstrap stacked form without label */
|
||||
.fv-form-bootstrap .fv-icon-no-label {
|
||||
top: 0;
|
||||
}
|
||||
.fv-form-bootstrap .fv-bootstrap-icon-input-group {
|
||||
z-index: 100;
|
||||
}
|
||||
/* Bootstrap inline form */
|
||||
.form-inline.fv-form-bootstrap .form-group {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
/* ~~~ For Foundation form ~~~ */
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.fv-form-foundation .fv-control-feedback {
|
||||
top: 21px; /* The height of Foundation label */
|
||||
right: 15px; /* The padding-right of .columns */
|
||||
width: 37px;
|
||||
height: 37px;
|
||||
line-height: 37px;
|
||||
}
|
||||
.fv-form-foundation .collapse .fv-control-feedback {
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
/* Foundation horizontal form */
|
||||
.fv-form-horizontal.fv-form-foundation .fv-control-feedback {
|
||||
top: 0;
|
||||
}
|
||||
/* Foundation stacked form without label */
|
||||
.fv-form-foundation .fv-icon-no-label {
|
||||
top: 0;
|
||||
}
|
||||
.fv-form-foundation .error .fv-control-feedback {
|
||||
color: #f04124;
|
||||
}
|
||||
/**
|
||||
* Foundation reset the bottom marin to 0 when the row has '.error' class
|
||||
* I need to adjust it when using tooltip to show the error
|
||||
*/
|
||||
.fv-form-foundation .error.fv-has-tooltip input, .error.fv-has-tooltip textarea, .error.fv-has-tooltip select {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~ */
|
||||
/* ~~~ For Pure form ~~~ */
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.fv-form-pure .fv-control-feedback {
|
||||
top: 22px; /* Height of Pure label */
|
||||
width: 36px; /* Height of Pure input */
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
.pure-form-stacked.fv-form-pure .fv-control-feedback {
|
||||
top: 4px;
|
||||
}
|
||||
.pure-form-aligned .pure-control-group .fv-help-block {
|
||||
margin-top: 5px;
|
||||
margin-left: 180px;
|
||||
}
|
||||
.pure-form-aligned.fv-form-pure .fv-control-feedback, /* Pure horizontal form */
|
||||
.fv-form-pure .fv-icon-no-label { /* Pure stacked form without label */
|
||||
top: 0;
|
||||
}
|
||||
.fv-form-pure .fv-has-error label,
|
||||
.fv-form-pure .fv-has-error .fv-help-block,
|
||||
.fv-form-pure .fv-has-error .fv-control-feedback {
|
||||
color: #CA3C3C; /* Same as .button-error */
|
||||
}
|
||||
.fv-form-pure .fv-has-success label,
|
||||
.fv-form-pure .fv-has-success .fv-control-feedback {
|
||||
/*color: #1CB841;*/ /* Same as .button-success */
|
||||
}
|
||||
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
/* ~~~ For Semantic form ~~~ */
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.fv-form-semantic .fv-control-feedback.icon {
|
||||
right: 7px;
|
||||
}
|
||||
.fv-form-semantic .error .icon {
|
||||
color: #d95c5c;
|
||||
}
|
||||
/* Semantic horizontal form */
|
||||
.fv-form-horizontal.fv-form-semantic .row {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
/* ~~~ For UIKit form ~~~ */
|
||||
/* ~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.fv-form-uikit .fv-control-feedback {
|
||||
top: 25px; /* Height of UIKit label */
|
||||
width: 30px; /* Height of UIKit input */
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.fv-form-uikit .uk-text-danger {
|
||||
display: block;
|
||||
}
|
||||
/* UIKit horizontal form */
|
||||
.uk-form-horizontal.fv-form-uikit .fv-control-feedback {
|
||||
/*line-height: normal;*/
|
||||
top: 0;
|
||||
}
|
||||
.fv-form-uikit .fv-has-error label,
|
||||
.fv-form-uikit .fv-has-error .uk-form-label,
|
||||
.fv-form-uikit .fv-has-error .fv-control-feedback {
|
||||
color: #D85030; /* Same as .uk-form-danger */
|
||||
}
|
||||
.fv-form-uikit .fv-has-success label,
|
||||
.fv-form-uikit .fv-has-success .uk-form-label,
|
||||
.fv-form-uikit .fv-has-success .fv-control-feedback {
|
||||
/*color: #659F13;*/ /* Same as .uk-form-success */
|
||||
}
|
||||
/* UIKit stacked form without label */
|
||||
.fv-form-uikit .fv-icon-no-label {
|
||||
top: 0;
|
||||
}
|
||||
206
frontend/static/css/modules/lightbox.css
Normal file
206
frontend/static/css/modules/lightbox.css
Normal file
@@ -0,0 +1,206 @@
|
||||
/* Preload images */
|
||||
body:after {
|
||||
content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.lb-disable-scrolling {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.lightboxOverlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||
opacity: 0.8;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lightbox {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 10000;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.lightbox .lb-image {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: inherit;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.lightbox a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.lb-outerContainer {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
*zoom: 1;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.lb-outerContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-container {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.lb-loader {
|
||||
position: absolute;
|
||||
top: 43%;
|
||||
left: 0;
|
||||
height: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.lb-cancel {
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 0 auto;
|
||||
background: url(../images/loading.gif) no-repeat;
|
||||
}
|
||||
|
||||
.lb-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.lb-container > .nav {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.lb-nav a {
|
||||
outline: none;
|
||||
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
|
||||
}
|
||||
|
||||
.lb-prev, .lb-next {
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev {
|
||||
width: 34%;
|
||||
left: 0;
|
||||
float: left;
|
||||
background: url(../images/prev.png) left 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next {
|
||||
width: 64%;
|
||||
right: 0;
|
||||
float: right;
|
||||
background: url(../images/next.png) right 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-dataContainer {
|
||||
margin: 0 auto;
|
||||
padding-top: 5px;
|
||||
*zoom: 1;
|
||||
width: 100%;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.lb-dataContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-data {
|
||||
padding: 0 4px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.lb-data .lb-details {
|
||||
width: 85%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-caption {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-number {
|
||||
display: block;
|
||||
clear: left;
|
||||
padding-bottom: 1em;
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.lb-data .lb-close {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url(../images/close.png) top right no-repeat;
|
||||
text-align: right;
|
||||
outline: none;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
|
||||
opacity: 0.7;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
-moz-transition: opacity 0.2s;
|
||||
-o-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.lb-data .lb-close:hover {
|
||||
cursor: pointer;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
Reference in New Issue
Block a user