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

(Replaced content with "https://2017.igem.org/Team:GZHS-United/CSS/common")
 
(23 intermediate revisions by the same user not shown)
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;
 +
}
 +
/* 导航栏 结束 */
 +
 
 +
/* 内容 开始 */
 +
.top_img{
 +
width: 100%;
 +
padding-bottom: 30px;
 +
}
 +
#GZHS_content{
 +
background:#FFFEEE;
 +
}
 +
#GZHS_content h1 {
 +
text-align: center;
 +
    font-size: 3em;
 +
    font-weight: 600;
 +
    font-family: 'Arial Regular', serif;
 +
padding: 0px;
 +
background: #ddd;
 +
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#GZHS_content h4 {
 +
    text-align: left;
 +
    font-size: 1.5em;
 +
    font-weight: 600;
 +
    font-family: 'Arial Regular', serif;
 +
}
 +
#GZHS_content p {
 +
text-indent: 2em;
 +
}
 +
#GZHS_content p, #GZHS_content li {
 +
text-align: left;
 +
    font-size: 1.3em;
 +
    font-weight: 500;
 +
font-family: 'Arial Regular', serif;
 +
color: #2c3e50;
 +
}
 +
 
 +
#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;
 +
}
 +
 
 +
#ol_ul>li {
 +
text-align: left;
 +
    font-size: 1em;
 +
    font-weight: 500;
 +
font-family: 'Arial Regular', serif;
 +
color: #2c3e50;
 +
}
 +
#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%;
 +
}
 +
/* 内容 结束 */
 +
 
 +
#to_top{
 +
opacity:0.3;
 +
cursor:pointer;
 +
position:fixed;
 +
right:00px;
 +
bottom:20px;
 +
}
 +
#to_top:hover {
 +
opacity:1;
 +
}
 +
#to_top img{
 +
width: 150px;
 +
}
 +
#last_page{
 +
opacity:0.3;
 +
cursor:pointer;
 +
position:fixed;
 +
left:20px;
 +
top:50%;
 +
}
 +
#last_page:hover {
 +
opacity:1;
 +
}
 +
#last_page img{
 +
width: 100px;
 +
}
 +
#next_page{
 +
opacity:0.3;
 +
cursor:pointer;
 +
position:fixed;
 +
right:20px;
 +
top:50%;
 +
}
 +
#next_page:hover {
 +
opacity:1;
 +
}
 +
#next_page img{
 +
width: 100px;
 +
}
 +
 
 +
@media (max-width: 1200px){
 +
.top-menu ul li a {
 +
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; } }