Blame Identity/Webenv/Css/base.css

4d19ae
/* CSS
4d19ae
 *
4d19ae
 * Webenv/base.css --  This file provides the base visual style
4d19ae
 * definitions to CentOS web environment. Definition in this file are
4d19ae
 * common for all applications inside CentOS web environment. This
4d19ae
 * definitions apply to html tags without options like classes, ids,
4d19ae
 * etc, just the base defintion for clean html tags.
4d19ae
 *
4d19ae
 * Specific CSS definitions, like those used in specific web
4d19ae
 * applications, are declared using the HTML link element in the head
4d19ae
 * section of the specific web application who needs it. Specific CSS
4d19ae
 * definitions extend CentOS webenv CSS definitions.  
4d19ae
 *
4d19ae
 * Specific CSS definitions can overlap CentOS base CSS definitions.
4d19ae
 * This way specific web applications retain their own visual style
4d19ae
 * under CentOS web environment. Changing this may be not very
4d19ae
 * convenient since different web applications have different html/css
4d19ae
 * definitions. The best way I can see, is retain their own
4d19ae
 * definitions and update them, in their own, to fit CentOS visual
4d19ae
 * style.
4d19ae
 *
4d19ae
 * Copyright (C) 2009-2010 Alain Reguera Delgado
4d19ae
 *
4d19ae
 * This program is free software; you can redistribute it and/or
4d19ae
 * modify it under the terms of the GNU General Public License as
4d19ae
 * published by the Free Software Foundation; either version 2 of the
4d19ae
 * License, or (at your option) any later version.
4d19ae
 * 
4d19ae
 * This program is distributed in the hope that it will be useful, but
4d19ae
 * WITHOUT ANY WARRANTY; without even the implied warranty of
4d19ae
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
4d19ae
 * General Public License for more details.
4d19ae
 *
4d19ae
 * You should have received a copy of the GNU General Public License
4d19ae
 * along with this program; if not, write to the Free Software
4d19ae
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
4d19ae
 * USA.
4d19ae
 *
4d19ae
 * ----------------------------------------------------------------------
4d19ae
 * $Id$
4d19ae
 * ----------------------------------------------------------------------
4d19ae
 */
4d19ae
4d19ae
4d19ae
/* Reset browsers default margins and paddings
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
* {
4d19ae
    margin: 0;
4d19ae
    padding: 0;
4d19ae
    }
4d19ae
4d19ae
/* Define html
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
html {
4d19ae
    background-color: #FFF;
0dd1f2
    background-image: url(/home/centos/artwork/trunk/Identity/Patterns/centos-background.png);
4d19ae
    }
4d19ae
4d19ae
/* Define body
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
body {
4d19ae
    font-family: "DejaVu Sans", "Liberation Sans", sans-serif;
4d19ae
    font-size: 0.85em;
4d19ae
    line-height: 1.25em;
4d19ae
    /* margin: 0;           /* <- full screen                       */
4d19ae
    /* margin: 0 1% 0 1%;   /* <- with 1% of left and right margin  */
4d19ae
    /* margin: 0 2% 0 2%;   /* <- with 2% of left and right margin  */
4d19ae
    margin: 0 3% 0 3%;      /* <- with 3% of left and right margin  */
4d19ae
    /* margin: 0 10% 0 10%; /* <- with 10% of left and right margin */
4d19ae
    }
4d19ae
4d19ae
/* Main Blocks
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
/* Logo
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
/* Links 
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
a:link  { text-decoration: none; color: #0044B3; }
4d19ae
a:hover { text-decoration: underline; color: green; }
4d19ae
a:active { text-decoration: underline; color: green; }
4d19ae
a:visited { text-decoration: none; color: #0044B3; }
4d19ae
a:visited:hover { text-decoration: underline; color: green; }
4d19ae
4d19ae
/* Headings
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
h1 {
4d19ae
    font-size: 1.7em;
4d19ae
    font-weight: bold;
4d19ae
    line-height: 1.9em;
4d19ae
    color: #000;
4d19ae
    }
4d19ae
4d19ae
h2 {
4d19ae
    font-size: 1.4em;
4d19ae
    line-height: 1.8em;
4d19ae
    border: none;
4d19ae
    color: #000;
4d19ae
    }
4d19ae
4d19ae
h3 {
4d19ae
    font-size: 1.25em;
4d19ae
    line-height: 1.6em;
4d19ae
    margin-top: 1em;
4d19ae
    color: #000;
4d19ae
    }
4d19ae
4d19ae
h4 {
4d19ae
    font-size: 1.2em;
4d19ae
    line-height: 1.4em;
4d19ae
    color: #000;
4d19ae
    }
4d19ae
4d19ae
h5 {
4d19ae
    font-size: 1.1em;
4d19ae
    line-height: 1.1em;
4d19ae
    color: #000;
4d19ae
    }
4d19ae
4d19ae
h6 {
4d19ae
    font-size: 1em;
4d19ae
    line-height: 1.1em;
4d19ae
    color: #000;
4d19ae
    }
4d19ae
4d19ae
h1 a:link,
4d19ae
h1 a:active,
4d19ae
h1 a:visited,
4d19ae
h1 a:visited:hover,
4d19ae
h2 a:link,
4d19ae
h2 a:active,
4d19ae
h3 a:link,
4d19ae
h3 a:active,
4d19ae
h4 a:link,
4d19ae
h4 a:active,
4d19ae
h5 a:link,
4d19ae
h5 a:active,
4d19ae
h6 a:link,
4d19ae
h6 a:active {
4d19ae
    color: #000;
4d19ae
	text-decoration: none;
4d19ae
	}
4d19ae
4d19ae
/* Paragraphs
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
p {
4d19ae
    margin: 1em;
4d19ae
    margin-left: 1.5em;
4d19ae
    line-height: 1.5em;
4d19ae
    }
4d19ae
4d19ae
/* Quotations
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
blockquote {
4d19ae
    background-color: #ECECEC;
4d19ae
    border-width: 1px;
4d19ae
    border-style: solid;
4d19ae
    border-color: #CFCFCF;
4d19ae
    border-left-width: 4px;
4d19ae
    margin-left: 1.5em;
4d19ae
    padding: 0.5em;
4d19ae
    margin-top: 1em;
4d19ae
    margin-bottom: 1em;
4d19ae
    }
4d19ae
4d19ae
blockquote h3 {
4d19ae
    line-height: 0;
4d19ae
    border: none;
4d19ae
    color: #000000;
297a73
    margin-left: 1.2em;
297a73
    padding: 0;
7519de
    }
4d19ae
4d19ae
blockquote pre {
4d19ae
    border: none;
4d19ae
    background-color: #000000;
4d19ae
    color: #FFFFFF;
4d19ae
    margin: 0;
7519de
    margin-left: 1.5em;
4d19ae
    }
4d19ae
4d19ae
blockquote img {
4d19ae
    float: left;
4d19ae
    }
4d19ae
4d19ae
q:before {
4d19ae
    content: " “";
4d19ae
    }
4d19ae
4d19ae
q:after {
4d19ae
    content: "” ";
4d19ae
    }
4d19ae
4d19ae
q q:before {
4d19ae
    content: " ‘";
4d19ae
    }
4d19ae
4d19ae
q q:after {
4d19ae
    content: "’ ";
4d19ae
    }
4d19ae
4d19ae
address {
4d19ae
    margin-left: 1.5em;
4d19ae
    }
4d19ae
4d19ae
/* Preformatted Texts
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
pre {
4d19ae
    font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
4d19ae
    padding: 0.5em 1em;
4d19ae
    margin: 0.5em 0 0.5em 1.5em;
4d19ae
    white-space: pre;
4d19ae
    border-width: 1px;
4d19ae
    border-style: solid;
4d19ae
    border-color: #E5E5E5;
4d19ae
    border-left-width: 4px;
4d19ae
    background: #FFFAE9;
4d19ae
    overflow: auto;
4d19ae
    }
4d19ae
4d19ae
/* Phrase Elements
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
tt,
4d19ae
samp,
4d19ae
kbd,
4d19ae
code {
4d19ae
    font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
4d19ae
    }
4d19ae
4d19ae
/* Page Lines
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
hr {
4d19ae
    clear: both;
4d19ae
    margin: 0;
4d19ae
    padding: 0;
4d19ae
    height: 1px ! important;
4d19ae
    border: none;
4d19ae
    background-color: #DADADA;
4d19ae
    }
4d19ae
4d19ae
/* Lists
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
ul,
4d19ae
ol {
4d19ae
    margin-top: 1.5em;
4d19ae
    margin-bottom: 1.5em;
4d19ae
    padding-left: 1.9em;
4d19ae
    margin-left: 3.5em;
4d19ae
    }
4d19ae
4d19ae
ul { 
4d19ae
    list-style: circle;
4d19ae
    } 
4d19ae
4d19ae
ol {
4d19ae
    list-style-image: none !important;
4d19ae
    }
4d19ae
4d19ae
ul li,
4d19ae
ol li {
4d19ae
    line-height: 1.5em;
4d19ae
    }
4d19ae
4d19ae
ul ul,
4d19ae
ul ol,
4d19ae
ol ul,
4d19ae
ol ol {
4d19ae
    margin-left: 0.5em;
4d19ae
    margin-top: 0.3em;
4d19ae
    margin-bottom: 0.3em;
4d19ae
    }
4d19ae
4d19ae
ul li p,
4d19ae
ol li p {
4d19ae
    margin-bottom: 0.3em;
4d19ae
    line-height: 1.5em;
4d19ae
    margin-left: 0 !important;
4d19ae
    }
4d19ae
4d19ae
dl {
4d19ae
    margin-top: 1.5em;
4d19ae
    margin-left: 3.5em;
4d19ae
    }
4d19ae
4d19ae
dl dt {
4d19ae
    font-weight: bold;
4d19ae
    }
4d19ae
4d19ae
dl dt:after {
a9cc5d
    content: ""
4d19ae
    }
4d19ae
4d19ae
dl dd {
4d19ae
    margin-left: 2em;
4d19ae
    margin-bottom: 1em;
4d19ae
    line-height: 1.5em;
4d19ae
    }
4d19ae
4d19ae
dl dd ul,
4d19ae
dl dd ol {
a9cc5d
    margin-left: 0;
4d19ae
    }
4d19ae
4d19ae
/* Tables 
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
table {
4d19ae
    margin-top: 0.5em;
4d19ae
    margin-bottom: 0.5em;
4d19ae
    margin-left: 1.5em;
4d19ae
    border-collapse: collapse;
4d19ae
    }
4d19ae
4d19ae
table.menu {
4d19ae
    margin:0;
4d19ae
    margin-left: 3.5em;
4d19ae
    padding:0;
7519de
    }
4d19ae
4d19ae
table caption {
4d19ae
    font-style: italic;
4d19ae
    text-align: center;
4d19ae
    }
4d19ae
4d19ae
table tr th {
4d19ae
    font-weight: bold;
4d19ae
    }
4d19ae
4d19ae
table tr td,
4d19ae
table tr th {
4d19ae
    border: 1pt;
4d19ae
    border-style: solid;
4d19ae
    border-color: #CCC;
4d19ae
    padding-top: 0.25em;
4d19ae
    padding-right: 0.5em;
4d19ae
    padding-bottom: 0.25em;
4d19ae
    padding-left: 0.5em;
4d19ae
    }
4d19ae
7519de
table tr td p,
7519de
table tr td pre {
4d19ae
    margin: 0;
4d19ae
    padding: 0;
4d19ae
    }
4d19ae
4d19ae
/* Forms 
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
form {
4d19ae
    display: inline;
4d19ae
    }
4d19ae
4d19ae
input[type="submit"], 
4d19ae
input[type="button"] {
4d19ae
    padding: 1px;
4d19ae
    display: inline;
4d19ae
    text-decoration: none;
4d19ae
    }
4d19ae
4d19ae
input[type="text"],
7519de
input[type="password"],
4d19ae
textarea {
4d19ae
    display: inline;
4d19ae
    padding: 2px;
4d19ae
    }
4d19ae
4d19ae
select {
4d19ae
    display: inline;
4d19ae
    padding: 1px;
4d19ae
    }
4d19ae
4d19ae
form p {
4d19ae
    display: inline;
4d19ae
    margin-left: 5px;
4d19ae
    margin-right: 5px;
4d19ae
    }
4d19ae
4d19ae
/* Select
4d19ae
---------------------------------------- */
4d19ae
4d19ae
select option {
4d19ae
    padding-left: 3px;
4d19ae
    padding-right: 3px;
4d19ae
    }
4d19ae
4d19ae
select optgroup {
4d19ae
    font-style: normal;
4d19ae
    font-weight: bold;
4d19ae
    padding-left: 3px;
4d19ae
    }
4d19ae
4d19ae
select optgroup option {
4d19ae
    margin-left: 1em;	
4d19ae
    }
4d19ae
4d19ae
input[type="radio"],
4d19ae
input[type="checkbox"] {
4d19ae
    vertical-align: middle;
4d19ae
    }
4d19ae
4d19ae
fieldset {
4d19ae
    margin: 1em;
4d19ae
    padding: 1em;
4d19ae
    padding-bottom: 5px;
4d19ae
    margin-left: 1.5em;
4d19ae
    border: 1px solid #AAA;
4d19ae
    }
4d19ae
4d19ae
fieldset legend {
4d19ae
    font-weight: bold;
4d19ae
    color: #AAA;
4d19ae
    }
7519de