diff --git a/Identity/Models/Css/Default/common.css b/Identity/Models/Css/Default/common.css new file mode 100755 index 0000000..9ccc4cb --- /dev/null +++ b/Identity/Models/Css/Default/common.css @@ -0,0 +1,780 @@ +/* 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/Themes/Motifs/Modern/Web/Img/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/Modern/Web/Img/jpg/header-bg.jpg"); + min-height: 85px; + } + +div#page-footer { + background: #204C8D url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/jpg/footer-bg.jpg") 0 100%; + 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/Themes/Motifs/Modern/Web/Img/png/www.png); + margin: 0 0.2em; + } + +div#page-body a.http:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/www.png); + margin: 0 0.2em; + } + +div#page-body a.https:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/www.png); + margin: 0 0.2em; + } + +div#page-body a.mailto:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/email.png); + margin: 0 0.2em; + } + +div#page-body a.attachment:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/msg-bg-orange.png"); + } + +div#page-body blockquote.violet { + border-color: #F6D2F6; + background-color: #FFECFF; + background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-violet.png"); + } + +div#page-body blockquote.red { + border-color: #E0B7B7; + background-color: #FFECEC; + background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-red.png"); + } + +div#page-body blockquote.green { + border-color: #D6F6D2; + background-color: #EEFFEC; + background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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 new file mode 100755 index 0000000..880e1d8 --- /dev/null +++ b/Identity/Models/Css/Default/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/Default/stylesheet.css b/Identity/Models/Css/Default/stylesheet.css new file mode 100644 index 0000000..cc8ed24 --- /dev/null +++ b/Identity/Models/Css/Default/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/Themes/Motifs/Modern/Web/Css/Default/common.css") screen, projection; +@import url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/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/Themes/Motifs/Modern/Web/Css/Default/tabs.css") screen, projection; diff --git a/Identity/Models/Css/Default/tabs.css b/Identity/Models/Css/Default/tabs.css new file mode 100644 index 0000000..619c18f --- /dev/null +++ b/Identity/Models/Css/Default/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/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% 0px no-repeat; + } + +div#page-header div.tabs1 a span { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs2-bg.png") 0 -50px; + } + +div#page-header div.tabs1 span:hover a { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% -25px no-repeat; + } + +div#page-header div.tabs1 span:hover a span { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs3-bg.png") 100% 0px no-repeat; + } + +div#page-footer div.tabs1 a span { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% -125px no-repeat; + } + +div#page-footer div.tabs1 span:hover a { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs3-bg.png") 100% -25px no-repeat; + } + +div#page-footer div.tabs1 span:hover a span { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs3-bg.png") 100% -100px no-repeat; + } + +div#page-header div.tabs2 a span { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs3-bg.png") 100% -150px no-repeat; + } + +div#page-header div.tabs2 span:hover a { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs3-bg.png") 100% -125px no-repeat; + } + +div#page-header div.tabs2 span:hover a span { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs4-bg.png") 0 -125px; + } + +/* */ + +div#page-footer div.tabs2 a { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% -100px no-repeat; + } + +div#page-footer div.tabs2 a span { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% -150px no-repeat; + } + +div#page-footer div.tabs2 span:hover a { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% -125px no-repeat; + } + +div#page-footer div.tabs2 span:hover a span { + background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/pagination1-bg.png") 0 -50px; + color: #FFF; + text-decoration: none; + } + diff --git a/Identity/Models/Css/Texi2html/common.css b/Identity/Models/Css/Texi2html/common.css new file mode 100755 index 0000000..5926431 --- /dev/null +++ b/Identity/Models/Css/Texi2html/common.css @@ -0,0 +1,549 @@ +/* Cascading Style Sheet for texi2html output. + * + * This file provides the visual style needed by texi2html's output. + * The final visual style produced for this file is based on CentOS + * Modern's cascading style sheet. + * + * Copyright (C) 2009-2010 Alain Reguera Delgado + * This file is released under Creative Common Share-Alike License 3.0 + * (http://creativecommons.org/licenses/by-sa/3.0/). + */ + + +/* Reset browsers default margins and paddings +-----------------------------------------------*/ + +* { + margin: 0; + padding: 0; + } + +/* Define html +-----------------------------------------------*/ + +html { + background-color: #FFF; + background-image: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/html-bg.png); + } + +/* Define body +-----------------------------------------------*/ + +body { + font-family: "DejaVu Sans", "Liberation Sans", sans-serif; + font-size: 0.85em; + line-height: 1.25em; + padding: 10px 20px 10px 20px; + /* 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 +-----------------------------------------------*/ + +/* Logo +-----------------------------------------------*/ + +/* 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 */ + +a.nonexistent, +a.nonexistent:hover { color: gray; } + +/* Special decoration for some links' classes */ + +a.www:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/www.png); + margin: 0 0.2em; + } + +a.http:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/www.png); + margin: 0 0.2em; + } + +a.https:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/www.png); + margin: 0 0.2em; + } + +a.mailto:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/email.png); + margin: 0 0.2em; + } + +a.attachment:before { + white-space:nowrap; + content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/attach.png); + margin: 0 0.2em; + } + +/* Headings */ + +h1 a:link { text-decoration: none; color: #FFF } +h1 a:hover { text-decoration: none; color: #FFF; } +h1 a:active { text-decoration: underline; color: #FFF; } +h1 a:visited { text-decoration: none; color: #FFF; } +h1 a:visited:hover { text-decoration: none; color: #FFF; } + +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: #072B61; + text-decoration: none; + } + +/* Headings +-----------------------------------------------*/ + +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/Themes/Motifs/Modern/Web/Img/png/h1-bg.png"); + } + +h2 { + font-size: 1.4em; + line-height: 1.8em; + margin-top: 0.9em; + margin-bottom: 0.8em; + padding-left: 0.7em; + background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/h2-bg.png"); + border: none; + color: #072B61; + } + +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; + } + +h4 { + font-size: 1.2em; + line-height: 1.4em; + margin-top: 1em; + margin-bottom: 0.5em; + padding-left: 1.2em; + color: #072B61; + border-bottom: none; + } + +h5 { + font-size: 1.1em; + line-height: 1.1em; + margin-top: 1em; + margin-bottom: 0.5em; + padding-left: 1.2em; + color: #072B61; + font-weight: bold; + border-bottom: none; + } + +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 +-----------------------------------------------*/ + +p { + margin: 1em; + margin-left: 1.5em; + line-height: 1.5em; + } + +/* Quotations +-----------------------------------------------*/ + +blockquote { + background-color: #ECECEC; + background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-gray.png"); + border-width: 1px; + border-style: solid; + border-color: #CFCFCF; + border-left-width: 4px; + margin-left: 1.5em; + padding: 0.5em; + margin-top: 1em; + margin-bottom: 1em; + } + +blockquote p { + padding-left: 2.5em; + } + +blockquote h3 { + margin-left: 2.5em; + line-height: 0; + border: none; + color: #000000; +} + +blockquote pre { + border: none; + background-color: #000000; + color: #FFFFFF; + margin: 0; + margin-left: 4em; + } + +blockquote img { + float: left; + } + +blockquote.message { + border: none; + border-top: 4px solid; + border-bottom: 4px solid; + margin-left: 15%; + margin-right: 15%; + border-color: #CFCFCF; + padding: 0 2em; + } + +blockquote.message p.content { + font-weight: bold; + margin-left: 0; + } + +blockquote.message p.links { + font-size: x-small; + margin-left: 0; + } + +blockquote.blue { + background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-blue.png"); + border-color: #D2E0F6; + background-color: #ECF4FF; + } + +blockquote.orange { + border-color: #F6E7D2; + background-color: #FFF8EC; + background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-orange.png"); + } + +blockquote.violet { + border-color: #F6D2F6; + background-color: #FFECFF; + background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-violet.png"); + } + +blockquote.red { + border-color: #E0B7B7; + background-color: #FFECEC; + background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-red.png"); + } + +blockquote.green { + border-color: #D6F6D2; + background-color: #EEFFEC; + background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-green.png"); + } + +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: 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 +-----------------------------------------------*/ + +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: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/ul.png") circle ! important; + } + +ol { + list-style-image: none !important; + } + +ul li, +ol li { + line-height: 1.5em; + } + +ul ul, +ul ol, +ol ul, +ol ol { + margin-left: 0.5em; + 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 { + margin-top: 1.5em; + margin-left: 3.5em; + } + +dl dt { + font-weight: bold; + } + +dl dt:after { + content: ": " + } + +dl dd { + margin-left: 2em; + margin-bottom: 1em; + line-height: 1.5em; + } + +dl dd ul, +dl dd ol { + margin: 0; + padding-top: 0; + margin-left: 4em; + } + +/* 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; + } + +table tr td p { + margin: 0; + padding: 0; + } + +/* Forms +-----------------------------------------------*/ + +form { + display: inline; + } + +input[type="submit"], +input[type="button"] { + padding: 1px; + } + +input[type="submit"], +input[type="button"], +input[type="button"], +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; + } + +input[type="text"], +textarea { + font-size: 0.8em; + display: inline; + padding: 2px; + padding-left: 4px; + border: 1px solid #628ECA; + background-color: #EFF5FE; + color: #204a87; + } + +select { + font-size: 0.8em; + display: inline; + padding: 1px; + border: 1px solid #628ECA; + background-color: #EFF5FE; + color: #204a87; + } + +form p { + display: inline; + margin-left: 5px; + margin-right: 5px; + } + +textarea { + padding: 2px; + } + +input[type="text"] { + padding: 1px; + } + +/* 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/Models/Css/Texi2html/stylesheet.css b/Identity/Models/Css/Texi2html/stylesheet.css new file mode 100644 index 0000000..65041e5 --- /dev/null +++ b/Identity/Models/Css/Texi2html/stylesheet.css @@ -0,0 +1 @@ +@import "/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Css/Texi2html/common.css"; diff --git a/Identity/Models/Css/Texi2html/transformations.sed b/Identity/Models/Css/Texi2html/transformations.sed new file mode 100644 index 0000000..99861b3 --- /dev/null +++ b/Identity/Models/Css/Texi2html/transformations.sed @@ -0,0 +1,44 @@ +#!/bin/sed +# +# transformations.sed -- This file replace some HTML texi2html outputs +# in order to make Modern's CSS definitions usable by texi2html +# output. +# +# Copyright (C) 2009-2010 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., 59 Temple Place, Suite 330, Boston, MA 02111-1307 +# USA. +# +# ---------------------------------------------------------------------- +# $Id$ +# ---------------------------------------------------------------------- + +# Quotations. +s!
Note!
Note
!g + +s!
Warning!
Warning
!g + +s!
Important!
Important
!g + +s!
Tip!
Tip
!g + +s!
Caution!
Caution
!g + +s!
Redirection!
Redirection
!g + +s!
Removed!
Removed
!g + +# Headings +s!
!!g diff --git a/Identity/Models/Html/forms.html b/Identity/Models/Html/forms.html new file mode 100644 index 0000000..6e5bdd4 --- /dev/null +++ b/Identity/Models/Html/forms.html @@ -0,0 +1,427 @@ + + + + + + + + + + + + +Forms - CentOS Web Visual Style Guide + + + + + + + ++ ++ + + diff --git a/Identity/Models/Html/headings.html b/Identity/Models/Html/headings.html new file mode 100644 index 0000000..feb89ff --- /dev/null +++ b/Identity/Models/Html/headings.html @@ -0,0 +1,319 @@ + + + + + + + + + + + + ++ ++ + + ++ ++ ++ + + Home + + + + Wiki + + + + Docs + + + + Lists + + + + Forums + + + + Projects + + + + Bugs + + + + Download + + ++ ++ ++ ++ ++ + + ++ + + ++ + + ++ ++ + + ++ + + + ++ ++ +Forms
+ +CentOS Forms Visual Style Guide.
+ +Recommendations
+ ++
+ +- ...
+Examples
+ + + +FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)+ + +Headings - CentOS Web Visual Style Guide + + + + + + + ++ ++ + + diff --git a/Identity/Models/Html/index.html b/Identity/Models/Html/index.html new file mode 100644 index 0000000..770f0bb --- /dev/null +++ b/Identity/Models/Html/index.html @@ -0,0 +1,407 @@ + + + + + + + + + + + + ++ ++ + + ++ ++ ++ + + Home + + + + Wiki + + + + Docs + + + + Lists + + + + Forums + + + + Projects + + + + Bugs + + + + Download + + ++ ++ ++ ++ ++ + + ++ + + ++ + + ++ ++ + + ++ + + + ++ ++ +Headings
+ +CentOS Headings Visual Style Guide.
+ +Recommendations
+ ++ +
+ +- Defining headings' HTML structure both as anchor + and link. This may help to make references to specific + topics.
+ +- Using an automatically generated number for + heading's anchor name. To avoid duplications we could + take the heading string and determine its md5 number + and use that number as anchor name. See examples + below.
+ +- ...
+ +Example
+ +Heading Level 1
+<h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>+ +Heading Level 2
+ +<h2><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>+ +Heading Level 3
+ +<h3><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>+ +Heading Level 4
+ +<h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>+ +Heading Level 5
+ +<h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>+ +Heading Level 6
+ +<h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6>+ +FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)+ + +Introduction - CentOS Web Visual Style Guide + + + + + + + ++ ++ + + diff --git a/Identity/Models/Html/links.html b/Identity/Models/Html/links.html new file mode 100644 index 0000000..eefd354 --- /dev/null +++ b/Identity/Models/Html/links.html @@ -0,0 +1,300 @@ + + + + + + + + + + + + ++ ++ + + ++ ++ ++ + + Home + + + + Wiki + + + + Docs + + + + Lists + + + + Forums + + + + Projects + + + + Bugs + + + + Download + + ++ ++ ++ ++ ++ + + ++ + + ++ + + ++ ++ + + ++ + + + ++ ++ +Welcome to the CentOS Web Visual Style Guide
+ +The CentOS Web Visual Style Guide is a tool.
+ +This tool is part of CentOS "Corporate Visual Identity Manual" + proposition, which is based on a monolithic corporate visual + identity structure. In a monolithic corporate visual identity + structure, organization has one name and one visual style in + all its manifestations (Olins (1989).
+ +CentOS web manifestation (anything involving HTML standards) + should be considered here. (Ex. Portals, Wikis, Forums, Blogs, + Bug Tracker).
+ +People customizing CentOS Web Environment can use this guide + as reference each time they need to solve a visual + customization problem. If the solution to a particular problem + don't exist in this guide, please add your problem here, and + the possible solutions you've found. If you haven't found a + solution, add your problem anyway, surely someone will find a + solution for it.
+ +With this guide we are trying to unify as much CSS definitions + as possible, creating a common CSS definition for all web + applications we use and specific CSS definitions in those + cases where it is absolutely needed. Specific CSS definitions + will extend CentOS common CSS definitions.
+ + + +Our Goals
+ ++ +
+ +- Creating a common visual presentation along the web + applications we use.
+ +- Creating an environment where applications' + source code can be updated without breaking the common visual + presentation.
+ +- ...
+ +Members
+ ++
+ +- Alain Reguera Delgado
+- Marcus Moeller
+- Ralph Angenendt ( CentOS team representative )
+Working Lines
+ +The following sections try to land our goals in more + specific tasks:
+ +1. HTML Structures
+ +Defines HTML structures used to display content:
+ ++ +
+ +- Default: + This is the simpliest HTML structure and can be used + as starting point when building new structures.
+ +- Two + Columns: This is a two columns + structure based on default structure.
+ +2. CSS Definition
+ +This section defines CentOS Web visual style. CentOS web + visual style takes place in a set of CSS definitions. They are + organized in the following order:
+ ++Main definitions (stylesheet.css): + `-- Import Base CSS definitions (common.css, print.css) + `-- Import Misscellaneous CSS definitions (tabs.css, containers.css, ...)+ +Web applications needing common CSS definitions will link + common CSS definitions in the following order:
+ +<link href="stylesheet.css" rel="stylesheet" type="text/css" />+ +Web applications needing both common and specific CSS definitions will link + CSS definitions in the following order:
+ +<link href="stylesheet.css" rel="stylesheet" type="text/css" /> +<link href="specific.css" rel="stylesheet" type="text/css" />+ +Specific web applications' CSS definition + (specific.css) will extend CentOS common CSS + definitions (stylesheet.css) and care will be taken + to avoid overlapping CentOS common CSS definitions in specific + CSS definitions.
+ +3. Web Development
+ +Specific CentOS Web functionalities that need to be built.
+ ++
+ +- LDAP User + Management: Web application used to + administer the CentOS LDAP user's database.
+Coding Style
+ ++
+ +- HTML Coding + Style: Useful when you are writing HTML + files for CentOS.
+ +- CSS Coding + Style: Useful when you are writing CSS + files for CentOS.
+ +- PHP Coding + Style: Useful when you are writing PHP + applications for CentOS.
+ +Documentation
+ + + +FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)+ + +Links - CentOS Web Visual Style Guide + + + + + + + ++ ++ + + diff --git a/Identity/Models/Html/lists.html b/Identity/Models/Html/lists.html new file mode 100644 index 0000000..497ef8d --- /dev/null +++ b/Identity/Models/Html/lists.html @@ -0,0 +1,366 @@ + + + + + + + + + + + + ++ ++ + + ++ ++ ++ + + Home + + + + Wiki + + + + Docs + + + + Lists + + + + Forums + + + + Projects + + + + Bugs + + + + Download + + ++ ++ ++ ++ ++ + + ++ + + ++ + + ++ ++ + + ++ + + + ++ ++ +Links
+ +CentOS Links Visual Style Guide.
+ +Recommendations
+ ++
+ +- ...
+Examples
+ +Common Link Style
+ +This is a common text link style
+This is a common nonexistant text link style
+ +Image Link Style
+ + + +Decorative Link Styles
+ +http://www.centos.org/. This is + the "www" and "http" link style. It is generally used to link + external sites.
+ +centos-devel@centos.org. This + is the "mailto" link style. It is generally used to + display email addresses.
+ +header-bg.jpg. This is the + "attachment" link style. It is generally used to display + an attachment.
+ +FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)+ + +Lists - CentOS Web Visual Style Guide + + + + + + + ++ ++ + + diff --git a/Identity/Models/Html/pagination.html b/Identity/Models/Html/pagination.html new file mode 100644 index 0000000..c9ed2ea --- /dev/null +++ b/Identity/Models/Html/pagination.html @@ -0,0 +1,364 @@ + + + + + + + + + + + + ++ ++ + + ++ ++ ++ + + Home + + + + Wiki + + + + Docs + + + + Lists + + + + Forums + + + + Projects + + + + Bugs + + + + Download + + ++ ++ ++ ++ ++ + + ++ + + ++ + + ++ ++ + + ++ + + + ++ ++ +Lists
+ +CentOS Lists Visual Style Guide.
+ +Recommendations
+ ++
+ +- ...
+Examples
+ +Unordered Lists
+ + + +Ordered Lists
+ + + +Definition Lists
+ ++
+ +- WWW
+- World Wide Web
+ +- CentOS
+- Community Enterprise Operating System
+Nested Lists
+ +Lists may also be nested and different list types may be + used together, as in the following example, which is a + definition list that contains an unordered list (the + ingredients) and an ordered list (the procedure):
+ ++
+ +- The ingredients
+- +
+ ++
+- 100 g. flour
+- 10 g. sugar
+- 1 cup water
+- 2 eggs
+- salt, pepper
+- The procedure
+- +
+ ++
+- Mix dry ingredients thoroughly.
+- Pour in wet ingredients.
+- Mix for 10 minutes.
+- Bake for one hour at 300 degrees.
+FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)+ + +Pagination - CentOS Web Visual Style Guide + + + + + + + ++ ++ + + diff --git a/Identity/Models/Html/tables.html b/Identity/Models/Html/tables.html new file mode 100644 index 0000000..18fb345 --- /dev/null +++ b/Identity/Models/Html/tables.html @@ -0,0 +1,308 @@ + + + + + + + + + + + + ++ ++ + + ++ ++ ++ + + Home + + + + Wiki + + + + Docs + + + + Lists + + + + Forums + + + + Projects + + + + Bugs + + + + Download + + ++ ++ ++ ++ ++ + + ++ + + ++ + + ++ ++ + + ++ + + + ++ ++ +Pagination
+ +CentOS Pagination Visual Style Guide.
+ +Recommendations
+ ++
+ +- ...
+Examples
+ +Simple pagination
+ + + ++ ++ +401-500 of 51948 matches found.
++ ++ +No match found.
+Administrative pagination
+ + + ++ + ++ +FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)+ + +Tables - CentOS Web Visual Style Guide + + + + + + + ++ ++ + + diff --git a/Identity/Models/Html/texts.html b/Identity/Models/Html/texts.html new file mode 100644 index 0000000..92f3029 --- /dev/null +++ b/Identity/Models/Html/texts.html @@ -0,0 +1,436 @@ + + + + + + + + + + + + ++ ++ + + ++ ++ ++ + + Home + + + + Wiki + + + + Docs + + + + Lists + + + + Forums + + + + Projects + + + + Bugs + + + + Download + + ++ ++ ++ ++ ++ + + ++ + + ++ + + ++ ++ + + ++ + + + ++ ++ +Tables
+ +CentOS Tables Visual Style Guide.
+ +Recommendations
+ ++
+ +- ...
+Examples
+ +The HTML table model allows authors to arrange data -- + text, preformatted text, images, links, forms, form fields, + other tables, etc. -- into rows and columns of cells.
+ ++
+ +A test table with merged cells ++ ++ Average +Red +
eyes+ +height +weight ++ +Males +1.9 +0.003 +40% ++ +Females +1.7 +0.002 +43% +FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)+ + +Texts - CentOS Web Visual Style Guide + + + + + + + ++ ++ + + diff --git a/Identity/Themes/Motifs/Modern/Web/Css/Default/common.css b/Identity/Themes/Motifs/Modern/Web/Css/Default/common.css deleted file mode 100755 index 9ccc4cb..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Css/Default/common.css +++ /dev/null @@ -1,780 +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/Themes/Motifs/Modern/Web/Img/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/Modern/Web/Img/jpg/header-bg.jpg"); - min-height: 85px; - } - -div#page-footer { - background: #204C8D url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/jpg/footer-bg.jpg") 0 100%; - 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/Themes/Motifs/Modern/Web/Img/png/www.png); - margin: 0 0.2em; - } - -div#page-body a.http:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/www.png); - margin: 0 0.2em; - } - -div#page-body a.https:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/www.png); - margin: 0 0.2em; - } - -div#page-body a.mailto:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/email.png); - margin: 0 0.2em; - } - -div#page-body a.attachment:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/msg-bg-orange.png"); - } - -div#page-body blockquote.violet { - border-color: #F6D2F6; - background-color: #FFECFF; - background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-violet.png"); - } - -div#page-body blockquote.red { - border-color: #E0B7B7; - background-color: #FFECEC; - background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-red.png"); - } - -div#page-body blockquote.green { - border-color: #D6F6D2; - background-color: #EEFFEC; - background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Css/Default/print.css b/Identity/Themes/Motifs/Modern/Web/Css/Default/print.css deleted file mode 100755 index 880e1d8..0000000 --- a/Identity/Themes/Motifs/Modern/Web/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/Themes/Motifs/Modern/Web/Css/Default/stylesheet.css b/Identity/Themes/Motifs/Modern/Web/Css/Default/stylesheet.css deleted file mode 100644 index cc8ed24..0000000 --- a/Identity/Themes/Motifs/Modern/Web/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/Themes/Motifs/Modern/Web/Css/Default/common.css") screen, projection; -@import url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/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/Themes/Motifs/Modern/Web/Css/Default/tabs.css") screen, projection; diff --git a/Identity/Themes/Motifs/Modern/Web/Css/Default/tabs.css b/Identity/Themes/Motifs/Modern/Web/Css/Default/tabs.css deleted file mode 100644 index 619c18f..0000000 --- a/Identity/Themes/Motifs/Modern/Web/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/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% 0px no-repeat; - } - -div#page-header div.tabs1 a span { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs2-bg.png") 0 -50px; - } - -div#page-header div.tabs1 span:hover a { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% -25px no-repeat; - } - -div#page-header div.tabs1 span:hover a span { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs3-bg.png") 100% 0px no-repeat; - } - -div#page-footer div.tabs1 a span { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% -125px no-repeat; - } - -div#page-footer div.tabs1 span:hover a { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs3-bg.png") 100% -25px no-repeat; - } - -div#page-footer div.tabs1 span:hover a span { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs3-bg.png") 100% -100px no-repeat; - } - -div#page-header div.tabs2 a span { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs3-bg.png") 100% -150px no-repeat; - } - -div#page-header div.tabs2 span:hover a { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs3-bg.png") 100% -125px no-repeat; - } - -div#page-header div.tabs2 span:hover a span { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs4-bg.png") 0 -125px; - } - -/* */ - -div#page-footer div.tabs2 a { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% -100px no-repeat; - } - -div#page-footer div.tabs2 a span { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% -150px no-repeat; - } - -div#page-footer div.tabs2 span:hover a { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/tabs1-bg.png") 100% -125px no-repeat; - } - -div#page-footer div.tabs2 span:hover a span { - background: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/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/Themes/Motifs/Modern/Web/Img/png/pagination1-bg.png") 0 -50px; - color: #FFF; - text-decoration: none; - } - diff --git a/Identity/Themes/Motifs/Modern/Web/Css/Texi2html/common.css b/Identity/Themes/Motifs/Modern/Web/Css/Texi2html/common.css deleted file mode 100755 index 5926431..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Css/Texi2html/common.css +++ /dev/null @@ -1,549 +0,0 @@ -/* Cascading Style Sheet for texi2html output. - * - * This file provides the visual style needed by texi2html's output. - * The final visual style produced for this file is based on CentOS - * Modern's cascading style sheet. - * - * Copyright (C) 2009-2010 Alain Reguera Delgado - * This file is released under Creative Common Share-Alike License 3.0 - * (http://creativecommons.org/licenses/by-sa/3.0/). - */ - - -/* Reset browsers default margins and paddings ------------------------------------------------*/ - -* { - margin: 0; - padding: 0; - } - -/* Define html ------------------------------------------------*/ - -html { - background-color: #FFF; - background-image: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/html-bg.png); - } - -/* Define body ------------------------------------------------*/ - -body { - font-family: "DejaVu Sans", "Liberation Sans", sans-serif; - font-size: 0.85em; - line-height: 1.25em; - padding: 10px 20px 10px 20px; - /* 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 ------------------------------------------------*/ - -/* Logo ------------------------------------------------*/ - -/* 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 */ - -a.nonexistent, -a.nonexistent:hover { color: gray; } - -/* Special decoration for some links' classes */ - -a.www:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/www.png); - margin: 0 0.2em; - } - -a.http:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/www.png); - margin: 0 0.2em; - } - -a.https:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/www.png); - margin: 0 0.2em; - } - -a.mailto:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/email.png); - margin: 0 0.2em; - } - -a.attachment:before { - white-space:nowrap; - content: url(/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/attach.png); - margin: 0 0.2em; - } - -/* Headings */ - -h1 a:link { text-decoration: none; color: #FFF } -h1 a:hover { text-decoration: none; color: #FFF; } -h1 a:active { text-decoration: underline; color: #FFF; } -h1 a:visited { text-decoration: none; color: #FFF; } -h1 a:visited:hover { text-decoration: none; color: #FFF; } - -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: #072B61; - text-decoration: none; - } - -/* Headings ------------------------------------------------*/ - -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/Themes/Motifs/Modern/Web/Img/png/h1-bg.png"); - } - -h2 { - font-size: 1.4em; - line-height: 1.8em; - margin-top: 0.9em; - margin-bottom: 0.8em; - padding-left: 0.7em; - background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/h2-bg.png"); - border: none; - color: #072B61; - } - -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; - } - -h4 { - font-size: 1.2em; - line-height: 1.4em; - margin-top: 1em; - margin-bottom: 0.5em; - padding-left: 1.2em; - color: #072B61; - border-bottom: none; - } - -h5 { - font-size: 1.1em; - line-height: 1.1em; - margin-top: 1em; - margin-bottom: 0.5em; - padding-left: 1.2em; - color: #072B61; - font-weight: bold; - border-bottom: none; - } - -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 ------------------------------------------------*/ - -p { - margin: 1em; - margin-left: 1.5em; - line-height: 1.5em; - } - -/* Quotations ------------------------------------------------*/ - -blockquote { - background-color: #ECECEC; - background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-gray.png"); - border-width: 1px; - border-style: solid; - border-color: #CFCFCF; - border-left-width: 4px; - margin-left: 1.5em; - padding: 0.5em; - margin-top: 1em; - margin-bottom: 1em; - } - -blockquote p { - padding-left: 2.5em; - } - -blockquote h3 { - margin-left: 2.5em; - line-height: 0; - border: none; - color: #000000; -} - -blockquote pre { - border: none; - background-color: #000000; - color: #FFFFFF; - margin: 0; - margin-left: 4em; - } - -blockquote img { - float: left; - } - -blockquote.message { - border: none; - border-top: 4px solid; - border-bottom: 4px solid; - margin-left: 15%; - margin-right: 15%; - border-color: #CFCFCF; - padding: 0 2em; - } - -blockquote.message p.content { - font-weight: bold; - margin-left: 0; - } - -blockquote.message p.links { - font-size: x-small; - margin-left: 0; - } - -blockquote.blue { - background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-blue.png"); - border-color: #D2E0F6; - background-color: #ECF4FF; - } - -blockquote.orange { - border-color: #F6E7D2; - background-color: #FFF8EC; - background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-orange.png"); - } - -blockquote.violet { - border-color: #F6D2F6; - background-color: #FFECFF; - background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-violet.png"); - } - -blockquote.red { - border-color: #E0B7B7; - background-color: #FFECEC; - background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-red.png"); - } - -blockquote.green { - border-color: #D6F6D2; - background-color: #EEFFEC; - background-image: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/msg-bg-green.png"); - } - -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: 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 ------------------------------------------------*/ - -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: url("/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Img/png/ul.png") circle ! important; - } - -ol { - list-style-image: none !important; - } - -ul li, -ol li { - line-height: 1.5em; - } - -ul ul, -ul ol, -ol ul, -ol ol { - margin-left: 0.5em; - 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 { - margin-top: 1.5em; - margin-left: 3.5em; - } - -dl dt { - font-weight: bold; - } - -dl dt:after { - content: ": " - } - -dl dd { - margin-left: 2em; - margin-bottom: 1em; - line-height: 1.5em; - } - -dl dd ul, -dl dd ol { - margin: 0; - padding-top: 0; - margin-left: 4em; - } - -/* 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; - } - -table tr td p { - margin: 0; - padding: 0; - } - -/* Forms ------------------------------------------------*/ - -form { - display: inline; - } - -input[type="submit"], -input[type="button"] { - padding: 1px; - } - -input[type="submit"], -input[type="button"], -input[type="button"], -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; - } - -input[type="text"], -textarea { - font-size: 0.8em; - display: inline; - padding: 2px; - padding-left: 4px; - border: 1px solid #628ECA; - background-color: #EFF5FE; - color: #204a87; - } - -select { - font-size: 0.8em; - display: inline; - padding: 1px; - border: 1px solid #628ECA; - background-color: #EFF5FE; - color: #204a87; - } - -form p { - display: inline; - margin-left: 5px; - margin-right: 5px; - } - -textarea { - padding: 2px; - } - -input[type="text"] { - padding: 1px; - } - -/* 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/Themes/Motifs/Modern/Web/Css/Texi2html/stylesheet.css b/Identity/Themes/Motifs/Modern/Web/Css/Texi2html/stylesheet.css deleted file mode 100644 index 65041e5..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Css/Texi2html/stylesheet.css +++ /dev/null @@ -1 +0,0 @@ -@import "/home/centos/artwork/trunk/Identity/Themes/Motifs/Modern/Web/Css/Texi2html/common.css"; diff --git a/Identity/Themes/Motifs/Modern/Web/Css/Texi2html/transformations.sed b/Identity/Themes/Motifs/Modern/Web/Css/Texi2html/transformations.sed deleted file mode 100644 index 99861b3..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Css/Texi2html/transformations.sed +++ /dev/null @@ -1,44 +0,0 @@ -#!/bin/sed -# -# transformations.sed -- This file replace some HTML texi2html outputs -# in order to make Modern's CSS definitions usable by texi2html -# output. -# -# Copyright (C) 2009-2010 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., 59 Temple Place, Suite 330, Boston, MA 02111-1307 -# USA. -# -# ---------------------------------------------------------------------- -# $Id$ -# ---------------------------------------------------------------------- - -# Quotations. -s!+ ++ + + ++ ++ ++ + + Home + + + + Wiki + + + + Docs + + + + Lists + + + + Forums + + + + Projects + + + + Bugs + + + + Download + + ++ ++ ++ ++ ++ + + ++ + + ++ + + ++ ++ + + ++ + + + ++ ++ + + +Texts
+ +CentOS Texts Visual Style Guide.
+ +Recommendations
+ ++
+ +- ...
+Examples
+ +Phrase elements
+ ++
+ +- EM
+- Indicates emphasis.
+ +- STRONG
+- Indicates stronger emphasis.
+ +- CITE
+- Contains a citation or a reference to other + sources.
+ +- DFN
+- Indicates that this is the defining instance of the + enclosed term.
+ +- CODE
+- + +
Designates a fragment of computer code.
- SAMP
+- Designates sample output from programs, scripts, + etc.
+ +- KBD
+- Indicates text to be entered by the user.
+ +- VAR
+- Indicates an instance of a variable or program + argument.
+ +- ABBR
+- Indicates an abbreviated form (e.g., WWW, HTTP, URI, + Mass., etc.).
+ +- ACRONYM
+- Indicates an acronym (e.g., WAC, radar, + etc.).
+ +Subscripts and superscripts
+ ++ +
+ +- SUB
+- H2O
+ +- SUP
+- E = mc2
+- Mlle Dupont
+Paragraphs
+ +Paragraph here. Paragraph here. Paragraph here. Paragraph here. + Paragraph here. Paragraph here. Paragraph here. Paragraph here. + Paragraph here. Paragraph here. Paragraph here. Paragraph here. + Paragraph here. Paragraph here.
+ +Paragraph here. Paragraph here. Paragraph here. Paragraph here. + Paragraph here. Paragraph here. Paragraph here. Paragraph here. + Paragraph here. Paragraph here. Paragraph here. Paragraph here. + Paragraph here. Paragraph here.
+ +Preformatted text
+ +This is a pre formatted element.+ ++This is a pre formatted element (line 1). +This is a pre formatted element (line 2). +This is a pre formatted element (line 3). ++ +Quotations
+ +Simple quotations
+ ++This is the default blockquote style.
+This is the blue class blockquote style.
+This is the red class blockquote style.
+This is the green class blockquote style.
+This is the violet class blockquote style.
+ +This is the orange class blockquote style.
Simple quotations with image
+ ++ +This + is the mixed default blockquote style.
+ +This is the mixed blue class blockquote + style
+ +This is the default mixed red class blockquote + style.
+ +This is the default mixed green class + blockquote style.
+ +This is the default mixed violet class + blockquote style.
+ +This is the default mixed orange class + blockquote style.
Inline quotation
+ +The
+ +Community Enterprise + Operating Systemis a GNU/Linux Distribution based on the + freely available sources of a prominet Linux vendor.John said,
+ +I saw Lucy at lunch, she told me +Mary wants you to get some ice cream on your + way home.I think I will get some at Ben and Jerry’s, on + Gloucester Road.Administrative Message quotation
+ + + + + + + + + + + + + +FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)+ + +Note!
Note
!g - -s!
Warning!
Warning
!g - -s!
Important!
Important
!g - -s!
Tip!
Tip
!g - -s!
Caution!
Caution
!g - -s!
Redirection!
Redirection
!g - -s!
Removed!
Removed
!g - -# Headings -s!
!!g diff --git a/Identity/Themes/Motifs/Modern/Web/Html/forms.html b/Identity/Themes/Motifs/Modern/Web/Html/forms.html deleted file mode 100644 index 6e5bdd4..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Html/forms.html +++ /dev/null @@ -1,427 +0,0 @@ - - - - - - - - - - - - -Forms - CentOS Web Visual Style Guide - - - - - - - -- -- - - diff --git a/Identity/Themes/Motifs/Modern/Web/Html/headings.html b/Identity/Themes/Motifs/Modern/Web/Html/headings.html deleted file mode 100644 index feb89ff..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Html/headings.html +++ /dev/null @@ -1,319 +0,0 @@ - - - - - - - - - - - - -- -- - - -- -- -- - - Home - - - - Wiki - - - - Docs - - - - Lists - - - - Forums - - - - Projects - - - - Bugs - - - - Download - - -- -- -- -- -- - - -- - - -- - - -- -- - - -- - - - -- -- -Forms
- -CentOS Forms Visual Style Guide.
- -Recommendations
- --
- -- ...
-Examples
- - - -FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)- - -Headings - CentOS Web Visual Style Guide - - - - - - - -- -- - - diff --git a/Identity/Themes/Motifs/Modern/Web/Html/index.html b/Identity/Themes/Motifs/Modern/Web/Html/index.html deleted file mode 100644 index 770f0bb..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Html/index.html +++ /dev/null @@ -1,407 +0,0 @@ - - - - - - - - - - - - -- -- - - -- -- -- - - Home - - - - Wiki - - - - Docs - - - - Lists - - - - Forums - - - - Projects - - - - Bugs - - - - Download - - -- -- -- -- -- - - -- - - -- - - -- -- - - -- - - - -- -- -Headings
- -CentOS Headings Visual Style Guide.
- -Recommendations
- -- -
- -- Defining headings' HTML structure both as anchor - and link. This may help to make references to specific - topics.
- -- Using an automatically generated number for - heading's anchor name. To avoid duplications we could - take the heading string and determine its md5 number - and use that number as anchor name. See examples - below.
- -- ...
- -Example
- -Heading Level 1
-<h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>- -Heading Level 2
- -<h2><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>- -Heading Level 3
- -<h3><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>- -Heading Level 4
- -<h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>- -Heading Level 5
- -<h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>- -Heading Level 6
- -<h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 5</a></h6>- -FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)- - -Introduction - CentOS Web Visual Style Guide - - - - - - - -- -- - - diff --git a/Identity/Themes/Motifs/Modern/Web/Html/links.html b/Identity/Themes/Motifs/Modern/Web/Html/links.html deleted file mode 100644 index eefd354..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Html/links.html +++ /dev/null @@ -1,300 +0,0 @@ - - - - - - - - - - - - -- -- - - -- -- -- - - Home - - - - Wiki - - - - Docs - - - - Lists - - - - Forums - - - - Projects - - - - Bugs - - - - Download - - -- -- -- -- -- - - -- - - -- - - -- -- - - -- - - - -- -- -Welcome to the CentOS Web Visual Style Guide
- -The CentOS Web Visual Style Guide is a tool.
- -This tool is part of CentOS "Corporate Visual Identity Manual" - proposition, which is based on a monolithic corporate visual - identity structure. In a monolithic corporate visual identity - structure, organization has one name and one visual style in - all its manifestations (Olins (1989).
- -CentOS web manifestation (anything involving HTML standards) - should be considered here. (Ex. Portals, Wikis, Forums, Blogs, - Bug Tracker).
- -People customizing CentOS Web Environment can use this guide - as reference each time they need to solve a visual - customization problem. If the solution to a particular problem - don't exist in this guide, please add your problem here, and - the possible solutions you've found. If you haven't found a - solution, add your problem anyway, surely someone will find a - solution for it.
- -With this guide we are trying to unify as much CSS definitions - as possible, creating a common CSS definition for all web - applications we use and specific CSS definitions in those - cases where it is absolutely needed. Specific CSS definitions - will extend CentOS common CSS definitions.
- - - -Our Goals
- -- -
- -- Creating a common visual presentation along the web - applications we use.
- -- Creating an environment where applications' - source code can be updated without breaking the common visual - presentation.
- -- ...
- -Members
- --
- -- Alain Reguera Delgado
-- Marcus Moeller
-- Ralph Angenendt ( CentOS team representative )
-Working Lines
- -The following sections try to land our goals in more - specific tasks:
- -1. HTML Structures
- -Defines HTML structures used to display content:
- -- -
- -- Default: - This is the simpliest HTML structure and can be used - as starting point when building new structures.
- -- Two - Columns: This is a two columns - structure based on default structure.
- -2. CSS Definition
- -This section defines CentOS Web visual style. CentOS web - visual style takes place in a set of CSS definitions. They are - organized in the following order:
- --Main definitions (stylesheet.css): - `-- Import Base CSS definitions (common.css, print.css) - `-- Import Misscellaneous CSS definitions (tabs.css, containers.css, ...)- -Web applications needing common CSS definitions will link - common CSS definitions in the following order:
- -<link href="stylesheet.css" rel="stylesheet" type="text/css" />- -Web applications needing both common and specific CSS definitions will link - CSS definitions in the following order:
- -<link href="stylesheet.css" rel="stylesheet" type="text/css" /> -<link href="specific.css" rel="stylesheet" type="text/css" />- -Specific web applications' CSS definition - (specific.css) will extend CentOS common CSS - definitions (stylesheet.css) and care will be taken - to avoid overlapping CentOS common CSS definitions in specific - CSS definitions.
- -3. Web Development
- -Specific CentOS Web functionalities that need to be built.
- --
- -- LDAP User - Management: Web application used to - administer the CentOS LDAP user's database.
-Coding Style
- --
- -- HTML Coding - Style: Useful when you are writing HTML - files for CentOS.
- -- CSS Coding - Style: Useful when you are writing CSS - files for CentOS.
- -- PHP Coding - Style: Useful when you are writing PHP - applications for CentOS.
- -Documentation
- - - -FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)- - -Links - CentOS Web Visual Style Guide - - - - - - - -- -- - - diff --git a/Identity/Themes/Motifs/Modern/Web/Html/lists.html b/Identity/Themes/Motifs/Modern/Web/Html/lists.html deleted file mode 100644 index 497ef8d..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Html/lists.html +++ /dev/null @@ -1,366 +0,0 @@ - - - - - - - - - - - - -- -- - - -- -- -- - - Home - - - - Wiki - - - - Docs - - - - Lists - - - - Forums - - - - Projects - - - - Bugs - - - - Download - - -- -- -- -- -- - - -- - - -- - - -- -- - - -- - - - -- -- -Links
- -CentOS Links Visual Style Guide.
- -Recommendations
- --
- -- ...
-Examples
- -Common Link Style
- -This is a common text link style
-This is a common nonexistant text link style
- -Image Link Style
- - - -Decorative Link Styles
- -http://www.centos.org/. This is - the "www" and "http" link style. It is generally used to link - external sites.
- -centos-devel@centos.org. This - is the "mailto" link style. It is generally used to - display email addresses.
- -header-bg.jpg. This is the - "attachment" link style. It is generally used to display - an attachment.
- -FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)- - -Lists - CentOS Web Visual Style Guide - - - - - - - -- -- - - diff --git a/Identity/Themes/Motifs/Modern/Web/Html/pagination.html b/Identity/Themes/Motifs/Modern/Web/Html/pagination.html deleted file mode 100644 index c9ed2ea..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Html/pagination.html +++ /dev/null @@ -1,364 +0,0 @@ - - - - - - - - - - - - -- -- - - -- -- -- - - Home - - - - Wiki - - - - Docs - - - - Lists - - - - Forums - - - - Projects - - - - Bugs - - - - Download - - -- -- -- -- -- - - -- - - -- - - -- -- - - -- - - - -- -- -Lists
- -CentOS Lists Visual Style Guide.
- -Recommendations
- --
- -- ...
-Examples
- -Unordered Lists
- - - -Ordered Lists
- - - -Definition Lists
- --
- -- WWW
-- World Wide Web
- -- CentOS
-- Community Enterprise Operating System
-Nested Lists
- -Lists may also be nested and different list types may be - used together, as in the following example, which is a - definition list that contains an unordered list (the - ingredients) and an ordered list (the procedure):
- --
- -- The ingredients
-- -
- --
-- 100 g. flour
-- 10 g. sugar
-- 1 cup water
-- 2 eggs
-- salt, pepper
-- The procedure
-- -
- --
-- Mix dry ingredients thoroughly.
-- Pour in wet ingredients.
-- Mix for 10 minutes.
-- Bake for one hour at 300 degrees.
-FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)- - -Pagination - CentOS Web Visual Style Guide - - - - - - - -- -- - - diff --git a/Identity/Themes/Motifs/Modern/Web/Html/tables.html b/Identity/Themes/Motifs/Modern/Web/Html/tables.html deleted file mode 100644 index 18fb345..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Html/tables.html +++ /dev/null @@ -1,308 +0,0 @@ - - - - - - - - - - - - -- -- - - -- -- -- - - Home - - - - Wiki - - - - Docs - - - - Lists - - - - Forums - - - - Projects - - - - Bugs - - - - Download - - -- -- -- -- -- - - -- - - -- - - -- -- - - -- - - - -- -- -Pagination
- -CentOS Pagination Visual Style Guide.
- -Recommendations
- --
- -- ...
-Examples
- -Simple pagination
- - - -- -- -401-500 of 51948 matches found.
-- -- -No match found.
-Administrative pagination
- - - -- - -- -FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)- - -Tables - CentOS Web Visual Style Guide - - - - - - - -- -- - - diff --git a/Identity/Themes/Motifs/Modern/Web/Html/texts.html b/Identity/Themes/Motifs/Modern/Web/Html/texts.html deleted file mode 100644 index 92f3029..0000000 --- a/Identity/Themes/Motifs/Modern/Web/Html/texts.html +++ /dev/null @@ -1,436 +0,0 @@ - - - - - - - - - - - - -- -- - - -- -- -- - - Home - - - - Wiki - - - - Docs - - - - Lists - - - - Forums - - - - Projects - - - - Bugs - - - - Download - - -- -- -- -- -- - - -- - - -- - - -- -- - - -- - - - -- -- -Tables
- -CentOS Tables Visual Style Guide.
- -Recommendations
- --
- -- ...
-Examples
- -The HTML table model allows authors to arrange data -- - text, preformatted text, images, links, forms, form fields, - other tables, etc. -- into rows and columns of cells.
- --
- -A test table with merged cells -- -- Average -Red -
eyes- -height -weight -- -Males -1.9 -0.003 -40% -- -Females -1.7 -0.002 -43% -FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)- - -Texts - CentOS Web Visual Style Guide - - - - - - - -- -- - -- -- - - -- -- -- - - Home - - - - Wiki - - - - Docs - - - - Lists - - - - Forums - - - - Projects - - - - Bugs - - - - Download - - -- -- -- -- -- - - -- - - -- - - -- -- - - -- - - - -- -- - - -Texts
- -CentOS Texts Visual Style Guide.
- -Recommendations
- --
- -- ...
-Examples
- -Phrase elements
- --
- -- EM
-- Indicates emphasis.
- -- STRONG
-- Indicates stronger emphasis.
- -- CITE
-- Contains a citation or a reference to other - sources.
- -- DFN
-- Indicates that this is the defining instance of the - enclosed term.
- -- CODE
-- - -
Designates a fragment of computer code.
- SAMP
-- Designates sample output from programs, scripts, - etc.
- -- KBD
-- Indicates text to be entered by the user.
- -- VAR
-- Indicates an instance of a variable or program - argument.
- -- ABBR
-- Indicates an abbreviated form (e.g., WWW, HTTP, URI, - Mass., etc.).
- -- ACRONYM
-- Indicates an acronym (e.g., WAC, radar, - etc.).
- -Subscripts and superscripts
- -- -
- -- SUB
-- H2O
- -- SUP
-- E = mc2
-- Mlle Dupont
-Paragraphs
- -Paragraph here. Paragraph here. Paragraph here. Paragraph here. - Paragraph here. Paragraph here. Paragraph here. Paragraph here. - Paragraph here. Paragraph here. Paragraph here. Paragraph here. - Paragraph here. Paragraph here.
- -Paragraph here. Paragraph here. Paragraph here. Paragraph here. - Paragraph here. Paragraph here. Paragraph here. Paragraph here. - Paragraph here. Paragraph here. Paragraph here. Paragraph here. - Paragraph here. Paragraph here.
- -Preformatted text
- -This is a pre formatted element.- --This is a pre formatted element (line 1). -This is a pre formatted element (line 2). -This is a pre formatted element (line 3). -- -Quotations
- -Simple quotations
- --This is the default blockquote style.
-This is the blue class blockquote style.
-This is the red class blockquote style.
-This is the green class blockquote style.
-This is the violet class blockquote style.
- -This is the orange class blockquote style.
Simple quotations with image
- -- -This - is the mixed default blockquote style.
- -This is the mixed blue class blockquote - style
- -This is the default mixed red class blockquote - style.
- -This is the default mixed green class - blockquote style.
- -This is the default mixed violet class - blockquote style.
- -This is the default mixed orange class - blockquote style.
Inline quotation
- -The
- -Community Enterprise - Operating Systemis a GNU/Linux Distribution based on the - freely available sources of a prominet Linux vendor.John said,
- -I saw Lucy at lunch, she told me -Mary wants you to get some ice cream on your - way home.I think I will get some at Ben and Jerry’s, on - Gloucester Road.Administrative Message quotation
- - - - - - - - - - - - - -FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)- - -