/* Version: 2.0 Autor: Abel Sutilo URL: http://www.abelsutilo.com */ /* BODY en portafolio */ body.category-proyectos, body.s-category-ilustracion, body.s-category-motion, body.s-category-print, body.s-category-web {background: #101010 url(../images/background-proyectos.gif) repeat top left; border-top:10px solid #000;} /* cabecera en portafolio body.category-proyectos #cabecera, body.s-category-ilustracion #cabecera, body.s-category-motion #cabecera, body.s-category-print #cabecera, body.s-category-web #cabecera {background: #050505;} */ /* menu principal en portafolio*/ body.category-proyectos #menu-principal li a, body.s-category-ilustracion #menu-principal li a, body.s-category-motion #menu-principal li a, body.s-category-print #menu-principal li a, body.s-category-web #menu-principal li a { color:#666; border:none; background:none;} body.category-proyectos #menu-principal li a:hover, body.s-category-ilustracion #menu-principal li a:hover, body.s-category-motion #menu-principal li a:hover, body.s-category-print #menu-principal li a:hover, body.s-category-web #menu-principal li a:hover, body.category-proyectos #menu-principal li a.actual, body.s-category-ilustracion #menu-principal li a.actual, body.s-category-motion #menu-principal li a.actual, body.s-category-print #menu-principal li a.actual, body.s-category-web #menu-principal li a.actual{ color:#fff; background:#171717;} body.category-proyectos #columna-derecha .modulo-portafolio, body.s-category-ilustracion #columna-derecha .modulo-portafolio, body.s-category-motion #columna-derecha .modulo-portafolio, body.s-category-print #columna-derecha .modulo-portafolio, body.s-category-web #columna-derecha .modulo-portafolio {background: #111111;} /* archivo del portafolio */ #portafolio-destacados {margin: 0 auto 15px auto; padding: 15px 0;} #portafolio-destacados h2 {margin: 0 0 10px 0; padding: 0 0 5px 0; font-size:2em; font-weight:normal; color:#525252; font-family:'Yanone Kaffeesatz', "Lucida sans", Arial, Helvetica, serif; border-bottom: 1px solid #050505;} #portafolio-destacados h2 strong {color:#2cb1bd;} #portafolio-destacados .proyecto-ficha {width:310px; height:260px; margin: 0 5px 10px 5px; padding: 0; float: left; box-shadow: 0 0 10px #050505; -webkit-box-shadow: 0 0 10px #050505; -moz-box-shadow: 0 0 10px #050505; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background:#222222;} #portafolio-destacados .proyecto-ficha h3 {margin: 0; padding: 0; text-align:center;} #portafolio-destacados .proyecto-ficha h3 a {background:#282829;} #portafolio-destacados .proyecto-ficha h3 a img {width:292px; padding:1px; border:5px solid #282829; background:#111;} #portafolio-destacados .proyecto-ficha h3 a:hover img {background: #fff;} #portafolio-destacados .proyecto-ficha h4 {margin: 5px 0 10px 0; padding: 0 15px; color:#bcbcbc; font-weight:normal; font-size: 1.6em; font-family:'Yanone Kaffeesatz', "Lucida sans", Arial, Helvetica, serif; line-height:1.1em;} #portafolio-destacados .proyecto-ficha h4 a {color:#6d6b6c;} #portafolio-destacados .proyecto-ficha h4 a:hover {color:#2cb1bd; background:none;} #portafolio-destacados .proyecto-ficha p {margin: 0 0 0 0; padding: 0 15px;} #portafolio-destacados .proyecto-ficha p a {padding:3px 5px; color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background:#222;} #portafolio-destacados .proyecto-ficha p a:hover {color:#fff; background:#878d8d;} /* ficha del proyectos */ #portafolio {margin: 15px 0 20px 0;} /* descripcion del proyecto */ #proyecto-descripcion {width:600px; float:left; padding: 0 0 20px 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:1px solid #282829; background:#282829;} /* titulos */ #proyecto-descripcion h2 {margin: 0 0 10px 0; padding: 10px 20px 15px 20px; font-size:2.6em; font-weight:bold; color:#7a7a7a; font-family:'Yanone Kaffeesatz', "Lucida sans", Arial, Helvetica, serif; border-bottom: 1px solid #171717; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px; line-height:0.8em; background:#171717;} #proyecto-descripcion h3 {margin: 10px 20px; font-size:1.6em; color:#2a5663; font-family: 'Yanone Kaffeesatz', 'Lucida Sans', Calibri, Palatino, 'Trebuchet MS', Arial, Helvetica, sans-serif;} #proyecto-descripcion h4 {margin: 10px 20px; font-size:1.3em; color:#818181; font-family: 'Yanone Kaffeesatz', 'Lucida Sans', Calibri, Palatino, 'Trebuchet MS', Arial, Helvetica, sans-serif;} /* imagenes */ #proyecto-descripcion .imagen {padding:10px; text-align:center;} #proyecto-descripcion .imagen img {width:500px; padding:5px; border:5px solid #a3a09e; background:#fff;} #proyecto-descripcion .imagen img:hover {border:5px solid #817f7d; background:#fff;} /* parrafos y enlaces */ #proyecto-descripcion p {margin: 10px 20px 20px 20px !important; color:#999; font-family:"Lucida sans", Arial, Helvetica, serif; line-height:1.6em;} #proyecto-descripcion a {color:#2cb1bd; text-decoration:underline;} #proyecto-descripcion a:hover {color:#999; text-decoration:none; background:none;} /* citas y notas */ #proyecto-descripcion blockquote {margin: 10px 20px; background:url(../images/icono-cita.gif) no-repeat 0 3px;} #proyecto-descripcion blockquote.informacion {background:url(../images/icono-informacion.gif) no-repeat 0 5px;} #proyecto-descripcion blockquote.nota {background:url(../images/icono-nota.gif) no-repeat 0 5px;} #proyecto-descripcion blockquote.advertencia {background:url(../images/icono-advertencia.gif) no-repeat 0 5px;} #proyecto-descripcion p {margin: 0 0 0 0; color:#999;} /* listados */ #proyecto-descripcion ul {margin: 10px 20px;} #proyecto-descripcion ul li {margin: 0 10px 10px 10px; padding: 5px 10px; color:#686868; font-size:0.75em; line-height:1.6em; border-left: 3px solid #cbc9c1;} /* sociable */ #proyecto-descripcion .sociable {} #proyecto-descripcion .sociable ul {padding: 8px 0 !important; margin: 20px 20px 0 20px !important; text-align:center; border-top:1px dashed #383839; border-bottom:1px dashed #383839; background:#222223;} #proyecto-descripcion .sociable li {display:inline; margin: 0 0 0 0; padding: 0 0 0 0; border:none !important;} #proyecto-descripcion .sociable li a {background:none;} #proyecto-descripcion .sociable li a:hover {background:none;} /* metadatos del proyecto */ #proyecto-metadatos {width:345px; float:right;} #proyecto-metadatos .modulo{margin: 0 0 5px 0; padding: 10px 20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: #111111;} /* titulos */ #proyecto-metadatos h3 {margin: 0 0 10px ; font-size:1.4em; color:#666; font-family:'Yanone Kaffeesatz', "Lucida sans", Arial, Helvetica, serif;} /* parrafos y enlaces */ #proyecto-metadatos p {margin: 0 0 5px 0 !important; line-height:1.2em;} #proyecto-metadatos a {color:#2cb1bd; text-decoration:none;} #proyecto-metadatos a:hover {color:#999; text-decoration:underline; background:none;} /* listados */ #proyecto-metadatos ul {margin: 10px 0;} #proyecto-metadatos ul li {margin: 0 0 0 0; padding: 5px 10px; color:#444; font-size:0.75em; line-height:1.2em;} /* fecha y etiquetas */ #proyecto-metadatos .fecha {padding: 5px 10px 5px 26px !important; background:url(../images/icono-fecha.gif) no-repeat 0 3px;} #proyecto-metadatos .categoria {padding: 8px 10px 8px 26px !important; border-top:1px dashed #383839; border-bottom:1px dashed #383839; background:url(../images/icono-categoria.gif) no-repeat 0 3px;} #proyecto-metadatos .etiquetas {padding: 5px 10px 5px 26px !important; background:url(../images/icono-etiquetas.gif) no-repeat 0 3px;} #proyecto-metadatos .categoria a, #proyecto-metadatos .categoria a:hover {padding: 3px 5px; text-decoration:none; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#999;}