Team:UPO-Sevilla/headerTemplate

From 2011.igem.org

(Difference between revisions)
Line 610: Line 610:
             }
             }
 +
            /*--------------------Data Page---------------------------*/
 +
.tooltip{
 +
position:absolute;
 +
width:250px;
 +
left:0;
 +
top:0;
 +
background-color:black;
 +
color:white;
 +
z-index:999;
 +
border:2px solid #000;
 +
-moz-border-radius:5px;
 +
-webkit-border-radius:5px;
 +
border-radius:5px;
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 +
}
 +
.tooltip p{
 +
padding:10px;
 +
font-size:14px;
 +
text-shadow:none;
 +
font-style:italic;
 +
}
 +
.tooltip_arrow{
 +
position:absolute;
 +
background-color:transparent;
 +
background-repeat:no-repeat;
 +
}
 +
.tooltip_arrow_T,
 +
.tooltip_arrow_B,
 +
.tooltip_arrow_TL,
 +
.tooltip_arrow_TR,
 +
.tooltip_arrow_BL,
 +
.tooltip_arrow_BR{
 +
background-image:url(../images/topbottom.png);
 +
width:13px;
 +
height:7px;
 +
}
 +
.tooltip_arrow_L,
 +
.tooltip_arrow_R,
 +
.tooltip_arrow_LT,
 +
.tooltip_arrow_LB,
 +
.tooltip_arrow_RT,
 +
.tooltip_arrow_RB{
 +
background-image:url(../images/leftright.png);
 +
width:7px;
 +
height:13px;
 +
}
 +
.tooltip_arrow_T{
 +
background-position:0px -7px;
 +
top:-7px;
 +
left:50%;
 +
margin-left:-3.5px;
 +
}
 +
.tooltip_arrow_TL{
 +
background-position:0px -7px;
 +
top:-7px;
 +
left:5px;
 +
}
 +
.tooltip_arrow_TR{
 +
background-position:0px -7px;
 +
top:-7px;
 +
right:5px;
 +
}
 +
.tooltip_arrow_B{
 +
background-position:0px 0px;
 +
bottom:-7px;
 +
left:50%;
 +
margin-left:-3.5px;
 +
}
 +
.tooltip_arrow_BL{
 +
background-position:0px 0px;
 +
bottom:-7px;
 +
left:5px;
 +
}
 +
.tooltip_arrow_BR{
 +
background-position:0px 0px;
 +
bottom:-7px;
 +
right:5px;
 +
}
 +
.tooltip_arrow_L{
 +
background-position:-7px 0px;
 +
top:50%;
 +
margin-top:-6.5px;
 +
left:-7px;
 +
}
 +
.tooltip_arrow_LT{
 +
background-position:-7px 0px;
 +
top:5px;
 +
left:-7px;
 +
}
 +
.tooltip_arrow_LB{
 +
background-position:-7px 0px;
 +
bottom:5px;
 +
left:-7px;
 +
}
 +
.tooltip_arrow_R{
 +
background-position:0px 0px;
 +
top:50%;
 +
margin-top:-6.5px;
 +
right:-7px;
 +
}
 +
.tooltip_arrow_RT{
 +
background-position:0px 0px;
 +
top:5px;
 +
right:-7px;
 +
}
 +
.tooltip_arrow_RB{
 +
background-position:0px 0px;
 +
bottom:5px;
 +
right:-7px;
 +
}
 +
.overlay{
 +
position:fixed;
 +
width:100%;
 +
height:100%;
 +
top:0px;
 +
left:0px;
 +
background:#000;
 +
opacity:0.5;
 +
z-index:100;
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 +
}
 +
.tourcontrols{
 +
position:fixed;
 +
top:20px;
 +
right:-300px;
 +
width:270px;
 +
background:#000;
 +
color:#fff;
 +
text-shadow:0px 0px 1px #fff;
 +
font-size:16px;
 +
padding:10px;
 +
-moz-border-radius:5px;
 +
-webkit-border-radius:5px;
 +
border-radius:5px;
 +
font-weight:bold;
 +
z-index:9999;
 +
}
 +
.tourcontrols a{
 +
font-size:11px;
 +
color:#f0f0f0;
 +
cursor:pointer;
 +
font-weight:normal;
 +
text-decoration:underline;
 +
margin:10px;
 +
}
 +
.tourcontrols a:hover{
 +
color:#fff;
 +
}
 +
.close{
 +
position:absolute;
 +
top:6px;
 +
right:7px;
 +
width:10px;
 +
height:10px;
 +
background:#000 url(../images/close.gif) no-repeat center center;
 +
cursor:pointer;
 +
}
 +
.tourcontrols p{
 +
padding:10px;
 +
}
 +
.button{
 +
white-space: nowrap;
 +
display:block;
 +
float:left;
 +
margin:10px 0px 10px 10px;
 +
cursor:pointer;
 +
background: #c63929;
 +
background: -moz-linear-gradient(0% 100% 90deg, #891100 0%, #B51700 50%, #c63929 50%, #EE432E 100%);
 +
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ee432e), color-stop(0.5, #c63929), color-stop(0.5, #b51700), color-stop(1, #891100));
 +
border: 1px solid #951100;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
border-radius: 5px;
 +
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
 +
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
 +
box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
 +
color: #fff;
 +
font-size: 13px;
 +
font-weight: bold;
 +
letter-spacing: 1px;
 +
line-height: 1;
 +
padding:6px 7px;
 +
text-align: center;
 +
text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
 +
}
 +
.button:hover {
 +
background: #cb0500;
 +
background: -moz-linear-gradient(0% 100% 90deg, #a20601 0%, #cb0500 50%, #db504d 50%, #f37873 100%);
 +
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f37873), color-stop(0.5, #db504d), color-stop(0.5, #cb0500), color-stop(1, #a20601));
 +
}
 +
.button:active{
 +
background: #b30300;
 +
background: -moz-linear-gradient(0% 100% 90deg, #700d00 0%, #9c1500 50%, #ad3224 50%, #d43c28 100%);
 +
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #d43c28), color-stop(0.5, #ad3224), color-stop(0.5, #9c1500), color-stop(1, #700d00));
 +
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
 +
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
 +
box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
 +
}
 +
.nav{
 +
clear:both;
 +
width:100%;
 +
float:left;
 +
}

Revision as of 17:19, 19 September 2011