151 lines
3 KiB
CSS
151 lines
3 KiB
CSS
|
/* =Barometer feedback tab
|
||
|
|
--------------------------------------------------------*/
|
||
|
|
|
||
|
|
a#barometer_tab {
|
||
|
|
background-image:url(../images/feedback_tab.png);
|
||
|
|
background-color:#222222;
|
||
|
|
color:#FFFFFF;
|
||
|
|
cursor:pointer;
|
||
|
|
height:102px;
|
||
|
|
left:0;
|
||
|
|
margin-left:-7px;
|
||
|
|
overflow:hidden;
|
||
|
|
position:fixed;
|
||
|
|
text-indent:-100000px;
|
||
|
|
top:25%;
|
||
|
|
width:42px;
|
||
|
|
z-index:100000;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* =Barometer Overlay
|
||
|
|
--------------------------------------------------------*/
|
||
|
|
|
||
|
|
#barometer_overlay {
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
position: fixed;
|
||
|
|
_position: absolute;
|
||
|
|
z-index: 1000000;
|
||
|
|
}
|
||
|
|
|
||
|
|
#barometer_overlay * {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
|
font-style:normal;
|
||
|
|
font-variant:normal;
|
||
|
|
font-size: 12px;
|
||
|
|
color:#333;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* =Barometer Overlay -> Main
|
||
|
|
--------------------------------------------------------*/
|
||
|
|
|
||
|
|
#barometer_main {
|
||
|
|
width: 550px;
|
||
|
|
height: 100%;
|
||
|
|
margin: 0 auto;
|
||
|
|
z-index:2;
|
||
|
|
position:relative;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
#barometer_main div {
|
||
|
|
padding: 5px 20px 0 20px;
|
||
|
|
margin:0;
|
||
|
|
background: #EEE;
|
||
|
|
overflow:none;
|
||
|
|
border-right: solid 2px #000;
|
||
|
|
border-left: solid 2px #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
#barometer_overlay #barometer_main #overlay_loading h2 {
|
||
|
|
padding: 10px 0;
|
||
|
|
font-size:28px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#barometer_overlay #barometer_main #barometer_close:hover {
|
||
|
|
background-position:-42px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#barometer_overlay #barometer_main a#barometer_close {
|
||
|
|
background-image:url(../images/barometer_close.png);
|
||
|
|
cursor:pointer;
|
||
|
|
height:42px;
|
||
|
|
outline-color:-moz-use-text-color;
|
||
|
|
outline-style:none;
|
||
|
|
outline-width:medium;
|
||
|
|
overflow:hidden;
|
||
|
|
position:absolute;
|
||
|
|
top:-23px;
|
||
|
|
right:-22px;
|
||
|
|
width:42px;
|
||
|
|
z-index:4;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#barometer_overlay #barometer_main span {
|
||
|
|
background:url(../images/close.png) no-repeat scroll 33px 0 transparent;
|
||
|
|
color:#FFFFFF;
|
||
|
|
cursor:pointer;
|
||
|
|
float:right;
|
||
|
|
font-size:11px;
|
||
|
|
height:20px;
|
||
|
|
padding-right:20px;
|
||
|
|
text-decoration:underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
#barometer_iframe {
|
||
|
|
width: 550px;
|
||
|
|
height: 100%;
|
||
|
|
background: transparent url(../images/barometer_loading.png) no-repeat;
|
||
|
|
}
|
||
|
|
#barometer_iframe.loaded {
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* =Barometer Overlay -> Main -> Overlay header
|
||
|
|
--------------------------------------------------------*/
|
||
|
|
|
||
|
|
#barometer_overlay #barometer_main #overlay_header {
|
||
|
|
padding:6px 5px 1px 0;
|
||
|
|
background-color:#333;
|
||
|
|
font-weight: bold;
|
||
|
|
height:18px;
|
||
|
|
border: solid 2px #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
#barometer_overlay #barometer_main #overlay_header a {
|
||
|
|
color:#fff;
|
||
|
|
float:left;
|
||
|
|
font-size:15px;
|
||
|
|
margin-left:5px;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
#barometer_overlay #barometer_main #overlay_header span {
|
||
|
|
float:right;
|
||
|
|
height:20px;
|
||
|
|
padding-right:20px;
|
||
|
|
background: transparent url(../images/close.png) no-repeat 33px 0;
|
||
|
|
text-decoration:underline;
|
||
|
|
font-size:11px;
|
||
|
|
cursor:pointer;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* =Barometer screen id - used to close barometer
|
||
|
|
--------------------------------------------------------*/
|
||
|
|
|
||
|
|
#barometer_screen {
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
z-index:1;
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
background-color: #000;
|
||
|
|
opacity: 0.42; filter:alpha(opacity=42); -moz-opacity: 0.42;
|
||
|
|
}
|