Team:Peking/test/css/0926.css

From 2014.igem.org

(Difference between revisions)
Line 21: Line 21:
}
}
-
#top {
+
#top1 {
width: 100%;
width: 100%;
margin-bottom: 10px;
margin-bottom: 10px;
}
}
-
#top #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 35:
margin-bottom: 10px;
margin-bottom: 10px;
}
}
-
#top #topnav ul {
+
#top1 #topnav ul {
list-style-type: none;
list-style-type: none;
}
}
Line 41: Line 41:
-
#top #topnav ul li {
+
#top1 #topnav ul li {
float: left;
float: left;
width: 10%;
width: 10%;
Line 47: Line 47:
text-align: center;
text-align: center;
}
}
-
#top #topnav ul .a1a  {
+
#top1 #topnav ul .a1a  {
color: #80c269;
color: #80c269;
text-decoration: none;
text-decoration: none;
Line 59: Line 59:
}
}
-
#top #topnav ul .a2a  {
+
#top1 #topnav ul .a2a  {
color: #80c269;
color: #80c269;
text-decoration: none;
text-decoration: none;
Line 72: Line 72:
-
#top #topnav .sublist {
+
#top1 #topnav .sublist {
display: none;
display: none;
color: #000000;
color: #000000;
Line 78: Line 78:
z-index: 5;
z-index: 5;
}
}
-
#top #topnav ul .sublist li  {
+
#top1 #topnav ul .sublist li  {
text-align: left;
text-align: left;
background-color: #FFFFFF;
background-color: #FFFFFF;
Line 97: Line 97:
left: -2.6em;
left: -2.6em;
}
}
-
#top #topnav ul li:hover > .sublist {
+
#top1 #topnav ul li:hover > .sublist {
display: block;
display: block;
}
}
-
#top #topnav ul li:hover > .a1a  {
+
#top1 #topnav ul li:hover > .a1a  {
display: block;
display: block;
color: #339999;
color: #339999;
Line 106: Line 106:
}
}
-
#top #topnav ul .sublist li:hover > .a2a {
+
#top1 #topnav ul .sublist li:hover > .a2a {
color: #339999;
color: #339999;
}
}
-
#top #topnav ul .sublist li:hover  {
+
#top1 #topnav ul .sublist li:hover  {
border-left: medium solid #339999;
border-left: medium solid #339999;
}
}
-
#top #title {
+
#top1 #title {
width: 100%;
width: 100%;
z-index: 0;
z-index: 0;
}
}
-
#top #title img {
+
#top1 #title img {
width: 60%;
width: 60%;
height: 100px;
height: 100px;

Revision as of 02:24, 27 September 2014

@charset "utf-8"; 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: 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. top1 #title {

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

  1. top1 #title img {

width: 60%; height: 100px; }

  1. mid1 {

width: 100%; float: left; margin-bottom: 30px; }

  1. mid1 #mid1left {

width: 58%; float: left; background-image: url(Peking2014wcg_algal.jpg); background-repeat: no-repeat; background-size: 100% 100%; position: relative; border-radius: 15px; }

  1. mid1 #mid1left #cover {

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

       filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);

color: #FFFFFF; opacity: 0.8; bottom: 0px; width: 100%; position: absolute; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }

  1. mid1 #mid1left #cover .habstract {

line-height: 60px; }

  1. mid1 #mid1left #cover #pabstract {

padding-right: 2em; padding-left: 2em; text-align: left; }

  1. mid1 #mid1right {

width: 40%; float: right; position: relative; }

  1. mid1 #mid1right #slider #SliderName_2 img {

border-radius: 15px;

}




  1. mid2 {

float: left; width: 100%; }


  1. mainbody #mid2 #mid2left {

width: 37%; float: left; margin-top: 50px; }

  1. mainbody #mid2 p {

text-align: left; padding-top: 27px; padding-right: 27px; padding-bottom: 27px; padding-left: 32px; color: #FFFFFF; }

  1. mainbody .subgroupl {

background-image: url(img/lframe.png); background-repeat: no-repeat; background-size: 100% 100%; }

  1. mainbody #mid2 #mid2center img {

width: 24%; float: left; margin-left: 0.5%; }

  1. mainbody #mid2 #mid2right {

width: 37%; float: right; }

  1. mainbody .subgroupr {

background-image: url(img/rframe.png); background-repeat: no-repeat; background-size: 100% 100%; }


  1. mid3 {

float: left; width: 100%; margin-top: 15px; }

  1. mainbody #mid3 p {

text-align: left; padding-top: 27px; padding-right: 27px; padding-bottom: 27px; padding-left: 32px; color: #FFFFFF; }

  1. mainbody #mid3 #mid3left {

width: 37%; float: left; }

  1. mainbody #mid3 #mid3center img {

width: 24%; float: left; margin-left: 0.5%; }

  1. mainbody #mid3 #mid3right {

width: 37%; float: right; }

  • {

margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; }

  1. clc {

float: none; clear: both; } .c { clear: both; }

  1. bottom {

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

  1. bottom img {

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

Retrieved from "http://2014.igem.org/Team:Peking/test/css/0926.css"