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

Line 153: Line 153:
 
float:left;
 
float:left;
 
padding:5%;}
 
padding:5%;}
 +
#sideMenu,
 +
#top_title{
 +
    display: none;
 +
}
 +
#content{
 +
    width: 100%;
 +
    margin: 0px;
 +
    padding:0;
 +
background-color:block;
 +
}
 +
#HQ_page{ background-color:#FFF;
 +
background-image:url("https://static.igem.org/mediawiki/2018/6/6b/T--Nanjing-China--background-1.png");
 +
background-attachment:fixed;
 +
background-size:cover;
 +
background-repeat:no-repeat
 +
background-position:bottom}
 +
#HQ_page p{ font-size:110%;}
 +
#HQ_page h3{ font-size:130%;}
 +
#HQ_page h2{ font-size:150%;}
 +
#HQ_page h1{ font-size:200%; font-family: "Comic Sans MS", cursive;}
 +
#HQ_page table{ border:none;
 +
background-color:rgba(0,51,204,0);}
 +
#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);
 +
 +
}
 +
#menu{
 +
position:fixed;
 +
left:50px;
 +
width: 770px;
 +
font-family: "Comic Sans MS", cursive;
 +
z-index:20;
 +
 +
}
 +
#menu ul{ margin: auto; padding:0; list-style:none; width:770px;}
 +
#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);}
 +
#menu ul li a{ color:#003; text-decoration:none; display:block;
 +
width:123px; height:42px;}
 +
#menu ul li a:hover{
 +
background:rgba(80,80,80,0.6);
 +
color: #FFF;
 +
width: 124px;
 +
height: 46px;
 +
font-family:Verdana, Geneva, sans-serif;}
 +
#menu ul li ul{ display:none; width:124px; z-index:3;}
 +
#menu ul li.listshow ul{ display:block;}
 +
#menu ul li ul li{
 +
float: none;
 +
width: 122px;
 +
margin: 0;
 +
}
 +
#menu ul li ul li a{ background:none; width:124px;}
 +
#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;}
 +
#menu ul li a#on{ background:none;}
 +
.clear{clear:both;}
 +
#d{ left:85%; width:15%; position:fixed; z-index:10;}
 +
#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;
 +
}
 +
#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;}
 +
#HOME .sub ul{ margin: auto; padding:0; list-style:none; width:115px;}
 +
#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;}
 +
#HOME .sub ul li a:hover{background-color:#930; color:#CCC; height:50px; line-height:50px;}
 +
#HOME .sub ul li a{ text-decoration:none; color:#000;}
 +
#HOME ul{
 +
margin: auto; padding:0; list-style:0;}
 +
#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;}
 +
#HOME ul li a{
 +
text-decoration: none;
 +
display:block;
 +
color:#003;
 +
width:115px;
 +
height:37px;
 +
 +
}
 +
#HOME ul li a:hover{  background:rgba(102,102,153,0.5); color:#FFFFFF; width:115px; height:40px;}
 +
#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;}
 +
#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%;}
 +
#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;
 +
}

Revision as of 09:26, 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%;}

  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%;}

  1. 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("T--Nanjing-China--for-judge.png"); background-repeat:no-repeat; background-position:center; border:rgba(153,153,153,1) 3px groove; border-radius:8px; }

  1. for_judge .i ul{ margin: auto; padding:0; list-style:none; width:120px; height:70px; line-height:70px; text-align:center; float:left;}
  2. for_judge .i ul a:hover{ background:rgba(102,51,0,0.6);color:#FFFFFF; height:70px; padding:0px; line-height:70px; }
  3. for_judge .i ul a{ text-decoration:blink; color:#C93; font-family:"Courier New", Courier, monospace; height:70px; padding:0px; line-height:70px; }
  4. for_judge ul{

margin: auto; padding:0; list-style:0; background:rgba(204,153,255,0); text-align:center; float:left; list-style:0;}

  1. for_judge ul a{

text-decoration: none; display:block; color:#003; }

  1. for_judge ul a:hover{ background:rgba(255,51,102,0.5); color:#FFFFFF; width:120px; height:70px; font-family: "Comic Sans MS", cursive;}
  2. for_judge ul a#on{ background:rgba(120,153,255,0.7); width:120px; height:70px;

}