/*
* screen.css -- This file provides visual style for screens.
*
* Copyright (C) 2009-2013 The CentOS Project
*
* This CSS 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 CSS is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.
*
*/
/*
* Webenv -> Main Blocks
* ---------------------
*/
div#header,
div#wrap,
div#body,
div#footer {
min-width: 728px;
}
/* Header */
div#header {
background: #204C8D url("/webenv/images/header.png") 0 0 repeat;
min-height: 46px;
}
/* Content */
div#wrap {
background-color: #FFF;
padding: 0 10px;
}
div#body {
clear: both;
background-color: #F8F8F8;
}
div#page,
div#preview {
padding: 10px 30px 30px;
}
div#content {
background-color: #FFF;
margin-bottom: 20px;
}
div#content > p,
div#content > pre,
div#content table,
div#content div#page-history,
div#content div#content-below-diff > p,
div#content div#content-below-diff > pre,
div#content div#preview > p,
div#content div#preview > pre {
margin-left: 20px;
}
/* Headings */
h1 {
font-size: 1.7em;
font-weight: bold;
line-height: 1.9em;
margin-top: 0.9em;
margin-bottom: 0.9em;
padding-left: 20px; /* Should be the same for h{1-4} */
color: #FFF;
border: none;
background-color: #204C8D;
background-image: url("/webenv/images/h1.png");
-moz-border-radius: 3px;
}
h2 {
font-size: 1.4em;
line-height: 1.8em;
margin: 0;
margin-top: 1.6em;
margin-bottom: 0.8em;
padding-left: 20px; /* Should be the same for h{1-4}*/
background-image: url("/webenv/images/h2.png");
border: none;
color: #072B61;
-moz-border-radius: 3px;
}
h3 {
font-size: 1.25em;
line-height: 1.6em;
margin-top: 1em;
margin-bottom: 0.5em;
padding-left: 20px; /* Should be the same for h{1-4} */
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: 20px; /* Should be the same for h{1-4} */
color: #072B61;
border-bottom: none;
}
h5 {
font-size: 1.1em;
line-height: 1.1em;
margin-top: 1em;
margin-bottom: 0.5em;
padding-left: 20px; /* Should be the same for h{1-4} */
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: 20px; /* Should be the same for h{1-4} */
color: #000;
font-weight: bold;
border-bottom: none;
}
#editor-help {
padding: 1em;
border: 1px solid;
background-image: url("/webenv/images/msg-bg-blue.png");
border-color: #D2E0F6;
background-color: #ECF4FF;
}
#editor-help dl {
margin: 0 0 2em;
}
#editor-help dl dt {
margin: 0.5em;
font-size: 1.2em;
border-bottom: 1px solid #D2E0F6;
}
#editor-help dl dd {
margin-top: 0.5em;
margin-bottom: 1em;
}
div#content-below-diff {
margin-top: 20px;
}
div.recentchanges {
margin-top: 20px;
font-size: x-small;
}
div.recentchanges td.rcicon1 {
text-align: center;
}
div.recentchanges td.rcicon1 img,
div.recentchanges td.rcicon2 img {
margin: 0 !important;
}
div.recentchanges div.rcrss img,
table.recentchanges td img {
margin-left: 0 !important;
}
table.recentchanges {
margin-left: 0 !important;
width: 100%;
margin-top: 15px;
}
.recentchanges table {
width: 100%;
margin-left: 0 !important;
}
.recentchanges tr.rcdaybreak {
background-image: url("/webenv/images/h2.png");
}
p.diff-header {
font-size: 1.2em;
line-height: 1.5em;
font-weight: bold;
margin: 10px 0 !important;
}
table.diff {
font-size: x-small;
width: 100%;
}
table.diff tr.diff-title td {
border:none;
border-left: 1px solid #AAA;
border-right: 1px solid #AAA;
width: 50%;
}
table.diff td.diff-removed {
background: #FFDDDD;
border: 1px solid #CC0000;
border-right: 1px solid #AAA;
font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
}
table.diff td.diff-added {
background: #DDFFDD;
border: 1px solid #00AA00;
border-left: 1px solid #AAA;
font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;
}
/* Paragraphs */
div#content p {
/* text-align:justify; */
}
div#content form .userpref table {
margin-bottom: 1em;
}
div#content form .userpref p {
margin-left: 0;
}
div#page p#pageinfo {
margin-top: 5em;
margin-bottom: 0;
color: gray;
}
/* Logo */
div#header div#logo {
padding-left: 10px;
}
div#header div#logo img {
border: none;
float: left;
}
/* Google advertisement (468x60px) */
div#header div.ads-google {
float: right;
margin: 5px;
}
div#header div.ads-google img {
border: none;
}
/* Last releases and RSS link for them. */
div#header div#last-releases {
clear: both;
min-height: 35px;
border-top: 3px solid #FFF;
border-bottom: 3px solid #FFF;
background: #3465A4;
}
div#header div#last-releases div.left {
display: block;
float: left;
width: 80%;
margin-top: 10px;
font-size: small;
}
div#header div#last-releases div.right {
float: right;
margin-top: 9px;
margin-right: 5px;
}
div#header div#last-releases div.right span.rss span {
text-align: center;
font-weight: bold;
background: #729fcf;
padding: 4px 10px;
}
div#header div#last-releases div {
margin-left: 10px;
}
div#header div#last-releases div span.title {
font-weight: bold;
color: #FFF;
}
div#header div#last-releases div span.release {
border-right: 1px dotted #FFF;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
}
div#header div#last-releases div span.last {
border-right: 0px;
}
/* User links on header */
div#header div.userlinks {
padding: 10px;
text-align: right;
font-size: x-small;
clear: both;
}
div#header div.userlinks div.lastvisit {
width: 50%;
float: left;
text-align: left;
}
div#header div.userlinks div.lastvisit span {
border: none;
}
div#header div.userlinks div.lastvisit span.title {
color: #FFF;
}
div#header div.userlinks div.lastvisit span.datetime {
font-style: italic;
color: #FFF;
}
div#header div.userlinks div.session {
width: 50%;
float: right;
}
div#header div.userlinks div.session a {
margin-left: 10px;
margin-right: 10px;
}
div#header div.userlinks div.session span {
border-right: 1px dotted #FFF;
}
div#header div.userlinks div.session span.last {
border-right: none;
}
div#header div.userlinks div.session span.last a {
margin-right: 0;
}
div#header div.userlinks div.session span.last:after {
content: none;
}
div#header div.userlinks div.trail {
text-align: right;
clear: both;
padding-top: 5px;
}
div#header div.userlinks div.trail span {
display: inline;
}
div#header div.userlinks div.trail span.last {
border-right: none;
padding-right: 0;
}
div#header div.userlinks div.trail span:after {
content: "»";
color: #FFF;
margin-left: 5px;
margin-right: 3px;
}
div#header div.userlinks div.trail span.last:after {
content: none;
}
/* User trail on content. */
div#body div.usertrail {
font-size: small;
}
div#body div.usertrail a {
margin-right: 5px;
}
div#body div.usertrail span {
display: inline;
}
div#body div.usertrail span.last {
border-right: none;
padding-right: 0;
}
div#body div.usertrail span.last a {
margin-right: 0;
}
div#body div.usertrail span:after {
content: "»";
}
div#body div.usertrail span.last:after {
content: none;
}
/* Page lines */
.line {
clear: both;
margin: 0;
padding: 0;
background-color: transparent;
}
.line.white {
height: 3px;
background-color: #FFF;
}
#pageinfo {
text-align: right;
font-size: x-small;
}
/* Footer */
#footer {
clear: both;
padding-bottom: 1em;
background: #204C8D url("/webenv/images/header.png") 0 0 repeat;
}
#footer div.credits {
padding: 10px;
}
#footer div.credits .copyright,
#footer div.credits .license {
font-size: x-small;
color: #FFF;
line-height: 1.5em;
}
#footer div.credits a {
color: #FFF;
font-style: italic;
}
#footer div.top {
float:right;
}
#footer .editbar {
border-top-width: 2px;
border-top-style: dotted;
border-top-color: #628EAC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C9C9C9;
}
#footer .navibar li {
background-color: #FFF;
background-image: url("/webenv/images/navibar-bottom.png");
background-position: left bottom;
background-repeat: repeat-x;
-moz-border-radius: 0 0 3px 3px;
}
#footer .navibar li:hover {
background-color: #628ECA;
background-image: url("/webenv/images/navibar-bottom-hover.png");
background-position: left bottom;
background-repeat: repeat-x;
}
#footer .navibar li.current,
#footer .navibar li.current:hover,
#footer .navibar li.current:hover a,
#footer .navibar li.current:active a {
color: #FFFFFF;
background-color: #628ECA;
background-image: url("/webenv/images/navibar-bottom-hover.png");
background-position: left top;
background-repeat: repeat-x;
}
#credits,
#version,
#timings {
text-align: center;
font-size: 0.88em;
padding: 0;
margin-top: 2.5em;
color: #EEE;
}
#credits a {
color: #EEE;
}
#credits a:hover {
text-decoration: underline;
}
#credits li, #timings li {
display: inline;
padding-right: 2px;
margin-right: 4px;
color: #EEE;
}
#credits img {
vertical-align: middle;
}
/*
* Webenv -> Forms
* ---------------
*/
div#body div.row1 {
clear: both;
background: #F8F8F8;
padding: 10px;
}
div#body div.row2 {
clear: both;
background: #FFFFFF;
padding: 10px;
}
div#body div.row3 {
clear: both;
border-top: 1px solid #CCC;
padding: 10px;
margin-top: 10px;
}
div#body fieldset div.row1 span.descrip,
div#body fieldset div.row2 span.descrip {
float: left;
}
div#body fieldset div.field {
display: block;
margin-left: 30%;
}
div#body fieldset div.field div.column {
float: left;
margin-right: 1em;
padding-right: 1em;
border-right: 1px dotted #AAA;
}
div#body fieldset div.row3 div.descrip {
display: block;
font-size: small;
color: #AAA;
font-style: italic;
width: 70%
}
div#body fieldset span.submit {
float: right;
}
/* */
div#body div.actions {
margin-top: 10px;
border-bottom: 1px solid #AAA;
padding-bottom: 10px;
}
div#body div.actions span {
display: inline;
margin: 0;
padding-right: 10px;
border-right: 1px dotted #AAA;
color: #AAA;
}
div#body div.actions span.last {
border-right: none;
padding-left: 10px;
}
/* */
div#body div.pagination {
font-size: small;
padding: 10px;
border-top: 1px #AAA solid;
margin-bottom: 2em;
}
div#body div.pagination span.left {
float: left;
}
div#body div.pagination span.left a:before {
content: "«";
padding-right: 3px;
}
div#body div.pagination span.right a:after {
content: "»";
padding-left: 3px;
}
div#body div.pagination span.right {
float: right;
}
/* */
div#body div.records-list {
display: block;
}
div#body div.records-list ul {
margin: 0;
padding: 0;
list-style: none;
}
div#body div.records-list ul li {
padding: 0.5em;
}
div#body div.records-list ul li.row1 {
background: #F8F8F8;
}
div#body div.records-list ul li span.col0 {
display: block;
float:left;
text-align: center;
padding-right: 0.5em;
margin-right: 0.5em;
border-right: 1px solid #FFF;
}
div#body div.records-list ul li span.col1 {
width: 250px;
display: block;
float:left;
}
div#body div.records-list ul li span.col2 {
border-left: 1px solid #FFF;
padding-left: 0.5em;
}
div#body div.records-list ul li.title {
font-weight: bold;
background: #eee;
border-bottom: 1px #AAA solid;
}
#editor-textarea {
width: 99%;
}
/*
* Webenv -> Links
* ---------------
*/
/* Broken or nonexistent links. */
a.nonexistent,
a.nonexistent:hover { color: gray; }
/* Special decoration for some links' classes */
a.external:before,
a.www:before,
a.http:before,
a.https:before {
white-space:nowrap;
content: url(/webenv/images/www.png);
margin: 0 0.2em;
}
a.ftp:before {
white-space:nowrap;
content: url(/webenv/images/ftp.png);
margin: 0 0.2em;
}
a.nntp:before {
white-space:nowrap;
content: url(/webenv/images/nntp.png);
margin: 0 0.2em;
}
a.news:before {
white-space:nowrap;
content: url(/webenv/images/news.png);
margin: 0 0.2em;
}
a.telnet:before {
white-space:nowrap;
content: url(/webenv/images/telnet.png);
margin: 0 0.2em;
}
a.irc:before {
white-space:nowrap;
content: url(/webenv/images/irc.png);
margin: 0 0.2em;
}
a.file:before {
white-space:nowrap;
content: url(/webenv/images/file.png);
margin: 0 0.2em;
}
a.mailto:before {
white-space:nowrap;
content: url(/webenv/images/email.png);
margin: 0 0.2em;
}
a.attachment:before {
white-space:nowrap;
content: url(/webenv/images/attach.png);
margin: 0 0.2em;
}
a.interwiki:before {
white-space:nowrap;
content: url(/webenv/images/inter.png);
margin: 0 0.2em;
}
/* */
div#header .user-last-visit a,
div#header .userlinks a,
div#header .usertrail a,
div#header #last-releases a {
color: #fff;
}
/*
* Webenv -> Lists
* ---------------
*/
ul {
list-style: url("/webenv/images/ul.png") circle;
}
div#rightbar ul {
padding: 0.5em 0.5em 1em 1em;
margin: 0;
list-style: none;
border-top: 1px #EEE solid;
}
div#rightbar ul.first {
border-top: none;
}
div#right ul li {
padding: 2px;
}
/* Table of content (table-of-contents) */
div.table-of-contents {
font-size: small;
text-align:left;
margin-bottom: 2em;
border: 1px solid #DDD;
background-image: url("/webenv/images/msg-bg-gray.png");
background-color: #FFF;
-moz-border-radius: 3px;
margin-left: 1.5em;
}
div.table-of-contents > ol {
margin-left: 3.5em;
}
div.table-of-contents p.table-of-contents-heading {
font-size: 1.4em;
line-height: 1.8em;
margin: 0;
padding-left: 1em; /* Should be the same for h{1-4}*/
background-image: url("/webenv/images/h2.png");
color: #072B61;
font-weight: bold;
border-bottom: 1px solid #DDD;
}
div.searchresults {
border-top: 1px solid #AAA;
}
div.searchresults dl {
margin-left: 20px;
margin-right: 20px;
}
/*
* Webenv -> Quotation
* -------------------
*/
/* Action messages */
#message {
padding: 0 2em 0em;
border: none;
border-top: 4px solid;
border-bottom: 4px solid;
background-image: url("/webenv/images/msg-bg-blue.png");
border-color: #D2E0F6;
background-color: #ECF4FF;
}
#message .buttons {
margin-bottom: 1em;
}
/* Admonitions
*
* NOTE: To build admonitions, use the following wiki markup as
* template:
* --------------------------------------------------------------------
* ||<tableclass="message blue"^|2> attachment:ArtWork/note.png ||||<class="title" width="99%"(> Note: ||
* ||<class="content"> Here is where the admonition content goes in. ||
* --------------------------------------------------------------------
*/
table.message {
margin-top: 1.5em;
margin-bottom: 1.3em;
}
table.message td {
padding: 5px;
}
table.message.blue {
background-image: url("/webenv/images/msg-bg-blue.png");
background-color: #ECF4FF;
}
table.message.blue td:first-child {
border-left: 5px solid #D2E0F6;
border-top: 1px solid #D2E0F6;
border-bottom: 1px solid #D2E0F6;
border-right: none;
}
table.message.blue td.title {
border-top: 1px solid #D2E0F6;
border-right: 1px solid #D2E0F6;
border-bottom: none;
border-left: none;
padding-bottom: 0;
font-size: 1.3em;
font-weight: bold;
color: inherit;
}
table.message.blue td.content {
border-right: 1px solid #D2E0F6;
border-top: none;
border-bottom: 1px solid #D2E0F6;
border-left: none;
}
table.message.orange {
border-color: #F6E7D2;
background-color: #FFF8EC;
background-image: url("/webenv/images/msg-bg-orange.png");
}
table.message.orange td:first-child {
border-left: 5px solid #F6E7D2;
border-top: 1px solid #F6E7D2;
border-bottom: 1px solid #F6E7D2;
border-right: none;
}
table.message.orange td.title {
border-top: 1px solid #F6E7D2;
border-right: 1px solid #F6E7D2;
border-bottom: none;
border-left: none;
padding-bottom: 0;
font-size: 1.3em;
font-weight: bold;
color: inherit;
}
table.message.orange td.content {
border-right: 1px solid #F6E7D2;
border-top: none;
border-bottom: 1px solid #F6E7D2;
border-left: none;
}
table.message img {
margin-left: 10px !important;
}
/* Application level navigation bar. */
.editbar {
clear: both;
display: block;
margin: 0;
padding-left: 20px;
white-space: nowrap;
background: #EDF4FF;
font-size: 0.9em;
}
.editbar form, .editbar form div {
display: inline;
margin: 0px;
}
.editbar li {
display: inline;
padding: 0;
margin-right: 10px;
}
*[dir="rtl"] .editbar li {
float: right;
}
#header .editbar {
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #628ECA;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #C9C9C9;
}
.navibar {
/* Problem: clear: right; aligns nicely right of
* logo, but lets it float high in the header,
* disconnected from ground */
clear: both;
display: block;
height: 20px;
padding: 0;
padding-left: 10px;
margin: 0;
font-size: 0.9em;
/* For avoiding a gap between navibar and pageline
* on IE */
zoom: 1;
}
.navibar li {
float: left;
display: inline;
white-space: nowrap;
margin-left: 3px;
padding-top: 4px;
padding-bottom: 4px;
border-width: 1px;
border-style: solid;
border-color: #628ECA;
background-color: #FFF;
background-image: url("/webenv/images/navibar-top.png");
background-position: left top;
background-repeat: repeat-x;
-moz-border-radius: 3px 3px 0 0;
}
*[dir="rtl"] .navibar li {
float: right;
}
.navibar li.wikilink {
/*background: #3967a3; /*url(../img/tab-wiki.png) repeat-x;*/
}
.navibar li.userlink {
/*background: #E6EAF0; /*url(../img/tab-user.png) repeat-x;*/
}
.navibar li a {
/* To cover the box area as linkable in the header area */
padding: 7px 8px;
}
#header .navibar li.current a {
/* To cover the box area as linkable in the header area */
padding: 6px 8px 7px;
}
#footer .navibar li.current a {
/* To cover the box area as linkable in the footer area */
padding: 7px 8px 5px;
}
.navibar a, .navibar a:visited {
color: #204C8D;
text-decoration: none;
}
.navibar li.current a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
padding-top: 6px;
}
.navibar li:hover {
background-color: #628ECA;
background-image: url("/webenv/images/navibar-top-hover.png");
background-position: left top;
background-repeat: repeat-x;
}
.navibar li:hover a {
color: #FFFFFF;
text-decoration: none;
}
.navibar li:hover a:active { color:#FFF; text-decoration:none;}
.navibar li a:active { color:#204C8D; text-decoration:none;}
.navibar li.current,
.navibar li.current:hover,
.navibar li.current:hover a,
.navibar li.current:active a {
color: #FFFFFF;
background-color: #628ECA;
background-image: url("/webenv/images/navibar-top-hover.png");
background-position: left top;
background-repeat: repeat-x;
}
#username {
margin: 0;
text-align: right;
font-size: 0.82em;
white-space: nowrap;
}
*[dir="rtl"] #username {
text-align: left;
}
#username li {
display: inline;
padding-right: 0.5em;
}
#username li:last-child {
padding-right: 0;
}
#username form {
display: inline;
}
#username input {
display: inline;
padding: 0;
margin: 0;
border: none;
background: #E7E7E7; /* inherit doesnt work on IE */
color: blue;
font-size: 0.82em;
cursor: pointer;
}
#username input:hover {
color: red;
}
#searchform {
color: #FFFFFF;
margin-top: 5px;
text-align: right;
padding: 0;
white-space: nowrap;
float: right;
}
*[dir="rtl"] #searchform {
float: left;
}
#searchform input{
padding: 3px;
font-size: 0.82em;
}
#searchinput {
background: #EDF4FF;
border-width: 2px;
border-style: solid;
border-color: #204C8D;
color: #204C8D;
display: inline;
width: 160px;
-moz-border-radius: 3px;
}
#titlesearch, #fullsearch {
border-width: 1px;
border-style: solid;
border-color: #204C8D;
background: #3B71B8; /* inherit doesnt work on IE */
color: #FFFFFF;
cursor: pointer;
display: inline;
font-weight: bold;
text-decoration: none;
-moz-border-radius: 3px;
}
#searchform label {
display: block;
}
#searchform form div {
display: inline;
}
#pagetrail {
font-size: 0.82em;
margin: 0;
color: #EEE;
text-align: right;
}
*[dir="rtl"] #pagetrail {
clear: left;
}
#interwiki {
margin-right: 0.5em;
float:left;
font-size: 1em;
}
*[dir="rtl"] #interwiki {
display: inline;
margin-right: 5px;
font-size: 1em;
}
#interwiki span:after {
content: ":";
}
#locationline {
padding-left: 20px;
padding-right: 20px;
}
*[dir="rtl"] #locationline {
clear: left;
}
#pagelocation {
margin: 5px 0;
padding: 0;
}
#pagelocation li {
display: inline;
color: #3B639B;
}
#pagetrail li {
display: inline;
margin: 0;
}
/* XXX Warning: non-ascii characters! */
#pagetrail li:after {
content: " » ";
}
*[dir="rtl"] #pagetrail li:after {
content: " « ";
}
#pagetrail li:last-child:after {
content: "";
}
#pagelocation li:after {
content: " » ";
}
*[dir="rtl"] #pagelocation li:after {
content: " \\ "; /* TODO: check what looks best with RTL */
}
#pagelocation li:last-child:after {
content: "";
}
#username a:link { text-decoration: none; color: #EEE;}
#username a:hover { text-decoration: underline; color: #FFF; }
#username a:active { text-decoration: underline; color: #FFF; }
#username a:visited { text-decoration: none; color: #EEE; }
#username a:visited:hover { text-decoration: underline; color: #FFF; }
#pagetrail a:link { text-decoration: none; color: #EEE; }
#pagetrail a:hover { text-decoration: underline; color: #FFF; }
#pagetrail a:active { text-decoration: underline; color: #FFF; }
#pagetrail a:visited { text-decoration: none; color: #EEE; }
#pagetrail a:visited:hover { text-decoration: underline; color: #FFF; }
#userlinks {
padding: 10px;
}
.pageline {
clear: both;
margin: 0;
padding: 0;
width: 100%;
/* sync these values, line-height is needed for IE */
height: 5px;
line-height: 5px;
background: #628ECA;
}
/* Horizontal rules */
hr.hr1 { height: 2px; }
hr.hr2 { height: 3px; }
hr.hr3 { height: 4px; }
hr.hr4 { height: 5px; }
hr.hr5 { height: 6px; }
hr.hr6 { height: 7px; }