From 95f95ac30768e0ac04132a0972c7c91169b001ba Mon Sep 17 00:00:00 2001 From: Alain Reguera Delgado Date: Oct 03 2010 19:29:05 +0000 Subject: Rename Css/Default to Css/Moin inside trunk/Identity/Models. Most classes and ids are based on Moinmoin html definition. --- diff --git a/Identity/Models/Css/Default/common.css b/Identity/Models/Css/Default/common.css deleted file mode 100755 index 6416aab..0000000 --- a/Identity/Models/Css/Default/common.css +++ /dev/null @@ -1,781 +0,0 @@ -/* 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; - } diff --git a/Identity/Models/Css/Default/print.css b/Identity/Models/Css/Default/print.css deleted file mode 100755 index 880e1d8..0000000 --- a/Identity/Models/Css/Default/print.css +++ /dev/null @@ -1,285 +0,0 @@ -/* CentOS Cascading Style Sheet - * ----------------------------------------------- - * File : print.css - * Category : root / common - * Theme : Modern - * Description : CSS definitions used to build the CentOS common - * visual style in printer medias. - * ----------------------------------------------- - * 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; } - -/* Define body ------------------------------------------------*/ - -body { font-family: "DejaVu Sans", "Liberation Sans", sans-serif; - font-size: 0.85em; } - -/* Main Blocks ------------------------------------------------*/ - -div#page-header, -div#page-location, -div#page-body div.actions, -div#page-body div.tabs3, -div#page-footer { - /* Hide everything that is not content */ - display: none; - } - -div#wrap { - background: #FFF; - } - -div#page-body { - padding: 20px; - clear: both; - } - -div#page-info { - /* Holds information about the page. */ - text-align: right; - font-style: italic; - font-size: small; - } - -/* Links ------------------------------------------------*/ - -a:link, a:visited, a:active, a:hover { - text-decoration: underline; - color: #666; - background: none; - } - - -/* Headings ------------------------------------------------*/ - -div#page-body h1 { - margin-top: 0.9em; - margin-bottom: 0.9em; - } - -div#page-body h2 { - margin-top: 1.6em; - margin-bottom: 0.8em; - } - -div#page-body h3 { - margin-top: 1em; - margin-bottom: 0.5em; - } - -div#page-body h4 { - margin-top: 1em; - margin-bottom: 0.5em; - } - -div#page-body h5 { - margin-top: 1em; - margin-bottom: 0.5em; - } - -div#page-body h6 { - margin-top: 1em; - margin-bottom: 0.5em; - } - -/* Paragraphs ------------------------------------------------*/ - -div#page-body p { - margin: 1em; - margin-left: 0; - line-height: 1.5em; - } - -div#page-body blockquote p { - margin-left: 1.5em;; -} - -/* Quotations ------------------------------------------------*/ - -div#page-body blockquote { - border-width: 1px; - border-style: solid; - border-color: #CFCFCF; - border-left-width: 4px; - padding: 0; - margin: 1em; - margin-left: 2em; - } - -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: "’ "; -} - -/* Preformatted Texts ------------------------------------------------*/ - -div#page-body pre { - font-family: "DejaVu Sans Mono", "Liberation Mono", monospace; - padding: 0.5em 1em; - margin: 0.5em 0 0.5em 0; - white-space: pre; - border-width: 1px; - border-style: dashed; - border-color: #CCC; - white-space: pre; - 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; - } - -/* 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: disc; - } - -div#page-body ol { - list-style-image: none !important; - } - -div#page-body ul li, -div#page-body ol li { - padding-left: 0em; - 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-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; -} - -/* Tables ------------------------------------------------*/ - -div#page-body table { - margin: 0; - margin-top: 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; - } diff --git a/Identity/Models/Css/Default/stylesheet.css b/Identity/Models/Css/Default/stylesheet.css deleted file mode 100644 index a893bdc..0000000 --- a/Identity/Models/Css/Default/stylesheet.css +++ /dev/null @@ -1,40 +0,0 @@ -/* CentOS Cascading Style Sheet - * ----------------------------------------------- - * File : stylesheet.css - * Category : root - * Theme : Modern - * Description : This is the main CentOS Web Visual Style definition. - * CSS defined here are common for the whole CentOS Web - * Environment. - * - * Specific CSS definitions, like those used in - * specific web applications, are declared using the - * HTML link element in the head section of the - * specific web application who needs it. Specific CSS - * definitions extend CentOS common CSS definition. - * Specific CSS definitions do not overlap CentOS - * common CSS definitions. For more information visit: - * http://wiki.centos.org/WebsiteVer2/WebEnvironment/VisualStyle/Default - * ----------------------------------------------- - * Author : CentOS Artwork SIG - * License : GPL (http://www.fsf.org/licensing/licenses/gpl.txt) - * ----------------------------------------------- - */ - - -/* Common: - * - * CSS definitions used to build the base CentOS Web Visual Style. It - * should always be loaded in first place. - */ - -@import url("/home/centos/artwork/trunk/Identity/Models/Css/Default/common.css") screen, projection; -@import url("/home/centos/artwork/trunk/Identity/Models/Css/Default/print.css") print; - -/* Miscellaneous: - * - * CSS definitions used to build visual effects. New definitions may - * be added as time goes by. - */ - -@import url("/home/centos/artwork/trunk/Identity/Models/Css/Default/tabs.css") screen, projection; diff --git a/Identity/Models/Css/Default/tabs.css b/Identity/Models/Css/Default/tabs.css deleted file mode 100644 index cd996a8..0000000 --- a/Identity/Models/Css/Default/tabs.css +++ /dev/null @@ -1,354 +0,0 @@ -/* CentOS Cascading Style Sheet - * ----------------------------------------------- - * File : tabs.css - * Category : root / common / miscellaneous - * Theme : Modern - * Description : CSS definitions used to build the CentOS common - * visual style for tabs. - * ----------------------------------------------- - * Author : CentOS Artwork SIG - * License : GPL (http://www.fsf.org/licensing/licenses/gpl.txt) - * ----------------------------------------------- - */ - - -/* Tabs (Style 1): Two Rounded Borders ------------------------------------------------*/ - -div#page-header div.tabs1 a:link, -div#page-footer div.tabs1 a:link { - text-decoration: none; - color: #FFF; - } - -div#page-header div.tabs1 a:hover, -div#page-footer div.tabs1 a:hover { - text-decoration: underline; - color: #FFF; - } - -div#page-header div.tabs1 a:active, -div#page-footer div.tabs1 a:active { - text-decoration: none; - color: #FFF; } - -div#page-header div.tabs1 a:visited, -div#page-footer div.tabs1 a:visited { - text-decoration: none; - color: #FFF; - } - -div#page-header div.tabs1 a:visited:hover, -div#page-footer div.tabs1 a:visited:hover { - text-decoration: underline; - color: #FFF; - } - -div#page-header div.tabs1, -div#page-footer div.tabs1 { - margin: 0; - padding: 0; - float: right; - margin-right: 5px; - } - -div#page-header div.tabs1 a, -div#page-footer div.tabs1 a { - float: left; - font-weight: bold; - margin-right: 5px; - padding: 0px 8px 0 0px; - text-transform: uppercase; - } - -div#page-header div.tabs1 a span, -div#page-footer div.tabs1 a span { - float: left; - font-size: x-small; - padding: 5px 0px 3px 8px; - } - -div#page-header div.tabs1 span:hover a, -div#page-header div.tabs1 span:hover a, -div#page-footer div.tabs1 span:hover a, -div#page-footer div.tabs1 span:hover a, -div#page-header div.tabs1 span:hover a span, -div#page-footer div.tabs1 span:hover a span { - color: #FFF; - } - -div#page-header div.tabs1 span.current a, -div#page-header div.tabs1 span.current a:hover, -div#page-footer div.tabs1 span.current a, -div#page-footer div.tabs1 span.current a:hover, -div#page-header div.tabs1 span.current a span, -div#page-header div.tabs1 span.current a span, -div#page-footer div.tabs1 span.current a:hover span, -div#page-footer div.tabs1 span.current a:hover span { - color: #000; - } - -div#page-header div.tabs1 span.download a, -div#page-header div.tabs1 span.download a:hover, -div#page-footer div.tabs1 span.download a, -div#page-footer div.tabs1 span.download a:hover { - color: #FFF; - margin-left: 20px; - } - -div#page-header div.tabs1 span.download a span, -div#page-header div.tabs1 span.download a:hover span, -div#page-footer div.tabs1 span.download a span, -div#page-footer div.tabs1 span.download a:hover span { - color: #FFF; - } - -/* */ - -div#page-header div.tabs1 a { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% 0px no-repeat; - } - -div#page-header div.tabs1 a span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 0; - } - -div#page-header div.tabs1 span.current a, -div#page-header div.tabs1 span.current a:hover { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -50px no-repeat; - } - -div#page-header div.tabs1 span.current a span, -div#page-header div.tabs1 span.current a:hover span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -50px; - } - -div#page-header div.tabs1 span:hover a { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -25px no-repeat; - } - -div#page-header div.tabs1 span:hover a span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -25px; - } - -div#page-header div.tabs1 span.download a, -div#page-header div.tabs1 span.download a:hover { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -75px no-repeat; - } - -div#page-header div.tabs1 span.download a span, -div#page-header div.tabs1 span.download a:hover span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -75px; - } - -/* */ - -div#page-footer div.tabs1 { - margin-top: 29px; - } - -div#page-footer div.tabs1 a { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% 0px no-repeat; - } - -div#page-footer div.tabs1 a span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 0; - } - -div#page-footer div.tabs1 span.current a, -div#page-footer div.tabs1 span.current a:hover { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -50px no-repeat; - } - -div#page-footer div.tabs1 span.current a span, -div#page-footer div.tabs1 span.current a:hover span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -50px; - } - -div#page-footer div.tabs2 span.current a, -div#page-footer div.tabs2 span.current a:hover { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -125px no-repeat; - } - -div#page-footer div.tabs1 span:hover a { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -25px no-repeat; - } - -div#page-footer div.tabs1 span:hover a span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -25px; - } - -div#page-footer div.tabs1 span.download a, -div#page-footer div.tabs1 span.download a:hover { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -75px no-repeat; - } - -div#page-footer div.tabs1 span.download a span, -div#page-footer div.tabs1 span.download a:hover span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -75px; - } - -/* Tabs (Style 2): Two Rounded Borders ------------------------------------------------*/ - -div#page-header div.tabs2, -div#page-footer div.tabs2 { - margin-left: 20px; - padding: 0; - } - -div#page-header div.tabs2 a, -div#page-footer div.tabs2 a { - color: #628eca; - float: left; - font-weight: bold; - margin-right: 3px; - padding: 0px 8px 0 0px; - text-decoration: none; - } - -div#page-header div.tabs2 span.current a, -div#page-header div.tabs2 span.current a:hover, -div#page-footer div.tabs2 span.current a, -div#page-footer div.tabs2 span.current a:hover { - color: #FFF; - text-decoration: none; - } - -div#page-header div.tabs2 span.current a span, -div#page-header div.tabs2 span.current a:hover span, -div#page-footer div.tabs2 span.current a span, -div#page-footer div.tabs2 span.current a:hover span { - color: #FFF; - text-decoration: none; - } - -div#page-header div.tabs2 a span, -div#page-footer div.tabs2 a span { - float: left; - padding: 5px 0px 3px 8px; - } - -/* */ - -div#page-header div.tabs2 a { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -100px no-repeat; - } - -div#page-header div.tabs2 a span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -100px; - } - -div#page-header div.tabs2 span.current a, -div#page-header div.tabs2 span.current a:hover { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -150px no-repeat; - } - -div#page-header div.tabs2 span.current a span, -div#page-header div.tabs2 span.current a:hover span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -150px; - } - -div#page-header div.subtabs2 span.current a, -div#page-header div.subtabs2 span.current a:hover { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -150px no-repeat; - } - -div#page-header div.tabs2 span:hover a { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -125px no-repeat; - } - -div#page-header div.tabs2 span:hover a span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -125px; - } - -/* */ - -div#page-footer div.tabs2 a { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -100px no-repeat; - } - -div#page-footer div.tabs2 a span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -100px; - } - -div#page-footer div.tabs2 span.current a, -div#page-footer div.tabs2 span.current a:hover { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -150px no-repeat; - } - -div#page-footer div.tabs2 span.current a span, -div#page-footer div.tabs2 span.current a:hover span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -150px; - } - -div#page-footer div.subtabs2 span.current a, -div#page-footer div.subtabs2 span.current a:hover { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -150px no-repeat; - } - -div#page-footer div.tabs2 span:hover a { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -125px no-repeat; - } - -div#page-footer div.tabs2 span:hover a span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -125px; - } - -/* Tabs (Style 3): 4 Rounded Borders ------------------------------------------------*/ - -div#page-body div.tabs3 { - float: right; - } - -div#page-body div.tabs3 ul { - margin: 0; - padding: 0; - } - -div#page-body div.tabs3 a { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% 0 no-repeat; - color: #628eca; - font-weight: bold; - float: left; - margin-right: 3px; - padding: 0px 7px 0 0px; - font-size: 10px; - } - -div#page-body div.tabs3 a span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 0 no-repeat; - float: left; - padding: 5px 0px 3px 8px; - } - -div#page-body div.tabs3 span:hover a { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -25px no-repeat; - text-decoration: none; - } - -div#page-body div.tabs3 span:hover a span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 -25px; - } - -div#page-body div.tabs3 span.current a, -div#page-body div.tabs3 span.current a:hover { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -50px no-repeat; - color: #FFF; - text-decoration: none; - } - -div#page-body div.tabs3 span.current a, -div#page-body div.tabs3 span.current a:hover { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -50px no-repeat; - text-decoration: none; - } - -div#page-body div.tabs3 span.current a span, -div#page-body div.tabs3 span.current a:hover span { - background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 -50px; - color: #FFF; - text-decoration: none; - } - diff --git a/Identity/Models/Css/Moin/common.css b/Identity/Models/Css/Moin/common.css new file mode 100755 index 0000000..6416aab --- /dev/null +++ b/Identity/Models/Css/Moin/common.css @@ -0,0 +1,781 @@ +/* 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; + } diff --git a/Identity/Models/Css/Moin/print.css b/Identity/Models/Css/Moin/print.css new file mode 100755 index 0000000..880e1d8 --- /dev/null +++ b/Identity/Models/Css/Moin/print.css @@ -0,0 +1,285 @@ +/* CentOS Cascading Style Sheet + * ----------------------------------------------- + * File : print.css + * Category : root / common + * Theme : Modern + * Description : CSS definitions used to build the CentOS common + * visual style in printer medias. + * ----------------------------------------------- + * 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; } + +/* Define body +-----------------------------------------------*/ + +body { font-family: "DejaVu Sans", "Liberation Sans", sans-serif; + font-size: 0.85em; } + +/* Main Blocks +-----------------------------------------------*/ + +div#page-header, +div#page-location, +div#page-body div.actions, +div#page-body div.tabs3, +div#page-footer { + /* Hide everything that is not content */ + display: none; + } + +div#wrap { + background: #FFF; + } + +div#page-body { + padding: 20px; + clear: both; + } + +div#page-info { + /* Holds information about the page. */ + text-align: right; + font-style: italic; + font-size: small; + } + +/* Links +-----------------------------------------------*/ + +a:link, a:visited, a:active, a:hover { + text-decoration: underline; + color: #666; + background: none; + } + + +/* Headings +-----------------------------------------------*/ + +div#page-body h1 { + margin-top: 0.9em; + margin-bottom: 0.9em; + } + +div#page-body h2 { + margin-top: 1.6em; + margin-bottom: 0.8em; + } + +div#page-body h3 { + margin-top: 1em; + margin-bottom: 0.5em; + } + +div#page-body h4 { + margin-top: 1em; + margin-bottom: 0.5em; + } + +div#page-body h5 { + margin-top: 1em; + margin-bottom: 0.5em; + } + +div#page-body h6 { + margin-top: 1em; + margin-bottom: 0.5em; + } + +/* Paragraphs +-----------------------------------------------*/ + +div#page-body p { + margin: 1em; + margin-left: 0; + line-height: 1.5em; + } + +div#page-body blockquote p { + margin-left: 1.5em;; +} + +/* Quotations +-----------------------------------------------*/ + +div#page-body blockquote { + border-width: 1px; + border-style: solid; + border-color: #CFCFCF; + border-left-width: 4px; + padding: 0; + margin: 1em; + margin-left: 2em; + } + +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: "’ "; +} + +/* Preformatted Texts +-----------------------------------------------*/ + +div#page-body pre { + font-family: "DejaVu Sans Mono", "Liberation Mono", monospace; + padding: 0.5em 1em; + margin: 0.5em 0 0.5em 0; + white-space: pre; + border-width: 1px; + border-style: dashed; + border-color: #CCC; + white-space: pre; + 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; + } + +/* 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: disc; + } + +div#page-body ol { + list-style-image: none !important; + } + +div#page-body ul li, +div#page-body ol li { + padding-left: 0em; + 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-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; +} + +/* Tables +-----------------------------------------------*/ + +div#page-body table { + margin: 0; + margin-top: 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; + } diff --git a/Identity/Models/Css/Moin/stylesheet.css b/Identity/Models/Css/Moin/stylesheet.css new file mode 100644 index 0000000..a893bdc --- /dev/null +++ b/Identity/Models/Css/Moin/stylesheet.css @@ -0,0 +1,40 @@ +/* CentOS Cascading Style Sheet + * ----------------------------------------------- + * File : stylesheet.css + * Category : root + * Theme : Modern + * Description : This is the main CentOS Web Visual Style definition. + * CSS defined here are common for the whole CentOS Web + * Environment. + * + * Specific CSS definitions, like those used in + * specific web applications, are declared using the + * HTML link element in the head section of the + * specific web application who needs it. Specific CSS + * definitions extend CentOS common CSS definition. + * Specific CSS definitions do not overlap CentOS + * common CSS definitions. For more information visit: + * http://wiki.centos.org/WebsiteVer2/WebEnvironment/VisualStyle/Default + * ----------------------------------------------- + * Author : CentOS Artwork SIG + * License : GPL (http://www.fsf.org/licensing/licenses/gpl.txt) + * ----------------------------------------------- + */ + + +/* Common: + * + * CSS definitions used to build the base CentOS Web Visual Style. It + * should always be loaded in first place. + */ + +@import url("/home/centos/artwork/trunk/Identity/Models/Css/Default/common.css") screen, projection; +@import url("/home/centos/artwork/trunk/Identity/Models/Css/Default/print.css") print; + +/* Miscellaneous: + * + * CSS definitions used to build visual effects. New definitions may + * be added as time goes by. + */ + +@import url("/home/centos/artwork/trunk/Identity/Models/Css/Default/tabs.css") screen, projection; diff --git a/Identity/Models/Css/Moin/tabs.css b/Identity/Models/Css/Moin/tabs.css new file mode 100644 index 0000000..cd996a8 --- /dev/null +++ b/Identity/Models/Css/Moin/tabs.css @@ -0,0 +1,354 @@ +/* CentOS Cascading Style Sheet + * ----------------------------------------------- + * File : tabs.css + * Category : root / common / miscellaneous + * Theme : Modern + * Description : CSS definitions used to build the CentOS common + * visual style for tabs. + * ----------------------------------------------- + * Author : CentOS Artwork SIG + * License : GPL (http://www.fsf.org/licensing/licenses/gpl.txt) + * ----------------------------------------------- + */ + + +/* Tabs (Style 1): Two Rounded Borders +-----------------------------------------------*/ + +div#page-header div.tabs1 a:link, +div#page-footer div.tabs1 a:link { + text-decoration: none; + color: #FFF; + } + +div#page-header div.tabs1 a:hover, +div#page-footer div.tabs1 a:hover { + text-decoration: underline; + color: #FFF; + } + +div#page-header div.tabs1 a:active, +div#page-footer div.tabs1 a:active { + text-decoration: none; + color: #FFF; } + +div#page-header div.tabs1 a:visited, +div#page-footer div.tabs1 a:visited { + text-decoration: none; + color: #FFF; + } + +div#page-header div.tabs1 a:visited:hover, +div#page-footer div.tabs1 a:visited:hover { + text-decoration: underline; + color: #FFF; + } + +div#page-header div.tabs1, +div#page-footer div.tabs1 { + margin: 0; + padding: 0; + float: right; + margin-right: 5px; + } + +div#page-header div.tabs1 a, +div#page-footer div.tabs1 a { + float: left; + font-weight: bold; + margin-right: 5px; + padding: 0px 8px 0 0px; + text-transform: uppercase; + } + +div#page-header div.tabs1 a span, +div#page-footer div.tabs1 a span { + float: left; + font-size: x-small; + padding: 5px 0px 3px 8px; + } + +div#page-header div.tabs1 span:hover a, +div#page-header div.tabs1 span:hover a, +div#page-footer div.tabs1 span:hover a, +div#page-footer div.tabs1 span:hover a, +div#page-header div.tabs1 span:hover a span, +div#page-footer div.tabs1 span:hover a span { + color: #FFF; + } + +div#page-header div.tabs1 span.current a, +div#page-header div.tabs1 span.current a:hover, +div#page-footer div.tabs1 span.current a, +div#page-footer div.tabs1 span.current a:hover, +div#page-header div.tabs1 span.current a span, +div#page-header div.tabs1 span.current a span, +div#page-footer div.tabs1 span.current a:hover span, +div#page-footer div.tabs1 span.current a:hover span { + color: #000; + } + +div#page-header div.tabs1 span.download a, +div#page-header div.tabs1 span.download a:hover, +div#page-footer div.tabs1 span.download a, +div#page-footer div.tabs1 span.download a:hover { + color: #FFF; + margin-left: 20px; + } + +div#page-header div.tabs1 span.download a span, +div#page-header div.tabs1 span.download a:hover span, +div#page-footer div.tabs1 span.download a span, +div#page-footer div.tabs1 span.download a:hover span { + color: #FFF; + } + +/* */ + +div#page-header div.tabs1 a { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% 0px no-repeat; + } + +div#page-header div.tabs1 a span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 0; + } + +div#page-header div.tabs1 span.current a, +div#page-header div.tabs1 span.current a:hover { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -50px no-repeat; + } + +div#page-header div.tabs1 span.current a span, +div#page-header div.tabs1 span.current a:hover span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -50px; + } + +div#page-header div.tabs1 span:hover a { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -25px no-repeat; + } + +div#page-header div.tabs1 span:hover a span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -25px; + } + +div#page-header div.tabs1 span.download a, +div#page-header div.tabs1 span.download a:hover { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -75px no-repeat; + } + +div#page-header div.tabs1 span.download a span, +div#page-header div.tabs1 span.download a:hover span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -75px; + } + +/* */ + +div#page-footer div.tabs1 { + margin-top: 29px; + } + +div#page-footer div.tabs1 a { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% 0px no-repeat; + } + +div#page-footer div.tabs1 a span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 0; + } + +div#page-footer div.tabs1 span.current a, +div#page-footer div.tabs1 span.current a:hover { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -50px no-repeat; + } + +div#page-footer div.tabs1 span.current a span, +div#page-footer div.tabs1 span.current a:hover span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -50px; + } + +div#page-footer div.tabs2 span.current a, +div#page-footer div.tabs2 span.current a:hover { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -125px no-repeat; + } + +div#page-footer div.tabs1 span:hover a { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -25px no-repeat; + } + +div#page-footer div.tabs1 span:hover a span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -25px; + } + +div#page-footer div.tabs1 span.download a, +div#page-footer div.tabs1 span.download a:hover { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -75px no-repeat; + } + +div#page-footer div.tabs1 span.download a span, +div#page-footer div.tabs1 span.download a:hover span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -75px; + } + +/* Tabs (Style 2): Two Rounded Borders +-----------------------------------------------*/ + +div#page-header div.tabs2, +div#page-footer div.tabs2 { + margin-left: 20px; + padding: 0; + } + +div#page-header div.tabs2 a, +div#page-footer div.tabs2 a { + color: #628eca; + float: left; + font-weight: bold; + margin-right: 3px; + padding: 0px 8px 0 0px; + text-decoration: none; + } + +div#page-header div.tabs2 span.current a, +div#page-header div.tabs2 span.current a:hover, +div#page-footer div.tabs2 span.current a, +div#page-footer div.tabs2 span.current a:hover { + color: #FFF; + text-decoration: none; + } + +div#page-header div.tabs2 span.current a span, +div#page-header div.tabs2 span.current a:hover span, +div#page-footer div.tabs2 span.current a span, +div#page-footer div.tabs2 span.current a:hover span { + color: #FFF; + text-decoration: none; + } + +div#page-header div.tabs2 a span, +div#page-footer div.tabs2 a span { + float: left; + padding: 5px 0px 3px 8px; + } + +/* */ + +div#page-header div.tabs2 a { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -100px no-repeat; + } + +div#page-header div.tabs2 a span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -100px; + } + +div#page-header div.tabs2 span.current a, +div#page-header div.tabs2 span.current a:hover { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -150px no-repeat; + } + +div#page-header div.tabs2 span.current a span, +div#page-header div.tabs2 span.current a:hover span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -150px; + } + +div#page-header div.subtabs2 span.current a, +div#page-header div.subtabs2 span.current a:hover { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -150px no-repeat; + } + +div#page-header div.tabs2 span:hover a { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs3-bg.png") 100% -125px no-repeat; + } + +div#page-header div.tabs2 span:hover a span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs4-bg.png") 0 -125px; + } + +/* */ + +div#page-footer div.tabs2 a { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -100px no-repeat; + } + +div#page-footer div.tabs2 a span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -100px; + } + +div#page-footer div.tabs2 span.current a, +div#page-footer div.tabs2 span.current a:hover { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -150px no-repeat; + } + +div#page-footer div.tabs2 span.current a span, +div#page-footer div.tabs2 span.current a:hover span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -150px; + } + +div#page-footer div.subtabs2 span.current a, +div#page-footer div.subtabs2 span.current a:hover { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -150px no-repeat; + } + +div#page-footer div.tabs2 span:hover a { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs1-bg.png") 100% -125px no-repeat; + } + +div#page-footer div.tabs2 span:hover a span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/tabs2-bg.png") 0 -125px; + } + +/* Tabs (Style 3): 4 Rounded Borders +-----------------------------------------------*/ + +div#page-body div.tabs3 { + float: right; + } + +div#page-body div.tabs3 ul { + margin: 0; + padding: 0; + } + +div#page-body div.tabs3 a { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% 0 no-repeat; + color: #628eca; + font-weight: bold; + float: left; + margin-right: 3px; + padding: 0px 7px 0 0px; + font-size: 10px; + } + +div#page-body div.tabs3 a span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 0 no-repeat; + float: left; + padding: 5px 0px 3px 8px; + } + +div#page-body div.tabs3 span:hover a { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -25px no-repeat; + text-decoration: none; + } + +div#page-body div.tabs3 span:hover a span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 -25px; + } + +div#page-body div.tabs3 span.current a, +div#page-body div.tabs3 span.current a:hover { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -50px no-repeat; + color: #FFF; + text-decoration: none; + } + +div#page-body div.tabs3 span.current a, +div#page-body div.tabs3 span.current a:hover { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination2-bg.png") 100% -50px no-repeat; + text-decoration: none; + } + +div#page-body div.tabs3 span.current a span, +div#page-body div.tabs3 span.current a:hover span { + background: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/pagination1-bg.png") 0 -50px; + color: #FFF; + text-decoration: none; + } +