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