Team:MIT/styles
From 2011.igem.org
(Difference between revisions)
(41 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | <html lang="en"> | |
+ | <head> | ||
+ | <style type="text/css"> | ||
- | # | + | #globalwrapper { |
- | + | width:975px; | |
+ | padding-top:20px; | ||
+ | /*border-left:1px solid #8C8C8C; | ||
+ | border-right: 1px solid #8C8C8C;*/ | ||
+ | margin: 0 auto; | ||
+ | background-color:#ffffff; | ||
+ | height:100%; | ||
} | } | ||
- | # | + | |
- | + | ||
+ | #navigation { | ||
+ | margin-bottom:20px; | ||
} | } | ||
- | + | ||
- | + | #content-wrapper { | |
- | + | overflow: hidden; | |
- | + | padding:10px; | |
+ | border-top: 1px dotted black; | ||
} | } | ||
- | + | ||
- | + | .twocol.primary { | |
+ | width:72%; | ||
+ | height:100%; | ||
+ | float:left; | ||
+ | display:inline; | ||
+ | padding:5px; | ||
} | } | ||
- | + | .twocol.secondary { | |
- | + | margin-right:-10px; | |
- | + | width: 26%; | |
+ | height:100%; | ||
+ | float:right; | ||
+ | display:inline; | ||
+ | border-left: 1px dotted black; | ||
} | } | ||
- | + | ||
- | + | .threecol.primary { | |
- | + | width:72%; | |
- | + | border:1px solid red; | |
} | } | ||
- | + | threecol.primary.primary { | |
- | + | width:72%; | |
- | + | border:1px solid black; | |
- | + | float:left; | |
- | + | ||
} | } | ||
- | . | + | threecol.primary.secondary { |
- | + | width:26%; | |
- | + | border:1px solid black; | |
+ | float:right; | ||
} | } | ||
- | + | threecol.secondary /*secondary nav*/{ | |
- | + | width:26%; | |
+ | border:1px solid black; | ||
+ | float:right; | ||
+ | |||
} | } | ||
- | + | #sponsors { | |
- | + | margin-left: auto; | |
- | + | margin-right: auto; | |
+ | width: 100%; | ||
} | } | ||
+ | |||
+ | #sponsors div { | ||
+ | width:32%; | ||
+ | height: 60px; | ||
+ | float:left; | ||
+ | display:inline; | ||
+ | border:1px solid #DEDEDE; | ||
+ | margin: 3px; | ||
+ | } | ||
+ | |||
+ | #twitter { | ||
+ | background-position:center; | ||
+ | width:200px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | #twitter div.top { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2011/6/65/MIT-twitter-top.jpg'); | ||
+ | background-repeat:no-repeat; | ||
+ | max-height:20px; | ||
+ | text-align:center; | ||
+ | padding-top:5px; | ||
+ | } | ||
+ | #twitter div.middle { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2011/c/c8/MIT-twitter-middle.jpg'); | ||
+ | background-repeat:repeat-y; | ||
+ | padding-left:20px; | ||
+ | padding-top:10px; | ||
+ | height:100%; | ||
+ | background-color:black; | ||
+ | } | ||
+ | #twitter div.bottom { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2011/4/4b/MIT-twitter-bot.jpg'); | ||
+ | background-repeat:no-repeat; | ||
+ | height:100px; | ||
+ | } | ||
+ | |||
+ | #twitter_update_list { | ||
+ | /* the main container */ | ||
+ | list-style:none; | ||
+ | margin:0; | ||
+ | margin-top:-15px; | ||
+ | width: 160px; | ||
+ | padding-left:0px; | ||
+ | } | ||
+ | |||
+ | #twitter_update_list li { | ||
+ | /* wraps a single list */ | ||
+ | font-family: 'lucida sans unicode'; | ||
+ | font-size:11px; | ||
+ | padding: 5px 0px; | ||
+ | border-bottom: 1px dotted black; | ||
+ | } | ||
+ | |||
+ | #twitter_update_list li span { | ||
+ | /* wraps the tweet */ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #twitter_update_list li a { | ||
+ | /* wraps the link to the tweet */ | ||
+ | /* by default it have 85% font-size therefore you might want to change it like below */ | ||
+ | font-size:100% !important; | ||
+ | font-size:11px !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | a { | ||
+ | color: #991133; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | </html> |
Latest revision as of 17:12, 12 August 2011