WIP: started implementing shop, multi-language
This commit is contained in:
parent
8a88940d4f
commit
181c7ce27c
|
|
@ -0,0 +1,19 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Shop;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use App\Models\Shop\ShopCategory;
|
||||
use Illuminate\View\View;
|
||||
|
||||
class CategoryController extends Controller
|
||||
{
|
||||
public function show(int $id): View
|
||||
{
|
||||
$category = ShopCategory::find($id);
|
||||
|
||||
return view('shop/category', [
|
||||
'category' => $category
|
||||
]);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Shop;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use App\Models\Shop\ShopCategory;
|
||||
use App\Models\Shop\ShopItem;
|
||||
use Illuminate\View\View;
|
||||
|
||||
class ItemController extends Controller
|
||||
{
|
||||
public function show(int $id): View
|
||||
{
|
||||
$item = ShopItem::find($id);
|
||||
|
||||
return view('shop/item/show', [
|
||||
'item' => $item
|
||||
]);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<?php
|
||||
|
||||
namespace App\Models\Enums;
|
||||
|
||||
enum ShopItemPricingEnum: string
|
||||
{
|
||||
case CASH = 'CASH';
|
||||
case MILEAGE = 'MILEAGE';
|
||||
|
||||
public function description(): string
|
||||
{
|
||||
return match($this) {
|
||||
self::CASH => __('shop/main.currency.cash'),
|
||||
self::MILEAGE => __('shop/main.currency.mileage')
|
||||
};
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
<?php
|
||||
|
||||
namespace App\Models\Shop;
|
||||
|
||||
use Illuminate\Database\Eloquent\Model;
|
||||
use Illuminate\Database\Eloquent\Relations\HasMany;
|
||||
|
||||
class ShopCategory extends Model
|
||||
{
|
||||
/**
|
||||
* The connection name for the model.
|
||||
*
|
||||
* @var string|null
|
||||
*/
|
||||
protected $connection = 'website';
|
||||
|
||||
/**
|
||||
* The attributes that are mass assignable.
|
||||
*
|
||||
* @var array<int, string>
|
||||
*/
|
||||
protected $fillable = [
|
||||
'name',
|
||||
];
|
||||
|
||||
/**
|
||||
* The attributes that should be hidden for serialization.
|
||||
*
|
||||
* @var array<int, string>
|
||||
*/
|
||||
protected $hidden = [
|
||||
|
||||
];
|
||||
|
||||
/**
|
||||
* The attributes that should be cast.
|
||||
*
|
||||
* @var array<string, string>
|
||||
*/
|
||||
protected $casts = [
|
||||
|
||||
];
|
||||
|
||||
/**
|
||||
* Get the items in this category
|
||||
*
|
||||
* @return HasMany
|
||||
*/
|
||||
public function items(): HasMany
|
||||
{
|
||||
return $this->hasMany(ShopItem::class, 'category_id', 'id');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
<?php
|
||||
|
||||
namespace App\Models\Shop;
|
||||
|
||||
use App\Models\Enums\ShopItemPricingEnum;
|
||||
use Illuminate\Database\Eloquent\Model;
|
||||
use Illuminate\Support\Facades\Auth;
|
||||
|
||||
class ShopItem extends Model
|
||||
{
|
||||
/**
|
||||
* The connection name for the model.
|
||||
*
|
||||
* @var string|null
|
||||
*/
|
||||
protected $connection = 'website';
|
||||
|
||||
/**
|
||||
* The attributes that are mass assignable.
|
||||
*
|
||||
* @var array<int, string>
|
||||
*/
|
||||
protected $fillable = [
|
||||
'id',
|
||||
'category_id',
|
||||
'old_price',
|
||||
'price',
|
||||
'pricing',
|
||||
'quantity',
|
||||
'image',
|
||||
'description',
|
||||
'other',
|
||||
];
|
||||
|
||||
/**
|
||||
* The attributes that should be hidden for serialization.
|
||||
*
|
||||
* @var array<int, string>
|
||||
*/
|
||||
protected $hidden = [
|
||||
|
||||
];
|
||||
|
||||
/**
|
||||
* The attributes that should be cast.
|
||||
*
|
||||
* @var array<string, string>
|
||||
*/
|
||||
protected $casts = [
|
||||
'pricing' => ShopItemPricingEnum::class,
|
||||
];
|
||||
|
||||
/**
|
||||
* @return bool
|
||||
*/
|
||||
public function userCanBuy(): bool
|
||||
{
|
||||
$user = Auth::user();
|
||||
|
||||
if ($this->pricing == ShopItemPricingEnum::CASH)
|
||||
return $user->cash >= $this->price;
|
||||
elseif ($this->pricing == ShopItemPricingEnum::MILEAGE)
|
||||
return $user->mileage >= $this->price;
|
||||
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<?php
|
||||
|
||||
namespace App\Providers;
|
||||
|
||||
use App\View\Composers\ShopComposer;
|
||||
use Illuminate\Support\Facades;
|
||||
use Illuminate\Support\ServiceProvider;
|
||||
|
||||
class ViewServiceProvider extends ServiceProvider
|
||||
{
|
||||
/**
|
||||
* Register any application services.
|
||||
*/
|
||||
public function register(): void
|
||||
{
|
||||
// ...
|
||||
}
|
||||
|
||||
/**
|
||||
* Bootstrap any application services.
|
||||
*/
|
||||
public function boot(): void
|
||||
{
|
||||
Facades\View::composer('layouts.shop', ShopComposer::class);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<?php
|
||||
|
||||
namespace App\View\Composers;
|
||||
|
||||
use App\Models\Shop\ShopCategory;
|
||||
use Illuminate\View\View;
|
||||
|
||||
class ShopComposer
|
||||
{
|
||||
/**
|
||||
* Bind data to the view.
|
||||
*/
|
||||
public function compose(View $view): void
|
||||
{
|
||||
// Fetch the amount of items in storage
|
||||
$view->with('storageCount', 10);
|
||||
|
||||
// Fetch the amount of items in storage
|
||||
$view->with('discountDesc', "20% reducere la chipsuri");
|
||||
|
||||
// Fetch the shop categories
|
||||
$view->with('categories', ShopCategory::all());
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -168,6 +168,7 @@ return [
|
|||
// App\Providers\BroadcastServiceProvider::class,
|
||||
App\Providers\EventServiceProvider::class,
|
||||
App\Providers\RouteServiceProvider::class,
|
||||
App\Providers\ViewServiceProvider::class,
|
||||
])->toArray(),
|
||||
|
||||
/*
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'welcome.title' => 'Metin2',
|
||||
'welcome.subtext_1' => 'Welcome to Metin2!',
|
||||
'welcome.subtext_2' => 'Step into an eastern fantasy world with picturesque towns and impressive landscapes.',
|
||||
'welcome.subtext_3' => 'Dangerous battles await you!',
|
||||
'welcome.subtext_4' => 'Become a master of martial arts and protect the country from the dark influence of the Metin stones.',
|
||||
|
||||
'trailer.title' => 'Trailer',
|
||||
|
||||
'screenshots.title' => 'Screenshots',
|
||||
'screenshots.capture' => 'Screenshot',
|
||||
|
||||
'news.title' => 'News',
|
||||
'news.button_go_to_news' => 'Go to News',
|
||||
|
||||
'main.title' => 'Metin2 - Oriental Action MMORPG',
|
||||
'main.subtext' => "For a long time now the Dragon God's breath has watched over the kingdoms of Shinsoo, Chunjo and Jinno. But this **fascinating world of magic** is facing a terrifying threat: The impact of the **Metin Stones** has not only torn wounds into the entire continent, but has also caused chaos and destruction throughout the land and its inhabitants. War has broken out between the kingdoms, wild animals have transformed into raging beasts and the dead have come back to life as blood-thirsty creatures. Fight the **dark influence of the Metin Stones** as one of the **Dragon God's allies**. **Gather all your strength and seize your weapons** to save your kingdom from a future filled with fear, suffering and destruction!",
|
||||
'main.characteristics' => 'Features',
|
||||
'main.subtext_1' => 'A big continent on which many adventurers and brave warriors are waiting.',
|
||||
'main.subtext_2' => 'Three enemy emperors which you are able to join.',
|
||||
'main.subtext_3' => 'Fight for territory and honor, on foot or on horse!',
|
||||
'main.subtext_4' => 'Become lord of a castle and build up your own fortress with your own guild!',
|
||||
'main.subtext_5' => 'Learn a martial art and get many destructive special skills!',
|
||||
];
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'title' => 'Oriental Action MMORPG',
|
||||
|
||||
'header.register' => 'Download Metin2 for free now!',
|
||||
'header.register_alt' => 'Play for free now!',
|
||||
'header.register_steps_1' => '1. Register',
|
||||
'header.register_steps_2' => '2. Activate',
|
||||
'header.register_steps_3' => '3. Download & play for free',
|
||||
|
||||
'header.welcome' => 'Welcome, :name!',
|
||||
'header.cash_balance' => 'You have :cash Dragon Coins',
|
||||
|
||||
'header.nav.buy_coins' => 'Buy DC',
|
||||
'header.nav.administration' => 'User information',
|
||||
'header.nav.logout' => 'Logout',
|
||||
|
||||
'nav.home' => 'Start',
|
||||
'nav.thegame' => 'The Game',
|
||||
'nav.media' => 'Gallery',
|
||||
'nav.howto' => 'First Steps',
|
||||
'nav.community' => 'Community',
|
||||
'nav.wiki' => 'Wiki',
|
||||
'nav.board' => 'Forum',
|
||||
'nav.download' => 'Download',
|
||||
'nav.account' => 'Security',
|
||||
'nav.itemshop' => 'Item Shop',
|
||||
|
||||
'login.title' => 'Login',
|
||||
'login.username' => 'Username',
|
||||
'login.password' => 'Password',
|
||||
'login.btn_login' => 'Login',
|
||||
'login.agree_terms' => 'With the login, I accept the [**terms and conditions**](:url).',
|
||||
'login.forgot_password' => 'Forgot password?',
|
||||
'login.resend_ack' => 'Resend registration mail',
|
||||
|
||||
'ranking.title' => 'Highscore',
|
||||
'ranking.players' => 'Players',
|
||||
'ranking.guilds' => 'Guilds',
|
||||
'ranking.btn_highscore' => 'Full ranking',
|
||||
|
||||
'footer.imprint' => 'Imprint',
|
||||
'footer.terms' => 'T&C',
|
||||
'footer.privacy' => 'Privacy Policy',
|
||||
];
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Authentication Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are used during authentication for various
|
||||
| messages that we need to display to the user. You are free to modify
|
||||
| these language lines according to your application's requirements.
|
||||
|
|
||||
*/
|
||||
|
||||
'failed' => 'These credentials do not match our records.',
|
||||
'password' => 'The provided password is incorrect.',
|
||||
'throttle' => 'Too many login attempts. Please try again in :seconds seconds.',
|
||||
|
||||
];
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Pagination Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are used by the paginator library to build
|
||||
| the simple pagination links. You are free to change them to anything
|
||||
| you want to customize your views to better match your application.
|
||||
|
|
||||
*/
|
||||
|
||||
'previous' => '« Previous',
|
||||
'next' => 'Next »',
|
||||
|
||||
];
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Password Reset Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are the default lines which match reasons
|
||||
| that are given by the password broker for a password update attempt
|
||||
| has failed, such as for an invalid token or invalid new password.
|
||||
|
|
||||
*/
|
||||
|
||||
'reset' => 'Your password has been reset.',
|
||||
'sent' => 'We have emailed your password reset link.',
|
||||
'throttled' => 'Please wait before retrying.',
|
||||
'token' => 'This password reset token is invalid.',
|
||||
'user' => "We can't find a user with that email address.",
|
||||
|
||||
];
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'title' => 'Item-Shop',
|
||||
|
||||
'currency.cash' => 'DC',
|
||||
'currency.cash_long' => 'Dragon Coins',
|
||||
'currency.mileage' => 'DM',
|
||||
'currency.mileage_long' => 'Dragon Marks',
|
||||
|
||||
'nav.home' => 'Home',
|
||||
'nav.search_placeholder' => 'Search',
|
||||
'nav.help_tooltip' => 'Go to the help page',
|
||||
|
||||
'nav.buy_coins_tooltip' => 'Obtain Dragon Coins',
|
||||
'nav.buy_coins_btn' => "Obtain\nDragon Coins",
|
||||
|
||||
'nav.user_data_tooltip' => 'User data',
|
||||
|
||||
'nav.stored_items' => 'Stored items: :storageCount',
|
||||
];
|
||||
|
|
@ -0,0 +1,191 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Validation Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines contain the default error messages used by
|
||||
| the validator class. Some of these rules have multiple versions such
|
||||
| as the size rules. Feel free to tweak each of these messages here.
|
||||
|
|
||||
*/
|
||||
|
||||
'accepted' => 'The :attribute field must be accepted.',
|
||||
'accepted_if' => 'The :attribute field must be accepted when :other is :value.',
|
||||
'active_url' => 'The :attribute field must be a valid URL.',
|
||||
'after' => 'The :attribute field must be a date after :date.',
|
||||
'after_or_equal' => 'The :attribute field must be a date after or equal to :date.',
|
||||
'alpha' => 'The :attribute field must only contain letters.',
|
||||
'alpha_dash' => 'The :attribute field must only contain letters, numbers, dashes, and underscores.',
|
||||
'alpha_num' => 'The :attribute field must only contain letters and numbers.',
|
||||
'array' => 'The :attribute field must be an array.',
|
||||
'ascii' => 'The :attribute field must only contain single-byte alphanumeric characters and symbols.',
|
||||
'before' => 'The :attribute field must be a date before :date.',
|
||||
'before_or_equal' => 'The :attribute field must be a date before or equal to :date.',
|
||||
'between' => [
|
||||
'array' => 'The :attribute field must have between :min and :max items.',
|
||||
'file' => 'The :attribute field must be between :min and :max kilobytes.',
|
||||
'numeric' => 'The :attribute field must be between :min and :max.',
|
||||
'string' => 'The :attribute field must be between :min and :max characters.',
|
||||
],
|
||||
'boolean' => 'The :attribute field must be true or false.',
|
||||
'can' => 'The :attribute field contains an unauthorized value.',
|
||||
'confirmed' => 'The :attribute field confirmation does not match.',
|
||||
'current_password' => 'The password is incorrect.',
|
||||
'date' => 'The :attribute field must be a valid date.',
|
||||
'date_equals' => 'The :attribute field must be a date equal to :date.',
|
||||
'date_format' => 'The :attribute field must match the format :format.',
|
||||
'decimal' => 'The :attribute field must have :decimal decimal places.',
|
||||
'declined' => 'The :attribute field must be declined.',
|
||||
'declined_if' => 'The :attribute field must be declined when :other is :value.',
|
||||
'different' => 'The :attribute field and :other must be different.',
|
||||
'digits' => 'The :attribute field must be :digits digits.',
|
||||
'digits_between' => 'The :attribute field must be between :min and :max digits.',
|
||||
'dimensions' => 'The :attribute field has invalid image dimensions.',
|
||||
'distinct' => 'The :attribute field has a duplicate value.',
|
||||
'doesnt_end_with' => 'The :attribute field must not end with one of the following: :values.',
|
||||
'doesnt_start_with' => 'The :attribute field must not start with one of the following: :values.',
|
||||
'email' => 'The :attribute field must be a valid email address.',
|
||||
'ends_with' => 'The :attribute field must end with one of the following: :values.',
|
||||
'enum' => 'The selected :attribute is invalid.',
|
||||
'exists' => 'The selected :attribute is invalid.',
|
||||
'extensions' => 'The :attribute field must have one of the following extensions: :values.',
|
||||
'file' => 'The :attribute field must be a file.',
|
||||
'filled' => 'The :attribute field must have a value.',
|
||||
'gt' => [
|
||||
'array' => 'The :attribute field must have more than :value items.',
|
||||
'file' => 'The :attribute field must be greater than :value kilobytes.',
|
||||
'numeric' => 'The :attribute field must be greater than :value.',
|
||||
'string' => 'The :attribute field must be greater than :value characters.',
|
||||
],
|
||||
'gte' => [
|
||||
'array' => 'The :attribute field must have :value items or more.',
|
||||
'file' => 'The :attribute field must be greater than or equal to :value kilobytes.',
|
||||
'numeric' => 'The :attribute field must be greater than or equal to :value.',
|
||||
'string' => 'The :attribute field must be greater than or equal to :value characters.',
|
||||
],
|
||||
'hex_color' => 'The :attribute field must be a valid hexadecimal color.',
|
||||
'image' => 'The :attribute field must be an image.',
|
||||
'in' => 'The selected :attribute is invalid.',
|
||||
'in_array' => 'The :attribute field must exist in :other.',
|
||||
'integer' => 'The :attribute field must be an integer.',
|
||||
'ip' => 'The :attribute field must be a valid IP address.',
|
||||
'ipv4' => 'The :attribute field must be a valid IPv4 address.',
|
||||
'ipv6' => 'The :attribute field must be a valid IPv6 address.',
|
||||
'json' => 'The :attribute field must be a valid JSON string.',
|
||||
'lowercase' => 'The :attribute field must be lowercase.',
|
||||
'lt' => [
|
||||
'array' => 'The :attribute field must have less than :value items.',
|
||||
'file' => 'The :attribute field must be less than :value kilobytes.',
|
||||
'numeric' => 'The :attribute field must be less than :value.',
|
||||
'string' => 'The :attribute field must be less than :value characters.',
|
||||
],
|
||||
'lte' => [
|
||||
'array' => 'The :attribute field must not have more than :value items.',
|
||||
'file' => 'The :attribute field must be less than or equal to :value kilobytes.',
|
||||
'numeric' => 'The :attribute field must be less than or equal to :value.',
|
||||
'string' => 'The :attribute field must be less than or equal to :value characters.',
|
||||
],
|
||||
'mac_address' => 'The :attribute field must be a valid MAC address.',
|
||||
'max' => [
|
||||
'array' => 'The :attribute field must not have more than :max items.',
|
||||
'file' => 'The :attribute field must not be greater than :max kilobytes.',
|
||||
'numeric' => 'The :attribute field must not be greater than :max.',
|
||||
'string' => 'The :attribute field must not be greater than :max characters.',
|
||||
],
|
||||
'max_digits' => 'The :attribute field must not have more than :max digits.',
|
||||
'mimes' => 'The :attribute field must be a file of type: :values.',
|
||||
'mimetypes' => 'The :attribute field must be a file of type: :values.',
|
||||
'min' => [
|
||||
'array' => 'The :attribute field must have at least :min items.',
|
||||
'file' => 'The :attribute field must be at least :min kilobytes.',
|
||||
'numeric' => 'The :attribute field must be at least :min.',
|
||||
'string' => 'The :attribute field must be at least :min characters.',
|
||||
],
|
||||
'min_digits' => 'The :attribute field must have at least :min digits.',
|
||||
'missing' => 'The :attribute field must be missing.',
|
||||
'missing_if' => 'The :attribute field must be missing when :other is :value.',
|
||||
'missing_unless' => 'The :attribute field must be missing unless :other is :value.',
|
||||
'missing_with' => 'The :attribute field must be missing when :values is present.',
|
||||
'missing_with_all' => 'The :attribute field must be missing when :values are present.',
|
||||
'multiple_of' => 'The :attribute field must be a multiple of :value.',
|
||||
'not_in' => 'The selected :attribute is invalid.',
|
||||
'not_regex' => 'The :attribute field format is invalid.',
|
||||
'numeric' => 'The :attribute field must be a number.',
|
||||
'password' => [
|
||||
'letters' => 'The :attribute field must contain at least one letter.',
|
||||
'mixed' => 'The :attribute field must contain at least one uppercase and one lowercase letter.',
|
||||
'numbers' => 'The :attribute field must contain at least one number.',
|
||||
'symbols' => 'The :attribute field must contain at least one symbol.',
|
||||
'uncompromised' => 'The given :attribute has appeared in a data leak. Please choose a different :attribute.',
|
||||
],
|
||||
'present' => 'The :attribute field must be present.',
|
||||
'present_if' => 'The :attribute field must be present when :other is :value.',
|
||||
'present_unless' => 'The :attribute field must be present unless :other is :value.',
|
||||
'present_with' => 'The :attribute field must be present when :values is present.',
|
||||
'present_with_all' => 'The :attribute field must be present when :values are present.',
|
||||
'prohibited' => 'The :attribute field is prohibited.',
|
||||
'prohibited_if' => 'The :attribute field is prohibited when :other is :value.',
|
||||
'prohibited_unless' => 'The :attribute field is prohibited unless :other is in :values.',
|
||||
'prohibits' => 'The :attribute field prohibits :other from being present.',
|
||||
'regex' => 'The :attribute field format is invalid.',
|
||||
'required' => 'The :attribute field is required.',
|
||||
'required_array_keys' => 'The :attribute field must contain entries for: :values.',
|
||||
'required_if' => 'The :attribute field is required when :other is :value.',
|
||||
'required_if_accepted' => 'The :attribute field is required when :other is accepted.',
|
||||
'required_unless' => 'The :attribute field is required unless :other is in :values.',
|
||||
'required_with' => 'The :attribute field is required when :values is present.',
|
||||
'required_with_all' => 'The :attribute field is required when :values are present.',
|
||||
'required_without' => 'The :attribute field is required when :values is not present.',
|
||||
'required_without_all' => 'The :attribute field is required when none of :values are present.',
|
||||
'same' => 'The :attribute field must match :other.',
|
||||
'size' => [
|
||||
'array' => 'The :attribute field must contain :size items.',
|
||||
'file' => 'The :attribute field must be :size kilobytes.',
|
||||
'numeric' => 'The :attribute field must be :size.',
|
||||
'string' => 'The :attribute field must be :size characters.',
|
||||
],
|
||||
'starts_with' => 'The :attribute field must start with one of the following: :values.',
|
||||
'string' => 'The :attribute field must be a string.',
|
||||
'timezone' => 'The :attribute field must be a valid timezone.',
|
||||
'unique' => 'The :attribute has already been taken.',
|
||||
'uploaded' => 'The :attribute failed to upload.',
|
||||
'uppercase' => 'The :attribute field must be uppercase.',
|
||||
'url' => 'The :attribute field must be a valid URL.',
|
||||
'ulid' => 'The :attribute field must be a valid ULID.',
|
||||
'uuid' => 'The :attribute field must be a valid UUID.',
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Custom Validation Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Here you may specify custom validation messages for attributes using the
|
||||
| convention "attribute.rule" to name the lines. This makes it quick to
|
||||
| specify a specific custom language line for a given attribute rule.
|
||||
|
|
||||
*/
|
||||
|
||||
'custom' => [
|
||||
'attribute-name' => [
|
||||
'rule-name' => 'custom-message',
|
||||
],
|
||||
],
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Custom Validation Attributes
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are used to swap our attribute placeholder
|
||||
| with something more reader friendly such as "E-Mail Address" instead
|
||||
| of "email". This simply helps us make our message more expressive.
|
||||
|
|
||||
*/
|
||||
|
||||
'attributes' => [],
|
||||
|
||||
];
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'welcome.title' => 'Metin2',
|
||||
'welcome.subtext_1' => 'Bine ai venit la Metin2!',
|
||||
'welcome.subtext_2' => 'Pășește într-o lume fantastică cu orașe pitorești și peisaje impresionante.',
|
||||
'welcome.subtext_3' => 'Te așteaptă lupte primejdioase!',
|
||||
'welcome.subtext_4' => 'Devino maestru în artele marțiale și protejează-ți țara de Forța neagră a Pietrelor Metin.',
|
||||
|
||||
'trailer.title' => 'Trailer',
|
||||
|
||||
'screenshots.title' => 'Capturi de ecran',
|
||||
'screenshots.capture' => 'Captura',
|
||||
|
||||
'news.title' => 'Noutăți',
|
||||
'news.button_go_to_news' => 'Mergi la noutăți',
|
||||
|
||||
'main.title' => 'Metin2 - Acțiunea orientală MMORPG',
|
||||
'main.subtext' => 'În vremuri străvechi, răsuflarea Zeului Dragon veghea asupra regatelor Shinsoo, Chunjo și Jinno. Dar această **lume fascinantă a magiei** se afla în fața unui pericol imens: Impactul **Pietrelor Metin** care au cauzat haos și distrugere pe continent și între locuitori. Au izbucnit războaie între continente, animalele sălbatice s-au transformat în bestii terifiante. Luptă împotriva **influenței negative a Pietrelor Metin** în postura unui **aliat al Zeului Dragon**. **Adună-ți toate puterile și armele** pentru a salva regatul.',
|
||||
'main.characteristics' => 'Caracteristici',
|
||||
'main.subtext_1' => 'Un continent, pătruns de violență, unde războinici cu totul și cu totul deosebiți trebuie să-și dovedească curajul în nenumărate aventuri.',
|
||||
'main.subtext_2' => 'Trei regate care se dușmănesc între ele și cărora le poți pune la dispoziție forța ta și curajul tău.',
|
||||
'main.subtext_3' => 'Poartă-ți luptele pe jos sau călare, și nu numai pentru a obține putere și proprietăți, ci și din onoare!',
|
||||
'main.subtext_4' => 'Devino stăpânul unei cetăți, și, împreună cu obștea ta, construiește propria fortăreață!',
|
||||
'main.subtext_5' => 'Învață numeroasele stiluri de luptă și însușește-ți, prin antrenament special, tot felul de abilități, pentru a-ți înfrânge inamicul!',
|
||||
];
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'app.title' => 'Acțiunea orientală MMORPG',
|
||||
|
||||
'header.register' => 'Descarcă gratis Metin2 acum!',
|
||||
'header.register_alt' => 'Joacă gratis acum!',
|
||||
'header.register_steps_1' => '1. Înregistrare',
|
||||
'header.register_steps_2' => '2. Activează',
|
||||
'header.register_steps_3' => '3. Descarcă și joacă pe gratis',
|
||||
|
||||
'header.welcome' => 'Bun venit, :name!',
|
||||
'header.cash_balance' => 'Ai :cash Monede Dragon',
|
||||
|
||||
'header.nav.buy_coins' => 'Încarcă MD',
|
||||
'header.nav.administration' => 'Datele utilizatorului',
|
||||
'header.nav.logout' => 'Delogare',
|
||||
|
||||
'nav.home' => 'Start',
|
||||
'nav.thegame' => 'Jocul',
|
||||
'nav.media' => 'Galerie',
|
||||
'nav.howto' => 'Primii pași',
|
||||
'nav.community' => 'Comunitate',
|
||||
'nav.wiki' => 'Wiki',
|
||||
'nav.board' => 'Forum',
|
||||
'nav.download' => 'Descărcare',
|
||||
'nav.account' => 'Securitate',
|
||||
'nav.itemshop' => 'Magazinul de item-uri',
|
||||
|
||||
'login.title' => 'Logare',
|
||||
'login.username' => 'Nume de utilizator',
|
||||
'login.password' => 'Parola',
|
||||
'login.btn_login' => 'Login',
|
||||
'login.agree_terms' => 'Intrând aici, accept [**Termenii și condițiile**](:url).',
|
||||
'login.forgot_password' => 'Ai uitat parola?',
|
||||
'login.resend_ack' => 'Retrimiterea emailului de înregistrare',
|
||||
|
||||
'ranking.title' => 'Clasament',
|
||||
'ranking.players' => 'Jucători',
|
||||
'ranking.guilds' => 'Bresle',
|
||||
'ranking.btn_highscore' => 'Tot clasamentul',
|
||||
|
||||
'footer.imprint' => 'Imprint',
|
||||
'footer.terms' => 'Condiţiile Generale de Utilizare',
|
||||
'footer.privacy' => 'Politica de confidențialitate',
|
||||
];
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Authentication Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are used during authentication for various
|
||||
| messages that we need to display to the user. You are free to modify
|
||||
| these language lines according to your application's requirements.
|
||||
|
|
||||
*/
|
||||
|
||||
'failed' => 'Datele de conectare sunt incorecte.',
|
||||
'password' => 'Parola furnizată este incorectă.',
|
||||
'throttle' => 'Prea multe încercări de conectare. Încearcă din nou în :seconds secunde.',
|
||||
|
||||
];
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Pagination Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are used by the paginator library to build
|
||||
| the simple pagination links. You are free to change them to anything
|
||||
| you want to customize your views to better match your application.
|
||||
|
|
||||
*/
|
||||
|
||||
'previous' => '« Înapoi',
|
||||
'next' => 'Înainte »',
|
||||
|
||||
];
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Password Reset Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are the default lines which match reasons
|
||||
| that are given by the password broker for a password update attempt
|
||||
| has failed, such as for an invalid token or invalid new password.
|
||||
|
|
||||
*/
|
||||
|
||||
'reset' => 'Parola ta a fost resetată.',
|
||||
'sent' => 'Ți-am trimis prin e-mail un link de resetare a parolei.',
|
||||
'throttled' => 'Așteaptă înainte de a reîncerca.',
|
||||
'token' => 'Token-ul de resetare a parolei este invalid.',
|
||||
'user' => "Nu putem găsi un utilizator cu această adresă de e-mail.",
|
||||
|
||||
];
|
||||
|
|
@ -0,0 +1,194 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Validation Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines contain the default error messages used by
|
||||
| the validator class. Some of these rules have multiple versions such
|
||||
| as the size rules. Feel free to tweak each of these messages here.
|
||||
|
|
||||
*/
|
||||
|
||||
'accepted' => 'Câmpul :attribute trebuie să fie acceptat.',
|
||||
'accepted_if' => 'Câmpul :attribute trebuie să fie acceptat când :other este :value.',
|
||||
'active_url' => 'Câmpul :attribute nu este un URL valid.',
|
||||
'after' => 'Câmpul :attribute trebuie să fie o dată după :date.',
|
||||
'after_or_equal' => 'Câmpul :attribute trebuie să fie o dată ulterioară sau egală cu :date.',
|
||||
'alpha' => 'Câmpul :attribute poate conține doar litere.',
|
||||
'alpha_dash' => 'Câmpul :attribute poate conține doar litere, numere și cratime.',
|
||||
'alpha_num' => 'Câmpul :attribute poate conține doar litere și numere.',
|
||||
'array' => 'Câmpul :attribute trebuie să fie un array.',
|
||||
'ascii' => ':attribute trebuie să conțină doar caractere și simboluri alfanumerice pe un singur octet.',
|
||||
'before' => 'Câmpul :attribute trebuie să fie o dată înainte de :date.',
|
||||
'before_or_equal' => 'Câmpul :attribute trebuie să fie o dată înainte sau egală cu :date.',
|
||||
'between' => [
|
||||
'array' => 'Câmpul :attribute trebuie să aibă între :min și :max elemente.',
|
||||
'file' => 'Câmpul :attribute trebuie să fie între :min și :max kilobyți.',
|
||||
'numeric' => 'Câmpul :attribute trebuie să fie între :min și :max.',
|
||||
'string' => 'Câmpul :attribute trebuie să fie între :min și :max caractere.',
|
||||
],
|
||||
'boolean' => 'Câmpul :attribute trebuie să fie adevărat sau fals.',
|
||||
'can' => 'Câmpul :attribute conține o valoare neautorizată.',
|
||||
'confirmed' => 'Confirmarea :attribute nu se potrivește.',
|
||||
'current_password' => 'Parola e incorectă.',
|
||||
'date' => 'Câmpul :attribute nu este o dată validă.',
|
||||
'date_equals' => 'Aceasta :attribute trebuie să fie o dată egală cu :date.',
|
||||
'date_format' => 'Câmpul :attribute trebuie să fie în formatul :format.',
|
||||
'decimal' => ':attribute trebuie să aibă :decimal de zecimale.',
|
||||
'declined' => 'Câmpul :attribute trebuie să fie declinat.',
|
||||
'declined_if' => 'Câmpul :attribute trebuie să fie declinat când :other este :value.',
|
||||
'different' => 'Câmpurile :attribute și :other trebuie să fie diferite.',
|
||||
'digits' => 'Câmpul :attribute trebuie să aibă :digits cifre.',
|
||||
'digits_between' => 'Câmpul :attribute trebuie să aibă între :min și :max cifre.',
|
||||
'dimensions' => 'Câmpul :attribute are dimensiuni de imagine nevalide.',
|
||||
'distinct' => 'Câmpul :attribute are o valoare duplicat.',
|
||||
'doesnt_end_with' => ':attribute nu se poate termina cu una dintre următoarele valori: :values.',
|
||||
'doesnt_start_with' => ':attribute trebuie să nu înceapă cu una dintre următoarele valori: :values.',
|
||||
'email' => 'Câmpul :attribute trebuie să fie o adresă de e-mail validă.',
|
||||
'ends_with' => 'Câmpul :attribute trebuie să se încheie cu una din următoarele valori: :values',
|
||||
'enum' => 'Câmpul :attribute selectat nu este valid.',
|
||||
'exists' => 'Câmpul :attribute selectat nu este valid.',
|
||||
'extensions' => 'Câmpul :attribute trebuie să aibă una dintre următoarele extensii: :values.',
|
||||
'file' => 'Câmpul :attribute trebuie să fie un fișier.',
|
||||
'filled' => 'Câmpul :attribute trebuie completat.',
|
||||
'gt' => [
|
||||
'array' => 'Câmpul :attribute trebuie să aibă mai multe de :value elemente.',
|
||||
'file' => 'Câmpul :attribute trebuie să fie mai mare de :value kilobyți.',
|
||||
'numeric' => 'Câmpul :attribute trebuie să fie mai mare de :value.',
|
||||
'string' => 'Câmpul :attribute trebuie să fie mai mare de :value caractere.',
|
||||
],
|
||||
'gte' => [
|
||||
'array' => 'Câmpul :attribute trebuie să aibă :value elemente sau mai multe.',
|
||||
'file' => 'Câmpul :attribute trebuie să fie mai mare sau egal cu :value kilobyți.',
|
||||
'numeric' => 'Câmpul :attribute trebuie să fie mai mare sau egal cu :value.',
|
||||
'string' => 'Câmpul :attribute trebuie să fie mai mare sau egal cu :value caractere.',
|
||||
],
|
||||
'hex_color' => 'Câmpul :attribute trebuie să fie o culoare hexazecimală validă.',
|
||||
'image' => 'Câmpul :attribute trebuie să fie o imagine.',
|
||||
'in' => 'Câmpul :attribute selectat nu este valid.',
|
||||
'in_array' => 'Câmpul :attribute nu există în :other.',
|
||||
'integer' => 'Câmpul :attribute trebuie să fie un număr întreg.',
|
||||
'ip' => 'Câmpul :attribute trebuie să fie o adresă IP validă.',
|
||||
'ipv4' => 'Câmpul :attribute trebuie să fie o adresă IPv4 validă.',
|
||||
'ipv6' => 'Câmpul :attribute trebuie să fie o adresă IPv6 validă.',
|
||||
'json' => 'Câmpul :attribute trebuie să fie un string JSON valid.',
|
||||
'lowercase' => ':attribute trebuie să fie format doar din litere mici.',
|
||||
'lt' => [
|
||||
'array' => 'Câmpul :attribute trebuie să aibă mai puțin de :value elemente.',
|
||||
'file' => 'Câmpul :attribute trebuie să fie mai mic de :value kilobyți.',
|
||||
'numeric' => 'Câmpul :attribute trebuie să fie mai mic de :value.',
|
||||
'string' => 'Câmpul :attribute trebuie să fie mai mic de :value caractere.',
|
||||
],
|
||||
'lte' => [
|
||||
'array' => 'Câmpul :attribute trebuie să aibă :value elemente sau mai puține.',
|
||||
'file' => 'Câmpul :attribute trebuie să fie mai mic sau egal cu :value kilobyți.',
|
||||
'numeric' => 'Câmpul :attribute trebuie să fie mai mic sau egal cu :value.',
|
||||
'string' => 'Câmpul :attribute trebuie să fie mai mic sau egal cu :value caractere.',
|
||||
],
|
||||
'mac_address' => 'Câmpul :attribute trebuie să fie o adresă MAC validă.',
|
||||
'max' => [
|
||||
'array' => 'Câmpul :attribute nu poate avea mai mult de :max elemente.',
|
||||
'file' => 'Câmpul :attribute nu poate avea mai mult de :max kilobyți.',
|
||||
'numeric' => 'Câmpul :attribute nu poate fi mai mare de :max.',
|
||||
'string' => 'Câmpul :attribute nu poate avea mai mult de :max caractere.',
|
||||
],
|
||||
'max_digits' => ':attribute nu trebuie să conțină mai mult de :max cifre.',
|
||||
'mimes' => 'Câmpul :attribute trebuie să fie un fișier de tipul: :values.',
|
||||
'mimetypes' => 'Câmpul :attribute trebuie să fie un fișier de tipul: :values.',
|
||||
'min' => [
|
||||
'array' => 'Câmpul :attribute trebuie să aibă cel puțin :min elemente.',
|
||||
'file' => 'Câmpul :attribute trebuie să aibă cel puțin :min kilobyți.',
|
||||
'numeric' => 'Câmpul :attribute nu poate fi mai mic de :min.',
|
||||
'string' => 'Câmpul :attribute trebuie să aibă cel puțin :min caractere.',
|
||||
],
|
||||
'min_digits' => ':attribute trebuie să conțină cel puțin :min cifre.',
|
||||
'missing' => 'Câmpul :attribute trebuie să lipsească.',
|
||||
'missing_if' => 'Câmpul :attribute trebuie să lipsească când :other este :value.',
|
||||
'missing_unless' => 'Câmpul :attribute trebuie să lipsească, cu excepția cazului în care :other este :value.',
|
||||
'missing_with' => 'Câmpul :attribute trebuie să lipsească atunci când este prezent :values.',
|
||||
'missing_with_all' => 'Câmpul :attribute trebuie să lipsească atunci când sunt prezente :values.',
|
||||
'multiple_of' => ':attribute trebuie să fie un multiplu de :value',
|
||||
'not_in' => 'Câmpul :attribute selectat nu este valid.',
|
||||
'not_regex' => 'Câmpul :attribute nu are un format valid.',
|
||||
'numeric' => 'Câmpul :attribute trebuie să fie un număr.',
|
||||
'password' => [
|
||||
'letters' => ':attribute trebuie să conțină cel puțin o literă.',
|
||||
'mixed' => ':attribute trebuie să conțină cel puțin o literă mare și o literă mică.',
|
||||
'numbers' => ':attribute trebuie să conțină cel puțin un număr.',
|
||||
'symbols' => ':attribute trebuie să conțină cel puțin un simbol.',
|
||||
'uncompromised' => ':attribute dat a apărut într-o scurgere de date. Vă rugăm să alegeți un alt :attribute.',
|
||||
],
|
||||
'present' => 'Câmpul :attribute trebuie să fie prezent.',
|
||||
'present_if' => 'Câmpul :attribute trebuie să fie prezent când :other este :value.',
|
||||
'present_unless' => 'Câmpul :attribute trebuie să fie prezent, cu excepția cazului în care :other este :value.',
|
||||
'present_with' => 'Câmpul :attribute trebuie să fie prezent atunci când este prezent :values.',
|
||||
'present_with_all' => 'Câmpul :attribute trebuie să fie prezent atunci când sunt prezenți :values.',
|
||||
'prohibited' => 'Câmpul :attribute este interzis.',
|
||||
'prohibited_if' => 'Câmpul :attribute este interzis atunci când :other este :value.',
|
||||
'prohibited_unless' => 'Câmpul :attribute este interzis, cu excepția cazului în care :other este în :values.',
|
||||
'prohibits' => 'Câmpul :attribute nu permite ca :other să fie prezent.',
|
||||
'regex' => 'Câmpul :attribute nu are un format valid.',
|
||||
'required' => 'Câmpul :attribute este obligatoriu.',
|
||||
'required_array_keys' => 'Câmpul :attribute trebuie să conțină valori pentru: :values.',
|
||||
'required_if' => 'Câmpul :attribute este necesar când :other este :value.',
|
||||
'required_if_accepted' => 'Câmpul :attribute este obligatoriu când :other este acceptat.',
|
||||
'required_unless' => 'Câmpul :attribute este necesar, cu excepția cazului :other este in :values.',
|
||||
'required_with' => 'Câmpul :attribute este necesar când există :values.',
|
||||
'required_with_all' => 'Câmpul :attribute este necesar când există :values.',
|
||||
'required_without' => 'Câmpul :attribute este necesar când nu există :values.',
|
||||
'required_without_all' => 'Câmpul :attribute este necesar când niciuna dintre valorile :values nu există.',
|
||||
'same' => 'Câmpurile :attribute și :other trebuie să fie identice.',
|
||||
'size' => [
|
||||
'array' => 'Câmpul :attribute trebuie să aibă :size elemente.',
|
||||
'file' => 'Câmpul :attribute trebuie să aibă :size kilobyți.',
|
||||
'numeric' => 'Câmpul :attribute trebuie să fie :size.',
|
||||
'string' => 'Câmpul :attribute trebuie să aibă :size caractere.',
|
||||
],
|
||||
'starts_with' => 'Câmpul :attribute trebuie să înceapă cu una din următoarele valori: :values',
|
||||
'string' => 'Câmpul :attribute trebuie să fie string.',
|
||||
'timezone' => 'Câmpul :attribute trebuie să fie un fus orar valid.',
|
||||
'ulid' => ':attribute trebuie să fie un ULID valid.',
|
||||
'unique' => 'Câmpul :attribute a fost deja folosit.',
|
||||
'uploaded' => 'Câmpul :attribute nu a reușit încărcarea.',
|
||||
'uppercase' => ':attribute trebuie să fie majuscule.',
|
||||
'url' => 'Câmpul :attribute nu este un URL valid.',
|
||||
'uuid' => 'Câmpul :attribute trebuie să fie un cod UUID valid.',
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Custom Validation Language Lines
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Here you may specify custom validation messages for attributes using the
|
||||
| convention "attribute.rule" to name the lines. This makes it quick to
|
||||
| specify a specific custom language line for a given attribute rule.
|
||||
|
|
||||
*/
|
||||
|
||||
'custom' => [
|
||||
'attribute-name' => [
|
||||
'rule-name' => 'custom-message',
|
||||
],
|
||||
],
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Custom Validation Attributes
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| The following language lines are used to swap our attribute placeholder
|
||||
| with something more reader friendly such as "E-Mail Address" instead
|
||||
| of "email". This simply helps us make our message more expressive.
|
||||
|
|
||||
*/
|
||||
|
||||
'attributes' => [
|
||||
'login' => "'Nume de utilizator'",
|
||||
'password' => "'Parolă'"
|
||||
],
|
||||
|
||||
];
|
||||
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
|
|
@ -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');
|
||||
}
|
||||
|
|
@ -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'); }
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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; }
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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 */
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 201 B |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 178 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 270 B |
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 107 B |
Binary file not shown.
|
After Width: | Height: | Size: 106 B |
Binary file not shown.
|
After Width: | Height: | Size: 347 B |
Binary file not shown.
|
After Width: | Height: | Size: 324 B |
Binary file not shown.
|
After Width: | Height: | Size: 111 B |
Binary file not shown.
|
After Width: | Height: | Size: 352 B |
Binary file not shown.
|
After Width: | Height: | Size: 340 B |
Binary file not shown.
|
After Width: | Height: | Size: 103 B |
Binary file not shown.
|
After Width: | Height: | Size: 503 B |
Binary file not shown.
|
After Width: | Height: | Size: 96 B |
Binary file not shown.
|
After Width: | Height: | Size: 70 B |
Binary file not shown.
|
After Width: | Height: | Size: 506 B |
Binary file not shown.
|
After Width: | Height: | Size: 203 B |
Binary file not shown.
|
After Width: | Height: | Size: 176 B |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 146 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue