Team:Peking/firsttry/css/1001all.css

From 2014.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
@charset "utf-8";
@charset "utf-8";
 +
 +
#clc {
 +
float: none;
 +
clear: both;
 +
}
 +
.c {
 +
clear: both;
 +
}
body {
body {
float: none;
float: none;
Line 25: Line 33:
margin-bottom: 10px;
margin-bottom: 10px;
}
}
-
#topnav {
+
 
 +
#top1 #topnav {
border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
width: 100%;
width: 100%;
-
height: 70px;
+
height: 80px;
background-color: #FFFFFF;
background-color: #FFFFFF;
display: block;
display: block;
overflow-y: hidden;
overflow-y: hidden;
-
margin-bottom: 10px;
 
}
}
-
nav ul {
+
#top1 #topnav ul {
list-style: none;
list-style: none;
}
}
-
 
+
#top1 #topnav ul li {
-
 
+
-
nav ul li {
+
float: left;
float: left;
width: 10%;
width: 10%;
Line 47: Line 53:
text-align: center;
text-align: center;
}
}
-
#topnav ul .a1a  {
+
#top1 #topnav ul .a1a  {
color: #80c269;
color: #80c269;
text-decoration: none;
text-decoration: none;
Line 55: Line 61:
font-variant: normal;
font-variant: normal;
font-weight: bold;
font-weight: bold;
-
line-height: 57px;
+
line-height: 65px;
display: block;
display: block;
-
 
}
}
-
#topnav ul .a2a  {
+
#top1 #topnav ul .a2a  {
color: #80c269;
color: #80c269;
text-decoration: none;
text-decoration: none;
Line 72: Line 77:
-
#topnav .sublist {
+
#top1 #topnav .sublist {
display: none;
display: none;
color: #000000;
color: #000000;
Line 78: Line 83:
z-index: 5;
z-index: 5;
}
}
-
#topnav ul .sublist li  {
+
 
 +
#top1 #topnav ul .sublist li  {
text-align: left;
text-align: left;
background-color: #FFFFFF;
background-color: #FFFFFF;
Line 84: Line 90:
position: relative;
position: relative;
border-left: thick solid #80c269;
border-left: thick solid #80c269;
-
margin-top: 8px;
+
margin-top: 0px;
margin-right: 2px;
margin-right: 2px;
-
margin-bottom: 2px;
+
margin-bottom: 8px;
margin-left: 2px;
margin-left: 2px;
line-height: 0.8em;
line-height: 0.8em;
Line 97: Line 103:
left: -2.6em;
left: -2.6em;
}
}
-
#topnav ul li:hover > .sublist {
+
 
 +
#top1 #topnav ul li:hover > .sublist {
display: block;
display: block;
}
}
Line 113: Line 120:
border-left: medium solid #339999;
border-left: medium solid #339999;
}
}
-
#title {
+
 
 +
#titlepic {
width: 100%;
width: 100%;
z-index: 0;
z-index: 0;
 +
margin-top: 20px;
}
}
-
#title img {
+
#titlepic img {
width: 100%;
width: 100%;
height: 100px;
height: 100px;
-
}
 
-
 
-
*{
 
-
margin-top: 0px;
 
-
margin-right: 0px;
 
-
margin-bottom: 0px;
 
-
margin-left: 0px;
 
-
padding-top: 0px;
 
-
padding-right: 0px;
 
-
}
 
-
 
-
#clc {
 
-
float: none;
 
-
clear: both;
 
-
}
 
-
.c {
 
-
clear: both;
 
}
}
#bottom {
#bottom {
width: 100%;
width: 100%;
-
margin-top: 30px;
+
margin-top: 43px;
}
}
#bottom img {
#bottom img {
Line 146: Line 138:
border-top-left-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-right-radius: 20px;
 +
margin-top: 40px;
}
}

Latest revision as of 13:41, 2 October 2014

@charset "utf-8";

  1. clc {

float: none; clear: both; } .c { clear: both; } body { float: none; background-repeat: no-repeat; background-size: 100% 100%; width: 100%; margin-top: 0px; margin-bottom: 0px; background-attachment: fixed; text-align: center; background-image: url(Peking2014wcg_body2.jpg); }

  1. mainbody {

width: 85%; max-width: 1600px; min-width: 1000px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; }

  1. top1 {

width: 100%; margin-bottom: 10px; }

  1. top1 #topnav {

border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 100%; height: 80px; background-color: #FFFFFF; display: block; overflow-y: hidden; }

  1. top1 #topnav ul {

list-style: none; }

  1. top1 #topnav ul li {

float: left; width: 10%; color: #000000; text-align: center; }

  1. top1 #topnav ul .a1a {

color: #80c269; text-decoration: none; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: large; font-style: normal; font-variant: normal; font-weight: bold; line-height: 65px; display: block; }

  1. top1 #topnav ul .a2a {

color: #80c269; text-decoration: none; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: large; font-style: normal; font-variant: normal; font-weight: bold; display: block; }


  1. top1 #topnav .sublist {

display: none; color: #000000; position: absolute; z-index: 5; }

  1. top1 #topnav ul .sublist li {

text-align: left; background-color: #FFFFFF; width: 100%; position: relative; border-left: thick solid #80c269; margin-top: 0px; margin-right: 2px; margin-bottom: 8px; margin-left: 2px; line-height: 0.8em; z-index: 1; float: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; left: -2.6em; }

  1. top1 #topnav ul li:hover > .sublist {

display: block; }

  1. top1 #topnav ul li:hover > .a1a {

display: block; color: #339999; border-bottom: thick solid #339999; }

  1. top1 #topnav ul .sublist li:hover > .a2a {

color: #339999; }

  1. top1 #topnav ul .sublist li:hover {

border-left: medium solid #339999; }

  1. titlepic {

width: 100%; z-index: 0; margin-top: 20px; }

  1. titlepic img {

width: 100%; height: 100px; }

  1. bottom {

width: 100%; margin-top: 43px; }

  1. bottom img {

width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; margin-top: 40px; }

Retrieved from "http://2014.igem.org/Team:Peking/firsttry/css/1001all.css"