[ljcom] r12933: LJSUP-14303: Create HTML-layout for Shop...
Committer: esavintcev
LJSUP-14303: Create HTML-layout for Shop pagesU 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;
+ }