/*list.html declare.html*/ @charset 'utf-8' body { font-family: Tahoma, Arial, Verdana; /*color: #eee;*/ } .container .jumbotron { height: 220px; background-image: url(../img/background.jpg); background-position: center center; border-radius: 6px 6px 0 0; padding-right: 0; padding-left: 0; } .jumbotron { padding-top: 20px; padding-bottom: 0; } #logo { height: 100px; } #logo img { margin: 0 auto; } /*h2:32px 28px 26px 22px*/ #logo h2 { color: #2e6da4; font-size: 22px; font-weight: 700; } .main_nav { margin-top: 18px; } .main_nav .nav { background-color: rgba(11,42,96,0.3); } .main_nav .nav-pills li a { padding: 27px 5px; font-size: 14px; color: #fff; font-weight: 700; border-radius: 0; } .main_nav .nav-pills li a:hover , .main_nav .nav-pills li a:focus { background-color: #5A96B4; } .main_nav .nav-pills li a span { padding-right: 5px; } /*.nav-pill_border { border: 1px solid #fff; }*/ /*list.html */ .sidebar-nav .nav { background-color: rgba(165,192,222,0.7); border-radius: 8px; padding-top: 25px; padding-bottom: 25px; } a { color: #2e6da4; } .sidebar-nav li a span { color: #143D65; margin-left: 25px; margin-right: 15px; } .panel-heading span { color: #2e6da4; padding-right:10px; } .panel-body ul { padding: 0; margin: 0; list-style: none; } .panel-body .news-item { padding: 4px 4px; margin: 0; /* border-bottom: 1px dotted #ddd;*/ } .news-item a { font-size: 12px; color: #666; } .news-item a:hover { color: red; text-decoration: none; } .news-item a.info-title { text-overflow: ellipsis; } .news-item span { margin-left: 8px; } .panel-footer { padding: 0 auto; margin: 0; } /*declare.html*/ .declare { overflow: hidden; margin-top: 20px; margin-bottom: 40px; } .declare-bordered { padding: 5px 5px 0; list-style: none; } .declare-bordered .declare-item { padding: 0px; margin: 5px; border: 1px solid #eee; box-shadow: none; transition: all 0.6s ease; } .declare-bordered .declare-item a:hover { text-decoration: none; } .declare-bordered .am-gallery-title { text-align: center; padding: 20px 0px; } .mask { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); transform: translateY(-103%); -webkit-transform: translateY(-103%); -moz-transform: translateY(-103%); -ms-transform: translateY(-103%); -o-transform: translateY(-103%); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .mask span { display: block; width: 100%; height: 100%; } .declare-item:hover .mask { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .declare-bordered li:hover .mask { opacity: 1; } .declare-bordered li .declare-item { background-color: #5B9BD5; } .declare-bordered li:hover .declare-item { background-color: #23a6e8; } .declare-bordered li .declare-item a h3 ,.declare-bordered li:hover .declare-item a h3 { color: #fff; font-weight: 700; text-decoration: none; } .img-wrap { position: relative; padding: 0; max-height: 230px; overflow: hidden; } /*小屏幕(平板,大于等于768px)*/ @media (min-width: 768px) { #logo h2 { color: #2e6da4; font-size: 26px; font-weight: 900; } .main_nav .nav-pills li a { font-size: 14px; } } /*中等屏幕(桌面显示器,大于等于992px)*/ @media (min-width: 992px) { #logo h2 { color: #2e6da4; font-size: 30px; font-weight: 900; } .main_nav .nav-pills li a { font-size: 16px; } } @media only screen and (min-width: 1025px) { .declare .declare-bordered .am-gallery-title{ font-size: 16px; } .declare .declare-bordered>li{ padding: 10px; } } /*大屏幕(大桌面显示器,大于等于1200px)*/ @media (min-width: 1200px) { #logo h2 { color: #2e6da4; font-size: 34px; font-weight: 900; } .main_nav .nav-pills li a { font-size: 20px; } } .footer { text-align: center; font-size: 12px; color: #666; background-color: #eee; padding-top: 20px; padding-bottom: 25px; border-radius: 4px; }