From daf965a1ee9b70ac84b634e5486cce8c0aee43c3 Mon Sep 17 00:00:00 2001 From: Alain Reguera Delgado Date: Aug 26 2011 12:48:45 +0000 Subject: Update `trunk/Identity/Webenv/Css' files, based on `trunk/Identity/Webenv/App/Home' xhtml design models committed at revision 4516. --- diff --git a/Identity/Webenv/Css/App/ads.css b/Identity/Webenv/Css/App/ads.css index fc258be..397b033 100644 --- a/Identity/Webenv/Css/App/ads.css +++ b/Identity/Webenv/Css/App/ads.css @@ -22,25 +22,3 @@ * ---------------------------------------------------------------------- */ -/* Google advertisement (468x60px) ---------------------------------------------------------------------*/ - -div#page-header div.ads-google { - float: right; - margin: 5px; - margin-bottom: 1px; - } - -/* Sponsors advertisement (728x90px) ---------------------------------------------------------------------*/ -div#page-header div.ads-sponsors { - padding-top: 4px; - background: #FFF; - text-align: center; - clear:both; - } - -div#page-header div.ads-google img, -div#page-header div.ads-sponsors img { - border: none; - } diff --git a/Identity/Webenv/Css/App/base.css b/Identity/Webenv/Css/App/base.css index e09008c..8b6be5f 100755 --- a/Identity/Webenv/Css/App/base.css +++ b/Identity/Webenv/Css/App/base.css @@ -22,26 +22,57 @@ * ---------------------------------------------------------------------- */ +div#page-header, +div#wrap, +div#page-body, +div#page-footer { + min-width: 728px; + } + +/* Header. +--------------------------------------------------------------------*/ div#page-header { background: #204C8D url("/home/centos/artwork/trunk/Identity/Images/Webenv/h1-bg.png") 0 0 repeat; min-height: 46px; } -div#page-footer { - background: #204C8D url("/home/centos/artwork/trunk/Identity/Images/Webenv/h1-bg.png") 0 0 repeat; - padding: 10px; +/* Content. +--------------------------------------------------------------------*/ + +div#wrap { + padding: 0 10px 0 10px; + background-color: #FFF; } -div#page-footer div.top img { - border:none; - float:right; +div#page-body { + clear: both; + background-color: #F8F8F8; + } + +div#page-body div#content { + padding: 30px; + padding-top: 10px; + background-color: #FFF; } -div#page-header div.links div.user, -div#page-header div.links div.trail, +/* Paragraphs +--------------------------------------------------------------------*/ + +div#page-body div#content p { + text-align:justify; + } + +/* Footer. +--------------------------------------------------------------------*/ + +div#page-footer { + background: #204C8D url("/home/centos/artwork/trunk/Identity/Images/Webenv/h1-bg.png") 0 0 repeat; + } + div#page-footer div.credits { font-size: small; color: #FFF; + padding: 10px; } div#page-footer div.credits a { @@ -49,38 +80,215 @@ div#page-footer div.credits a { font-style: italic; } -div#wrap { - padding: 0 10px 0 10px; - background-color: #FFF; - } +div#page-footer div.top { + padding: 10px; + border:none; + float:right; + } -div#page-header, -div#wrap, -div#page-body, -div#page-footer { - min-width: 728px; +/* Logo +--------------------------------------------------------------------*/ +div#page-header div#logo img { + border: none; + float: left; + margin-left: 10px; } -div#page-body { - clear: both; - background-color: #F8F8F8; - } +/* Google advertisement (468x60px) +--------------------------------------------------------------------*/ -div#page-body div#content { - padding: 30px; - padding-top: 10px; - background-color: #FFF; +div#page-header div.ads-google { + float: right; + margin: 5px; } -div#page-body div#content div.trail { +div#page-header div.ads-google img { + border: none; } -/* Logo +/* Last releases and RSS link for them. --------------------------------------------------------------------*/ +div#page-header div.last-releases { + clear: both; + min-height: 35px; + border-top: 3px solid #FFF; + border-bottom: 3px solid #FFF; + background: #3465A4; + } -div#page-header div#logo img { - border: none; +div#page-header div.last-releases div.left { + display: block; + float: left; + width: 80%; + margin-top: 10px; + font-size: small; + } + +div#page-header div.last-releases div.right { + float: right; + margin-top: 9px; + margin-right: 5px; + } + +div#page-header div.last-releases div.right span.rss span { + text-align: center; + font-weight: bold; + background: #729fcf; + padding: 4px 10px; + } + +div#page-header div.last-releases div { + margin-left: 10px; + } + +div#page-header div.last-releases div span.title { + font-weight: bold; + color: #FFF; + } + +div#page-header div.last-releases div span.release { + border-right: 1px dotted #FFF; + padding-left: 10px; + padding-right: 10px; + font-weight: bold; + } + +div#page-header div.last-releases div span.last { + border-right: 0px; + } + +/* User links on header. +--------------------------------------------------------------------*/ + +div#page-header div.userlinks { + margin: 10px; + text-align: right; + font-size: x-small; + } + +div#page-header div.userlinks div.left { + width: 50%; float: left; + text-align: left; + } + +div#page-header div.userlinks div.left span { + border: none; + } + +div#page-header div.userlinks div.left span.title { + color: #FFF; + } + +div#page-header div.userlinks div.left span.datetime { + font-style: italic; + color: #FFF; + } + +div#page-header div.userlinks div.right { + width: 50%; + float: right; + } + +div#page-header div.userlinks div.right a { margin-left: 10px; + margin-right: 10px; + } + +div#page-header div.userlinks div.right span { + border-right: 1px dotted #FFF; + } + + +div#page-header div.userlinks div.right span.last { + border-right: none; + } + +div#page-header div.userlinks div.right span.last a { + margin-right: 0; + } + +div#page-header div.userlinks div.right span.last:after { + content: none; + } + +/* User trail on header. +--------------------------------------------------------------------*/ +div#page-header div.usertrail { + margin-right: 10px; + margin-bottom: 5px; + text-align: right; + } + +div#page-header div.usertrail a { + margin-right: 5px; + font-size: x-small; + } + +div#page-header div.usertrail span { + display: inline; + } + +div#page-header div.usertrail span.last { + border-right: none; + padding-right: 0; + } + +div#page-header div.usertrail span.last a { + margin-right: 0; + } + +div#page-header div.usertrail span:after { + content: "»"; + color: #FFF; + } + +div#page-header div.usertrail span.last:after { + content: none; + } + +/* User trail on content. +--------------------------------------------------------------------*/ +div#page-body div.usertrail { + font-size: small; } +div#page-body div.usertrail a { + margin-right: 5px; + } + +div#page-body div.usertrail span { + display: inline; + } + +div#page-body div.usertrail span.last { + border-right: none; + padding-right: 0; + } + +div#page-body div.usertrail span.last a { + margin-right: 0; + } + +div#page-body div.usertrail span:after { + content: "»"; + } + +div#page-body div.usertrail span.last:after { + content: none; + } + +/* Page lines. +--------------------------------------------------------------------*/ + +.page-line { + clear: both; + margin: 0; + padding: 0; + background-color: transparent; + } + +.page-line.white { + height: 3px; + background-color: #FFF; + } diff --git a/Identity/Webenv/Css/App/default.css b/Identity/Webenv/Css/App/default.css index d418e34..1fe610e 100755 --- a/Identity/Webenv/Css/App/default.css +++ b/Identity/Webenv/Css/App/default.css @@ -31,13 +31,10 @@ @import url("/home/centos/artwork/trunk/Identity/Webenv/Css/App/base.css"); @import url("/home/centos/artwork/trunk/Identity/Webenv/Css/App/layout-2cols.css"); @import url("/home/centos/artwork/trunk/Identity/Webenv/Css/App/headings.css"); -@import url("/home/centos/artwork/trunk/Identity/Webenv/Css/App/paragraphs.css"); @import url("/home/centos/artwork/trunk/Identity/Webenv/Css/App/links.css"); -@import url("/home/centos/artwork/trunk/Identity/Webenv/Css/App/pagelines.css"); @import url("/home/centos/artwork/trunk/Identity/Webenv/Css/App/lists.css"); @import url("/home/centos/artwork/trunk/Identity/Webenv/Css/App/quotation.css"); @import url("/home/centos/artwork/trunk/Identity/Webenv/Css/App/forms.css"); -@import url("/home/centos/artwork/trunk/Identity/Webenv/Css/App/ads.css"); /* Miscellaneous definitions. --------------------------------------------------------------------*/ diff --git a/Identity/Webenv/Css/App/layout-2cols.css b/Identity/Webenv/Css/App/layout-2cols.css index 9180344..c33a033 100755 --- a/Identity/Webenv/Css/App/layout-2cols.css +++ b/Identity/Webenv/Css/App/layout-2cols.css @@ -27,7 +27,7 @@ div#page-body div#content { border-right: 3px #EEE solid; } -div#page-body div#links { +div#page-body div#rightbar { float:right; width: 180px; font-size: small; diff --git a/Identity/Webenv/Css/App/links.css b/Identity/Webenv/Css/App/links.css index f56b53a..5d5ecec 100755 --- a/Identity/Webenv/Css/App/links.css +++ b/Identity/Webenv/Css/App/links.css @@ -1,4 +1,4 @@ -/* +/* * Webenv -> Links * * Copyright (C) 2009, 2010, 2011 The CentOS Artwork SIG @@ -22,99 +22,51 @@ * ---------------------------------------------------------------------- */ -/* Broken or nonexistent links +/* Broken or nonexistent links. --------------------------------------------------------------------*/ -div#page-body a.nonexistent, +div#page-body a.nonexistent, div#page-body a.nonexistent:hover { color: gray; } /* Special decoration for some links' classes --------------------------------------------------------------------*/ -div#page-body a.www:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png); - margin: 0 0.2em; +div#page-body a.www:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png); + margin: 0 0.2em; } -div#page-body a.http:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png); - margin: 0 0.2em; +div#page-body a.http:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png); + margin: 0 0.2em; } -div#page-body a.https:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png); - margin: 0 0.2em; +div#page-body a.https:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-www.png); + margin: 0 0.2em; } -div#page-body a.mailto:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-mail.png); - margin: 0 0.2em; +div#page-body a.mailto:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-mail.png); + margin: 0 0.2em; } -div#page-body a.attachment:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-attach.png); - margin: 0 0.2em; +div#page-body a.attachment:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Images/Webenv/a-attach.png); + margin: 0 0.2em; } -/* */ - -div#page-header div.links { - margin-right: 10px; - margin-top: 10px; - } +/* +--------------------------------------------------------------------*/ -div#page-header div.links div.user, -div#page-header div.links div.trail { - display: block; - margin: 5px; - text-align: right; +div#page-header .user-last-visit a, +div#page-header .userlinks a, +div#page-header .usertrail a, +div#page-header .last-releases a { color: #fff; - } - -div#page-body div#content div.trail a { - font-size: small; - margin-right: 5px; } - -div#page-header div.links div.user a, -div#page-header div.links div.trail a { - color: #FFF; - margin-right: 5px; - } - -div#page-header div.links div.user span { - border-right: 1px dotted #FFF; - padding-right: 3px; - } - -div#page-header div.links div.user span, -div#page-header div.links div.trail span { - display: inline; - margin-left: 3px; - } - -div#page-header div.links div.user span.last, -div#page-header div.links div.trail span.last { - border-right: none; - padding-right: 0; - } - -div#page-header div.links div.user span.last a, -div#page-header div.links div.trail span.last a { - margin-right: 0; - } - -div#page-header div.links div.trail span:after, -div#page-body div#content div.trail span:after { - content: "»"; - } - -div#page-header div.links div.trail span.last:after, -div#page-body div#content div.trail span.last:after { - content: none; - } diff --git a/Identity/Webenv/Css/App/lists.css b/Identity/Webenv/Css/App/lists.css index eff7833..54f968d 100755 --- a/Identity/Webenv/Css/App/lists.css +++ b/Identity/Webenv/Css/App/lists.css @@ -38,18 +38,18 @@ div#page-body dl ol { margin-left: 1.5em; } -div#page-body div#links ul { +div#page-body div#rightbar ul { padding: 0.5em 0.5em 1em 1em; margin: 0; list-style: none; border-top: 1px #EEE solid; } -div#page-body div#links ul.first { +div#page-body div#rightbar ul.first { border-top: none; } -div#page-body div#links ul li { +div#page-body div#right ul li { padding: 2px; } diff --git a/Identity/Webenv/Css/App/pagelines.css b/Identity/Webenv/Css/App/pagelines.css index 5a08f68..a82ed92 100755 --- a/Identity/Webenv/Css/App/pagelines.css +++ b/Identity/Webenv/Css/App/pagelines.css @@ -22,14 +22,3 @@ * ---------------------------------------------------------------------- */ -div.page-line { - clear: both; - margin: 0; - padding: 0; - background-color: transparent; - } - -div.page-line.white { - height: 3px; - background-color: #FFF; - } diff --git a/Identity/Webenv/Css/App/tabs.css b/Identity/Webenv/Css/App/tabs.css index 22a245d..e046ef7 100755 --- a/Identity/Webenv/Css/App/tabs.css +++ b/Identity/Webenv/Css/App/tabs.css @@ -22,16 +22,12 @@ * ---------------------------------------------------------------------- */ -div#page-header div.tabs1 { +div#page-header div.tabs { margin-left: 10px; margin-right: 10px; - } - -div#page-header div.links div.tabs1 { - margin-top: 15px; } -div#page-header div.tabs1 a { +div#page-header div.tabs a { color: #FFF; float: left; font-weight: bold; @@ -40,44 +36,48 @@ div#page-header div.tabs1 a { text-decoration: none; } -div#page-header div.tabs1 span.current a, -div#page-header div.tabs1 span.current a:hover, -div#page-header div.tabs1 span.current a span, -div#page-header div.tabs1 span.current a:hover span { +div#page-header div.tabs span.current a, +div#page-header div.tabs span.current a:hover, +div#page-header div.tabs span.current a span, +div#page-header div.tabs span.current a:hover span { color: #204A87; text-decoration: none; } -div#page-header div.tabs1 a span, -div#page-footer div.tabs1 a span { +div#page-header div.tabs a span { float: left; padding: 5px 0px 3px 8px; } /* */ -div#page-header div.tabs1 a { +div#page-header div.tabs a { background: none; } -div#page-header div.tabs1 a span { +div#page-header div.tabs a span { background: none; } -div#page-header div.tabs1 span.current a, -div#page-header div.tabs1 span.current a:hover { +div#page-header div.tabs span.current a, +div#page-header div.tabs span.current a:hover { background: url("/home/centos/artwork/trunk/Identity/Images/Webenv/tabs3-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 { +div#page-header div.tabs span.current a span, +div#page-header div.tabs span.current a:hover span { background: url("/home/centos/artwork/trunk/Identity/Images/Webenv/tabs4-bg.png") 0 -50px no-repeat; } -div#page-header div.tabs1 span:hover a { +div#page-header div.tabs span:hover a { background: url("/home/centos/artwork/trunk/Identity/Images/Webenv/tabs3-bg.png") 100% 0 no-repeat; } -div#page-header div.tabs1 span:hover a span { +div#page-header div.tabs span:hover a span { background: url("/home/centos/artwork/trunk/Identity/Images/Webenv/tabs4-bg.png") 0 0; } + +/* Application level navigation bar. +--------------------------------------------------------------------*/ +div#page-header div#appslinks div.tabs span:hover a span { + } diff --git a/Identity/Webenv/Css/default.css b/Identity/Webenv/Css/default.css index da176ee..3b2b06c 100755 --- a/Identity/Webenv/Css/default.css +++ b/Identity/Webenv/Css/default.css @@ -54,7 +54,6 @@ html { 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 */ @@ -80,7 +79,6 @@ a:visited:hover { text-decoration: underline; color: green; } .title a:visited:hover { /* color: #072B61; */ color: #000000; - text-decoration: none; } /* Headings @@ -126,7 +124,7 @@ h6 { -----------------------------------------------*/ p { - margin: 1em 0 1em 0; + margin: 1em 0 1.5em 0; line-height: 1.5em; }