/* CSS
*
* Webenv/base.css -- This file provides the base visual style
* definitions to CentOS web environment. Definition in this file are
* common for all applications inside CentOS web environment. This
* definitions apply to html tags without options like classes, ids,
* etc, just the base defintion for clean html tags.
*
* Specific CSS definitions, like those used in specific web
* applications, are declared using the HTML link element in the head
* section of the specific web application who needs it. Specific CSS
* definitions extend CentOS webenv CSS definitions.
*
* Specific CSS definitions can overlap CentOS base CSS definitions.
* This way specific web applications retain their own visual style
* under CentOS web environment. Changing this may be not very
* convenient since different web applications have different html/css
* definitions. The best way I can see, is retain their own
* definitions and update them, in their own, to fit CentOS visual
* style.
*
* Copyright (C) 2009-2010 Alain Reguera Delgado
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License as
* published by the Free Software Foundation; either version 2 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
* USA.
*
* ----------------------------------------------------------------------
* $Id$
* ----------------------------------------------------------------------
*/
/* 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;
/* 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
-----------------------------------------------*/
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; }
/* Headings
-----------------------------------------------*/
h1 {
font-size: 1.7em;
font-weight: bold;
line-height: 1.9em;
color: #000;
}
h2 {
font-size: 1.4em;
line-height: 1.8em;
border: none;
color: #000;
}
h3 {
font-size: 1.25em;
line-height: 1.6em;
margin-top: 1em;
color: #000;
}
h4 {
font-size: 1.2em;
line-height: 1.4em;
color: #000;
}
h5 {
font-size: 1.1em;
line-height: 1.1em;
color: #000;
}
h6 {
font-size: 1em;
line-height: 1.1em;
color: #000;
}
h1 a:link,
h1 a:active,
h1 a:visited,
h1 a:visited:hover,
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: #000;
text-decoration: none;
}
/* Paragraphs
-----------------------------------------------*/
p {
margin: 1em;
margin-left: 1.5em;
line-height: 1.5em;
}
/* Quotations
-----------------------------------------------*/
blockquote {
background-color: #ECECEC;
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 h3 {
line-height: 0;
border: none;
color: #000000;
margin-left: 1.2em;
padding: 0;
}
blockquote pre {
border: none;
background-color: #000000;
color: #FFFFFF;
margin: 0;
margin-left: 1.5em;
}
blockquote img {
float: left;
}
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;
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: circle;
}
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: ""
}
dl dd {
margin-left: 2em;
margin-bottom: 1em;
line-height: 1.5em;
}
dl dd ul,
dl dd ol {
margin-left: 0;
}
/* 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,
table tr td pre {
margin: 0;
padding: 0;
}
/* Forms
-----------------------------------------------*/
form {
display: inline;
}
input[type="submit"],
input[type="button"] {
padding: 1px;
display: inline;
text-decoration: none;
}
input[type="text"],
input[type="password"],
textarea {
display: inline;
padding: 2px;
}
select {
display: inline;
padding: 1px;
}
form p {
display: inline;
margin-left: 5px;
margin-right: 5px;
}
/* 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;
}