Template:Nankai New/screen.css
.menu li a:hover {
color: #f34343;
} .menu li > ul {
border-top: 2px solid #f34343;
}
/*
General Style
==================================================*/
/*Type ==================================================*/
ul, ol {
padding: 0; margin: 0 0 9px 25px;
} ul ul, ul ol, ol ol, ol ul {
margin-bottom: 0;
} li {
line-height: 18px;
} ul.unstyled, ol.unstyled {
margin-left: 0; list-style: none;
} ul.inline, ol.inline {
margin-left: 0; list-style: none;
} ul.inline > li, ol.inline > li {
display: inline-block; *display: inline; /* IE7 inline-block hack */
*zoom: 1; padding-left: 5px; padding-right: 5px;
} dl {
margin-bottom: 18px;
} dt, dd {
line-height: 18px;
} dt {
font-weight: bold;
} dd {
margin-left: 9px;
} .dl-horizontal {
*zoom: 1;
} .dl-horizontal:before, .dl-horizontal:after {
display: table; content: ""; line-height: 0;
} .dl-horizontal:after {
clear: both;
} .dl-horizontal dt {
float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
} .dl-horizontal dd {
margin-left: 180px;
}
/*
Header Style
==================================================*/
.mainHeader {
width: 100%; height: 155px; position: relative;
} /*social navigation*/ .navTop {
position: realtive; height: 29px; background: #4a4a4a;
} .navTop ul {
margin: 0; padding: 0;
} .navTop ul li {
float: left;
} .navTop ul li a {
width: 29px; height: 29px; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; padding: 0; margin: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;
} .navTop ul li a:hover {
background-color: #000000 !important;
} .mainNav {
min-height: 126px; background: #000000;
} /*logo*/ .brand {
width: 252px; height: 51px; display: block; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; position: relative; margin: 35px 0;
} .brand::before {
content: ; display: block; width: 252px; height: 51px; position: absolute; top: 0; left: 0; background: url(../img/logo.png) 0 0 no-repeat; z-index: 10;
} .brand::after {
content: ; display: block; width: 29px; height: 32px; position: absolute; top: 0; right: 0; z-index: 1;
} /*Menu*/ .menu {
padding: 50px 0; background: #000000;
} .menu li {
position: relative; margin: 0 5px;
} .menu li a {
color: #6c6c6c; padding-bottom: 25px; font-size: 15px; text-transform: uppercase; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear;
} .menu li a:hover {
background: none; text-decoration: none;
} .menu li a:hover ~ ul {
display: block;
} .menu li > ul {
position: absolute; top: 40px; left: -50px; display: none; background: #0f0f0f; width: 163px; text-align: center; padding: 10px 0; z-index: 1000;
} .menu li > ul > li {
border-bottom: 1px solid #1f1f1f; margin: 0;
} .menu li > ul > li a {
padding: 5px 0; display: block; text-transform: none; font-size: 13px;
} .menu li > ul > li:last-child {
border: none;
} .menu li > ul:hover {
display: block;
} .menu li:last-child {
padding-right: 0; margin-right: 0;
} .menu li:nth-child(4) > ul {
left: -35px;
}