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
.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; |
|
} |