Template:Regional Europe 2012 Page CSS

From 2012.igem.org

(Difference between revisions)
 
(51 intermediate revisions not shown)
Line 17: Line 17:
-
/* http://meyerweb.com/eric/tools/css/reset/
+
/*
-
  v2.0 | 20110126
+
YUI 3.4.1 (build 4118)
-
  License: none (public domain)
+
Copyright 2011 Yahoo! Inc. All rights reserved.
 +
Licensed under the BSD License.
 +
http://yuilibrary.com/license/
*/
*/
-
 
+
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}
-
html, body, div, span, applet, object, iframe,
+
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
-
a, abbr, acronym, address, big, cite, code,
+
-
del, dfn, em, img, ins, kbd, q, s, samp,
+
-
small, strike, strong, sub, sup, tt, var,
+
-
b, u, i, center,
+
-
dl, dt, dd, ol, ul, li,
+
-
fieldset, form, label, legend,
+
-
table, caption, tbody, tfoot, thead, tr, th, td,
+
-
article, aside, canvas, details, embed,
+
-
figure, figcaption, footer, header, hgroup,
+
-
menu, nav, output, ruby, section, summary,
+
-
time, mark, audio, video {
+
-
margin: 0;
+
-
padding: 0;
+
-
border: 0;
+
-
font-size: 100%;
+
-
font: inherit;
+
-
vertical-align: baseline;
+
-
}
+
-
/* HTML5 display-role reset for older browsers */
+
-
article, aside, details, figcaption, figure,  
+
-
footer, header, hgroup, menu, nav, section {
+
-
display: block;
+
-
}
+
-
 
+
-
blockquote, q {
+
-
quotes: none;
+
-
}
+
-
blockquote:before, blockquote:after,
+
-
q:before, q:after {
+
-
content: '';
+
-
content: none;
+
-
}
+
-
table {
+
-
border-collapse: collapse;
+
-
border-spacing: 0;
+
-
}
+
* {
* {
Line 121: Line 85:
h4 {
h4 {
font-size: 1.0em;
font-size: 1.0em;
 +
}
 +
 +
h5 {
 +
font-weight: bold;
 +
color:  #F37321;
}
}
Line 182: Line 151:
#columns {
#columns {
background: #bbbbbb;
background: #bbbbbb;
-
padding: 28px 0;
+
padding: 28px 0 10px 0;
}
}
#columns .column {
#columns .column {
width: 260px;
width: 260px;
 +
                background: #bbbbbb;
float: left;
float: left;
}
}
Line 195: Line 165:
#columns .column1 p {
#columns .column1 p {
height: 265px;
height: 265px;
-
background: url(https://static.igem.org/mediawiki/2012/b/bc/RegionalEurope_Linkbg3b.png);
+
background: url(https://static.igem.org/mediawiki/2012/b/bc/RegionalEurope_Linkbg3b.png);no-repeat;
-
background-size: 400px 400px;
+
background-size: 400px
-
background-repeat:no-repeat;
+
}
}
Line 214: Line 183:
#columns .column2 p {
#columns .column2 p {
height: 265px;
height: 265px;
-
background: url(https://static.igem.org/mediawiki/2012/c/c9/RegionalEurope_Linkbg4b.png);
+
background: url(https://static.igem.org/mediawiki/2012/c/c9/RegionalEurope_Linkbg4b.png);no-repeat;
background-size: 400px 400px;
background-size: 400px 400px;
-
background-repeat:no-repeat;
 
-
 
}
}
Line 233: Line 200:
#columns .column3 p {
#columns .column3 p {
height: 265px;
height: 265px;
-
background: url(https://static.igem.org/mediawiki/2012/2/27/RegionalEurope_Linkbg5b.png);
+
background: url(https://static.igem.org/mediawiki/2012/2/27/RegionalEurope_Linkbg5b.png);no-repeat;
background-size: 400px 400px;
background-size: 400px 400px;
-
background-repeat:no-repeat;
 
}
}
Line 314: Line 280:
}
}
-
 
-
 
 
 
#boxes {
#boxes {
Line 361: Line 325:
font-weight: normal;
font-weight: normal;
margin: 0;
margin: 0;
-
}
+
}
 +
#box2 {
#box2 {
Line 374: Line 339:
margin: 0 0 0 0;
margin: 0 0 0 0;
padding: 0 0 0 20px;
padding: 0 0 0 20px;
 +
}
}
 +
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
// Buttons
 +
/////////////////////////////////////////////////////////////////////////// */
 +
 +
table .pbrROL{border-collapse:collapse;border-spacing:0;}
 +
/*Text Link*/
 +
.ROLtxt a
 +
{
 +
font:bold 16px Arial;
 +
text-align:center;
 +
margin-bottom:7px;
 +
text-decoration:underline;
 +
color:#FFF;
 +
}
 +
.ROLtxt a:hover
 +
{
 +
text-decoration:underline;
 +
color:#3300FF;
 +
}
 +
.tt
 +
{
 +
    margin-top:18px;
 +
}
 +
.ROLtxt {text-align:center;}
 +
/*Generic PBR link*/
 +
.pbrROL-basic .tt{font:10px Arial, Helvetica, sans-serif; background:none; color:#000; text-align:center;}
 +
.pbrROL-basic .tt a{ background:none; color:#3300FF; text-decoration:underline; }
 +
 +
/* Button 4 */
 +
.pbrROL-04{display:block;}
 +
.pbrROL-04 .ROLbtn {display:block; clear:both;}
 +
.pbrROL-04 .ROLbtn ul{margin:0; padding:0;}
 +
.pbrROL-04 .ROLbtn ul li{list-style:none; margin: 0; padding:0; clear:both; text-align:center;}
 +
.pbrROL-04 .ROLbtn li a{
 +
background:url(../images/ui/button/btn-g04-right.jpg) no-repeat top right;
 +
color:#FFFFFF; display: inline-block;  text-decoration:none; margin-left:auto; margin-right:auto;
 +
color:#FFFFFF; font:bold 16px Arial, Helvetica, sans-serif; white-space:nowrap;} 
 +
.pbrROL-04 .ROLbtn li span{
 +
background:url(../images/ui/button/btn-g04-left.jpg) no-repeat top left;
 +
display: block; line-height:46px; padding:0 31px 0 30px; }
 +
.pbrROL-04 .ROLbtn li a:hover{background:url(../images/ui/button/btn-g04-right.jpg) no-repeat bottom right;
 +
display: inline-block;  text-decoration:none; margin-left:auto; margin-right:auto;
 +
color:#FFFFFF; font:bold 16px Arial, Helvetica, sans-serif; } 
 +
.pbrROL-04 .ROLbtn li a:hover span{background:url(../images/ui/button/btn-g04-left.jpg) no-repeat bottom left;
 +
display: block; line-height:46px; padding:0 31px 0 30px; }
 +
.pbrROL-04 .tt{display:block; clear:both; font:10px Arial, Helvetica, sans-serif; background:none; color:#000; text-align:center;}
 +
.pbrROL-04 .tt a{ background:none; color:#3300FF; text-decoration:underline; }
 +
 +
/* Button 5 */
 +
.pbrROL-05{display:block;}
 +
.pbrROL-05 .ROLbtn {display:block; clear:both;}
 +
.pbrROL-05 .ROLbtn ul{margin:0; padding:0;}
 +
.pbrROL-05 .ROLbtn ul li{list-style:none; margin: 0; padding:0; clear:both; text-align:center;}
 +
.pbrROL-05 .ROLbtn li a{
 +
background:url(../images/ui/button/btn-g05-right.jpg) no-repeat top right;
 +
display: inline-block;  text-decoration:none; margin-left:auto; margin-right:auto;
 +
color:#000; font:bold 16px Arial, Helvetica, sans-serif; white-space:nowrap;} 
 +
.pbrROL-05 .ROLbtn li span{
 +
background:url(../images/ui/button/btn-g05-left.jpg) no-repeat top left;
 +
display: block; line-height:44px; padding:0 31px 0 30px; }
 +
.pbrROL-05 .ROLbtn li a:hover{background:url(../images/ui/button/btn-g05-right.jpg) no-repeat bottom right;
 +
display: inline-block;  text-decoration:none; margin-left:auto; margin-right:auto;
 +
color:#000; font:bold 16px Arial, Helvetica, sans-serif; } 
 +
.pbrROL-05 .ROLbtn li a:hover span{background:url(../images/ui/button/btn-g05-left.jpg) no-repeat bottom left;
 +
display: block; line-height:44px; padding:0 31px 0 30px; }
 +
 +
.pbrROL-05 .tt{display:block; clear:both; font:10px Arial, Helvetica, sans-serif; background:none; color:#000; text-align:center;}
 +
.pbrROL-05 .tt a{ background:none; color:#3300FF; text-decoration:underline; }
Line 538: Line 573:
background: #666;  
background: #666;  
margin-top:0px;
margin-top:0px;
 +
font-size: 9.3pt;
}
}
#navbar { width:975px;  
#navbar { width:975px;  
Line 548: Line 584:
padding-top: 4px;
padding-top: 4px;
}
}
-
#flashylink { display: block;
+
#flashylink {
float: left;  
float: left;  
border: 0px solid #fff;  
border: 0px solid #fff;  
color: #F37321;  
color: #F37321;  
text-shadow: #000 1px 1px 1px;  
text-shadow: #000 1px 1px 1px;  
-
padding:3px; line-height: 100%;  
+
padding:0px; line-height: 100%;  
text-align: center;  
text-align: center;  
font-weight: bold; font-size: .8em;
font-weight: bold; font-size: .8em;
Line 559: Line 595:
-moz-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;  
border-radius: 3px;  
-
margin-right: 10px;
+
margin-left: 10px;
}
}
#flashylink a:hover { color: #fff;
#flashylink a:hover { color: #fff;
Line 602: Line 638:
left: 37px; top:35px;
left: 37px; top:35px;
display: none; /*--Hide by default--*/
display: none; /*--Hide by default--*/
-
width: 720px;
+
width: 758px;
background: #F37321;
background: #F37321;
color: #fff;
color: #fff;
Line 631: Line 667:
}
}
.textboxes {
.textboxes {
-
display: block;
 
position: relative;
position: relative;
border: 1px solid #f0f0f0;
border: 1px solid #f0f0f0;
Line 662: Line 697:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
-
font-size: 11px;
 
border: none;
border: none;
}
}

Latest revision as of 18:04, 7 October 2012

Retrieved from "http://2012.igem.org/Template:Regional_Europe_2012_Page_CSS"