Difference between revisions of "Template:Team:Cooper Union/CSS"
(Created page with "{{Template_All_Teams}} <html> <style type="text/css"> <style> body { font-family: Helvetica, Arial, sans-serif; font-size: 15px; background: #dddddd; } h1 { margin-...") |
|||
(2 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | |||
body { | body { | ||
font-family: Helvetica, Arial, sans-serif; | font-family: Helvetica, Arial, sans-serif; | ||
Line 336: | Line 335: | ||
ul.menu li ul.menu li a { font-size:0.8em !important; } | ul.menu li ul.menu li a { font-size:0.8em !important; } | ||
+ | html{ | ||
+ | background-image: url('https://www.medialets.com/wp-content/uploads/2014/07/dna-background-1-1187x630.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | #menu{ | ||
+ | padding-top: .5cm; | ||
+ | color:black; | ||
+ | float:right; | ||
+ | border-color:black; | ||
+ | } | ||
+ | |||
+ | #MainVisual { | ||
+ | text-align: center; | ||
+ | color:red; | ||
+ | padding-top: 1cm; | ||
+ | } | ||
+ | |||
+ | #MissionStatement { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #Sponsors { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #Sponsors img { | ||
+ | padding-right: 1cm; | ||
+ | } | ||
+ | |||
+ | |||
+ | #Banner{ | ||
+ | margin: auto; | ||
+ | position: relative; | ||
+ | width: 1250px; | ||
+ | height: 400px; | ||
+ | padding: 10px; | ||
+ | padding-left: -20px; | ||
+ | box-shadow: 0 0 20px rgba(0,0,0,0.4); | ||
+ | } | ||
+ | #Banner > div { | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | left: 10px; | ||
+ | right: 10px; | ||
+ | bottom: 10px; | ||
+ | } | ||
+ | #slideshow { | ||
+ | margin: 50px auto; | ||
+ | position: relative; | ||
+ | width: 720px; | ||
+ | height: 480px; | ||
+ | padding: 10px; | ||
+ | padding-left: -20px; | ||
+ | box-shadow: 0 0 20px rgba(0,0,0,0.4); | ||
+ | } | ||
+ | #slideshow div{ | ||
+ | float:right; | ||
+ | margin-top: 2cm; | ||
+ | clear:left; | ||
+ | } | ||
+ | |||
+ | #slideshow > div { | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | left: 10px; | ||
+ | right: 10px; | ||
+ | bottom: 10px; | ||
+ | } | ||
+ | #slideshow img{ | ||
+ | padding-top: 2cm; | ||
+ | } | ||
+ | |||
+ | #igem{ | ||
+ | height: 60px; | ||
+ | width:60px; | ||
+ | padding-top: 20px; | ||
+ | } | ||
+ | |||
+ | #cooper{ | ||
+ | height: 80px; | ||
+ | width:60px; | ||
+ | padding-right: 1cm; | ||
+ | padding-left:10px; | ||
+ | } | ||
+ | |||
+ | #source{ | ||
+ | background-color:white; | ||
+ | margin-left:0px; | ||
+ | } | ||
</style> | </style> | ||
− | + | ||
</html> | </html> |
Latest revision as of 19:41, 18 September 2015