"
Template:Regional Europe 2012 Page CSS
From 2012.igem.org
(Difference between revisions)
| Line 5: | Line 5: | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | |||
* { | * { | ||
| - | + | margin: 0; | |
| - | + | padding: 0; | |
} | } | ||
| + | |||
a { | a { | ||
font-weight: bold; | font-weight: bold; | ||
| + | color: #F37321; | ||
} | } | ||
| Line 19: | Line 20: | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
| - | |||
body { | body { | ||
| - | font-size: | + | font-size: 11pt; |
| - | line-height: 1. | + | line-height: 1.75em; |
| - | background: #dddddd url( | + | background: #dddddd url(images/bg.jpg); |
color: #2B2B2B; | color: #2B2B2B; | ||
| - | |||
} | } | ||
| Line 38: | Line 37: | ||
form { | form { | ||
| - | + | margin: 0; | |
| - | + | padding: 0; | |
} | } | ||
| Line 58: | Line 57: | ||
h4 { | h4 { | ||
| - | font-size: | + | font-size: 1.em; |
} | } | ||
| Line 118: | Line 117: | ||
bottom: 0; | bottom: 0; | ||
left: 0; | left: 0; | ||
| - | background: url( | + | background: url(images/logobg.png) repeat-x top left; |
line-height: 0px; | line-height: 0px; | ||
width: 100%; | width: 100%; | ||
| Line 129: | Line 128: | ||
#logo h1 { | #logo h1 { | ||
| - | font-size: | + | font-size: 2.65em; |
letter-spacing: -3px; | letter-spacing: -3px; | ||
text-shadow: 2px 2px 2px #000; | text-shadow: 2px 2px 2px #000; | ||
font-family: Philosopher, sans-serif; | font-family: Philosopher, sans-serif; | ||
| - | padding-left: | + | padding-left: 220px; |
color: #FFF; | color: #FFF; | ||
} | } | ||
| Line 145: | Line 144: | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
| - | background: url( | + | background: url(images/logobg.png) repeat-x top left; |
line-height: 0px; | line-height: 0px; | ||
width: 100%; | width: 100%; | ||
| Line 156: | Line 155: | ||
#logo2 h1 { | #logo2 h1 { | ||
| - | font-size: | + | font-size: 2.65em; |
letter-spacing: -3px; | letter-spacing: -3px; | ||
text-shadow: 2px 2px 2px #000; | text-shadow: 2px 2px 2px #000; | ||
| Line 175: | Line 174: | ||
#columns .column { | #columns .column { | ||
| - | width: | + | width: 260px; |
float: left; | float: left; | ||
} | } | ||
| Line 184: | Line 183: | ||
#columns .column1 p { | #columns .column1 p { | ||
| - | background: url( | + | background: url(images/linkbg3b.PNG)repeat-x top left; |
| - | background-size: | + | background-size: 200px |
} | } | ||
#columns .column1 h2 { | #columns .column1 h2 { | ||
| - | background: url( | + | background: url(images/linkbg3.JPG) repeat-x top left; |
padding: 15px; | padding: 15px; | ||
font-weight: normal; | font-weight: normal; | ||
| Line 201: | Line 200: | ||
#columns .column2 p { | #columns .column2 p { | ||
| - | background: url( | + | background: url(images/linkbg4b.PNG)repeat-x top left; |
background-size: 400px | background-size: 400px | ||
| Line 207: | Line 206: | ||
#columns .column2 h2 { | #columns .column2 h2 { | ||
| - | background: url( | + | background: url(images/linkbg4.JPG) repeat-x top left; |
padding: 15px; | padding: 15px; | ||
font-weight: normal; | font-weight: normal; | ||
| Line 218: | Line 217: | ||
#columns .column3 p { | #columns .column3 p { | ||
| - | background: url( | + | background: url(images/linkbg5b.PNG) repeat-x top left; |
background-size: 400px | background-size: 400px | ||
| Line 224: | Line 223: | ||
#columns .column3 h2 { | #columns .column3 h2 { | ||
| - | background: url( | + | background: url(images/linkbg5.JPG) repeat-x top left; |
padding: 15px; | padding: 15px; | ||
font-weight: normal; | font-weight: normal; | ||
| Line 240: | Line 239: | ||
margin: 0; | margin: 0; | ||
padding: 15px; | padding: 15px; | ||
| - | background: url( | + | background: url(images/linkbg.png) repeat-x bottom left; |
} | } | ||
| Line 249: | Line 248: | ||
} | } | ||
| - | + | #columns h2 a { | |
| - | + | ||
color: #FFFFFF; | color: #FFFFFF; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| - | + | #columns a { | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
color: #232323; | color: #232323; | ||
text-decoration: none; | text-decoration: none; | ||
| - | |||
} | } | ||
| + | |||
| + | |||
| Line 270: | Line 264: | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
overflow: hidden; | overflow: hidden; | ||
| - | width: | + | width: 550px; |
float: left; | float: left; | ||
} | } | ||
| Line 277: | Line 271: | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
overflow: hidden; | overflow: hidden; | ||
| - | width: | + | width: 260px; |
float: left; | float: left; | ||
padding: 0 28px 0 37px; | padding: 0 28px 0 37px; | ||
| Line 284: | Line 278: | ||
#box2 h2 { | #box2 h2 { | ||
| - | padding: 0 28px 0 | + | padding: 0 28px 0 20px; |
} | } | ||
| Line 291: | Line 285: | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
overflow: hidden; | overflow: hidden; | ||
| - | width: | + | width: 850px; |
float: left; | float: left; | ||
} | } | ||
| Line 330: | Line 324: | ||
padding: 32px; | padding: 32px; | ||
height: 130px; | height: 130px; | ||
| - | width: | + | width: 800px; |
} | } | ||
| Line 336: | Line 330: | ||
position: relative; | position: relative; | ||
padding: 0; | padding: 0; | ||
| - | width: | + | width: 910px; |
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
} | } | ||
| Line 380: | Line 374: | ||
.comments a { | .comments a { | ||
| - | background: url( | + | background: url(images/linkbg.jpg) repeat-x top left; |
padding: 15px; | padding: 15px; | ||
| - | |||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.readmore a { | .readmore a { | ||
| - | background: url( | + | background: url(images/linkbg2.jpg) repeat-x top left; |
padding: 15px; | padding: 15px; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 478: | Line 471: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
ul#topnav li:hover { background: #F37321 url(topnav_active.gif) repeat-x; } | ul#topnav li:hover { background: #F37321 url(topnav_active.gif) repeat-x; } | ||
ul#topnav li span { | ul#topnav li span { | ||
| Line 492: | Line 479: | ||
left: 0; top:35px; | left: 0; top:35px; | ||
display: none; /*--Hide by default--*/ | display: none; /*--Hide by default--*/ | ||
| - | width: | + | width: 732px; |
background: #F37321; | background: #F37321; | ||
color: #fff; | color: #fff; | ||
| Line 506: | Line 493: | ||
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/ | ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/ | ||
ul#topnav li span a { display: inline; } | ul#topnav li span a { display: inline; } | ||
| - | ul#topnav li span a:hover {text-decoration: underline | + | ul#topnav li span a:hover {text-decoration: underline;} |
| - | + | ||
/*--Menu Ends Here--*/ | /*--Menu Ends Here--*/ | ||
| Line 514: | Line 500: | ||
display: block; | display: block; | ||
padding: 8px; | padding: 8px; | ||
| - | font-size: | + | font-size: 1em; |
font-weight: bold; | font-weight: bold; | ||
border-bottom: solid 1px #ccc; | border-bottom: solid 1px #ccc; | ||
Revision as of 20:07, 21 February 2012
