You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
1.7 KiB
108 lines
1.7 KiB
8 years ago
|
.onlineWidget,.pnl{
|
||
|
|
|
||
|
|
/* Styling the widget and the sliding panel at once */
|
||
|
|
|
||
|
|
background-color: #F9F9F9;
|
||
|
|
/* border: 2px solid #FFFFFF; */
|
||
|
|
height: 25px;
|
||
|
|
/* padding: 10px; */
|
||
|
|
position: fixed;
|
||
|
|
width: 130px;
|
||
|
|
cursor: pointer;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
-moz-box-shadow: 0 0 3px #CCCCCC;
|
||
|
|
-webkit-box-shadow: 0 0 3px #CCCCCC;
|
||
|
|
box-shadow: 0 0 3px #CCCCCC;
|
||
|
|
text-shadow: 0 2px 0 white;
|
||
|
|
top: 250px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget:hover{
|
||
|
|
background-color:#fcfcfc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget:hover .arrow{
|
||
|
|
/* Changing the background image for the green arrow on hover: */
|
||
|
|
background-position:bottom center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget .cnt{
|
||
|
|
/* The total number of people online div */
|
||
|
|
|
||
|
|
color: #777777;
|
||
|
|
float: left;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-top: 1px;
|
||
|
|
text-align: center;
|
||
|
|
width: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget .lbl{
|
||
|
|
/* The online label */
|
||
|
|
|
||
|
|
float:left;
|
||
|
|
font-size:10px;
|
||
|
|
padding:7px 0 0 7px;
|
||
|
|
text-transform:uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget .arw{
|
||
|
|
/* The green arrow on the right */
|
||
|
|
|
||
|
|
background: url(../images/arrow.png) no-repeat top center;
|
||
|
|
position: absolute;
|
||
|
|
right: -6px;
|
||
|
|
width: 25px;
|
||
|
|
height: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget .pnl{
|
||
|
|
/* The slideout panel */
|
||
|
|
|
||
|
|
position:absolute;
|
||
|
|
cursor:default;
|
||
|
|
padding: 5px 5px 10px;
|
||
|
|
bottom: 40px;
|
||
|
|
left: 5px;
|
||
|
|
height:auto;
|
||
|
|
display:none;
|
||
|
|
margin:-2px;
|
||
|
|
z-index:1000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget .preloader{
|
||
|
|
/* The rotating gif preloader image */
|
||
|
|
display:block;
|
||
|
|
margin:10px auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget .geoRow{
|
||
|
|
/* The div that contains each country */
|
||
|
|
|
||
|
|
height:16px;
|
||
|
|
overflow:hidden;
|
||
|
|
padding:2px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget .flag{
|
||
|
|
float:left;
|
||
|
|
margin:0 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget .country, .people{
|
||
|
|
float:left;
|
||
|
|
font-size:10px;
|
||
|
|
padding:2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget .country{
|
||
|
|
width:85px;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.onlineWidget .people{
|
||
|
|
font-weight:bold;
|
||
|
|
}
|