Blame Identity/Webenv/Css/base-app.css

3985e1
/* CSS
3985e1
 *
005ff2
 * base-app.css -- This file extends `base.css' visual style to
005ff2
 * provide visual style to web applications based on CentOS Web
005ff2
 * Environment XHTML standard definition.
3985e1
 *
005ff2
 * Copyright (C) 2009-2011 Alain Reguera Delgado
005ff2
 *
005ff2
 * This program is free software; you can redistribute it and/or
005ff2
 * modify it under the terms of the GNU General Public License as
005ff2
 * published by the Free Software Foundation; either version 2 of the
005ff2
 * License, or (at your option) any later version.
005ff2
 * 
005ff2
 * This program is distributed in the hope that it will be useful, but
005ff2
 * WITHOUT ANY WARRANTY; without even the implied warranty of
005ff2
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
005ff2
 * General Public License for more details.
005ff2
 *
005ff2
 * You should have received a copy of the GNU General Public License
005ff2
 * along with this program; if not, write to the Free Software
005ff2
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
005ff2
 * USA.
005ff2
 * ----------------------------------------------------------------------
005ff2
 * $Id$
005ff2
 * ----------------------------------------------------------------------
3985e1
 */
3985e1
3985e1
/* Main Blocks
3985e1
-----------------------------------------------*/
3985e1
3985e1
div#page-header {
005ff2
	background: #204C8D url("/home/centos/artwork/trunk/Identity/Patterns/centos-background-2.png") 0 0 repeat;
3985e1
	min-height: 46px;
3985e1
	}
3985e1
3985e1
div#page-footer {
005ff2
	background: #204C8D url("/home/centos/artwork/trunk/Identity/Patterns/centos-background-2.png") 0 0 repeat;
3985e1
    padding: 10px;
3985e1
	}
3985e1
3985e1
div#page-footer div.top img {
3985e1
    border:none;
3985e1
    float:right;
3985e1
    }
3985e1
d1d002
div#page-header div.links div.user,
d1d002
div#page-header div.links div.trail,
3985e1
div#page-footer div.credits {
3985e1
    font-size: small;
3985e1
    color: #FFF;
3985e1
    }
3985e1
3985e1
div#page-footer div.credits a {
3985e1
    color: #FFF;
3985e1
    font-style: italic;
3985e1
    }
3985e1
3985e1
div#wrap {
3985e1
	padding: 0 10px 0 10px;
3985e1
    background-color: #FFF;
3985e1
	}
3985e1
3985e1
div#page-header,
3985e1
div#wrap,
3985e1
div#page-body,
3985e1
div#page-footer {
97bb31
    min-width: 680px;
3985e1
    }
3985e1
3985e1
div#page-body {
3985e1
	clear: both;
3985e1
    background-color: #F8F8F8;
3985e1
	}
3985e1
3985e1
div#page-body div#content {
3985e1
    padding: 20px;
3985e1
    background-color: #FFF;
3985e1
    }
3985e1
3985e1
/* Logo
3985e1
-----------------------------------------------*/
3985e1
3985e1
div#page-header div#logo img {
3985e1
	border: none;
3985e1
	float: left;
3985e1
    margin: 5px;
3985e1
	}
3985e1
bdd75d
/* Headings
bdd75d
-----------------------------------------------*/
bdd75d
bdd75d
div#page-body h1 {
bdd75d
        margin-top: 0.9em;
bdd75d
        margin-bottom: 0.9em;
bdd75d
        padding-left: 0.7em;
bdd75d
        color: #FFF;
bdd75d
        border: none;
bdd75d
        background: #204C8D url("/home/centos/artwork/trunk/Identity/Patterns/centos-header-1.png");
bdd75d
        }
bdd75d
bdd75d
div#page-body h2 {
bdd75d
        margin-top: 1.6em;
bdd75d
        margin-bottom: 0.8em;
bdd75d
        padding-left: 0.7em;
bdd75d
        background: #FFF url("/home/centos/artwork/trunk/Identity/Patterns/centos-header-2.png");
bdd75d
        border: none;
bdd75d
        color: #072B61;
bdd75d
        }
bdd75d
bdd75d
div#page-body h3 {
bdd75d
        margin-top: 1em;
bdd75d
        margin-bottom: 0.5em;
bdd75d
        padding-left: 0.7em;
bdd75d
        color: #072B61;
bdd75d
        border-bottom-width: 1px;
bdd75d
        border-bottom-style: solid;
bdd75d
        border-bottom-color: #DADADA;
bdd75d
        }
bdd75d
bdd75d
div#page-body h4 {
bdd75d
        margin-top: 1em;
bdd75d
        margin-bottom: 0.5em;
bdd75d
        padding-left: 0.7em;
bdd75d
        color: #072B61;
bdd75d
        border-bottom: none;
bdd75d
        }
bdd75d
bdd75d
div#page-body h5 {
bdd75d
        margin-top: 1em;
bdd75d
        margin-bottom: 0.5em;
bdd75d
        padding-left: 0.7em;
bdd75d
        color: #072B61;
bdd75d
        font-weight: bold;
bdd75d
        border-bottom: none;
bdd75d
        }
bdd75d
bdd75d
div#page-body h6 {
bdd75d
        margin-top: 1em;
bdd75d
        margin-bottom: 0.5em;
bdd75d
        padding-left: 0.7em;
bdd75d
        color: #072B61;
bdd75d
        font-weight: bold;
bdd75d
        border-bottom: none;
bdd75d
        }
bdd75d
bdd75d
div#page-body h1 a:link  { text-decoration: none; color: #FFF }
bdd75d
div#page-body h1 a:hover { text-decoration: none; color: #FFF; }
bdd75d
div#page-body h1 a:active { text-decoration: underline; color: #FFF; }
bdd75d
div#page-body h1 a:visited { text-decoration: none; color: #FFF; }
bdd75d
div#page-body h1 a:visited:hover { text-decoration: none; color: #FFF; }
bdd75d
bdd75d
div#page-body h2 a:link, div#page-body h2 a:visited, div#page-body h2 a:hover, 
bdd75d
div#page-body h2 a:active, div#page-body h2 a:visited:hover, 
bdd75d
div#page-body h3 a:link, div#page-body h3 a:visited, div#page-body h3 a:hover,
bdd75d
div#page-body h3 a:active, div#page-body h3 a:visited:hover, 
bdd75d
div#page-body h4 a:link, div#page-body h4 a:visited, div#page-body h4 a:hover,
bdd75d
div#page-body h4 a:active, div#page-body h4 a:visited:hover, 
bdd75d
div#page-body h5 a:link, div#page-body h5 a:visited, div#page-body h5 a:hover,
bdd75d
div#page-body h5 a:active, div#page-body h5 a:visited:hover, 
bdd75d
div#page-body h6 a:link, div#page-body h6 a:visited, div#page-body h6 a:hover,
bdd75d
div#page-body h6 a:active, div#page-body h6 a:visited:hover {
bdd75d
	color: #072B61; 
bdd75d
	text-decoration: none;
bdd75d
}
bdd75d
bdd75d
/* Paragraphs
bdd75d
-----------------------------------------------*/
bdd75d
bdd75d
p {
bdd75d
    margin-left: 1.5em;
bdd75d
    }
bdd75d
3985e1
/* Links 
3985e1
-----------------------------------------------*/
3985e1
3985e1
/* Broken or nonexistent links */
3985e1
3985e1
div#page-body a.nonexistent, 
3985e1
div#page-body a.nonexistent:hover { color: gray; }
3985e1
3985e1
/* Special decoration for some links' classes */
3985e1
3985e1
div#page-body a.www:before { 
3985e1
    white-space:nowrap; 
166b57
    content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png); 
3985e1
    margin: 0 0.2em; 
3985e1
    }
3985e1
3985e1
div#page-body a.http:before { 
3985e1
    white-space:nowrap; 
166b57
    content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png); 
3985e1
    margin: 0 0.2em; 
3985e1
    }
3985e1
3985e1
div#page-body a.https:before { 
3985e1
    white-space:nowrap; 
166b57
    content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png); 
3985e1
    margin: 0 0.2em; 
3985e1
    }
3985e1
3985e1
div#page-body a.mailto:before { 
3985e1
    white-space:nowrap; 
166b57
    content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-mail.png); 
3985e1
    margin: 0 0.2em; 
3985e1
    }
3985e1
3985e1
div#page-body a.attachment:before { 
3985e1
    white-space:nowrap; 
166b57
    content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-attach.png); 
3985e1
    margin: 0 0.2em; 
3985e1
    }
3985e1
3985e1
/* */
3985e1
3985e1
div#page-header div.links {
3985e1
    margin-right: 10px;
3985e1
    margin-top: 10px;
3985e1
    }
3985e1
3985e1
div#page-header div.links div.user,
3985e1
div#page-header div.links div.trail {
3985e1
	display: block;
3985e1
	margin: 5px;
3985e1
	text-align: right;
3985e1
	color: #fff;
3985e1
	}
3985e1
3985e1
div#page-body div#content div.trail a {
3985e1
    font-size: small;
3985e1
    margin-right: 5px;
3985e1
    }
3985e1
3985e1
div#page-header div.links div.user a,
3985e1
div#page-header div.links div.trail a {
3985e1
	color: #FFF;
3985e1
    margin-right: 5px;
3985e1
	}
3985e1
3985e1
div#page-header div.links div.user span {
3985e1
	border-right: 1px dotted #FFF;
3985e1
    padding-right: 3px;
3985e1
	}
3985e1
3985e1
div#page-header div.links div.user span,
3985e1
div#page-header div.links div.trail span {
3985e1
	display: inline;
3985e1
    margin-left: 3px;
3985e1
	}
3985e1
3985e1
div#page-header div.links div.user span.last,
3985e1
div#page-header div.links div.trail span.last {
3985e1
	border-right: none;
3985e1
	padding-right: 0;
3985e1
	}
3985e1
3985e1
div#page-header div.links div.user span.last a,
3985e1
div#page-header div.links div.trail span.last a {
3985e1
	margin-right: 0;
3985e1
	}
3985e1
3985e1
div#page-header div.links div.trail span:after,
3985e1
div#page-body div#content div.trail span:after {
3985e1
	content: "»";
3985e1
	}
3985e1
3985e1
div#page-header div.links div.trail span.last:after,
3985e1
div#page-body div#content div.trail span.last:after {
3985e1
	content: none;
3985e1
	}
3985e1
3985e1
/* Page Lines
3985e1
-----------------------------------------------*/
3985e1
3985e1
div.page-line {
3985e1
	clear: both;
3985e1
	margin: 0;
3985e1
	padding: 0;
3985e1
	background-color: transparent;
3985e1
	}
3985e1
3985e1
div.page-line.white {
3985e1
	height: 3px;
3985e1
	background-color: #FFF;
3985e1
	}
3985e1
3985e1
/* Lists
3985e1
-----------------------------------------------*/
3985e1
3985e1
div#page-body ul { 
166b57
    list-style: url("/home/centos/artwork/trunk/Identity/Images/Webenv/ul.png") circle; 
3985e1
    } 
3985e1
3985e1
div#page-body div#content-links ul {
3985e1
    padding: 1em;
3985e1
    margin: 0;
3985e1
    list-style: none;
3985e1
    border-top: 1px #EEE solid;
3985e1
}
3985e1
3985e1
div#page-body div#content-links ul.first {
3985e1
    border-top: none;
3985e1
    }
3985e1
3985e1
div#page-body div#content-links ul li {
3985e1
    padding: 2px;
3985e1
    }
3985e1
3985e1
div#page-body div#content-links ul li.current {
3985e1
    font-weight: bold;
3985e1
    }
3985e1
3985e1
/* Table of content (toc) */
3985e1
3985e1
div#page-body div.toc {
3985e1
	border: 1px solid #CCCCCC;
166b57
	background: #FFF url("/home/centos/artwork/trunk/Identity/Images/Webenv/toc-bg.png") right repeat-y; 
3985e1
	font-size: small;
3985e1
	text-align:left;
3985e1
	margin-left: 1.5em;
3985e1
    width:70%;
3985e1
	}
3985e1
3985e1
div#page-body div.toc h3 {
3985e1
    margin-top: 0;
166b57
    background: #FFF url("/home/centos/artwork/trunk/Identity/Patterns/centos-header-2.png");
3985e1
    }
3985e1
3985e1
div#page-body div.toc ul {
3985e1
    margin-left: 1.5em;
3985e1
    }
3985e1
3985e1
div#page-body div.toc ul ul {
3985e1
    margin-left: 0;
3985e1
}
3985e1
3985e1
/* Quotations
3985e1
-----------------------------------------------*/
3985e1
3985e1
div#page-body blockquote {
166b57
    background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-gray.png");
3985e1
	}
3985e1
3985e1
div#page-body blockquote h3 {
3985e1
    line-height: 0;
3985e1
    border: none;
3985e1
    color: #000000;
3985e1
    margin-left: 1.2em;
3985e1
    padding: 0;
3985e1
    }
3985e1
3985e1
div#page-body blockquote.icon h3 {
3985e1
    margin-left: 3.2em;
3985e1
    }
3985e1
3985e1
div#page-body blockquote.icon hr, 
3985e1
div#page-body blockquote.icon pre, 
3985e1
div#page-body blockquote.icon table, 
3985e1
div#page-body blockquote.icon p {
3985e1
	margin-left: 4em;
3985e1
    }
3985e1
3985e1
div#page-body blockquote.message {
3985e1
	border: none;
3985e1
	border-top: 4px solid;
3985e1
	border-bottom: 4px solid;
3985e1
    border-color: #CFCFCF;
3985e1
	}
3985e1
3985e1
div#page-body blockquote.blue {
166b57
    background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-blue.png");
3985e1
	border-color: #D2E0F6; 
3985e1
	background-color: #ECF4FF;
3985e1
	}
3985e1
3985e1
div#page-body blockquote.orange {
3985e1
    border-color: #F6E7D2; 
3985e1
    background-color: #FFF8EC;
166b57
    background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-orange.png");
3985e1
	}
3985e1
3985e1
div#page-body blockquote.violet {
3985e1
    border-color: #F6D2F6; 
3985e1
    background-color: #FFECFF;
166b57
    background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-violet.png");
3985e1
	}	
3985e1
3985e1
div#page-body blockquote.red {
3985e1
    border-color: #E0B7B7;
3985e1
    background-color: #FFECEC;
166b57
    background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-red.png");
3985e1
	}
3985e1
3985e1
div#page-body blockquote.green {
3985e1
    border-color: #D6F6D2;
3985e1
    background-color: #EEFFEC;
166b57
    background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-green.png");
3985e1
	}
3985e1
3985e1
/* Forms
3985e1
-----------------------------------------------*/
3985e1
3985e1
div#page-body div.row1 {
3985e1
	clear: both;
3985e1
	background: #F8F8F8;
3985e1
	padding: 10px;
3985e1
	}
3985e1
3985e1
div#page-body div.row2 {
3985e1
	clear: both;
3985e1
	background: #FFFFFF;
3985e1
	padding: 10px;
3985e1
	}
3985e1
3985e1
div#page-body div.row3 {
3985e1
	clear: both;
3985e1
	border-top: 1px solid #CCC;
3985e1
	padding: 10px;
3985e1
	margin-top: 10px;
3985e1
	}
3985e1
3985e1
div#page-body fieldset div.row1 span.descrip,
3985e1
div#page-body fieldset div.row2 span.descrip {
3985e1
	float: left;
3985e1
	}
3985e1
3985e1
div#page-body fieldset div.field {
3985e1
	display: block;
3985e1
	margin-left: 30%;
3985e1
	}
3985e1
3985e1
div#page-body fieldset div.field div.column {
3985e1
	float: left;
3985e1
	margin-right: 1em;
3985e1
	padding-right: 1em;
3985e1
	border-right: 1px dotted #AAA;
3985e1
	}
3985e1
3985e1
div#page-body fieldset div.row3 div.descrip {
3985e1
	display: block;
3985e1
	font-size: small;
3985e1
	color: #AAA;
3985e1
	font-style: italic;
3985e1
	width: 70%
3985e1
	}
3985e1
3985e1
div#page-body fieldset span.submit {
3985e1
	float: right;
3985e1
	}
3985e1
3985e1
/* */
3985e1
3985e1
div#page-body div.actions {
3985e1
    margin-top: 10px;
3985e1
	border-bottom: 1px solid #AAA;
3985e1
    padding-bottom: 10px;
3985e1
3985e1
    }
3985e1
3985e1
div#page-body div.actions span {
3985e1
	display: inline;
3985e1
	margin: 0;
3985e1
	padding-right: 10px;
3985e1
	border-right: 1px dotted #AAA;
3985e1
	color: #AAA;
3985e1
	}
3985e1
3985e1
div#page-body div.actions span.last {
3985e1
	border-right: none;
3985e1
	padding-left: 10px;
3985e1
	}
3985e1
3985e1
/* */
3985e1
3985e1
div#page-body div.pagination {
3985e1
    font-size: small;
3985e1
    padding: 10px;
3985e1
    border-top: 1px #AAA solid;
3985e1
    margin-left: 1.5em;
3985e1
    }
3985e1
3985e1
div#page-body div.pagination span.left {
3985e1
    float: left;
3985e1
    }
3985e1
3985e1
div#page-body div.pagination span.left a:before {
3985e1
    content: "«";
3985e1
    padding-right: 3px;
3985e1
    }
3985e1
3985e1
div#page-body div.pagination span.right a:after {
3985e1
    content: "»";
3985e1
    padding-left: 3px;
3985e1
    }
3985e1
3985e1
div#page-body div.pagination span.right {
3985e1
    float: right;
3985e1
    }
3985e1
3985e1
/* */
3985e1
3985e1
div#page-body div.records-list {
3985e1
    margin-bottom: 5px;
3985e1
    margin-left: 1.5em;
3985e1
    display: block;
3985e1
    }
3985e1
3985e1
div#page-body div.records-list ul {
3985e1
    margin: 0;
3985e1
    padding: 0;
3985e1
    list-style: none;
3985e1
    }
3985e1
3985e1
div#page-body div.records-list ul li {
3985e1
    padding: 0.5em;
3985e1
    }
3985e1
3985e1
div#page-body div.records-list ul li.row1 {
3985e1
    background: #F8F8F8;
3985e1
    }
3985e1
3985e1
div#page-body div.records-list ul li span.col0 {
3985e1
    display: block;
3985e1
    float:left;
3985e1
    text-align: center;
3985e1
    padding-right: 0.5em;
3985e1
    margin-right: 0.5em;
3985e1
    border-right: 1px solid #FFF;
3985e1
    }
3985e1
3985e1
div#page-body div.records-list ul li span.col1 {
3985e1
    width: 250px;
3985e1
    display: block;
3985e1
    float:left;
3985e1
    }
3985e1
3985e1
div#page-body div.records-list ul li span.col2 {
3985e1
    border-left: 1px solid #FFF;
3985e1
    padding-left: 0.5em;
3985e1
    }
3985e1
3985e1
div#page-body div.records-list ul li.title {
3985e1
    font-weight: bold;
3985e1
    background: #eee;
3985e1
    border-bottom: 1px #AAA solid;
3985e1
    }
3985e1
97bb31
/* Google advertisement (468x60px)
97bb31
-----------------------------------------------*/
97bb31
div#page-header div.advertisement {
97bb31
    float: right;
97bb31
    margin: 5px;
97bb31
    margin-bottom: 1px;
97bb31
    }