// gamification + multishop wip

2013-12-03 15:21:13 +01:00
parent da2d48890f
commit 3f2ce54efd
6 changed files with 192 additions and 27 deletions
@@ -0,0 +1,136 @@
+.hide
+	display:  none
+.text-right
+	text-align: right
+.text-left
+	text-align: left
+.text-center
+	text-align: center
+
+.gamification-tip
+	width: 100%
+	margin: 0 0 20px 0
+	position: relative
+	background-color: #f8f8f8
+	div.gamification-tip-title
+		position: absolute
+		top: 0
+		left: 0
+		height: 40px
+		line-height: 40px
+		width: 90px
+		padding: 0 0 0 40px
+		background: url("http://gamification.prestashop.com/images/interface/gamification-lightbulb.png") 10px 5px no-repeat
+		color: #556e26
+		font-size: 14px
+		font-weight: bold
+	div.gamification-tip-description-container
+		height: 40px
+		padding: 0 130px
+		display: table-cell
+		vertical-align: middle
+		font-size: 13px
+		color: #666666
+		background: url("http://gamification.prestashop.com/images/interface/gamification-tip-bg.png") 100px top no-repeat
+		span.gamification-tip-description
+			display: inline-block
+			font-size:  0.9em
+			line-height: 15px
+			max-height: 30px
+			overflow: hidden
+	span.gamification-tip-cta
+		position: absolute
+		line-height: 42px
+		height: 40px
+		top: 0
+		right: 0
+		padding: 0 10px 0 30px
+		background: url("http://gamification.prestashop.com/images/interface/gamification-cta-bg.png") left top no-repeat #a6c964
+		a
+			display: inline-block
+			width: 100%
+			padding: 0 35px 0 0
+			font-size: 14px
+			text-transform: uppercase
+			font-weight: bold
+			text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0
+			color: #556e26
+			background: url("http://gamification.prestashop.com/images/interface/gamification-popin.png") right 10px no-repeat
+
+.gamification-tip-infobox
+	padding: 0 20px 20px 20px
+	position: relative
+	.gamification-tip-infobox-title
+		display: inline-block
+		margin: 0 0 20px -20px
+		width: 100%
+		padding: 10px 20px 5px
+		border-bottom: solid 3px #739334
+		font: 800 18px/20px arial
+		text-transform: uppercase
+		color: #556e26
+		background-color: #e7f0d6
+		span.gamification-tip-infobox-title-prefix2
+			display: inline-block
+			height: 40px
+			padding-left: 30px
+			line-height: 40px
+			text-transform: none
+			font-size: 16px
+			font-weight: 500
+			margin-right: 10px
+			background: url("http://gamification.prestashop.com/images/interface/gamification-lightbulb.png") left top no-repeat
+	.gamification-tip-infobox-content
+		display: block
+		width: 100%
+		.gamification-tip-infobox-content-image
+			float: left
+			width: 215px
+			height: 200px
+			background: url("http://gamification.prestashop.com/images/interface/gamification-infobox-separator.png") no-repeat right center
+		.gamification-tip-infobox-content-description
+			float: left
+			width: 335px
+			padding: 0 0 25px 25px
+			p
+				line-height: 20px
+				ul li
+					padding: 0 0 0 20px
+					line-height: 25px
+					background: url("http://gamification.prestashop.com/images/interface/gamification-bullet-check.png") left center no-repeat
+		.gamification-tip-infobox-content-controls
+			padding: 20px 0 0 0
+			a.button
+				display: inline-block
+				height: 30px
+				padding: 0 20px
+				margin-right: 10px
+				border: none
+				line-height: 33px
+				text-transform: uppercase
+				font-weight: bold
+				color: #929292
+				border-radius: 3px
+				background: #d2d2d2
+			a.button.success
+				color: #384819
+				background: #a6c964
+				border-color: #739334
+			a.button:hover
+				color: #f8f8f8
+				background: #5f5f5f
+				border-color: #2c2c2c
+			a.button:active
+				color: white
+				background: #2c2c2c
+				border-color: black
+	a.infobox-close
+		display: inline-block
+		width: 14px
+		height: 14px
+		position: absolute
+		top: 20px
+		right: 20px
+		text-indent: -9999px
+		background: url("http://gamification.prestashop.com/images/interface/gamification-infobox-close.png") no-repeat
+