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

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

Committer: esavintcev
LJSUP-14303: Create HTML-layout for Shop pages
U   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;

Tags: css, dat, 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