mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-12 06:51:38 +08:00
添加Metronic（作为LFS）
This commit is contained in:
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user