/* CentOS Cascading Style Sheet
* -----------------------------------------------
* File : common.css
* Category : root / common
* Theme : Modern
* Description : CSS definitions used to build the CentOS common
* visual style.
* -----------------------------------------------
* Author : CentOS Artwork SIG
* License : GPL (http://www.fsf.org/licensing/licenses/gpl.txt)
* -----------------------------------------------
*/
/* 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/png/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
-----------------------------------------------*/
div#page-header {
background: #204C8D url("/home/centos/artwork/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Img/1024x250.jpg") 0 0;
min-height: 85px;
}
div#page-footer {
background: #204C8D url("/home/centos/artwork/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Img/1024x250.jpg") 0 0;
min-height: 85px;
}
div#wrap {
padding: 0 10px 0 10px;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
background: #FFF;
}
div#page-body {
padding: 20px;
padding-top: 0;
clear: both;
}
div#page-info {
/* Holds information about the page. */
text-align: right;
font-size: x-small;
color: #AAA;
margin-top: 1.5em;
margin-bottom: 1.5em;
margin-right: 20px;
}
div#page-header div.links,
div#page-footer div.links {
/* Holds web environment navigation tabs, and user
* related links */
float: right;
}
div#page-header div.links div.user,
div#page-header div.links div.trail {
display: block;
margin: 0px;
font-size: x-small;
text-align: right;
color: #fff;
padding-right: 10px;
}
div#page-header div.admin,
div#page-footer div.admin {
background-color: #EFF5FE;
padding: 3px;
padding-left: 20px;
font-size: small;
}
div#page-header div.admin {
border-bottom: 2px dotted #628ECA;
border-top: 1px solid #D6D6D6;
}
div#page-footer div.admin {
border-bottom: 1px solid #D6D6D6;
border-top: 2px dotted #628ECA;
}
div#page-footer div.lisence {
color: #FFF;
font-size: x-small;
padding: 10px;
padding-bottom: 0;
padding-top: 1.5em;
}
div#page-footer div.credits {
/* Holds page credits */
color: #FFF;
font-size: x-small;
padding: 10px;
}
/* Logo
-----------------------------------------------*/
div#page-header div#logo img {
border: none;
float: left;
margin: 10px;
}
/* Links
-----------------------------------------------*/
/* Base */
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; }
/* 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/Models/Img/Promo/Web/png/www.png);
margin: 0 0.2em;
}
div#page-body a.http:before {
white-space:nowrap;
content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/www.png);
margin: 0 0.2em;
}
div#page-body a.https:before {
white-space:nowrap;
content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/www.png);
margin: 0 0.2em;
}
div#page-body a.mailto:before {
white-space:nowrap;
content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/email.png);
margin: 0 0.2em;
}
div#page-body a.attachment:before {
white-space:nowrap;
content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/attach.png);
margin: 0 0.2em;
}
/* Headings */
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;
}
/* */
div#page-header div.links div.user a,
div#page-header div.links div.trail a {
color: #FFF;
}
div#page-header div.links div.user a,
div#page-header div.admin a,
div#page-footer div.admin a {
margin-right: 10px;
margin-left: 6px;
}
div#page-footer div.lisence a,
div#page-footer div.credits a {
color: #FFF;
font-style: italic;
}
/* Headings
-----------------------------------------------*/
div#page-body h1 {
font-size: 1.7em;
font-weight: bold;
line-height: 1.9em;
margin-top: 0.9em;
margin-bottom: 0.9em;
padding-left: 0.7em;
color: #FFF;
border: none;
background: #204C8D url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h1-bg.png");
}
div#page-body h2 {
font-size: 1.4em;
line-height: 1.8em;
margin-top: 1.6em;
margin-bottom: 0.8em;
padding-left: 0.7em;
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h2-bg.png");
border: none;
color: #072B61;
}
div#page-body h3 {
font-size: 1.25em;
line-height: 1.6em;
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 {
font-size: 1.2em;
line-height: 1.4em;
margin-top: 1em;
margin-bottom: 0.5em;
padding-left: 0.7em;
color: #072B61;
border-bottom: none;
}
div#page-body h5 {
font-size: 1.1em;
line-height: 1.1em;
margin-top: 1em;
margin-bottom: 0.5em;
padding-left: 0.7em;
color: #072B61;
font-weight: bold;
border-bottom: none;
}
div#page-body h6 {
font-size: 1em;
line-height: 1.1em;
margin-top: 1em;
margin-bottom: 0.5em;
padding-left: 0.7em;
color: #072B61;
font-weight: bold;
border-bottom: none;
}
/* Paragraphs
-----------------------------------------------*/
div#page-body p {
margin: 1em;
margin-left: 1.5em;
line-height: 1.5em;
}
/* Quotations
-----------------------------------------------*/
div#page-body blockquote {
background-color: #ECECEC;
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-gray.png");
border-width: 1px;
border-style: solid;
border-color: #CFCFCF;
border-left-width: 4px;
margin: 1em;
}
div#page-body blockquote p {
margin: 1em;
}
div#page-body blockquote.message {
border: none;
border-top: 4px solid;
border-bottom: 4px solid;
margin-left: 15%;
margin-right: 15%;
border-color: #CFCFCF;
padding: 0 2em;
}
div#page-body blockquote.message p.content {
font-weight: bold;
margin-left: 0;
}
div#page-body blockquote.message p.links {
font-size: x-small;
margin-left: 0;
}
div#page-body blockquote.blue {
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/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/Models/Img/Promo/Web/png/msg-bg-orange.png");
}
div#page-body blockquote.violet {
border-color: #F6D2F6;
background-color: #FFECFF;
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-violet.png");
}
div#page-body blockquote.red {
border-color: #E0B7B7;
background-color: #FFECEC;
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-red.png");
}
div#page-body blockquote.green {
border-color: #D6F6D2;
background-color: #EEFFEC;
background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/msg-bg-green.png");
}
div#page-body blockquote img {
vertical-align: middle;
margin-right: 20px;
}
div#page-body q:before {
content: " “";
}
div#page-body q:after {
content: "” ";
}
div#page-body q q:before {
content: " ‘";
}
div#page-body q q:after {
content: "’ ";
}
div#page-body address {
margin-left: 1.5em;
}
/* Preformatted Texts
-----------------------------------------------*/
div#page-body 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;
white-space: pre;
background: #FFFAE9;
overflow: auto;
}
/* Phrase Elements
-----------------------------------------------*/
div#page-body tt,
div#page-body samp,
div#page-body kbd,
div#page-body code {
font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
}
/* Page Lines
-----------------------------------------------*/
div.page-line {
clear: both;
margin: 0;
padding: 0;
background-color: transparent;
}
div.page-line.blue {
height: 5px;
background-color: #628ECA;
}
/* Lists
-----------------------------------------------*/
div#page-body ul,
div#page-body ol {
margin: 1em;
padding: 1em;
padding-left: 1.9em;
margin-left: 3em;
margin-bottom: 0.3em;
}
div#page-body ul {
list-style:
url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/ul.png") circle;
}
div#page-body ol {
list-style-image: none !important;
}
div#page-body ul li,
div#page-body ol li {
padding-left: 0;
margin-bottom: 0.3em;
}
div#page-body ul ul,
div#page-body ul ol,
div#page-body ol ul,
div#page-body ol ol {
margin-left: 0.5em;
margin-top: 0.3em;
}
div#page-body ul li p,
div#page-body ol li p {
margin-bottom: 0.3em;
line-height: 1.5em;
margin-left: 0 !important;
}
/* */
div#page-location {
margin: 1em 1em 0 1.5em;
}
div#page-location span:after {
content: " » ";
}
div#page-location span.last:after {
content: none;
}
/* */
div#page-body dl {
margin: 1em 1em 0.3em 3em;
padding: 1em 1em 1em 0;
}
div#page-body dl dt {
font-weight: bold;
}
div#page-body dl dt:after {
content: ": "
}
div#page-body dl dd {
margin-left: 2em;
margin-bottom: 1em;
line-height: 1.5em;
}
div#page-body dl dd ul,
div#page-body dl dd ol {
margin: 0;
padding-bottom: 0;
}
/**/
div#page-header div.links div.user span,
div#page-header div.links div.trail span {
display: inline;
}
div#page-header div.links div.user span.last {
border-right: none;
padding-right: 0;
}
div#page-header div.links div.user span.last a {
margin-right: 0;
}
div#page-header div.links div.trail span:after {
content: " » ";
}
div#page-header div.links div.trail span.last:after {
content: none;
}
div#page-header div.links div.user span {
border-right: 1px dotted #FFF;
}
div#page-header div.admin span,
div#page-footer div.admin span {
border-right: 1px dotted #628ECA;
display: inline;
}
div#page-header div.admin span.last,
div#page-footer div.admin span.last {
border-right: none;
padding-right: 0;
}
/* Tables
-----------------------------------------------*/
div#page-body table {
margin: 0;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 1.5em;
border-collapse: collapse;
}
div#page-body table caption {
font-style: italic;
text-align: center;
}
div#page-body table tr th {
font-weight: bold;
}
div#page-body table tr td,
div#page-body 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;
}
div#page-body table tr td p {
margin: 0;
padding: 0;
}
/* Forms
-----------------------------------------------*/
form {
display: inline;
}
input[type="submit"],
input[type="button"] {
padding: 1px;
}
div#page-header div.search p {
text-align: right;
}
div#page-header div.admin input[type="submit"],
div#page-header div.admin input[type="button"],
div#page-header div.search input[type="button"],
div#page-header div.search input[type="submit"] {
font-size: 0.8em;
border-width: 1px;
border-style: solid;
border-color: #628ECA;
background-color: #204a87;
color: #FFF;
cursor: pointer;
display: inline;
text-decoration: none;
}
div#page-header div.search input[type="text"],
div#page-header div.search textarea {
font-size: 0.8em;
display: inline;
padding: 2px;
padding-left: 4px;
border: 1px solid #628ECA;
background-color: #EFF5FE;
color: #204a87;
}
div#page-header div.admin select {
font-size: 0.8em;
display: inline;
padding: 1px;
border: 1px solid #628ECA;
background-color: #FFF;
color: #204a87;
}
div#page-header div.search select {
font-size: 0.8em;
display: inline;
padding: 1px;
border: 1px solid #628ECA;
background-color: #EFF5FE;
color: #204a87;
}
div#page-header div.search {
margin: 5px;
margin-right: 10px;
margin-top: 10px;
}
div#page-header div.admin form p {
display: inline;
margin-left: 5px;
margin-right: 5px;
}
div#page-body textarea {
padding: 2px;
}
div#page-body input[type="text"] {
padding: 1px;
}
/* Select
---------------------------------------- */
div#page-header div.links select option,
div#page-body select option {
padding-left: 3px;
padding-right: 3px;
}
div#page-header div.links select optgroup,
div#page-body select optgroup {
font-style: normal;
font-weight: bold;
padding-left: 3px;
}
div#page-header div.links select optgroup option,
div#page-body select optgroup option {
margin-left: 1em;
}
div#page-body input[type="radio"],
div#page-body input[type="checkbox"] {
vertical-align: middle;
}
div#page-body fieldset {
margin: 1em;
padding: 1em;
padding-bottom: 5px;
margin-left: 1.5em;
border: 1px solid #AAA;
}
div#page-body fieldset legend {
font-weight: bold;
color: #AAA;
}
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 p {
display: inline;
margin: 0;
padding: 0 10px;
border-right: 1px dotted #AAA;
font-size: small;
color: #AAA;
}
div#page-body div.actions p.last {
border-right: none;
}