forked from metin2/web
Added website Docker image, bumped PHP version, added mall authentication, added experimental patcher support, improved migrations, added teasers
This commit is contained in:
103
public/assets/teaser/grotto/css/iepngfix.htc
Normal file
103
public/assets/teaser/grotto/css/iepngfix.htc
Normal file
@ -0,0 +1,103 @@
|
||||
<public:component>
|
||||
<public:attach event="onpropertychange" onevent="iePNGFix(0)" />
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
// IE5.5+ PNG Alpha Fix v1.0
|
||||
// (c) 2004-2008 Angus Turnbull http://www.twinhelix.com
|
||||
|
||||
// This is licensed under the GNU LGPL, version 2.1 or later.
|
||||
// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
|
||||
|
||||
|
||||
// This must be a path to a blank image, relative to the HTML document(s).
|
||||
// In production use I suggest '/images/blank.gif' or similar. That's all!
|
||||
if (typeof blankImg == 'undefined') var blankImg = '/img/blank.gif';
|
||||
|
||||
|
||||
|
||||
function filt(s, b)
|
||||
{
|
||||
var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
|
||||
var sM = (currentStyle.backgroundRepeat == 'no-repeat') ? 'crop' : 'scale';
|
||||
s = (s || '').replace(/\(/g, '%28').replace(/\)/g, '%29');
|
||||
|
||||
if (s && !(/IMG|INPUT/.test(nodeName) && !b) &&
|
||||
currentStyle.width == 'auto' && currentStyle.height == 'auto')
|
||||
{
|
||||
style.width = offsetWidth + 'px';
|
||||
style.height = clientHeight + 'px';
|
||||
if (currentStyle.display == 'inline') style.display = 'inline-block';
|
||||
}
|
||||
|
||||
if (filters[f])
|
||||
{
|
||||
filters[f].enabled = s ? true : false;
|
||||
if (s) with (filters[f]) { src = s }
|
||||
}
|
||||
else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="' + sM + '")';
|
||||
}
|
||||
|
||||
function iePNGFix(init)
|
||||
{
|
||||
if (!/MSIE (5\.5|6)/.test(navigator.userAgent) || typeof filters == 'unknown') return;
|
||||
var evt = init ? { propertyName: 'src,background' } : event;
|
||||
var isSrc = /src/.test(evt.propertyName);
|
||||
var isBg = /background/.test(evt.propertyName);
|
||||
var isClass = !init &&
|
||||
((this.className != this._png_class) && (this.className || this._png_class));
|
||||
if (!(isSrc || isBg || isClass)) return;
|
||||
this._png_class = this.className;
|
||||
var blank = blankImg.match(/([^\/]+)$/)[1];
|
||||
|
||||
// Required for Whatever:hover support - erase any set BG if className changes.
|
||||
if (isClass && ((style.backgroundImage.indexOf('url(') == -1) ||
|
||||
(style.backgroundImage.indexOf(blank) > -1)))
|
||||
{
|
||||
setTimeout(function() { this.style.backgroundImage = '' }, 0);
|
||||
return;
|
||||
}
|
||||
|
||||
if (isSrc && this.src && /IMG|INPUT/.test(nodeName))
|
||||
{
|
||||
if ((/\.png/i).test(src))
|
||||
{
|
||||
filt(src, 1);
|
||||
src = blankImg;
|
||||
}
|
||||
else if (src.indexOf(blank) == -1) filt();
|
||||
}
|
||||
|
||||
var bgSrc = currentStyle.backgroundImage || style.backgroundImage;
|
||||
if ((bgSrc + this.src).indexOf(blank) == -1)
|
||||
{
|
||||
var bgPNG = bgSrc.match(/^url[("']+(.*\.png[^\)"']*)[\)"']+[^\)]*$/i);
|
||||
|
||||
if (bgPNG)
|
||||
{
|
||||
style.backgroundImage = 'url("' + blankImg + '")';
|
||||
filt(bgPNG[1], 0);
|
||||
// Unclickable elements inside PNG backgrounds.
|
||||
var tags = ['a', 'input', 'select', 'textarea', 'iframe', 'object'],
|
||||
t = tags.length, tFix = [];
|
||||
while (t--)
|
||||
{
|
||||
var elms = all.tags(tags[t]), e = elms.length;
|
||||
while (e--) tFix.push(elms[e]);
|
||||
}
|
||||
var t = tFix.length;
|
||||
if (t && (/relative|absolute/i).test(currentStyle.position))
|
||||
alert('IEPNGFix: Children of positioned element are unclickable:\n\n<' +
|
||||
nodeName + (id && ' id=' + id) + '>');
|
||||
while (t--)
|
||||
if (!(/relative|absolute/i).test(tFix[t].currentStyle.position))
|
||||
tFix[t].style.position = 'relative';
|
||||
}
|
||||
else filt();
|
||||
}
|
||||
}
|
||||
|
||||
iePNGFix(1);
|
||||
|
||||
</script>
|
||||
</public:component>
|
||||
BIN
public/assets/teaser/grotto/css/images/blank.gif
Normal file
BIN
public/assets/teaser/grotto/css/images/blank.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 B |
BIN
public/assets/teaser/grotto/css/images/loading.gif
Normal file
BIN
public/assets/teaser/grotto/css/images/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
53
public/assets/teaser/grotto/css/lytebox.css
Normal file
53
public/assets/teaser/grotto/css/lytebox.css
Normal file
@ -0,0 +1,53 @@
|
||||
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
|
||||
#lbOverlay.grey { background-color: #000000; }
|
||||
#lbOverlay.red { background-color: #330000; }
|
||||
#lbOverlay.green { background-color: #003300; }
|
||||
#lbOverlay.blue { background-color: #011D50; }
|
||||
#lbOverlay.gold { background-color: #666600; }
|
||||
|
||||
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
|
||||
#lbMain a img { border: none; }
|
||||
|
||||
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
|
||||
#lbOuterContainer.grey { border: 3px solid #628b9d; }
|
||||
|
||||
#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
|
||||
#lbDetailsContainer.grey { border: 3px solid #628b9d; border-top: none; }
|
||||
|
||||
#lbImageContainer, #lbIframeContainer { padding: 10px; }
|
||||
#lbLoading {
|
||||
position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
|
||||
}
|
||||
|
||||
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
|
||||
#lbImageContainer>#lbHoverNav { left: 0; }
|
||||
#lbHoverNav a { outline: none; }
|
||||
|
||||
#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
|
||||
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../img/gallery/prev_grey.gif) left 15% no-repeat; }
|
||||
|
||||
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
|
||||
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../img/gallery/next_grey.gif) right 15% no-repeat; }
|
||||
|
||||
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
|
||||
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
|
||||
|
||||
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
|
||||
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
|
||||
|
||||
#lbDetailsData { padding: 0 10px; }
|
||||
#lbDetailsData.grey { color: #333333; }
|
||||
|
||||
#lbDetails { width: 60%; float: left; text-align: left; }
|
||||
#lbCaption { display: block; font-weight: bold; }
|
||||
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
|
||||
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
|
||||
|
||||
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
|
||||
#lbClose.grey { background: url(../img/gallery/close_grey.png) no-repeat; }
|
||||
|
||||
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
|
||||
#lbPlay.grey { background: url(../img/gallery/play_grey.png) no-repeat; }
|
||||
|
||||
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
|
||||
#lbPause.grey { background: url(../img/gallery/pause_grey.png) no-repeat; }
|
||||
323
public/assets/teaser/grotto/css/main.css
Normal file
323
public/assets/teaser/grotto/css/main.css
Normal file
@ -0,0 +1,323 @@
|
||||
html {height: 100%;}
|
||||
|
||||
body {
|
||||
background:#000 url(../img/background.jpg) no-repeat 50% top;
|
||||
color:#a8a9b3;
|
||||
font:normal 12px Arial,sans-serif;
|
||||
height: 100%;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
#page {
|
||||
margin:0 auto;
|
||||
padding:0;
|
||||
position:relative;
|
||||
width:719px;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
#caution_ie {
|
||||
display:none;
|
||||
}
|
||||
|
||||
#header {
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
width:650px;
|
||||
}
|
||||
|
||||
.play a {
|
||||
display:block;
|
||||
height:80px;
|
||||
position:absolute;
|
||||
top:-30px;
|
||||
width:78px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align:center;
|
||||
width:240px;
|
||||
}
|
||||
|
||||
h1 a {
|
||||
display:block;
|
||||
height:90px;
|
||||
left:212px;
|
||||
margin:52px 0 0 0;
|
||||
position:relative;
|
||||
text-indent:-9999px;
|
||||
}
|
||||
|
||||
#movie {
|
||||
height:374px;
|
||||
margin:13px auto 0 auto;
|
||||
padding:5px 0 0 1px;
|
||||
width:655px;
|
||||
}
|
||||
|
||||
#player {
|
||||
background:url(../img/splashscreen.jpg) no-repeat;
|
||||
display:block;
|
||||
height:365px;
|
||||
text-align:center;
|
||||
width:648px;
|
||||
}
|
||||
|
||||
#player img {
|
||||
margin:130px 0 0 0;
|
||||
}
|
||||
|
||||
.content_background {
|
||||
background:url(../img/bg_content.gif) repeat-y;
|
||||
display:inline;
|
||||
float:left;
|
||||
margin:0;
|
||||
padding:0 6px 10px 6px;
|
||||
width:706px;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
.content_right {
|
||||
background:url(../img/bg_content_right.jpg);
|
||||
display:inline;
|
||||
float:right;
|
||||
height:360px;
|
||||
width:22px;
|
||||
}
|
||||
|
||||
.content_left {
|
||||
background:url(../img/bg_content_left.jpg);
|
||||
display:inline;
|
||||
float:left;
|
||||
height:360px;
|
||||
width:24px;
|
||||
}
|
||||
|
||||
#navigation {
|
||||
background:url(../img/bg_navigation.jpg) no-repeat;
|
||||
display:inline;
|
||||
float:left;
|
||||
height:72px;
|
||||
margin:0 0 0 1px;
|
||||
width:706px;
|
||||
}
|
||||
|
||||
#navigation ul {padding:14px 0 0 32px;}
|
||||
|
||||
#navigation ul li {
|
||||
display:block;
|
||||
float:left;
|
||||
height:45px;
|
||||
padding:0 8px 0 0;
|
||||
text-align:center;
|
||||
width:153px;
|
||||
}
|
||||
|
||||
#navigation ul li a {
|
||||
background:url(../img/navigation.jpg) no-repeat;
|
||||
color:#5b725d;
|
||||
display:block;
|
||||
font:15px Arial;
|
||||
height:45px;
|
||||
line-height:45px;
|
||||
text-decoration:none;
|
||||
width:153px;
|
||||
}
|
||||
|
||||
#navigation ul li a:hover, #navigation ul li a.navi_active {
|
||||
background-position:0 -45px;
|
||||
color:#b9dbac;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#content {
|
||||
background:url(../img/textur_content.jpg);
|
||||
display:inline;
|
||||
min-height:300px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#matter {
|
||||
float:left;
|
||||
width:650px;
|
||||
}
|
||||
|
||||
#content h2 {
|
||||
color:#95bcd8;
|
||||
display:inline;
|
||||
float:left;
|
||||
font:18px Arial;
|
||||
margin:10px 0 5px 25px;
|
||||
width:360px;
|
||||
}
|
||||
|
||||
#content h3 {
|
||||
color:#95bcd8;
|
||||
display:inline;
|
||||
float:left;
|
||||
font:normal 14px Arial;
|
||||
margin:10px 0 0 25px;
|
||||
width:360px;
|
||||
}
|
||||
|
||||
#content p {
|
||||
display:inline;
|
||||
float:left;
|
||||
line-height:140%;
|
||||
margin:5px 0 5px 25px;
|
||||
width:360px;
|
||||
}
|
||||
|
||||
.images {
|
||||
background:url(../img/bg_images.png) no-repeat;
|
||||
display:inline;
|
||||
height:325px;
|
||||
float:right;
|
||||
margin:20px 20px 0 0;
|
||||
width:226px;
|
||||
}
|
||||
|
||||
.image_1 {padding:16px 0 0 17px;}
|
||||
|
||||
.image_2 {padding:37px 0 0 17px;}
|
||||
|
||||
.image_1 img, .image_2 img {border:0;}
|
||||
|
||||
#gallery_view {
|
||||
margin:0 0 0 10px;
|
||||
width:650px;
|
||||
}
|
||||
|
||||
ul#gallery_view {
|
||||
display:inline;
|
||||
float:left;
|
||||
width:650px;
|
||||
}
|
||||
|
||||
#gallery_view li {
|
||||
background:url(../img/bg_gallery.jpg) no-repeat;
|
||||
display:inline;
|
||||
float:left;
|
||||
height:104px;
|
||||
margin:10px 3px 0 5px;
|
||||
padding:6px 0 0 6px;
|
||||
width:146px;
|
||||
}
|
||||
|
||||
.date {
|
||||
color:#596580;
|
||||
display:inline;
|
||||
float:left;
|
||||
font:normal 12px Arial;
|
||||
margin: 1px 5px 0 0;
|
||||
}
|
||||
|
||||
.news_image {
|
||||
border:1px solid #67919f;
|
||||
display:inline;
|
||||
float:left;
|
||||
margin:5px 10px 10px 0;
|
||||
}
|
||||
|
||||
#content p.news {width:360px;}
|
||||
|
||||
#content ul.news_list {
|
||||
display:inline;
|
||||
float:left;
|
||||
margin:3px 0 3px 30px;
|
||||
width:355px;
|
||||
}
|
||||
|
||||
#content ul.news_list li {
|
||||
list-style-type:square;
|
||||
list-style-position:outside;
|
||||
padding:0 0 3px 10px;
|
||||
margin:0 0 0 10px;
|
||||
}
|
||||
|
||||
#social_network {
|
||||
float:right;
|
||||
margin:0;
|
||||
width:226px;
|
||||
}
|
||||
|
||||
#social_network h4 {
|
||||
color:#95bcd8;
|
||||
display:inline;
|
||||
float:left;
|
||||
font:normal 14px Arial;
|
||||
margin:10px 0 0 8px;
|
||||
width:120px;
|
||||
}
|
||||
|
||||
#social_network ul {
|
||||
display:inline;
|
||||
float:left;
|
||||
height:150px;
|
||||
margin:0;
|
||||
padding:10px 0 0 15px;
|
||||
width:226px;
|
||||
}
|
||||
|
||||
#social_network ul li {
|
||||
float:left;
|
||||
padding:3px 0 5px 0;
|
||||
width:200px;
|
||||
}
|
||||
|
||||
#social_network img {
|
||||
float:left;
|
||||
margin:0 5px 0 0;
|
||||
}
|
||||
|
||||
#social_network span {
|
||||
display:block;
|
||||
padding:10px 0 0 0;
|
||||
}
|
||||
#social_network_index {
|
||||
float:left;
|
||||
margin:10px 0 0 25px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
color:#596580;
|
||||
display:inline;
|
||||
float:left;
|
||||
font:10px Arial;
|
||||
height:236px;
|
||||
margin:-200px auto 0 auto;
|
||||
padding:0;
|
||||
position:relative;
|
||||
width:100%;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
.footer_background {
|
||||
background:url(../img/bg_footer.png) no-repeat -1px bottom;
|
||||
margin:0 auto;
|
||||
width:1000px;
|
||||
}
|
||||
|
||||
#footer ul {
|
||||
margin:0 auto;
|
||||
padding:220px 0 5px 20px;
|
||||
width:720px;
|
||||
}
|
||||
|
||||
#footer ul li.first {
|
||||
background:none;
|
||||
padding:0 200px 0 0;
|
||||
}
|
||||
|
||||
#footer ul li {
|
||||
background:url(../img/arrow.gif) no-repeat 0 3px;
|
||||
display:inline;
|
||||
padding:0 10px 0 10px;
|
||||
}
|
||||
|
||||
#footer ul li a {
|
||||
color:#e8bf47;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#footer ul li a:hover {text-decoration:underline;}
|
||||
52
public/assets/teaser/grotto/css/reset.css
Normal file
52
public/assets/teaser/grotto/css/reset.css
Normal file
@ -0,0 +1,52 @@
|
||||
/* RESET CSS */
|
||||
|
||||
/* v1.0 | 20080212 */
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
body {
|
||||
line-height: normal;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
padding:0;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
/* remember to define focus styles! */
|
||||
:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* remember to highlight inserts somehow! */
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
/* tables still need 'cellspacing="0"' in the markup */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
15
public/assets/teaser/grotto/css/style_ie.css
Normal file
15
public/assets/teaser/grotto/css/style_ie.css
Normal file
@ -0,0 +1,15 @@
|
||||
.content_background {
|
||||
background:url(../img/bg_content.gif) repeat-y 1px 0;
|
||||
width:707px;
|
||||
}
|
||||
|
||||
.play {
|
||||
position:relative;
|
||||
top:60px;
|
||||
}
|
||||
|
||||
.footer_background {
|
||||
background:url(../img/bg_footer.png) no-repeat 0 bottom;
|
||||
margin:0 auto;
|
||||
width:1000px;
|
||||
}
|
||||
18
public/assets/teaser/grotto/css/style_ie6.css
Normal file
18
public/assets/teaser/grotto/css/style_ie6.css
Normal file
@ -0,0 +1,18 @@
|
||||
#caution_ie {
|
||||
display:block;
|
||||
border-bottom:3px solid #67919f;
|
||||
padding:5px 0;
|
||||
position:absolute;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#caution_ie a {color:#E8BF47;}
|
||||
|
||||
.play {
|
||||
position:relative;
|
||||
top:60px;
|
||||
}
|
||||
|
||||
.images, .footer_background {
|
||||
behavior: url(iepngfix.htc);
|
||||
}
|
||||
Reference in New Issue
Block a user