Савинцев Егор 🚶 (savintsev_egor) wrote in changelog,
Савинцев Егор 🚶
savintsev_egor
changelog

[ljcom] r12933: LJSUP-14303: Create HTML-layout for Shop...

Committer: esavintcev
LJSUP-14303: Create HTML-layout for Shop pages
U   trunk/htdocs/stc/shop/shop.css
Modified: trunk/htdocs/stc/shop/shop.css
===================================================================
--- trunk/htdocs/stc/shop/shop.css	2012-11-21 14:21:59 UTC (rev 12932)
+++ trunk/htdocs/stc/shop/shop.css	2012-11-21 14:53:05 UTC (rev 12933)
@@ -1,26 +1,26 @@
  /* Statistics reset
 ---------------------------------------*/
 .b-shop TABLE {
-    border-collapse:collapse;
-    border-spacing:0;
-    }
+	border-collapse:collapse;
+	border-spacing:0;
+	}
 .b-shop UL,
 .b-shop OL,
 .b-shop LI {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    }
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	}
 .b-shop IMG,
 .b-shop A IMG {
-    border: 0;
-    }
+	border: 0;
+	}
 .b-shop DL,
 .b-shop DT,
 .b-shop DD {
-    margin: 0;
-    padding: 0;
-    }
+	margin: 0;
+	padding: 0;
+	}
 .b-shop FORM,
 .b-shop FIELDSET {
 	margin: 0;
@@ -65,8 +65,8 @@
 /* Shop wrapper
 --------------------------------------*/
 .b-shop {
-    padding: 0 0 20px;
-    }
+	padding: 0 0 20px;
+	}
 
 /* Shop in different schemes */
 .shop-page #content {
@@ -1577,7 +1577,7 @@
 	}
 .b-history-paging .b-history-paging-counter {
 	background: #FFF;
-    color: #404040;
+	color: #404040;
 	}
 .b-history-paging .b-history-paging-prev,
 .b-history-paging .b-history-paging-next {
@@ -1592,12 +1592,12 @@
 	.b-cart-successful {
 		color: #428C20;
 		}
-    .b-cart-inprogress {
-        color: #a9a93c
-        }
-    .b-cart-failed {
-        color: #a94f3c
-        }
+	.b-cart-inprogress {
+		color: #a9a93c
+		}
+	.b-cart-failed {
+		color: #a94f3c
+		}
 	.b-cart-paidinfo {
 		margin:0 0 10px;
 		}
@@ -1961,10 +1961,10 @@
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 	background: #57B3DB;
-    background-image: -webkit-linear-gradient(left, #ACDDEE, #57B3DB);
-    background-image:    -moz-linear-gradient(left, #ACDDEE, #57B3DB);
-    background-image:     -ms-linear-gradient(left, #ACDDEE, #57B3DB);
-    background-image:      -o-linear-gradient(left, #ACDDEE, #57B3DB);
+	background-image: -webkit-linear-gradient(left, #ACDDEE, #57B3DB);
+	background-image:    -moz-linear-gradient(left, #ACDDEE, #57B3DB);
+	background-image:     -ms-linear-gradient(left, #ACDDEE, #57B3DB);
+	background-image:      -o-linear-gradient(left, #ACDDEE, #57B3DB);
 	}
 .b-ribbon SPAN,
 .b-ribbon A {
@@ -2032,22 +2032,22 @@
 
 .b-selfpromo-actions {
 	margin: 16px 0;
-    }
-    .b-selfpromo-actions FIELDSET {
-        margin: 0 0 7px 0;
-        overflow: hidden;
-        }
+	}
+	.b-selfpromo-actions FIELDSET {
+		margin: 0 0 7px 0;
+		overflow: hidden;
+		}
 	.b-selfpromo-actions .submit-options {
 		padding-top: 10px;
 		}
-    .b-selfpromo-actions FIELDSET.confirm INPUT {
-        float: left;
-        margin: 4px 10px 5px 0;
-        } 
-    .b-selfpromo-actions FIELDSET.confirm LABEL {
-        display: block;
-        overflow: hidden;
-        }
+	.b-selfpromo-actions FIELDSET.confirm INPUT {
+		float: left;
+		margin: 4px 10px 5px 0;
+		} 
+	.b-selfpromo-actions FIELDSET.confirm LABEL {
+		display: block;
+		overflow: hidden;
+		}
 
 /* Commercial promo
 ------------------------------------------------------------------------*/
@@ -2055,14 +2055,14 @@
 	margin: 10px 0;
 	}
 	.p-commpromo .shop-promoted-item {
-	    min-height: 35px;
-    	padding: 8px 32px;
-    	margin-bottom: 10px;
+		min-height: 35px;
+		padding: 8px 32px;
+		margin-bottom: 10px;
 		background: #E5EFFF url(/img/shop/commpromo-title-small.png?v=1) no-repeat 0 50%;
 		}
 	.p-commpromo .shop-promoted-item DD {
-	    color: #404040;
-	    }
+		color: #404040;
+		}
 	.p-commpromo .rate-community-item DD,
 	.p-commpromo .rate-journal-item DD {
 		font-style: italic;
@@ -2776,14 +2776,14 @@
 		font-weight: bold;
 		}
 	.notificationpromo .shop-promoted-item {
-	    min-height: 35px;
-    	padding: 8px 32px;
-    	margin-bottom: 10px;
+		min-height: 35px;
+		padding: 8px 32px;
+		margin-bottom: 10px;
 		background: #FFFEE3 url(/img/statistics/notificationpromo-title-small.png?v=1) no-repeat 0 50%;
 		}
 	.notificationpromo .shop-promoted-item DD {
-	    color: #404040;
-	    }
+		color: #404040;
+		}
 	.notificationpromo .rate-posts-item DT {
 		margin-bottom: 7px;
 		}
@@ -2808,9 +2808,9 @@
 	background: url(/img/statistics/notificationpromo-ua.png?ver=1) 0 50% no-repeat #FFFEE3;
 	}
 	.notificationpromo-ua .shop-promoted-item {
-	    min-height: 35px;
+		min-height: 35px;
 		margin: 10px 0 10px 4px;
-    	padding: 8px 32px;
+		padding: 8px 32px;
 		-moz-border-radius: 6px 0 0 6px;
 		-webkit-border-radius: 6px 0 0 6px;
 		border-radius: 6px 0 0 6px;
@@ -2926,24 +2926,88 @@
 	}
 
 .b-themes-items {
+	position: relative;
 	margin: 0;
+	*zoom: 1;
 	}
-	.b-themes-item {
-		margin: 0;
+.b-themes-items:after {
+	content: "";
+	display: table;
+	border-collapse: collapse;
+	clear: both;
+	}
+	.b-shop .b-themes-item {
+		position: relative;
+		width: 154px;
+		min-height: 200px;
+		display: inline-block;
+		vertical-align: top;
+		margin: 0 50px 30px 25px;
+		font-size: 11px;
+		*display: inline;
+		_height: 200px;
+		*zoom: 1;
 		}
+	.b-shop .b-themes-item:nth-child(2n+1) {
+		margin: 0 25px 30px 50px;
+		}
 		.b-themes-item-thumb {
+			display: block;
+			margin: 0 0 5px;
+			}
+			.b-shop A .b-themes-item-pic {
+				width: 150px;
+				height: 114px;
+				margin: 0;
+				padding: 1px;
+				border: 1px solid #C7E0F6;
+				}
+		.b-themes-item-preview {
+			position: absolute;
+			top: 2px;
+			right: 2px;
+			width: 31px;
+			height: 31px;
 			margin: 0;
+			padding: 0;
+			background: url(/img/customize/preview-theme.gif?v=1) no-repeat 0 0;
+			font: 0/0 serif;
+			text-indent: 1000px;
+			cursor: pointer;
 			}
 		.b-themes-item-title {
-			margin: 0;
+			margin: 0 0 5px;
+			font-size: 11px;
+			text-align: center;
 			}
-		.b-themes-item-preview {
-			margin: 0;
+		.b-shop .b-themes-meta {
+			position: relative;
+			margin: 0 0 5px;
+			color: #999;
+			*zoom: 1;
 			}
-		.b-themes-item-buybtn {
-			margin: 0;
+		.b-themes-meta:after {
+			content: "";
+			display: table;
+			border-collapse: collapse;
+			clear: both;
 			}
-		.b-themes-meta {
+			.b-themes-meta-head {
+				float: left;
+				clear: left;
+				font-size: 11px;
+				}
+			.b-themes-meta-body {
+				float: left;
+				font-size: 11px;
+				}
+		.b-themes-item-buy {
+			display: block;
 			margin: 0;
+			font-size: 11px;
+			text-align: center;
 			}
+			.b-themes-item-buybtn {
+				margin: 0;
+				}
 

Tags: css, esavintcev, ljcom, savintsev_egor
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments