From 8d74ce92a65137c18f680a2aef3363ede804e807 Mon Sep 17 00:00:00 2001 From: Alain Reguera Delgado Date: Jun 14 2011 21:01:53 +0000 Subject: Update organization of `trunk/Identity/Webenv/Css' directory structure. --- diff --git a/Identity/Webenv/Css/App/default.css b/Identity/Webenv/Css/App/default.css new file mode 100755 index 0000000..fb217bf --- /dev/null +++ b/Identity/Webenv/Css/App/default.css @@ -0,0 +1,580 @@ +/* CSS + * + * base-app.css -- This file extends `base.css' visual style to + * provide visual style to web applications based on CentOS Web + * Environment XHTML standard definition. + * + * Copyright (C) 2009-2011 Alain Reguera Delgado + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License as + * published by the Free Software Foundation; either version 2 of the + * License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA. + * + * ---------------------------------------------------------------------- + * $Id$ + * ---------------------------------------------------------------------- + */ + + +/* Main Blocks +-----------------------------------------------*/ + +div#page-header { + background: #204C8D url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/header-bg.png") 0 0 repeat; + min-height: 46px; + } + +div#page-footer { + background: #204C8D url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/header-bg.png") 0 0 repeat; + padding: 10px; + } + +div#page-footer div.top img { + border:none; + float:right; + } + +div#page-header div.links div.user, +div#page-header div.links div.trail, +div#page-footer div.credits { + font-size: small; + color: #FFF; + } + +div#page-footer div.credits a { + color: #FFF; + font-style: italic; + } + +div#wrap { + padding: 0 10px 0 10px; + background-color: #FFF; + } + +div#page-header, +div#wrap, +div#page-body, +div#page-footer { + min-width: 680px; + } + +div#page-body { + clear: both; + background-color: #F8F8F8; + } + +div#page-body div#content { + padding: 20px; + background-color: #FFF; + } + +/* Logo +-----------------------------------------------*/ + +div#page-header div#logo img { + border: none; + float: left; + margin: 5px; + } + +/* Headings +-----------------------------------------------*/ + +div#page-body h1 { + margin-top: 0.9em; + margin-bottom: 0.9em; + padding-left: 0.7em; + color: #FFF; + border: none; + background: #204C8D url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/h1-bg.png"); + } + +div#page-body h2 { + margin-top: 1.6em; + margin-bottom: 0.8em; + padding-left: 0.7em; + background: #FFF url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/h2-bg.png"); + border: none; + color: #072B61; + } + +div#page-body h3 { + 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 { + margin-top: 1em; + margin-bottom: 0.5em; + padding-left: 0.7em; + color: #072B61; + border-bottom: none; + } + +div#page-body h5 { + margin-top: 1em; + margin-bottom: 0.5em; + padding-left: 0.7em; + color: #072B61; + font-weight: bold; + border-bottom: none; + } + +div#page-body h6 { + margin-top: 1em; + margin-bottom: 0.5em; + padding-left: 0.7em; + color: #072B61; + font-weight: bold; + border-bottom: none; + } + +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; +} + +/* Paragraphs +-----------------------------------------------*/ + +p, +dl, +pre { + margin-left: 1.5em; + } + +/* Links +-----------------------------------------------*/ + +/* 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/tags/Identity/Images/Webenv/1.0/a-www.png); + margin: 0 0.2em; + } + +div#page-body a.http:before { + white-space:nowrap; + content: url(/home/centos/artwork/tags/Identity/Images/Webenv/1.0/a-www.png); + margin: 0 0.2em; + } + +div#page-body a.https:before { + white-space:nowrap; + content: url(/home/centos/artwork/tags/Identity/Images/Webenv/1.0/a-www.png); + margin: 0 0.2em; + } + +div#page-body a.mailto:before { + white-space:nowrap; + content: url(/home/centos/artwork/tags/Identity/Images/Webenv/1.0/a-mail.png); + margin: 0 0.2em; + } + +div#page-body a.attachment:before { + white-space:nowrap; + content: url(/home/centos/artwork/tags/Identity/Images/Webenv/1.0/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; + 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; + } + +/* Page Lines +-----------------------------------------------*/ + +div.page-line { + clear: both; + margin: 0; + padding: 0; + background-color: transparent; + } + +div.page-line.white { + height: 3px; + background-color: #FFF; + } + +/* Lists +-----------------------------------------------*/ + +div#page-body ul { + list-style: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/ul.png") circle; + } + +div#page-body div#content-links ul { + padding: 1em; + margin: 0; + list-style: none; + border-top: 1px #EEE solid; +} + +div#page-body div#content-links ul.first { + border-top: none; + } + +div#page-body div#content-links ul li { + padding: 2px; + } + +div#page-body div#content-links ul li.current { + font-weight: bold; + } + +/* Table of content (toc) */ + +div#page-body div.toc { + border: 1px solid #CCCCCC; + background: #FFF url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/toc-bg.png") right repeat-y; + font-size: small; + text-align:left; + margin-left: 1.5em; + width:70%; + } + +div#page-body div.toc h3 { + margin-top: 0; + background: #FFF url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/h2-bg.png"); + } + +div#page-body div.toc ul { + margin-left: 1.5em; + } + +div#page-body div.toc ul ul { + margin-left: 0; +} + +div#page-body div.glosslist dd { + margin-left: 3.5em; + } + +/* Quotations +-----------------------------------------------*/ + +div#page-body blockquote { + background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/msg-bg-gray.png"); + } + +div#page-body blockquote p { + margin-left: 0.5em; + padding-left: 0.5em; + margin-bottom: 0.5em; + } + +div#page-body blockquote h3 { + font-size: 1.4em; + padding: 0 0 0.5em 0.5em; + margin: 1em 0 0 0; + color: #333; + border: none; + } + +div#page-body blockquote pre { + margin-left: 1em; + padding-left: 0.5em; + } + +div#page-body blockquote.icon h3 { + padding: 0 0 0.5em 1em; + margin: 1em 0 0 2em; + } + +div#page-body blockquote.icon img { + margin: 0.5em 0 0 0; + } + +div#page-body blockquote.icon p { + margin-left: 2em; + padding-left: 2em; + margin-bottom: 0.5em; + } + +div#page-body blockquote.icon pre, +div#page-body blockquote.icon table { + margin-left: 4em; + } + +div#page-body blockquote.message { + border: none; + border-top: 4px solid; + border-bottom: 4px solid; + border-color: #CFCFCF; + } + +div#page-body blockquote.blue { + background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/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/tags/Identity/Images/Webenv/1.0/msg-bg-orange.png"); + } + +div#page-body blockquote.violet { + border-color: #F6D2F6; + background-color: #FFECFF; + background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/msg-bg-violet.png"); + } + +div#page-body blockquote.red { + border-color: #E0B7B7; + background-color: #FFECEC; + background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/msg-bg-red.png"); + } + +div#page-body blockquote.green { + border-color: #D6F6D2; + background-color: #EEFFEC; + background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/msg-bg-green.png"); + } + +/* Forms +-----------------------------------------------*/ + +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 { + margin-top: 10px; + border-bottom: 1px solid #AAA; + padding-bottom: 10px; + + } + +div#page-body div.actions span { + display: inline; + margin: 0; + padding-right: 10px; + border-right: 1px dotted #AAA; + color: #AAA; + } + +div#page-body div.actions span.last { + border-right: none; + padding-left: 10px; + } + +/* */ + +div#page-body div.pagination { + font-size: small; + padding: 10px; + border-top: 1px #AAA solid; + margin-left: 1.5em; + } + +div#page-body div.pagination span.left { + float: left; + } + +div#page-body div.pagination span.left a:before { + content: "«"; + padding-right: 3px; + } + +div#page-body div.pagination span.right a:after { + content: "»"; + padding-left: 3px; + } + +div#page-body div.pagination span.right { + float: right; + } + +/* */ + +div#page-body div.records-list { + margin-bottom: 5px; + margin-left: 1.5em; + display: block; + } + +div#page-body div.records-list ul { + margin: 0; + padding: 0; + list-style: none; + } + +div#page-body div.records-list ul li { + padding: 0.5em; + } + +div#page-body div.records-list ul li.row1 { + background: #F8F8F8; + } + +div#page-body div.records-list ul li span.col0 { + display: block; + float:left; + text-align: center; + padding-right: 0.5em; + margin-right: 0.5em; + border-right: 1px solid #FFF; + } + +div#page-body div.records-list ul li span.col1 { + width: 250px; + display: block; + float:left; + } + +div#page-body div.records-list ul li span.col2 { + border-left: 1px solid #FFF; + padding-left: 0.5em; + } + +div#page-body div.records-list ul li.title { + font-weight: bold; + background: #eee; + border-bottom: 1px #AAA solid; + } + +/* Google advertisement (468x60px) +-----------------------------------------------*/ +div#page-header div.advertisement { + float: right; + margin: 5px; + margin-bottom: 1px; + } diff --git a/Identity/Webenv/Css/App/layout-2cols.css b/Identity/Webenv/Css/App/layout-2cols.css new file mode 100755 index 0000000..e98898c --- /dev/null +++ b/Identity/Webenv/Css/App/layout-2cols.css @@ -0,0 +1,39 @@ +/* CSS + * + * base-app-content-1.css -- This file extends `base-app.css' visual + * style to provide content presentation in two columns, one on the + * left for content itself and one on the right for links related to + * content displayed on the left side. + * + * Copyright (C) 2009-2011 Alain Reguera Delgado + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License as + * published by the Free Software Foundation; either version 2 of the + * License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA. + * + * ---------------------------------------------------------------------- + * $Id$ + * ---------------------------------------------------------------------- + */ + +div#page-body div#content { + margin-right: 180px; + border-right: 3px #EEE solid; + } + +div#page-body div#content-links { + float:right; + width: 180px; + font-size: small; + border-left: 3px #EEE solid; + } diff --git a/Identity/Webenv/Css/App/tabs.css b/Identity/Webenv/Css/App/tabs.css new file mode 100644 index 0000000..af630d8 --- /dev/null +++ b/Identity/Webenv/Css/App/tabs.css @@ -0,0 +1,89 @@ +/* CSS + * + * tabs.css -- This file extends `base-app.css' visual style to + * provide tabs support. + * + * Copyright (C) 2009-2011 Alain Reguera Delgado + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License as + * published by the Free Software Foundation; either version 2 of the + * License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA. + * + * ---------------------------------------------------------------------- + * $Id$ + * ---------------------------------------------------------------------- + */ + + +/* Tabs (Style 2): Two Rounded Borders +-----------------------------------------------*/ + +div#page-header div.tabs1 { + margin-left: 10px; + margin-right: 10px; + } + +div#page-header div.links div.tabs1 { + margin-top: 15px; + } + +div#page-header div.tabs1 a { + color: #FFF; + float: left; + font-weight: bold; + margin-right: 3px; + padding: 0px 8px 0 0px; + 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 { + color: #204A87; + text-decoration: none; + } + +div#page-header div.tabs1 a span, +div#page-footer div.tabs1 a span { + float: left; + padding: 5px 0px 3px 8px; + } + +/* */ + +div#page-header div.tabs1 a { + background: none; + } + +div#page-header div.tabs1 a span { + background: none; + } + +div#page-header div.tabs1 span.current a, +div#page-header div.tabs1 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 { + background: url("/home/centos/artwork/trunk/Identity/Images/Webenv/tabs4-bg.png") 0 -50px no-repeat; + } + +div#page-header div.tabs1 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 { + background: url("/home/centos/artwork/trunk/Identity/Images/Webenv/tabs4-bg.png") 0 0; + } diff --git a/Identity/Webenv/Css/Docbook/default.css b/Identity/Webenv/Css/Docbook/default.css new file mode 100755 index 0000000..a2e7659 --- /dev/null +++ b/Identity/Webenv/Css/Docbook/default.css @@ -0,0 +1,204 @@ +/* CSS + * + * base-docbook.css -- This file provides extends the base visual + * style definition of CentOS Web Environment (Webenv) to XHTML ouput + * produced from DocBook XML DTD instances. + * + * Copyright (C) 2009-2011 The CentOS Artwork SIG + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License as + * published by the Free Software Foundation; either version 2 of the + * License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA. + * + * ---------------------------------------------------------------------- + * $Id$ + * ---------------------------------------------------------------------- + */ + +@import url("/home/centos/artwork/trunk/Identity/Webenv/Css/base.css"); + +body { + clear: both; + padding: 0 40px 0 40px; + background-color: #FFF; + } + +/* Navigation bars +-----------------------------------------------*/ + +div.navheader table, +div.navfooter table { + margin:0; + } + +div.navheader { + margin-bottom: 0.5em; + padding-top: 0.5em; + } + +div.navfooter { + margin-top: 2em; + padding-bottom: 0.5em; + } + +div.navheader table th, +div.navheader table td, +div.navfooter table th, +div.navfooter table td { + border: none; + } + +/* Headings +-----------------------------------------------*/ + +h1.title { + font-size: 2em; + color: #fff; + padding: 1em; + margin-bottom: 1em; + background-color: #204c8d; + background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.1/h1-bg.png"); + } + +h2.title { + margin-top: 1.6em; + } + +.title { + color: #072B61; + } + +/* Paragraphs +-----------------------------------------------*/ +p { + text-align:justify; + } + +/* Lists +-----------------------------------------------*/ + +ul { + list-style: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/ul.png") circle; + } + +div.glosslist dl dd { + margin-left: 3.5em; + } + +/* Table of contents +-----------------------------------------------*/ + +div.toc { + margin: 1em 0 2em 0; + } + +div.toc p { + margin-bottom: 0.5em; + } + +/* Admonitions +-----------------------------------------------*/ +div.note, +div.tip, +div.important, +div.caution, +div.warning { + margin: 0 0 1.5em 0 !important; + } + +div.note table, div.note table, +div.tip table, div.tip table, +div.important table, div.important table, +div.caution table, div.caution table, +div.warning table, div.warning table { + margin: 0; + border-width: 1px; + border-left-width: 5px; + border-style: solid; + } + +div.note table, +div.tip table, +div.important table, +div.caution table, +div.warning table { + border-color: #F6E7D2; + background-color: #FFF8EC; + background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/msg-bg-orange.png"); + } + +div.note table { + border-color: #D2E0F6; + background-color: #ECF4FF; + background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/msg-bg-blue.png"); + } + +div.note table th, div.note table td, +div.tip table th, div.tip table td, +div.important table th, div.important table td, +div.caution table th, div.caution table td, +div.warning table th, div.warning table td { + border:none; + padding: 0 0 0 0; + } + +div.note table th, +div.tip table th, +div.important table th, +div.caution table th, +div.warning table th { + font-size: 1.4em; + padding: 1em 0 0.5em 0; + } + +div.note table td img, +div.tip table td img, +div.important table td img, +div.caution table td img, +div.warning table td img { + margin: 1em 0.5em; + } + +div.note table td p, +div.tip table td p, +div.important table td p, +div.caution table td p, +div.warning table td p { + margin: 0 1em 1.3em 0; + } + +div.note pre, +div.tip pre, +div.important pre, +div.caution pre, +div.warning pre { + border: none; + background-color: #333; + color: #FFFFFF; + margin: 0 0.5em 0.5em 0; + padding: 0.5em; + } + +/* Phrase Elements +-----------------------------------------------*/ + +.command { + font-family: "DejaVu LGC Sans Mono", "Liberation Mono", monospace; + } + +.computeroutput { + border-width: 1px; + border-style: solid; + border-color: #eeeeee; + background: #fafafa; + } diff --git a/Identity/Webenv/Css/base-app-content-1.css b/Identity/Webenv/Css/base-app-content-1.css deleted file mode 100755 index e98898c..0000000 --- a/Identity/Webenv/Css/base-app-content-1.css +++ /dev/null @@ -1,39 +0,0 @@ -/* CSS - * - * base-app-content-1.css -- This file extends `base-app.css' visual - * style to provide content presentation in two columns, one on the - * left for content itself and one on the right for links related to - * content displayed on the left side. - * - * Copyright (C) 2009-2011 Alain Reguera Delgado - * - * This program is free software; you can redistribute it and/or - * modify it under the terms of the GNU General Public License as - * published by the Free Software Foundation; either version 2 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, but - * WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * General Public License for more details. - * - * You should have received a copy of the GNU General Public License - * along with this program; if not, write to the Free Software - * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA. - * - * ---------------------------------------------------------------------- - * $Id$ - * ---------------------------------------------------------------------- - */ - -div#page-body div#content { - margin-right: 180px; - border-right: 3px #EEE solid; - } - -div#page-body div#content-links { - float:right; - width: 180px; - font-size: small; - border-left: 3px #EEE solid; - } diff --git a/Identity/Webenv/Css/base-app-tabs.css b/Identity/Webenv/Css/base-app-tabs.css deleted file mode 100644 index af630d8..0000000 --- a/Identity/Webenv/Css/base-app-tabs.css +++ /dev/null @@ -1,89 +0,0 @@ -/* CSS - * - * tabs.css -- This file extends `base-app.css' visual style to - * provide tabs support. - * - * Copyright (C) 2009-2011 Alain Reguera Delgado - * - * This program is free software; you can redistribute it and/or - * modify it under the terms of the GNU General Public License as - * published by the Free Software Foundation; either version 2 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, but - * WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * General Public License for more details. - * - * You should have received a copy of the GNU General Public License - * along with this program; if not, write to the Free Software - * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA. - * - * ---------------------------------------------------------------------- - * $Id$ - * ---------------------------------------------------------------------- - */ - - -/* Tabs (Style 2): Two Rounded Borders ------------------------------------------------*/ - -div#page-header div.tabs1 { - margin-left: 10px; - margin-right: 10px; - } - -div#page-header div.links div.tabs1 { - margin-top: 15px; - } - -div#page-header div.tabs1 a { - color: #FFF; - float: left; - font-weight: bold; - margin-right: 3px; - padding: 0px 8px 0 0px; - 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 { - color: #204A87; - text-decoration: none; - } - -div#page-header div.tabs1 a span, -div#page-footer div.tabs1 a span { - float: left; - padding: 5px 0px 3px 8px; - } - -/* */ - -div#page-header div.tabs1 a { - background: none; - } - -div#page-header div.tabs1 a span { - background: none; - } - -div#page-header div.tabs1 span.current a, -div#page-header div.tabs1 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 { - background: url("/home/centos/artwork/trunk/Identity/Images/Webenv/tabs4-bg.png") 0 -50px no-repeat; - } - -div#page-header div.tabs1 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 { - background: url("/home/centos/artwork/trunk/Identity/Images/Webenv/tabs4-bg.png") 0 0; - } diff --git a/Identity/Webenv/Css/base-app.css b/Identity/Webenv/Css/base-app.css deleted file mode 100755 index fb217bf..0000000 --- a/Identity/Webenv/Css/base-app.css +++ /dev/null @@ -1,580 +0,0 @@ -/* CSS - * - * base-app.css -- This file extends `base.css' visual style to - * provide visual style to web applications based on CentOS Web - * Environment XHTML standard definition. - * - * Copyright (C) 2009-2011 Alain Reguera Delgado - * - * This program is free software; you can redistribute it and/or - * modify it under the terms of the GNU General Public License as - * published by the Free Software Foundation; either version 2 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, but - * WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * General Public License for more details. - * - * You should have received a copy of the GNU General Public License - * along with this program; if not, write to the Free Software - * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA. - * - * ---------------------------------------------------------------------- - * $Id$ - * ---------------------------------------------------------------------- - */ - - -/* Main Blocks ------------------------------------------------*/ - -div#page-header { - background: #204C8D url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/header-bg.png") 0 0 repeat; - min-height: 46px; - } - -div#page-footer { - background: #204C8D url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/header-bg.png") 0 0 repeat; - padding: 10px; - } - -div#page-footer div.top img { - border:none; - float:right; - } - -div#page-header div.links div.user, -div#page-header div.links div.trail, -div#page-footer div.credits { - font-size: small; - color: #FFF; - } - -div#page-footer div.credits a { - color: #FFF; - font-style: italic; - } - -div#wrap { - padding: 0 10px 0 10px; - background-color: #FFF; - } - -div#page-header, -div#wrap, -div#page-body, -div#page-footer { - min-width: 680px; - } - -div#page-body { - clear: both; - background-color: #F8F8F8; - } - -div#page-body div#content { - padding: 20px; - background-color: #FFF; - } - -/* Logo ------------------------------------------------*/ - -div#page-header div#logo img { - border: none; - float: left; - margin: 5px; - } - -/* Headings ------------------------------------------------*/ - -div#page-body h1 { - margin-top: 0.9em; - margin-bottom: 0.9em; - padding-left: 0.7em; - color: #FFF; - border: none; - background: #204C8D url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/h1-bg.png"); - } - -div#page-body h2 { - margin-top: 1.6em; - margin-bottom: 0.8em; - padding-left: 0.7em; - background: #FFF url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/h2-bg.png"); - border: none; - color: #072B61; - } - -div#page-body h3 { - 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 { - margin-top: 1em; - margin-bottom: 0.5em; - padding-left: 0.7em; - color: #072B61; - border-bottom: none; - } - -div#page-body h5 { - margin-top: 1em; - margin-bottom: 0.5em; - padding-left: 0.7em; - color: #072B61; - font-weight: bold; - border-bottom: none; - } - -div#page-body h6 { - margin-top: 1em; - margin-bottom: 0.5em; - padding-left: 0.7em; - color: #072B61; - font-weight: bold; - border-bottom: none; - } - -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; -} - -/* Paragraphs ------------------------------------------------*/ - -p, -dl, -pre { - margin-left: 1.5em; - } - -/* Links ------------------------------------------------*/ - -/* 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/tags/Identity/Images/Webenv/1.0/a-www.png); - margin: 0 0.2em; - } - -div#page-body a.http:before { - white-space:nowrap; - content: url(/home/centos/artwork/tags/Identity/Images/Webenv/1.0/a-www.png); - margin: 0 0.2em; - } - -div#page-body a.https:before { - white-space:nowrap; - content: url(/home/centos/artwork/tags/Identity/Images/Webenv/1.0/a-www.png); - margin: 0 0.2em; - } - -div#page-body a.mailto:before { - white-space:nowrap; - content: url(/home/centos/artwork/tags/Identity/Images/Webenv/1.0/a-mail.png); - margin: 0 0.2em; - } - -div#page-body a.attachment:before { - white-space:nowrap; - content: url(/home/centos/artwork/tags/Identity/Images/Webenv/1.0/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; - 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; - } - -/* Page Lines ------------------------------------------------*/ - -div.page-line { - clear: both; - margin: 0; - padding: 0; - background-color: transparent; - } - -div.page-line.white { - height: 3px; - background-color: #FFF; - } - -/* Lists ------------------------------------------------*/ - -div#page-body ul { - list-style: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/ul.png") circle; - } - -div#page-body div#content-links ul { - padding: 1em; - margin: 0; - list-style: none; - border-top: 1px #EEE solid; -} - -div#page-body div#content-links ul.first { - border-top: none; - } - -div#page-body div#content-links ul li { - padding: 2px; - } - -div#page-body div#content-links ul li.current { - font-weight: bold; - } - -/* Table of content (toc) */ - -div#page-body div.toc { - border: 1px solid #CCCCCC; - background: #FFF url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/toc-bg.png") right repeat-y; - font-size: small; - text-align:left; - margin-left: 1.5em; - width:70%; - } - -div#page-body div.toc h3 { - margin-top: 0; - background: #FFF url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/h2-bg.png"); - } - -div#page-body div.toc ul { - margin-left: 1.5em; - } - -div#page-body div.toc ul ul { - margin-left: 0; -} - -div#page-body div.glosslist dd { - margin-left: 3.5em; - } - -/* Quotations ------------------------------------------------*/ - -div#page-body blockquote { - background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/msg-bg-gray.png"); - } - -div#page-body blockquote p { - margin-left: 0.5em; - padding-left: 0.5em; - margin-bottom: 0.5em; - } - -div#page-body blockquote h3 { - font-size: 1.4em; - padding: 0 0 0.5em 0.5em; - margin: 1em 0 0 0; - color: #333; - border: none; - } - -div#page-body blockquote pre { - margin-left: 1em; - padding-left: 0.5em; - } - -div#page-body blockquote.icon h3 { - padding: 0 0 0.5em 1em; - margin: 1em 0 0 2em; - } - -div#page-body blockquote.icon img { - margin: 0.5em 0 0 0; - } - -div#page-body blockquote.icon p { - margin-left: 2em; - padding-left: 2em; - margin-bottom: 0.5em; - } - -div#page-body blockquote.icon pre, -div#page-body blockquote.icon table { - margin-left: 4em; - } - -div#page-body blockquote.message { - border: none; - border-top: 4px solid; - border-bottom: 4px solid; - border-color: #CFCFCF; - } - -div#page-body blockquote.blue { - background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/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/tags/Identity/Images/Webenv/1.0/msg-bg-orange.png"); - } - -div#page-body blockquote.violet { - border-color: #F6D2F6; - background-color: #FFECFF; - background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/msg-bg-violet.png"); - } - -div#page-body blockquote.red { - border-color: #E0B7B7; - background-color: #FFECEC; - background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/msg-bg-red.png"); - } - -div#page-body blockquote.green { - border-color: #D6F6D2; - background-color: #EEFFEC; - background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/msg-bg-green.png"); - } - -/* Forms ------------------------------------------------*/ - -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 { - margin-top: 10px; - border-bottom: 1px solid #AAA; - padding-bottom: 10px; - - } - -div#page-body div.actions span { - display: inline; - margin: 0; - padding-right: 10px; - border-right: 1px dotted #AAA; - color: #AAA; - } - -div#page-body div.actions span.last { - border-right: none; - padding-left: 10px; - } - -/* */ - -div#page-body div.pagination { - font-size: small; - padding: 10px; - border-top: 1px #AAA solid; - margin-left: 1.5em; - } - -div#page-body div.pagination span.left { - float: left; - } - -div#page-body div.pagination span.left a:before { - content: "«"; - padding-right: 3px; - } - -div#page-body div.pagination span.right a:after { - content: "»"; - padding-left: 3px; - } - -div#page-body div.pagination span.right { - float: right; - } - -/* */ - -div#page-body div.records-list { - margin-bottom: 5px; - margin-left: 1.5em; - display: block; - } - -div#page-body div.records-list ul { - margin: 0; - padding: 0; - list-style: none; - } - -div#page-body div.records-list ul li { - padding: 0.5em; - } - -div#page-body div.records-list ul li.row1 { - background: #F8F8F8; - } - -div#page-body div.records-list ul li span.col0 { - display: block; - float:left; - text-align: center; - padding-right: 0.5em; - margin-right: 0.5em; - border-right: 1px solid #FFF; - } - -div#page-body div.records-list ul li span.col1 { - width: 250px; - display: block; - float:left; - } - -div#page-body div.records-list ul li span.col2 { - border-left: 1px solid #FFF; - padding-left: 0.5em; - } - -div#page-body div.records-list ul li.title { - font-weight: bold; - background: #eee; - border-bottom: 1px #AAA solid; - } - -/* Google advertisement (468x60px) ------------------------------------------------*/ -div#page-header div.advertisement { - float: right; - margin: 5px; - margin-bottom: 1px; - } diff --git a/Identity/Webenv/Css/base.css b/Identity/Webenv/Css/base.css deleted file mode 100755 index 0b5c2ff..0000000 --- a/Identity/Webenv/Css/base.css +++ /dev/null @@ -1,404 +0,0 @@ -/* CSS - * - * base.css -- This file provides the base visual style definition of - * CentOS Web Environment (Webenv). - * - * The base visual style definition is used to reset the browser - * default visual style and set The CentOS Web Environment default - * visual style. It sets default values to tags like `html', `body', - * as well as those controlling links, tables, paragrphs, headings, - * lists, forms and quotation. - * - * The CentOS Web Environment is a standard proposition specially - * conceived to achieve one unique visual style and easy navegation - * through all different web applications The CentOS Project uses to - * show its existence in the World Wide Web medium. - * - * Copyright (C) 2009-2011 Alain Reguera Delgado - * - * This program is free software; you can redistribute it and/or - * modify it under the terms of the GNU General Public License as - * published by the Free Software Foundation; either version 2 of the - * License, or (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, but - * WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * General Public License for more details. - * - * You should have received a copy of the GNU General Public License - * along with this program; if not, write to the Free Software - * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA. - * - * ------------------------------------------------------------------- - * $Id$ - * ------------------------------------------------------------------- - */ - - -/* Reset browsers default margins and paddings ------------------------------------------------*/ - -* { - margin: 0; - padding: 0; - } - -/* Define html ------------------------------------------------*/ - -html { - background-color: #FFF; - background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/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 */ - color: #333; - } - -/* Links ------------------------------------------------*/ - -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; } - -/* Headings ------------------------------------------------*/ - -h1 { - font-size: 1.7em; - font-weight: bold; - line-height: 1.9em; - } - -h2 { - font-size: 1.4em; - line-height: 1.8em; - border: none; - } - -h3 { - font-size: 1.25em; - line-height: 1.6em; - } - -h4 { - font-size: 1.2em; - line-height: 1.4em; - } - -h5 { - font-size: 1.1em; - line-height: 1.1em; - } - -h6 { - font-size: 1em; - line-height: 1.1em; - } - -h1 a:link, -h1 a:active, -h1 a:visited, -h1 a:visited:hover, -h2 a:link, -h2 a:active, -h3 a:link, -h3 a:active, -h4 a:link, -h4 a:active, -h5 a:link, -h5 a:active, -h6 a:link, -h6 a:active { - color: #333; - text-decoration: none; - } - -/* Paragraphs ------------------------------------------------*/ - -p { - margin: 0.5em 0 1.3em 0; - line-height: 1.5em; - } - -/* Quotations ------------------------------------------------*/ - -blockquote { - background: #fafafa; - border-color: #eeeeee; - border-width: 1px; - border-style: solid; - border-left-width: 4px; - margin-left: 1.5em; - padding: 0.5em; - margin-top: 1em; - margin-bottom: 0.5em; - } - -blockquote h3 { - line-height: 0; - border: none; - color: #000000; - margin-left: 1.2em; - padding: 0; - } - -blockquote pre { - border: none; - background-color: #333; - color: #FFFFFF; - margin: 0; - margin-left: 1.5em; - } - -blockquote img { - float: left; - } - -q:before { - content: " “"; - } - -q:after { - content: "” "; - } - -q q:before { - content: " ‘"; - } - -q q:after { - content: "’ "; - } - -address { - margin-left: 1.5em; - } - -/* Preformatted Texts ------------------------------------------------*/ - -pre { - font-family: "DejaVu Sans Mono", "Liberation Mono", monospace; - padding: 1em; - margin: 1em 0 1.3em 0; - white-space: pre; - border-width: 1px; - border-style: solid; - border-color: #eeeeee; - border-left-width: 4px; - background: #fafafa; - overflow: auto; - } - -/* Phrase Elements ------------------------------------------------*/ - -tt, -samp, -kbd, -code { - font-family: "DejaVu Sans Mono", "Liberation Mono", monospace; - } - -/* Page Lines ------------------------------------------------*/ - -hr { - clear: both; - margin: 0; - padding: 0; - height: 1px ! important; - border: none; - background-color: #DADADA; - } - -/* Lists ------------------------------------------------*/ - -ul, -ol { - margin-top: 1.5em; - margin-bottom: 1.5em; - padding-left: 1.9em; - margin-left: 3.5em; - } - -ul { - list-style: circle; - } - -ol { - list-style-image: none !important; - } - -ul li, -ol li { - line-height: 1.5em; - } - -ul ul, -ul ol, -ol ul, -ol ol { - margin-left: 1em; - margin-top: 0.3em; - margin-bottom: 0.3em; - } - -ul li p, -ol li p { - margin-bottom: 0.3em; - line-height: 1.5em; - margin-left: 0 !important; - } - -dl dl { - margin-left: 1.5em; - } - -dl dt:after { - content: "" - } - -dl dt span { - line-height: 1.5em; - } - -dl dd { - margin-left: 1em; - } - -dl dd ul, -dl dd ol { - margin-left: 0.8em; - line-height: 1.5em; - } - -/* Tables ------------------------------------------------*/ - -table { - margin-top: 0.5em; - margin-bottom: 0.5em; - margin-left: 1.5em; - border-collapse: collapse; - } - -table.menu { - margin:0; - margin-left: 3.5em; - padding:0; - } - -table caption { - font-style: italic; - text-align: center; - } - -table tr th { - font-weight: bold; - } - -table tr td, -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; - vertical-align: top; - } - -table tr td p, -table tr td pre { - margin: 0; - padding: 0; - } - -/* Forms ------------------------------------------------*/ - -form { - display: inline; - } - -input[type="submit"], -input[type="button"] { - padding: 1px; - display: inline; - text-decoration: none; - } - -input[type="text"], -input[type="password"], -textarea { - display: inline; - padding: 2px; - } - -select { - display: inline; - padding: 1px; - } - -form p { - display: inline; - margin-left: 5px; - margin-right: 5px; - } - -/* Select ----------------------------------------- */ - -select option { - padding-left: 3px; - padding-right: 3px; - } - -select optgroup { - font-style: normal; - font-weight: bold; - padding-left: 3px; - } - -select optgroup option { - margin-left: 1em; - } - -input[type="radio"], -input[type="checkbox"] { - vertical-align: middle; - } - -fieldset { - margin: 1em; - padding: 1em; - padding-bottom: 5px; - margin-left: 1.5em; - border: 1px solid #AAA; - } - -fieldset legend { - font-weight: bold; - color: #AAA; - } diff --git a/Identity/Webenv/Css/default.css b/Identity/Webenv/Css/default.css new file mode 100755 index 0000000..0b5c2ff --- /dev/null +++ b/Identity/Webenv/Css/default.css @@ -0,0 +1,404 @@ +/* CSS + * + * base.css -- This file provides the base visual style definition of + * CentOS Web Environment (Webenv). + * + * The base visual style definition is used to reset the browser + * default visual style and set The CentOS Web Environment default + * visual style. It sets default values to tags like `html', `body', + * as well as those controlling links, tables, paragrphs, headings, + * lists, forms and quotation. + * + * The CentOS Web Environment is a standard proposition specially + * conceived to achieve one unique visual style and easy navegation + * through all different web applications The CentOS Project uses to + * show its existence in the World Wide Web medium. + * + * Copyright (C) 2009-2011 Alain Reguera Delgado + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU General Public License as + * published by the Free Software Foundation; either version 2 of the + * License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA. + * + * ------------------------------------------------------------------- + * $Id$ + * ------------------------------------------------------------------- + */ + + +/* Reset browsers default margins and paddings +-----------------------------------------------*/ + +* { + margin: 0; + padding: 0; + } + +/* Define html +-----------------------------------------------*/ + +html { + background-color: #FFF; + background-image: url("/home/centos/artwork/tags/Identity/Images/Webenv/1.0/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 */ + color: #333; + } + +/* Links +-----------------------------------------------*/ + +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; } + +/* Headings +-----------------------------------------------*/ + +h1 { + font-size: 1.7em; + font-weight: bold; + line-height: 1.9em; + } + +h2 { + font-size: 1.4em; + line-height: 1.8em; + border: none; + } + +h3 { + font-size: 1.25em; + line-height: 1.6em; + } + +h4 { + font-size: 1.2em; + line-height: 1.4em; + } + +h5 { + font-size: 1.1em; + line-height: 1.1em; + } + +h6 { + font-size: 1em; + line-height: 1.1em; + } + +h1 a:link, +h1 a:active, +h1 a:visited, +h1 a:visited:hover, +h2 a:link, +h2 a:active, +h3 a:link, +h3 a:active, +h4 a:link, +h4 a:active, +h5 a:link, +h5 a:active, +h6 a:link, +h6 a:active { + color: #333; + text-decoration: none; + } + +/* Paragraphs +-----------------------------------------------*/ + +p { + margin: 0.5em 0 1.3em 0; + line-height: 1.5em; + } + +/* Quotations +-----------------------------------------------*/ + +blockquote { + background: #fafafa; + border-color: #eeeeee; + border-width: 1px; + border-style: solid; + border-left-width: 4px; + margin-left: 1.5em; + padding: 0.5em; + margin-top: 1em; + margin-bottom: 0.5em; + } + +blockquote h3 { + line-height: 0; + border: none; + color: #000000; + margin-left: 1.2em; + padding: 0; + } + +blockquote pre { + border: none; + background-color: #333; + color: #FFFFFF; + margin: 0; + margin-left: 1.5em; + } + +blockquote img { + float: left; + } + +q:before { + content: " “"; + } + +q:after { + content: "” "; + } + +q q:before { + content: " ‘"; + } + +q q:after { + content: "’ "; + } + +address { + margin-left: 1.5em; + } + +/* Preformatted Texts +-----------------------------------------------*/ + +pre { + font-family: "DejaVu Sans Mono", "Liberation Mono", monospace; + padding: 1em; + margin: 1em 0 1.3em 0; + white-space: pre; + border-width: 1px; + border-style: solid; + border-color: #eeeeee; + border-left-width: 4px; + background: #fafafa; + overflow: auto; + } + +/* Phrase Elements +-----------------------------------------------*/ + +tt, +samp, +kbd, +code { + font-family: "DejaVu Sans Mono", "Liberation Mono", monospace; + } + +/* Page Lines +-----------------------------------------------*/ + +hr { + clear: both; + margin: 0; + padding: 0; + height: 1px ! important; + border: none; + background-color: #DADADA; + } + +/* Lists +-----------------------------------------------*/ + +ul, +ol { + margin-top: 1.5em; + margin-bottom: 1.5em; + padding-left: 1.9em; + margin-left: 3.5em; + } + +ul { + list-style: circle; + } + +ol { + list-style-image: none !important; + } + +ul li, +ol li { + line-height: 1.5em; + } + +ul ul, +ul ol, +ol ul, +ol ol { + margin-left: 1em; + margin-top: 0.3em; + margin-bottom: 0.3em; + } + +ul li p, +ol li p { + margin-bottom: 0.3em; + line-height: 1.5em; + margin-left: 0 !important; + } + +dl dl { + margin-left: 1.5em; + } + +dl dt:after { + content: "" + } + +dl dt span { + line-height: 1.5em; + } + +dl dd { + margin-left: 1em; + } + +dl dd ul, +dl dd ol { + margin-left: 0.8em; + line-height: 1.5em; + } + +/* Tables +-----------------------------------------------*/ + +table { + margin-top: 0.5em; + margin-bottom: 0.5em; + margin-left: 1.5em; + border-collapse: collapse; + } + +table.menu { + margin:0; + margin-left: 3.5em; + padding:0; + } + +table caption { + font-style: italic; + text-align: center; + } + +table tr th { + font-weight: bold; + } + +table tr td, +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; + vertical-align: top; + } + +table tr td p, +table tr td pre { + margin: 0; + padding: 0; + } + +/* Forms +-----------------------------------------------*/ + +form { + display: inline; + } + +input[type="submit"], +input[type="button"] { + padding: 1px; + display: inline; + text-decoration: none; + } + +input[type="text"], +input[type="password"], +textarea { + display: inline; + padding: 2px; + } + +select { + display: inline; + padding: 1px; + } + +form p { + display: inline; + margin-left: 5px; + margin-right: 5px; + } + +/* Select +---------------------------------------- */ + +select option { + padding-left: 3px; + padding-right: 3px; + } + +select optgroup { + font-style: normal; + font-weight: bold; + padding-left: 3px; + } + +select optgroup option { + margin-left: 1em; + } + +input[type="radio"], +input[type="checkbox"] { + vertical-align: middle; + } + +fieldset { + margin: 1em; + padding: 1em; + padding-bottom: 5px; + margin-left: 1.5em; + border: 1px solid #AAA; + } + +fieldset legend { + font-weight: bold; + color: #AAA; + }