http://2012.igem.org/wiki/index.php?title=Template:Regional_North_America_west_2012_CSS&feed=atom&action=history
Template:Regional North America west 2012 CSS - Revision history
2024-03-28T13:58:29Z
Revision history for this page on the wiki
MediaWiki 1.16.0
http://2012.igem.org/wiki/index.php?title=Template:Regional_North_America_west_2012_CSS&diff=48660&oldid=prev
Nikkikapp at 16:16, 26 July 2012
2012-07-26T16:16:53Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 16:16, 26 July 2012</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 243:</td>
<td colspan="2" class="diff-lineno">Line 243:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> #columns li a:hover {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> #columns li a:hover {</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> color: #<del class="diffchange diffchange-inline">000000</del>;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> color: #<ins class="diffchange diffchange-inline">e3780c</ins>;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> font-size: 115%;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> font-size: 115%;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> text-decoration: none; </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> text-decoration: none; </div></td></tr>
</table>
Nikkikapp
http://2012.igem.org/wiki/index.php?title=Template:Regional_North_America_west_2012_CSS&diff=47354&oldid=prev
Nikkikapp: Created page with "<html> <style type="text/css"> /* Downtown by Adonis Ronquillo for Free Website Templates www.freewebsitetemplat.es / www.doni.us Images by Image Base http://imagebase.davi..."
2012-07-25T14:17:50Z
<p>Created page with "<html> <style type="text/css"> /* Downtown by Adonis Ronquillo for Free Website Templates www.freewebsitetemplat.es / www.doni.us Images by Image Base http://imagebase.davi..."</p>
<p><b>New page</b></p><div><html><br />
<br />
<br />
<style type="text/css"><br />
<br />
/*<br />
Downtown by Adonis Ronquillo for Free Website Templates<br />
www.freewebsitetemplat.es / www.doni.us<br />
Images by Image Base http://imagebase.davidniblack.com/<br />
Released under the Creative Commons Attribution 3.0 License.<br />
*/<br />
<br />
<br />
/* /////////////////////////////////////////////////////////////////////////// <br />
// Reset<br />
/////////////////////////////////////////////////////////////////////////// */ <br />
<br />
<br />
/*<br />
YUI 3.4.1 (build 4118)<br />
Copyright 2011 Yahoo! Inc. All rights reserved.<br />
Licensed under the BSD License.<br />
http://yuilibrary.com/license/<br />
*/<br />
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}<br />
<br />
* {<br />
margin: 0;<br />
padding: 0;<br />
Outline: 0;<br />
}<br />
<br />
body {<br />
font-size: 8pt;<br />
line-height: 1.75em;<br />
color: #9e1c20;<br />
}<br />
<br />
body,input {<br />
font-family: Segoe UI;<br />
}<br />
<br />
br.clear {<br />
clear: both;<br />
}<br />
<br />
form {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
<br />
/* /////////////////////////////////////////////////////////////////////////// <br />
// Typography and links and headings <br />
/////////////////////////////////////////////////////////////////////////// */ <br />
<br />
<br />
a {<br />
font-weight: bold;<br />
color: #0c3ec7;<br />
}<br />
<br />
a:hover {<br />
font-weight: bold;<br />
text-decoration: underline;<br />
}<br />
<br />
<br />
h2 {<br />
font-size: 1.5em;<br />
}<br />
<br />
h2,h3,h4 {<br />
margin-bottom: 1em;<br />
font-family: Philosopher, sans-serif;<br />
color: #FFF;<br />
text-decoration: none;<br />
}<br />
<br />
h3 {<br />
font-size: 1.25em;<br />
}<br />
<br />
<br />
h4 {<br />
font-size: 1.0em;<br />
}<br />
<br />
img.left {<br />
float: left;<br />
margin: 8px 20px 20px 0;<br />
}<br />
<br />
img.top {<br />
margin: 8px 0 20px 0;<br />
}<br />
<br />
img.center {<br />
display: block;<br />
margin-left: auto;<br />
margin-right: auto <br />
} <br />
<br />
label.login {<br />
display: block;<br />
margin: 0 0 6px 0;<br />
}<br />
<br />
p {<br />
margin-bottom: 1.5em;<br />
}<br />
<br />
p.news {<br />
height: 150px; <br />
}<br />
<br />
ul {<br />
margin-bottom: 1.5em;<br />
padding: 0 0px 0px 20px;<br />
list-style-image:url('https://static.igem.org/mediawiki/2010/6/6c/Grey_circle_bullet_10px.png');<br />
}<br />
<br />
ul h4 {<br />
margin-bottom: 0.35em;<br />
}<br />
<br />
.form {<br />
margin: 0 0 32px 0;<br />
}<br />
<br />
.inputBox, .inputTextArea {<br />
padding: 6px;<br />
width: 95%;<br />
}<br />
<br />
.inputButton {<br />
padding: 6px;<br />
float: right;<br />
}<br />
<br />
<br />
/* /////////////////////////////////////////////////////////////////////////// <br />
// Column<br />
/////////////////////////////////////////////////////////////////////////// */ <br />
<br />
#columns {<br />
background: #9e1c20;<br />
padding: 28px 0 10px 0;<br />
}<br />
<br />
#columns .column {<br />
width: 260px;<br />
background: #9e1c20;<br />
float: left;<br />
}<br />
#columns .column1 {<br />
padding: 0 37px 0 28px;<br />
}<br />
<br />
#columns .column1 p {<br />
height: 400px;<br />
background: #e3be8d;<br />
background-size: 400px<br />
<br />
}<br />
<br />
#columns .column1 h2 {<br />
background: #4c5c66;<br />
padding: 15px;<br />
font-weight: normal;<br />
margin: 0;<br />
}<br />
<br />
#columns .column2 {<br />
padding: 0;<br />
}<br />
<br />
#columns .column2 p {<br />
height: 400px;<br />
background: #e3be8d;<br />
background-size: 400px 400px;<br />
}<br />
<br />
#columns .column2 h2 {<br />
background: #4c5c66;<br />
padding: 15px;<br />
font-weight: normal;<br />
margin: 0;<br />
}<br />
<br />
#columns .column3 {<br />
padding: 0 28px 0 37px;<br />
} <br />
<br />
#columns .column3 p {<br />
height: 400px;<br />
background: #e3be8d;<br />
background-size: 400px 400px;<br />
<br />
}<br />
<br />
#columns .column3 h2 {<br />
background: #4c5c66;<br />
padding: 15px;<br />
font-weight: normal;<br />
margin: 0;<br />
}<br />
<br />
#columns .column4 {<br />
padding: 0 37px 0 28px;<br />
}<br />
<br />
#columns .column4 h2 {<br />
padding: 15px;<br />
font-weight: normal;<br />
margin: 0;<br />
}<br />
<br />
#columns .column5 {<br />
padding: 0<br />
}<br />
<br />
#columns .column6 {<br />
padding: 0 37px 0 28px;<br />
}<br />
<br />
#columns ul {<br />
margin: 0;<br />
padding: 0!important;<br />
list-style: none;<br />
border: 1px solid #b4b4b4;<br />
}<br />
<br />
#columns li {<br />
margin: 0;<br />
padding: 15px;<br />
background: url(https://static.igem.org/mediawiki/2012/6/60/EuropeanJamboree_Linkbg6b.png) repeat-x bottom left;<br />
}<br />
<br />
#columns li a {<br />
color: #000000;<br />
}<br />
<br />
#columns li a:hover {<br />
color: #000000;<br />
font-size: 115%;<br />
text-decoration: none; <br />
}<br />
<br />
#columns p {<br />
padding: 15px;<br />
font-weight: normal;<br />
margin: 0;<br />
}<br />
<br />
#columns p a {<br />
color: #000000;<br />
text-decoration: none;<br />
}<br />
<br />
#columns p a:hover {<br />
color: #000000;<br />
text-decoration: underline;<br />
}<br />
<br />
<br />
#columns h2 a {<br />
color: #fdfdfc;<br />
text-decoration: none;<br />
}<br />
<br />
#columns h2 a:hover {<br />
color: #fdfdfc; <br />
text-decoration: underline;<br />
}<br />
<br />
<br />
#boxes {<br />
padding: 0 0 0 0;<br />
<br />
}<br />
<br />
#boxes .box {<br />
width: 260px;<br />
float: left;<br />
<br />
}<br />
#boxes .box1 {<br />
padding: 0 37px 0 0;<br />
<br />
}<br />
<br />
#boxes .box2 {<br />
margin: 0 0 0 5px;<br />
padding: 0;<br />
<br />
}<br />
<br />
#boxes .box3 { <br />
margin: 0 0 0 0;<br />
overflow: hidden;<br />
width: 260px;<br />
float: left;<br />
padding: 0 0 0 37px;<br />
}<br />
<br />
#boxes .box h2 { <br />
margin: 0 0 0 0;<br />
padding: 0 0 0 20px;<br />
}<br />
<br />
#boxes .box h3 {<br />
padding: 30px 15px 0 15px;<br />
font-weight: normal;<br />
margin: 0;<br />
}<br />
<br />
#boxes .box p {<br />
padding: 15px 15px 15px 15px;<br />
font-weight: normal;<br />
margin: 0;<br />
}<br />
<br />
<br />
#box2 {<br />
margin: 0 0 0 0;<br />
overflow: hidden;<br />
width: 850px;<br />
float: left;<br />
padding: 0 0 0 5px;<br />
}<br />
<br />
#box2 h2 { <br />
margin: 0 0 0 0;<br />
padding: 0 0 0 20px;<br />
<br />
}<br />
<br />
/* /////////////////////////////////////////////////////////////////////////// <br />
// Content holder<br />
/////////////////////////////////////////////////////////////////////////// */<br />
<br />
#outer {<br />
position: relative;<br />
width: 910px;<br />
margin: 32px auto 0 auto;<br />
}<br />
<br />
<br />
#main {<br />
position: relative;<br />
padding: 0;<br />
width: 100%;<br />
margin: 0 0 0 0;<br />
}<br />
<br />
#main .sectionList {<br />
list-style: none;<br />
padding-left: 0;<br />
}<br />
<br />
#main .sectionList li {<br />
clear: both;<br />
padding: 20px 0 20px 0;<br />
}<br />
<br />
#main ul {<br />
padding-left: 1.25em;<br />
}<br />
<br />
#main2 {<br />
position: relative;<br />
padding: 28px 0 0 0;<br />
width: 100%;<br />
margin: 20px 0 0 28px;<br />
}<br />
<br />
#main2 a {<br />
color: #0c3ec7;<br />
text-decoration: none<br />
}<br />
<br />
#main2 a:hover {<br />
color: #e3be8d;<br />
text-decoration: underline<br />
}<br />
<br />
#main2 h2, #main2 h3, #main2 h4 {<br />
color: #0F0F0F;<br />
}<br />
<br />
#main3 {<br />
position: relative;<br />
padding: 28px 0 0 0;<br />
width: 700px;<br />
margin: 0 28px 0 37px;<br />
}<br />
<br />
#main3 a {<br />
color: #0c3ec7;<br />
text-decoration: none<br />
}<br />
<br />
#main3 a:hover {<br />
color: #0c3ec7;<br />
text-decoration: underline<br />
}<br />
<br />
#main3 h2, #main3 h3, #main3 h4 {<br />
color: #0F0F0F;<br />
}<br />
<br />
<br />
/* /////////////////////////////////////////////////////////////////////////// <br />
// Sponsorbox<br />
/////////////////////////////////////////////////////////////////////////// */<br />
<br />
/*--TagLine Begins Here--*/<br />
#sponsors { /*--Goes with textboxes class--*/<br />
margin-left:0px;<br />
margin-right:0px;<br />
}<br />
#sponsorsbox { /*--Goes with textboxes class--*/<br />
margin: 32px; <br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
background: #e3be8d;<br />
text-align:left;<br />
}<br />
#sponsorsbox img {padding: 10px; }<br />
#happeningnow {height: 280px; margin-top:15px; margin-bottom:10px; width: 975px; border: 1px solid #000;}<br />
#happeningnow .widget {<br />
width: 305px; <br />
height: 100%;<br />
display: block;<br />
position: relative;<br />
border: 1px solid #f0f0f0;<br />
background: #f0f0f0;<br />
border-bottom: 2px solid #ccc; <br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
margin-left: auto; <br />
margin-right: auto;}<br />
#happeningnow .widget-title {font-size: 11pt; font-weight: bold; padding: 2px; text-align: center; border-bottom: solid 1px #ccc;}<br />
#happeningnow .widget img {display: block; margin-left: auto; margin-right: auto; height: 60px; margin-top: 2px;}<br />
#happeningnow .happeningtitle {font-size: 11pt; font-weight: bold; padding: 5px;}<br />
#happeningnow .innertextbox {height:112px; padding: 5px; margin-top: 0px; margin-bottom: 5px; font-size: 9pt; color: #333;}<br />
<br />
<br />
#happeningnow li, #happeningnow ul {list-style-position: outside; margin-left: 12px;}<br />
#happeningnow ul {display:block; height: 91px; overflow: hidden;}<br />
#happeningnow li {margin-bottom:5px;}<br />
#happeningnow .seemore {display: block; bottom: 0; position:absolute; right: 0;}<br />
<br />
#happeningnow .widget-url {font-size: 11pt; font-weight: bold; padding: 2px; text-align: center;}<br />
<br />
<br />
/* /////////////////////////////////////////////////////////////////////////// <br />
// pitch slideshow <br />
/////////////////////////////////////////////////////////////////////////// */<br />
<br />
#pitch { <br />
clear: both; <br />
height: 296px; <br />
margin: 0 0 25px;<br />
}<br />
#slideshow {<br />
position:relative;<br />
height: 310px;<br />
}<br />
#slideshow img {<br />
float: left;<br />
}<br />
#slideshow div {<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
z-index: 8;<br />
}<br />
#slideshow div.active {<br />
z-index: 10;<br />
}<br />
#slideshow div.last-active {<br />
z-index: 9;<br />
}<br />
<br />
<br />
/* /////////////////////////////////////////////////////////////////////////// <br />
// Nav bar<br />
/////////////////////////////////////////////////////////////////////////// */<br />
<br />
/*--Menu Bar CSS--*/<br />
#navbarcontainer { width: 100%; <br />
height: 35px; <br />
background: #4c5c66; <br />
margin-top:0px;<br />
}<br />
#navbar { width:975px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
position:relative; <br />
height: 35px;<br />
}<br />
#navbarsocial { float:right; <br />
padding-top: 4px;<br />
}<br />
#flashylink { display: block; <br />
float: left; <br />
border: 0px solid #4c5c66; <br />
color: #4c5c66; <br />
text-shadow: #000 1px 1px 1px; <br />
padding:3px; line-height: 100%; <br />
text-align: center; <br />
font-weight: bold; font-size: .8em; <br />
-webkit-border-radius: 3px;<br />
-moz-border-radius: 3px;<br />
border-radius: 3px; <br />
margin-right: 10px;<br />
}<br />
#flashylink a:hover { color: #fff;<br />
}<br />
<br />
/*--Menu Begins Here http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/ --*/<br />
ul#topnav {<br />
margin: 0; padding: 0 0 0 37px;<br />
float: left;<br />
/*-- width: 960px;--*/<br />
list-style: none;<br />
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/<br />
font-size: 1em;<br />
background: #4c5c66/*--url(https://static.igem.org/mediawiki/igem.org/c/c8/Navbar-3.gif) repeat-x--*/;<br />
z-index: 6;<br />
}<br />
ul#topnav li {<br />
float: left;<br />
margin: 0; padding: 0;<br />
height: 35px;<br />
border-right: 1px solid #ccc; /*--Divider for each parent level links--*/<br />
}<br />
ul#topnav li a {<br />
padding: 10px 15px;<br />
display: block;<br />
color: #fff;<br />
font-weight: bold;<br />
letter-spacing: 1px;<br />
text-shadow: #333 1px 1px 1px;<br />
text-decoration: none;<br />
}<br />
ul#topnav li a:hover{<br />
color: #fff;<br />
text-decoration: none;<br />
}<br />
ul#topnav li:hover { background: #e2790d url(topnav_active.gif) repeat-x; }<br />
ul#topnav li span {<br />
float: left;<br />
padding: 10px 0;<br />
position: absolute;<br />
z-index:10;<br />
left: 37px; top:35px;<br />
display: none; /*--Hide by default--*/<br />
width: 720px;<br />
background: #e2790d;<br />
color: #fff;<br />
/*--Bottom right rounded corner--*/<br />
-moz-border-radius-bottomright: 10px;<br />
-khtml-border-radius-bottomright: 10px;<br />
-webkit-border-bottom-right-radius: 10px;<br />
/*--Bottom left rounded corner--*/<br />
-moz-border-radius-bottomleft: 10px;<br />
-khtml-border-radius-bottomleft: 10px;<br />
-webkit-border-bottom-left-radius: 10px;<br />
}<br />
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/<br />
ul#topnav li span a { display: inline; }<br />
ul#topnav li span a:hover {text-decoration: underline;color: #fff}<br />
/*--Menu Ends Here--*/<br />
<br />
<br />
.htitle {<br />
display: block;<br />
padding: 8px;<br />
font-size: 1em;<br />
font-weight: bold;<br />
border-bottom: solid 1px #ccc;<br />
margin-bottom: 0px;<br />
clear:both;<br />
color: #000;<br />
}<br />
.textboxes {<br />
display: block;<br />
position: relative;<br />
border: 1px solid #f0f0f0;<br />
background: #f0f0f0;<br />
border-bottom: 2px solid #ccc; <br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
margin-top: 10px; margin-bottom: 10px;<br />
}<br />
.innertextbox { /*--Goes inside textboxes class--*/<br />
display: block;<br />
position: relative;<br />
margin: 10px;<br />
padding: 20px; <br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
background: #fff;<br />
} <br />
<br />
<br />
/* /////////////////////////////////////////////////////////////////////////// <br />
// Timeline<br />
/////////////////////////////////////////////////////////////////////////// */ <br />
<br />
/* Design provided by <a href="https://2010.igem.org/Team:TU_Delft#page=Home/">iGEM TU Delft 2010</a> */<br />
<br />
table {<br />
margin: 0;<br />
padding: 0;<br />
border: none;<br />
}<br />
table td {<br />
padding: 0px;<br />
}<br />
table .head {<br />
background-color: none;<br />
font-weight: normal;<br />
color: #fff;<br />
}<br />
table .odd {<br />
background-color: transparent;<br />
}<br />
#timeline_container {<br />
overflow-x: scroll;<br />
width: 600px;<br />
/* border: 1px solid #216085; */<br />
height: 250px;<br />
overflow-y:hidden;<br />
scrollbar-face-color:#266c96;<br />
scrollbar-shadow-color:#216085;<br />
scrollbar-highlight-color:#216085;<br />
scrollbar-3dlight-color:#216085;<br />
scrollbar-darkshadow-color:#216085;<br />
scrollbar-track-color:#d0f1fa;<br />
scrollbar-arrow-color:#fff; <br />
}<br />
<br />
#timeline_content {<br />
width: 1650px;<br />
height: 380px;<br />
}<br />
<br />
#content-block {<br />
width: 210px;<br />
padding: 10px;<br />
float: left;<br />
}<br />
.fastlink {<br />
font-size: 9px;<br />
font-weight: bold;<br />
text-decoration:none;<br />
}<br />
.fastlink:hover {<br />
text-decoration: underline;<br />
}<br />
.month {<br />
margin: 10px;<br />
background-color: #108812;<br />
text-align: center;<br />
font-weight:bold;<br />
display:block;<br />
width: 100%;<br />
line-height: 30px;<br />
}<br />
<br />
.month-summary {<br />
font-size: 11px;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
display: block;<br />
margin-bottom: -10px;<br />
line-height: 12px;<br />
}<br />
<br />
.month-summary img {<br />
margin-bottom: 10px;<br />
}<br />
<br />
.timeline-item {<br />
display:block;<br />
padding: 3px;<br />
border: 1px solid #eee;<br />
font-size: 10px;<br />
float: left;<br />
margin: 3px 10px;<br />
line-height: 19px;<br />
width: 210px;<br />
overflow: hidden;<br />
}<br />
<br />
.timeline-item .date {<br />
display: block;<br />
font-weight: bold;<br />
font-size: 12px;<br />
float: left;<br />
line-height: 15px;<br />
color: #fff;<br />
background-color: #c4e438;<br />
padding: 2px;<br />
width: 20px;<br />
text-align: center;<br />
margin-right: 3px;<br />
}<br />
#content-block a {<br />
color: #000;<br />
}<br />
<br />
#content-block a:hover {<br />
text-decoration: underline;<br />
color: #000;<br />
}<br />
<br />
h2,h3 {font-wright:bold; font-family: Calibri, Arial, Helvetica, sans-serif}<br />
<br />
</style><br />
</html></div>
Nikkikapp