/*包含index.html login.html 页面的css*/ @charset 'utf-8' body { font-family: Tahoma, Arial, Verdana; /*color: #eee;*/ } /*index.html*/ .jumbotron { height: 420px; background-image: url(../img/background.jpg); background-position: center center; } #logo { height: 100px; margin-top: 50px; } #logo img { margin: 0 auto; } /*h2:32px 28px 26px 22px*/ #logo h2 { color: #2e6da4; font-size: 22px; font-weight: 700; } #nav { margin-top: 50px; } #search span { padding: 0 5px; } .search { padding: 0 auto; background-color: rgba(90,150,180,0.7); border-radius: 4px; overflow: visible; min-width: 180px; margin-top: 10px; } .search form { margin-top: 30px; text-align: center; } .search input , .search select { width: 150px; height: 30px; border: 1px solid #C4D6EC; } .search #search { height: 30px; font-size: 12px; color: #666; } .nav-btn .row { margin-top: 20px; } .nav-btn .btn { height: 50px; line-height: 50px; display: inline-table; } .nav-btn .btn-primary { font-size: 14px; font-weight: 700; background-color: rgba(80,134,194,0.7); border: 1px solid #5086C2; filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } .nav-btn .btn-primary span { font-size: 18px; padding-right: 10px; } .content { font-size: 14px; color: #666; margin-bottom: 20px; } .content .panel .panel-heading { background-color: #5B9BD5; } .panel .panel-heading span , .panel .panel-heading span a { color: #fff; font-weight: 700; } .more { float: right; } .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 { color: #666; font-size: 12px; } .news-item a:hover { color: #666; text-decoration: none; } .news-item a.info-title { width:55%; display:block; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; } .news-item a.info-time ,.news-item a.notice-time { float: right; } .login { position: relative; background-image: url(../img/map.gif); background-position: center center; height: 258px; border-radius: 8px; } .tm { width: 100%; height: 100%; border-radius: 8px; position: absolute; top: 0; left: 0; background-color: rgba(258,258,258,0.5); /* IE 4-9 */ filter:alpha(opacity=50); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } .tm h3 { background-color: transparent; padding-top: 20px; text-align: center; color: #284567; font-weight: 900; } .tm img { padding-top: 10px; } .tm a { font-size: 24px; font-weight: 700; color: #9C2B2F; display: block; margin: 15px auto; } .footer { text-align: center; font-size: 12px; color: #666; background-color: #eee; padding-top: 20px; padding-bottom: 25px; border-radius: 4px; } /*login.html*/ .login-qiantai { background-image: url(../img/login/login_bg.jpg); background-size: cover; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; text-align: center; } .login_content { background-color: rgba(92,116,150,0.8); border-radius: 8px; /*border: 1px solid #eee;*/ margin-top: 130px; padding: 30px 20px; } .login_content h3 { font-size: 20px; color: #DCE8F4; padding: 0px 15px; letter-spacing: 1px; } .login_content .login_form { margin-top: 20px; } .login_form img { margin-left: 10px; margin-right: 10px; } #login .btn { font-size: 12px; color: #666; margin-left: 10px; float: right; box-shadow: 2px 2px #073F78; } .footer-qiantai { background-color: rgba(34,84,135,1); font-size: 12px; text-align: center; color: #ccc; padding-top: 10px; } /*list.html*/ #jumbtron_list { height: 200px; } /*#logo_list { margin-top: 0px; }*/ /*小屏幕(平板,大于等于768px)*/ @media (min-width: 768px) { .jumbotron { height: 420px; } .nav-btn .btn-primary { font-size: 16px; font-weight: 700px; } #logo h2 { color: #2e6da4; font-size: 26px; font-weight: 900; } .login_content h3 { font-size: 22px; letter-spacing: 2px; } #login .btn { margin-left: 20px; } } /*中等屏幕(桌面显示器,大于等于992px)*/ @media (min-width: 992px) { .jumbotron { height: 520px; } .nav-btn .btn-primary { font-size: 18px; font-weight: 700px; } #logo h2 { color: #2e6da4; font-size: 30px; font-weight: 900; } .login_content h3 { font-size: 24px; } } /*大屏幕(大桌面显示器,大于等于1200px)*/ @media (min-width: 1200px) { .jumbotron { height: 520px; } .nav-btn .btn-primary { font-size: 18px; font-weight: 700px; } #logo h2 { color: #2e6da4; font-size: 34px; font-weight: 900; } .login_content h3 { font-size: 28px; } }