Difference between revisions of "Team:GZHS-United/CSS/common"

Revision as of 12:16, 31 October 2017 (view source) Jin Honglei (Talk | contribs) ← Older edit		Latest revision as of 12:17, 31 October 2017 (view source) Jin Honglei (Talk | contribs)
Line 205:		Line 205:
	}		}
−	@media (max-width: 1024px){	+	@media (max-width: 1200px){
	.top-menu ul li a {		.top-menu ul li a {
	font-size: 0.72em;		font-size: 0.72em;
	}		}
	}		}

---

Latest revision as of 12:17, 31 October 2017

/* wiki通用 开始 */

1. sideMenu, #top_title {display:none;}
2. content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}

.mw-content-ltr ul{margin: 0;} .slider{margin-top: -12px; margin-bottom: -2px;} /* wiki通用 结束 */

/* 导航栏 开始 */ .header-bottom {

 border-bottom: 2px solid #78b907;

}

1. nav{

 width:100%;
 position:fixed;
 top:0px;
 _position:absolute;
 _top:expression(documentElement.scrollTop + "px"); 
 z-index:9999;
 font-family: 'Arial Regular', serif;
 background: #2A579A;
 text-align: center;
 padding: 1.5em 0 0.6em 0;

} .top-menu ul li{ display: inline-block; } .top-menu ul li a{

 font-size: 1.2em;
 text-decoration: none;
 margin: 0 0.5em;

} .top-menu ul li a:hover {

 color: #323232;

} nav a { position: relative; display: inline-block; outline: none; color: #fff; text-decoration: none; letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 1.35em; } nav a:hover, nav a:focus { outline: none; } .cl-effect-5 a { overflow: hidden; } .cl-effect-5 a span { padding:2px; position: relative; display: inline-block;

   color: #fff;

-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cl-effect-5 a span::before { position: absolute; top: 100%; content: attr(data-hover); font-weight: 700; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .cl-effect-5 a:hover span, .cl-effect-5 a:focus span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .dropdown_menu { background:#fff; } .dropdown_menu>li { width:100%; } .dropdown_title { margin:0 10px; } /* 导航栏 结束 */

/* 内容 开始 */ .top_img{ width: 100%; padding-bottom: 30px; }

1. GZHS_content{

background:#FFFEEE; }

1. GZHS_content h1 {

text-align: center;

   font-size: 3em;
   font-weight: 600;
   font-family: 'Arial Regular', serif;

padding: 0px; background: #ddd;

}

1. GZHS_content h2 {

   text-align: left;
   font-size: 2.5em;
   font-weight: 600;
   font-family: 'Arial Regular', serif;

padding: 0px 10px;

   border-left: red 5px solid;

}

1. GZHS_content h3 {

   text-align: left;
   font-size: 2em;
   font-weight: 600;
   font-family: 'Arial Regular', serif;

padding: 0px 10px;

   border-left: yellow 5px solid;

}

1. GZHS_content h4 {

   text-align: left;
   font-size: 1.5em;
   font-weight: 600;
   font-family: 'Arial Regular', serif;

}

1. GZHS_content p {

text-indent: 2em; }

1. GZHS_content p, #GZHS_content li {

text-align: left;

   font-size: 1.3em;
   font-weight: 500;

font-family: 'Arial Regular', serif; color: #2c3e50; }

1. GZHS_content p, #GZHS_content caption, #GZHS_content th, #GZHS_content td, #GZHS_content li {

text-align: left;

   font-size: 1.3em;
   font-weight: 500;
   font-family: 'Arial Regular', serif;

}

1. ol_ul>li {

text-align: left;

   font-size: 1em;
   font-weight: 500;

font-family: 'Arial Regular', serif; color: #2c3e50; }

1. GZHS_content table>thead>tr>th, #GZHS_content table>tbody>tr>td{

text-align: center; } .imgs { width:80%; margin:0 auto; } .img100 { width:100%; } .img50 { width:50%; } /* 内容 结束 */

1. to_top{

opacity:0.3; cursor:pointer; position:fixed; right:00px; bottom:20px; }

1. to_top:hover {

opacity:1; }

1. to_top img{

width: 150px; }

1. last_page{

opacity:0.3; cursor:pointer; position:fixed; left:20px; top:50%; }

1. last_page:hover {

opacity:1; }

1. last_page img{

width: 100px; }

1. next_page{

opacity:0.3; cursor:pointer; position:fixed; right:20px; top:50%; }

1. next_page:hover {

opacity:1; }

1. next_page img{

width: 100px; }

@media (max-width: 1200px){ .top-menu ul li a { font-size: 0.72em; } }