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

(Replaced content with "https://2017.igem.org/Team:GZHS-United/CSS/common")
Line 1: Line 1:
−
https://2017.igem.org/Team:GZHS-United/CSS/common
+
/* wiki通用 开始 */
 +
#sideMenu, #top_title {display:none;}
 +
#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;
 +
}
 +
#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;
 +
}
 +
/* 导航栏 结束 */
 +
 
 +
/* 内容 开始 */
 +
#GZHS_content{
 +
background:#FFF5EE;
 +
}
 +
#GZHS_content h1 {
 +
text-align: left;
 +
    font-size: 3em;
 +
    font-weight: 600;
 +
    font-family: 'Arial Regular', serif;
 +
}
 +
#GZHS_content h2 {
 +
    text-align: left;
 +
background：grey;
 +
    font-size: 2.5em;
 +
    font-weight: 600;
 +
    font-family: 'Arial Regular', serif;
 +
}
 +
#GZHS_content h3 {
 +
    text-align: left;
 +
    font-size: 2em;
 +
    font-weight: 600;
 +
    font-family: 'Arial Regular', serif;
 +
}
 +
#GZHS_content h4 {
 +
    text-align: left;
 +
    font-size: 1.5em;
 +
    font-weight: 600;
 +
    font-family: 'Arial Regular', serif;
 +
}
 +
#GZHS_content p {
 +
text-inherit: 2em;
 +
}
 +
#GZHS_content p, #GZHS_content li {
 +
text-align: left;
 +
    font-size: 1.3em;
 +
    font-weight: 500;
 +
font-family: 'Arial Regular', serif;
 +
color: #2c3e50;
 +
}
 +
/* 内容 结束 */

Revision as of 11:32, 22 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; } /* 导航栏 结束 */

/* 内容 开始 */

  1. GZHS_content{

background:#FFF5EE; }

  1. GZHS_content h1 {

text-align: left; 

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

}

  1. GZHS_content h2 {
   text-align: left;

background：grey; 

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

}

  1. GZHS_content h3 {
   text-align: left;
   font-size: 2em;
   font-weight: 600;
   font-family: 'Arial Regular', serif;

}

  1. GZHS_content h4 {
   text-align: left;
   font-size: 1.5em;
   font-weight: 600;
   font-family: 'Arial Regular', serif;

}

  1. GZHS_content p {

text-inherit: 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; } /* 内容 结束 */