Difference between revisions of "Team:XMU-China/css/unitcommomCss"
| Line 155: | Line 155: | ||
} | } | ||
.column .subtitle{ | .column .subtitle{ | ||
| − | font-family: | + | font-family:"fredericka-the-great","cabin-sketch",Verdana,"sans-serif"; |
font-size: 38px; | font-size: 38px; | ||
word-spacing: 8px; | word-spacing: 8px; | ||
Revision as of 17:17, 23 October 2017
/* unit commom 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:20px 0; margin:0 auto;
position:fixed;
} .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); height:50px; line-height: 50px;/*height和line-height设置为一样的高度文字就会水平竖直居中 */ font-size: 16px;
background-image:url() !important; background-color:#FFFFFF;
} .guide ul li a{/*统一设置导航栏下拉时透明背景*/ color: #000000; } .guide ul li a img{ height: 32px; width: 32px; margin-bottom: 5px; } .guide ul li#Home,.guide ul li#Home:hover{ width: 50px; } .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;
z-index:1000;
} .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;
} .title{ width: 100%; height: 550px; line-height: 550px; color:#000000; text-align: center; font-family:"fredericka-the-great","Gill Sans",spirax,Impact, "Franklin Gothic Bold", "Arial Black", "sans-serif"; font-size: 80px; letter-spacing: 5px; font-weight: 300; margin:0 0 50px 0;
background-image:url() !important;
background-size:95% 100%;
background-position: center;
background-repeat: no-repeat;
} .column { font-family:Verdana,"Franklin Gothic Bold", "Arial Black", "sans-serif" !important; width: 60%; margin-left:auto; margin-right:auto; padding: 2% 4%;
background-color: #FFFFFF;
border-radius: 50px; box-shadow: #666666 0px 0px 30px; color: #000000 !important;
}
.column .subtitle{ font-family:"fredericka-the-great","cabin-sketch",Verdana,"sans-serif"; font-size: 38px; word-spacing: 8px; color: #000000 !important; /*vertical-align: middle; */ margin:25px auto; text-align: center; } /*.column .line {
display: inline-block;
text-align: center;
width: 270px;
vertical-align: 0%;
border-top: 2.5px dashed #000000;
margin: 0 32px; }暂时隐藏*/ .column p{ font-size: 16px !important; letter-spacing: 0px !important; line-height: 23px !important; word-spacing: 1.5px !important; margin-left:2.5%; margin-right:2.5%;
text-align:left !important;
} .column h1{
font-size: 24px !important;
letter-spacing: 0px !important;
line-height: 24px !important;
word-spacing: 2px !important;
font-weight:100 !important;
margin-left:2.5% !important;
} .column .blank{ display: inline-block; width:100%; height:40px; } .column img{ display: inline-block; width:100%;
margin-bottom:10px;
} .subscript{/*设置格式为下标*/
vertical-align:sub !important;
} .gotop{ position:fixed; right:2%; bottom:2%; width:50px; height:35px; text-align:center; padding-top:20px; border-radius: 50%; overflow: hidden; } .gotop:hover:before{ top:50% } .gotop:before{ position: absolute; top: -60%; left: 50%; transform: translate(-50%,-50%); width: 40px; } .gotop-in{ display:inline-block; height:25px; width:25px; border: 5px double; border-color: #000000 transparent transparent #000000; transform:rotate(45deg); } .gotop-in:hover{ display:inline-block; height:25px; width:25px; border: 5px solid; border-color: #000000 transparent transparent #000000; transform:rotate(45deg); }
- 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;
}
#bigger{
height: 100%;
margin: auto;
}
#bigger img{
cursor: pointer;
transition: all 0.6s;
}
#bigger img:hover{
transform: scale(1.2);
}
- 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;
}
