forked from metin2/web
Shop improvements, renamed "shop" to "mall", support for Argon2ID
This commit is contained in:
82
public/assets/mall/css/discount.css
Normal file
82
public/assets/mall/css/discount.css
Normal file
@ -0,0 +1,82 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
|
||||
.buy #discountPercentCircle {
|
||||
left: 50px;
|
||||
top: -32px;
|
||||
}
|
||||
|
||||
div.discount, .discountPercentCircle { position:relative; }
|
||||
.detail div.discount { position:static; }
|
||||
div.itemPrice.discount { position:relative; }
|
||||
div.chooseItemDescExt.discount { position:relative; }
|
||||
.sprice.discount, .sprice-discount { margin-top:5px;color:#006600;position:relative;}
|
||||
div.price.discount { position:absolute;top:17px;left:60px;width:70px;height:20px;display:block;color:#00aa00;position:relative; }
|
||||
div.priceValue.discount { position:absolute;top:10px;left:5px;width:60px;height:20px;display:block; }
|
||||
span.price.discount { color:#009000; }
|
||||
div.thumbnailBig.discount { position:relative; }
|
||||
|
||||
#bonusStartpage a.itemDetail.discount { background-image:url('../img/itemDetail-discount.png'); }
|
||||
#bonusStartpage a.itemBuy.discount { background-image:url('../img/itemBuy-discount.png'); }
|
||||
#bonusStartpage a.itemDetail.discount:hover { background-image:url('../img/itemDetail-discount-hover.png'); }
|
||||
#bonusStartpage a.itemBuy.discount:hover { background-image:url('../img/itemBuy-discount-hover.png'); }
|
||||
|
||||
.bonusItemPrice.discount { color:#00aa00; }
|
||||
|
||||
#discountPercent { position:absolute;top:6px;left:5px;width:108px;height:97px;z-index:121;background:url('../img/discountPercent.png') no-repeat; }
|
||||
.discountPercentOffer { position:absolute;z-index:15;top:5px;left:5px;width:53px;height:48px;background:url('../img/discountPercentOffer.png') no-repeat; }
|
||||
#discountPercentCircle { position:absolute;z-index:150;top:-15px;left:160px;width:32px;height:35px;display:block;background:url('../img/discountPercentCircle.png') no-repeat; }
|
||||
#oldPriceAmountDiv { position:absolute;top:-5px;left:50px;text-decoration:line-through;font-size:11px;color:#900;line-height:12px; }
|
||||
#discountOldPrice { position:absolute;top:1px;left:50px;text-decoration:line-through;font-size:11px;color:#900;line-height:12px; }
|
||||
.discountOldPriceCategory { position:absolute;top:-7px;left:54px;width:52px;height:15px;display:block;color:#000000;text-decoration:line-through;font-size:10px;color:#900; }
|
||||
.discountOldPricePromoted { position:absolute;top:28px;right:12px;width:50px;height:13px;color:#990000;text-decoration:line-through;overflow:visible; }
|
||||
.discountPercentCategory { position:absolute;top:-2px;left:-2px;width:55px;height:48px;z-index:100;background:url('../img/discountPercentOffer.png') no-repeat; }
|
||||
.discountPercentCircleCategory { position: absolute; display: block; background:url('../img/discountPercentCircleCategory.png') no-repeat; height: 35px; width: 32px; right: -10px; top: -11px; }
|
||||
.promotedItem div.discountPercentPromoted { position:absolute;top:28px;left:7px;background:url('../img/discountPercentPromoted.png') no-repeat;width:43px;height:39px;display:block; }
|
||||
.promotedItem .discountPercentCirclePromoted { position:absolute;top:-7px;right:-8px;background:url('../img/discountPercentCircleCategory.png') no-repeat;width:32px;height:35px;display:block; }
|
||||
|
||||
.discountPercentCategory a { display:block;width:55px;height:48px; }
|
||||
.discountPercentOffer a { display:block;width:53px;height:48px; }
|
||||
.promotedItem div.discountPercentPromoted a { display:block;width:43px;height:39px; }
|
||||
|
||||
.itemDescExt h3 a.assignMarks-discount, .itemDescExt .chooseItemDescExt a.assignMarks-discount { background: transparent url(../img/itemDescExtAssignMarksDiscount.png) no-repeat; }
|
||||
.itemDescExt h3 a.discount, .itemDescExt .chooseItemDescExt a.discount, .buy a.discount { background: transparent url(../img/itemDescExtBuyDiscount.png) no-repeat; }
|
||||
.itemDescExt h3 a.assignMarks-discount:hover, .itemDescExt .chooseItemDescExt a.assignMarks-discount:hover { background: transparent url(../img/itemDescExtAssignMarksDiscountHover.png) no-repeat; }
|
||||
|
||||
a.addToCard.discount {background: transparent url(../img/addToCardDiscount.png) no-repeat;display:inline;margin-left:11px;}
|
||||
a.useDragonMark.discount {background: transparent url(../img/useDragonMarkDiscount.png) no-repeat;display:inline;margin-left:11px;}
|
||||
a.addToCard.discount:hover {background: transparent url(../img/addToCardDiscountHover.png) no-repeat;}
|
||||
a.useDragonMark.discount:hover {background: transparent url(../img/useDragonMarkDiscountHover.png) no-repeat;}
|
||||
a.purchaseInfo.discount { background:url(../img/purchaseInfoDiscount.png) no-repeat scroll 0 0 transparent; }
|
||||
a.purchaseInfo.discount:hover { background-image:url('../img/purchaseInfoDiscountHover.png'); }
|
||||
|
||||
.promotedItemBtns p.pdiscount { margin-top:5px; }
|
||||
.promotedItemBtns div.divdiscount { margin-top:-3px; }
|
||||
.promotedItem a.detail-discount {
|
||||
display: inline;
|
||||
float: left;
|
||||
height: 20px;
|
||||
margin: 0 4px;
|
||||
width: 94px;
|
||||
padding-top:5px;
|
||||
background-image:url(../img/promotedItem-detail-discount.png);
|
||||
color:white;
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
}
|
||||
.promotedItem a.detail-discount {
|
||||
background-image:url(../img/promotedItem-detail-discount.png);
|
||||
}
|
||||
.promotedItem a.detail-discount:hover {
|
||||
background-image:url(../img/promotedItem-detail-discount-hover.png);
|
||||
}
|
||||
.promotedItem a.buy-discount {
|
||||
display: inline;
|
||||
float: left;
|
||||
height: 25px;
|
||||
margin: 0 4px;
|
||||
width: 44px;
|
||||
background-image:url('../img/promotedItem-buy-discount.png');
|
||||
}
|
||||
359
public/assets/mall/css/fancybox.css
Normal file
359
public/assets/mall/css/fancybox.css
Normal file
@ -0,0 +1,359 @@
|
||||
/*
|
||||
* FancyBox - jQuery Plugin
|
||||
* Simple and fancy lightbox alternative
|
||||
*
|
||||
* Examples and documentation at: http://fancybox.net
|
||||
*
|
||||
* Copyright (c) 2008 - 2010 Janis Skarnelis
|
||||
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
|
||||
*
|
||||
* Version: 1.3.4 (11/11/2010)
|
||||
* Requires: jQuery v1.3+
|
||||
*
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.gnu.org/licenses/gpl.html
|
||||
*/
|
||||
|
||||
#fancybox-loading {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-top: -20px;
|
||||
margin-left: -20px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
z-index: 1104;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 40px;
|
||||
height: 480px;
|
||||
background-image: url('../img/fancybox/fancybox.png');
|
||||
}
|
||||
|
||||
#fancybox-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 1100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-tmp {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
overflow: auto;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 20px;
|
||||
z-index: 1101;
|
||||
outline: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-outer {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#fancybox-content {
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
outline: none;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 1102;
|
||||
border: 0px solid #fff;
|
||||
}
|
||||
|
||||
#fancybox-hide-sel-frame {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: transparent;
|
||||
z-index: 1101;
|
||||
}
|
||||
|
||||
#fancybox-close {
|
||||
position: absolute;
|
||||
top: -15px;
|
||||
right: -15px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: transparent url('../img/fancybox/fancybox.png') -40px 0px;
|
||||
cursor: pointer;
|
||||
z-index: 1103;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-error {
|
||||
color: #444;
|
||||
font: normal 12px/20px Arial;
|
||||
padding: 14px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#fancybox-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
line-height: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#fancybox-frame {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#fancybox-left, #fancybox-right {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 100%;
|
||||
width: 35%;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
background: transparent url('blank.gif');
|
||||
z-index: 1102;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fancybox-left {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
#fancybox-right {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
#fancybox-left-ico, #fancybox-right-ico {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -9999px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-top: -15px;
|
||||
cursor: pointer;
|
||||
z-index: 1102;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#fancybox-left-ico {
|
||||
background-image: url('../img/fancybox/fancybox.png');
|
||||
background-position: -40px -30px;
|
||||
}
|
||||
|
||||
#fancybox-right-ico {
|
||||
background-image: url('../img/fancybox/fancybox.png');
|
||||
background-position: -40px -60px;
|
||||
}
|
||||
|
||||
#fancybox-left:hover, #fancybox-right:hover {
|
||||
visibility: visible; /* IE6 */
|
||||
}
|
||||
|
||||
#fancybox-left:hover span {
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
#fancybox-right:hover span {
|
||||
left: auto;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.fancybox-bg {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
#fancybox-bg-n {
|
||||
top: -20px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-image: url('../img/fancybox/fancybox-x.png');
|
||||
}
|
||||
|
||||
#fancybox-bg-ne {
|
||||
top: -20px;
|
||||
right: -20px;
|
||||
background-image: url('../img/fancybox/fancybox.png');
|
||||
background-position: -40px -162px;
|
||||
}
|
||||
|
||||
#fancybox-bg-e {
|
||||
top: 0;
|
||||
right: -20px;
|
||||
height: 100%;
|
||||
background-image: url('../img/fancybox/fancybox-y.png');
|
||||
background-position: -20px 0px;
|
||||
}
|
||||
|
||||
#fancybox-bg-se {
|
||||
bottom: -20px;
|
||||
right: -20px;
|
||||
background-image: url('../img/fancybox/fancybox.png');
|
||||
background-position: -40px -182px;
|
||||
}
|
||||
|
||||
#fancybox-bg-s {
|
||||
bottom: -20px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-image: url('../img/fancybox/fancybox-x.png');
|
||||
background-position: 0px -20px;
|
||||
}
|
||||
|
||||
#fancybox-bg-sw {
|
||||
bottom: -20px;
|
||||
left: -20px;
|
||||
background-image: url('../img/fancybox/fancybox.png');
|
||||
background-position: -40px -142px;
|
||||
}
|
||||
|
||||
#fancybox-bg-w {
|
||||
top: 0;
|
||||
left: -20px;
|
||||
height: 100%;
|
||||
background-image: url('../img/fancybox/fancybox-y.png');
|
||||
}
|
||||
|
||||
#fancybox-bg-nw {
|
||||
top: -20px;
|
||||
left: -20px;
|
||||
background-image: url('../img/fancybox/fancybox.png');
|
||||
background-position: -40px -122px;
|
||||
}
|
||||
|
||||
#fancybox-title {
|
||||
font-family: Helvetica;
|
||||
font-size: 12px;
|
||||
z-index: 1102;
|
||||
}
|
||||
|
||||
.fancybox-title-inside {
|
||||
padding-bottom: 10px;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fancybox-title-outside {
|
||||
padding-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-title-over {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #FFF;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#fancybox-title-over {
|
||||
padding: 10px;
|
||||
background-image: url('fancy_title_over.png');
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fancybox-title-float {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -20px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
#fancybox-title-float-wrap {
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#fancybox-title-float-wrap td {
|
||||
border: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#fancybox-title-float-left {
|
||||
padding: 0 0 0 15px;
|
||||
background: url('../img/fancybox/fancybox.png') -40px -90px no-repeat;
|
||||
}
|
||||
|
||||
#fancybox-title-float-main {
|
||||
color: #FFF;
|
||||
line-height: 29px;
|
||||
font-weight: bold;
|
||||
padding: 0 0 3px 0;
|
||||
background: url('../img/fancybox/fancybox-x.png') 0px -40px;
|
||||
}
|
||||
|
||||
#fancybox-title-float-right {
|
||||
padding: 0 0 0 15px;
|
||||
background: url('../img/fancybox/fancybox.png') -55px -90px no-repeat;
|
||||
}
|
||||
|
||||
/* IE6 */
|
||||
|
||||
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_close.png', sizingMethod='scale'); }
|
||||
|
||||
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
|
||||
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
|
||||
|
||||
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
|
||||
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_left.png', sizingMethod='scale'); }
|
||||
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_main.png', sizingMethod='scale'); }
|
||||
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_right.png', sizingMethod='scale'); }
|
||||
|
||||
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
|
||||
height: expression(this.parentNode.clientHeight + "px");
|
||||
}
|
||||
|
||||
#fancybox-loading.fancybox-ie6 {
|
||||
position: absolute; margin-top: 0;
|
||||
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
|
||||
}
|
||||
|
||||
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_loading.png', sizingMethod='scale'); }
|
||||
|
||||
/* IE6, IE7, IE8 */
|
||||
|
||||
.fancybox-ie .fancybox-bg { background: transparent !important; }
|
||||
|
||||
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
|
||||
120
public/assets/mall/css/jScrollPane.css
Normal file
120
public/assets/mall/css/jScrollPane.css
Normal file
@ -0,0 +1,120 @@
|
||||
/*
|
||||
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||||
*
|
||||
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||||
* may not operate correctly without them.
|
||||
*/
|
||||
|
||||
.jspContainer
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane
|
||||
{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jspVerticalBar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 16px;
|
||||
height: 100%;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspHorizontalBar
|
||||
{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspVerticalBar *,
|
||||
.jspHorizontalBar *
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jspCap
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack
|
||||
{
|
||||
background: #dde;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
background: #bbd;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspArrow
|
||||
{
|
||||
background: #50506d;
|
||||
text-indent: -20000px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspArrow.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background: #80808d;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
width: 16px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner
|
||||
{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner
|
||||
{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
26
public/assets/mall/css/options.css
Normal file
26
public/assets/mall/css/options.css
Normal file
@ -0,0 +1,26 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
/* CSS for the options bar */
|
||||
#optionsSlider { position:absolute; top:392px; left:0px; width:740px; height:140px; background-color:#ccc; background:url(../img/optionsSlider.png) repeat-x transparent; z-index:200;}
|
||||
#optionsSlider .optionsPick { width:470px; height:85px; margin:25px auto; text-align:center; }
|
||||
#optionsSlider .formular { width:360px; float:left; }
|
||||
#optionsSlider .pickColoumn { width:170px; height:85px; display:block; float:left; text-align:center; font-size:14px; font-weight:bold; }
|
||||
#optionsSlider .serverlist { width:170px; }
|
||||
#optionsSlider .characterlist { width: 170px; }
|
||||
#optionsSlider .saveOptionsButton { width:350px; float:left; }
|
||||
#optionsSlider .clear { clear:both; }
|
||||
|
||||
#optionsBar { position:absolute; top:532px; left:0px; width:740px; display:block; height:18px; color:#fff; font-size:11px; font-family:Arial,sans-serif; font-weight:bold; outline:none; cursor: pointer; }
|
||||
.optionsBarNorm { background:url(../img/optionsBarNorm.png) no-repeat; }
|
||||
.optionsBarOv { background:url(../img/optionsBarOv.png) no-repeat; }
|
||||
#optionsBar .options { position:absolute; top:3px; left:50px; width:115px; height:15px; text-decoration:underline; }
|
||||
#optionsBar .server { position:absolute; top:3px; left:185px; width:155px; height:15px; }
|
||||
#optionsBar .character { position:absolute; top:3px; left:360px; width:330px; height:15px; }
|
||||
|
||||
#optionsRenew { position:absolute; top:532px; left:0px; width:740px; display:block; height:18px; }
|
||||
|
||||
.optionsDivider { float:left; width:10px; height:10px; }
|
||||
|
||||
#optionsAdvice { float:left; width:108px; height:105px; background:url(../img/optionsAdvice.png) no-repeat; border:#cc0000 1px dashed; color:#cc0000; display:block; font-size:12px; }
|
||||
#optionsAdvice .optionsAdviceText { font-size:14px; font-weight:bold; }
|
||||
#optionsSubmit { background: url(../img/optionsSubmit.png) no-repeat; border: none; width: 349px; height: 22px; padding-bottom: 5px; color: #fff; cursor: pointer; }
|
||||
413
public/assets/mall/css/pending.css
Normal file
413
public/assets/mall/css/pending.css
Normal file
@ -0,0 +1,413 @@
|
||||
.pendingItemsContent {
|
||||
float: left;
|
||||
width: 390px;
|
||||
height: 372px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.pendingItems {
|
||||
position:relative;
|
||||
background:url(../img/pendingItems.jpg) no-repeat;
|
||||
width:572px;
|
||||
height:430px;
|
||||
display:block;
|
||||
padding-left:3px;
|
||||
padding-top:7px;
|
||||
}
|
||||
|
||||
.pendingItemsFlavorImg {
|
||||
clear:both;
|
||||
display:block;
|
||||
position:absolute;
|
||||
left:414px;
|
||||
top:13px;
|
||||
width: 135px;
|
||||
height:300px;
|
||||
padding:10px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
||||
#wideMainContent .pendingItems h1 {
|
||||
float:left;
|
||||
display:block;
|
||||
background:url(../img/pendingItems-h1.png) no-repeat transparent;
|
||||
width:385px;
|
||||
height:24px;
|
||||
color:#fff;
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
margin-top:14px;
|
||||
margin-bottom:4px;
|
||||
margin-left:5px;
|
||||
padding-left:8px;
|
||||
line-height:23px;
|
||||
}
|
||||
|
||||
|
||||
.deliverItemBtn, deliverItemBtn:hover {
|
||||
display: block;
|
||||
background:url(../img/deliverItemBtn.png) no-repeat transparent;
|
||||
cursor: pointer;
|
||||
width: 100px;
|
||||
height: 25px;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
line-height: 23px;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
font-family: Arial,sans-serif;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.deliverItemBtn:hover {
|
||||
background:url(../img/deliverItemBtn-hover.png) no-repeat transparent;
|
||||
}
|
||||
|
||||
.deliverItemBtn:disabled{
|
||||
background:url(../img/deliverItemBtn-disabled.png) no-repeat transparent;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.pendingItem h4 {
|
||||
position:absolute;
|
||||
top:8px;
|
||||
left:80px;
|
||||
display:block;
|
||||
width:280px;
|
||||
height:25px;
|
||||
border:0 none;
|
||||
color:#7B1300;
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
line-height:16px;
|
||||
letter-spacing:-0.05em;
|
||||
}
|
||||
|
||||
.pendingItem div, .pendingItem p {
|
||||
width:96px;
|
||||
}
|
||||
|
||||
.pendingItem div a.buy, .pendingItem div a.detail {
|
||||
margin:0 2px;
|
||||
}
|
||||
|
||||
.pendingItem{
|
||||
float:left;
|
||||
position:relative;
|
||||
display:block;
|
||||
background:url(../img/pendingItem.png) no-repeat transparent;
|
||||
margin-top:3px;
|
||||
margin-left:5px;
|
||||
width:390px;
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.pendingItem h4{
|
||||
position:absolute;
|
||||
top:8px;
|
||||
left:80px;
|
||||
display:block;
|
||||
width:280px;
|
||||
height:14px;
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
color:#7B1300;
|
||||
border:0 none;
|
||||
line-height:16px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.pendingItem .pendingItemImg img{
|
||||
background: #f8f1de;
|
||||
position:absolute;
|
||||
top:11px;
|
||||
left:10px;
|
||||
border: 0 none;
|
||||
display:block;
|
||||
width:63px;
|
||||
height:63px;
|
||||
}
|
||||
|
||||
p.pendingItemDesc {
|
||||
position:absolute;
|
||||
top:28px;
|
||||
left:80px;
|
||||
display:block;
|
||||
width:180px;
|
||||
height: 46px;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
.pendingItem .pendingItemBtns {
|
||||
position:absolute;
|
||||
bottom:10px;
|
||||
right:30px;
|
||||
width:100px;
|
||||
}
|
||||
|
||||
.a .deliverItemBtn{
|
||||
background: url("../img/deliverItemBtn.png") no-repeat scroll 0 0 transparent;
|
||||
}
|
||||
|
||||
.pendingItem p.pendingItemDesc {
|
||||
clear:none;
|
||||
float:left;
|
||||
width:178px;
|
||||
text-align:left;
|
||||
overflow:auto;
|
||||
font-size: 10px;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.pendingItemBtns .pendingItemsAmount{
|
||||
width:35px;
|
||||
margin-bottom:5px;
|
||||
text-align:center;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.pendingItemsServerRequired{
|
||||
background: #fbe1d9;
|
||||
border: 1px solid #cab596;
|
||||
color: #921300;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
line-height: 16px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
padding-top: 9px;
|
||||
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
|
||||
.pendingItemsDistributedInfo{
|
||||
background: #d9fbd9;
|
||||
border: 1px solid #cab596;
|
||||
color: #0e863e;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
line-height: 16px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
padding-top: 9px;
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
|
||||
.pending-overviewButtonArea{
|
||||
clear: both;
|
||||
float: right;
|
||||
margin-top: -20px;
|
||||
margin-right: 35px;
|
||||
}
|
||||
|
||||
a.pending-gotoOverview, a.pending-gotoOverview:hover {
|
||||
background:url(../img/pending-gotoOverview.png) no-repeat left 1px;
|
||||
display:block;
|
||||
height:30px;
|
||||
line-height: 7px;
|
||||
padding:10px 10px 10px 20px;
|
||||
font-weight:bold;
|
||||
vertical-align: middle;
|
||||
color:#730709;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a.pendingItemsFAQ
|
||||
{
|
||||
background:url(../img/info.png) no-repeat;
|
||||
float: right;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-right: -2px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.pendingItemsHelp {
|
||||
width:500px;
|
||||
}
|
||||
|
||||
.pendingItemsHelp h2 {
|
||||
margin:7px 0 5px;
|
||||
}
|
||||
|
||||
.pendingItemsHelp h2 a {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.pendingItemsHelp li
|
||||
{
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
.pendingItemsHelp .back
|
||||
{
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#toResellingItems {
|
||||
position:absolute;
|
||||
top:328px;
|
||||
right:8px;
|
||||
width:97px;
|
||||
height:47px;
|
||||
padding:22px 57px 11px 4px;
|
||||
background:url(../img/toResellingItems.png) no-repeat;
|
||||
color:white;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#toResellingItems:hover {
|
||||
background-image:url(../img/toResellingItems-hover.png);
|
||||
}
|
||||
|
||||
.saleableItems {
|
||||
background-image:url(../img/saleableItems.jpg);
|
||||
}
|
||||
|
||||
.saleableItems .pendingItemsContent {
|
||||
height:296px;
|
||||
margin-bottom:12px;
|
||||
}
|
||||
|
||||
.pendingItemsContent p.msg {
|
||||
background-color:#7b1300;
|
||||
border-radius:12px;
|
||||
color:white;
|
||||
margin:10px auto;
|
||||
padding:10px;
|
||||
text-align:center;
|
||||
width:300px;
|
||||
}
|
||||
|
||||
.saleableItems .pendingItemBtns {
|
||||
width:280px;
|
||||
height:48px;
|
||||
}
|
||||
|
||||
.saleableItems .itemValue {
|
||||
clear:left;
|
||||
display:block;
|
||||
float:left;
|
||||
margin:7px 0 0 28px;
|
||||
}
|
||||
|
||||
.saleableItems .itemValue img {
|
||||
width:12px;
|
||||
height:12px;
|
||||
}
|
||||
|
||||
.saleableItems .pendingItemBtns p {
|
||||
width:auto;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
.saleableItems .pendingItemBtns p .pendingItemsAmount {
|
||||
float:left;
|
||||
text-align:center;
|
||||
margin-bottom:0;
|
||||
margin-right:5px;
|
||||
font-size:12px;
|
||||
width:50px;
|
||||
}
|
||||
|
||||
.saleableItems .pendingItemBtns p .times, .saleableItems .pendingItemBtns p .unit, .saleableItems .pendingItemBtns p .equals, .saleableItems .pendingItemBtns p .total {
|
||||
display:inline-block;
|
||||
float:left;
|
||||
margin:0 2px;
|
||||
}
|
||||
|
||||
.saleableItems .deliverItemBtn {
|
||||
margin:8px 10px 0 auto;
|
||||
}
|
||||
|
||||
.resellingOptions {
|
||||
clear:left;
|
||||
overflow:auto;
|
||||
height:64px;
|
||||
padding:2px 4px 4px 5px;
|
||||
}
|
||||
|
||||
.resellingOptions a, .resellingOptions img {
|
||||
display:block;
|
||||
float:left;
|
||||
color:white;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
width:189px;
|
||||
}
|
||||
|
||||
.resellingOptions a {
|
||||
height:40px;
|
||||
}
|
||||
|
||||
.resellingOptions .reroll {
|
||||
margin:8px 7px 0 0;
|
||||
}
|
||||
|
||||
.resellingOptions a.reroll {
|
||||
background:url(../img/resellingOprions-reroll.png) no-repeat;
|
||||
padding:8px 63px 4px 4px;
|
||||
width:122px;
|
||||
}
|
||||
|
||||
.resellingOptions a.reroll:hover {
|
||||
background-image:url(../img/resellingOptions-reroll-hover.png);
|
||||
}
|
||||
|
||||
.resellingOptions .sellall {
|
||||
margin:0 8px 0 0;
|
||||
}
|
||||
|
||||
.resellingOptions a.sellall {
|
||||
background:url(../img/resellingOptions-sellall.png) no-repeat;
|
||||
padding:16px 49px 4px 4px;
|
||||
width:136px;
|
||||
}
|
||||
|
||||
.resellingOptions a.sellall:hover {
|
||||
background-image:url(../img/resellingOptions-sellall-hover.png);
|
||||
}
|
||||
|
||||
.resellingOptions .countdown_reselling {
|
||||
margin-top:2px;
|
||||
padding-right:10px;
|
||||
text-align:center;
|
||||
float: left;
|
||||
margin-left: 19px;
|
||||
}
|
||||
|
||||
.countdown h5 {
|
||||
margin-bottom:3px;
|
||||
}
|
||||
|
||||
.saleableItems .pending-gotoOverview, .saleableItems .pending-gotoOverview:hover {
|
||||
bottom:6px;
|
||||
height:20px;
|
||||
padding-bottom:0;
|
||||
padding-right:0;
|
||||
position:absolute;
|
||||
right:45px;
|
||||
}
|
||||
|
||||
.toOtherItems {
|
||||
position:absolute;
|
||||
top:2px;
|
||||
right:32px;
|
||||
text-decoration:none;
|
||||
color:#730709;
|
||||
}
|
||||
|
||||
.toOtherItems:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
122
public/assets/mall/css/promoted.css
Normal file
122
public/assets/mall/css/promoted.css
Normal file
@ -0,0 +1,122 @@
|
||||
h3.promotedItems {
|
||||
color:#7B1300;
|
||||
font-size:12px;
|
||||
line-height:14px;
|
||||
clear:left;
|
||||
font-size:15px;
|
||||
padding:6px 6px 4px;
|
||||
}
|
||||
|
||||
.promotedItem {
|
||||
background:url(../img/promotedItems.gif) no-repeat;
|
||||
color:#333;
|
||||
height:125px;
|
||||
float:left;
|
||||
margin:0 5px 5px;
|
||||
padding:0 4px 4px;
|
||||
width:244px;
|
||||
text-align:center;
|
||||
font-size:10px;
|
||||
}
|
||||
|
||||
.promotedItem h4 {
|
||||
border-bottom:1px solid #EEBE67;
|
||||
color:#7B1300;
|
||||
display:block;
|
||||
font-size:12px;
|
||||
height:24px;
|
||||
line-height:30px;
|
||||
margin-bottom:5px;
|
||||
padding-left:5px;
|
||||
text-align:left;
|
||||
vertical-align:middle;
|
||||
width:238px;
|
||||
}
|
||||
|
||||
.promotedItem p {
|
||||
padding:4px 0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.promotedItem div, .promotedItem p {
|
||||
width:104px;
|
||||
margin:0 auto;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
.promotedItem .discountOldPricePromoted {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.promotedItem div.promotedItemImg {
|
||||
float:left;
|
||||
margin-right:10px;
|
||||
width:70px;
|
||||
}
|
||||
|
||||
.promotedItem div.promotedItemBtns {
|
||||
float:left;
|
||||
width:160px;
|
||||
}
|
||||
|
||||
.promotedItemBtns p {
|
||||
text-align:center;
|
||||
width:100px;
|
||||
margin-top:0;
|
||||
float:right;
|
||||
}
|
||||
|
||||
.promotedItemBtns div {
|
||||
float:right;
|
||||
}
|
||||
|
||||
.promotedItem div img, .promotedItem div a.buy, .promotedItem div a.detail {
|
||||
display:inline;
|
||||
width:94px;
|
||||
height:20px;
|
||||
margin:0 2px;
|
||||
float:left;
|
||||
padding:5px 0 0;
|
||||
border:none;
|
||||
color:white;
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.promotedItem .promotedItemImg img {
|
||||
border:0 none;
|
||||
height:50px;
|
||||
width:50px;
|
||||
margin-left:4px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.promotedItem a.detail {
|
||||
background-image:url(../img/promotedItem-detail.png);
|
||||
}
|
||||
|
||||
.promotedItem a.detail:hover {
|
||||
background-image:url(../img/promotedItem-detail-hover.png);
|
||||
}
|
||||
|
||||
.promotedItem a.buy {
|
||||
background-image:url(../img/promotedItem-buy.png);
|
||||
}
|
||||
|
||||
.promotedItem span.price {
|
||||
color:#84080b;
|
||||
font-weight:bold;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.promotedItem p.promotedItemDescr {
|
||||
display: block;
|
||||
clear: both;
|
||||
margin-left: 5px;
|
||||
width: 240px;
|
||||
text-align: left;
|
||||
height: 46px;
|
||||
overflow-y:scroll;
|
||||
}
|
||||
142
public/assets/mall/css/purchase.css
Normal file
142
public/assets/mall/css/purchase.css
Normal file
@ -0,0 +1,142 @@
|
||||
#mainContent h1 span
|
||||
{
|
||||
float: right;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#mainContent .purchaseHeadline h1
|
||||
{
|
||||
background:url(../img/purchaseHeadline.png) no-repeat transparent;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.purchase-dyn-content
|
||||
{
|
||||
float: left;
|
||||
width: 520px;
|
||||
overflow-y: auto;
|
||||
padding-left: 10px;
|
||||
background:transparent url(../img/dynContentSmall.png) repeat-y;
|
||||
}
|
||||
|
||||
.purchasesContent
|
||||
{
|
||||
width: 555px;
|
||||
height: 345px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
.purchase-endContent {
|
||||
width: 547px;
|
||||
height: 13px;
|
||||
line-height: 13px;
|
||||
overflow: hidden;
|
||||
background:transparent url(../img/endContentSmall.png) no-repeat;
|
||||
margin-top: 26px;
|
||||
margin-bottom: -15px;
|
||||
}
|
||||
|
||||
.purchase-table-header{
|
||||
line-height: 26px;
|
||||
color: #6C0404;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.purchase-table
|
||||
{
|
||||
width: 521px;
|
||||
margin-left: -8px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.purchase-header-col
|
||||
{
|
||||
padding-left: 5px;
|
||||
background-color: #e7d4aa;
|
||||
}
|
||||
|
||||
.show-purchase-button-close, .show-purchase-button-open
|
||||
{
|
||||
background:url(../img/groupItemClosed.png) no-repeat transparent;
|
||||
height: 26px;
|
||||
width: 525px;
|
||||
float: left;
|
||||
margin-left: -6px;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
padding-left: 25px;
|
||||
line-height: 29px;
|
||||
}
|
||||
|
||||
.show-purchase-button-open
|
||||
{
|
||||
background:url(../img/groupItemOpened.png) no-repeat transparent;
|
||||
}
|
||||
|
||||
|
||||
.purchase-item{
|
||||
float: left;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.purchase-date-header-img
|
||||
{
|
||||
float: left;
|
||||
padding-top: 6px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.purchase-date-header
|
||||
{
|
||||
float: left;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
.purchase-article-name
|
||||
{
|
||||
font-weight: bold;
|
||||
color: #6C0404;
|
||||
}
|
||||
|
||||
.show-purchase-button
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.item-img{
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.row-empty{
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.row{
|
||||
line-height: 15px;
|
||||
background-color: #white;
|
||||
}
|
||||
.img-col{
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
padding-left: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.col{
|
||||
padding-left: 5px;
|
||||
margin-top: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.buy-col{
|
||||
width: 129px;
|
||||
}
|
||||
75
public/assets/mall/css/start.css
Normal file
75
public/assets/mall/css/start.css
Normal file
@ -0,0 +1,75 @@
|
||||
body {
|
||||
font-family:Arial, sans-serif;
|
||||
color:black;
|
||||
background:white;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
/* Firstpayer Bonus Feature */
|
||||
/* Start Startpage */
|
||||
#bonusStartpage {background:url(../img/bonusStartpage.jpg) no-repeat #fff4e0; position:relative; top:0px; left:0px; width:546px; height:377px;}
|
||||
#bonusStartpage #headline {position:absolute; left:185px; top:16px; width:340px; height:20px; font-size:18px; font-weight:bold; text-align:center; color:#fff7e8;}
|
||||
#bonusStartpage #teaserText {position:absolute; left:257px; top:52px; width:270px; height:46px; text-align:left; font-size:12px; font-weight:bold; color:#84080b;}
|
||||
#bonusStartpage #bonusItems {position:absolute; left:257px; top:102px; width:268px; height:60px; }
|
||||
|
||||
#bonusStartpage #bonusItems #item1Pic {position:absolute; left:0px; top:0px; width:55px; height:55px;}
|
||||
#bonusStartpage #bonusItems #item1Name {position:absolute; left:55px; top:0px; width:65px; height:55px; font-size:11px; font-weight:normal;}
|
||||
#bonusStartpage #bonusItems #item2Pic {position:absolute; left:138px; top:0px; width:55px; height:55px;}
|
||||
#bonusStartpage #bonusItems #item2Name {position:absolute; left:195px; top:0px; width:60px; height:55px; font-size:11px; font-weight:normal;}
|
||||
#bonusStartpage #bonusItems .plus {position:absolute; left: 120px; top:15px; width:16px; height:16px; background-image:url(../img/bonusItemsPlus.png);}
|
||||
#bonusStartpage #bonusItems .info {position:absolute; right:0px; bottom:0px; width:21px; height:21px; background-image:url(../img/bonusItemsInfo.png); cursor:pointer;}
|
||||
|
||||
#bonusStartpage #buyingSuggestions {position:absolute; top:181px; left:180px; width:360px; height:20px; color:#84080b; font-size:16px; font-weight:bold;}
|
||||
#bonusStartpage #itemUpperLeft {position:absolute; top:201px; left:175px; width:178px; height:86px; background-image:url(../img/bonusItemFrame.png);}
|
||||
#bonusStartpage #itemUpperRight {position:absolute; top:201px; left:357px; width:178px; height:86px; background-image:url(../img/bonusItemFrame.png);}
|
||||
#bonusStartpage #itemLowerLeft {position:absolute; top:291px; left:175px; width:178px; height:86px; background-image:url(../img/bonusItemFrame.png);}
|
||||
|
||||
#bonusStartpage .itemPic {position:absolute; top:10px; left:10px;}
|
||||
#bonusStartpage .itemName {position:absolute; top:9px; left:82px; width:91px; height:28px; font-size:11px; font-weight:normal;letter-spacing:-0.02em;}
|
||||
#bonusStartpage .itemNumber {position:absolute; top: 38px; left:82px; width:91px; height:12px; font-size:11px; font-weight:normal; letter-spacing:-0.05em;}
|
||||
#bonusStartpage .bonusItemPrice {color:#84080b; font-weight:bold;}
|
||||
#bonusStartpage a.itemDetail {position:absolute; top:51px; left:82px; width:44px; height:25px; background-image:url(../img/itemDetail.png); cursor:pointer;}
|
||||
#bonusStartpage a.itemBuy {position:absolute; top:51px; left:129px; width:44px; height:25px; background-image:url(../img/itemBuy.png); cursor:pointer;}
|
||||
|
||||
#bonusStartpage a.noDragonCoins {position:absolute; top:291px; left:357px; width:178px; height:86px; background-image:url(../img/noDragonCoins.png); font-size:12px; color:#ffffff; text-decoration:none;}
|
||||
#bonusStartpage .noDragonCoinsText {position:absolute; top:20px; left:10px; width:110px; height:60px;}
|
||||
/* End Startpage */
|
||||
|
||||
/* Start ListView */
|
||||
#bonusListView {position:relative; top:0px; left:-10px; width:540px; height:87px; background:url(../img/bonusListView.jpg) no-repeat;}
|
||||
#bonusListView #headline {position:absolute; left:55px; top:18px; width:340px; height:20px; font-size:16px; font-weight:bold; text-align:left; color:#84080b;}
|
||||
#bonusListView #teaserText {position:absolute; left:55px; top:37px; width:220px; height:46px; text-align:left; font-size:11px; font-weight:normal; color:#333333; line-height:12px;}
|
||||
#bonusListView #bonusItems {position:absolute; left:275px; top:18px; width:258px; height:60px; }
|
||||
|
||||
#bonusListView #bonusItems #item1Pic {position:absolute; left:0px; top:0px; width:55px; height:55px;}
|
||||
#bonusListView #bonusItems #item1Name {position:absolute; left:55px; top:0px; width:65px; height:55px; font-size:11px; font-weight:normal; letter-spacing:-0.04em;}
|
||||
#bonusListView #bonusItems #item2Pic {position:absolute; left:135px; top:0px; width:55px; height:55px;}
|
||||
#bonusListView #bonusItems #item2Name {position:absolute; left:190px; top:0px; width:60px; height:55px; font-size:11px; font-weight:normal; letter-spacing:-0.04em;}
|
||||
#bonusListView #bonusItems .plus {position:absolute; left: 118px; top:15px; width:16px; height:16px; background-image:url(../img/bonusItemsPlus.png);}
|
||||
#bonusListView #bonusItems .info {position:absolute; right:0px; bottom:0px; width:21px; height:21px; background-image:url(../img/bonusItemsInfo.png); cursor:pointer;}
|
||||
/* End ListView */
|
||||
|
||||
/* Start DetailView */
|
||||
#bonusDetailView {position:relative; top:0px; left:0px; width: 152px; height:211px; background:url(../img/bonusDetailView.png) no-repeat;}
|
||||
#bonusDetailView #headline {position:absolute; left:60px; top:4px; width:85px; height:52px; font-size:16px; font-weight:bold; line-height:17px; text-align:left; color:#84080b;}
|
||||
#bonusDetailView #teaserText {position:absolute; left:14px; top:60px; width:125px; height:50px; font-size:11px; font-weight:normal; line-height: 12px; text-align:left; color:#333333;}
|
||||
#bonusDetailView #bonusItems {position:absolute; left:14px; top:110px; width:132px; height:95px; }
|
||||
|
||||
#bonusDetailView #bonusItems #item1Pic {position:absolute; left:0px; top:0px; width:55px; height:55px;}
|
||||
#bonusDetailView #bonusItems #item2Pic {position:absolute; left:75px; top:0px; width:55px; height:55px;}
|
||||
#bonusDetailView #bonusItems #item12Name {position:absolute; left:0px; top:57px; width:135px; height:43px; font-size:11px; font-weight:bold; line-height:12px; text-align:left; color:#333333;}
|
||||
#bonusDetailView #bonusItems .plus {position:absolute; left: 53px; top:15px; width:16px; height:16px; background-image:url(../img/bonusItemsPlus.png);}
|
||||
#bonusDetailView #bonusItems .info {position:absolute; right:0px; bottom:0px; width:21px; height:21px; background-image:url(../img/bonusItemsInfo.png); cursor:pointer;}
|
||||
/* End DetailView */
|
||||
|
||||
/* Start ItemBought */
|
||||
#bonusItemBought {position:relative; top:7px; left:0px; width:521px; height:89px; background:url(../img/bonusItemBought.png) no-repeat;}
|
||||
#bonusItemBought #headline {position:absolute; left:95px; top:6px; width:210px; height:20px; font-size:16px; font-weight:bold; text-align:left; color:#579409;}
|
||||
#bonusItemBought #teaserText {position:absolute; left:95px; top:28px; width:210px; height:46px; text-align:left; font-size:11px; font-weight:normal; color:#333333;}
|
||||
#bonusItemBought #bonusItems {position:absolute; left:340px; top:4px; width:150px; height:60px; }
|
||||
|
||||
#bonusItemBought #bonusItems #item1Pic {position:absolute; left:0px; top:0px; width:55px; height:55px;}
|
||||
#bonusItemBought #bonusItems #item2Pic {position:absolute; left:75px; top:0px; width:55px; height:55px;}
|
||||
#bonusItemBought #bonusItems #item12Name {position:absolute; left:0px; top:53px; width:135px; height:43px; font-size:11px; font-weight:bold; line-height:12px; text-align:center; color:#333333;}
|
||||
#bonusItemBought #bonusItems .plus {position:absolute; left: 53px; top:15px; width:16px; height:16px; background-image:url(../img/bonusItemsPlus.png);}
|
||||
/* End ItemBought */
|
||||
1465
public/assets/mall/css/style.css
Normal file
1465
public/assets/mall/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
119
public/assets/mall/css/tiptip.css
Normal file
119
public/assets/mall/css/tiptip.css
Normal file
@ -0,0 +1,119 @@
|
||||
/* TipTip CSS - Version 1.2 */
|
||||
|
||||
#tiptip_holder {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_top {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_bottom {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_right {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_left {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#tiptip_content {
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
text-shadow: 0 0 2px #000;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid rgba(255,255,255,0.25);
|
||||
background-color: rgb(25,25,25);
|
||||
background-color: rgba(25,25,25,0.92);
|
||||
background-color: #191919;
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
|
||||
border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
box-shadow: 0 0 3px #555;
|
||||
-webkit-box-shadow: 0 0 3px #555;
|
||||
-moz-box-shadow: 0 0 3px #555;
|
||||
}
|
||||
|
||||
#tiptip_arrow, #tiptip_arrow_inner {
|
||||
position: absolute;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
border-width: 6px;
|
||||
height: 0;
|
||||
font-size: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_top #tiptip_arrow {
|
||||
border-top-color: #fff;
|
||||
border-top-color: rgba(255,255,255,0.35);
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_bottom #tiptip_arrow {
|
||||
border-bottom-color: #fff;
|
||||
border-bottom-color: rgba(255,255,255,0.35);
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_right #tiptip_arrow {
|
||||
border-right-color: #fff;
|
||||
border-right-color: rgba(255,255,255,0.35);
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_left #tiptip_arrow {
|
||||
border-left-color: #fff;
|
||||
border-left-color: rgba(255,255,255,0.35);
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_top #tiptip_arrow_inner {
|
||||
margin-top: -7px;
|
||||
margin-left: -6px;
|
||||
border-top-color: rgb(25,25,25);
|
||||
border-top-color: rgba(25,25,25,0.92);
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
|
||||
margin-top: -5px;
|
||||
margin-left: -6px;
|
||||
border-bottom-color: rgb(25,25,25);
|
||||
border-bottom-color: rgba(25,25,25,0.92);
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_right #tiptip_arrow_inner {
|
||||
margin-top: -6px;
|
||||
margin-left: -5px;
|
||||
border-right-color: rgb(25,25,25);
|
||||
border-right-color: rgba(25,25,25,0.92);
|
||||
}
|
||||
|
||||
#tiptip_holder.tip_left #tiptip_arrow_inner {
|
||||
margin-top: -6px;
|
||||
margin-left: -7px;
|
||||
border-left-color: rgb(25,25,25);
|
||||
border-left-color: rgba(25,25,25,0.92);
|
||||
}
|
||||
|
||||
#tiptip_holder a {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* Webkit Hacks */
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
#tiptip_content {
|
||||
padding: 4px 8px 5px 8px;
|
||||
background-color: rgba(45,45,45,0.88);
|
||||
}
|
||||
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
|
||||
border-bottom-color: rgba(45,45,45,0.88);
|
||||
}
|
||||
#tiptip_holder.tip_top #tiptip_arrow_inner {
|
||||
border-top-color: rgba(20,20,20,0.92);
|
||||
}
|
||||
}
|
||||
194
public/assets/mall/css/usermenu.css
Normal file
194
public/assets/mall/css/usermenu.css
Normal file
@ -0,0 +1,194 @@
|
||||
.userdataContainer{
|
||||
width: 522px;
|
||||
height: 90px;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
#mainContent .userdataHeadline h1{
|
||||
display: block;
|
||||
width: 524px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
font-size: 12px;
|
||||
color: #fef5e7;
|
||||
padding-left: 20px;
|
||||
overflow: hidden;
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.no-entries{
|
||||
margin-top: 15px;
|
||||
margin-left: 15px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
color: #5e0809;
|
||||
}
|
||||
|
||||
.userdataLine{
|
||||
float: left;
|
||||
display: inline;
|
||||
width:522px;
|
||||
height:78px;
|
||||
margin:20px 0 0 0px;
|
||||
}
|
||||
|
||||
.userdataLine img {
|
||||
display:inline;
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
.userdataLine p {
|
||||
float:left;
|
||||
width:437px;
|
||||
color:#222;
|
||||
font-weight:normal;
|
||||
font-size:12px;
|
||||
overflow:hidden;
|
||||
padding-left: 10px;
|
||||
overflow-y:auto;
|
||||
max-height:76px;
|
||||
}
|
||||
|
||||
.userdataLine .titleIcon {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
float: left;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.userdataLine .titleIcon img {
|
||||
width:75px;
|
||||
height:65px;
|
||||
}
|
||||
|
||||
.userdataLine .title {
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
color:#6c0404;
|
||||
padding-top:2px;
|
||||
padding-bottom:6px;
|
||||
border-bottom:1px solid #eebe67;
|
||||
}
|
||||
|
||||
.userdataLine .lineBottom
|
||||
{
|
||||
display: block;
|
||||
width: 400px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.userdataLine .userdataText{
|
||||
width: 400px;
|
||||
height: 70px;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
.userdataLine .description{
|
||||
width: 250px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#userdataButtonDiv
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
a.userdataButton {
|
||||
float: right;
|
||||
background:url(../img/userdataButton.png) no-repeat transparent;
|
||||
display: block;
|
||||
width: 125px;
|
||||
height: 15px;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
margin: 5px;
|
||||
padding:4px 5px 5px;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
a.userdataButtonDisabled {
|
||||
float: right;
|
||||
background:url(../img/userdataButtonDisabled.png) no-repeat transparent;
|
||||
display: block;
|
||||
width: 125px;
|
||||
height: 15px;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
margin: 5px;
|
||||
padding:4px 5px 5px;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
margin-top: 7px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
a.userdataButton:hover {
|
||||
background:url(../img/userdataButton-hover.png) no-repeat transparent;
|
||||
}
|
||||
|
||||
a.userdataButtonGreen {
|
||||
float: right;
|
||||
background:url(../img/userdataButtonGreen.png) no-repeat transparent;
|
||||
display: block;
|
||||
width: 125px;
|
||||
height: 15px;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
margin: 5px;
|
||||
padding:4px 5px 5px;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
a.userdataButtonGreen:hover {
|
||||
background:url(../img/userdataButtonGreen-hover.png) no-repeat transparent;
|
||||
}
|
||||
|
||||
.overviewButtonArea{
|
||||
float: right;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 4px;
|
||||
margin-right: 35px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
a.gotoOverview, a.gotoOverview:hover {
|
||||
background:url(../img/gotoOverview.png) no-repeat left 1px;
|
||||
display:block;
|
||||
height:30px;
|
||||
line-height: 7px;
|
||||
padding:10px 10px 10px 20px;
|
||||
font-weight:bold;
|
||||
vertical-align: middle;
|
||||
color:#730709;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.surroundingDynContent{
|
||||
width: 565px;
|
||||
overflow-y: auto;
|
||||
background:transparent url(../img/dynContent.png) repeat-y;
|
||||
}
|
||||
|
||||
.surroundingEndContent {
|
||||
width: 565px;
|
||||
height: 13px;
|
||||
line-height: 13px;
|
||||
overflow: hidden;
|
||||
background:transparent url(../img/endContent.png) no-repeat;
|
||||
}
|
||||
|
||||
.vipPriceArea{
|
||||
float: right;
|
||||
margin-left: 30px;
|
||||
}
|
||||
633
public/assets/mall/css/wheel.css
Normal file
633
public/assets/mall/css/wheel.css
Normal file
@ -0,0 +1,633 @@
|
||||
a.wheelIcon {
|
||||
background:url(../img/wheelIcon.png) no-repeat scroll 0 0 transparent;
|
||||
color:white;
|
||||
display:block;
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
height:40px;
|
||||
left:5px;
|
||||
padding:14px 55px 0 0;
|
||||
position:absolute;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
top:488px;
|
||||
width:95px;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#7B1300;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
#wideMainContent h1 {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.wheel, .wheelLanding {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.wheel {
|
||||
font-size:11px;
|
||||
width:570px;
|
||||
height:428px;
|
||||
background:url(../img/wheel.jpg) no-repeat 0 0;
|
||||
}
|
||||
|
||||
#wideMainContent .wheel h1, #wideMainContent .wheelLanding h1 {
|
||||
font-size:16px;
|
||||
display:block;
|
||||
}
|
||||
|
||||
#wideMainContent .wheel h1 {
|
||||
color:white;
|
||||
position:absolute;
|
||||
left:70px;
|
||||
top:18px;
|
||||
}
|
||||
|
||||
#wideMainContent .wheelLanding{
|
||||
position:relative;
|
||||
background:url(../img/wideMainContent.jpg) no-repeat;
|
||||
width:572px;
|
||||
height:430px;
|
||||
display:block;
|
||||
padding-left:3px;
|
||||
padding-top:7px;
|
||||
}
|
||||
|
||||
#wideMainContent .wheelLanding h1 {
|
||||
float:left;
|
||||
display:block;
|
||||
background:url(../img/wideMainContentHeader.png) no-repeat transparent;
|
||||
width:385px;
|
||||
height:24px;
|
||||
color:#fff;
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
margin-top:14px;
|
||||
margin-bottom:4px;
|
||||
margin-left:5px;
|
||||
padding-left:8px;
|
||||
line-height:23px;
|
||||
}
|
||||
|
||||
#info {
|
||||
position:absolute;
|
||||
top:43px;
|
||||
left:70px;
|
||||
font-size:12px;
|
||||
color:white;
|
||||
}
|
||||
|
||||
.info {
|
||||
background-image:url(../img/info.png);
|
||||
display:block;
|
||||
top:5px;
|
||||
cursor:pointer;
|
||||
height:21px;
|
||||
position:absolute;
|
||||
right:5px;
|
||||
width:21px;
|
||||
}
|
||||
#wheelLandingButton {
|
||||
clear:both;
|
||||
display:block;
|
||||
position:absolute;
|
||||
left:409px;
|
||||
top:13px;
|
||||
width: 138px;
|
||||
height:290px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#wheelLandingButton .goToWheel {
|
||||
color:#ffffff;
|
||||
font-size:12px;
|
||||
line-height:23px;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
display:block;
|
||||
width:135px;
|
||||
height:23px;
|
||||
margin-bottom:6px;
|
||||
}
|
||||
|
||||
#wheelLandingButton p {
|
||||
margin:10px auto;
|
||||
}
|
||||
|
||||
#wheelLandingButton noscript p {
|
||||
margin:-7px 0 -2px;
|
||||
font-size:10px;
|
||||
}
|
||||
|
||||
#wheelLandingButton h2 {
|
||||
margin:65px auto 10px;
|
||||
letter-spacing:-0.05em;
|
||||
}
|
||||
|
||||
#wheelLandingButton a {
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
a.goToWheel {
|
||||
background:url(../img/goToWheel.png) no-repeat transparent;
|
||||
}
|
||||
|
||||
a.goToWheel:hover {
|
||||
background:url(../img/goToWheel-hover.png) no-repeat transparent;
|
||||
}
|
||||
|
||||
.wheelLanding a.buyDR, .wheelLanding a.buyDR:hover {
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:330px;
|
||||
left:409px;
|
||||
width:138px;
|
||||
height:76px;
|
||||
padding:10px;
|
||||
color:#ffffff;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.wheelLanding a.buyDR {
|
||||
background:url(../img/buyDR.jpg) no-repeat;
|
||||
}
|
||||
|
||||
.wheelLanding a.buyDR:hover {
|
||||
background:url(../img/buyDRHover.png) no-repeat;
|
||||
}
|
||||
|
||||
.stageInfo {
|
||||
width:98px;
|
||||
height:100px;
|
||||
position: absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
.stageInfo h2 {
|
||||
font-size:11px;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.stageInfo p {
|
||||
margin:0 0 6px 0;
|
||||
}
|
||||
|
||||
.main {
|
||||
width:430px;
|
||||
height:362px;
|
||||
position: absolute;
|
||||
top:63px;
|
||||
left:134px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#locks div {
|
||||
width:42px;
|
||||
height:50px;
|
||||
text-align:center;
|
||||
line-height:20px;
|
||||
background:#b00;
|
||||
position:absolute;
|
||||
left:392px;
|
||||
}
|
||||
|
||||
#locks .open {
|
||||
background:url(../img/locks-open.png);
|
||||
}
|
||||
|
||||
#locks .closed {
|
||||
background:url(../img/locks-closed.png);
|
||||
}
|
||||
|
||||
#locks .unlockable {
|
||||
}
|
||||
|
||||
#exit {
|
||||
position:absolute;
|
||||
bottom:8px;
|
||||
width:50px;
|
||||
height:50px;
|
||||
left:388px;
|
||||
}
|
||||
|
||||
#exit img {
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.enabled #exitOpen {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.enabled #exitClosed {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.disabled #exitOpen {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.disabled #exitClosed {
|
||||
display:block;
|
||||
}
|
||||
|
||||
#wheel, #teasers {
|
||||
width:370px;
|
||||
height:356px;
|
||||
position:relative;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#teasers {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
#teasers .teaser img {
|
||||
position:absolute;
|
||||
width:40px;
|
||||
height:40px;
|
||||
display:none;
|
||||
}
|
||||
|
||||
#wheel div.reward, #wheel img.key {
|
||||
list-style-type:none;
|
||||
width:40px;
|
||||
height:40px;
|
||||
padding:0;
|
||||
color:white;
|
||||
text-align:left;
|
||||
position:absolute;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#wheel div.reward {
|
||||
display:none;
|
||||
}
|
||||
|
||||
#wheel div img {
|
||||
line-height:38px;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
#wheel img.key {
|
||||
width:42px;
|
||||
height:42px;
|
||||
border:none;
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
.clockwise #pos1, .clockwise .teaserPos1, .counterClockwise #pos1, .counterClockwise .teaserPos1 { left:164px; top:29px; }
|
||||
.clockwise #pos2, .clockwise .teaserPos2, .counterClockwise #pos16, .counterClockwise .teaserPos16 { left:216px; top:39px; }
|
||||
.clockwise #pos3, .clockwise .teaserPos3, .counterClockwise #pos15, .counterClockwise .teaserPos15 { left:259px; top:69px; }
|
||||
.clockwise #pos4, .clockwise .teaserPos4, .counterClockwise #pos14, .counterClockwise .teaserPos14 { left:289px; top:112px; }
|
||||
.clockwise #pos5, .clockwise .teaserPos5, .counterClockwise #pos13, .counterClockwise .teaserPos13 { left:299px; top:164px; }
|
||||
.clockwise #pos6, .clockwise .teaserPos6, .counterClockwise #pos12, .counterClockwise .teaserPos12 { left:289px; top:216px; }
|
||||
.clockwise #pos7, .clockwise .teaserPos7, .counterClockwise #pos11, .counterClockwise .teaserPos11 { left:259px; top:259px; }
|
||||
.clockwise #pos8, .clockwise .teaserPos8, .counterClockwise #pos10, .counterClockwise .teaserPos10 { left:218px; top:289px; }
|
||||
.clockwise #pos9, .clockwise .teaserPos9, .counterClockwise #pos9, .counterClockwise .teaserPos9 { left:164px; top:299px; }
|
||||
.clockwise #pos10, .clockwise .teaserPos10, .counterClockwise #pos8, .counterClockwise .teaserPos8 { left:112px; top:289px; }
|
||||
.clockwise #pos11, .clockwise .teaserPos11, .counterClockwise #pos7, .counterClockwise .teaserPos7 { left:69px; top:259px; }
|
||||
.clockwise #pos12, .clockwise .teaserPos12, .counterClockwise #pos6, .counterClockwise .teaserPos6 { left:39px; top:216px; }
|
||||
.clockwise #pos13, .clockwise .teaserPos13, .counterClockwise #pos5, .counterClockwise .teaserPos5 { left:29px; top:164px; }
|
||||
.clockwise #pos14, .clockwise .teaserPos14, .counterClockwise #pos4, .counterClockwise .teaserPos4 { left:39px; top:112px; }
|
||||
.clockwise #pos15, .clockwise .teaserPos15, .counterClockwise #pos3, .counterClockwise .teaserPos3 { left:69px; top:69px; }
|
||||
.clockwise #pos16, .clockwise .teaserPos16, .counterClockwise #pos2, .counterClockwise .teaserPos2 { left:112px; top:39px; }
|
||||
|
||||
.clockwise #key1, .counterClockwise #key1 { left:164px; top:-6px; }
|
||||
.clockwise #key2, .counterClockwise #key16 { left:229px; top:7px; }
|
||||
.clockwise #key3, .counterClockwise #key15 { left:284px; top:44px; }
|
||||
.clockwise #key4, .counterClockwise #key14 { left:321px; top:99px; }
|
||||
.clockwise #key5, .counterClockwise #key13 { left:334px; top:164px; }
|
||||
.clockwise #key6, .counterClockwise #key12 { left:321px; top:229px; }
|
||||
.clockwise #key7, .counterClockwise #key11 { left:284px; top:284px; }
|
||||
.clockwise #key8, .counterClockwise #key10 { left:229px; top:321px; }
|
||||
.clockwise #key9, .counterClockwise #key9 { left:164px; top:334px; }
|
||||
.clockwise #key10, .counterClockwise #key8 { left:99px; top:321px; }
|
||||
.clockwise #key11, .counterClockwise #key7 { left:44px; top:284px; }
|
||||
.clockwise #key12, .counterClockwise #key6 { left:7px; top:229px; }
|
||||
.clockwise #key13, .counterClockwise #key5 { left:-6px; top:164px; }
|
||||
.clockwise #key14, .counterClockwise #key4 { left:7px; top:99px; }
|
||||
.clockwise #key15, .counterClockwise #key3 { left:44px; top:44px; }
|
||||
.clockwise #key16, .counterClockwise #key2 { left:99px; top:7px; }
|
||||
|
||||
#spinner, #spinnerBlank {
|
||||
width:314px;
|
||||
height:312px;
|
||||
position:absolute;
|
||||
left:28px;
|
||||
top:29px;
|
||||
background:url(../img/spinner.jpg) 0 0 no-repeat;
|
||||
}
|
||||
|
||||
#spinnerBlank {
|
||||
background:url(../img/spinner-blank.jpg) 0 0 no-repeat;
|
||||
}
|
||||
|
||||
#spinButton {
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
color:white;
|
||||
height:70px;
|
||||
left:144px;
|
||||
position:absolute;
|
||||
top:144px;
|
||||
width:82px;
|
||||
text-align:center;
|
||||
padding:12px 0 0 0;
|
||||
cursor:pointer;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.help {
|
||||
width:500px;
|
||||
padding-bottom:260px;
|
||||
}
|
||||
|
||||
.help h2 {
|
||||
margin:7px 0 5px;
|
||||
}
|
||||
|
||||
.help h2 a {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.help p.back {
|
||||
margin:6px 0 22px;
|
||||
}
|
||||
|
||||
.backToWheelLink {
|
||||
display:block;
|
||||
font-size:11px;
|
||||
margin:8px 0 5px 0;
|
||||
}
|
||||
|
||||
.wheel p.back {
|
||||
margin:4px 0 20px 0;
|
||||
}
|
||||
|
||||
#reward {
|
||||
padding:10px 20px;
|
||||
border:solid 1px black;
|
||||
background:url(../img/reward.png) repeat-y;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#reward h1 {
|
||||
font-size:18px;
|
||||
}
|
||||
|
||||
#reward h2 {
|
||||
font-size:14px;
|
||||
margin:10px 0 0;
|
||||
font-weight:normal;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#reward img {
|
||||
display:block;
|
||||
margin:16px auto 10px;
|
||||
width:80px;
|
||||
height:80px;
|
||||
}
|
||||
#rewardName {
|
||||
margin:0 0 10px;
|
||||
font-size:20px;
|
||||
}
|
||||
|
||||
#rewardDesc {
|
||||
font-size:14px;
|
||||
margin:5px 0 10px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#reward div, #hasLeftStage div, #enteredNewStage div {
|
||||
background:url(../img/reward-btn.png) no-repeat;
|
||||
font-size:14px;
|
||||
line-height:22px;
|
||||
margin:20px auto 10px;
|
||||
text-align:center;
|
||||
width:135px;
|
||||
height:23px;
|
||||
cursor:pointer;
|
||||
color:white;
|
||||
}
|
||||
|
||||
#reward div:hover, #hasLeftStage div:hover, #enteredNewStage div:hover {
|
||||
background-image:url(../img/reward-btn-hover.png);
|
||||
}
|
||||
|
||||
#reward a {
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
#keyReward {
|
||||
margin:25px 0 10px;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
#hasLeftStage, #enteredNewStage {
|
||||
padding:10px;
|
||||
border:solid 2px black;
|
||||
}
|
||||
|
||||
#hasLeftStage h1, #enteredNewStage h1 {
|
||||
font-size:18px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#enteredNewStage h2 {
|
||||
font-size: 22px;
|
||||
margin: 10px 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#hasLeftStage p, #enteredNewStage p {
|
||||
font-size:14px;
|
||||
margin:10px 0 0;
|
||||
}
|
||||
|
||||
#help {
|
||||
position:absolute;
|
||||
top:20px;
|
||||
right:10px;
|
||||
display:block;
|
||||
width:38px;
|
||||
height:38px;
|
||||
}
|
||||
|
||||
.shopItemTipTip {
|
||||
background-color:#FEFAE9 !important;
|
||||
border-color:black !important;
|
||||
text-shadow:none !important;
|
||||
background:url(../img/shopItemTipTip.png) no-repeat !important;
|
||||
width:198px !important;
|
||||
height:92px !important;
|
||||
padding:0 !important;
|
||||
}
|
||||
#wheel div.shopItemTip {cursor:pointer; border-color:white;}
|
||||
.shopItemTipContent, .nonShopItemTipContent {display:none;}
|
||||
.shopItem {height:82px; width:180px; position:relative; color:black; margin:5px 9px;}
|
||||
.shopItem .itemPic {position:absolute; top:10px; left:10px;}
|
||||
.shopItem .itemName {position:absolute; top:9px; left:82px; width:91px; height:28px; font-size:11px; font-weight:normal;letter-spacing:-0.02em;}
|
||||
.shopItem .itemNumber {position:absolute; top: 38px; left:82px; width:91px; height:12px; font-size:11px; font-weight:normal; letter-spacing:-0.05em;}
|
||||
.shopItem .bonusItemPrice {color:#84080b; font-weight:bold;}
|
||||
.shopItem .discount {color:#009000;}
|
||||
.shopItem a.itemDetail {position:absolute; top:51px; left:82px; width:44px; height:25px; background-image:url(../img/itemDetail.png); cursor:pointer;}
|
||||
.shopItem a.itemBuy {position:absolute; top:51px; left:129px; width:44px; height:25px; background-image:url(../img/itemBuy.png); cursor:pointer;}
|
||||
.shopItem a.itemDetail.discount { background-image:url(../img/itemDetail-discount.png); }
|
||||
.shopItem a.itemBuy.discount { background-image:url(../img/itemBuy-discount.png); }
|
||||
.shopItem a.itemDetail.discount:hover { background-image:url(../img/itemDetail-discount-hover.png); }
|
||||
.shopItem a.itemBuy.discount:hover { background-image:url(../img/itemBuy-discount-hover.png); }
|
||||
.shopItem .bonusItemPrice.discount { color:#00aa00; }
|
||||
|
||||
.promotedItem {
|
||||
float:left;
|
||||
position:relative;
|
||||
display:block;
|
||||
width:180px;
|
||||
height:82px;
|
||||
background:url(../img/promotedItem.png) no-repeat transparent;
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
.promotedItem h4 {
|
||||
position:absolute;
|
||||
top:8px;
|
||||
left:80px;
|
||||
display:block;
|
||||
width:104px;
|
||||
height:25px;
|
||||
border:0 none;
|
||||
color:#7B1300;
|
||||
font-size:11px;
|
||||
font-weight:bold;
|
||||
line-height:11px;
|
||||
letter-spacing:-0.05em;
|
||||
}
|
||||
|
||||
.promotedItem .promotedItemImg img{
|
||||
position:absolute;
|
||||
top:11px;
|
||||
left:6px;
|
||||
border: 0 none;
|
||||
display:block;
|
||||
width:63px;
|
||||
height:63px;
|
||||
}
|
||||
|
||||
.promotedItem div, .promotedItem p {
|
||||
width:96px;
|
||||
}
|
||||
|
||||
.promotedItem div.promotedItemBtns {
|
||||
position:absolute;
|
||||
bottom:10px;
|
||||
right:8px;
|
||||
width:96px;
|
||||
}
|
||||
|
||||
.promotedItem div a.buy, .promotedItem div a.detail {
|
||||
margin:0 2px;
|
||||
}
|
||||
|
||||
.promotedItem.withDescription {
|
||||
float:left;
|
||||
position:relative;
|
||||
display:block;
|
||||
background:url(../img/promotedItemDescription.png) no-repeat transparent;
|
||||
margin-top:3px;
|
||||
width:377px;
|
||||
height:82px;
|
||||
}
|
||||
|
||||
.promotedItem.withDescription h4{
|
||||
position:absolute;
|
||||
top:8px;
|
||||
left:80px;
|
||||
display:block;
|
||||
width:190px;
|
||||
height:14px;
|
||||
font-size:11px;
|
||||
font-weight:bold;
|
||||
color:#7B1300;
|
||||
border:0 none;
|
||||
line-height:12px;
|
||||
}
|
||||
|
||||
.promotedItem.withDescription .promotedItemImg img{
|
||||
position:absolute;
|
||||
top:11px;
|
||||
left:6px;
|
||||
border: 0 none;
|
||||
display:block;
|
||||
width:63px;
|
||||
height:63px;
|
||||
}
|
||||
|
||||
p.promotedItemDescr {
|
||||
position:absolute;
|
||||
top:20px;
|
||||
left:80px;
|
||||
display:block;
|
||||
width:180px;
|
||||
height: 46px;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
.promotedItem.withDescription .promotedItemBtns {
|
||||
position:absolute;
|
||||
bottom:10px;
|
||||
right:8px;
|
||||
width:100px;
|
||||
}
|
||||
|
||||
.promotedItem p.promotedItemDescr {
|
||||
clear:none;
|
||||
float:left;
|
||||
width:180px;
|
||||
text-align:left;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
p.discountOldPricePromoted {
|
||||
position:absolute;
|
||||
top:27px;
|
||||
right:8px;
|
||||
width:48px;
|
||||
}
|
||||
|
||||
.promotedItem div.discountPercentPromoted {
|
||||
left:6px;
|
||||
top:6px;
|
||||
}
|
||||
|
||||
.promotedItem div.divdiscount {
|
||||
width:96px;
|
||||
}
|
||||
|
||||
.promotedItem p.pdiscount {
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
.divdiscount a.buy, .divdiscount a.detail, .divdiscount a.detail-discount, .divdiscount a.buy-discount {
|
||||
margin:0 2px;
|
||||
}
|
||||
|
||||
.promotedItem div.promotedItemBtns-discount{
|
||||
position:absolute;
|
||||
bottom:10px;
|
||||
right:8px;
|
||||
width:100px;
|
||||
}
|
||||
|
||||
div.fancyboxContentContainer {
|
||||
display:none;
|
||||
}
|
||||
Reference in New Issue
Block a user