Team:XMU-China/css/homeCss

/* home css */ html {

      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;

} body { width: 100%; margin:0; padding:0;

       overflow: auto;

} .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: 0.5px; width: 100%; padding:15px 0 0 0; margin:0 auto 20px auto; } .guide ul{/*这里必须设置内边距和外边距,因为浏览器会给ul设定默认值,会把导航栏挤歪*/ margin: 0; padding: 0; list-style: none; } .guide li.dropdown{/*本来ul是竖直排列的,对所有li元素进行float:left他就会自动全部靠左*/ float: left; position :relative; margin-left: 0.2%; } .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); height:50px; line-height: 50px;/*height和line-height设置为一样的高度文字就会水平竖直居中 */ font-size: 16px;

       background-image:url(T--XMU-China--background.png) !important;
       background-color:#FFFFFF;

}

.guide ul li a{/*统一设置导航栏下拉时透明背景*/

       font-size:16px;

color: #000000; } .guide ul li a img{ height: 32px; width: 32px; margin-bottom: 5px; } .guide ul li#Home,.guide ul li#Home:hover{ width: 6%; } .guide ul li:hover a {/*鼠标移上去的时候字体和背景都会变色,移开又会变回来 */ background-color:#FAEBD7; } .guide ul li#Project{ width: 13.4%; } .guide ul li#Notebook{ width: 13%; } .guide ul li#Hardware{ width: 12%; } .guide ul li#HP{ width:19%; } .guide ul li#Model{ width: 10%; } .guide ul li#other{ width: 14%; } .guide ul li#Team{ width: 11%; } .guide ul li ul {/*实现下拉菜单隐藏*/ display: none; } .guide ul li:hover ul {/*弹出的下拉菜单*/ display: block; position: absolute; padding:0;

       z-index:1000;

} .guide ul li:hover ul li{ margin:5px 0; } .guide ul li#Project:hover ul { width: 100%; } .guide ul li#Notebook:hover ul { width: 100%; } .guide ul li#Hardware:hover ul { width: 100%; } .guide ul li#Model:hover ul { width: 100%; } .guide ul li#HP:hover ul { width: 100%; } .guide ul li#other:hover ul { width: 100%; } .guide ul li#Team:hover ul { width: 100%; } .guide .menu{ margin:0 auto; } .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;

}

  1. foot{

margin-top:20px; }

  1. 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; }

  1. contract{

clear:all; width:100%; weight:200px; padding-top:10px; text-align:center; }

  1. content {
   width: 100%;
   padding: 0;
   border: none;
   margin: 0px 0px;
   position: static;
   z-index:auto;
   margin-top:-7px;
   background: transparent;
   background-color: transparent;

}

  1. sideMenu, #top_title, .patrollink {
   display: none;

}

  1. HQ_page p {
   font-size:unset;
   font-family: unset;

}

  1. HQ_page td{
   padding: 0px !important;

}

  1. globalWrapper {
   font-size:unset;
   font-family:unset;
   padding-bottom:0px;

} .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {

  margin: 0px;

}

  1. HQ_page h1, h2, h3, h4, h5 {
  font-family: unset;

}

.banner{padding:0;margin:20px auto 0 auto;} .banner{width:75%; height: auto; overflow:hidden; position:relative;margin:20px auto 0 auto;} .b-img{height:auto; position:absolute; left:0; top:0;z-index:1;} .b-img a{ display:block; height:500px; float:left;} .b-list{ height:50px; padding-top:450px; position:relative; margin:0 auto;z-index:10;} .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;z-index:10;} .b-list .spcss{border:3px solid #14ab04;}


@media screen and (max-width:1400px)and (min-width:768px){ .guide ul li a{

 font-size: 15px;
 color: #000000;

} .guide ul li a:hover{

 font-size: 15px;
 color: #000000;

} .column { width: 70%;

   }

}

@media screen and (max-width:768px){ .guide ul li#Project{ width: 15%; } .guide ul li#Notebook{ width: 13%; } .guide ul li#Hardware{ width: 13%; } .guide ul li#HP{ width: 19%; } .guide ul li#Model{ width: 10%; } .guide ul li#other{ width: 14.4%; } .guide ul li#Team{ width: 8%; } .guide ul li a{

 font-size: 7px;
 color: #000000;

} .guide ul li a:hover{

 font-size: 7px;
 color: #000000;

} .column { width: 100%; border-radius: unset;

   }

}