gplx/mediawiki/skins/Cavendish/resources/cavendish.css

2128 lines
32 KiB
CSS

/*
** MediaWiki 'Cavendish' style sheet for CSS2-capable browsers.
** Copyright Mozilla Foundation - http://www.mozilla.org/
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
**
** Loosely based on the monobook style by Gabriel Wicke
*/
/* mozilla.org Cavendish Content Styles
* Design by SilverOrange
* Markup Reference classes organized by fantasai
*/
/* Suggested order:
* display
* list-style
* position
* float
* clear
* width
* height
* margin
* padding
* border
* background
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
*
*/
/* TOC:
Body
Random HTML Styles
Forms
General Structure
Navigation
Quotations
Comments and Other Asides
Emphasis
Computers - General
Code
Examples and Figures
Q and A (FAQ)
Tables
Meta
Body */
#column-content, #side {
background: #fff;
line-height: 1.75em;
color: #1a1a1a;
}
#column-content #content {
margin-top: 0;
padding: 1.5rem 2rem;
}
.deepLevel #column-content {
line-height: 1.4em;
}
/* Random HTML Styles */
hr {
height: 1px;
background-color: #aaa;
color: #aaa;
margin: .2em 0 .2em 0;
border: 1px solid #fff;
border-top: 1px solid #ccc;
}
/* General Structure */
body {
font-family: 'Quicksand', system-ui, -apple-system, sans-serif;
background-color: #f4f6f6;
margin-top: 0;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 20px;
padding-top: 0;
color: #1a1a1a;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
background: none;
font-weight: normal;
margin-top: 0.5em;
margin-bottom: 0.3em;
padding-top: .5em;
padding-bottom: .17em;
border-bottom: 1px solid #aaa;
overflow: hidden;
}
h3,
h4
h5,
h6 {
border-bottom: none;
font-weight: bold;
}
h1 .editsection,
h2 .editsection,
h3 .editsection,
h4 .editsection,
h5 .editsection,
h6 .editsection,
h1 .mw-editsection,
h2 .mw-editsection,
h3 .mw-editsection,
h4 .mw-editsection,
h5 .mw-editsection,
h6 .mw-editsection {
font-size: 7pt;
font-weight: normal;
}
.editsection, .mw-editsection {
float: right;
line-height: inherit;
}
h1 {
font-size: 1.75rem;
font-weight: normal;
}
#firstHeading {
margin-top: 0.1em;
padding-top: 0.2em;
}
h2 {
font-size: 1.5rem;
font-weight: normal;
}
h3 {
font-size: 1.25rem;
}
h4 {
font-size: 1.1rem;
}
h5 {
font-size: 1rem;
}
h6 {
font-size: 0.95rem;
border: 0;
}
caption {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 2pt;
}
/* Navigation */
:link, a {
text-decoration: none;
color: #039;
}
:visited {
color: #5a3696;
text-decoration: none;
}
:link :hover,
a:hover {
color: #333;
text-decoration: underline;
}
:link :focus,
a:focus {
color: #333;
text-decoration: underline;
}
:link :active,
a:active {
color: #7A4100;
}
a.stub {
color: #723;
}
a.new, #p-personal a.new {
color: #ba0000;
}
a.new:visited,
#p-personal a.new:visited {
color: #a55858;
}
/* Comments and other Asides */
.note {
color: #666;
font-style: normal;
}
.remark {
color: #666;
}
.sidenote {
border: #666;
}
.key-point:before {
line-height: 0.1;
font-size: 1px;
margin: -15px -15px 0 -15px;
height: 15px;
display: block;
border: none;
/* @embed */
content: url("images/key-point_tl.gif");
}
.key-point {
padding: 15px;
margin-bottom: 1em;
}
.key-point:after {
display: block;
clear: both;
padding-top: 15px;
line-height: 0.1;
font-size: 1px;
/* @embed */
content: url("images/key-point_bl.gif");
margin: -15px;
height: 8px;
}
.key-point h2,
.key-point h3,
.key-point h4,
.key-point h5 {
border: none;
margin-top: 0;
color: #4c5c5c;
}
.news dt {
font-weight: normal;
color: #666;
}
.news dt a {
font-weight: bold;
}
ul.compact {
margin-left: 0;
padding-left: 20px;
}
/* Emphasis */
/* Computers - General */
kbd {
background-color: #fafafa;
border-color: #ccc #ccc #fff;
border-radius: 4px;
border-style: solid solid none;
border-width: 1px 1px medium;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #fff inset;
color: #444;
font-weight: normal;
padding: 0 6px;
white-space: nowrap;
}
kbd.command,
code.command {
color: #6b5839;
}
/* Code */
pre.code {
background: #eeecf6;
}
code > em,
code > strong,
pre.code > em,
pre.code > strong {
font-style: normal;
}
/* Examples and Figures */
div.example {
border-color: #554FA0;
}
div.example:before {
color: #666;
}
/* Q and A (FAQ) */
ol.faq li a {
text-decoration: none;
border-bottom: 1px dotted #6C98EE;
}
ol.faq li a:hover {
border-color: #039;
}
/* Tables */
table {
line-height: 1.6em;
}
#content table {
border-radius: 10px;
}
table.data {
border-collapse: collapse;
margin: 0.5em auto;
border: 1px solid;
}
table.data caption {
margin: 1em auto 0.2em;
font-size: small;
font-style: italic;
text-align: center;
}
table.data th,
table.data td {
padding: 0.2em;
border: 1px solid #ccc;
vertical-align: baseline;
}
table.data tbody th:first-child {
text-align: right;
}
table.data thead th {
background: #e4ecec;
empty-cells: hide;
vertical-align: bottom;
}
tr.odd {
background: #f5f5f5;
}
table.wikitable {
margin-top: 0;
margin-bottom: 1em;
background-color: #f9f9f9;
border-collapse: collapse;
empty-cells: show;
border: 1px solid #c8d8d8;
padding: 0;
line-height: 1.7em;
border-radius: 10px;
overflow: hidden;
table-layout: auto;
}
table.wikitable th {
background-color: #d8eaea;
border: 1px #aaa solid;
padding-top: 0.4em;
padding-bottom: 0.4em;
color: #003f3f;
font-weight: 600;
}
table.sortable th {
white-space: nowrap;
}
table.wikitable td {
border: 1px #aaa solid;
padding: 0.2em;
}
table.wikitable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
.mw-datatable {
margin-bottom: 1em;
}
.NavFrame,
.BoxenVerschmelzen {
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,0.10);
}
.NavFrame .wikitable {
table-layout: auto;
}
.BoxenVerschmelzen .NavFrame,
.wikitable .NavFrame {
border-radius: none;
box-shadow: none;
}
table.infobox {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 1px 4px rgba(0,0,0,0.10);
}
/* Meta */
address {
color: #666;
text-align: right;
}
.author {
margin-bottom: 1em;
text-align: left;
}
/* [[mw:Help:Page status indicators]]; styles copied from MonoBook */
.mw-indicators {
float: right;
line-height: 1.5em;
font-size: 95%;
}
.mw-indicator {
display: -moz-inline-block;
display: inline-block;
}
#globalWrapper {
margin: 0 auto;
font-size: 1rem;
}
#mBody {
clear: both;
padding: 0;
margin-top: 1.25rem;
}
#side {
float: left;
width: 15%;
margin-bottom: 1em;
font-size: 0.9rem;
}
#column-content {
float: right;
width: 83%;
margin-bottom: 1em;
}
.nomenu #column-content {
float: none;
width: 100%;
}
.bodyleft {
float: right !important;
width: 75% !important;
}
#column-content.right {
float: left;
width: 62%;
font-size: 9pt;
}
#side.right {
float: right;
width: 35%;
}
/* Sidebar */
#getcd {
margin: 1em 0 0 45px;
}
/* accessibility tweaks */
.skipLink {
position: absolute;
left: -999px;
width: 990px;
}
hr.hide {
display: none;
}
/* Header */
#header {
margin-bottom: 0;
position: relative;
min-height: 72px;
padding: 12px 0;
background: #003535;
border-bottom: 2px solid #002828;
color: #ffffff;
}
#p-cactions {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
padding: 0 10px 0 0;
overflow: hidden;
z-index: 3;
white-space: nowrap;
}
#p-cactions h5 {
display: none;
}
#p-cactions .pBody {
padding: 0;
background-color: transparent;
border: none;
font-size: 85%;
font-weight: bold;
}
#p-cactions ul {
list-style: none;
line-height: 0.8em;
}
#p-cactions li {
float: left;
margin: 0 2px 0 0;
padding: 0 6px 0 0;
overflow: visible;
display: inline;
white-space: nowrap;
font-size: 0.8rem;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #4a9e9e;
}
#p-cactions li a {
display: block;
float: left;
margin: 0;
padding: 2px 2px 4px 8px;
z-index: 0;
color: #e0f4f4;
border: none;
text-decoration: none;
}
#p-cactions li:hover a,
#p-cactions li a:hover {
text-decoration: none;
border-bottom: 0;
}
#p-cactions li.selected,
#p-cactions li.selected:hover {
border-top-color: #7ec8c8;
background-color: #afc4fb;
}
#p-cactions li.selected {
border-bottom: 1px solid #afc4fb;
font-weight: bold;
}
#p-cactions li.selected a,
#p-cactions li.selected a:hover {
color: #0D2020;
}
#p-cactions .new a {
color: #ffb3b3;
}
/* offsets to distinguish the tab groups */
#p-cactions li#ca-talk,
#p-cactions li#ca-watch,
#p-cactions li#ca-unwatch {
margin-right: 1.6em;
}
#p-cactions li#ca-edit {
font-weight: bold;
}
div#header {
clear: both;
}
#header #site-logo {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
margin: 0;
z-index: 100;
padding-left: 12px;
overflow: visible;
}
/* P-Personal */
#p-personal {
margin-bottom: 0;
}
#p-personal h5 {
display: none;
}
#p-personal .pBody {
line-height: 19px;
margin: 0 0 1.4em 0;
text-align: right;
white-space: nowrap;
border: none;
z-index: 0;
overflow: visible;
background: none;
padding: 0;
}
#p-personal .portlet {
padding: 0;
margin: 0;
border: none;
z-index: 0;
overflow: visible;
background: none;
}
#p-personal .top-nav-element {
display: inline;
margin: 0;
height: 25px;
font-size: 10px;
padding: 0;
}
#p-personal .top-nav-left {
width: 7px;
height: 25px;
display: inline;
/* @embed */
background: url("images/top-left.png") no-repeat;
padding-top: 5px;
padding-right: 4px;
padding-bottom: 8px;
margin-left: 3px;
margin-right: -1px;
}
#p-personal .top-nav-right {
width: 7px;
height: 25px;
display: inline;
/* @embed */
background: url("images/top-right.png") no-repeat;
padding-top: 5px;
padding-left: 4px;
padding-bottom: 8px;
margin-left: -1px;
margin-right: 3px;
}
#p-personal .top-nav-mid {
text-decoration: none;
height: 25px;
display: inline;
/* @embed */
background: url("images/top-mid.png") repeat-x;
padding-top: 5px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 8px;
margin-left: -4px;
margin-right: -4px;
font-size: 10px;
}
#pt-userpage a, #pt-mytalk a {
font-weight: bold;
}
/* this is the ul contained in the portlet */
#p-personal ul {
border: none;
line-height: 22px;
color: #e0f4f4;
margin: 0;
text-align: right;
list-style: none;
z-index: 0;
background: none;
}
/*
** the main content area
*/
h3#siteSub {
display: none;
font-size: 0.75em;
color: #595959;
}
#contentSub,
#contentSub2 {
font-size: 0.875rem;
line-height: 1.4em;
margin: 0 0 0.8em 0;
color: #595959;
width: auto;
}
#contentSub div,
#contentSub2 div {
margin-right: 0;
}
#contentSub2 .breadcrumb {
list-style-type: none;
margin-left: 0.1em;
}
#contentSub2 .breadcrumb li {
display: inline;
}
#jump-to-nav {
display: none;
}
span.subpages {
display: block;
}
img {
border: none;
vertical-align: middle;
}
p {
margin: .4em 0 .5em 0;
line-height: 1.6em;
}
p img {
margin: 0;
}
ul {
line-height: 1.6em;
list-style-type: square;
margin: 0.4em 0 0.4em 1.5em;
padding: 0;
/* @embed */
list-style-image: url("images/bullet.gif");
font-weight: normal;
}
ol {
line-height: 1.6em;
margin: .3em 0 0 3.2em;
padding: 0;
list-style-image: none;
font-weight: normal;
}
li {
margin-top: 0.2em;
margin-bottom: 0.2em;
}
dt {
font-weight: bold;
margin-bottom: .1em;
}
dl {
margin-top: .2em;
margin-bottom: .5em;
}
dd {
line-height: 1.6em;
margin-left: 2em;
margin-bottom: .1em;
}
sup,
sub {
font-size: 0.8em;
}
del {
text-decoration: line-through;
}
legend {
font-size: 10pt;
font-weight: bold;
margin-bottom: 0.3em;
}
fieldset {
margin: 1em 0 1em 0;
padding: 0 1em 1em;
line-height: 1.6em;
border-radius: 6px;
}
fieldset.nested {
margin: 0 0 0.5em 0;
padding: 0 0.5em 0.5em;
}
form {
border: none;
margin: 0;
}
textarea {
width: 100%;
padding: .1em;
}
input.historysubmit {
padding: 0 .3em .3em .3em !important;
cursor: pointer;
height: 1.7em !important;
margin-left: 1.6em;
}
input {
margin: 2px;
vertical-align: middle;
}
input[type="submit"] {
cursor: pointer;
}
iframe {
border-width: 0;
}
/* nested elements */
td > p, td > div {
margin: 0;
padding: 0;
}
#wpSave {
font-weight: bold;
}
select {
vertical-align: middle;
}
abbr,
acronym,
.explain {
border-bottom: 1px dotted #000;
color: #000;
background: none;
cursor: help;
}
q,
blockquote {
font-family: "Palatino Linotype", Georgia, "DejaVu Serif", serif;
font-size: 1em;
color: #595959;
}
/* Code */
code,
pre,
tt,
kbd,
samp {/* override IE6 default */
font-size: 1em;
overflow: auto;
overflow-y: hidden;
font-family: Menlo, Monaco, "Courier New", "Nimbus Mono L", monospace, sans-serif;
}
code,
tt {
background-color: #f9f9f9;
white-space: nowrap;
}
code.long,
tt.long {
display: block;
margin: 0.1em 1em;
white-space: normal;
}
pre {
border: 1px dashed #2f6fab;
color: #000;
background-color: #f9f9f9;
line-height: 1.1em;
padding: 15px 20px 15px 20px;
border-radius: 6px;
}
pre.code {
overflow: auto;
margin: 1em .5em;
padding: .2em;
border: solid 1px;
}
pre.code .remark {
font-size: 1em;
font-style: italic;
}
/* turn off content generation */
pre.code .remark:before,
pre.code .remark:after,
pre.code .note:before {
content: "";
}
/* user notification thing */
.usermessage {
background-color: #ffce7b;
border: 1px solid #ffa500;
color: #000;
font-weight: bold;
margin: 2em 0 1em 0;
padding: 0.5em 1em;
vertical-align: middle;
border-radius: 6px;
}
#sitenotice {
text-align: center;
font-size: 95%;
padding: 0.9em 0.9em 0 0.9em;
margin-top: -1em;
margin-bottom: 0.5em;
}
#sitenotice p {
margin: 0;
padding: 0;
}
#catlinks, .catlinks {
border: 1px solid #aaa;
background-color: #F9F9F9;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
padding-left: 5px;
margin-top: 1em;
clear: both;
border-radius: 6px;
box-shadow: 1px 1px 1px grey;
}
/* emulate center */
.center {
width: 100%;
text-align: center;
}
* .center * {
margin-left: auto;
margin-right: auto;
}
/* small for tables and similar */
.small, .small * {
font-size: 94%;
}
table.small {
font-size: 100%
}
/*
** content styles
*/
.successbox,
.errorbox,
.warningbox {
border-width: 1px;
border-radius: 6px;
margin-bottom: 1em;
padding-left: 5em;
padding-right: 5em;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.successbox p,
.errorbox p,
.warningbox p {
width: 100%;
}
.successbox {
color: #1E6000;
box-shadow: 0 0 2px #1E6000;
}
.errorbox {
color: #8B0000;
background-color: #fdd;
box-shadow: 0 0 2px #8B0000;
}
.warningbox {
color: #7A4100;
box-shadow: 0 0 2px #7A4100;
}
.mw-warning {
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
#mw-anon-edit-warning,
.mw-warning-with-logexcerpt,
.mw-editinginterface {
border-radius: 6px;
border-width: 1px;
}
.skin-cavendish .mw-icon-arrow-expanded,
.skin-cavendish .mw-collapsible-arrow.mw-collapsible-toggle-expanded {
/* @embed */
background: url("images/minus.png") no-repeat scroll left center transparent;
background-size: 12px 12px;
}
.skin-cavendish .mw-icon-arrow-collapsed,
.skin-cavendish .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
/* @embed */
background: url("images/plus.png") no-repeat scroll left center transparent;
background-size: 12px 12px;
}
#mw-hidden-catlinks {
font-style: italic;
color: #595959;
}
span.comment {
color: #595959;
}
.mw-specialpagecached {
font-style: italic;
}
/* images */
img.floatright,
img.float-right {
clear: right;
float: right;
position: relative;
margin-bottom: 0.5em;
margin-left: 0.5em;
padding: 5px;
}
img div.floatright p,
img div.float-right p {
font-style: italic;
}
img.floatleft,
img.float-left {
float: left;
clear: left;
position: relative;
margin-right: 0.5em;
margin-bottom: 0.5em;
padding: 5px;
}
img div.floatleft p,
img div.float-left p {
font-style: italic;
}
/* thumbnails */
div.thumb {
margin-bottom: 0.5em;
border-style: solid;
border-color: #fff;
width: auto;
}
div.thumb div {
background-color: #f9f9f9;
font-size: 8.5pt;
text-align: center;
overflow: hidden;
}
div.thumbinner {
border: 1px solid #cccccc;
padding: 3px !important;
background-color: #f9f9f9;
font-size: 8.5pt;
text-align: center;
overflow: hidden;
border-radius: 6px;
}
li.gallerybox div.thumb {
border-radius: 6px;
box-shadow: 1px 1px 1px grey;
}
div.thumb div a img {
/* border: 1px solid #cccccc; */
}
div.thumbinner div.thumbcaption {
border: none;
text-align: left;
line-height: 1.4em;
padding: 0.3em 0 0.1em 0.2em;
}
div.magnify {
float: right;
border: none !important;
background: none !important;
}
div.magnify a,
div.magnify img {
display: block;
border: none !important;
background: none !important;
}
div.tright,
.float-right,
.floatright {
clear: right;
float: right;
position: relative;
margin-left: 0.7em;
margin-right: 0;
}
table.float-right,
table.floatright {
margin-left: 0.7em;
margin-right: 0;
}
div.tleft,
.float-left,
.floatleft {
float: left;
clear: left;
position: relative;
margin-right: 0.7em;
margin-left: 0;
}
table.float-left,
table.floatleft {
margin-right: 0.7em;
margin-left: 0;
}
.urlexpansion {
display: none;
}
img.tex {
vertical-align: middle;
margin-left: auto;
margin-right: auto;
text-align: center;
}
span.texhtml {
font-family: "Palatino Linotype", Georgia, "DejaVu Serif", serif;
}
/*
** classes for special content elements
** intended to be referenced directly from the wiki src
** User styles
table standards */
table.rimage {
float: right;
position: relative;
margin-left: 1em;
margin-bottom: 1em;
text-align: center;
}
.toccolours {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
/*
** edit views etc
*/
.special li {
line-height: 1.4em;
margin: 0;
padding: 0;
}
/*
** External link icons
*/
#bodyContent a.external, #bodyContent a[href^="gopher://"] {
/* @embed */
background: url("images/external.png") center right no-repeat;
padding-right: 16px;
background-size: 12px 12px;
}
#bodyContent a[href^="https://"],
.link-https {
/* @embed */
background: url("images/locked.png") center right no-repeat;
padding-right: 16px;
background-size: 12px 12px;
}
#bodyContent a[href^="mailto:"],
.link-mailto {
/* @embed */
background: url("images/envelope.png") center right no-repeat;
padding-right: 16px;
background-size: 12px 12px;
}
#bodyContent a[href^="news://"] {
/* @embed */
background: url("images/newspaper.png") center right no-repeat;
padding-right: 16px;
background-size: 12px 12px;
}
#bodyContent a[href^="ftp://"],
.link-ftp {
/* @embed */
background: url("images/folder.png") center right no-repeat;
padding-right: 16px;
background-size: 12px 12px;
}
#bodyContent a[href^="irc://"], #bodyContent a.extiw[href^="irc://"],
.link-irc {
/* @embed */
background: url("images/speech-bubble-left-4.png") center right no-repeat;
padding-right: 16px;
background-size: 12px 12px;
}
#bodyContent a[href^="skype:"],
.link-skype {
/* @embed */
background: url("images/speech-bubble-left-4.png") center right no-repeat;
padding-right: 16px;
background-size: 12px 12px;
}
#bodyContent a.external[href$=".ogg"], #bodyContent a.external[href$=".OGG"],
#bodyContent a.external[href$=".mid"], #bodyContent a.external[href$=".MID"],
#bodyContent a.external[href$=".midi"], #bodyContent a.external[href$=".MIDI"],
#bodyContent a.external[href$=".mp3"], #bodyContent a.external[href$=".MP3"],
#bodyContent a.external[href$=".wav"], #bodyContent a.external[href$=".WAV"],
#bodyContent a.external[href$=".wma"], #bodyContent a.external[href$=".WMA"],
#bodyContent a.external[href$=".m4a"],
.link-audio {
/* @embed */
background: url("images/audio.png") center right no-repeat;
padding-right: 16px;
background-size: 12px 12px;
}
#bodyContent a.external[href$=".ogm"], #bodyContent a.external[href$=".OGM"],
#bodyContent a.external[href$=".avi"], #bodyContent a.external[href$=".AVI"],
#bodyContent a.external[href$=".mpeg"], #bodyContent a.external[href$=".MPEG"],
#bodyContent a.external[href$=".mpg"], #bodyContent a.external[href$=".MPG"],
#bodyContent a.external[href$=".m4v"], #bodyContent a.external[href$=".M4V"],
.link-video {
/* @embed */
background: url("images/video.png") center right no-repeat;
padding-right: 16px;
background-size: 12px 12px;
}
#bodyContent a.external[href$=".pdf"], #bodyContent a.external[href$=".PDF"],
#bodyContent a.external[href$=".doc"], #bodyContent a.external[href$=".DOC"],
#bodyContent a.external[href$=".docx"], #bodyContent a.external[href$=".DOCX"],
#bodyContent a.external[href$=".odt"], #bodyContent a.external[href$=".ODT"],
.link-document {
/* @embed */
background: url("images/document.png") center right no-repeat;
padding-right: 16px;
background-size: 12px 12px;
}
/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #36b;
background: none;
padding: 0;
}
#bodyContent a.external {
color: #36b;
}
/*
** Structural Elements
*/
/*
** general portlet styles (elements in the quickbar)
*/
.portlet {
border: none;
margin: 0 0 0.5em 0;
float: none;
padding: 0;
/* width: 11.6em; */
overflow: hidden;
}
.portlet h4 {
font-size: 95%;
font-weight: normal;
white-space: nowrap;
}
.portlet h5,
.portlet h3 {
background: transparent;
padding: 0 1em 0 0.5em;
display: inline;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
height: 1em;
white-space: nowrap;
border-bottom: none;
color: #004F4F;
}
.portlet h6 {
background: #ffae2e;
border: 1px solid #2f6fab;
border-style: solid solid none solid;
padding: 0 1em;
text-transform: lowercase;
display: block;
font-size: 1em;
height: 1.2em;
font-weight: normal;
white-space: nowrap;
}
.pBody {
font-size: 95%;
background: white;
border-collapse: collapse;
border: 1px solid #aaa;
padding: 0 0.8em 0.3em 0.5em;
}
/* Sidebar */
#nav {
padding: 6px 0;
line-height: 1em;
margin: 0 0 1em 0;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12);
overflow: hidden;
background: #fff;
}
#nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav div, #nav li {
display: inline;
padding: 0;
margin: 0;
}
#nav div span {/* used for un-linked menu items */
display: block;
padding: 6px 10px;
font-weight: bold;
color: #4a4a4a;
}
#nav div h5,
#nav div h3 {
display: block;
padding: 0.6em 1.0em 0.4em;
font-weight: 600;
color: #004F4F;
font-size: 0.75rem;
letter-spacing: 0.06em;
text-transform: uppercase;
}
#nav div span#configParent,
#nav div span #configuration {
display: inline;
font-weight: normal;
padding: 0;
}
#nav div li span {/* used for un-linked menu items */
padding: 4px 8px 4px 20px;
}
#nav div li a {
padding: 8px 8px 8px 20px;
}
#nav div#searchBody {
text-align: center;
}
#nav div form#searchform {
background: #EDF2F2;
}
#nav div form#searchform input#searchInput {
margin-top: 1em;
}
#nav div form#searchform input {
margin-bottom: 1em;
}
#oN {
background-color: #e0e9e9;
}
#oN :hover {
background-color: #c6dcdc;
}
#nav div ul #feedlinks {
display: block;
padding: 8px 20px;
text-decoration: none;
background: #edf2f2;
border-bottom: 1px solid #ddd;
border-top: 1px solid #fff;
border-right: 1px solid #ddd;
}
#nav div ul #feedlinks #feed-rss,
#nav div ul #feedlinks #feed-atom {
display: inline;
background: #EDF2F2;
border: none;
padding: 0;
}
#nav div ul #feedlinks a.feedlink:last-child:before {
content: " | ";
}
#nav div ul #feedlinks #feed-atom:only-child:before {
content: "";
}
#nav .pBody {
border: none;
}
#nav div a,
#nav div span.social {
display: block;
padding: 8px 10px;
text-decoration: none;
font-size: 0.9rem;
}
/*
** Logo properties
*/
#p-logo {
z-index: 3;
position: absolute; /* needed to use z-index */
top: 0;
left: 0;
height: 155px;
width: 12em;
overflow: visible;
}
#p-logo h5 {
display: none;
}
#p-logo a,
#p-logo a:hover {
display: block;
height: 155px;
width: 12.2em;
background-repeat: no-repeat;
background-position: 35% 50% !important;
text-decoration: none;
}
/*
** the navigation portlet
*/
#p-nav {
position: relative;
z-index: 3;
}
/*
** Search portlet
*/
#header form {
display: inline;
}
#header #p-search {
position: absolute;
font-size: 0.95rem;
top: 0;
right: 0;
padding: 15px 20px 0 0;
margin: 0; /* need for IE Mac */
text-align: right; /* need for IE Mac */
white-space: nowrap; /* for Opera */
}
#header #p-search h3 {
display: none;
}
#searchBody {
background-color: transparent;
border: 0;
display: inline;
}
#header form label,
#header label {
font-size: 8.5pt;
}
#header form input {
font-size: 8.5pt;
}
#header form #submit {
font-size: 8.5pt;
background: #005A5A;
color: #fff;
padding: 1px 4px;
border: 1px solid #004040;
border-radius: 4px;
}
#header form #searchInput:hover,
#header form #searchInput:focus {
background: #fff;
}
#p-search {
/* position: relative; */
z-index: 3;
border-bottom: none;
}
#p-search .pBody {
text-align: center;
padding: 0.5em 0.4em 0.4em 0.4em;
}
#searchform input.searchbutton {
margin-top: 1px;
font-size: 8.5pt;
}
#searchform div {
display: inline
}
#searchgobutton, #searchGoButton {
padding-left: .5em;
padding-right: .5em;
font-weight: bold;
}
#header form #searchInput {
width: 270px;
font-size: 8.5pt;
padding: 2px;
margin: 0 0.5em 0 0.5em;
border-radius: 6px;
background-color: #ffffff;
color: #1a1a1a;
border: 1px solid #a0c8c8;
}
#searchInputResult {
font-size: 8.5pt;
}
.suggestions {
margin-right: 142px;
}
/*
** the remaining portlets
*/
#p-tbx, #p-lang {
position: relative;
z-index: 3;
}
/*
** Footer
*/
#footer {
clear: both;
margin-top: 1em;
font-size: 7pt;
border-top: 1px solid #999;
padding-top: 2em;
color: #525252;
}
#footer ul {
margin: 0 0 1em 0;
padding: 0;
line-height: 1.6em;
list-style: none;
}
#footer li {
margin: 0;
white-space: nowrap;
}
#footer table {
width: 100%;
text-align: center;
}
#f-list {
width: 70%;
}
#f-list #f-credits {
white-space: normal;
}
#footer td.f-iconsection {
width: 5%;
text-align: center;
vertical-align: top;
padding-right: 1em;
white-space: nowrap;
}
#f-list li {
list-style: none;
list-style-image: none;
list-style-type: none;
}
#footer #f-poweredbyico a,
#footer #f-copyrightico a {
display: list-item;
margin-bottom: 5px;
list-style: none;
list-style-image: none;
list-style-type: none;
}
#footer p, #footer a {
margin: 0.6em 0;
display: inline;
white-space: nowrap;
}
#f-about,
#f-disclaimer,
#f-privacy,
#f-viewcount,
#f-numberofwatchingusers {
display: inline;
padding-left: 5px;
padding-right: 5px;
}
/* footer icons need a fixed width */
* > html #f-poweredbyico,
* > html #f-copyrightico {
width: 88px;
}
* > html #mBody,
* > html #mBody pre {
overflow-x: auto;
width: 100%;
padding-bottom: 25px;
}
/* more IE fixes */
/* float/negative margin brokenness */
* html #footer {
margin-top: 0;
}
* html #column-content {
display: inline;
margin-bottom: 0;
}
* html div.editsection,
* html div.mw-editsection {
font-size: smaller;
}
.printfooter {
display: none;
}
.not_patrolled {
background-color: #ffa;
}
div.patrollink {
font-size: 75%;
text-align: right;
}
span.newpage,
span.minor,
span.searchmatch {
font-weight: bold;
}
span.unpatrolled {
font-weight: bold;
color: #f00;
}
span.searchmatch {
color: #f00;
}
.sharedUploadNotice {
font-style: italic;
width: 100%;
font-size: 100%;
border: 1px solid #00d;
background-color: #ddf;
margin-top: 3pt;
padding: 5px;
border-radius: 5px;
box-shadow: 0 0 2px #00d;
}
span.newpageletter {
font-weight: bold;
color: #000;
background-color: #ff0;
}
span.minoreditletter {
color: #000;
background-color: #c5ffe6;
}
/* ADDED BY DEB@DRIA.ORG FOR DEVMO WIKI */
.standard-table {
border: solid #000 1px;
border-collapse: collapse;
}
.standard-table td {
text-align: left;
vertical-align: top;
padding: 5px;
border: solid #bbb 1px;
}
.standard-table td.header,
.standard-table th {
font-weight: bold;
background: #ddd;
border: solid #bbb 1px;
text-align: left;
padding: 0 5px;
}
.fullwidth-table {
border: solid #666 1px;
border-collapse: collapse;
width: 100%;
margin-bottom: 10px;
background: #fff;
}
.fullwidth-table td {
text-align: left;
vertical-align: top;
padding: 5px 15px;
border: solid #bbb 1px;
}
.fullwidth-table td.header,
.fullwidth-table th {
background: #ddd;
border: solid #bbb 1px;
font-weight: bold;
font-size: 1.2em;
text-align: left;
padding: 0 5px;
}
div.breadcrumbs {
border: solid #888 1px;
padding: 0 5px;
background: #ddd;
margin: 5px 0 10px 0;
font-size: 0.9em;
}
div.breadcrumbs a.breadcrumbs {
text-decoration: none;
}
div.breadcrumbs span.breadcrumbs {
font-weight: bold;
}
div.tip {
border: solid #0f0 2px;
padding: 0 10px 0 10px;
margin: 10px 0 10px 0;
background: #dfd;
}
div.note {
/* border: solid goldenrod 2px; */
padding: 0 10px;
margin: 10px 0;
background: #ffd;
color: #000;
}
div.note:before {
content: "";
}
.originaldocinfo {
font-size: 0.8em;
background: #ffd;
border: solid #cce 1px;
width: auto;
padding: 0 10px;
margin: 15px 0;
}
.originaldocinfo p {
line-height: 0.8em;
}
.originaldocinfo h2 {
font-size: 1.3em;
font-weight: bold;
}
.licenseblock {
border: dashed #888 1px;
background: #ddd;
font-size: 0.8em;
padding: 0 10px;
}
.wrong-source-code {
color: #d00;
}
.right-source-code {
color: #0a0;
}
.template-toc {
background: #ddd;
font-size: 0.9em;
border: solid #000 1px;
padding: 0 10px;
margin: 15px 0;
width: auto;
}
.prevnext {
font-size: 0.9em;
margin: 10px 0 20px 0;
}
div.highlight {
border-left: solid #00f 3px;
padding-left: 15px;
}
span.highlightblue {
color: #00f;
}
span.highlightred {
color: #f00;
}
.side-note {
width: auto;
padding: 0 20px;
margin: 10px 0;
border: solid #666 1px;
background: #eee;
}
.side-note-left {
float: left;
width: 40%;
padding: 0 20px;
margin: 10px 10px 10px 0;
border: solid #666 1px;
background: #eee;
}
.side-note-right {
float: right;
width: 40%;
padding: 0 20px;
margin: 10px 0 10px 10px;
border: solid #666 1px;
background: #eee;
}
/* new for devmo topic pages */
.callout-box {
float: right;
border: solid #000 1px;
text-align: center;
width: 200px;
margin: 0 0 15px 15px;
padding: 10px;
background: #eee;
}
.topicpage-table {
width: 100%;
}
.topicpage-table td {
width: 50%;
vertical-align: top;
padding: 10px;
}
.alllinks {
font-size: 10px;
float: right;
}
.date {
color: #668;
font-style: italic;
}
.disambig {
font-size: 0.9em;
border-top: solid #aaa 1px;
border-bottom: solid #aaa 1px;
}
.notice {
font-size: 0.9em;
border: solid #aaa 1px;
padding: 5px;
margin: 5px 0 5px 0;
}
/* Special:RecentChanges */
.mw-special-Recentchanges ul.special {
margin: 0;
border-radius: 6px;
border: 1px #fff solid;
}
.mw-special-Recentchanges ul.special li {
list-style-type: none;
list-style-image: none;
}
/* Special:AllPages */
.allpageslist {
margin: auto;
}
.newpage {
color: #0f0;
}
.minor, .minoredit {
color: #808080;
}
/* Portal page style */
.portalseite div.portal-container,
.hauptseite-oben,
.hauptseite-links,
.hauptseite-rechts,
.hauptseite-unten {
box-shadow: 1px 1px 1px #88080;
margin-bottom: 1em;
border-radius: 6px;
}
h2.portal-heading,
.portalseite h2,
#hauptseite h2 {
border-width: 1px;
border-color: #aaa;
border-style: solid solid dotted;
background-color: #f0f0f0;
padding: 0.2em 0;
margin: 0;
font-size: 1.1em;
font-weight: bold;
text-indent: 0.5em;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
h3.portal-heading,
.portalseite h3,
#hauptseite h3 {
background-color: #f0f0f0;
border-bottom: 1px dotted #aaa;
font-size: 1em;
font-weight: bold;
margin-bottom: 0.5em;
margin-top: 0.5em;
padding-bottom: 0.1em;
padding-left: 0.3em;
padding-top: 0.1em;
}
.portalseite div.inhalt,
div.portal-content,
#hauptseite .inhalt {
border: 1px solid #aaa;
border-top: 0;
background-color: #fff;
margin-bottom: 1em;
padding: 0.5em 0.8em 0.5em 0.8em;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.hauptseite-links,
.portalseite .portal-left {
margin-right: 0.5em;
}
.hauptseite-rechts,
.portalseite .portal-right {
margin-left: 0.5em;
}