Committer: esavintcev
LJSUP-14303: Create HTML-layout for Shop pagesU trunk/bin/upgrading/en_LJ.dat U trunk/htdocs/stc/shop/shop.css
Modified: trunk/bin/upgrading/en_LJ.dat
===================================================================
--- trunk/bin/upgrading/en_LJ.dat 2012-12-07 13:26:29 UTC (rev 13010)
+++ trunk/bin/upgrading/en_LJ.dat 2012-12-07 13:54:00 UTC (rev 13011)
@@ -12681,6 +12681,20 @@
shop.view.themes.buy=Buy Theme
+shop.view.themes.details.apply=Apply theme after purchase
+
+shop.view.themes.details.buy.once=Buy theme
+
+shop.view.themes.details.buy.out=Buy-out theme
+
+shop.view.themes.details.hint=Use a comma to separate usernames
+
+shop.view.themes.details.ljtokens=LJ Tokens
+
+shop.view.themes.details.recipient=Select recipient:
+
+shop.view.themes.details.total=Total
+
shop.view.themes.meta.installed=Installed:
shop.view.themes.meta.price=Price:
Modified: trunk/htdocs/stc/shop/shop.css
===================================================================
--- trunk/htdocs/stc/shop/shop.css 2012-12-07 13:26:29 UTC (rev 13010)
+++ trunk/htdocs/stc/shop/shop.css 2012-12-07 13:54:00 UTC (rev 13011)
@@ -2986,6 +2986,7 @@
.b-shop .b-themes-item:nth-child(2n+1) {
margin: 0 20px 30px 50px;
}
+ /* thumb */
.b-themes-item-thumb {
display: block;
margin: 0 0 5px;
@@ -3001,28 +3002,18 @@
padding: 1px;
border: 1px solid #C7E0F6;
}
- .b-themes-item-preview {
- position: absolute;
+ /* preview link */
+ .b-themes-item .b-themes-previewlink {
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-preview:link,
- .b-themes-item-preview:visited {
- border-bottom: 0;
- }
+ /* title */
.b-themes-item-title {
margin: 0 0 5px;
font-size: 11px;
text-align: center;
}
+ /* meta */
.b-shop .b-themes-meta {
position: relative;
margin: 0 0 5px;
@@ -3030,9 +3021,9 @@
color: #999;
*zoom: 1;
}
- .b-shop .b-themes-meta LI {
- font-size: 11px;
- }
+ .b-shop .b-themes-meta LI {
+ font-size: 11px;
+ }
.b-themes-meta:after {
content: "";
display: table;
@@ -3048,6 +3039,7 @@
float: left;
font-size: 11px;
}
+ /* buy link */
.b-themes-item-buy {
display: block;
margin: 0;
@@ -3058,6 +3050,131 @@
margin: 0;
}
+/* preview link */
+.b-themes-previewlink {
+ position: absolute;
+ top: 1px;
+ right: 1px;
+ 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-previewlink:link,
+.b-themes-previewlink:visited {
+ border-bottom: 0;
+ }
+
+/* title */
+.b-themes-title {
+ margin: 0 0 0.3em;
+ padding: 0;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 1.7em;
+ }
+
+/* description */
+.b-themes-description {
+ margin: 0 0 1em;
+ padding: 0;
+ line-height: 1.4;
+ }
+
+/* preview */
+.b-theme-preview {
+ position: relative;
+ margin: 0 0 3em;
+ padding: 1px;
+ border: 1px solid #C7E0F6;;
+ *zoom: 1;
+ }
+ .b-theme-preview-full {
+ display: block;
+ max-width: 100%;
+ height: auto;
+ }
+ .b-theme-preview-ipad {
+ position: absolute;
+ bottom: -8px;
+ right: 75px;
+ width: 117px;
+ height: 157px;
+ margin: 0;
+ padding: 20px 17px 21px;
+ background: url(/img/shop/theme-ipad.png?v=1) no-repeat 0 0;
+ }
+ .b-theme-preview-iphone {
+ position: absolute;
+ bottom: -10px;
+ right: -10px;
+ width: 62px;
+ height: 92px;
+ margin: 0;
+ padding: 24px 5px 27px 5px;
+ background: url(/img/shop/theme-iphone.png?v=1) no-repeat 0 0;
+ }
+
+/* details */
+.b-shop .b-theme-details {
+ margin: 0;
+ line-height: 1.4;
+ }
+ .b-shop .b-theme-details-item {
+ margin: 0 0 1.5em;
+ }
+ .b-theme-details-check {
+ display: inline-block;
+ padding-left: 15px;
+ text-indent: -15px;
+ }
+ .b-theme-details-check INPUT {
+ position: relative;
+ top: -1px;
+ width: 13px;
+ height: 13px;
+ margin: 0 7px 0 0;
+ padding: 0;
+ vertical-align: bottom;
+ *overflow: hidden;
+ }
+ .b-theme-details-row {
+ margin: 0 0 0.5em;
+ }
+
+/* recipients */
+.b-shop .b-theme-recipient {
+ margin: 0;
+ padding: 0;
+ }
+ .b-shop .b-theme-recipient-head {
+ margin: 0 0 0.3em;
+ }
+ .b-shop .b-theme-recipient-item {
+ margin: 0 0 0.7em;
+ }
+ #js .b-theme-recipient-item-gift {
+ display: none;
+ }
+ #js .b-theme-recipient-gift .b-theme-recipient-item-gift {
+ display: block;
+ }
+ .b-theme-recipient-input {
+ width: 300px;
+ margin: 0 0 0.1em;
+ }
+ .b-theme-recipient-hint {
+ display: block;
+ font-size: 90%;
+ color: #999;
+ }
+
+
+
/* Theme preview */
/*.b-theme-preview {
overflow: hidden;