Postado Novembro 5, 2018 6 anos Olá galerinha do TK, desculpem incomodar vocês, mas hoje estou com um problema grave. É que depois que eu adicionei a seguinte tag no Layout.phpMeu site fica bugado.. vou mandar imagens Spoiler Adicionando a TAG: <link href="./layouts/tibiarl/basic.css" rel="stylesheet" type="text/css"> https://prnt.sc/lehaxm \/ E quando eu tiro a seguinte tag do Layout.php fica de seguinte forma \/ Spoiler Retirando a TAG. <link href="./layouts/tibiarl/basic.css" rel="stylesheet" type="text/css"> https://prnt.sc/lehb23 Por favor me ajudem!! kkkkk' Editado Novembro 5, 2018 6 anos por Andersen96 Deletar uma barra. (veja o histórico de edições)
Postado Novembro 5, 2018 6 anos @Andersen96 <link rel="stylesheet" type="text/css" href="./layouts/tibiarl/basic.css" /> Você deve verificar as linha do basic.css pode ter alteração e por isso está modificando seu layout.
Postado Novembro 5, 2018 6 anos Autor Beleza, funcionou!!! Agora só ta bugando a parte das paginas ao lado ali olha a print...https://prnt.sc/leqwlp
Postado Novembro 5, 2018 6 anos Você deve alterar as linha geralmente fica em default.css ou basic.css . você deve verificar o nome da função que está a imagem um exemplo : img.alignright { float: right; margin: 3px 0px 0px 20px; } Você pode ajustar ela através da " margin " . Editado Novembro 5, 2018 6 anos por Celulose (veja o histórico de edições)
Postado Novembro 5, 2018 6 anos Autor Basic.css tem assim.. Mas eu não sei mexer... Citar .Toplevelbox { top: -4px; position: relative; margin-bottom: 10px; width: 180px; height: 200px; } .top_level { position: absolute; top: 29px; left: 6px; height: 160px; width: 168px; z-index: 20; text-align: center; padding-top: 6px; font-family: Tahoma, Geneva, sans-serif; font-size: 9.2pt; color: #FFF; font-weight: bold; text-align: right; text-decoration: inherit; text-shadow: 0.1em 0.1em #333 } #Topbar a { text-decoration: none; cursor: auto; } a.topfont { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #0F0; text-decoration: none } a:hover.topfont { font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #CCC; text-decoration:none } .topnews{ color: #CC0000; font-weight: bold; font-size: 16px; font-family: 'ubuntu'; } .ErrorLogin { color: #EF0000; border: 1px solid #EF0000; } #DeactivationContainer{ position: absolute; top: 0px; left: 0px; z-index: 80; height: 1500px; width: 100%; background-color: black; filter: alpha(opacity=75); opacity: 0.75; -moz-opacity: 0.75; display: none; } #DeactivationContainerThemebox { position: absolute; top: 0px; left: 0px; z-index: 95; height: 1000px; width: 100%; display: none; } .well { min-height: 20px; padding: 10px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } small { font-size: 8pt; } #Seal { z-index: 5; display: block; position: absolute; overflow: visible; background-repeat: no-repeat; width: 110px; height: 110px; top: -15px; right: -15px; } .HintBox { width: 100%; margin-top: -3px; } .HintBox p { margin-top: 0px; } .HintBox .BoxButtons { width: 135px; float: right; } .btn { display: inline-block; *display: inline; padding: 4px 10px 4px; margin-bottom: 0; *margin-left: .3em; font-size: 13px; line-height: 18px; *line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -ms-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #fff), to( #e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(top, #fff, #e6e6e6); background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #ffffff', endColorstr=' #e6e6e6', GradientType=0); filter: progid: dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9 } .btn:active, .btn.active { background-color: #ccc \9 } .btn:first-child { *margin-left: 0 } .btn:hover { color: #333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -ms-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .btn-large { /* padding: 9px 14px; */ font-size: 15px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .btn-large [class^="icon-"] { margin-top: 1px } .btn-small { padding: 5px 9px; font-size: 11px; line-height: 16px } .btn-small [class^="icon-"] { margin-top: -1px } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 14px } .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75) } .btn { border-color: #ccc; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) } .btn-primary { background-color: #0074cc; *background-color: #05c; background-image: -ms-linear-gradient(top, #08c, #05c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #08c), to( #05c)); background-image: -webkit-linear-gradient(top, #08c, #05c); background-image: -o-linear-gradient(top, #08c, #05c); background-image: -moz-linear-gradient(top, #08c, #05c); background-image: linear-gradient(top, #08c, #05c); background-repeat: repeat-x; border-color: #05c #05c #003580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #0088cc', endColorstr=' #0055cc', GradientType=0); filter: progid: dximagetransform.microsoft.gradient(enabled=false) } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #05c; *background-color: #004ab3 } .btn-primary:active, .btn-primary.active { background-color: #004099 \9 } .btn-warning { background-color: #faa732; *background-color: #f89406; background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #fbb450), to( #f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #fbb450', endColorstr=' #f89406', GradientType=0); filter: progid: dximagetransform.microsoft.gradient(enabled=false) } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background-color: #f89406; *background-color: #df8505 } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9 } .btn-danger { background-color: #da4f49; *background-color: #bd362f; background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #ee5f5b), to( #bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #ee5f5b', endColorstr=' #bd362f', GradientType=0); filter: progid: dximagetransform.microsoft.gradient(enabled=false) } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { background-color: #bd362f; *background-color: #a9302a } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9 } .btn-success { background-color: #5bb75b; *background-color: #51a351; background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #62c462), to( #51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(top, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #62c462', endColorstr=' #51a351', GradientType=0); filter: progid: dximagetransform.microsoft.gradient(enabled=false) } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background-color: #51a351; *background-color: #499249 } .btn-success:active, .btn-success.active { background-color: #408140 \9 } .btn-info { background-color: #49afcd; *background-color: #2f96b4; background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #5bc0de), to( #2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #5bc0de', endColorstr=' #2f96b4', GradientType=0); filter: progid: dximagetransform.microsoft.gradient(enabled=false) } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-color: #2f96b4; *background-color: #2a85a0 } .btn-info:active, .btn-info.active { background-color: #24748c \9 } .btn-inverse { background-color: #414141; *background-color: #222; background-image: -ms-linear-gradient(top, #555, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #555), to( #222)); background-image: -webkit-linear-gradient(top, #555, #222); background-image: -o-linear-gradient(top, #555, #222); background-image: -moz-linear-gradient(top, #555, #222); background-image: linear-gradient(top, #555, #222); background-repeat: repeat-x; border-color: #222 #222 #000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #555555', endColorstr=' #222222', GradientType=0); filter: progid: dximagetransform.microsoft.gradient(enabled=false) } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222; *background-color: #151515 } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9 } .InnerTableButtonRow .RowButton { float: right; margin-left: 10px; } button.btn, input[type="submit"].btn { *padding-top: 2px; *padding-bottom: 2px } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0 } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px } .btn-group { position: relative; *margin-left: .3em; *zoom: 1 } .btn-group:before, .btn-group:after { display: table; content: "" } .btn-group:after { clear: both } .btn-group:first-child { *margin-left: 0 } .btn-group+.btn-group { margin-left: 5px } .btn-toolbar { margin-top: 9px; margin-bottom: 9px } .btn-toolbar .btn-group { display: inline-block; *display: inline; *zoom: 1 } .btn-group>.btn { position: relative; float: left; margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .btn-group>.btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px } .btn-group>.btn:last-child, .btn-group>.dropdown-toggle { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px } .btn-group>.btn.large:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px } .btn-group>.btn.large:last-child, .btn-group>.large.dropdown-toggle { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px } .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active { z-index: 2 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group>.dropdown-toggle { *padding-top: 4px; padding-right: 8px; *padding-bottom: 4px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) } .btn-group>.btn-mini.dropdown-toggle { padding-right: 5px; padding-left: 5px } .btn-group>.btn-small.dropdown-toggle { *padding-top: 4px; *padding-bottom: 4px } .btn-group>.btn-large.dropdown-toggle { padding-right: 12px; padding-left: 12px } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6 } .btn-group.open .btn-primary.dropdown-toggle { background-color: #05c } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406 } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351 } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4 } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222 } .btn .caret { margin-top: 7px; margin-left: 0 } .btn:hover .caret, .open.btn-group .caret { opacity: 1; filter: alpha(opacity=100) } .btn-mini .caret { margin-top: 5px } .btn-small .caret { margin-top: 6px } .btn-large .caret { margin-top: 6px; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px } .dropup .btn-large .caret { border-top: 0; border-bottom: 5px solid #000 } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: .75; filter: alpha(opacity=75); } .admin { text-decoration: none; } a.admin { text-decoration: none; color: #000000; } #SocialLinkup { left: 6px; top: -25px; visibility: visible; display: block; } .SocialLinkupLogo { position: absolute; float: left; height: 15px; left: 9px; top: 2px; border: 0px; } #SocialLinkup .SubmenuitemLabel { padding-left: 30px; } select { padding: 5px; } body { margin: 0px; padding: 0px; background-color: #000410; } .TableHeadlineNavigation { margin-top: 4px; font-size: 8px; float: right; } .OptionContainer { text-align: center; } label { cursor: pointer; } .InputIndicator { position: relative; top: 5px; left: 218px; height: 12px; width: 12px; background-repeat: no-repeat; } * html .InputIndicator { left: 0px; } .sortarrow { width: 10px; height: 10px; } #ArtworkHelper { text-align: center; background-position: top center; background-attachment: scroll; background-repeat: no-repeat; width: 100%; height: 100%; min-width: 1000px; } #HeaderArtworkDiv { position: fixed; text-align: center; background-position: top center; background-attachment: scroll; background-repeat: no-repeat; top: 0px; height: 800px; width: 100%; } * html #HeaderArtworkDiv { left: 0px; } /* container to implement min/max width */ #Bodycontainer { text-align: left; min-width: 1000px; max-width: 1050px; width: 100%; height: 100%; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px; display: table; } #ContentRow { position: relative; top: 155px; } /* "star-HTML-hack" to correct the position of the content row */ * html #ContentRow { display: inline-block; } #MenuColumn { position: absolute; left: 0px; top: 0px; width: 180px; margin-right: 15px; margin-left: 15px; padding: 0px; font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; line-height: 12pt; } #ContentColumn { position: relative; margin: 0px; margin-left: 205px; margin-right: 205px; } #ThemeboxesColumn { text-align: center; position: absolute; top: 0px; right: 0px; width: 180px; margin: 0px; margin-right: 15px; margin-left: 25px; } #Footer { font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 7pt; font-weight: normal; text-align: center; position: relative; width: 100%; padding-bottom: 20px; color: white; } * html #Footer { padding-bottom: 120px; margin-bottom: 50px; } /* Footer linkes */ #Footer a:link { color: white; text-decoration: none; } #Footer a:visited { color: white; text-decoration: none; } #Footer a:focus { color: white; text-decoration: none; } #Footer a:active { color: white; text-decoration: underline; } #Footer a:hover { color: white; text-decoration: underline; } /** ------------------------------- * Stylesheet declarations for the * HEADER AREA * ------------------------------- */ #LeftArtwork { position: absolute; height: 140px; width: 166px; top: -140px; left: 4px; background-repeat: no-repeat; z-index:5; } #LeftArtwork #TibiaLogoArtworkTop { position: absolute; top: -17px; left: -14px; height: 158px; width: 196px; z-index: 5; cursor: pointer; border: 0px; } #LeftArtwork #LogoLink { position: absolute; bottom: 14px; left: 58px; height: 14px; width: 50px; z-index: 99; cursor: pointer; } #RightArtwork { text-align: left; position: absolute; top: -1px; right: 24px; width: 132px; background-repeat: no-repeat; z-index: 90; } #RightArtwork #Monster { position: absolute; height: 80px; width: 80px; top: -137px; left: 8px; z-index: 15; cursor: pointer; } #PedestalAndOnline { position: absolute; left: -10px; top: -105px; width: 153px; height: 107px; } #RightArtwork #PlayersOnline { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size: 7pt; line-height: 8pt; text-align: center; position: absolute; width: 92px; bottom: 12px; left: 21px; color: #cfa600; cursor: pointer; } /** ------------------------------- * Stylesheet declarations for the * LOGINBOX * ------------------------------- */ #Loginbox { position: relative; left: 5px; top: 8px; width: 100%; margin-bottom: 42px; background-repeat: no-repeat; } #Loginbox #LoginTop { position: absolute; left: -5px; top: -12px; height: 12px; width: 180px; background-repeat: no-repeat; } #Loginbox #LoginBottom { position: absolute; top: 52px; left: -5px; height: 12px; width: 180px; background-repeat: no-repeat; } #Loginbox .LoginBorder { position: absolute; top: 0px; height: 52px; width: 8px; background-repeat: repeat-y; z-index: 10; } #Loginbox #BorderRight { right: 9px; } #Loginbox .Loginstatus { position: relative; top: 0px; left: 5px; height: 13px; width: 160px; } #Loginbox .LoginstatusText { position: absolute; top: 1px; left: 18px; width: 124px; height: 11px; cursor: pointer; } #Loginbox #LoginstatusText_1 { visibility: visible; } #Loginbox #LoginstatusText_2 { visibility: hidden; } #LoginBox #LoginButtonContainer { position: relative; height: 39px; width: 160px; left: 5px; background-repeat: repeat-y; } #PlayNowContainer { position: absolute; width: 150px; height: 37px; top: 1px; left: 5px; z-index: 99; } #PlayNowContainer form { margin: 0px; padding: 0px; border: 0px; } .BigBoldText { font-weight: bold; font-size: 14pt; } .BigText { font-size: 14pt; } /** ------------------------------- * Stylesheet declarations for the * MENU * ------------------------------- */ #Menu { position: relative; left: 5px; top: -17px; background-repeat: no-repeat; } #MenuTop { position: absolute; left: -5px; top: -12px; height: 12px; width: 180px; background-repeat: no-repeat; } #MenuBottom { position: relative; left: -5px; bottom: 0px; height: 12px; width: 180px; background-repeat: no-repeat; } /* Menuitems */ .MenuButton { position: relative; height: 32px; width: 170px; display: block; cursor: pointer; } .Button { position: relative; height: 32px; width: 170px; visibility: hidden; display: block; } .Extend { position: absolute; top: 20px; right: -2px; height: 12px; width: 12px; background-repeat: no-repeat; } .Lights { visibility: hidden; } .Light_lu { position: absolute; top: 2px; left: 3px; height: 2px; width: 2px; background-repeat: no-repeat; } .Light_ru { position: absolute; top: 2px; right: 3px; height: 2px; width: 2px; background-repeat: no-repeat; } .Light_ld { position: absolute; height: 2px; width: 2px; top: 28px; left: 3px; } .Icon { position: absolute; height: 32px; width: 32px; top: 0px; left: 8px; } .Label { position: absolute; height: 22px; width: 116px; top: 6px; left: 42px; } /* Submenus(items) */ .LeftChain { position: absolute; top: 0px; left: -5px; height: 33px; width: 7px; background-repeat: repeat-y; } .RightChain { position: absolute; top: 0px; right: -4px; height: 33px; width: 7px; background-repeat: repeat-y; } .Submenu { position: relative; margin-left: 5px; margin-right: 5px; background-color: #0D2E2B; width: 160px; } .Submenuitem { position: relative; margin: 0px; padding: 0px; } .ActiveSubmenuItemIcon { position: absolute; top: 5px; left: 3px; width: 10px; height: 10px; background-repeat: no-repeat; visibility: hidden; } .SubmenuitemLabel { margin: 0px; border-top: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 15px; border-bottom: 1px solid #4b7874; overflow: hidden; } /* Submenu links */ .Submenu a:link { color: #d7d7d7; text-decoration: none; } .Submenu a:visited { color: #d7d7d7; text-decoration: none; } .Submenu a:focus { color: #d7d7d7; text-decoration: none; } .Submenu a:active { color: white; text-decoration: none; } .Submenu a:hover { color: white; text-decoration: none; } /** ------------------------------- * Stylesheet declarations for the * CONTENT AREA * ------------------------------- */ .Content .BoxContent { padding: 10px; } /* "tanhack" for correction of IE bug */ * html .Content { top: -5px; } .Content { position: relative; top: 0px; width: 100%; } /* "star-HTML-hack" to correct the position of the content area */ * html .Content { position: relative; top: 796px; margin: 20px; border: 0px dashed #061222; border-right-width: 550px; } #ContentHelper { position: relative; } /* "star-HTML-hack" to to implement min-width in IE */ * html #ContentHelper { display: inline-block; position: relative; top: -800px; margin: -20px; margin-right: -570px; } .Content .Box { font-size: 0pt; position: relative; margin: 5px; margin-bottom: 18px; color: #5A2800; border-left: 2px solid #3a3738; border-right: 2px solid #3a3738; background-color: #debb9d; background-repeat: no-repeat; overflow: visible; } .Content .BoxContent { font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 9pt; background-color: #FFF2db; color: #5A2800; min-height: 395px; height: auto !important; height: 415px; } /* "star-HTML-hack" to correct Box width in IE */ * html .Content .Box { width: 100%; } /* "star-HTML-hack" to correct BoxContent width in IE */ * html .Content .BoxContent { width: 100%; } .Content th { font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 10pt; font-weight: bold; text-align: left; color: white; background-color: #505050; } .Content .BoxContent td { font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 10pt; color: #5A2800; } /* Content Links */ .Content a { font-family: Verdana, Arial, Times New Roman, sans-serif; font-weight: bold; color: #004294; text-decoration: none; } .Content a:hover { font-family: Verdana, Arial, Times New Roman, sans-serif; font-weight: bold; text-decoration: underline; color: #0063DC; } .Content .HelpLink { font-size: 7pt; cursor: pointer; } /* Corners */ .Content .Corner-tl { position: absolute; top: -4px; left: -5px; width: 17px; height: 17px; z-index: 50; } .Content .Corner-tr { position: absolute; top: -4px; right: -5px; width: 17px; height: 17px; z-index: 50; } .Content .BottomCornersHelper { position: absolute; width: 100%; } .Content .CornerWrapper-b { position: absolute; width:100%; } .Content .Corner-bl { position: absolute; bottom: -4px; left: -6px; width: 17px; height: 17px; z-index: 50; } .Content .Corner-br { position: absolute; bottom: -4px; right: -6px; width: 17px; height: 17px; z-index: 50; } /* Borders */ .Content .Border_1 { position: relative; height: 6px; width: 100%; background-repeat: repeat-x; } .Content .BorderTitleText { position: relative; height: 24px; background-repeat: repeat-x; } .Content .Title { position: absolute; top: 6px; left: 5px; } .Content .Border_2 { margin: 4px; padding: 0px; background-color: #793d03; } .Content .Border_3 { margin: 1px; border-top: 1px solid #793d03; border-bottom: 1px solid #793d03; } /** ------------------------------- * Stylesheet declarations for the * THEMEBOXES of the Tibia * website * ------------------------------- */ .Themebox { position: relative; margin-bottom: 10px; top: -4px; width: 180px; height: 154px; } #Themeboxes div { font-size: 10pt; background-repeat: no-repeat; } #Themeboxes .ThemeboxButton { position: absolute; bottom: 20px; left: 22px; height: 25px; width: 137px; cursor: pointer; } #Themeboxes .Bottom { position: absolute; bottom: 0px; left: 0px; height: 12px; width: 180px; } /* "star-HTML-hack" to correct the position of the bottom element */ * html #Themeboxes .Bottom { bottom: -3px; } #Themeboxes #PremiumBox { height: 164px; } #Themeboxes #ScreenshotBox #ScreenshotContent { position: relative; height: 111px; width: 170px; top: 31px; left: 0px; margin-left: 5px; margin-right: 5px; border: 0; cursor: pointer; } #Themeboxes #CurrentPollBox #CurrentPollText { font-family: Verdana, Arial, sans-serif; font-weight: bold; line-height: 11pt; color: #5A2800; position: absolute; #height: 70px; width: 150px; top: 37px; left: 15px; padding-top: 5px; overflow: hidden; } #Themeboxes #SkyscraperBanner { border: 0; } #Themeboxes #FansiteBox { position: relative; height: 188px; text-align: center; } #Themeboxes #FansiteLogoFrame { position: relative; top: 31px; width: 180; height: 145px; } #Themeboxes #FansiteLogo { position: relative; height: 100px; width: 150px; top: 8px; border: 0; cursor: pointer; } #Themeboxes #FansiteBox .ThemeboxButton { bottom: 19px; } #Themeboxes #NetworksBox { position: relative; height: 204px; } #Themeboxes #NetworksBox #FacebookBlock { position: relative; top: 32px; height: 113px; } #Themeboxes #NetworksBox #FacebookLikeBox { position: relative; left: 27px; top: 3px; height: 60px; width: 115px; overflow: hidden; } #Themeboxes #NetworksBox #FacebookLikeBox div { position: relative; left: -1px; top: -1px; } #Themeboxes #NetworksBox #FacebookSendBox { position: absolute; left: 92px; top: 14px; width: 50px; } #Themeboxes #NetworksBox #FacebookLikes { position: relative; left: 14px; top: 10px; width: 155px; left: 13px; overflow: hidden; } #Themeboxes #NetworksBox #FacebookLikes div { position: relative; left: -69px; } #Themeboxes #NetworksBox #TwitterBlock { position: relative; top: 42px; text-align: center; } /** ------------------------------- * OLD Stylesheet declarations for * the CONTENT AREA * ------------------------------- */ .Content .BoxContent td .white { color: #EFEFEF; visibility: visible; } .Content .BoxContent td .whites { color: #EFEFEF; visibility: visible; font-size: 9pt; } .Content .BoxContent .white { color : #EFEFEF; visibility : visible; } .Content .BoxContent td .green { color : #00BF00; } .Content .BoxContent td .yellow { color : #FFBB05; } .Content .BoxContent td .red { color : #EF0000; } .Content .BoxContent td .grey { color : #808080; } /** ------------------------------- * OLD Stylesheet declarations for * the CONTENT AREA (forum) * ------------------------------- */ .Content .BoxContent .ff_info { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 10pt; color : #5A2800; visibility : visible; } .Content .ff_white a { color: #FFFFFF; } .Content .BoxContent .ff_white { font-family : Verdana, Arial, Times New Roman, sans-serif; color : #EFEFEF; visibility : visible; font-size : 7pt; font-weight: bold; } .Content .BoxContent .ff_red { font-family : Verdana, Arial, Times New Roman, sans-serif; color : #EF0000; visibility : visible; font-size : 8pt; font-weight: bold; } .Content .BoxContent .ff_whitelarge { font-family : Verdana, Arial, Times New Roman, sans-serif; color : #EFEFEF; visibility : visible; font-size : 9pt; font-weight: bold; } .Content .BoxContent .ff_info { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 8pt; color : #5A2800; visibility : visible; } .Content .BoxContent .ff_infotext { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 8pt; color : #5A2800; visibility : visible; line-height: 12pt; } .Content .BoxContent .ff_smallinfo { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 7pt; color : #5A2800; visibility : visible; } .Content .BoxContent .ff_large { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 12pt; color : #5A2800; visibility : visible; } .Content .BoxContent .ff_pagetext { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 9pt; color : #5A2800; visibility : visible; line-height: 13pt; } .Content .BoxContent .ff_pagetextgrey { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 9pt; color : #505050; visibility : visible; line-height: 13pt; } .Content .BoxContent .ff_pagetextred { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 9pt; color : #F00; visibility : visible; line-height: 13pt; } .Content .BoxContent .ff_correct { font-family : Verdana, Arial, Times New Roman, sans-serif; font-size : 11pt; color : #FF0000; visibility : visible; font-weight: bold; } /** -------------------------------------- * ### not final versions for tests * ### concerning the new payment process * -------------------------------------- */ /* new error handling concept tests */ .FormFieldError { font-size: 8pt; color: red; } .SmallBox { position: relative; font-size: 1px; } .SmallBox .ErrorMessage { font-size: 8pt; position: relative; color: red; height: 100%; background-color: #d4c0a1; padding: 5px; padding-left: 43px; } .SmallBox .Message { font-size: 10pt; position: relative; height: 100%; background-color: #d4c0a1; padding: 10px; } .SmallBox .ErrorMessage ul { padding-left: 15px; } .SmallBox .BoxFrameHorizontal { position: relative; height: 4px; } .SmallBox .BoxFrameVerticalRight { position: absolute; right: 0px; top: 0px; width: 3px; background-repeat: repeat-y; height: 100%; } .SmallBox .BoxFrameVerticalLeft { position: absolute; left: 0px; top: 0px; width: 3px; background-repeat: repeat-y; height: 100%; } .SmallBox .MessageContainer { position: relative; height: 100%; } .SmallBox .BoxFrameEdgeLeftTop { position: absolute; left: -1px; top: -1px; width: 5px; height: 5px; } .SmallBox .BoxFrameEdgeLeftBottom { position: absolute; left: -1px; bottom: -1px; width: 5px; height: 5px; } .SmallBox .BoxFrameEdgeRightTop { position: absolute; right: -1px; top: -1px; width: 5px; height: 5px; } .SmallBox .BoxFrameEdgeRightBottom { position: absolute; right: -1px; bottom: -1px; width: 5px; height: 5px; } .SmallBox .AttentionSign { position: absolute; top: 3px; left: 8px; width: 30px; height: 26px; } /** --------------------------------- * ### not finished versions for the * ### payment process PROGRESS BAR * --------------------------------- */ #ProgressBar #Headline { text-align: center; font-size: 12pt; font-weight: bold; margin-bottom: 5px; } #ProgressBar #MainContainer { position: relative; top: 10px; height: 50px; margin-bottom: 25px; } #ProgressBar #BackgroundContainer { position: relative; width: 100%; } #ProgressBar #BackgroundContainerLeftEnd { position: absolute; float: left; } #ProgressBar #BackgroundContainerCenter { position: absolute; left: 0px; top: 0px; height: 17px; width: 100%; } #ProgressBar #BackgroundContainerCenterImage { position: relative; margin-left: 25px; margin-right: 25px; height: 17px; } #ProgressBar #BackgroundContainerRightEnd { position: absolute; right: 0px; top: 0px; float: right; } #ProgressBar #TubeLeftEnd { position: absolute; left: 25px; top: 4px; } #ProgressBar #TubeRightEnd { position: absolute; right: 25px; top: 4px; z-index: 0; } #ProgressBar .Steps { position: relative; height: 39px; font-size: 9px; float: left; top: -11px; margin-left: -1px; } #ProgressBar #StepsContainer1 { text-align: right; margin-left: 92px; margin-right: 40px; height: 10px; } #ProgressBar #StepsContainer2 { width: 100%; height: 10px; } #ProgressBar .TubeContainer { position: relative; padding-right: 47px; } #ProgressBar .Tube { position: relative; top: 16px; left: 0px; width: 100%; height: 7px; background: #FFFFFF none repeat scroll 0%; } * html #ProgressBar .Tube { top: 13px; } #ProgressBar .SingleStepContainer { position: absolute; top: 0px; width: 47px; height: 30px; right: 0px; text-align: center; } #ProgressBar #FirstStep .SingleStepContainer { left: 45px; width: 47px; position: absolute; } #ProgressBar .StepIcon { position: absolute; right: 0px; } * html #ProgressBar .StepIcon { right: -1px; } #ProgressBar #FirstStep .StepIcon { top: 0px; left: 0px; } #ProgressBar .StepText { top: 40px; position: absolute; width: 200px; right: -77px; } /** ------------------------------- * Stylesheet declarations for the * NEW TABLES * ------------------------------- */ .TableContainer { border: 1px solid black; position: relative; width: 100%; font-size: 1px; } .TableContainer .Odd { background-color: #f1e0c6; } .TableContainer .Even { background-color: #d5c0a1; } /* TABLEHEADER DECORATION */ .TableContainer .CaptionContainer { position: relative; font-size: 1pt; background-color: #5f4d41 !important; height: 100%; width: 100%; text-align: left; } .TableContainer .CaptionContainer .CaptionInnerContainer { position: relative; background-color: #5f4d41; width: 100%; height: 100%; padding-top: 3px; padding-bottom: 4px; } .TableContainer .CaptionContainer .Text { font-family: Verdana, Arial, Times New Roman, sans-serif; font-size: 10pt; font-weight: bold; text-align: left; color: white; padding-left: 10px; padding-top: 0px; margin: 3px; padding-bottom: 0px; } .TableContainer .CaptionContainer .CaptionEdgeLeftTop { position: absolute; width: 5px; height: 5px; top: -2px; left: -2px; z-index: 50; } .TableContainer .CaptionContainer .CaptionEdgeRightTop { position: absolute; width: 5px; height: 5px; top: -2px; right: -2px; z-index: 50; } .TableContainer .CaptionContainer .CaptionEdgeLeftBottom { position: absolute; width: 5px; height: 5px; left: -2px; bottom: -3px; z-index: 50; } .TableContainer .CaptionContainer .CaptionEdgeRightBottom { position: absolute; width: 5px; height: 5px; right: -2px; bottom: -3px; z-index: 50; } .TableContainer .CaptionContainer .CaptionBorderTop { position: absolute; width: 100%; height: 4px; left: 0px; top: -1px; } .TableContainer .CaptionContainer .CaptionBorderBottom { position: absolute; width: 100%; height: 4px; left: 0px; bottom: -2px; } .TableContainer .CaptionContainer .CaptionVerticalLeft { position: absolute; height: 100%; width: 3px; left: -1px; top: 0px; } .TableContainer .CaptionContainer .CaptionVerticalRight { position: absolute; height: 100%; width: 3px; right: -1px; top: 0px; } * html .TableContainer .CaptionContainer .CaptionEdgeRightTop { right: -3px; } * html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom { bottom: -4px; } * html .TableContainer .CaptionContainer .CaptionEdgeRightBottom { right: -3px; bottom: -4px; } * html .TableContainer .CaptionContainer .CaptionBorderBottom { bottom: -3; } * html .TableContainer .CaptionContainer .CaptionVerticalRight { right: -2px; } /* TABLE CONTENT */ .TableContentContainer { border: 1px solid #5F4D41; position: relative; margin-right: 4px; height: 100%; background-color: #d4c0a1; padding: 0px; } .TableContent { width: 100%; border-collapse: collapse; } .TableContent td { padding-left: 5px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; } /* INNERLYOUT 1 */ .TableContainer .Table1 { width: 100%; background-color: #d4c0a1; border: 2px solid #55636c; } .TableContainer .Table1 .InnerTableContainer { padding: 5px; } /* INNERLYOUT 2 */ .TableContainer .Table2 { width: 100%; border: 2px solid #55636c; background-color: #f1e0c5; padding: 0px; margin: 0px; border-collapse: collapse; } .TableContainer .Table2 td { padding: 0px; margin: 0px; } .TableContainer .Table2 .InnerTableContainer { margin-top: 1px; } .TableContainer .Table2 .InnerTableContainer table { border-collapse: collapse; } .TableContainer .Table2 .InnerTableContainer td { padding-top: 2px; padding-left: 5px; padding-bottom: 2px; padding-right: 5px; border: 1px solid #faf0d7; } /* INNERLYOUT 3 */ .TableContainer .Table3 { width: 100%; border: 2px solid #55636c; background-color: #f1e0c5; } .TableContainer .Table3 .InnerTableContainer { width: 100%; position: relative; margin-top: 5px; margin-left: 3px; } .TableContainer .Table3 .TableContentAndRightShadow td { border: 1px solid #faf0d7; } /* INNERLYOUT 4 */ .TableContainer .Table4 { width: 100%; border: 2px solid #55636c; background-color: #f1e0c5; } .TableContainer .Table4 .InnerTableContainer { width: 100%; position: relative; margin-top: 3px; } .TableContainer .Table4 .TableContentAndRightShadow .TableContent td { padding-left: 4px; padding-top: 2px; padding-bottom: 2px; } /* INNERLYOUT 5 */ .TableContainer .Table5 { width: 100%; border: 2px solid #55636c; background-color: #f1e0c5; } .TableContainer .Table5 .InnerTableContainer { width: 100%; position: relative; margin-top: 5px; margin-left: 3px; } .TableContainer .Table5 .TableContentAndRightShadow .TableContent td { padding-left: 4px; padding-top: 2px; padding-bottom: 2px; } /* SHADOWS */ .TableShadowContainerRightTop { position: relative; top: 0px; right: 3px; margin-right: 0px; font-size: 1px; float: right; z-index: 99; } .TableShadowRightTop { position: absolute; top: 0px; right: 0px; width: 4px; height: 5px; z-index: 99; } .TableContentAndRightShadow { position: relative; background-repeat: repeat-y; background-position: top right; margin-right: 3px; font-size: 1px; } .TableShadowContainer { position: relative; widht: 100%; margin-right: 5px; } .TableBottomShadow { position: relative; font-size: 1px; height: 5px; width: 100%; padding: 0px; margin: 0px; } .TableBottomLeftShadow { position: relative; height: 5px; width: 4px; float: left; padding: 0px; margin: 0px; } .TableBottomRightShadow { position: relative; float: right; right: -2px; top: 0px; height: 5px; width: 4px; } /* LABELS */ .LabelV { font-weight: bold; padding-right: 10px; white-space: nowrap; vertical-align: top; } .LabelH { font-weight: bold; padding-right: 10px; white-space: nowrap; background-color: #d5c0a1; } .LabelH td { background-color: #d5c0a1; padding-left: 5px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; } /* BUTTONS */ .InnerTableButtonRow { width: 100%; padding-left: 1px; padding-right: 0px; padding-bottom: 4px; border: 0px; } .InnerTableButtonRow td { padding-right: 4px; } .BigButton { position: relative; width: 135px; height: 25px; z-index: 10; } .BigButtonOver { position: absolute; top: 0px; left: 0px; width: 137px; height: 25px; visibility: hidden; z-index: 15; } .ButtonText { position: absolute; top: 0px; left: 0px; height: 25px; width: 135px; z-index: 20; } .TopButtonContainer { position: relative; right: 4px; top: 4px; z-index: 60; } * html .TopButtonContainer { right: 27px; } .TopButtonContainer .TopButton { position: absolute; right: 0px; z-index: 55; } .Content .BoxContent .Odd { background-color: #D4C0A1; padding: 2px; } .Content .BoxContent .Even { background-color: #F1E0C6; padding: 2px; } .Content .NewsCategoryIconSmall { position: absolute; top: 1px; left: 1px; height: 16px; width: 16px; background-repeat: no-repeat; } .Content .BoxContent .Odd { background-color: #D4C0A1; padding: 2px; } .Content .BoxContent .Even { background-color: #F1E0C6; padding: 2px; } .Content .NewsCategoryIconSmall { position: absolute; top: 1px; left: 1px; height: 16px; width: 16px; background-repeat: no-repeat; } .Content .BoxContent .Odd { background-color: #D4C0A1; padding: 2px; } .Content .BoxContent .Even { background-color: #F1E0C6; padding: 2px; } .Content .NewsCategoryIconSmall { position: absolute; top: 1px; left: 1px; height: 16px; width: 16px; background-repeat: no-repeat; } /* News Ticker */ .Content #NewsTicker .BoxContent { padding: 5px; min-height: 90px; height: auto !important; height: 100px; } .Content #NewsTicker .BoxContent .Row { position: relative; width: 100%; } .Content #NewsTicker .NewsTickerIcon { position: absolute; top: 1px; left: 1px; height: 16px; width: 16px; background-repeat: no-repeat; } .Content #NewsTicker .NewsTickerText { font-size: 9pt; position: relative; margin-left: 20px; } .Content #NewsTicker .NewsTickerDate { font-size: 7pt; position: absolute; top: 0px; float: left; } .Content #NewsTicker .NewsTickerShortText { margin-left: 85px; height: 14px; } .Content #NewsTicker .NewsTickerFullText { margin-left: 85px; margin-right: 20px; display: none; } .Content #NewsTicker .NewsTickerExtend { position: relative; right: 0px; top: 1px; right: 1px; height: 12px; width: 12px; background-repeat: no-repeat; float: right; cursor: pointer; z-index: 10; } .Content .NewsHeadlineBackground { position: relative; height: 28px; margin-bottom: 5px; background-repeat: repeat-x; border-left: 1px solid #000000; border-right: 1px solid #000000; } .Content .NewsHeadlineIcon { position: absolute; top: -1px; left: 0px; margin-left: 5px; margin-right: 5px; } .Content .NewsHeadlineDate { font-size: 7pt; position: absolute; top: 10px; left: 50px; width: 85px; color: white; } .Content .NewsHeadlineText { position: relative; top: 7px; left: 135px; font-size: 10pt; font-weight: bold; color: white; } /* Featured Article */ .error, .notice, .success { border: 1px solid #DDD; margin-bottom: 1em; padding: 0.6em 0.8em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .error { background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4; } .error a { color: #8A1F11; } .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; } .notice a { color: #514721; } .success { background: #E6EFC2; color: #264409; border-color: #C6D880; } .success a {color: #264409;} .Content #FeaturedArticle .BoxContent { position:relative; height: 100px; padding: 5px; padding-left: 10px; min-height: 100px; height: auto !important; height: 110px; line-height: 10.5pt; } .Content #FeaturedArticle #TeaserThumbnail { position: relative; top: 0px; right: 0px; height: 100px; width: 150px; margin-left: 10px; background-color: black; z-index: 90; float: left; } #ContentHelper #FeaturedArticle:first-child .BoxContent { padding: 10px; } .Content #FeaturedArticle #TeaserText { height: 100px; overflow: hidden; z-index: 0; } .Content #FeaturedArticle #Link { position: absolute; top: 0px; right: 0px; margin: 89 165 0 0; z-index: 99; } .Content #FeaturedArticle .NewsHeadlineBackground { position: relative; height: 28px; margin-bottom: 5px; background-repeat: repeat-x; border-left: 1px solid #000000; border-right: 1px solid #000000; } .Content #FeaturedArticle .NewsHeadlineIcon { position: absolute; top: -1px; left: 0px; margin-left: 5px; margin-right: 5px; float:left; } .Content #FeaturedArticle .NewsHeadlineDate { font-size: 7pt; position: absolute; top: 9px; left: 50px; width: 85px; color: white; } .Content #FeaturedArticle .NewsHeadlineText { position: relative; top: 8px; left: 135px; font-size: 10pt; font-weight: bold; color: white; } /* News */ .Content #News .BoxContent { min-height: 100px; height: auto !important; height: 110px; } .Content #News .NewsHeadlineBackground { position: relative; height: 28px; margin-bottom: 5px; background-repeat: repeat-x; border-left: 1px solid #000000; border-right: 1px solid #000000; } .Content #News .NewsHeadlineIcon { position: absolute; top: -1px; left: 0px; margin-left: 5px; margin-right: 5px; } .Content #News .NewsHeadlineDate { font-size: 7pt; position: absolute; top: 10px; left: 50px; width: 85px; color: white; } .Content #News .NewsHeadlineText { position: relative; top: 7px; left: 135px; font-size: 10pt; font-weight: bold; color: white; } /* News Archive */ .Content #NewsArchive .NewsHeadlineBackground { position: relative; height: 28px; margin-bottom: 5px; background-repeat: repeat-x; border-left: 1px solid #000000; border-right: 1px solid #000000; } .Content #NewsArchive .NewsHeadlineIcon { position: absolute; top: -1px; left: 0px; margin-left: 5px; margin-right: 5px; } .Content #NewsArchive .NewsHeadlineDate { font-size: 7pt; position: absolute; top: 9px; left: 50px; width: 85px; color: white; } .Content #NewsArchive .NewsHeadlineText { position: relative; top: 7px; left: 135px; font-size: 10pt; font-weight: bold; color: white; } /* BUTTONS */ .InnerTableButtonRow { width: 100%; padding-left: 1px; padding-right: 0px; padding-bottom: 4px; border: 0px; } .InnerTableButtonRow td { padding-right: 4px; } .MediumButtonText { position: absolute; top: 0px; left: 0px; height: 37px; width: 150px; z-index: 20; } .MediumButtonBackground { position: relative; top: 0px; left: 0px; width: 150px; height: 37px; z-index: 10; } .MediumButtonOver { position: relative; top: 0px; left: 0px; width: 150px; height: 37px; visibility: hidden; z-index: 15; } .MediumButtonForm { margin: 0px; padding: 0px; } /* helper div */ .HelperDivIndicator { position: relative; cursor: help; } #HelperDivContainer { display: none; position: absolute; width: 225px; z-index: 1000; color: #5A2800; font-family: Verdana,Arial,Times New Roman,sans-serif; font-size: 9pt; text-align: left; padding: 10px; border: 1px double #5A2800; margin-left: 8px; } #HelperDivContainer .HelperDivArrow { position: absolute; top: -1px; left: -8px; width: 8px; height: 13px; } #HelperDivContainer #HelperDivHeadline { font-size: 12pt; font-weight: bold; } #HelperDivContainer #HelperDivHeadline { position: relative; white-space: normal; text-align: justify; margin-top: 15px; margin-bottom: 15px; } #HelperDivContainer .Ornament { width: 220px; } .SkillsBgrnd { background-image: url(images/equipment/skillsbackground.png); background-repeat: no-repeat; position: relative; float: left; left: 18px; top: -37px; margin-top: 38px; margin-bottom: -23px; padding: 15px; height: 202px; width: 154px; box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.42),0 6px 20px 0 rgba(0, 0, 0, 0.3) !important; } .SkillsBgrnd .exp { position: absolute; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; margin: 0 auto; width: 145px; text-align: right; } .SkillsBgrnd .level { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 13px; margin-bottom: 1px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .hitpoints { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 28px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .mana { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 42px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .soul { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 56px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .cap { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 70px; margin-bottom: 1px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .stamina { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 84px; margin-bottom: 3px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .magiclevel { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 98px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .Fist { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 116px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .Club { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 130px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .Sword { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 145px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .Axe { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 159px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .Distance { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 172px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .Shield { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 186px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .SkillsBgrnd .Fishing { position: absolute; margin: 0 auto; width: 145px; text-align: right; margin-top: 200px; font-size: 7.0pt; font-weight: bold; color: #b5b5b5; } .signBgrnd { background-image: url(images/equipment/outfit.png); background-repeat: no-repeat; position: relative; float: left; left: 9px; top: -37px; margin-top: 38px; margin-bottom: -58px; padding: 15px; height: 202px; width: 146px; box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.42),0 6px 20px 0 rgba(0, 0, 0, 0.3) !important; } .signBgrnd .wep { position: absolute; top: 90px; left: 11px; width: 32px; height: 32px; } .signBgrnd .wep img { background-image:url(/images/items/bg.png); max-width: 100%; } .signBgrnd .arm { position: absolute; top: 76px; left: 48px; width: 32px; height: 32px; } .signBgrnd .arm img { background-image:url(/images/items/bg.png); max-width: 100%; } .signBgrnd .helm { position: absolute; top: 39px; left: 48px; width: 32px; height: 32px; } .signBgrnd .helm img { background-image:url(/images/items/bg.png); max-width: 100%; } .signBgrnd .legs { position: absolute; top: 113px; left: 48px; width: 32px; height: 32px; } .signBgrnd .legs img { background-image:url(/images/items/bg.png); max-width: 100%; } .signBgrnd .boots { position: absolute; top: 150px; left: 48px; width: 32px; height: 32px; } .signBgrnd .boots img { background-image:url(/images/items/bg.png); max-width: 100%; } .signBgrnd .ring { position: absolute; top: 127px; left: 11px; width: 32px; height: 32px; } .signBgrnd .ring img { background-image:url(/images/items/bg.png); max-width: 100%; } .signBgrnd .amulet { position: absolute; top: 53px; left: 11px; width: 32px; height: 32px; } .signBgrnd .amulet img { background-image:url(/images/items/bg.png); max-width: 100%; } .signBgrnd .backpack { position: absolute; top: 53px; left: 85px; width: 32px; height: 32px; } .signBgrnd .backpack img { background-image:url(/images/items/bg.png); max-width: 100%; } .signBgrnd .shield { position: absolute; top: 90px; left: 85px; width: 32px; height: 32px; } .signBgrnd .shield img { background-image:url(/images/items/bg.png); max-width: 100%; } .signBgrnd .arrow { position: absolute; top: 127px; left: 85px; width: 32px; height: 32px; } .signBgrnd .arrow img { background-image:url(/images/items/bg.png); max-width: 100%; } .signBgrnd .cap { position: absolute; top: 162px; left: 89px; width: 32px; height: 32px; font-size: 6.3pt; font-family: inherit; text-shadow: -1px -1px 0 rgba(0,0,0,0.50),1px -1px 0 rgba(0,0,0,0.50),-1px 1px 0 rgba(0,0,0,0.50),1px 1px 0 rgba(0,0,0,0.50); font-weight: normal; color: rgba(255, 255, 255, 0.61); font-weight: bold; } .signBgrnd .soul { position: absolute; top: 162px; left: 15px; width: 32px; height: 32px; font-size: 6.3pt; font-family: inherit; text-shadow: -1px -1px 0 rgba(0,0,0,0.50),1px -1px 0 rgba(0,0,0,0.50),-1px 1px 0 rgba(0,0,0,0.50),1px 1px 0 rgba(0,0,0,0.50); color: rgba(255, 255, 255, 0.61); font-weight: bold; } .hptext { position: absolute; font-size: 8.0pt; margin-left: 102px; margin-top: -1px; font-weight: bold; color: #b5b5b5; } .manatext { position: absolute; font-size: 8.0pt; margin-left: 102px; margin-top: -1px; font-weight: bold; color: #b5b5b5; } .lifebarpercent { width: 100%; max-width: 100%; margin-left: 36.2px; height: 5px; position: absolute; margin-top: 7px; } .lifebarbk { background: url(images/equipment/lifebarra.png); height: 12px; border-radius: 10px; max-width: 13.5%; } .manapercent { width: 100%; max-width: 100%; margin-left: 36.2px; height: 5px; position: absolute; margin-top: 20px; } .manabk { background: url(images/equipment/manabar.png); height: 12px; border-radius: 10px; max-width: 13.5%; } .OutfitBgrnd{background-image:url(images/equipment/outfitbackgrounds.png);background-repeat:no-repeat;position:relative;float:left;left:27px;top:-37px;margin-top:38px;margin-bottom:-25px;padding:15px 0;height:202px;width:178px;box-shadow:0 10px 16px 0 rgba(0,0,0,0.42),0 6px 20px 0 rgba(0,0,0,0.3)!important} .OutfitBgrnd img{margin-left:-27px !important;margin-top:-32px !important} .OutfitBgrnd .grayimg{filter:none;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);opacity:.5;filter:alpha(opacity=50);margin-left:-25pt;margin-top:-25px} .OutfitBgrnd .OutfitPlayer{margin:0;height:64px;width:64px} .OutfitBgrnd .OutfitName{position:absolute;margin:0 auto;width:145px;height:10px;text-align:center;top:203px;font-size:8pt;font-weight:700;color:#b5b5b5} Creio que seja no Basic.css pois quando eu adiciono aquela TAG que passei anteriormente a parte esquerda fica bugada. Editado Novembro 5, 2018 6 anos por Andersen96 Deletar uma barra. (veja o histórico de edições)
Participe da conversa
Você pode postar agora e se cadastrar mais tarde. Se você tem uma conta, faça o login para postar com sua conta.