Upload new file

whoisonline/css/styles.css

@@ -0,0 +1,108 @@
+.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;
+}