Difference between revisions of "Team:Nanjing-China/CSS:4"

 
Line 153: Line 153:
 
float:left;
 
float:left;
 
padding:5%;}
 
padding:5%;}
−
#for_judge{
 
−
position:fixed;
 
−
left:5px;
 
−
top:80%;
 
−
width:120px;
 
−
height:70px;
 
−
line-height:70px;
 
−
z-index:6;
 
−
padding:2px;
 
−
alignment-adjust: central;
 
−
background-image:url("https://static.igem.org/mediawiki/2018/f/f9/T--Nanjing-China--for-judge.png");
 
−
background-repeat:no-repeat;
 
−
background-position:center;
 
−
border:rgba(153,153,153,1) 3px groove;
 
−
border-radius:8px;
 
−
}
 
−
#for_judge .i ul{ margin: auto; padding:0; list-style:none; width:120px; height:70px; line-height:70px; text-align:center; float:left;}
 
−
#for_judge .i ul a:hover{ background:rgba(102,51,0,0.6);color:#FFFFFF; height:70px; padding:0px; line-height:70px; }
 
−
#for_judge .i ul a{ text-decoration:blink; color:#C93; font-family:"Courier New", Courier, monospace; height:70px; padding:0px; line-height:70px; }
 
−
#for_judge ul{
 
−
margin: auto; padding:0; list-style:0; background:rgba(204,153,255,0); text-align:center; float:left; list-style:0;}
 
−
#for_judge ul a{
 
−
text-decoration: none;
 
−
display:block;
 
−
color:#003;
 
−
}
 
−
#for_judge ul a:hover{ background:rgba(255,51,102,0.5); color:#FFFFFF; width:120px; height:70px; font-family: "Comic Sans MS", cursive;}
 
−
#for_judge ul a#on{ background:rgba(120,153,255,0.7); width:120px; height:70px;
 
−
}
 

Latest revision as of 10:27, 15 October 2018

  1. sideMenu,
  2. top_title{
    display: none;

}

  1. content{
    width: 100%;
    margin: 0px;
    padding:0;

background-color:block; }

  1. HQ_page{ background-color:#FFF;

background-image:url("T--Nanjing-China--background-1.png"); background-attachment:fixed; background-size:cover; background-repeat:no-repeat background-position:bottom}

  1. HQ_page p{ font-size:110%;}
  2. HQ_page h3{ font-size:130%;}
  3. HQ_page h2{ font-size:150%;}
  4. HQ_page h1{ font-size:200%; font-family: "Comic Sans MS", cursive;}
  5. HQ_page table{ border:none;

background-color:rgba(0,51,204,0);}

  1. HQ_page td{border:none;}

body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; 

   background-color:rgba(255,255,255,0);

} a img {border: none;} table { 

   border-collapse: collapse;
   border-spacing: 0;

} .container { width: 100%; font-family: Verdana, Geneva, sans-serif; margin: 0 auto; alignment-adjust:central; } .header { position:relative; width:100%; font-family: Verdana, Geneva, sans-serif; alignment-adjust:central; z-index:2;} .contain { position: relative; width: 76%; max-width: 1100px; min-width: 700px; padding: 10px 0; alignment-adjust: central; background-color:rgba(255,255,255,0.4); } .contain ul, .contain ol { padding: 0 15px 15px 40px; } .footer { position:relative; clear: both; alignment-adjust:central; background-color:rgba(0,51,204,0);

}

  1. menu{

position:fixed; left:50px; width: 770px; font-family: "Comic Sans MS", cursive; z-index:20;

}

  1. menu ul{ margin: auto; padding:0; list-style:none; width:770px;}
  2. menu ul li{ height:42px; line-height:42px; margin-left: 2px; margin-bottom: 2px; border-right:3px solid #666; border-bottom:2.8px solid #666; border-top:1.5px solid #666; border-left:1px solid #666; text-align:center; float:left; width:122px; color:#F90; background-color:rgba(254,225,129,0.8);}
  3. menu ul li a{ color:#003; text-decoration:none; display:block;

width:123px; height:42px;}

  1. menu ul li a:hover{

background:rgba(80,80,80,0.6); color: #FFF; width: 124px; height: 46px; font-family:Verdana, Geneva, sans-serif;}

  1. menu ul li ul{ display:none; width:124px; z-index:3;}
  2. menu ul li.listshow ul{ display:block;}
  3. menu ul li ul li{

float: none; width: 122px; margin: 0; }

  1. menu ul li ul li a{ background:none; width:124px;}
  2. menu ul li ul li a:hover{ background:rgba(102,102,102,0.6); color:#FFFFFF; width:124px; height:45px; font-family:Verdana, Geneva, sans-serif;}
  3. menu ul li a#on{ background:none;}

.clear{clear:both;}

  1. d{ left:85%; width:15%; position:fixed; z-index:10;}
  2. HOME {

position:relative; 

   top:auto;

width: 115px; text-align:center; background:rgba(255,255,0,0.2); font-size:15px; alignment-adjust:central; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; z-index:3; visibility: hidden; }

  1. HOME .sub {

background-color:rgba(102,102,204,0.5); height:50px; line-height:50px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:115px;}

  1. HOME .sub ul{ margin: auto; padding:0; list-style:none; width:115px;}
  2. HOME .sub ul li{

background-color:rgba(0,153,255,0.3); height:50px; line-height:50px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:115px;}

  1. HOME .sub ul li a:hover{background-color:#930; color:#CCC; height:50px; line-height:50px;}
  2. HOME .sub ul li a{ text-decoration:none; color:#000;}
  3. HOME ul{

margin: auto; padding:0; list-style:0;}

  1. HOME ul li{ background:rgba(102,102,153,0.3); height:37px; line-height:37px; border-bottom:2px solid #999; border-right:2.5px solid #666; text-align:center; float:left; width:115px; margin-right:1px; list-style:0;}
  2. HOME ul li a{

text-decoration: none; display:block; color:#003; width:115px; height:37px;

}

  1. HOME ul li a:hover{ background:rgba(102,102,153,0.5); color:#FFFFFF; width:115px; height:40px;}
  2. HOME ul li a#on{ background:rgba(102,102,153,0.9);}

.f{ position:absolute; width:80%; left:10%; alignment-adjust:central; z-index:2;} .f-word{ position:relative; width:30%; left:auto; height:230px; float:left;} .f-img{ position:relative; width:20%; height:120px; float:left;}

  1. HQ_page .f p{ font-size:90%;}

.container .footer div .f .f-word h3 { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; } .f-b{position:relative;} .word-background-block{ width:100%; float:left;} .word-1{ width:100%; float:left;} .word-2{ width:50%; float:left;} .word-3{ width:33%; float:left;} .word{ position:relative; width:90%; float:left; background-color:rgba(255,255,255,0.4); padding:5%;} .f{ position:relative; float:left; padding:5%;}