/* 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;
}