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