Team:ZJU-China/template/index css
From 2013.igem.org
(Difference between revisions)
(12 intermediate revisions not shown) | |||
Line 139: | Line 139: | ||
display: block; | display: block; | ||
width: 60px; | width: 60px; | ||
- | height: 60px; background-image:url(https://static.igem.org/mediawiki/2013/d/d2/History_icon.png); | + | height: 60px; |
+ | background-image:url(https://static.igem.org/mediawiki/2013/d/d2/History_icon.png); | ||
cursor: pointer; | cursor: pointer; | ||
position: absolute; | position: absolute; | ||
Line 203: | Line 204: | ||
width: 1160px; | width: 1160px; | ||
height: 375px; | height: 375px; | ||
- | background-image: url(https://static.igem.org/mediawiki/2013/ | + | background-image: url(https://static.igem.org/mediawiki/2013/e/e3/Footer-image.JPG); |
} | } | ||
#main-block-1 { | #main-block-1 { | ||
Line 223: | 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 232: | 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 250: | Line 252: | ||
#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 261: | 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