[ljcom] r9377: LJSUP-6515: Custom Userheads

U   trunk/htdocs/stc/shop/shop.css

Modified: trunk/htdocs/stc/shop/shop.css
===================================================================
--- trunk/htdocs/stc/shop/shop.css	2010-08-23 06:42:24 UTC (rev 9376)
+++ trunk/htdocs/stc/shop/shop.css	2010-08-23 07:00:32 UTC (rev 9377)
@@ -1126,6 +1126,63 @@
 				margin:0 0 0 5px;
 				}
 
+/* Userheads
+------------------------------------------------------------------------*/
+.b-userheads-intro {
+	min-height:170px;
+	background:url(/img/shop/userpics-intro.jpg) no-repeat 100% 100%;
+	}
+.b-shop .b-userheads-items {
+	padding: 20px 29px;
+	margin: 0;
+	}
+	.b-shop .b-userheads-item {
+		overflow: hidden;
+		position: relative;
+		display: -moz-inline-stack;
+		display: inline-block;
+		width: 80px;
+		min-height: 70px;
+		margin: 0;
+		-webkit-border-radius: 5px;
+		-moz-border-radius: 5px;
+		border-radius: 5px;
+		vertical-align: top;
+		text-align: center;
+		}
+	.b-shop .b-userheads-item-hover,
+	.b-shop .b-userheads-item:hover,
+	.b-userheads-items .active {
+		background: #FFF1C6;
+		color: #336699;
+		}
+		.b-userheads-item LABEL {
+			display: block;
+			padding: 15px 0 15px;
+			}
+			.b-userheads-item LABEL INPUT {
+				position: absolute;
+				left:-99px;
+				}
+			.b-userheads-item LABEL IMG {
+				width: 17px;
+				height: 17px;
+				margin: 0 0 5px;
+				}
+			.b-userheads-item LABEL STRONG {
+				}
+			.b-userheads-item LABEL STRONG.free {
+				color: green;
+				font-weight: normal;
+				}
+			.b-userheads-item LABEL STRONG.premium {
+				color: #F00;
+				font-weight: normal;
+				}
+.b-buy-guserheads {
+	padding: 10px 0 0;
+	}
+
 /* Payment History
 ------------------------------------------------------------------------*/
 .b-payment-history P {