MediaWiki:Monobook.css

Aus NetzNetzWiki
Wechseln zu: Navigation, Suche

Hinweis - Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können: Mozilla/Firefox/Safari: Shift gedrückt halten und auf Aktualisieren klicken oder alternativ entweder Strg-F5 oder Strg-R (Befehlstaste-R auf dem Macintosh) drücken; Konqueror: Auf Aktualisieren klicken oder F5 drücken; Opera: Cache unter Extras → Einstellungen leeren; Internet Explorer: Strg-F5 drücken oder Strg gedrückt halten und dabei Aktualisieren anklicken. 

/* NetzNetz Wiki skin by Michael Zeltner http://niij.org/
   Based on former work by c3o http://c3o.org/

   If you have questions, improvements etc. please contact
   koordination@netznetz.net

   Authors statement: As part of the reason why MediaWiki's markup and CSS came
   to look like it does now, I want to say sorry that we didn't finish our job
   at Plone to clean things up. This sucks.
*/

/* Layout

body div#globalWrapper {
    position: static;
    width: 71em !important;
}

#content, * html #column-content #content {
    padding: 0 1em 1em 1em;
    margin: 14em 0 0 0;
    background: #efefef !important;
}

* html body #column-one #p-navigation ul,
* html body #column-one #p-navigation ul li,
* html body #column-one #p-tb ul,
* html body #column-one #p-tb ul li {
    list-style: none;
    list-style-type: none;
    background: transparent;
    list-style-image: none;
}    

.portlet {
    width: 16.5em !important;
}

#p-personal {
    position: absolute;
    top: 0.5em;
    right: 0;
    padding: 0;
    margin: 0;
    width: 71.5em !important;
}

#p-logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    height: 100px;
}

#p-logo a, #p-logo a:hover {
    display: block;
    width: 225px;
    height: 100px;
    background-image: url('http://netznetz.net/wiki/images/c/c9/Logo.png') !important;
    background-position: 0px 0px !important;
}

#p-cactions, #p-personal {
    z-index: 4;
}

#p-cactions  {
    position: absolute;
    top: 16.8em;
    left: 0;
    right: 0;
    z-index: 200;
}

#p-cactions li {
    font-size: 100%;
}

#p-navigation {
    position: absolute;
    top: 2em;
    left: 235px;
    float: left;
    margin: 0;
}

#p-search {
    position: absolute;
    top: 110px;
    left: 1em;
    margin: 2em 0 0 0;
}

#p-tb {
    position: absolute;
    top: 0;
    left: 235px;
    margin: 2.5em 0 0 18em;
}


/* Content

body {
    background-image: none;
    background-color: #fff;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia;
    font-style: italic;
    margin-top: .5em;
}

/* Here an example of how MediaWiki rapes HTML & CSS - laugh, it's funny ...
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
    text-align: left;
}

* html .toc, * html #toc {
    padding: 1em;
}

#notification {
    border: 2px solid #f60 !important;
    background: #f9f9f9;
    padding: 0.25em 0.5em;
    clear: both;
    text-align: center;
    font-weight: bold;
    margin: 1em 1em;
}

.portlet h5, .portlet h6, #p-personal ul, #p-cactions li a {
    text-transform: none;
}

table, table.diff, td.diff-otitle, td.diff-ntitle {
    background: transparent
}

ul {
    list-style-type: disc;
}

a, #bodyContent a.external {
    color: #56a;
    text-decoration: none;
}

#bodyContent a {
    color: #56a;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #ccc;
}

a:hover {
    text-decoration: underline;
}

#bodyContent a:hover {
    color: #000;
    border-bottom: 1px solid #333;
    text-decoration: none;
}

a:visited {
    color: #102a5d;
}

#p-cactions li a {
    color: #000;
}

#p-cactions .new a {
    color: #f00;
    font-style: italic;
}

#p-personal li a {
    color: #666;
}

#p-personal li a:hover {
    color: #000;
    background-color: transparent;
}

#p-cactions li, #p-cactions li a, .pBody {
    border: 0;
}

#p-cactions li a {
    border-top: 2px solid #fff !important;
}

* html #p-cactions li a {
    margin-top: -0.4em !important;
}

#p-cactions li a, * html #p-cactions li a {
    background-color: #fff;
    padding-top: .2em;
    padding-bottom: .3em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    letter-spacing: -1px;
}

#p-cactions li.selected a, * html #p-cactions li.selected a {
    background-color: #efefef;
    padding: .2em .8em .3em .8em !important;
}

#p-cactions li a:hover {
    background-color: #f8f8f8;
}

#p-navigation, #p-search, #p-tb, #p-navigation .pBody, #p-search .pBody, #p-tb .pBody {
    padding: 0;
}

#p-navigation a, #p-search a, #p-tb a {
    color: #444;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    letter-spacing: -1px; 
}

#p-tb a {
    font-size: 1em;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1em;
}

#p-navigation a:hover, #p-search a:hover, #p-tb a:hover {
    color: #000;
}

* #p-navigation ul, * #p-search ul, * #p-tb ul,
* #p-navigation li, * #p-search li, * #p-tb li {
    list-style: none !important;
    list-style-type: none !important;
    background: transparent !important;
    margin-left: 0;
}

#p-navigation ul li, #p-search ul li, #p-tb ul li {
    margin-left: 0;
    padding: .3em 0 .3em 0;
    border-bottom: 1px dotted #999;
}

#p-tb ul li {
    margin: 0;
    padding: 0;
}

#p-search {
    margin: 1em 0;
}

#searchBody {
    text-align: right !important;
}

#p-search #searchInput {
    width: 195px;
    display: block;
}

#p-search input.searchButton {
    text-align: right;
}

.pBody {
    background: transparent !important;
}

#column-one h5 {
    display: none;
}

#searchform {
    text-align: left;
}

#content {
    top: 25px;
    left: 1em;
    border: 0;
    margin-bottom: 3em;
    margin-right: 2em; 
}

#bodyContent {
    background-color: #efefef;
    padding: 0 0 0 0;
}

#bodyContent a.new, #p-personal a.new {
    color: #f00;
}

h1.firstHeading {
    padding: 1.5em 0 0 0;
    color: #000;
    font-size: 175%;
    font-weight: bold;
    border: 0;
    text-decoration: none;
    letter-spacing: -1px;
    margin: 0;
}

.portlet ul, ul {
    list-style-image: url('http://netznetz.net/wiki/images/1/17/Bullet.gif');    
}

.previewnote {
    color: #e45712;
}

#bodyContent .thumb {
    border-color:#eee;
}

#toc {
    float: none;
    font-size: 100%;
}

/* most useless feature of mediawiki
.toctoggle {
    display: none;
}

#catlinks {
    border: 0;
    border-top: 1px dotted #999;
    background: transparent;
    margin: 2em 0 0 0;
    padding: 0.5em 0 0 0;
}

.catlinks {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    margin: 0;
    padding: 0;
}

.catlinks a {
    border: 0 !important;
}

.editsection {
    margin-top: 1em;
    font-size: .9em;
    color: #888;
}

.editsection a {
    color: #888;
}

#footer {
    float: right;
    background: transparent;
    z-index: 5;
    border: 0;
    padding: 0 1em 0.5em 0;
    margin-bottom: 2em;
    text-align: right;
    width: 70%;
}

* html #footer {
    margin-top: 2em;
}

#footer li {
    display: inline;
    margin: 0 0.2em;
}

#footer img {
    display: none;
}

pre {
    border: 0;
}

/* The All New Wonderous Frontpage that Rocks Your Socks

   MediaWiki is still a PITA. And I don't mean the kind of bread.


.page-Hauptseite #column-content,
.page-Hauptseite #content {
    padding-top: 0;
}

.page-Hauptseite #notification {
    margin-bottom: 2em;
}

.page-Hauptseite #frontpage-ongoing,
.page-Hauptseite #frontpage-discourse-online-emails {
    border: 1px solid #ccc !important;
    background: #f9f9f9;
    padding: 0.5em 0.75em;
    margin: 1em 0.25em;
    position: relative;
}

.page-Hauptseite #frontpage-ongoing ul {
    padding: 0 0 0 1.25em;
    margin: 0;
}

.page-Hauptseite #frontpage-ongoing h2,
.page-Hauptseite #frontpage-discourse-online-emails h4 {
    margin: 0;
    border: 0;
    padding: 0;
}

.page-Hauptseite #frontpage-ongoing h2 {
    display: block;
    font-size: 300%;
    float: right;
    padding: 1.25em 1em;
    width: 5em;
    text-align: center;
}

.page-Hauptseite #frontpage-ongoing h2 a:link,
.page-Hauptseite #frontpage-ongoing h2 a:visited {
    color: #000;
    padding-right: 0;
    background: transparent;
}

.page-Hauptseite #frontpage-ongoing p,
.page-Hauptseite #frontpage-discourse-online-emails p {
    position: absolute;
    top: 0.25em;
    right: 0.25em;
    margin: 0;
    padding: 0;
}

.page-Hauptseite #frontpage-ongoing p a,
.page-Hauptseite #frontpage-ongoing p a:hover,
.page-Hauptseite #frontpage-discourse-online-emails p a,
.page-Hauptseite #frontpage-discourse-online-emails p a:hover {
    display: block;
    padding: 14px 0 0 0;
    width: 14px;
    height: 0;
    overflow: hidden;
    background: url('http://netznetz.net/wiki/images/e/e1/Feed-icon.gif');
    border: 0;
    margin: 0;
}

/*.page-Hauptseite #p-navigation,
.page-Hauptseite #p-tb,
.page-Hauptseite #p-cactions,
.page-Hauptseite .firstHeading {
    display: none;
}

.page-Hauptseite #frontpage-discourse h3 {
    font-size: 100%;
}

.page-Hauptseite #frontpage-actions {
    padding: 0;
    width: 560px;
    margin: 0 auto;
    list-style: none;
    list-style-type: none;
}

.page-Hauptseite #frontpage-actions li {
    width: 140px;
    padding: 0;
    display: block;
    list-style: none;
    list-style-type: none;
    text-align: center;
    float: left;
    margin-left: -0.5em;
}

.page-Hauptseite #frontpage-actions a {
    display: block;
    padding-top: 100px;
    border: 0;
    background-position: 50% 0% !important;
    margin: 1em 0;
}

.page-Hauptseite #frontpage-action-validation a {
    background: url('http://netznetz.net/wiki/images/d/d3/Validierung.gif') no-repeat;
}

.page-Hauptseite #frontpage-action-participate a {
    background: url('http://netznetz.net/wiki/images/f/f3/Teilnehmen.gif') no-repeat;
}

.page-Hauptseite #frontpage-action-submission a {
    background: url('http://netznetz.net/wiki/images/c/cb/Einreichen.gif') no-repeat;
}

.page-Hauptseite #frontpage-action-voting a {
    background: url('http://netznetz.net/wiki/images/c/c5/Waehlen.gif') no-repeat;
    background-position: 70% 0% !important;
}

.page-Hauptseite #frontpage-description-more,
.page-Hauptseite #frontpage-wikihelp {
    clear: both;
}

.page-Hauptseite #bodyContent .firstHeading {
    display: block;
    padding-top: 0;
}

.page-Hauptseite #frontpage-discourse-online,
.page-Hauptseite #frontpage-discourse-offline {
    width: 49%;
    float: left;
}

.page-Hauptseite #frontpage-discourse-offline {
    margin-right: 2%;
}

.page-Hauptseite #frontpage-resorts {
    position: absolute;
    top: -175px;
    right: 0;
    width: 660px;
    height: 160px;
    overflow: hidden;
}

.page-Hauptseite #frontpage-resorts div {
    float: left;
    margin: 0 0 0 5px;
    position: relative;
    width: 160px;
    height: 160px;
    overflow: hidden;
}

.page-Hauptseite #frontpage-resorts h2 {
    padding: 0;
    margin: 0;
    border: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.page-Hauptseite #frontpage-resorts h2 a {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 200;
    display: block;
    width: 160px;
    padding: 160px 0 0 0;
    margin: 0;
    border: 0;
    height: 0;
    overflow: hidden;
}

.page-Hauptseite #frontpage-resorts #frontpage-facilities h2 a {
    background: url('http://netznetz.net/wiki/images/e/ea/Frontpage-overlay-einrichtungen.gif') no-repeat;
}

.page-Hauptseite #frontpage-resorts #frontpage-digital-art h2 a {
    background: url('http://netznetz.net/wiki/images/e/e9/Frontpage-overlay-kunst.gif') no-repeat;
}

.page-Hauptseite #frontpage-resorts #frontpage-digital-culture h2 a {
    background: url('http://netznetz.net/wiki/images/9/94/Frontpage-overlay-kultur.gif') no-repeat;
}

.page-Hauptseite #frontpage-resorts #frontpage-annual-convention h2 a {
    background: url('http://netznetz.net/wiki/images/4/40/Frontpage-overlay-ac.gif') no-repeat;
}
*/
Von „http://netznetz.net/wiki/MediaWiki:Monobook.css“
Meine Werkzeuge