Template:CSS/parts
From 2014.igem.org
(Difference between revisions)
(31 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
.container_parts{ | .container_parts{ | ||
width:100%; | width:100%; | ||
- | height: | + | height:6000px; |
background-image:url(https://static.igem.org/mediawiki/2014/6/6e/Scribblebg_iitd.png); | background-image:url(https://static.igem.org/mediawiki/2014/6/6e/Scribblebg_iitd.png); | ||
position:relative; | position:relative; | ||
Line 19: | Line 19: | ||
width:920px; | width:920px; | ||
height:200px; | height:200px; | ||
- | border-radius: | + | border-radius:10px; |
+ | |||
} | } | ||
.topimg img{ | .topimg img{ | ||
border-radius:10px; | border-radius:10px; | ||
+ | border:solid thin grey; | ||
} | } | ||
Line 33: | Line 35: | ||
padding:0px; | padding:0px; | ||
margin:0px; | margin:0px; | ||
- | font-family: | + | font-family:Open Sans; |
size:12px; | size:12px; | ||
text-align:justify; | text-align:justify; | ||
Line 39: | Line 41: | ||
} | } | ||
- | .layout | + | .layout li{ |
list-style:none; | list-style:none; | ||
} | } | ||
Line 55: | Line 57: | ||
position:relative; | position:relative; | ||
top:10px; | top:10px; | ||
- | left: | + | left:120px; |
- | width: | + | width:720px; |
- | height: | + | height:320px; |
border-radius:10px; | border-radius:10px; | ||
- | + | } | |
+ | .vector img{ | ||
+ | border:solid thin grey; | ||
+ | border-radius:10px; | ||
} | } | ||
+ | |||
+ | .gel img{ | ||
+ | border:solid thin grey; | ||
+ | border-radius:10px; | ||
+ | position:relative; | ||
+ | top:10px; | ||
+ | left:60px; | ||
+ | width:480px; | ||
+ | height:640px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .footerbg{ | ||
+ | position:absolute; | ||
+ | top:6000px; | ||
+ | left:0px; | ||
+ | width:100%; | ||
+ | height:100px; | ||
+ | background-color:#424243; | ||
+ | z-index:2; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .copyright{ | ||
+ | position:absolute; | ||
+ | bottom:5px; | ||
+ | left:400px; | ||
+ | } | ||
+ | |||
+ | .copyright a,visited{ | ||
+ | color:#a2a1a1; | ||
+ | } | ||
+ | |||
+ | .copyright a:hover{ | ||
+ | color:#c7c6c6; | ||
+ | } | ||
+ | |||
+ | .copyright p{ | ||
+ | font-size:12px; | ||
+ | color:#807f7f; | ||
+ | font-family:Open sans, Helvetica, Arial; | ||
+ | font-weight:400; | ||
+ | } | ||
+ | |||
+ | .nav2{ | ||
+ | position:absolute; | ||
+ | top:10px; | ||
+ | left:280px; | ||
+ | |||
+ | } | ||
+ | .nav2table{ | ||
+ | background-color:#424243; | ||
+ | color:#807f7f; | ||
+ | } | ||
+ | .nav2 a,visited{ | ||
+ | color:#d6d5d5; | ||
+ | font-size:12px; | ||
+ | text-decoration:none; | ||
+ | padding:10px; | ||
+ | } | ||
+ | |||
+ | .nav2 a:hover{ | ||
+ | color:#ffffff; | ||
+ | font-size:12px; | ||
+ | font-weight:500; | ||
+ | text-decoration:none; | ||
+ | padding:10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .normalpic{ | ||
+ | width:720px; | ||
+ | height:320px; | ||
+ | z-index:52; | ||
+ | } | ||
+ | |||
+ | .biggerpic{ | ||
+ | position: absolute; | ||
+ | left:300px; | ||
+ | top:-80px; | ||
+ | width:0px; | ||
+ | |||
+ | -webkit-transition:width 0.3s linear 0s; | ||
+ | z-index:52; | ||
+ | } | ||
+ | |||
+ | .normalpic:hover + .biggerpic{ | ||
+ | width:422px; | ||
+ | |||
+ | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 03:59, 18 October 2014