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!

info

Note

!g + +s!

Warning!

Warning

Warning

!g + +s!

Important!

Important

Important

!g + +s!

Tip!

Info

Tip

!g + +s!

Caution!

Caution

Caution

!g + +s!

Redirection!

Redirection

Redirection

!g + +s!

Removed!

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 + + + + + + + +
+ + + +
+ Home + Help + Style + Web +
+ +
+ +

Forms

+ +

CentOS Forms Visual Style Guide.

+ +

Recommendations

+ +
    +
  • ...
  • +
+ +

Examples

+ +
+
+ Fieldset: +
+ input[type="text"] +
+
+ +
+ input[type="password"] +
+
+ +
+ textarea +
+
+ +
+ select +
+ + + + + + +
+
+ +
+ checkbox +
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+ +
+ +
+ radio +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+ +

+ +
Brief fieldset description here ... Brief fieldset description here ... Brief fieldset description here ...
+
+
+ +
+ +
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
+ + +
+ + + 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 @@ + + + + + + + + + + + + + Headings - CentOS Web Visual Style Guide + + + + + + + +
+ + + +
+ Home + Help + Style + Web +
+ +
+ +

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)
+ + +
+ + + 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 @@ + + + + + + + + + + + + + Introduction - CentOS Web Visual Style Guide + + + + + + + +
+ + + +
+ Home + Help + Style + Web +
+ +
+ +

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.

+ +

wvs-schema-3.png

+ +

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.

+ + + +

Coding Style

+ +
    +
  1. HTML Coding + Style: Useful when you are writing HTML + files for CentOS.
  2. + +
  3. CSS Coding + Style: Useful when you are writing CSS + files for CentOS.
  4. + +
  5. PHP Coding + Style: Useful when you are writing PHP + applications for CentOS.
  6. + +
+ +

Documentation

+ +
    +
  1. HTML 4.01 Specification
  2. +
  3. Cascading Style Sheets Level 2 Revision 1 (CSS2.1) Specification
  4. +
  5. XHTML™ 1.0 + The Extensible HyperText Markup Language (Second + Edition)
  6. +
+ +
+ +
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
+ + +
+ + + 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 @@ + + + + + + + + + + + + + Links - CentOS Web Visual Style Guide + + + + + + + +
+ + + +
+ Home + Help + Style + Web +
+ +
+ +

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

+ +

Header Background

+ +

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)
+ + +
+ + + 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 @@ + + + + + + + + + + + + + Lists - CentOS Web Visual Style Guide + + + + + + + +
+ + + +
+ Home + Help + Style + Web +
+ +
+ +

Lists

+ +

CentOS Lists Visual Style Guide.

+ +

Recommendations

+ +
    +
  • ...
  • +
+ +

Examples

+ +

Unordered Lists

+ + + +

Ordered Lists

+ +
    +
  1. Link
  2. +
  3. Link + +
  4. +
  5. Link +
      +
    1. Link
    2. +
    3. Link
    4. +
    5. Link
    6. +
    7. Link
    8. +
    +
  6. +
  7. Link
  8. +
  9. Link inside a paragraph

  10. +
+ +

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
+
+
    +
  1. Mix dry ingredients thoroughly.
  2. +
  3. Pour in wet ingredients.
  4. +
  5. Mix for 10 minutes.
  6. +
  7. Bake for one hour at 300 degrees.
  8. +
+
+ +
+ +
+ +
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
+ + +
+ + + 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 @@ + + + + + + + + + + + + + Pagination - CentOS Web Visual Style Guide + + + + + + + +
+ + + +
+ Home + Help + Style + Web +
+ +
+ +

Pagination

+ +

CentOS Pagination Visual Style Guide.

+ +

Recommendations

+ +
    +
  • ...
  • +
+ +

Examples

+ +

Simple pagination

+ +
+ 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + 10 +
+ +
+
+

+ + + + +

+
+

401-500 of 51948 matches found.

+
+ +
+
+

+ + + + +

+
+

No match found.

+
+ +

Administrative pagination

+ +
+ 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + 10 +
+ +
+
+

+ + + + +

+
+
+

+ + + +

+
+
+ +
+ +
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
+ + +
+ + + 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 @@ + + + + + + + + + + + + + Tables - CentOS Web Visual Style Guide + + + + + + + +
+ + + +
+ Home + Help + Style + Web +
+ +
+ +

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
AverageRed
eyes
heightweight
Males1.90.00340%
Females1.70.00243%
+ +
+ +
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
+ + +
+ + + 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 @@ + + + + + + + + + + + + + Texts - CentOS Web Visual Style Guide + + + + + + + +
+ + + +
+ Home + Help + Style + Web +
+ +
+ +
+

Thank you for your changes. Your attention to detail is appreciated.

+ +
+ +

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

+ +

StartThis + is the mixed default blockquote style.

+ +

InformationThis is the mixed blue class blockquote + style

+ +

ErrorThis is the default mixed red class blockquote + style.

+ +

DownloadThis is the default mixed green class + blockquote style.

+ +

SubversionThis is the default mixed violet class + blockquote style.

+ +

AlertThis is the default mixed orange class + blockquote style.

+ +

Inline quotation

+ +

The Community Enterprise + Operating System is 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

+ +
+

Thank you for your changes. Your attention to detail is appreciated.

+ +
+ +
+

Thank you for your changes. Your attention to detail is appreciated.

+ +
+ +
+

Thank you for your changes. Your attention to detail is appreciated.

+ +
+ +
+

Thank you for your changes. Your attention to detail is appreciated.

+ +
+ +
+

Thank you for your changes. Your attention to detail is appreciated.

+ +
+ +
+

Thank you for your changes. Your attention to detail is appreciated.

+ +
+ +
+ +
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
+ + +
+ + + 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!

Note!

info

Note

!g - -s!

Warning!

Warning

Warning

!g - -s!

Important!

Important

Important

!g - -s!

Tip!

Info

Tip

!g - -s!

Caution!

Caution

Caution

!g - -s!

Redirection!

Redirection

Redirection

!g - -s!

Removed!

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 - - - - - - - -
- - - -
- Home - Help - Style - Web -
- -
- -

Forms

- -

CentOS Forms Visual Style Guide.

- -

Recommendations

- -
    -
  • ...
  • -
- -

Examples

- -
-
- Fieldset: -
- input[type="text"] -
-
- -
- input[type="password"] -
-
- -
- textarea -
-
- -
- select -
- - - - - - -
-
- -
- checkbox -
- -
-
-
-
-
-
- -
-
-
-
-
-
- -
-
-
-
-
-
- -
- -
- -
- radio -
- -
-
-
-
- -
- -
-
-
-
- -
- -
-
- -

- -
Brief fieldset description here ... Brief fieldset description here ... Brief fieldset description here ...
-
-
- -
- -
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
- - -
- - - 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 @@ - - - - - - - - - - - - - Headings - CentOS Web Visual Style Guide - - - - - - - -
- - - -
- Home - Help - Style - Web -
- -
- -

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)
- - -
- - - 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 @@ - - - - - - - - - - - - - Introduction - CentOS Web Visual Style Guide - - - - - - - -
- - - -
- Home - Help - Style - Web -
- -
- -

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.

- -

wvs-schema-3.png

- -

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.

- - - -

Coding Style

- -
    -
  1. HTML Coding - Style: Useful when you are writing HTML - files for CentOS.
  2. - -
  3. CSS Coding - Style: Useful when you are writing CSS - files for CentOS.
  4. - -
  5. PHP Coding - Style: Useful when you are writing PHP - applications for CentOS.
  6. - -
- -

Documentation

- -
    -
  1. HTML 4.01 Specification
  2. -
  3. Cascading Style Sheets Level 2 Revision 1 (CSS2.1) Specification
  4. -
  5. XHTML™ 1.0 - The Extensible HyperText Markup Language (Second - Edition)
  6. -
- -
- -
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
- - -
- - - 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 @@ - - - - - - - - - - - - - Links - CentOS Web Visual Style Guide - - - - - - - -
- - - -
- Home - Help - Style - Web -
- -
- -

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

- -

Header Background

- -

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)
- - -
- - - 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 @@ - - - - - - - - - - - - - Lists - CentOS Web Visual Style Guide - - - - - - - -
- - - -
- Home - Help - Style - Web -
- -
- -

Lists

- -

CentOS Lists Visual Style Guide.

- -

Recommendations

- -
    -
  • ...
  • -
- -

Examples

- -

Unordered Lists

- - - -

Ordered Lists

- -
    -
  1. Link
  2. -
  3. Link - -
  4. -
  5. Link -
      -
    1. Link
    2. -
    3. Link
    4. -
    5. Link
    6. -
    7. Link
    8. -
    -
  6. -
  7. Link
  8. -
  9. Link inside a paragraph

  10. -
- -

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
-
-
    -
  1. Mix dry ingredients thoroughly.
  2. -
  3. Pour in wet ingredients.
  4. -
  5. Mix for 10 minutes.
  6. -
  7. Bake for one hour at 300 degrees.
  8. -
-
- -
- -
- -
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
- - -
- - - 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 @@ - - - - - - - - - - - - - Pagination - CentOS Web Visual Style Guide - - - - - - - -
- - - -
- Home - Help - Style - Web -
- -
- -

Pagination

- -

CentOS Pagination Visual Style Guide.

- -

Recommendations

- -
    -
  • ...
  • -
- -

Examples

- -

Simple pagination

- -
- 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 -
- -
-
-

- - - - -

-
-

401-500 of 51948 matches found.

-
- -
-
-

- - - - -

-
-

No match found.

-
- -

Administrative pagination

- -
- 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 -
- -
-
-

- - - - -

-
-
-

- - - -

-
-
- -
- -
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
- - -
- - - 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 @@ - - - - - - - - - - - - - Tables - CentOS Web Visual Style Guide - - - - - - - -
- - - -
- Home - Help - Style - Web -
- -
- -

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
AverageRed
eyes
heightweight
Males1.90.00340%
Females1.70.00243%
- -
- -
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
- - -
- - - 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 @@ - - - - - - - - - - - - - Texts - CentOS Web Visual Style Guide - - - - - - - -
- - - -
- Home - Help - Style - Web -
- -
- -
-

Thank you for your changes. Your attention to detail is appreciated.

- -
- -

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

- -

StartThis - is the mixed default blockquote style.

- -

InformationThis is the mixed blue class blockquote - style

- -

ErrorThis is the default mixed red class blockquote - style.

- -

DownloadThis is the default mixed green class - blockquote style.

- -

SubversionThis is the default mixed violet class - blockquote style.

- -

AlertThis is the default mixed orange class - blockquote style.

- -

Inline quotation

- -

The Community Enterprise - Operating System is 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

- -
-

Thank you for your changes. Your attention to detail is appreciated.

- -
- -
-

Thank you for your changes. Your attention to detail is appreciated.

- -
- -
-

Thank you for your changes. Your attention to detail is appreciated.

- -
- -
-

Thank you for your changes. Your attention to detail is appreciated.

- -
- -
-

Thank you for your changes. Your attention to detail is appreciated.

- -
- -
-

Thank you for your changes. Your attention to detail is appreciated.

- -
- -
- -
FrontPage (last edited 2009-10-15 10:12:13 by FirstnameLastname)
- - -
- - -