forked from metin2/web
Updated assets to March 2013, added news.
This commit is contained in:
@ -37,6 +37,8 @@
|
||||
display:none
|
||||
}
|
||||
#register #pwInfo,
|
||||
#lostPasswordCode #pwInfo,
|
||||
#changePw #pwInfo,
|
||||
.formError .formErrorContent {
|
||||
background:url("/img/tooltip-bg.png") repeat-x scroll 0 0 #B9A16E;
|
||||
border:1px solid #60430a;
|
||||
@ -64,7 +66,7 @@
|
||||
|
||||
#registerForm .tacformError {left:760px !important;}
|
||||
|
||||
.greenPopup .formErrorContent {
|
||||
.greenPopup .formErrorContent {
|
||||
width:235px;
|
||||
}
|
||||
.blackPopup .formErrorContent {
|
||||
@ -143,7 +145,7 @@
|
||||
background:transparent url(/img/secure-pwd-bar.gif) no-repeat 0 -13px;
|
||||
font-size:1px;
|
||||
height:13px;
|
||||
|
||||
|
||||
}
|
||||
#securePwd #securePwdBar {float:left; background-position:0 0; width:0px;}
|
||||
#pwdWarning {
|
||||
@ -168,8 +170,12 @@
|
||||
|
||||
#toPwInfo {font-size:11px; color:#8D0404; cursor:pointer;}
|
||||
|
||||
#registerForm img {display:inline;}
|
||||
#register #pwInfo {
|
||||
#registerForm img,
|
||||
#lostPasswordCodeForm img,
|
||||
#changepwForm img {display:inline;}
|
||||
#register #pwInfo,
|
||||
#lostPasswordCode #pwInfo,
|
||||
#changePw #pwInfo {
|
||||
left:55px;
|
||||
font-weight:normal;
|
||||
padding:10px;
|
||||
@ -180,7 +186,9 @@
|
||||
|
||||
#pwInfo {display:none;}
|
||||
|
||||
#register #pwInfo h3 {
|
||||
#register #pwInfo h3,
|
||||
#lostPasswordCode #pwInfo h3,
|
||||
#changePw #pwInfo h3 {
|
||||
color:#8D0404;
|
||||
font-size:12px;
|
||||
min-height:15px;
|
||||
@ -195,6 +203,12 @@
|
||||
padding:0 0 0 20px;
|
||||
}
|
||||
|
||||
#pwInfo p {
|
||||
margin:0;
|
||||
font-weight:normal;
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
.nodisplay {
|
||||
display: none;
|
||||
}
|
||||
@ -206,20 +220,20 @@
|
||||
|
||||
|
||||
.simple_overlay {
|
||||
|
||||
|
||||
/* must be initially hidden */
|
||||
display:none;
|
||||
/* place overlay on top of other elements */
|
||||
z-index:10000;
|
||||
/* styling */
|
||||
background-color:#333;
|
||||
width:675px;
|
||||
width:675px;
|
||||
min-height:200px;
|
||||
border:1px solid #666;
|
||||
position:fixed;
|
||||
/* CSS3 styling for latest browsers */
|
||||
-moz-box-shadow:0 0 90px 5px #000;
|
||||
-webkit-box-shadow: 0 0 90px #000;
|
||||
-webkit-box-shadow: 0 0 90px #000;
|
||||
}
|
||||
|
||||
/* close button positioned on upper right corner */
|
||||
@ -243,11 +257,11 @@
|
||||
.forward, .back, .info {background:#D8C79C;}
|
||||
|
||||
.forward, .back {
|
||||
|
||||
|
||||
/* absolute positioning relative to the overlay */
|
||||
position:absolute;
|
||||
top:40%;
|
||||
border:1px solid #666;
|
||||
top:40%;
|
||||
border:1px solid #666;
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
padding:10px 20px;
|
||||
@ -258,7 +272,7 @@
|
||||
width:20px;
|
||||
/* upcoming CSS3 features */
|
||||
-moz-border-radius:5px;
|
||||
-webkit-border-radius:5px;
|
||||
-webkit-border-radius:5px;
|
||||
}
|
||||
|
||||
.back {
|
||||
@ -278,7 +292,7 @@
|
||||
-moz-border-radius-topright:0;
|
||||
-moz-border-radius-bottomright:0;
|
||||
-webkit-border-bottom-right-radius:0;
|
||||
-webkit-border-top-right-radius:0;
|
||||
-webkit-border-top-right-radius:0;
|
||||
}
|
||||
|
||||
.forward:hover {background:#D8C79C url(/img/nextlabel-hover.gif) no-repeat center center;}
|
||||
@ -286,14 +300,14 @@
|
||||
|
||||
/* when there is no next or previous link available this class is added */
|
||||
.disabled {
|
||||
visibility:hidden;
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
/* the "information box" */
|
||||
.info {
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
left:0;
|
||||
padding:10px 15px;
|
||||
color:#160400;
|
||||
font-size:11px;
|
||||
@ -301,7 +315,7 @@
|
||||
}
|
||||
|
||||
.info strong {
|
||||
display:block;
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* progress indicator (animated gif). should be initially hidden */
|
||||
@ -336,68 +350,68 @@
|
||||
width:553px;
|
||||
}
|
||||
|
||||
.navi {
|
||||
margin-left:328px;
|
||||
width:200px;
|
||||
height:20px;
|
||||
}
|
||||
|
||||
|
||||
/* items inside navigator */
|
||||
.navi a {
|
||||
width:8px;
|
||||
height:8px;
|
||||
float:left;
|
||||
margin:3px;
|
||||
background:url(/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
|
||||
display:block;
|
||||
font-size:1px;
|
||||
}
|
||||
|
||||
/* mouseover state */
|
||||
.navi a:hover {
|
||||
background-position:0 -8px;
|
||||
}
|
||||
|
||||
/* active state (current page state) */
|
||||
.navi a.active {
|
||||
background-position:0 -16px;
|
||||
.navi {
|
||||
margin-left:328px;
|
||||
width:200px;
|
||||
height:20px;
|
||||
}
|
||||
|
||||
div.scrollable {
|
||||
|
||||
/* required settings */
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
width:553px;
|
||||
height:574px;
|
||||
}
|
||||
|
||||
/*
|
||||
root element for scrollable items. Must be absolutely positioned
|
||||
and it should have a extremely large width to accomodate scrollable items.
|
||||
it's enough that you set width and height for the root element and
|
||||
not for this element.
|
||||
*/
|
||||
div.scrollable div.items {
|
||||
/* this cannot be too large */
|
||||
width:20000em;
|
||||
position:absolute;
|
||||
clear:both;
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
a single item. must be floated in horizontal scrolling.
|
||||
typically, this element is the one that *you* will style
|
||||
the most.
|
||||
*/
|
||||
/* items inside navigator */
|
||||
.navi a {
|
||||
width:8px;
|
||||
height:8px;
|
||||
float:left;
|
||||
margin:3px;
|
||||
background:url(/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
|
||||
display:block;
|
||||
font-size:1px;
|
||||
}
|
||||
|
||||
/* mouseover state */
|
||||
.navi a:hover {
|
||||
background-position:0 -8px;
|
||||
}
|
||||
|
||||
/* active state (current page state) */
|
||||
.navi a.active {
|
||||
background-position:0 -16px;
|
||||
}
|
||||
|
||||
div.scrollable {
|
||||
|
||||
/* required settings */
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
width:553px;
|
||||
height:574px;
|
||||
}
|
||||
|
||||
/*
|
||||
root element for scrollable items. Must be absolutely positioned
|
||||
and it should have a extremely large width to accomodate scrollable items.
|
||||
it's enough that you set width and height for the root element and
|
||||
not for this element.
|
||||
*/
|
||||
div.scrollable div.items {
|
||||
/* this cannot be too large */
|
||||
width:20000em;
|
||||
position:absolute;
|
||||
clear:both;
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
a single item. must be floated in horizontal scrolling.
|
||||
typically, this element is the one that *you* will style
|
||||
the most.
|
||||
*/
|
||||
div.scrollable div.items div {
|
||||
float:left;
|
||||
height:515px;
|
||||
float:left;
|
||||
height:515px;
|
||||
width:481px;
|
||||
padding:49px 36px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
div.scrollable div.items div p.pager {
|
||||
margin:9px 0 0;
|
||||
@ -553,7 +567,7 @@ a.left:hover {
|
||||
* Simple and fancy lightbox alternative
|
||||
*
|
||||
* Examples and documentation at: http://fancybox.net
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2008 - 2010 Janis Skarnelis
|
||||
*
|
||||
* Version: 1.3.1 (05/03/2010)
|
||||
@ -745,6 +759,7 @@ a.left:hover {
|
||||
#fancybox-title-left {
|
||||
padding-left: 15px;
|
||||
background-image: url('/img/fancybox/fancy_title_left.png');
|
||||
background-position: -40px -90px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@ -759,6 +774,7 @@ a.left:hover {
|
||||
#fancybox-title-right {
|
||||
padding-left: 15px;
|
||||
background-image: url('/img/fancybox/fancy_title_right.png');
|
||||
background-position: -55px -90px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@ -853,7 +869,7 @@ a.left:hover {
|
||||
bottom: -20px;
|
||||
right: -20px;
|
||||
background-image: url('/img/fancybox/fancybox.png');
|
||||
background-position: -40px -182px;
|
||||
background-position: -40px -182px;
|
||||
}
|
||||
|
||||
#fancy-bg-s {
|
||||
@ -907,3 +923,48 @@ a.left:hover {
|
||||
.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
|
||||
.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
|
||||
|
||||
/**************************************/
|
||||
/* Slider */
|
||||
/**************************************/
|
||||
|
||||
.coda-slider-wrapper { padding: 0 0 }
|
||||
/*.coda-slider { background: #ebebeb }*/
|
||||
#coda-slider-1 { height: 170px; }
|
||||
|
||||
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
|
||||
.coda-slider-no-js .coda-slider { height: 150px; overflow: hidden !important; padding-right: 20px }
|
||||
|
||||
/* Change the width of the entire slider (without dynamic arrows) */
|
||||
.coda-slider, .coda-slider .panel { width: 480px }
|
||||
|
||||
/* Change margin and width of the slider (with dynamic arrows) */
|
||||
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 235px }
|
||||
.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
|
||||
|
||||
/* Arrow styling */
|
||||
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 0px; width: 20px }
|
||||
|
||||
/* Tab nav */
|
||||
.coda-nav ul li a.current { background: white }
|
||||
|
||||
/* Panel padding */
|
||||
.coda-slider .panel-wrapper { padding: 0px; width:480px; height:150px; }
|
||||
|
||||
/* Preloader */
|
||||
.coda-slider p.loading { padding: 20px; text-align: center }
|
||||
|
||||
/* Don't change anything below here unless you know what you're doing */
|
||||
|
||||
/* Tabbed nav - enlargen height (>0px) to show tab butons */
|
||||
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; position: absolute; top: 145px; right: 50px; height: 0px;}
|
||||
.coda-nav ul li { display: inline }
|
||||
.coda-nav ul li a { background: #999; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none; }
|
||||
|
||||
/* Miscellaneous */
|
||||
.coda-slider-wrapper { clear: both; overflow: auto; /* position:absolute; left:0px;*/ }
|
||||
.coda-slider { float: left; overflow: hidden; position: relative }
|
||||
.coda-slider .panel { display: block; float: left }
|
||||
.coda-slider .panel-container { position: relative }
|
||||
.coda-nav-left, .coda-nav-right { float: left }
|
||||
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
|
||||
|
||||
Reference in New Issue
Block a user