Código: 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;
font-size: 100%;
vertical-align: top;
background: transparent;
}
body {
line-height: 1;
margin: 0;
}
ol, ul {
list-style: none;
}
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;
}
.clearfix{clear:both;}
.main
{
width:952px;
margin:0 auto;
}
/* ////////////////////////// INTERNA ////////////////////////// */
.bodyInt{
background: #232317 url(http://lin-icdn.pandonetworks.com/lin/website/bodyBack.jpg) center 0px no-repeat;
}
.headerContInt
{
margin:0;
}
.header{
width:954px;
height:137px;
margin: 0 auto;
}
.headerContent {
width:954px;
height:125px;
float:left;
margin:0 0 8px 0;
background:#d4d4d4 url(../images/headerBack.jpg) repeat-x;
}
.logo{
width:249px;
height:88px;
display:block;
float:left;
margin:0 0 0 30px;
background:url(../images/logo.jpg) no-repeat;
}
.login{
width:164px;
height:28px;
display:block;
}
.navigationTop{
margin:5px 0 0 0;
}
.navigationTop li{
width:159px;
height:43px;
float:left;
}
.navigationTop li a{
width:159px;
height:43px;
display:block;
}
.navigationTop li a.nTop01{
background:url(../images/nTop_01up.png) no-repeat;
}
.navigationTop li a.nTop02{
background:url(../images/nTop_02up.png) no-repeat;
}
.navigationTop li a.nTop03{
background:url(../images/nTop_03up.png) no-repeat;
}
.navigationTop li a.nTop04{
background:url(../images/nTop_04up.png) no-repeat;
}
.navigationTop li a.nTop05{
background:url(../images/nTop_05up.png) no-repeat;
}
.navigationTop li a.nTop06{
background:url(../images/nTop_06up.png) no-repeat;
}
.navigationTop li a.nTop01:hover, .navigationTop li a.nTop01.selected{
background:url(../images/nTop_01down.png) no-repeat;
}
.navigationTop li a.nTop02:hover, .navigationTop li a.nTop02.selected{
background:url(../images/nTop_02down.png) no-repeat;
}
.navigationTop li a.nTop03:hover, .navigationTop li a.nTop03.selected{
background:url(../images/nTop_03down.png) no-repeat;
}
.navigationTop li a.nTop04:hover, .navigationTop li a.nTop04.selected{
background:url(../images/nTop_04down.png) no-repeat;
}
.navigationTop li a.nTop05:hover, .navigationTop li a.nTop05.selected{
background:url(../images/nTop_05down.png) no-repeat;
}
.navigationTop li a.nTop06:hover, .navigationTop li a.nTop06.selected{
background:url(../images/nTop_06down.png) no-repeat;
}
.sidebarInt{
width:305px;
height:auto;
float:right;
margin:0 2px 15px 0;
}
.footerContInt
{
display:block;
background:url(../images/footerContBack.jpg) repeat-x;
height:102px;
margin: 30px 0 0;
}
.footerContInt .footer{
width:955px;
}
.slideMenu
{
text-align: left;
}
.socialNet
{
float: right;
text-align: right;
}
.socialNet ul
{
float: right;
}
.socialNet li
{
float: left;
padding-right: 3px;
}
.socialNet .socialicons
{
height: 28px;
margin: 33px 0 0 0;
}
.socialNet .loginPanel_off
{
width: 164px;
height: 28px;
background: transparent url(/images/login.jpg) no-repeat;
}
.socialNet .loginPanel_on
{
width: 164px;
height: 28px;
background: transparent url(/images/login_empty.jpg) no-repeat;
}
.socialNet .loginUser
{
display: none;
height: 28px;
text-align: center;
padding-top: 9px;
font: bold 11px Tahoma;
color: #00AFDB;
}
.socialNet .loginUser .logout
{
color: Gray;
cursor: pointer;
}
.tooltip {
display:none;
background-color: #ffffff;
font-family: Tahoma;
font-size:12px;
padding:6px;
color:#808080;
border: solid 1px #808080;
}
/************************************************ DESCARGAS *********************************************************/
.news{
width:632px;
float:left;
margin:0 0 0 4px;
}
.descargarjuegos{
border:1px solid #bababa;
margin:0;
border-top:0;
border-bottom:0;
background-color:#fff;
width:629px;
}
.descargarjuegos li{
width:625px;
height:141px;
background:#fff url(../images/newsmainBack.jpg) repeat-x;
border:2px solid #fff;
margin:0;
padding:0;
}
.descargarjuegos li li {
background:none;
border:0;
height:auto;
width:auto;
}
.descargarjuegos img{
width:108px;
height:108px;
display:block;
border:5px solid #ccc;
float:left;
margin:10px 0 0 14px;
}
.descargarjuegos h2{
width:120px;
font:700 11px tahoma;
color:#00afdb;
text-align:left;
float:left;
margin:14px 0 0 20px;
}
.descargarjuegos .blink{ /* h3 */
font:700 14px tahoma;
color:#F28041;
margin:11px 0 0 -20px;
}
.descargarjuegos p{
width:350px;
font:400 10px tahoma;
color:#979797;
text-align:left;
float:left;
margin:2px 0 0 14px;
line-height: 19px;
}
.descargarjuegos .p2{
width:362px;
font:400 10px tahoma;
color:#707070;
text-align:left;
float:left;
margin:4px 0 0 14px;
line-height: 19px;
}
.descargarjuegos span{
color:#fe6400;
}
.descargarjuegos div{
width:465px;
height:31px;
background-color:#e4e4e4;
float:left;
margin:8px 0 0 14px;
}
.descarga2{
width:100px;
height:22px;
display:block;
background:transparent url(../images/download_button.png) no-repeat;
float:right;
margin:0px 15px 0px 0px;
}
.seguridad{
padding:12px;
background:#fff url(../images/bk_seguridad.png) top center no-repeat;
width:607px;
margin:0;
}
.seguridad p{
font:11px tahoma;
font-weight:bold;
color:#fe6400;
}
.requerimientos{
width:589px;
padding:20px;
background:#fff url(../images/bk_seguridad.png) no-repeat;
border:1px solid #ccc;
border-top:0;
margin:0;
}
*+html .requerimientos {
margin:0 0 0 -1px;
}
.requerimientos p{
font:12px tahoma;
color:#979797;
}
.ultimasnoticias{
border:1px solid #bababa;
padding-bottom:4px;
background-color:#fff;
margin-bottom:6px;
}
.ultimasnoticias li{
width:303px;
height:70px;
background:url(../images/ultimasnoticiasBack.jpg) no-repeat;
border-top:2px solid #fff;
text-align:left;
}
.ultimasnoticias .title{
font:700 11px tahoma;
color:#fe6400;
margin:4px 0 0 21px;
}
.ultimasnoticias .text{
font:10px tahoma;
color:#979797;
margin:10px 0 0 21px;
}
.ultimasnoticias .readmore{
font:700 11px tahoma;
color:#6c6c6c;
display:block;
margin:15px 0 0 21px;
}
.ultimasnoticias .date{
font:700 9px tahoma;
vertical-align: middle;
color:#fe6400;
line-height: 22px;
}
.ultimasnoticias .daterow{
width: 45px;
}
.ultimasnoticias .postdiv{
margin-left: -12px;
}
.ultimasnoticias .postdiv a{
text-decoration: none;
}
.ultimasnoticias .titlelink{
font:700 11px tahoma;
color:#fe6400;
display:block;
margin:13px 0 0 21px;
}
.footerCont{
height:102px;
margin:15px 0 0 0;
background:url(../images/footerContBack.jpg) repeat-x;
}
.footer{
width:947px;
height:81px;
background-color:#e3e3e3;
border:1px solid #bdbdbd;
margin: 0 auto;
}
.footer a{
text-decoration:none;
color:#fe6400;
}
.footer a:hover{
text-decoration:underline;
}
.footer span{
color:#979797;
}
.navigationBottom{
margin:15px 0 0 18px;
}
.navigationBottom, .navigationBottom a{
font:11px tahoma;
color:#979797;
text-decoration:none;
}
.navigationBottom span a{
color:#00afdb;
}
.navigationBottom a:hover{
text-decoration:underline;
}
.footer p{
font:11px tahoma;
color:#6b6b6b;
margin:10px 0 0 0;
text-align:left;
}
.footer img{
width:248px;
height:59px;
float:right;
margin:11px 19px 0 0;
}
/*******************************************************************************************************/
/* ESTILOS PARA EL MENU DE LOS BOTONES EN EL HEADER */
/*******************************************************************************************************/
.menu_body
{
display:none;
width:158px;
border:1px solid #ffffff;
z-index:900;
position:absolute;
background:#D4D4D4;
padding-top:5px;
margin-top:-5px;
}
.menu_body li { height:35px; }
.menu_body li a { color:#FFFFFF; text-decoration:none; padding:0px; display:block;height:35px; }
/** MENU JUEGOS **/
/* AUDITION */
.menu_body a.game1 { background-image: url(../images/menuJuegos/bot_audition.png); }
.menu_body a.game1:hover { background-image: url(../images/menuJuegos/bot_audition_sel.png); }
/* PRISTON */
.menu_body a.game2 { background-image: url(../images/menuJuegos/bot_priston.png); }
.menu_body a.game2:hover { background-image: url(../images/menuJuegos/bot_priston_sel.png); }
/* KICKOFF */
.menu_body a.game3 { background-image: url(../images/menuJuegos/bot_kickoff.png); }
.menu_body a.game3:hover { background-image: url(../images/menuJuegos/bot_kickoff_sel.png); }
/* OPERATION 7 */
.menu_body a.game4 { background-image: url(../images/menuJuegos/bot_o7.png); }
.menu_body a.game4:hover { background-image: url(../images/menuJuegos/bot_o7_sel.png); }
/*****************/
/** MENU COMUNIDAD **/
/* FORO */
.menu_body a.community1 { background-image: url(../images/menuComunidad/bot_1.png); }
.menu_body a.community1:hover { background-image: url(../images/menuComunidad/bot_1_sel.png); }
/* NOTICIAS */
.menu_body a.community2 { background-image: url(../images/menuComunidad/bot_2.png); }
.menu_body a.community2:hover { background-image: url(../images/menuComunidad/bot_2_sel.png); }
/* EVENTOS */
.menu_body a.community3 { background-image: url(../images/menuComunidad/bot_3.png); }
.menu_body a.community3:hover { background-image: url(../images/menuComunidad/bot_3_sel.png); }
/* COMUNIDAD AUDITION */
.menu_body a.community4 { background-image: url(../images/menuComunidad/bot_4.png); }
.menu_body a.community4:hover { background-image: url(../images/menuComunidad/bot_4_sel.png); }
/* COMUNIDAD PRISTON */
.menu_body a.community5 { background-image: url(../images/menuComunidad/bot_5.png); }
.menu_body a.community5:hover { background-image: url(../images/menuComunidad/bot_5_sel.png); }
/* COMUNIDAD KICKOFF */
.menu_body a.community6 { background-image: url(../images/menuComunidad/bot_6.png); }
.menu_body a.community6:hover { background-image: url(../images/menuComunidad/bot_6_sel.png); }
/* COMUNIDAD OPERATION 7 */
.menu_body a.community7 { background-image: url(../images/menuComunidad/bot_7.png); }
.menu_body a.community7:hover { background-image: url(../images/menuComunidad/bot_7_sel.png); }
/*****************/
/** MENU AYUDA **/
/* FAQ */
.menu_body a.ayuda1 { background-image: url(../images/menuAyuda/bot1.png); }
.menu_body a.ayuda1:hover { background-image: url(../images/menuAyuda/bot1_sel.png); }
/* SOPORTE */
.menu_body a.ayuda2 { background-image: url(../images/menuAyuda/bot2.png); }
.menu_body a.ayuda2:hover { background-image: url(../images/menuAyuda/bot2_sel.png); }
/*****************/
/********************************************** STICK to BOTTOM ****************************************************/
html, body {
height: 100%;
}
.wrapper {
min-height: 1000px;
height: auto !important;
height: 100%;
margin: 0 auto -102px;
}
.footerWrapper, .push {
height: 102px;
}