Difference between revisions of "Template:Team:Cooper Union/CSS"
Line 335: | 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; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding-left: 6cm; | ||
+ | overflow: hidden; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | a{ | ||
+ | display: block; | ||
+ | width: 140px; | ||
+ | font-size: 18px; | ||
+ | font-weight: bold; | ||
+ | background-color: white; | ||
+ | text-align: center; | ||
+ | padding: 6px; | ||
+ | text-decoration: none; | ||
+ | color: #B0B0B0 ; | ||
+ | border-radius: 5.5cm; | ||
+ | font-family: "Courier New", serif; | ||
+ | border-color:black; | ||
+ | } | ||
+ | |||
+ | a:hover, a:active{ | ||
+ | background-color: #6699CC; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | section h3{ | ||
+ | font-family: "Courier New", serif; | ||
+ | font-style: italic; | ||
+ | |||
+ | } | ||
+ | |||
+ | #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> |
Revision as of 19:40, 18 September 2015