Template:Regional Europe 2012 Page CSS

From 2012.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 85: Line 85:
h4 {
h4 {
font-size: 1.0em;
font-size: 1.0em;
 +
}
 +
 +
h5 {
 +
font-weight: bold;
 +
color:  #F37321;
}
}
Line 336: Line 341:
}
}
 +
 +
 +
/* ///////////////////////////////////////////////////////////////////////////
 +
// 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 562: 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;

Latest revision as of 18:04, 7 October 2012