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

From 2014.igem.org

(Difference between revisions)
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 9: Line 17:
background-attachment: fixed;
background-attachment: fixed;
text-align: center;
text-align: center;
-
background-image: url(https://static.igem.org/mediawiki/2014/0/09/Peking2014wcg_body2.jpg);
+
background-image: url(img/body2.jpg);
}
}
#mainbody {
#mainbody {
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;
Line 35: Line 43:
margin-bottom: 10px;
margin-bottom: 10px;
}
}
-
nav ul {
+
#top1 #topnav ul {
-
list-style: none;
+
list-style-type: none;
}
}
-
nav ul li {
+
#top1 #topnav ul li {
float: left;
float: left;
width: 10%;
width: 10%;
Line 47: Line 55:
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 63:
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 80:
-
#topnav .sublist {
+
#top1 #topnav .sublist {
display: none;
display: none;
color: #000000;
color: #000000;
Line 78: Line 86:
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 97: Line 105:
left: -2.6em;
left: -2.6em;
}
}
-
#topnav ul li:hover > .sublist {
+
#top1 #topnav ul li:hover > .sublist {
display: block;
display: block;
}
}
Line 113: Line 121:
border-left: medium solid #339999;
border-left: medium solid #339999;
}
}
 +
#title {
#title {
width: 100%;
width: 100%;
Line 120: Line 129:
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;
 +
padding-top: 43px;
}
}
#bottom img {
#bottom img {
Line 146: Line 139:
border-top-left-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-right-radius: 20px;
 +
margin-top: 40px;
}
}

Revision as of 08:23, 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(img/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: 70px; background-color: #FFFFFF; display: block; overflow-y: hidden; margin-bottom: 10px; }

  1. top1 #topnav ul {

list-style-type: 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: 8px; margin-right: 2px; margin-bottom: 2px; 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. title {

width: 100%; z-index: 0; }

  1. title img {

width: 100%; height: 100px; }

  1. bottom {

width: 100%; margin-top: 43px; padding-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"