Line 19: | Line 19: | ||
.guide td{ | .guide td{ | ||
border: none !important; | border: none !important; | ||
− | + | ||
− | + | ||
} | } | ||
.guide{ | .guide{ |
Revision as of 08:26, 9 October 2017
/* home css */ html {
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; z-index=1;
} body { width: 100%; margin:0; padding:0; } .guide table{ margin:0 auto !important;
padding: 0; background: transparent; background-color: transparent; border: none !important;
} .guide td{
border: none !important;
} .guide{ font-family:Verdana; letter-spacing: 1px; width: 1920px; padding:20px 0; margin:0 auto; } .guide ul{/*这里必须设置内边距和外边距,因为浏览器会给ul设定默认值,会把导航栏挤歪*/ margin: 0; padding: 0; list-style: none; } .guide li.dropdown{/*本来ul是竖直排列的,对所有li元素进行float:left他就会自动全部靠左*/ float: left; position :relative; margin-left: 5px; } .guide ul li a,.guide ul li a:hover {/*对所有项目a标签设置统一样式*/ display: block; text-align: center; text-decoration: none; border-radius: 25px; box-shadow: 0px 0px 15px rgba(0,0,0,0.4); z-index=1000; height:50px; line-height: 50px;/*height和line-height设置为一样的高度文字就会水平竖直居中 */ font-size: 15px;
background-image:url() !important;
} .guide ul li a{/*统一设置导航栏下拉时透明背景*/ color: #000000; } .guide ul li a img{ height: 1%; width: 1%; margin-bottom: 5px; } .guide ul li#Home,.guide ul li#Home:hover{ width: 1%; } .guide ul li:hover a {/*鼠标移上去的时候字体和背景都会变色,移开又会变回来 */ background-color:#FAEBD7; } .guide ul li#Project{ width: 140px; } .guide ul li#Notebook{ width: 135px; } .guide ul li#Hardware{ width: 130px; } .guide ul li#HP{ width: 190px; } .guide ul li#Model{ width: 125px; } .guide ul li#other{ width: 155px; } .guide ul li#Team{ width: 155px; } .guide ul li ul {/*实现下拉菜单隐藏*/ display: none; } .guide ul li:hover ul {/*弹出的下拉菜单*/ display: block; position: absolute; padding:0; } .guide ul li#Project:hover ul { width: 140px; } .guide ul li#Notebook:hover ul { width: 135px; } .guide ul li#Hardware:hover ul { width: 130px; } .guide ul li#Model:hover ul { width: 125px; } .guide ul li#HP:hover ul { width: 190px; } .guide ul li#other:hover ul { width: 155px; } .guide ul li#Team:hover ul { width: 155px; } .guide ul li:hover ul li{ margin: 8px 0; } .guide ul li:hover ul li a {/*定义下拉菜单里的a标签*/ display: block; color: #000000; font-size: 15px; } .guide ul li:hover ul li a:hover {/*下拉菜单a标签的伪类设置*/ color: #FFFFFF;
text-shadow: 0px 0px 10px #000000;
} .pictures{
width:80%; height:747px; padding: 0; margin: 10px auto; background: transparent; background-color: transparent; border-radius: 25px; box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
}
- foot{
margin-top:20px; }
- foot p{
width:100%; text-align:center !important; margin-top:10px; margin-bottom:0; font-family:spirax,"Franklin Gothic Bold", "Arial Black", "sans-serif" !important; font-size: 16px !important; color:#000000 !important; letter-spacing: 1.5px !important; }
- content {
width: 100%; padding: 0; border: none; margin: 0px 0px; position: static; z-index:auto; margin-top:-7px; background: transparent; background-color: transparent;
}
- sideMenu, #top_title, .patrollink {
display: none;
}
- HQ_page p {
font-size:unset; font-family: unset;
}
- HQ_page td{
padding: 0px !important;
}
- globalWrapper {
font-size:unset; font-family:unset; padding-bottom:0px;
} .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
margin: 0px;
}
- HQ_page h1, h2, h3, h4, h5 {
font-family: unset;
}
/* CSS Document */
- { padding:0; margin:0;}
.banner{ width:100%; height:750px; overflow:hidden; position:relative;font-size:0} .b-img{ height:500px; position:absolute; left:0; top:0;} .b-img a{ display:block; height:750px; float:left;} .b-list{ height:50px; padding-top:700px; position:relative; margin:0 auto;z-index:1;} .b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;} .b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}