yctb-SpringBoot/web/jsp/framework/source/mainpage.css

#noticeList{
    scrollbar-face-color: #fff; 
    scrollbar-shadow-color: #fff; 
    scrollbar-highlight-color: #fff; 
    scrollbar-3dlight-color: #fff; 
    scrollbar-darkshadow-color: #fff; 
    scrollbar-track-color: #fff; 
    scrollbar-arrow-color: #3498db;
    height: 100%;
    width: 100%;
    background: white;
    position: absolute;
    overflow-x:hidden;
    overflow-y:scroll;
}

#noticeShow{
    border: 4px solid #3498db; 
    width: 80%;
    height: 80%;
    position: absolute;
    z-index: 9999;
}
.tab-selected { 
    background: url('tab-selected.png') no-repeat;
    background-position: bottom;
    padding: 2px 1px 6px 1px;
    text-align: center;
    font-family: "Mircosoft Yahei";
    font-size: 15px;
    color: #564444;
    float: left;
    width: 118px;
    z-index: 20;
}
.null-tips{
    background: url('tips2.png') no-repeat;
    width: 230px; height: 160px;
    float: right;
}
.null-tips .iknow{
    background: url('iknow.png') no-repeat;
    width: 100px; height: 50px;
    float: left;
    cursor: pointer;
    z-index: 9999;
}
.null-tips .selectme{
    background: url('selectme.png') no-repeat;
    width: 100px; height: 50px;
    float: left;
    cursor: pointer;
    z-index: 9999;
}
#mymodal-overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    left:0;
    top:0;
    opacity: .5;
    filter:Alpha(Opacity=50);
    background-color:#000;
    cursor:not-allowed;
}
#mymodal-container {
    height:100%; 
    width:100%; 
    color:#2c3e50; 
    background-color:#fff; 
    padding:6px;
    scrollbar-face-color: #3498db; 
    scrollbar-shadow-color: #fff; 
    scrollbar-highlight-color: #fff; 
    scrollbar-3dlight-color: #fff; 
    scrollbar-darkshadow-color: #fff; 
    scrollbar-track-color: #fff; 
    scrollbar-arrow-color: #fff;
    overflow-y: scroll;
}
#mymodal-container .mymodal-data {padding:4px;}
#mymodal-container .mymodal-wrap {height: 100%; outline-width: 0px; outline-style: none; outline-color: invert; width: 100%}
#mymodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#mymodal-container a {color:#ddd;}
#noticeShow a.modalCloseImg {background:url(x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#mymodal-container h3,#mymodal-container h4,#mymodal-container h5 {color:#84b8d9;}

.notice-panel {
    background-color: white !important;
    min-width: 300px;
    font-family: 'Microsoft Yahei', arial, sans-serif;
    font-size: 13px;
    color:#777777;
    line-height: 16px;
    font-weight: 400;
    padding: 6px 6px 6px 6px;
}

.notice-title {
    background: url("notice16.png") no-repeat;
    font-family: 'Microsoft Yahei', arial, sans-serif;
    margin: 6px 0px 0px 0px;
    padding: 0px 0px 6px 0px;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
}

.notice-titletext{
    padding-left: 30px;
    font-size: 15px;
    /*font-weight: bold;*/
    color: #df2020;
}

.notice-titletime{
    color: #777777;
}

.notice-text{
    display: none;
    padding: 6px 6px 6px 6px;
    border: 1px solid #3498db;
}

.notice-contentflag{
    cursor: pointer;
    color: #2980b9;
    font-weight: bold;
}

.scPanel{
    float:left;margin-right:1px;margin-bottom:1px;
    width:100px;height:70px;
    cursor: pointer;
}

.scPanel a{
    text-decoration: none;
    color: #ffe;
    text-align:center;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    font-size: 12px;
}

.pagenum{
    width:18px;height:18px;
    display:inline-block;
    cursor:pointer;
    text-align:center;
    color:white;
    background: url('circle18.png') no-repeat;
}

.pagenum-hide{
    width:18px;height:18px;
    display:inline-block;
    cursor:pointer;
    text-align:center;
    background: url('circle12.png') no-repeat;
}

#showCnt{
    position: absolute;
    background: white;
}

.cnt-panel{
    border: 0px solid red;
    padding-top: 10px;
    height: 240px;
    overflow-y: auto;
    scrollbar-face-color: #3498db; 
    scrollbar-shadow-color: #FFFFFF; 
    scrollbar-highlight-color: #FFFFFF; 
    scrollbar-3dlight-color: #FFFFFF; 
    scrollbar-darkshadow-color: #FFFFFF; 
    scrollbar-track-color: #FFFFFF; 
    scrollbar-arrow-color: #3498db;
}

.showcnt-container{
    /*width: 70px;height: 70px;*/
    width: 220px;height: 20px;
    margin: 12px;
    float: left;
    cursor: pointer;
}

.showcnt-panel{
    /*width: 70px;height: 70px;*/
    width: 220px;height: 20px;
    border: 1px solid #3498db;
    position: absolute;
    float: left;
    padding: 6px;
}

.showcntnumloading{
    width:20px; height:20px;
    display:inline; z-index:3200;
    position:absolute; top:-10px; right:-10px;
    cursor:pointer;
    background: url('loading1.gif') no-repeat;
    text-align: center;
    color: white;
}

.showcntnum{
    width:20px; height:20px;
    display:inline; z-index:320;
    position:absolute; top:-10px; right:-10px;
    background: url('red.gif') no-repeat;
    text-align: center;
    font-size: 11px;
    color: white;
}

.showcnterror{
    width:20px; height:20px;
    display:inline; z-index:3200;
    position:absolute; top:-10px; right:-10px;
    background: url('error20.png') no-repeat;
    text-align: center;
    font-size: 11px;
    color: white;
}

.imgSetting{
    width: 18px; height: 18px;
    cursor:pointer;
    text-align:center;
    background: url('settings18.png') no-repeat;
    position: absolute;
}

.showcnt-sel-container{
    /*width: 100px;height: 70px;*/
    width: 220px;height: 27px;
    margin: 8px;
    float: left;
    cursor: pointer;
}

.showcnt-select{
    /*width: 100px;height: 70px;*/
    width: 220px;height: 27px;
    position: absolute;
    border: 1px solid #3498db;
    background: #fff;
    padding: 4px;
    margin: 8px;
    color: #666;
    font-family: "Microsoft YaHei";
    /*font-weight: bold;*/
    text-align: center;
}

.showcnt-selected{
    /*width: 100px;height: 70px;*/
    width: 220px;height: 27px;
    position: absolute;
    border: 1px solid #3498db;
    background: #3498db;
    padding: 4px;
    margin: 8px;
    color: #ffb;
    font-family: "Microsoft YaHei";
    /*font-weight: bold;*/
    text-align: center;
}

.showcnt-button{
    width: 120px;
    background:#2980B9;
    margin-top:30px;padding:10px;
    cursor:pointer;
    text-align:center;
    color: #fff;
    font-weight: bold;
}

.showcnt-tips{
    position: absolute;
    top: 290px; left: 6px;
}

.showcnt-selected .showcnt-sel-img{
    width: 24px;height: 24px;
    position: absolute;top: -14px;left: 2px;
    background: url('pin24-2.png') no-repeat;
}

#mainpage_intro{
    border: 1px dashed #444;
    color: #444;
    padding: 3px;
    margin-left: 10px;
    float: left;
    cursor: pointer;
}