html { position: relative; min-height: 100%; } body { /* Margin bottom by footer height */ margin-bottom: 60px; font-family: "Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif"; } /* 小屏幕(平板,小于等于 768px) */ @media (max-width: 767px) { html{ min-width: 640px; } body{ } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-left: 0; margin-right: 0; } .navbar .mini-nav { position: inherit; } .navbar .mini-nav-left{ display: none; } .navbar .mini-nav-right{ width:95%; } .navbar .open>.dropdown-menu{ float: none; display: block; position: relative; } .navbar .open>.dropdown-menu>li{ display: block; text-align: center; } .navbar .open .sub-list>li{ display: block; text-align: left; } .index{ padding-left:5px; padding-right:5px; } .index .half-block{ width:100%; } .index .section .img-news img{ width:480px; height:100%; } .index .section .img-news .img-news-pic{ height: 265px; width: 500px; } } /* 小屏幕(平板,大于等于 768px) */ @media (min-width: 768px) { .navbar #navbar a{ font-size: 1em; color: #94070A; padding: 10px 0; } .navbar .mini-nav { position: absolute; } .navbar .mini-nav-left{ display: none; } .navbar .mini-nav-right{ width:85%; } .navbar .open>.dropdown-menu>li{ padding-left: 5px; padding-right: 5px; } .navbar .open>ul.sub-list{ right: -340px; left: auto; width: 600px; } .index .half-block{ width:49%; } .index .section .img-news img{ width:90%; height:100%; } .index .section .img-news .img-news-title{ opacity: 1; } .index .section .img-news .img-news-pic{ height: 245px; width: 100%; } } /* 中等屏幕(桌面显示器,大于等于 992px) */ @media (min-width: 992px) { .navbar .mini-nav-left{ width:39%; height:100% } .navbar .mini-nav-right{ width:60%; height:100% } .navbar .open>ul.sub-list{ right: -440px; } .index .section .img-news .img-news-pic{ height: 265px; width: 95%; } } /* 大屏幕(大桌面显示器,大于等于 1200px) */ @media (min-width: 1200px) { .navbar .open>ul.sub-list{ left: 0; } .index .section .img-news .img-news-pic{ height: 265px; width: 90%; } } p { text-indent:2em; } a{ color: #000; } a:hover{ color: #94070A; text-decoration: none; } .margin-blank-5 { margin: 5px; } .padding-left-5{ padding-left: 5px; } .padding-5{ padding:5px; } .border{ border: 1px solid #EEE; } .border-top{ border-top: 1px solid #EEE; } .border-bottom{ border-bottom: 1px solid #EEE; } .border-left{ border-left: 1px solid #EEE; } .border-right{ border-right: 1px solid #EEE; } .no-indent p{ text-indent:0; } .highlight { padding: 9px 14px; margin-bottom: 14px; background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px; } .header{ margin: 0; padding: 0; background-color: #94070A; } .container{ padding:0; } .header .head-links{ background-color: #700005; padding: 5px; } .header .head-links .nav>li>a{ position: relative; display: block; padding: 0 15px; line-height: 20px; color: #FFF; font-size: 0.9em; } .head-links .nav>li>a:hover, .head-links .nav>li>a:focus{ background-color: #94070A; } .head-links .nav>li>a:visited{ background-color: #700005; } .header .head-bar{ height: 115px; width: 100%; background: url("../images/cloud.png") right bottom no-repeat; } .header .logo{ height: 115px; background: url("../images/psy_logo.png") left center no-repeat; } .header .logo a{ height: 100%; width: 500px; display: block; } .navbar{ border: 0; border-radius: 0; margin-bottom: 0; min-height: 40px; } .navbar-default{ border-color: transparent; } .navbar-collapse{ padding-left: 0; padding-right: 0; } .navbar #navbar{ text-align:center; } .navbar #navbar a{ font-size: 1.1em; color: #000; } .navbar #navbar a:hover{ color: #94070A; background-color: transparent; } .navbar #navbar li{ list-style: none; position: relative; } .navbar #navbar li a.sub-nav-head{ font-weight: bold; } .navbar .mini-nav{ /* position: absolute; */ margin-top: -1px; padding:15px 5px; min-height: 120px; left:0; width: 100%; background: #FFF; z-index:999; display: none; text-align:left; } .navbar .mini-nav .mini-nav-right a:hover{ background-color: transparent; } .navbar .mini-nav .mini-nav-right .normal-list li{ min-width:33%; float:left; } .navbar .mini-nav .mini-nav-right ul.sub-list{ margin: 0; width: 100% } .navbar .mini-nav .mini-nav-right ul.sub-list li:first-child{ font-weight:bold; width: 100px; text-align: right; } .navbar .open>.dropdown-menu ul.list-inline>li.title{ font-weight: bold; font-size: 1.1em; width: 7em; text-align: right; } .content{ margin-top: 5px; } .content .center-block { display: block; margin-right: auto; margin-left: auto; text-align: center; } .content .section{ margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } .content .section .breadcrumb-wrap{ padding:5px; } .content .section .breadcrumb{ margin:0; padding:0; background-color: transparent; float:right; } .content .section .breadcrumb a{ color: #94070A; } .content .section .title{ margin-bottom: 10px; border-bottom: 1px solid #94070A; } .content .section .title h2{ margin: 0; padding: 5px; font-size: 18px; font-weight: bold; color: #282828; /* height: 36px; */ line-height: 36px; } /* 列表 */ .content .section .list-text{ min-height:340px; } .content .section .list-text p{ padding: 5px; border-bottom: 1px solid #EEE; } .content .section p span.date{ display: block; padding-left: 5px; padding-right: 5px; color: #94070A; } .content .section .list-text p a{ display: block; padding-right: 96px; } .content .section .list-text p span.date{ float: right; /*height: 100%;*/ text-align: right; } .content .section .post-title{ } .content .section .post-content p{ margin-bottom: 1em; line-height: 2em; } .content .section .post-content p.img{ text-indent: 0; text-align: center; } .content .section .post-content p span.date{ text-align: right; } .pagination > li > a, .pagination > li > span{ color: #000; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #700005; border-color: #700005; } .content .section .post-content .report-content span{ font-weight: bold; } /* faculty */ .content .section .post-content h3.faculty-title{ padding: 0 5px 10px 5px; font-size: 1.2em; font-weight: bold; } .content .section .post-content dl.faculty-list{ padding: 0 10px; } .content .section .post-content dl.faculty-list dt{ display: block; width: 160px; text-align: left; } .content .section .post-content dl.faculty-list dd{ display: block; margin-bottom: 10px; } .content .section .post-content dl.faculty-list dt span.name{ display: inline-block; width: 80px; text-align: right; padding-right: 10px; } .content .section .post-content dl.faculty-list dt span.post{ display: inline-block; } .content .section .post-content dl.faculty-list dt.en{ min-width: 300px; margin-right:20px; } .content .section .post-content dl.faculty-list dt.en span.name{ min-width: 160px; } .content .section .post-content .faculty-content .photo{ float: right; padding: 0 10px; max-width: 450px; } .content .section .post-content .faculty-content .photo img{ max-height:260px; } .content .section .post-content .faculty-content dl{ padding: 0 10px; word-wrap: break-word; word-break: break-all; } .content .section .post-content .faculty-content dt{ display: block; width: 90px; float: left; } .content .section .post-content .faculty-content dd{ display: block; padding-left: 90px; margin-bottom: 10px; } .content .section .post-content .faculty-content .tab-content{ clear: both; } .content .section .post-content .faculty-content .tab-pane{ padding:1em 5px; border: 1px solid #DDD; border-top:0; } .content .section .post-content .faculty-content .tab-pane#pubs p{ margin: 0; line-height: 1.5em; padding:10px 5px 5px 5px; border-bottom:solid 1px #E0E0E0; } .content .section .post-content .faculty-content .tab-pane#pubs p:nth-child(odd){ background:#F9F9F9; } .content .section .post-content .faculty-content .tab-pane#pubs p:last-child{ border-bottom: 0px; } .content .section .post-content .faculty-content .tab-pane#pubs p:hover{ background:#F0F0F0; } /* index */ .index .section{ margin-left:0; margin-right:0; } .index .section .index-list-text p{ text-indent: 0; max-height: 1.5em; overflow: hidden; } .index .section .img-news{ height: 265px; position: relative; margin-bottom: 13px } .index .section .img-news .img-news-title{ position: absolute; text-align: center; z-index: 999; top: 245px; background: #fff; opacity: 0.85; width: 100%; } .index .section .img-news .img-news-pic{ background-repeat: no-repeat; background-size: cover; } .footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 60px; background-color: #f5f5f5; } /* Custom page CSS -------------------------------------------------- */ /* Not required for template or sticky footer method. */ .footer .container { width: auto; max-width: 680px; padding: 0 15px; } .footer .container .text-muted { margin: 20px 0; }