Blob Blame History Raw
/* Cascading Style Sheet for texi2html output.
 *
 * This file provides the visual style needed by texi2html's output.
 * The final visual style produced for this file is based on CentOS
 * Modern's cascading style sheet.
 *
 * Copyright (C) 2009-2010 Alain Reguera Delgado
 * This file is released under Creative Common Share-Alike License 3.0
 * (http://creativecommons.org/licenses/by-sa/3.0/).
 */


/* Reset browsers default margins and paddings
-----------------------------------------------*/

* {
    margin: 0;
    padding: 0;
    }

/* Define html
-----------------------------------------------*/

html {
    background-color: #FFF;
    background-image: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/html-bg.png);
    }

/* Define body
-----------------------------------------------*/

body {
    font-family: "DejaVu Sans", "Liberation Sans", sans-serif;
    font-size: 0.85em;
    line-height: 1.25em;
    padding: 10px 20px 10px 20px;
    /* margin: 0;           /* <- full screen                       */
    /* margin: 0 1% 0 1%;   /* <- with 1% of left and right margin  */
    /* margin: 0 2% 0 2%;   /* <- with 2% of left and right margin  */
    margin: 0 3% 0 3%;      /* <- with 3% of left and right margin  */
    /* margin: 0 10% 0 10%; /* <- with 10% of left and right margin */
    }

/* Main Blocks
-----------------------------------------------*/

/* Logo
-----------------------------------------------*/

/* Links 
-----------------------------------------------*/

/* Base */

a:link  { text-decoration: none; color: #0044B3; }
a:hover { text-decoration: underline; color: green; }
a:active { text-decoration: underline; color: green; }
a:visited { text-decoration: none; color: #0044B3; }
a:visited:hover { text-decoration: underline; color: green; }

/* Broken or nonexistent links */

a.nonexistent, 
a.nonexistent:hover { color: gray; }

/* Special decoration for some links' classes */

a.www:before { 
    white-space:nowrap; 
    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/www.png); 
    margin: 0 0.2em; 
    }

a.http:before { 
    white-space:nowrap; 
    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/www.png); 
    margin: 0 0.2em; 
    }

a.https:before { 
    white-space:nowrap; 
    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/www.png); 
    margin: 0 0.2em; 
    }

a.mailto:before { 
    white-space:nowrap; 
    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/email.png); 
    margin: 0 0.2em; 
    }

a.attachment:before { 
    white-space:nowrap; 
    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/attach.png); 
    margin: 0 0.2em; 
    }

/* Headings */

h1 a:link  { text-decoration: none; color: #FFF }
h1 a:hover { text-decoration: none; color: #FFF; }
h1 a:active { text-decoration: underline; color: #FFF; }
h1 a:visited { text-decoration: none; color: #FFF; }
h1 a:visited:hover { text-decoration: none; color: #FFF; }

h2 a:link
h2 a:active
h3 a:link
h3 a:active
h4 a:link
h4 a:active
h5 a:link
h5 a:active
h6 a:link
h6 a:active {
	color: #072B61; 
	text-decoration: none;
	}

/* Headings
-----------------------------------------------*/

h1 {
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.9em;
    margin-top: 0.9em;
    margin-bottom: 0.9em;
    padding-left: 0.7em;
    color: #FFF;
    border: none;
    background: #204C8D url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/h1-bg.png");
    }

h2 {
    font-size: 1.4em;
    line-height: 1.8em;
    margin-top: 0.9em;
    margin-bottom: 0.8em;
    padding-left: 0.7em;
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/h2-bg.png");
    border: none;
    color: #072B61;
    }

h3 {
    font-size: 1.25em;
    line-height: 1.6em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-left: 0.7em;
    color: #072B61;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DADADA;
    }

h4 {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-left: 1.2em;
    color: #072B61;
    border-bottom: none;
    }

h5 {
    font-size: 1.1em;
    line-height: 1.1em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-left: 1.2em;
    color: #072B61;
    font-weight: bold;
    border-bottom: none;
    }

h6 {
    font-size: 1em;
    line-height: 1.1em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-left: 0.7em;
    color: #072B61;
    font-weight: bold;
    border-bottom: none;
    }

/* Paragraphs
-----------------------------------------------*/

p {
    margin: 1em;
    margin-left: 1.5em;
    line-height: 1.5em;
    }

/* Quotations
-----------------------------------------------*/

blockquote {
    background-color: #ECECEC;
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/msg-bg-gray.png");
    border-width: 1px;
    border-style: solid;
    border-color: #CFCFCF;
    border-left-width: 4px;
    margin-left: 1.5em;
    padding: 0.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    }

blockquote p {
    padding-left: 2.5em;
    }

blockquote h3 {
    margin-left: 2.5em;
    line-height: 0;
    border: none;
    color: #000000;
}

blockquote pre {
    border: none;
    background-color: #000000;
    color: #FFFFFF;
    margin: 0;
    margin-left: 4em;
    }

blockquote img {
    float: left;
    }

blockquote.message {
    border: none;
    border-top: 4px solid;
    border-bottom: 4px solid;
    margin-left: 15%;
    margin-right: 15%;
    border-color: #CFCFCF;
    padding: 0 2em;
    }

blockquote.message p.content {
    font-weight: bold;
    margin-left: 0;
    }

blockquote.message p.links {
    font-size: x-small;	
    margin-left: 0;
    }

blockquote.blue {
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/msg-bg-blue.png");
    border-color: #D2E0F6; 
    background-color: #ECF4FF;
    }

blockquote.orange {
    border-color: #F6E7D2; 
    background-color: #FFF8EC;
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/msg-bg-orange.png");
    }

blockquote.violet {
    border-color: #F6D2F6; 
    background-color: #FFECFF;
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/msg-bg-violet.png");
    }	

blockquote.red {
    border-color: #E0B7B7;
    background-color: #FFECEC;
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/msg-bg-red.png");
    }

blockquote.green {
    border-color: #D6F6D2;
    background-color: #EEFFEC;
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/msg-bg-green.png");
    }

q:before {
    content: " “";
    }

q:after {
    content: "” ";
    }

q q:before {
    content: " ‘";
    }

q q:after {
    content: "’ ";
    }

address {
    margin-left: 1.5em;
    }

/* Preformatted Texts
-----------------------------------------------*/

pre {
    font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
    padding: 0.5em 1em;
    margin: 0.5em 0 0.5em 1.5em;
    white-space: pre;
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-left-width: 4px;
    white-space: pre;
    background: #FFFAE9;
    overflow: auto;
    }

/* Phrase Elements
-----------------------------------------------*/

tt,
samp,
kbd,
code {
    font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
    }

/* Page Lines
-----------------------------------------------*/

hr {
    clear: both;
    margin: 0;
    padding: 0;
    height: 1px ! important;
    border: none;
    background-color: #DADADA;
    }

/* Lists
-----------------------------------------------*/

ul,
ol {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding-left: 1.9em;
    margin-left: 3.5em;
    }

ul { 
    list-style: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/ul.png") circle ! important;
    } 

ol {
    list-style-image: none !important;
    }

ul li,
ol li {
    line-height: 1.5em;
    }

ul ul,
ul ol,
ol ul,
ol ol {
    margin-left: 0.5em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    }

ul li p,
ol li p {
    margin-bottom: 0.3em;
    line-height: 1.5em;
    margin-left: 0 !important;
    }

dl {
    margin-top: 1.5em;
    margin-left: 3.5em;
    }

dl dt {
    font-weight: bold;
    }

dl dt:after {
    content: none
    }

dl dd {
    margin-left: 2em;
    margin-bottom: 1em;
    line-height: 1.5em;
    }

dl dd ul,
dl dd ol {
    margin: 0;
    padding-top: 0;
    margin-left: 4em;
    }

/* Tables 
-----------------------------------------------*/

table {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 1.5em;
    border-collapse: collapse;
    }

table.menu {
    margin:0;
    margin-left: 3.5em;
    padding:0;
}

table caption {
    font-style: italic;
    text-align: center;
    }

table tr th {
    font-weight: bold;
    }

table tr td,
table tr th {
    /* border: 1pt;
    border-style: solid;
    border-color: #CCC; */
    padding-top: 0.25em;
    padding-right: 0.5em;
    padding-bottom: 0.25em;
    padding-left: 0.5em;
    }

table tr td p {
    margin: 0;
    padding: 0;
    }

/* Forms 
-----------------------------------------------*/

form {
    display: inline;
    }

input[type="submit"], 
input[type="button"] {
    padding: 1px;
    }

input[type="submit"],
input[type="button"],
input[type="button"],
input[type="submit"] {
    font-size: 0.8em;
    border-width: 1px;
    border-style: solid;
    border-color: #628ECA;
    background-color: #204a87;
    color: #FFF;
    cursor: pointer;
    display: inline;
    text-decoration: none;
    }

input[type="text"],
textarea {
    font-size: 0.8em;
    display: inline;
    padding: 2px;
    padding-left: 4px;
    border: 1px solid #628ECA;
    background-color: #EFF5FE;
    color: #204a87;
    }

select {
    font-size: 0.8em;
    display: inline;
    padding: 1px;
    border: 1px solid #628ECA;
    background-color: #EFF5FE;
    color: #204a87;
    }

form p {
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
    }

textarea {
    padding: 2px;
    }

input[type="text"] {
    padding: 1px;
    }

/* Select
---------------------------------------- */

select option {
    padding-left: 3px;
    padding-right: 3px;
    }

select optgroup {
    font-style: normal;
    font-weight: bold;
    padding-left: 3px;
    }

select optgroup option {
    margin-left: 1em;	
    }

input[type="radio"],
input[type="checkbox"] {
    vertical-align: middle;
    }

fieldset {
    margin: 1em;
    padding: 1em;
    padding-bottom: 5px;
    margin-left: 1.5em;
    border: 1px solid #AAA;
    }

fieldset legend {
    font-weight: bold;
    color: #AAA;
    }