123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440 |
- /* ======= DEMO LAYOUT 2======= */
- body {
- background-color:#2f2f2f;
- color:#eeefef;
- font-size:85%;
- font-family:Arial, Helvetica, sans-serif;
- margin:0;
- padding:0;
- }
- .container {
- margin-left:auto;
- margin-right:auto;
- padding:10px;
- background: #3a3c48 url("images/log/content-bg.png");
- width: 100%;
- *zoom:1;
- }
- .container .light {
- position: absolute;
- left: 100px;
- top: 0px;
- width: 152px;
- height: 191px;
- background: url("images/log/light-top.png") no-repeat top center;
- }
- .container .light i {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- background: url("images/log/light.png") no-repeat top center;
- }
- h1, h2 { }
- h1 {
- color:#7DBADF;
- font-size:36px;
- font-weight:400;
- margin:0;
- }
- h2 {
- font-size:22px;
- font-weight:400;
- margin:5px 0;
- letter-spacing:.1em;
- }
- h3 {
- font-size:1.6em;
- margin:10px 0 10px 10px;
- }
- a:link,a:visited {
- color:#7097af;
- text-decoration:none;
- }
- a:hover {
- color:#7DBADF;
- }
- a img {
- border:none;
- }
- p {
- margin:0 0 10px 8px;
- font-size:1.5em;
- font-weight:400;
- line-height:1.6em;
- }
- em {font-style:normal;}
- .lead {
- font-size:2em;
- margin-bottom:40px;
- }
- .clear {
- clear:both;
- line-height:0;
- font-size:0;
- }
- /* ============ TIMELINE ============= */
- .timelineContainer {
- border-left:2px solid #ccc;
- margin:-10px 5px 20px 5px;
- width:97%;
- }
- div.timelineToggle {
- float:right;
- margin-right:0;
- white-space:nowrap;
- margin-top: 10px;
- }
- a.expandAll {
- color:#ccc;
- cursor:pointer;
- background:#000;
- -webkit-border-radius:4px;
- -moz-border-radius:4px;
- border-radius:4px;
- font-size:12px;
- padding:3px 5px;
- }
- a.expandAll:hover {
- color:#7DBADF;
- cursor:pointer;
- }
- div.timelineMajor {
- clear:left;
- float:left;
- margin:0 0 12px;
- width:100%;
- }
- .timelineMajor h2 {
- background:url(images/timeline_century_tick.gif) left center no-repeat;
- font-family:Palatino,"Times New Roman", Times, serif;
- cursor: pointer;
- font-size:3em;
- font-weight:400;
- margin:0 0 10px;
- padding:4px 4px 4px 20px;
- }
- .timelineMajor h2 span {
- background:#ccc;
- -webkit-border-radius:4px;
- -moz-border-radius:4px;
- border-radius:4px;
- color:#131313;
- letter-spacing:.1em;
- line-height:1.7em;
- padding:3px 5px 1px;
- }
- dl.timelineMinor {
- clear:left;
- float:left;
- margin:0 12px 0 0;
- padding:4px 4px 4px 0;
- position:relative;
- width:100%;
- }
- .timelineMinor dt {
- background:url(images/timeline_decade_tick.gif) left center no-repeat;
- clear:left;
- font-size:1.6em;
- list-style-type:none;
- line-height:1.2em;
- margin:0 0 12px;
- padding:0 0 0 24px;
- white-space:nowrap;
- }
- .timelineMinor dt a {
- color:#999;
- cursor:pointer;
- }
- .timelineMinor dt a.closed {
- color:#999;
- font-size:1em;
- margin-left:0;
- }
- .timelineMinor dt a.open {
- color:#7DBADF;
- }
- .timelineMinor dt a:hover {
- color:#7DBADF;
- }
- .timelineMinor dd {
- padding-left:24px;
- width:100%;
- }
- .timelineMinor dd h3 {
- color:#FFF;
- clear:both;
- float:left;
- font-size:1.5em;
- margin:0;
- white-space:nowrap;
- }
- .timelineEvent p {
- clear:left;
- float:left;
- line-height:1.5em;
- margin:6px 0 10px;
- width:500px;
- }
- .timelineEvent h4 {
- clear:left;
- float:left;
- font-size:1.4em;
- font-weight:400;
- margin:10px 0 0;
- padding:0 0 0 20px;
- }
- .timelineEvent blockquote {
- border-left:2px solid #ccc;
- clear:left;
- float:left;
- font-size:1.8em;
- margin-left:0;
- padding:0 30px;
- width:400px;
- }
- .timelineEvent blockquote .attribution{
- font-size:0.7em;
- text-align: right;
- }
- .timelineEvent div.media {
- float:right;
- padding:0 0 12px;
- width:300px;
- }
- .timelineEvent .media img {
- border:2px solid #000;
- margin:0;
- }
- .timelineEvent .media p {
- font-size:1.2em;
- margin:0;
- padding:0;
- }
- .timelineEvent .media a:link,.timelineEvent .media a:visited {
- color:#ab221b;
- }
- .timelineEvent .media a:hover {
- color:#7DBADF;
- }
- .wrapper-content{
- padding: 10px;
- background-color: rgba(255, 255, 255, 0.2);
- margin-left: 0;
- border-radius: 5px;
- }
- .wrapper-content > div{
- color:#666;
- font-size:1.6em;
- }
- .wrapper-content a.searchfile,a.subject-edit,a.subject-vote{
- color:#666;
- }
- .wrapper-content .sign-div > a{
- color:#666;
- font-size:1.6em;
- margin-top: -20px;
- }
- .wrapper-content .agile-list > li{
- background-color: rgba(255, 255, 255, 0.9);
- }
- ul > li >span.text-msg{font-size: .8em;}
- .text-roseo{color:#e52527;}
- .text-green-deep{color:#44b333;}
- .text-yellow-deep{color:#ffa200;}
- .agile-detail > span.person{
- display: block;
- padding: 5px 0;
- }
- .agile-detail > span.subject-text{
- margin-right: 15px;
- }
- .wrapper-content .explain-sign{
- background-color: rgba(255, 255, 255, 0.9);
- }
- .wrapper-content .explain-sign > span{
- display: block;
- padding: 10px 0;
- }
- span.explain-sign-text-title{
- font-size: 1.4em;
- font-weight: bold;
- }
- span.explain-sign-text-center{
- text-align: center;
- }
- span.explain-sign-text-left{
- text-align: left;
- margin-left: 20px;
- text-indent:25px
- }
- span.explain-sign-text-right{
- text-align: right;
- margin-right: 20px;
- }
- .vote-table td{font:100% Arial, Helvetica, sans-serif;}
- .vote-table,.subject-table,.subject-child-table{width:100%;border-collapse:collapse;margin:1em 0;}
- .vote-table th, td{text-align:center;padding:.5em;border:1px solid #fff;}
- .vote-table th,.subject-child-table th{background:#328aa4 url(images/tr_back.gif) repeat-x;color:#fff;line-height: 30px;text-align:center;}
- td{background:#e5f1f4;}
- tr.even td{background:#e5f1f4;}
- tr.odd td{background:#f8fbfc;}
- th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
- th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
- td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
- td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
- td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}
- td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}
- .subject-table tr td{width: 25%;text-align: left;}
- .subject-child-table tr td.align-left{text-align: left;}
- /*星星样式*/
- .star_list{width: 210px;}
- .star_score { background:url(images/star/stark2.png) no-repeat; width:160px; height:21px; position:relative; }
- .star_score a{ height:21px; display:block; text-indent:-999em; position:absolute;left:0;}
- .star_score a:hover{ background:url(images/star/stars2.png) repeat-x;left:0;}
- .star_score a.clibg{ background:url(images/star/stars2.png) repeat-x;left:0;}
- .star_score { background:url(images/star/starky.png) repeat-x;}
- .star_score a:hover{ background:url(images/star/starsy.png) repeat-x;left:0;}
- .star_score a.clibg{ background:url(images/star/starsy.png) repeat-x;left:0;}
- /*** guide ***/
- .guide {width:60px;margin-right:0px;position:fixed;right:0;bottom:0;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 134+'px');display:block;}
- .guide a{display:block;width:60px;height:50px;background:url(images/sprite_v2.png) no-repeat; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;margin-top:10px;text-decoration:none;font:16px/50px "Microsoft YaHei";text-align:center;color:#fff;border-radius:2px;}
- .guide a span{display:none;text-align:center;}
- .guide a:hover{text-decoration:none;background-color:#009688;color:#fff; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
- .guide a:hover span{display:block;width:60px;background:#009688; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
- .guide .notepad{background-position:-83px -185px;}
- .guide .scrolltop{background-position:-145px -185px;}
- .guide .meeting-flow{background-color:#1E9FFF;color:#fff; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
- .guide .meeting-flow span{display:block;}
- .agree-skin .layui-layer-content{color: #333;}
- .agree-skin .layui-layer-btn a{font-size: 14px;}
- .agree-skin .layui-layer-btn .layui-layer-btn1{font-size: 14px;}
- .layui-elem-field > legend {width: auto;border-bottom: 0px;margin-bottom: -10px;}
- fieldset.subject-title{margin-top: 10px;}
- .meeting-flow-box{ position:fixed; left:0; top:0; z-index:1000; width:100%; display:none; background:#202020;}
- * html .meeting-flow-bottom{position:absolute; left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)); top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
- .meeting-flow-bottom{ width:100%; height:auto; margin:0 auto; color:#fff; line-height:30px; padding:16px 0; position:relative;}
- .meeting-flow-close{ position:absolute; right:25px; top:16px; width:18px; height:18px; background:url(images/close.png) no-repeat;filter:alpha(opacity=1); -moz-opacity:1; opacity:1;}
- .meeting-flow-close:hover{cursor: pointer;}
- #timeLine{
- width: 100%;
- margin: 22px 10px 0px 0px;
- overflow: hidden;
- background-color: rgba(255, 255, 255, 0.2);
- }
- #yearList{
- width: 100%;
- list-style: none;
- position: relative;
- margin-left: 437px;
- }
- #yearList:after{
- content: "";
- display: table;
- clear: both;
- }
- #yearList li{
- float: left;
- cursor: pointer;
- text-align: center;
- font-size: 18px;
- padding: 10px 20px;
- }
- .year-dot{
- width: 10px; height: 10px; border-radius: 5px;
- background-color: #1E9FFF;
- margin: 10px auto;
- display: block;
- }
- .dotted-line{
- border-bottom: dashed 2px #1E9FFF;
- position: relative;
- top: -26px;
- z-index: -1;
- }
- #cList{
- width: 100%;
- position: relative;
- }
- #cUl{
- width: 850px;
- list-style: none;
- height: 30px;
- margin: 0 auto;
- position: relative;
- left: 0px;
- }
- #cUl li{
- width: 850px;
- position: absolute; left: 0;
- }
- .li-tit{
- display:inline-block;
- color: #fff;
- font-size: 18px;
- padding: 0px 20px;
- margin: 0px auto 10px;
- }
- .year-active{
- color: #FFC125;
- }
- .year-active i{
- background-color: #FFC125;
- }
- body .layui-layer-rim .layui-layer-title{font-weight: bold;color: #666;}
- body .layui-layer-rim .layui-layer-btn{font-size: 14px;}
|