Blame Identity/Models/Css/Home/home.css

4d19ae
/* CSS
4d19ae
 *
4d19ae
 * Webenv/webenv.css -- This file provides CentOS customization to 
4d19ae
 *
4d19ae
 */
4d19ae
4d19ae
/* Main Blocks
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
div#page-header {
4d19ae
	background: #204C8D url("/home/centos/artwork/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Img/1360x250.jpg") 0 0;
4d19ae
	min-height: 46px;
4d19ae
	}
4d19ae
4d19ae
div#page-footer {
4d19ae
	background: #204C8D url("/home/centos/artwork/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Img/1360x250.jpg") 0 100%;
4d19ae
    padding: 10px;
4d19ae
	}
4d19ae
4d19ae
div#page-footer div.top img {
4d19ae
    border:none;
4d19ae
    float:right;
4d19ae
    }
4d19ae
4d19ae
div#page-header div.links,
4d19ae
div#page-footer div.credits {
7519de
    font-size: small;
4d19ae
    color: #FFF;
4d19ae
    }
4d19ae
4d19ae
div#page-footer div.credits a {
4d19ae
    color: #FFF;
4d19ae
    font-style: italic;
4d19ae
    }
4d19ae
4d19ae
div#wrap {
4d19ae
	padding: 0 10px 0 10px;
4d19ae
    background-color: #FFF;
4d19ae
	}
4d19ae
4d19ae
div#page-header,
4d19ae
div#wrap,
4d19ae
div#page-body,
4d19ae
div#page-footer {
4d19ae
    min-width: 650px;
4d19ae
    }
4d19ae
4d19ae
div#page-body {
4d19ae
	clear: both;
7519de
    background-color: #F8F8F8;
4d19ae
	}
4d19ae
859d61
div#page-body div#content {
4d19ae
    margin-right: 180px;
4d19ae
    padding: 20px;
7519de
    border-right: 3px #EEE solid;
4d19ae
    background-color: #FFF;
7519de
    }
4d19ae
859d61
div#page-body div#content-links {
4d19ae
    float:right;
7519de
    width: 180px;
4d19ae
    font-size: small;
7519de
    border-left: 3px #EEE solid;
7519de
    }
4d19ae
4d19ae
/* Logo
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
div#page-header div#logo img {
4d19ae
	border: none;
4d19ae
	float: left;
4d19ae
    margin: 5px;
4d19ae
	}
4d19ae
4d19ae
/* Links 
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
/* Broken or nonexistent links */
4d19ae
4d19ae
div#page-body a.nonexistent, 
4d19ae
div#page-body a.nonexistent:hover { color: gray; }
4d19ae
4d19ae
/* Special decoration for some links' classes */
4d19ae
4d19ae
div#page-body a.www:before { 
4d19ae
    white-space:nowrap; 
a9cc5d
    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-www.png); 
4d19ae
    margin: 0 0.2em; 
4d19ae
    }
4d19ae
4d19ae
div#page-body a.http:before { 
4d19ae
    white-space:nowrap; 
a9cc5d
    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-www.png); 
4d19ae
    margin: 0 0.2em; 
4d19ae
    }
4d19ae
4d19ae
div#page-body a.https:before { 
4d19ae
    white-space:nowrap; 
a9cc5d
    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-www.png); 
4d19ae
    margin: 0 0.2em; 
4d19ae
    }
4d19ae
4d19ae
div#page-body a.mailto:before { 
4d19ae
    white-space:nowrap; 
a9cc5d
    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-mail.png); 
4d19ae
    margin: 0 0.2em; 
4d19ae
    }
4d19ae
4d19ae
div#page-body a.attachment:before { 
4d19ae
    white-space:nowrap; 
a9cc5d
    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-attach.png); 
4d19ae
    margin: 0 0.2em; 
4d19ae
    }
4d19ae
4d19ae
/* */
4d19ae
4d19ae
div#page-header div.links {
4d19ae
    margin-right: 10px;
4d19ae
    margin-top: 10px;
4d19ae
    }
4d19ae
4d19ae
div#page-header div.links div.user,
4d19ae
div#page-header div.links div.trail {
4d19ae
	display: block;
4d19ae
	margin: 5px;
4d19ae
	text-align: right;
4d19ae
	color: #fff;
4d19ae
	}
4d19ae
859d61
div#page-body div#content div.trail a {
4d19ae
    font-size: small;
838f5d
    margin-right: 5px;
4d19ae
    }
4d19ae
4d19ae
div#page-header div.links div.user a,
4d19ae
div#page-header div.links div.trail a {
4d19ae
	color: #FFF;
4d19ae
    margin-right: 5px;
4d19ae
	}
4d19ae
4d19ae
div#page-header div.links div.user span {
4d19ae
	border-right: 1px dotted #FFF;
4d19ae
    padding-right: 3px;
4d19ae
	}
4d19ae
4d19ae
div#page-header div.links div.user span,
4d19ae
div#page-header div.links div.trail span {
4d19ae
	display: inline;
838f5d
    margin-left: 3px;
4d19ae
	}
4d19ae
4d19ae
div#page-header div.links div.user span.last,
4d19ae
div#page-header div.links div.trail span.last {
4d19ae
	border-right: none;
4d19ae
	padding-right: 0;
4d19ae
	}
4d19ae
4d19ae
div#page-header div.links div.user span.last a,
4d19ae
div#page-header div.links div.trail span.last a {
4d19ae
	margin-right: 0;
4d19ae
	}
4d19ae
4d19ae
div#page-header div.links div.trail span:after,
859d61
div#page-body div#content div.trail span:after {
838f5d
	content: "»";
4d19ae
	}
4d19ae
4d19ae
div#page-header div.links div.trail span.last:after,
859d61
div#page-body div#content div.trail span.last:after {
4d19ae
	content: none;
4d19ae
	}
4d19ae
4d19ae
/* Headings
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
div#page-body h1 {
4d19ae
        font-size: 1.7em;
4d19ae
        font-weight: bold;
4d19ae
        line-height: 1.9em;
4d19ae
        margin-top: 0.9em;
4d19ae
        margin-bottom: 0.9em;
4d19ae
        padding-left: 0.7em;
4d19ae
        color: #FFF;
4d19ae
        border: none;
4d19ae
        background: #204C8D url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h1-bg.png");
4d19ae
        }
4d19ae
4d19ae
div#page-body h2 {
4d19ae
        font-size: 1.4em;
4d19ae
        line-height: 1.8em;
4d19ae
        margin-top: 1.6em;
4d19ae
        margin-bottom: 0.8em;
4d19ae
        padding-left: 0.7em;
a9cc5d
        background: #FFF url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h2-bg.png");
4d19ae
        border: none;
4d19ae
        color: #072B61;
4d19ae
        }
4d19ae
4d19ae
div#page-body h3 {
4d19ae
        font-size: 1.25em;
4d19ae
        line-height: 1.6em;
4d19ae
        margin-top: 1em;
4d19ae
        margin-bottom: 0.5em;
4d19ae
        padding-left: 0.7em;
4d19ae
        color: #072B61;
4d19ae
        border-bottom-width: 1px;
4d19ae
        border-bottom-style: solid;
4d19ae
        border-bottom-color: #DADADA;
4d19ae
        }
4d19ae
4d19ae
div#page-body h4 {
4d19ae
        font-size: 1.2em;
4d19ae
        line-height: 1.4em;
4d19ae
        margin-top: 1em;
4d19ae
        margin-bottom: 0.5em;
4d19ae
        padding-left: 0.7em;
4d19ae
        color: #072B61;
4d19ae
        border-bottom: none;
4d19ae
        }
4d19ae
4d19ae
div#page-body h5 {
4d19ae
        font-size: 1.1em;
4d19ae
        line-height: 1.1em;
4d19ae
        margin-top: 1em;
4d19ae
        margin-bottom: 0.5em;
4d19ae
        padding-left: 0.7em;
4d19ae
        color: #072B61;
4d19ae
        font-weight: bold;
4d19ae
        border-bottom: none;
4d19ae
        }
4d19ae
4d19ae
div#page-body h6 {
4d19ae
        font-size: 1em;
4d19ae
        line-height: 1.1em;
4d19ae
        margin-top: 1em;
4d19ae
        margin-bottom: 0.5em;
4d19ae
        padding-left: 0.7em;
4d19ae
        color: #072B61;
4d19ae
        font-weight: bold;
4d19ae
        border-bottom: none;
4d19ae
        }
4d19ae
4d19ae
div#page-body h1 a:link  { text-decoration: none; color: #FFF }
4d19ae
div#page-body h1 a:hover { text-decoration: none; color: #FFF; }
4d19ae
div#page-body h1 a:active { text-decoration: underline; color: #FFF; }
4d19ae
div#page-body h1 a:visited { text-decoration: none; color: #FFF; }
4d19ae
div#page-body h1 a:visited:hover { text-decoration: none; color: #FFF; }
4d19ae
4d19ae
div#page-body h2 a:link, div#page-body h2 a:visited, div#page-body h2 a:hover, 
4d19ae
div#page-body h2 a:active, div#page-body h2 a:visited:hover, 
4d19ae
div#page-body h3 a:link, div#page-body h3 a:visited, div#page-body h3 a:hover,
4d19ae
div#page-body h3 a:active, div#page-body h3 a:visited:hover, 
4d19ae
div#page-body h4 a:link, div#page-body h4 a:visited, div#page-body h4 a:hover,
4d19ae
div#page-body h4 a:active, div#page-body h4 a:visited:hover, 
4d19ae
div#page-body h5 a:link, div#page-body h5 a:visited, div#page-body h5 a:hover,
4d19ae
div#page-body h5 a:active, div#page-body h5 a:visited:hover, 
4d19ae
div#page-body h6 a:link, div#page-body h6 a:visited, div#page-body h6 a:hover,
4d19ae
div#page-body h6 a:active, div#page-body h6 a:visited:hover {
4d19ae
	color: #072B61; 
4d19ae
	text-decoration: none;
4d19ae
}
4d19ae
4d19ae
/* Paragraphs
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
div#page-body p {
4d19ae
	margin: 1em;
4d19ae
	margin-left: 1.5em;
4d19ae
	line-height: 1.5em;
4d19ae
	}
4d19ae
7519de
/* Page Lines
7519de
-----------------------------------------------*/
7519de
7519de
div.page-line {
7519de
	clear: both;
7519de
	margin: 0;
7519de
	padding: 0;
7519de
	background-color: transparent;
7519de
	}
7519de
7519de
div.page-line.white {
7519de
	height: 3px;
7519de
	background-color: #FFF;
7519de
	}
7519de
7519de
/* Lists
7519de
-----------------------------------------------*/
7519de
7519de
div#page-body ul { 
7519de
    list-style: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/ul.png") circle; 
7519de
    } 
7519de
859d61
div#page-body div#content-links ul {
7519de
    padding: 1em;
7519de
    margin: 0;
7519de
    list-style: none;
7519de
    border-top: 1px #EEE solid;
7519de
}
7519de
859d61
div#page-body div#content-links ul.first {
7519de
    border-top: none;
7519de
    }
7519de
859d61
div#page-body div#content-links ul li {
7519de
    padding: 2px;
7519de
    }
7519de
859d61
div#page-body div#content-links ul li.current {
7519de
    font-weight: bold;
7519de
    }
7519de
a9cc5d
/* Table of content (toc) */
a9cc5d
a9cc5d
div#page-body div.toc {
a9cc5d
	border: 1px solid #CCCCCC;
a9cc5d
	background: #FFF url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/toc-bg.png") right repeat-y; 
a9cc5d
	font-size: small;
a9cc5d
	text-align:left;
a9cc5d
	margin-left: 1.5em;
a9cc5d
    width:70%;
a9cc5d
	}
a9cc5d
a9cc5d
div#page-body div.toc h3 {
a9cc5d
    margin-top: 0;
a9cc5d
    background: #FFF url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h2-bg.png");
a9cc5d
    }
a9cc5d
a9cc5d
div#page-body div.toc ul {
a9cc5d
    margin-left: 1.5em;
a9cc5d
    }
a9cc5d
a9cc5d
div#page-body div.toc ul ul {
a9cc5d
    margin-left: 0;
a9cc5d
}
a9cc5d
4d19ae
/* Quotations
4d19ae
-----------------------------------------------*/
4d19ae
4d19ae
div#page-body blockquote {
7519de
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-gray.png");
4d19ae
	}
4d19ae
7519de
div#page-body blockquote h3 {
7519de
    line-height: 0;
7519de
    border: none;
7519de
    color: #000000;
7519de
    margin-left: 1.2em;
297a73
    padding: 0;
7519de
    }
7519de
7519de
div#page-body blockquote.icon h3 {
7519de
    margin-left: 3.2em;
7519de
    }
7519de
7519de
div#page-body blockquote.icon hr, 
7519de
div#page-body blockquote.icon pre, 
7519de
div#page-body blockquote.icon table, 
7519de
div#page-body blockquote.icon p {
7519de
	margin-left: 4em;
7519de
    }
4d19ae
4d19ae
div#page-body blockquote.message {
4d19ae
	border: none;
4d19ae
	border-top: 4px solid;
4d19ae
	border-bottom: 4px solid;
7519de
    border-color: #CFCFCF;
4d19ae
	}
4d19ae
4d19ae
div#page-body blockquote.blue {
4d19ae
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-blue.png");
4d19ae
	border-color: #D2E0F6; 
4d19ae
	background-color: #ECF4FF;
4d19ae
	}
4d19ae
4d19ae
div#page-body blockquote.orange {
4d19ae
    border-color: #F6E7D2; 
4d19ae
    background-color: #FFF8EC;
4d19ae
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-orange.png");
4d19ae
	}
4d19ae
4d19ae
div#page-body blockquote.violet {
4d19ae
    border-color: #F6D2F6; 
4d19ae
    background-color: #FFECFF;
4d19ae
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-violet.png");
4d19ae
	}	
4d19ae
4d19ae
div#page-body blockquote.red {
4d19ae
    border-color: #E0B7B7;
4d19ae
    background-color: #FFECEC;
4d19ae
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-red.png");
4d19ae
	}
4d19ae
4d19ae
div#page-body blockquote.green {
4d19ae
    border-color: #D6F6D2;
4d19ae
    background-color: #EEFFEC;
4d19ae
    background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-green.png");
4d19ae
	}
4d19ae
297a73
/* Forms
297a73
-----------------------------------------------*/
297a73
297a73
div#page-body div.row1 {
297a73
	clear: both;
297a73
	background: #F8F8F8;
297a73
	padding: 10px;
297a73
	}
297a73
297a73
div#page-body div.row2 {
297a73
	clear: both;
297a73
	background: #FFFFFF;
297a73
	padding: 10px;
297a73
	}
297a73
297a73
div#page-body div.row3 {
297a73
	clear: both;
297a73
	border-top: 1px solid #CCC;
297a73
	padding: 10px;
297a73
	margin-top: 10px;
297a73
	}
297a73
297a73
div#page-body fieldset div.row1 span.descrip,
297a73
div#page-body fieldset div.row2 span.descrip {
297a73
	float: left;
297a73
	}
297a73
297a73
div#page-body fieldset div.field {
297a73
	display: block;
297a73
	margin-left: 30%;
297a73
	}
297a73
297a73
div#page-body fieldset div.field div.column {
297a73
	float: left;
297a73
	margin-right: 1em;
297a73
	padding-right: 1em;
297a73
	border-right: 1px dotted #AAA;
297a73
	}
297a73
297a73
div#page-body fieldset div.row3 div.descrip {
297a73
	display: block;
297a73
	font-size: small;
297a73
	color: #AAA;
297a73
	font-style: italic;
297a73
	width: 70%
297a73
	}
297a73
297a73
div#page-body fieldset span.submit {
297a73
	float: right;
297a73
	}
297a73
297a73
/* */
297a73
c362e6
div#page-body div.actions {
c362e6
    margin-top: 10px;
c362e6
	border-bottom: 1px solid #AAA;
c362e6
    padding-bottom: 10px;
c362e6
c362e6
    }
c362e6
c362e6
div#page-body div.actions span {
297a73
	display: inline;
297a73
	margin: 0;
c362e6
	padding-right: 10px;
297a73
	border-right: 1px dotted #AAA;
297a73
	color: #AAA;
297a73
	}
297a73
c362e6
div#page-body div.actions span.last {
297a73
	border-right: none;
c362e6
	padding-left: 10px;
297a73
	}
c362e6
c362e6
/* */
c362e6
c362e6
div#page-body div.pagination {
c362e6
    font-size: small;
c362e6
    padding: 10px;
c362e6
    border-top: 1px #AAA solid;
c362e6
    margin-left: 1.5em;
c362e6
    }
c362e6
c362e6
div#page-body div.pagination span.left {
c362e6
    float: left;
c362e6
    }
c362e6
c362e6
div#page-body div.pagination span.left a:before {
c362e6
    content: "«";
c362e6
    padding-right: 3px;
c362e6
    }
c362e6
c362e6
div#page-body div.pagination span.right a:after {
c362e6
    content: "»";
c362e6
    padding-left: 3px;
c362e6
    }
c362e6
c362e6
div#page-body div.pagination span.right {
c362e6
    float: right;
c362e6
    }
c362e6
c362e6
/* */
c362e6
c362e6
div#page-body div.records-list {
c362e6
    margin-bottom: 5px;
c362e6
    margin-left: 1.5em;
c362e6
    display: block;
c362e6
    }
c362e6
c362e6
div#page-body div.records-list ul {
c362e6
    margin: 0;
c362e6
    padding: 0;
c362e6
    list-style: none;
c362e6
    }
c362e6
c362e6
div#page-body div.records-list ul li {
c362e6
    padding: 0.5em;
c362e6
    }
c362e6
c362e6
div#page-body div.records-list ul li.row1 {
c362e6
    background: #F8F8F8;
c362e6
    }
c362e6
c362e6
div#page-body div.records-list ul li span.col0 {
c362e6
    display: block;
c362e6
    float:left;
c362e6
    text-align: center;
c362e6
    padding-right: 0.5em;
c362e6
    margin-right: 0.5em;
c362e6
    border-right: 1px solid #FFF;
c362e6
    }
c362e6
c362e6
div#page-body div.records-list ul li span.col1 {
c362e6
    width: 250px;
c362e6
    display: block;
c362e6
    float:left;
c362e6
    }
c362e6
c362e6
div#page-body div.records-list ul li span.col2 {
c362e6
    border-left: 1px solid #FFF;
c362e6
    padding-left: 0.5em;
c362e6
    }
c362e6
c362e6
div#page-body div.records-list ul li.title {
c362e6
    font-weight: bold;
c362e6
    background: #eee;
c362e6
    border-bottom: 1px #AAA solid;
c362e6
    }