@charset "UTF-8"; @main_color: #bb0303; @second_color: #669999; @third_color: #FF9900; //@import (less) "../config.txt"; @grey: #333; @white: #FFF; @black: #000; //public start html { font-size: 62.5%; } body { background-image: url("/images/div_background_syty_logo.png"); font-family: Microsoft YaHei; font-size: 1.4rem; color: @black; h3{ //Column title line-height: 40px; } a { color: @grey; &:focus,&:hover { color: @main_color; text-decoration: none; } } ul{ li{ list-style: none; } } .table th, .table td { vertical-align: middle!important; } .breadcrumb { background-color: transparent; padding: 10px 0 0; margin-bottom: 0; >li { &+li { &:before { content: "›"; padding: 0 5px; } } >a { color: lighten(@grey,40%); } } } .guide { position: fixed; right: 0; bottom: 0; } .summary{ color: lighten(@grey,40%); overflow: hidden; } .date { font-size: 1.2rem; line-height: 30px; color: lighten(@grey,50%); } .more { float: right; font-size: 1.4rem; line-height: 40px; a { color: lighten(@grey,50%); &:hover{ color: fade(@main_color,80%); } } } video{ display: block; } } #pager{ .pager_btn{ display: inline-block; padding: 6px 12px; margin: 3px; border: thin solid #ddd; } text-align: center; margin: 30px 0; input{ .pager_btn; width: 40px; } .p_fun_d,.p_no_d,.p_dot{ .pager_btn; cursor: not-allowed; } .p_no_d{ color: @white; background-color: @main_color; } .p_fun,.p_no,.p_goto{ >a{ .pager_btn; &:hover{ background-color: @main_color; color: @white; } } } } //public end //footer start footer { color: lighten(@grey,70%); background: url("/images/footer.jpg") no-repeat; background-size: cover; bottom: 0; margin-bottom: 0; text-align: center; .subfooter{ padding: 30px 0 10px; background-color: fade(darken(@main_color,5%),86%); .logo { padding: 30px 60px; } ul{ padding: 10px 0; line-height: 230%; overflow: hidden; li { float: left; } >li { >a { color: @white; &:hover{ text-decoration: underline; } } } } } .footer{ background: fade(@black,86%); padding: 10px; } } .footer_nav{ background-color: lighten(@grey,76); padding: 30px 0 30px; h4{ font-weight: bold; &::before { content: ""; position: absolute; top: 0; display: block; width: 10%; height: 2px; background: fade(@main_color,80%); transition: all .3s; } } ul{ padding-left: 0; li{ float: left; a{ display: block; padding: 10px 30px 10px 0; } } } } //footer end //menu start #menu { position: absolute; top: 20px; .container { padding: 0; } } .navbar-fixed-top .navbar-collapse { max-height: 500px; } #logo { padding: 0; height: 100px; background-color: fade(@main_color,80%); } #nav { padding: 0; } #mainnav,#subnav { margin: 0; } #subnav { background-color: fade(@second_color,70%); } .navbar { border-radius: 0; border: none; min-height: 40px; } #snav { width: 100%; >li { >a { padding-top: 10px; padding-bottom: 10px; font-size: 12px; } } } #mnav { >li { >a { padding-top: 20px; padding-bottom: 20px; } } } .navbar-default { background-color: fade(@main_color,70%); .navbar-nav { >.open { >a { color: @white; background-color: fade(@main_color,50%); &:focus { color: @white; background-color: fade(@main_color,50%); } &:hover { color: @white; background-color: fade(@main_color,50%); } } } >li { >a { color: @white; &:hover { color: @white; background-color: fade(@main_color,50%); } &:focus { color: @white; background-color: fade(@main_color,50%); } } } } .navbar-brand { p