|
|
|
|
| |
Lamentablemente, el cable del Notebook donde tenia el Server se me Quemo, por lo que no funcionara mas.
El Retro puede estar cerrado unos dias, o definitivamente.
La Buena Noticia, esque probablemente haga un Holo (version mas reciente del Habbo.es).
Disculpen las Molestias.
Atentamente: Bowser (Creador & Fundador de ZonaxHabbo).
|
|
|
|
|
|
| |
/*-------------------------------------*/
/* Main CSS Document - Fly for Hero
/* Coded by Aziz
/* ©2009. All rights reserved.
/*-------------------------------------*/
/* Global Properties ------------------*/
html, body {padding:0; margin:0;}
body {
background:#FFF url('../images/ui/bg_top_grad.png') repeat-x;
text-align:center;
color:#CCC;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a {text-decoration:none;}
a:focus {outline:none;}
a img {border:none;}
.clear {clear:both}
/*-------------------------------------*/
/* Background Elements ----------------*/
#bg2 {
background:transparent url('../images/ui/bg_bottom_grad.png') repeat-x bottom left;
}
#bgcontent {
background:transparent url('../images/ui/bg_content.png') repeat-y center center;
}
#bghead {
background:transparent url('../images/ui/bg_header.jpg') no-repeat top center;
}
#bgfoot {
background:transparent url('../images/ui/bg_footer.jpg') no-repeat bottom center;
}
/*-------------------------------------*/
/* Main Elements ----------------------*/
#wrapper {
text-align:left;
width:1000px;
margin:0 auto;
}
#main {
margin:0 auto;
min-height:950px;
width:992px;
}
/*-------------------------------------*/
/* Header -----------------------------*/
#header {
padding-top:175px;
height:100px;
}
#header #logo {
float:left;
height:50px;
width:210px;
background:#090;
margin-left:25px;
background:url('../images/logo/blank.jpg');
}
#header #logo a {
display:block;
background:url('../images/logo/animation.gif');
height:100%;
overflow:hidden;
text-indent:650%;
}
#header #logo a:hover {
background:url('../images/logo/animation2.gif');
}
/* Navbar -------------------------*/
#header #navbar {
float:right;
height:52px;
width:740px;
margin-right:15px;
}
#navbar ul {
list-style:none;
margin:0;
padding:0;
}
#navbar ul li {
float:left;
height:40px;
}
#navbar ul li a {
display:block;
height:42px;
color:#eaf4ff;
font-size:18px;
margin:0 10px;
padding:5px;
line-height:2.5;
text-shadow:0px 0px 5px #1d436e;
}
#navbar ul li a:hover {
color:#FFF;
text-shadow:0px 0px 5px #5aa8ff;
}
#navbar ul li a:active {
color:#edf8ff;
text-shadow:0px 0px 2px #366585;
}
#navbar ul li ul li a {
display:block;
height:20px;
color:#666;
font-size:16px;
margin:0 5px;
padding:5px;
line-height:2;
text-shadow:0px 1px 0px #FFF;
}
#navbar ul li ul li a:hover {
color:#5aa8ff;
text-shadow:0px 1px 0px #FFF;
}
#navbar ul li ul li a:active {
color:#3984b9;
}
/* Sub-menu hack */
#navbar ul li ul {
display:none;
position:relative;
visibility:hidden;
z-index:999;
margin:0px;
}
#navbar ul li:hover ul {
display:block;
visibility: visible;
position:absolute;
}
ul.subnav {
height:42px !important;
margin-top:0px !important;
}
ul.subnav li {
background:url('../images/ui/subnav.png') repeat-x;
height:42px !important;
}
ul.subnav li.subleft {
background:url('../images/ui/subnav.png') no-repeat bottom left;
width:11px;
}
ul.subnav li.subright {
background:url('../images/ui/subnav.png') no-repeat bottom right;
width:11px;
}
#navbar a.donate:hover {
color:#FF3;
text-shadow:0px 0px 3px #FC0;
}
/*-------------------------------------*/
/* Sidebars ---------------------------*/
#left, #right, #content {
float:left;
min-height:300px;
width:241px;
background-color:#0C0;
}
.sbcon {
min-height:500px;
padding-top:10px;
text-align:center;
}
.fs {height:20px;}
.sbcon h3 {
color:#FFF;
background:transparent url('../images/ui/sidebar_title.png');
height:54px;
width:204px;
margin:0 auto 8px;
text-align:left;
line-height:3.4;
font-size:16px;
text-shadow:0px 0px 5px #083250;
}
.sbcon p {
font-size:12px;
}
.leftmenu {
text-align:left;
padding-left:25px;
}
.sbcon h3 img {
position:relative;
top:6px;
margin:0 5px;
}
.hover {
color:#a7e3ff;
font-size:11px;
}
.hover:hover {
text-decoration:underline;
}
.hover2 {
color:#0079b6;
font-size:12px;
}
/* Left Column --------------------*/
#left {
background:url('../images/ui/sidebar_bg.png') repeat-y;
}
#left .sbtop {
background:url('../images/ui/sidebar_top.png') no-repeat top center;
}
#left .sbft {
background:url('../images/ui/sidebar_bottom.png') no-repeat bottom center;
}
/* Right Column ------------------*/
#right {
background:url('../images/ui/sidebar_bg_right.png') repeat-y;
}
#right .sbtop {
background:url('../images/ui/sidebar_top_right.png') no-repeat top center;
}
#right .sbft {
background:url('../images/ui/sidebar_bottom_right.png') no-repeat bottom center;
}
/* Login Form --------------------*/
form#login {
font-size:12px;
}
input.iput {
border:none;
background:transparent url('../images/ui/input.png');
width:170px;
height:21px;
color:#757575;
padding:6px 0 0 6px;
margin: 3px auto;
}
input.iput:hover {
color:#4f4f4f;
background-position:center left;
}
input.iput:focus {
color:#333;
background-position:bottom left;
}
.btn {
height:26px;
color:#FFF;
text-shadow:0px 0px 4px #000;
text-transform:uppercase;
border:none;
background:url('../images/ui/button_sprite.png');
margin:5px auto;
display:inline-block;
font-size:12px;
cursor:pointer;
text-align:center;
}
.login {
float:left;
margin-left:33px;
width:73px;
letter-spacing:-0.5px;
line-height:2;
}
.normalbutton {
width:73px;
letter-spacing:-0.5px;
line-height:2;
}
.normalbutton:hover {
background-position:center left;
}
.normalbutton:active {
background-position:bottom left;
}
/* Gecko-based borwsers */
*>.login { padding-bottom:2.5px; }
/* WebKit-based browsers */
.login:hover {
background-position:center left;
}
.login:active {
background-position:bottom left;
}
.register {
float:right;
margin-right:33px;
background-position:top right;
width:95px;
line-height:2.4;
}
a.register:hover {
background-position:center right;
}
a.register:active {
background-position:bottom right;
}
a.forgot, a.sblink {
color:#a7e3ff;
font-size:11px;
margin:5px 5px 10px;
text-align:left;
display:inline-block;
width:70%;
}
a.forgot:hover, a.sblink:hover {
text-decoration:underline;
}
/* Status Box ---------------------*/
.statusbox {
background:url('../images/ui/box_status.png');
width:165px;
height:52px;
margin:5px auto 12px;
font-size:12px;
color:#FFF;
text-align:left;
line-height:4.5;
padding-left:18px;
}
.statusbox .online {
color:#caff14;
}
.statusbox .offline {
color:#f22525;
}
/* Clock Box ----------------------*/
#clockbox {
background:url('../images/ui/box_clock.png');
height:43px;
width:193px;
margin:5px auto 10px;
color:#2ba3e3;
font-size:10px;
line-height:3.5;
}
#clockbox span.time {
color:#FFF;
font-size:12px;
}
/* Point Shop ---------------------*/
.pointshop {
width:200px;
margin:5px auto 15px;
}
.pointshop a {
display:block;
float:left;
height:105px;
width:93px;
background:url('../images/ui/shopitem_sprite.png');
margin:0 3px 7px;
color:#dff4ff;
}
.pointshop a img {
margin:3px auto 0;
}
.pointshop a span {
font-size:11px;
position:relative;
bottom:5px;
text-transform:capitalize;
}
.pointshop a:hover {
background-position:top center;
color:#FFF;
}
.pointshop a:active {
background-position:top right;
}
/* Top Donors ---------------------*/
.rankingtable {
margin:5px auto 10px;
height:116px;
width:195px;
background:url('../images/ui/ranking_table.png');
text-align:left;
}
.rankingtable p {
color:#aee1ff;
margin:0;
padding:2px 0 0 33px;
height:35px;
font-size:14px;
}
p.r1 {line-height:2.8;}
p.r2 {line-height:2.7;}
p.r3 {line-height:2.6;}
/*-------------------------------------*/
/* Content ----------------------------*/
#content {
width:458px !important;
margin:0 25px;
background:url('../images/ui/content_bg.png') repeat-y;
}
#content .bgtop {
background:url('../images/ui/content_top.jpg') no-repeat top center;
}
#content .bgbot {
background:url('../images/ui/content_bottom.jpg') no-repeat bottom center;
}
#content .conwrapper {
min-height:300px;
padding:15px 0px;
}
#newsslider {
height:175px;
width:428px;
background:url('../images/ui/sliderbg.png');
margin:0 auto;
}
#newsslider h2 {
color:#494949;
font-size:10px;
margin:0;
padding:11px 0 0 15px;
text-transform:uppercase;
}
#newsslider a {
color:#d7d7d7;
}
#newsslider a:hover {
color:#FFF;
}
#slider {
margin:1px auto;
}
#slider img {
margin:3px auto 0;
}
/* Easy Slider */
#slider ul, #slider li, #slider2 ul, #slider2 li {
margin:0;
padding:0;
list-style:none;
}
#slider li, #slider2 li {
width:412px;
height:120px;
overflow:hidden;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev {
color:#FFF;
margin-left:15px;
}
#nextBtn, #slider1next{
float:right;
margin-right:15px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {
font-size:10px;
text-transform:uppercase;
position:relative;
bottom:4px;
}
/* Easy Slider 2 */
#slider2 ul, #slider2 li {
margin:0;
padding:0;
list-style:none;
}
#slider2 {
width:120px !important;
height:110px !important;
margin:0px 0px 0 28px !important;
padding-top:3px;
overflow:hidden;
}
#slider2 ul {
/*background: #0F0 !important;
margin:10px 0 0 30px;
color:#0CF;
text-align:center;*/
}
#slider2 li {
/* background: #0F0 !important;
width:125px;
height:110px;
overflow:hidden;
padding:0px;
margin-left:10px;*/
}
#slider2 li span {
display:block;
color:#aee1ff;
font-size:14px;
}
#slider2 li span.r1 {
padding-top:10px;
}
#slider2 li span.r2 {
padding-top:18px;
}
#slider2 li span.r3 {
padding-top:18px;
}
/* numeric controls */
ol#controls {
margin:5px 0;
padding:0;
}
ol#controls li {
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
}
ol#controls li a {
float:left;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a {
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
.rankingtable #nextBtn a, .rankingtable #prevBtn a {
color:#c0e4ff;
line-height:3;
}
.rankingtable #prevBtn a {
/* display:none;*/
}
.rankingtable a:hover {
color:#FFF !important;
}
.sb-sep {
height:1px;
width:75%;
margin:20px auto 0px;
border-top:1px dashed #068cd2;
}
/* Default tooltip class name: .tooltip */
/* */
#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
}
#tooltip2{
position:absolute;
border:1px solid #333;
background:#f7f7f7;
padding:2px 5px;
font-size:10px;
color:#333;
display:none;
}
/* */
/* Content News / Page---------------------*/
#content #news h2 , #content #page h2{
height:36px;
width:403px;
background:url('../images/ui/content_title.png');
text-align:center;
color:#5a5a5a;
font-size:18px;
margin:10px auto 20px;
line-height:2;
}
#news .entry {
width:400px;
margin:10px auto;
}
#news .entry img {
float:left;
margin-right:10px;
}
#news .entry h3 {
color:#2b2b2b;
font-size:12px;
margin:3px 0;
padding:0;
}
#news .entry h3 a {color:#2b2b2b;}
#news .entry p {
color:#5a5a5a;
font-size:12px;
margin:0;
}
.seperator {
clear:both;
height:1px;
border-top:1px dashed #EEE;
margin:20px auto;
width:400px;
}
#news h3 span {
font-size:12px;
position:relative;
bottom:0px;
}
.red {
color:#DF0000
}
.blue {
color:#0161C0
}
.violet {
color:#FF3EA4;
}
/*-------------------------------------*/
/* Footer -----------------------------*/
#footer {
background:url('../images/ui/footer.png');
height:60px;
width:558px;
margin:0 auto;
position:relative;
bottom:40px;
text-align:center;
padding-top:20px;
text-shadow:0px 1px 1px #FFF;
}
#footer p {
margin:0;
padding:1px 3px 1px 10px;
font-size:12px;
color:#333;
}
#footer a {
color:#90600f;
}
#footer a:hover {color:#cc8000;}
/* Updates */
.conwrapper {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#5a5a5a;
font-size:12px;
}
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
z-index: 9002;
text-align:center;
}
/*-------------------------------------*/
/* W3C Valid CSS 3.0
/* azizgfx@gmail.com
/*-------------------------------------*/
|
|
|
|
|
|
|
|
