@charset "utf-8"; /* Diseño de scroll */ #full-text::-webkit-scrollbar { width: 8px; } #full-text::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px #e5e5e5; } #full-text::-webkit-scrollbar-thumb { background-color: #b88b04; /*border-radius: 8px; outline: 1px solid slategrey;*/ } #full-text::-webkit-scrollbar-thumb:hover { background-color: #F90; } /* Diseño de scroll */ #cont-art { margin: 0 auto; width: 800px; height: 900px; padding: 40px; /*overflow-y: scroll;*/ } #texto-articulo { margin-left: 20px; margin-right: 20px; } #art-anteriores { display: inline-block; } #art-anteriores article { width: 150px; height: 180px; background: #C3C3C3; float: left; border: 4px solid #F90; margin-left: 30px; margin-top: 30px; } #art-anteriores article img { width: 150px; height: 180px; margin: 0px; padding: 0px; } #art-anteriores article:hover { border-color: cornflowerblue; } #art-anteriores article img:hover { /* a considerar */ width: 170px; height: 200px; margin: -10px; padding: 0px; } .overview strong { text-align: left; font-size: 1.3em; } .overview img { margin-top: 20px; margin-bottom: 20px; } .overview h2 { font-size: 1.8em; padding: 20px; background-color: rgba(0, 0, 0, .6); color: #FFF; } #pie_pagina img { width: 760px; height: 51px; } #video { height: auto; max-width: 700px; height: 400px; /*border: 1px solid black;*/ margin: 0 auto; display: inline-block; margin-left: 20px; } #comentarios { position: relative; width: 750px; min-height: 400px; margin-top: 10px; margin-left: 330px; font-size: 1.4em; color: #FFF; } #opciones { background-color: navajowhite; height: 250px; width: 220px; position: relative; top: -250px; float: right; } #opciones a { width: 180px; height: 80px; text-decoration: none; } #opciones a span { font-size: 18px; color: #000; position: relative; top: -10px; } #visto { /* Numero de veces qie ha sido visto el articulo */ position: relative; width: 200px; height: 20px; float: right; top: -120px; font-size: 1.4em; color: #FFF; } #download { position: relative; width: 200px; height: 20px; margin-top: -250px; margin-left: 980px; font-size: 1.4em; color: #FFF; } #download a { text-decoration: none; color: #797979; } #download a p { margin-top: -36px; margin-left: 50px; } #download a:hover { color: goldenrod; } #movie { position: relative; width: 200px; height: 20px; margin-top: 20px; margin-left: 980px; font-size: 1.4em; } #movie a { text-decoration: none; color: #797979; } #movie a p { margin-top: -36px; margin-left: 50px; } #movie a:hover { color: goldenrod; } #relacionados { position: relative; width: 95%; height: 150px; margin-top: 0px; margin-left: 0px; margin-bottom: 40px; font-size: 1.4em; color: #FFF; text-align: center; padding-left: 50px; overflow: hidden; display: none; } #relacionados article { margin: 10px; width: 160px; height: 110px; background-color: #FFF; float: left; } #relacionados article img { width: 160px; height: 110px; } #relacionados article:hover { background-color: dodgerblue; cursor: pointer; } /* Agregado 27 - 09 - 2013 */ #zoom { position: absolute; margin-top: -40px; margin-left: 0px; width: 700px; height: 30px; border-radius: 5px; } #zoom a { text-decoration: none; position: relative; top: -4px; margin-right: 20px; } #zoom a span { background-color: rgb(236, 238, 245); padding: 2px 4px; border-radius: 5px; border: 1px solid #FFF; color: rgb(59, 89, 152); font-size: 13px; } #aumentar { position: relative; top: 8px; width: 21px; height: 21px; padding-top: 8px; } #disminuir { padding-top: 8px; width: 21px; height: 21px; } #full-text { height: 100%; width: 800px; overflow-y: scroll; background-color: #fff; box-shadow: 0px 7px 7px rgba(0, 0, 0, .2); font-family: 'Roboto Condensed', sans-serif; } /* para centrar la imagen de los articulos*/ /*Para definir el tamaño y posicion de las imagenes (centro), dentro del documento para breviarios academicos*/ #full-text img { width: 600px; display: block; margin: auto; } #full-text h2 { font-size: 1.8em; padding: 20px; background-color: rgba(0, 0, 0, .6); color: #FFF; } #full-text h4 { text-align: center; } #full-text strong { text-align: left; font-size: 14px; line-height: 26px; padding: 0 20px; } #full-text p { text-align: left; font-size: 14px; line-height: 26px; padding: 0 20px; font-weight: normal; } #full-text p strong { padding: 0; } #full-text img { margin-top: 20px; margin-bottom: 20px; } .texto-pie { font-size: 12px; width: 100%; height: auto; margin-top: 30px; margin-bottom: 30px; padding-top: 10px; float: left; border-top: 1px solid #e2e2e2; } /* * estilos para la seccion de documentos academicos * docs/documentos.php */ #contenido-completo { margin-top: 40px; margin-left: 10px; height: auto; max-width: 800px; border: 1px solid #e2e2e2; display: inline-block; } #contenido-completo article { width: 800px; height: auto; margin-bottom: 20px; border-top: 1px solid #e3e3e3; display: inline-block; } #contenido-completo article a { text-decoration: none; } #contenido-completo article .portada-img { float: left; width: 150px; margin: 10px 20px 5px 4px; } #contenido-completo article p { height: auto; max-width: 620px; margin-top: 10px; margin-left: 170px; } /* * estilos para el texto de los documentos academicos * docs/*********.php */ #contenido-completo #documento { height: 750px; max-width: 800px; overflow-y: scroll; font-family: 'Roboto Condensed', sans-serif; padding: 4px 10px; } #contenido-completo #documento p { text-indent: 50px; max-width: 800px; margin: 0px; } /*Para definir el tamaño y posicion de las imagenes (centro), dentro del documento para breviarios academicos*/ #contenido-completo #documento img { width: 600px; display: block; margin: auto; }