/* CSS
*
* base-app.css -- This file extends `base.css' visual style to
* provide visual style to web applications based on CentOS Web
* Environment XHTML standard definition.
*
* Copyright (C) 2009-2011 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$
* ----------------------------------------------------------------------
*/
/* Main Blocks
-----------------------------------------------*/
div#page-header {
background: #204C8D url("/home/centos/artwork/trunk/Identity/Patterns/webenv-bg-2.png") 0 0 repeat;
min-height: 46px;
}
div#page-footer {
background: #204C8D url("/home/centos/artwork/trunk/Identity/Patterns/webenv-bg-2.png") 0 0 repeat;
padding: 10px;
}
div#page-footer div.top img {
border:none;
float:right;
}
div#page-header div.links div.user,
div#page-header div.links div.trail,
div#page-footer div.credits {
font-size: small;
color: #FFF;
}
div#page-footer div.credits a {
color: #FFF;
font-style: italic;
}
div#wrap {
padding: 0 10px 0 10px;
background-color: #FFF;
}
div#page-header,
div#wrap,
div#page-body,
div#page-footer {
min-width: 680px;
}
div#page-body {
clear: both;
background-color: #F8F8F8;
}
div#page-body div#content {
padding: 20px;
background-color: #FFF;
}
/* Logo
-----------------------------------------------*/
div#page-header div#logo img {
border: none;
float: left;
margin: 5px;
}
/* Headings
-----------------------------------------------*/
div#page-body h1 {
margin-top: 0.9em;
margin-bottom: 0.9em;
padding-left: 0.7em;
color: #FFF;
border: none;
background: #204C8D url("/home/centos/artwork/trunk/Identity/Patterns/webenv-header-1.png");
}
div#page-body h2 {
margin-top: 1.6em;
margin-bottom: 0.8em;
padding-left: 0.7em;
background: #FFF url("/home/centos/artwork/trunk/Identity/Patterns/webenv-header-2.png");
border: none;
color: #072B61;
}
div#page-body h3 {
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;
}
div#page-body h4 {
margin-top: 1em;
margin-bottom: 0.5em;
padding-left: 0.7em;
color: #072B61;
border-bottom: none;
}
div#page-body h5 {
margin-top: 1em;
margin-bottom: 0.5em;
padding-left: 0.7em;
color: #072B61;
font-weight: bold;
border-bottom: none;
}
div#page-body h6 {
margin-top: 1em;
margin-bottom: 0.5em;
padding-left: 0.7em;
color: #072B61;
font-weight: bold;
border-bottom: none;
}
div#page-body h1 a:link { text-decoration: none; color: #FFF }
div#page-body h1 a:hover { text-decoration: none; color: #FFF; }
div#page-body h1 a:active { text-decoration: underline; color: #FFF; }
div#page-body h1 a:visited { text-decoration: none; color: #FFF; }
div#page-body h1 a:visited:hover { text-decoration: none; color: #FFF; }
div#page-body h2 a:link, div#page-body h2 a:visited, div#page-body h2 a:hover,
div#page-body h2 a:active, div#page-body h2 a:visited:hover,
div#page-body h3 a:link, div#page-body h3 a:visited, div#page-body h3 a:hover,
div#page-body h3 a:active, div#page-body h3 a:visited:hover,
div#page-body h4 a:link, div#page-body h4 a:visited, div#page-body h4 a:hover,
div#page-body h4 a:active, div#page-body h4 a:visited:hover,
div#page-body h5 a:link, div#page-body h5 a:visited, div#page-body h5 a:hover,
div#page-body h5 a:active, div#page-body h5 a:visited:hover,
div#page-body h6 a:link, div#page-body h6 a:visited, div#page-body h6 a:hover,
div#page-body h6 a:active, div#page-body h6 a:visited:hover {
color: #072B61;
text-decoration: none;
}
/* Paragraphs
-----------------------------------------------*/
p {
margin-left: 1.5em;
}
/* Links
-----------------------------------------------*/
/* Broken or nonexistent links */
div#page-body a.nonexistent,
div#page-body a.nonexistent:hover { color: gray; }
/* Special decoration for some links' classes */
div#page-body a.www:before {
white-space:nowrap;
content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png);
margin: 0 0.2em;
}
div#page-body a.http:before {
white-space:nowrap;
content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png);
margin: 0 0.2em;
}
div#page-body a.https:before {
white-space:nowrap;
content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png);
margin: 0 0.2em;
}
div#page-body a.mailto:before {
white-space:nowrap;
content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-mail.png);
margin: 0 0.2em;
}
div#page-body a.attachment:before {
white-space:nowrap;
content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-attach.png);
margin: 0 0.2em;
}
/* */
div#page-header div.links {
margin-right: 10px;
margin-top: 10px;
}
div#page-header div.links div.user,
div#page-header div.links div.trail {
display: block;
margin: 5px;
text-align: right;
color: #fff;
}
div#page-body div#content div.trail a {
font-size: small;
margin-right: 5px;
}
div#page-header div.links div.user a,
div#page-header div.links div.trail a {
color: #FFF;
margin-right: 5px;
}
div#page-header div.links div.user span {
border-right: 1px dotted #FFF;
padding-right: 3px;
}
div#page-header div.links div.user span,
div#page-header div.links div.trail span {
display: inline;
margin-left: 3px;
}
div#page-header div.links div.user span.last,
div#page-header div.links div.trail span.last {
border-right: none;
padding-right: 0;
}
div#page-header div.links div.user span.last a,
div#page-header div.links div.trail span.last a {
margin-right: 0;
}
div#page-header div.links div.trail span:after,
div#page-body div#content div.trail span:after {
content: "»";
}
div#page-header div.links div.trail span.last:after,
div#page-body div#content div.trail span.last:after {
content: none;
}
/* Page Lines
-----------------------------------------------*/
div.page-line {
clear: both;
margin: 0;
padding: 0;
background-color: transparent;
}
div.page-line.white {
height: 3px;
background-color: #FFF;
}
/* Lists
-----------------------------------------------*/
div#page-body ul {
list-style: url("/home/centos/artwork/trunk/Identity/Images/Webenv/ul.png") circle;
}
div#page-body div#content-links ul {
padding: 1em;
margin: 0;
list-style: none;
border-top: 1px #EEE solid;
}
div#page-body div#content-links ul.first {
border-top: none;
}
div#page-body div#content-links ul li {
padding: 2px;
}
div#page-body div#content-links ul li.current {
font-weight: bold;
}
/* Table of content (toc) */
div#page-body div.toc {
border: 1px solid #CCCCCC;
background: #FFF url("/home/centos/artwork/trunk/Identity/Images/Webenv/toc-bg.png") right repeat-y;
font-size: small;
text-align:left;
margin-left: 1.5em;
width:70%;
}
div#page-body div.toc h3 {
margin-top: 0;
background: #FFF url("/home/centos/artwork/trunk/Identity/Patterns/centos-header-2.png");
}
div#page-body div.toc ul {
margin-left: 1.5em;
}
div#page-body div.toc ul ul {
margin-left: 0;
}
/* Quotations
-----------------------------------------------*/
div#page-body blockquote {
background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-gray.png");
}
div#page-body blockquote h3 {
line-height: 0;
border: none;
color: #000000;
margin-left: 1.2em;
padding: 0;
}
div#page-body blockquote.icon h3 {
margin-left: 3.2em;
}
div#page-body blockquote.icon hr,
div#page-body blockquote.icon pre,
div#page-body blockquote.icon table,
div#page-body blockquote.icon p {
margin-left: 4em;
}
div#page-body blockquote.message {
border: none;
border-top: 4px solid;
border-bottom: 4px solid;
border-color: #CFCFCF;
}
div#page-body blockquote.blue {
background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-blue.png");
border-color: #D2E0F6;
background-color: #ECF4FF;
}
div#page-body blockquote.orange {
border-color: #F6E7D2;
background-color: #FFF8EC;
background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-orange.png");
}
div#page-body blockquote.violet {
border-color: #F6D2F6;
background-color: #FFECFF;
background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-violet.png");
}
div#page-body blockquote.red {
border-color: #E0B7B7;
background-color: #FFECEC;
background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-red.png");
}
div#page-body blockquote.green {
border-color: #D6F6D2;
background-color: #EEFFEC;
background-image: url("/home/centos/artwork/trunk/Identity/Images/Webenv/msg-bg-green.png");
}
/* Forms
-----------------------------------------------*/
div#page-body div.row1 {
clear: both;
background: #F8F8F8;
padding: 10px;
}
div#page-body div.row2 {
clear: both;
background: #FFFFFF;
padding: 10px;
}
div#page-body div.row3 {
clear: both;
border-top: 1px solid #CCC;
padding: 10px;
margin-top: 10px;
}
div#page-body fieldset div.row1 span.descrip,
div#page-body fieldset div.row2 span.descrip {
float: left;
}
div#page-body fieldset div.field {
display: block;
margin-left: 30%;
}
div#page-body fieldset div.field div.column {
float: left;
margin-right: 1em;
padding-right: 1em;
border-right: 1px dotted #AAA;
}
div#page-body fieldset div.row3 div.descrip {
display: block;
font-size: small;
color: #AAA;
font-style: italic;
width: 70%
}
div#page-body fieldset span.submit {
float: right;
}
/* */
div#page-body div.actions {
margin-top: 10px;
border-bottom: 1px solid #AAA;
padding-bottom: 10px;
}
div#page-body div.actions span {
display: inline;
margin: 0;
padding-right: 10px;
border-right: 1px dotted #AAA;
color: #AAA;
}
div#page-body div.actions span.last {
border-right: none;
padding-left: 10px;
}
/* */
div#page-body div.pagination {
font-size: small;
padding: 10px;
border-top: 1px #AAA solid;
margin-left: 1.5em;
}
div#page-body div.pagination span.left {
float: left;
}
div#page-body div.pagination span.left a:before {
content: "«";
padding-right: 3px;
}
div#page-body div.pagination span.right a:after {
content: "»";
padding-left: 3px;
}
div#page-body div.pagination span.right {
float: right;
}
/* */
div#page-body div.records-list {
margin-bottom: 5px;
margin-left: 1.5em;
display: block;
}
div#page-body div.records-list ul {
margin: 0;
padding: 0;
list-style: none;
}
div#page-body div.records-list ul li {
padding: 0.5em;
}
div#page-body div.records-list ul li.row1 {
background: #F8F8F8;
}
div#page-body div.records-list ul li span.col0 {
display: block;
float:left;
text-align: center;
padding-right: 0.5em;
margin-right: 0.5em;
border-right: 1px solid #FFF;
}
div#page-body div.records-list ul li span.col1 {
width: 250px;
display: block;
float:left;
}
div#page-body div.records-list ul li span.col2 {
border-left: 1px solid #FFF;
padding-left: 0.5em;
}
div#page-body div.records-list ul li.title {
font-weight: bold;
background: #eee;
border-bottom: 1px #AAA solid;
}
/* Google advertisement (468x60px)
-----------------------------------------------*/
div#page-header div.advertisement {
float: right;
margin: 5px;
margin-bottom: 1px;
}