Team:ZJU-China/template/index css
From 2013.igem.org
(Difference between revisions)
(Created page with "<html> <style type="text/css"> <!-- body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; margin: 0; padding: 0; color: #000; } ul, ol, dl { pa...") |
|||
(14 intermediate revisions not shown) | |||
Line 139: | Line 139: | ||
display: block; | display: block; | ||
width: 60px; | width: 60px; | ||
- | height: 60px; | + | height: 60px; |
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2013/d/d2/History_icon.png); |
cursor: pointer; | cursor: pointer; | ||
position: absolute; | position: absolute; | ||
Line 153: | Line 153: | ||
display: block; | display: block; | ||
width: 60px; | width: 60px; | ||
- | height: 60px; | + | height: 60px; background-image:url(https://static.igem.org/mediawiki/2013/b/b9/Edit_icon.png); |
- | + | ||
cursor: pointer; | cursor: pointer; | ||
position: absolute; | position: absolute; | ||
Line 176: | Line 175: | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
background-color: #CCC; | background-color: #CCC; | ||
- | background-image: url( | + | background-image: url(https://static.igem.org/mediawiki/2013/8/89/Main-image.JPG); |
} | } | ||
#header-nav-wrapper { | #header-nav-wrapper { | ||
Line 200: | Line 199: | ||
height: 60px; | height: 60px; | ||
} | } | ||
- | + | ||
- | + | ||
#footer-image { | #footer-image { | ||
margin: 0 auto; | margin: 0 auto; | ||
width: 1160px; | width: 1160px; | ||
height: 375px; | height: 375px; | ||
- | background-image: url( | + | background-image: url(https://static.igem.org/mediawiki/2013/e/e3/Footer-image.JPG); |
} | } | ||
#main-block-1 { | #main-block-1 { | ||
Line 219: | Line 217: | ||
width: 540px; | width: 540px; | ||
float: left; | float: left; | ||
- | background-image: url( | + | background-image: url(https://static.igem.org/mediawiki/2013/0/07/Ghost_sensor.jpg); |
} | } | ||
#main-block-1-title { | #main-block-1-title { | ||
Line 226: | Line 224: | ||
float: left; | float: left; | ||
font-family: "Comic Sans MS", cursive; | font-family: "Comic Sans MS", cursive; | ||
- | font-size: | + | font-size: 50px; |
color: #FFF; | color: #FFF; | ||
text-align: center; | text-align: center; | ||
Line 235: | Line 233: | ||
float: left; | float: left; | ||
color: #FF0; | color: #FF0; | ||
- | font-family: | + | font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; |
+ | font-style: italic; | ||
font-size: 20px; | font-size: 20px; | ||
} | } | ||
Line 248: | Line 247: | ||
height: 270px; | height: 270px; | ||
width: 540px; | width: 540px; | ||
- | background-image: url( | + | background-image: url(https://static.igem.org/mediawiki/2013/8/87/Elves_cooperation.jpg); |
float: left; | float: left; | ||
} | } | ||
#main-block-2-desc { | #main-block-2-desc { | ||
height: 270px; | height: 270px; | ||
- | width: | + | width: 250px; |
+ | margin-left: 20px; | ||
float: left; | float: left; | ||
color: #FF0; | color: #FF0; | ||
- | font-family: | + | font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; |
+ | font-style: italic; | ||
font-size: 20px; | font-size: 20px; | ||
} | } | ||
Line 264: | Line 265: | ||
float: left; | float: left; | ||
font-family: "Comic Sans MS", cursive; | font-family: "Comic Sans MS", cursive; | ||
- | font-size: | + | font-size: 50px; |
color: #FFF; | color: #FFF; | ||
text-align: center; | text-align: center; | ||
+ | } | ||
+ | #main-block-3 { | ||
+ | margin: 0px auto; | ||
+ | width: 1080px; | ||
+ | background-color: #28AA28; | ||
+ | padding: 0px 40px 0px 40px; | ||
+ | height: 270px; | ||
+ | } | ||
+ | #main-block-3-pic { | ||
+ | height: 270px; | ||
+ | width: 540px; | ||
+ | float: left; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/0/05/The_tale_and_beyond_the_tale.jpg); | ||
+ | } | ||
+ | #main-block-3-title { | ||
+ | height: 270px; | ||
+ | width: 270px; | ||
+ | float: left; | ||
+ | font-family: "Comic Sans MS", cursive; | ||
+ | font-size: 50px; | ||
+ | color: #FFF; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #main-block-3-desc { | ||
+ | height: 270px; | ||
+ | width: 250px; | ||
+ | margin-left: 20px; | ||
+ | float: left; | ||
+ | color: #FF0; | ||
+ | font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; | ||
+ | font-style: italic; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | #main-block-4 { | ||
+ | margin: 0px auto; | ||
+ | width: 1080px; | ||
+ | background-color: #28AA28; | ||
+ | padding: 0px 40px 0px 40px; | ||
+ | height: 450px; | ||
+ | } | ||
+ | #achievement { | ||
+ | height: 450px; | ||
+ | width: 810px; | ||
+ | float: left; | ||
+ | } | ||
+ | #achievement-title { | ||
+ | text-align:center; | ||
+ | color: #FFF; | ||
+ | font-family: "Comic Sans MS", cursive; | ||
+ | font-size: 50px; | ||
+ | line-height: 60px; | ||
+ | } | ||
+ | #achievement li { | ||
+ | color: #FF0; | ||
+ | font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; | ||
+ | font-style: italic; | ||
+ | font-size: 20px; | ||
+ | line-height:25px; | ||
+ | } | ||
+ | #flagcounter { | ||
+ | float: left; | ||
+ | margin-top: 50px; | ||
+ | height: 400px; | ||
+ | width: 270px; | ||
+ | text-align: center; | ||
+ | color: #FFF; | ||
+ | font-family: "Comic Sans MS", cursive; | ||
} | } | ||
--> | --> | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 20:00, 28 October 2013