/* Theme Name: 7Punta.com Theme URI: http://www.rugbytime.com/ Description: Tema para 7Punta.com Version: 1.0 Author: Betomel par Roccky */ /* ---- GENERALES ---- */ *, body { padding:0; margin:0; } body { background: #325A7E url(img/bg.gif) top repeat-x; color: #444; font: 12px/1.6em Helvetica, Arial, sans-serif; text-align: center; } p.clear { clear: both; margin: 0; padding: 0; } img { border: 0;} ul { list-style: none; } /* ---- LINKS ---- */ a { outline: none; color: #446688; text-decoration: none;} a:hover { color: #017d29; border-bottom: 1px #017D29 solid; } /* ---- FORMULARIOS ---- */ input, textarea, select { padding: 5px; font: 12px sans-serif; border: 1px #d1d1d1 solid;} select { padding: 4px;} input.boton { padding: 0; border: none; vertical-align: top;} /* ---- TITULARES ---- */ h2, h3, h4 { font-weight: normal; color: #999; } h2 { font: bold 29px 'Arial', serif; letter-spacing: -2px; } h3 { font: 22px 'Arial', serif;} h4 { font: 18px 'Arial', serif; } /* ---- CONTENEDOR ---- */ #contenedor { text-align: left; width: 960px; margin: 0 auto; padding: 0 20px 10px 20px; background: url(img/bg-contenedor.gif) center repeat-y; } /* ---- HEADER ---- */ #header { height: 179px; background: url(img/logo.png) top center no-repeat; } #header a { border: none; } #header h1 { text-indent: -9999px; height: 149px; } #header h1 a { display: block; width: 960px; height: 120px; } #header div { padding: 0; } #header div ul { width: 358px; height: 30px; padding-left: 20px; margin-left: 12px; float: left; background: url(img/bg-topmenu.png) bottom center no-repeat; display: inline; } #header div ul li { display: inline; } #header div ul li a { display: block; text-indent: -9999px; float: left; height: 29px; width: 43px; } #header div ul li a.menu-inicio { width: 43px; background: url(img/menu-inicio.gif) no-repeat; } #header div ul li a.menu-inicio-2 { width: 43px; background: url(img/menu-inicio-hover.gif) no-repeat; } #header div ul li a.menu-grupos { width: 58px; background: url(img/menu-grupos.gif) no-repeat; } #header div ul li a.menu-grupos-2 { width: 58px; background: url(img/menu-grupos-hover.gif) no-repeat; } #header div ul li a.menu-partidos { width: 68px; background: url(img/menu-partidos.gif) no-repeat; } #header div ul li a.menu-partidos-2 { width: 68px; background: url(img/menu-partidos-hover.gif) no-repeat; } /* #header div ul li a.menu-estadios { width: 66px; background: url(img/menu-estadios.gif) no-repeat; } #header div ul li a.menu-estadios-2 { width: 66px; background: url(img/menu-estadios-hover.gif) no-repeat; } */ #header div ul li a.menu-videos { width: 54px; background: url(img/menu-videos.gif) no-repeat; } #header div ul li a.menu-videos-2 { width: 54px; background: url(img/menu-videos-hover.gif) no-repeat; } #header div ul li a.menu-fotos { width: 48px; background: url(img/menu-fotos.gif) no-repeat; } #header div ul li a.menu-fotos-2 { width: 48px; background: url(img/menu-fotos-hover.gif) no-repeat; } #header div ul li a.menu-contacto { width: 68px; background: url(img/menu-contacto.gif) no-repeat; } #header div ul li a.menu-contacto-2 { width: 68px; background: url(img/menu-contacto-hover.gif) no-repeat; } #header div form { float: right; text-align: right; width: 220px; padding-top: 2px; margin-right: 15px; display: inline; } #header div form label { font: bold 10px verdana; letter-spacing: -1px; text-transform: uppercase; color: #002851; padding-right: 10px; } #header div form input { border: none; vertical-align: middle; } #header div form #s { font-size: 10px; padding: 1px; height: 12px; border: 1px #ae2e1f solid; color: #fff; width: 120px; background: url(img/bg-buscador.gif) repeat-x; } /* ESCUDOS */ #escudos { text-align: center; border-bottom: 1px #eee solid; background: url(img/bg-escudos.gif); margin: 0 5px ; padding: 15px 0; } #escudos li { display: inline; padding: 0 2px;} #escudos li a { border: none; } /* BREADCRUMB */ #breadcrumb { margin: 0 1px 20px 1px; padding: 0px; font: 10px sans-serif; text-transform: uppercase; background: #eee; } /* ---- CONTENIDO ---- */ #contenido { width: 410px; float: left; border-right: 1px #eee solid; padding-right: 20px; } #contenido h1 { font: 40px 'Times New Roman', serif; letter-spacing: -2px; margin-bottom: 20px; color: #999; } #contenido h1 span { color: #ccc; font-size: 35px; } /* SLIDESHOW */ #contenido #slideshow { padding: 1px; border: 4px #BABABA solid; margin-bottom: 20px; } /* POSTS */ #contenido .post { margin-bottom: 40px; } #contenido .post h2 { margin-bottom: 10px; } #contenido .post p { margin-bottom: 1em; } #contenido .post .video { width: 380px; height: 300px; margin: 5px auto ; border: 4px #eee solid; } #contenido .post img { background: #fff; padding:1px; border: 4px #eee solid; } #contenido .post .info { font-weight: bold; color: #999; background: #f7f7f7; font-size: .9em; padding: 3px; } /* POSTS EN GENERAL */ .post .info { font-weight: bold; color: #ccc; padding:0;margin:0;} .post .fecha { font: bold 10px Verdana, sans-serif; color: #888; } #centrohome { margin:0; border:none;} #centrohome img{ background: #fff; padding:0; border:4px #eee solid;width:300px;margin:5px 0 10px 0;} #contenedor .post .info img { padding:0; border: none; background: transparent; vertical-align: middle;} /* COMENTARIOS */ h2#comments, h2#postcomment { margin-top: 30px; margin-bottom: 10px; } #commentform label { display: block; font: bold .9em sans-serif; color: #999; } #commentform input, #commentform textarea { width: 90%; margin-bottom: 15px; } #commentlist { list-style: none; } #commentlist li { border-bottom: 1px #eee solid; padding-bottom: 15px; margin-bottom: 15px; } #commentlist li .fechacomentario { font-size: .85em; text-transform: uppercase; margin-bottom: 10px; } /* PAGINAS */ .pagina h2 { border-bottom: 1px #ccc solid; margin-bottom: 15px; } .pagina h3 { font: bold 15px sans-serif; margin-bottom: 5px; } .pagina ul { list-style: square; padding: 0 25px; } .pagina ul.referencia { font-size: .9em; line-height: 1em; color: #777; } .ddfm .credits { display: none; } /* TABLAS de EXCEL */ table.exceltotable { margin-bottom: 20px; color: #222; } table.exceltotable td, table.exceltotable th { border-bottom: 1px #446688 solid; padding: 5px; font-size: .9em; line-height: .9em; } table.exceltotable th { font-weight: bold; background: #446688; color: #fff; border: none; text-transform: uppercase; } table.exceltotable .par td { background: #fff; } table.exceltotable .non td { background: #f5f7f9; } table.exceltotable tr:hover td { background: #bddeff; } /* TABLA DE GRUPOS */ #contenido .Grupos th, #contenido .Grupos td { width: 20px; text-align: center; } #contenido .Grupos td.col-1, #contenido .Grupos th.col-1 { width: auto; text-align: left; font-weight: bold; } /* TABLA DE PARTIDOS */ #contenido .Partidos th.col-3 { text-align: center; } #contenido .Partidos td.col-3, #contenido .Partidos td.col-5 { width: 100px; font-weight: bold; text-align: center; } #contenido .Partidos td.col-4 { text-align: center; color: #446688; } /* TABLAS DE PAISES */ #descripcion th.col-2 { text-align: center; } #descripcion td.col-2, #descripcion td.col-4 { font-weight: bold; white-space: nowrap; } #descripcion td.col-3 { color: #446688; } /* ---- CENTRO ---- */ #centro { width: 290px; float: left; padding: 0 0 0 20px; } #centro #publicidad { border: none; } #centro #publicidad a { border: none; } #centro #publicidad a img { width: 280px; border: 5px #eee solid; } #centro #publicidad a:hover img { border-color: #446688; } #centro div { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px #eee solid; } #centro div.fecha { padding: 0; margin: 0; border: none; } #centro div h2 { font-size: 22px; letter-spacing: -1px; } #centro div p { font-size: .9em; } #centro #video { background: #FFFFFF; padding: 10px; border: none; color: #3c5b1d; } #centro #video h2 { margin: 0 0 10px 0; color: #3c5b1d; border-bottom: 1px #3c5b1d dotted; } #centro #video .video { width: 270px; height: 220px; margin: 0; padding: 0; border: none; } #centro #video .desc { background: #658a3f url(img/bg-video-desc.gif) top no-repeat; padding: 3px; margin: 5px 0 0 0; color: #fff; font: 9px sans-serif; text-transform: uppercase; text-align: center; } #centro #video .comentarios { border: none; margin-bottom: 15px; display: block; font-size: .9em; text-align: center; font-weight: bold; } #centro .lista ul { list-style: square inside; color: #999; } #centro .lista ul li { padding: 3px 0; border-top: 1px #eee dashed; } #centro #countdown { border: none; background: url(img/bg-countdown.gif) top center no-repeat; padding: 23px 10px 15px 10px; font: bold 27px/1em sans-serif; text-align: center; color: #fff; } #centro #countdown span { vertical-align: 50%; font: bold 12px sans-serif; color: #fff; text-transform: uppercase;} #centro #countdown #innercountdown { margin: 0; padding: 0; border: none; } /* PAISES */ #centro #descripcion { } #centro #descripcion h2 { font-size: 28px; } #centro #descripcion h4 { font-size: 20px; margin-bottom: 5px; border-bottom: 1px #eee solid; } #centro #descripcion img { float: right; margin: 0 0 10px 10px;} #centro #descripcion .detalles { font-size: .9em; margin-bottom: 20px;} #centro #descripcion .detalles li { border-bottom: 1px #eee dashed; padding: 2px 0; } #centro #descripcion .detalles li strong { color: #999; } #centro #descripcion p { margin-bottom: 20px; } #centro #descripcion .video { margin: 0; padding: 0; border: none; } /* ---- NAVEGACION ---- */ .navigation { margin-top: 10px; } .navigation div { width: 48%; } .navigation .alignleft { float: left; } .navigation .alignright { float: right; text-align: right; } /* ---- MENU ---- */ #menu { width: 175px; float: right; display: inline; } #menu h4 { text-indent: -9999px; height: 35px; } #menu #h4-informacion { background: url(img/bg-h4-informacion.gif) bottom no-repeat; } #menu #h4-archivo { background: url(img/bg-h4-archivo.gif) bottom no-repeat; } #menu #h4-newsletter { background: url(img/bg-h4-newsletter.gif) bottom no-repeat; } #menu div { width: 158px; background: url(img/bg-menu-div.gif) center repeat-y; padding: 0 9px 0 8px; font: .9em Georgia, serif; } #menu div.foot { width: 175px; padding: 0; margin-bottom: 20px; background: url(img/bg-menu-foot.gif) bottom center no-repeat; height: 20px; } #menu div div { width: auto; padding: 0; background: none; margin: 0; } #menu div ul { padding: 0 5px; } #menu div ul li { border-top: 1px #eee solid; padding: 5px 0 5px 10px; background: url(img/bg-menu-li.gif) left center no-repeat;} #menu #paises { display: block; background: url(img/bg-h4-pool-z.gif) bottom no-repeat; padding-bottom: 20px; margin-bottom: 20px; } #menu #paises h4#grupo-a { background: url(img/bot-pool1.gif) top no-repeat; height: 29px; } #menu #paises h4#grupo-b { background: url(img/bot-pool2.gif) top no-repeat; height: 26px; } #menu #paises h4#grupo-c { background: url(img/bot-pool3.gif) top no-repeat; height: 26px; } #menu #paises h4#grupo-d { background: url(img/bot-pool4.gif) top no-repeat; height: 26px; } #menu #paises h4#grupo-e { background: url(img/bot-pool5.gif) top no-repeat; height: 26px; } #menu #paises h4#grupo-f { background: url(img/bot-pool6.gif) top no-repeat; height: 26px; } #menu #paises h4#grupo-g { background: url(img/bot-pool7.gif) top no-repeat; height: 26px; } #menu #paises h4#grupo-h { background: url(img/bot-pool8.gif) top no-repeat; height: 26px; } #menu #paises h4#grupo-informacion { background: url(img/bg-h4-informacion.gif) bottom no-repeat; } #menu #paises div { background: url(img/bg-menu-paises.gif) center repeat-y; font: 11px/11px sans-serif; } #menu #paises div a { border: none; } #menu #paises div strong { display: block; width: 148px; color: #fff; text-transform: uppercase; padding: 5px; } #menu #paises .pool-a strong { background: #0096D0; } #menu #paises .pool-b strong { background: #0096D0; } #menu #paises .pool-c strong { background: #0096D0; } #menu #paises .pool-d strong { background: #0096D0; } #menu #paises .pool-e strong { background: #0096D0; } #menu #paises .pool-f strong { background: #0096D0; } #menu #paises .pool-g strong { background: #0096D0; } #menu #paises .pool-h strong { background: #0096D0; } #menu #paises .pool-informacion strong { background: #0096D0; } #menu #paises ul { padding: 0; } #menu #paises ul li { padding: 0; border-color: #fff; background: none; } #menu #paises ul li a { display: block; width: 148px; padding: 5px; background: #e4e4e4; } #menu #paises ul li a:hover { color: #fff; text-decoration: none; } #menu #paises ul li a img { vertical-align: middle; margin-right: 5px; } #menu #paises .pool-a a:hover { background: #72bdda; } #menu #paises .pool-b a:hover { background: #72bdda; } #menu #paises .pool-c a:hover { background: #72bdda; } #menu #paises .pool-d a:hover { background: #72bdda; } #menu #paises .pool-e a:hover { background: #72bdda; } #menu #paises .pool-f a:hover { background: #72bdda; } #menu #paises .pool-g a:hover { background: #72bdda; } #menu #paises .pool-h a:hover { background: #72bdda; } #menu #paises .pool-informacion a:hover { background: #72bdda; } #menu #newsletter { text-align: center; } #menu #newsletter form { padding: 10px 5px; } #menu #newsletter form input { border: none; vertical-align: middle; } #menu #newsletter form #email { font-size: 10px; padding: 1px; height: 12px; border: 1px #ae2e1f solid; color: #fff; width: 100px; background: url(img/bg-buscador.gif) repeat-x; } /* ---- FOOTER ---- */ #footer { font-size: .9em; padding: 70px 0 30px 0; background: url(img/bg-footer.gif) bottom center no-repeat; text-align: center; } #footer a { border: none; } #footer #duttopr { display: none; }