Pagina de estilo para el sitio web forense.info sobre Informatica Forense y Pericial. Esta basado en un diseño de Free CSS Templates: - http://www.freecsstemplates.org - Released for free under a Creative Commons Attribution 2.5 License. Inicialmente tuvo una anchura general de 1170. Luego se le paso a una anchura de 1042 pixels. Se ha adaptado algo para móviles con un pundo de cambio a 1100 pixels.
/*////////////////////////////////////////////////////////////////////////////
// FILE : common.css
// AUTHOR : http://www.asolver.com
// PURPOSE : Pagina de estilo para el sitio web forense.info sobre Informatica
// Forense y Pericial.
// Esta basado en un diseño de Free CSS Templates:
// - http://www.freecsstemplates.org
// - Released for free under a Creative Commons Attribution 2.5 License.
// Inicialmente tuvo una anchura general de 1170.
// Luego se le paso a una anchura de 1042 pixels.
// Se ha adaptado algo para móviles con un pundo de cambio a 1100 pixels.
////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////
// Body
////////////////////////////////////////////////////////////////////////////*/
body
{
margin: 0;
padding: 0;
background: #e3e3e3 url(001iForenseCss.png) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #4c4c4c;
}
iframe
{
background: #ffffff;
}
div.center
{
margin: 0px;
padding: 0px;
width: 100%;
text-align: center;
}
/*////////////////////////////////////////////////////////////////////////////
// Colors
////////////////////////////////////////////////////////////////////////////*/
.red
{
color: #ff0000;
}
/*////////////////////////////////////////////////////////////////////////////
// Image
////////////////////////////////////////////////////////////////////////////*/
img
{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*////////////////////////////////////////////////////////////////////////////
// Headers
////////////////////////////////////////////////////////////////////////////*/
h1, h2, h3, h4
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
letter-spacing: -2.0px;
color: #404040;
}
h1, h3
{
font-size: 2.2em;
}
h2
{
font-size: 1.8em;
}
h3
{
color: #ff0000;
}
h4
{
letter-spacing: -1.0px;
font-size: 1.4em;
}
/*////////////////////////////////////////////////////////////////////////////
// Common elements
////////////////////////////////////////////////////////////////////////////*/
p, ul, ol
{
margin-top: 0;
line-height: 180%;
}
p.center
{
text-align: center;
}
p.salient
{
margin: 0px 15px 30px 15px;
padding: 15px 15px 15px 15px;
font-size: 1.5em;
line-height: 120%;
font-family: Georgia, serif;
text-align: center;
color: #00cc00;
background-color: #111111;
}
p.reduced
{
font-size: 0.9em;
line-height: 150%;
}
ul.biblio
{
font-style: italic;
font-size: 0.9em;
line-height: 150%;
}
blockquote
{
margin: 15px 15px 0px 15px; /* top right bottom left */
padding: 15px 15px 1px 15px;
font-style: italic;
background: #e3e3e3;
border-left: 1px solid #4c4c4c;
font-size: 0.9em;
}
blockquote p
{
line-height: 150%;
}
a
{
text-decoration: none;
color: #ff0000;
}
a:hover
{
text-decoration: underline;
}
hr
{
width: 100%;
margin: 14px 0px 14px 0px; /* top right bottom left */
height: 1px;
border-style: none;
background-color: #b3b3b3;
}
/*////////////////////////////////////////////////////////////////////////////
// Image index
////////////////////////////////////////////////////////////////////////////*/
div.InxImg
{
/*width: 772; 800 - 14 - 13 - 1 de border */
margin: 14px 0px 0px 0px;
padding: 14px 14px 1px 13px;
background: #e3e3e3;
border-top: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
}
img.InxImg
{
width: 39%;
float: left;
margin: 0px 40px 0px 0px;
border-style: none;
}
img.InxImg:hover
{
margin: 0px 14px 0px 26px;
}
/*////////////////////////////////////////////////////////////////////////////
// Wrapper
////////////////////////////////////////////////////////////////////////////*/
#wrapper
{
margin: 0 auto;
padding: 0;
}
/*////////////////////////////////////////////////////////////////////////////
// Header
////////////////////////////////////////////////////////////////////////////*/
#header
{
width: 1060px;
margin: 0 auto;
height: 100px;
padding: 0px 20px 0px 20px;
background: #000000;
}
@media (max-width: 1100px) { #header { width: 96%; height: 200px; } }
/*////////////////////////////////////////////////////////////////////////////
// Logo
////////////////////////////////////////////////////////////////////////////*/
#logo
{
float: left;
width: 610px;
margin: 0;
padding: 0;
color: #000000;
}
@media (max-width: 1100px) { #logo { width: 55% } }
#logo h1
{
padding: 0px 0px 0px 0px;
font-size: 3.5em;
background: #000000;
}
@media (max-width: 1100px) { #logo h1 { font-size: 2.5em; } }
#logo p
{
margin: 0;
padding: 0px 0 0 0px;
font: normal 16px Georgia, "Times New Roman", Times, serif;
color: #ffffff;
}
#logo a
{
border: none;
background: none;
text-decoration: none;
color: #ffffff;
}
#logo a.ciip
{
border: none;
background: none;
text-decoration: none;
font-weight: bold;
color: #ff0000;
}
#logo a.ciip:hover
{
border: none;
background: #ff0000;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}
/*////////////////////////////////////////////////////////////////////////////
// Menu
////////////////////////////////////////////////////////////////////////////*/
#menu
{
float: right;
width: 430px;
height: 90px;
margin: 0 auto;
padding: 0;
}
@media (max-width: 1100px) { #menu { width: 39% } }
#menu ul
{
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li
{
float: left;
}
#menu a
{
display: block;
height: 50px;
margin-right: 1px;
padding: 40px 7px 0px 7px;
text-decoration: none;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #ffffff;
border: none;
}
#menu a:hover
{
background: #ff0000;
text-decoration: none;
}
#menu .MnuAct a
{
background: #ff0000 url(002iForenseCss.png) no-repeat left top;
text-decoration: none;
}
#menu .MnuAct a
{
}
/*////////////////////////////////////////////////////////////////////////////
// Page
////////////////////////////////////////////////////////////////////////////*/
#page
{
width: 1100px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}
@media (max-width: 1100px) { #page { width: 100% } }
#page-bgtop
{
padding: 50px 0px 0px 0px;
}
/*////////////////////////////////////////////////////////////////////////////
// Content
////////////////////////////////////////////////////////////////////////////*/
#content
{
float: left;
width: 840px;
padding: 0px 0px 0px 0px;
background: #ffffff;
}
@media (max-width: 1100px) { #content { width: 75% } }
.post
{
margin-bottom: 20px;
}
.post .title
{
height: 41px;
padding: 7px 0px 10px 20px;
}
.post .meta
{
margin-bottom: 30px;
padding: 0px 20px 0px 20px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
font-style: italic;
}
.post .meta .date
{
float: left;
}
.post .meta .posted
{
float: right;
}
.post .meta a
{
}
.post .entry
{
padding: 0px 20px 20px 20px;
padding-bottom: 20px;
text-align: justify;
font-size: 1.1em;
border-bottom: 1px solid #b3b3b3;
}
.links
{
padding-top: 20px;
font-size: 0.8em;
font-weight: bold;
}
#content ul
{
list-style-type: disc;
margin: 14px 0px 0px 0px;
}
#content li
{
list-style-type: disc;
margin: 0px 0px 14px -25px;
margin: 0px 0px 14px 0px;
}
/*////////////////////////////////////////////////////////////////////////////
// Pdf document, videos,...
////////////////////////////////////////////////////////////////////////////*/
div.multimedia
{
width: 100%;
text-align: center;
height: 31em;
}
/*////////////////////////////////////////////////////////////////////////////
// Sidebar
////////////////////////////////////////////////////////////////////////////*/
#sidebar
{
float: right;
width: 220px;
margin: 0px;
padding: 0px 20px 0px 0px;
color: #787878;
}
@media (max-width: 1100px) { #sidebar { width: 20% } }
#sidebar ul
{
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li
{
margin: 0;
padding: 0;
}
#sidebar li ul
{
margin: 0px 0px;
padding-bottom: 30px;
}
#sidebar li li
{
margin: 8px 0px 0px 0px;
padding: 0px 0px 10px 0px;
line-height: 18px;
border-bottom: 1px solid #b0b0b0;
border-left: none;
}
#sidebar li li a
{
padding: 0px 0px 0px 0px;
}
#sidebar h2
{
height: 38px;
padding-left: 0px;
}
#sidebar p
{
margin: 0 0px;
padding: 0px 0px 20px 0px;
text-align: justify;
line-height: 18px;
}
#sidebar a
{
border: none;
color: #000000;
}
#sidebar a:hover
{
text-decoration: underline;
color: #ff0000;
}
/*////////////////////////////////////////////////////////////////////////////
// Footer
////////////////////////////////////////////////////////////////////////////*/
#footer
{
height: 50px;
margin: 0 auto;
padding: 0px 0 15px 0;
background: #000000 url(003iForenseCss.png) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
}
#footer p
{
margin: 0;
padding-top: 20px;
line-height: normal;
font-size: 0.9em;
text-align: center;
color: #ffffff;
}
#footer a
{
color: #ff0000;
}iForense construye las paginas del sitio sobre informática forense Forense.Info
2015 asolver.com | Aviso legal | XHTML | Δ Θ Ξ | Creative Commons | Mapa y funciones del sitio
