Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/** Monobook Sidebar **/
/*Ohne hässliches Padding */
#p-navigation ul, #p-tb ul, #p-Community ul, #p-Offizielle_Links ul{
margin: 0;
}
#p-navigation > div, #p-tb > div, #p-Community > div, #p-Offizielle_Links > div {
border: none;
background: white;
padding: 1px;
}
/*Anderes als eine Liste*/
#p-navigation li, #p-tb li, #p-Community li, #p-Offizielle_Links li{
margin-top: 1px;
display:block;
list-style-image: none !important;
font-weight: bold;
font-size: 110%;
}
/*allgemeine Gestaltung der Links*/
#p-navigation li > a, #p-tb li > a, #p-Community li > a, #p-Offizielle_Links li > a{
display: block;
position: relative;
background: #335AB6;
color: white;
padding: 0 0 0 10px;
line-height: 22px;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #EEEEEE;
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
-webkit-border-top-right-radius: 1em;
-webkit-border-bottom-right-radius: 1em;
}
/*spezielles Menü nur für die erste Ebene*/
#p-navigation > div > ul > li > a, #p-tb > div > ul > li > a, #p-Community > div > ul > li > a, #p-Offizielle_Links > div > ul > li > a {
background: #335AB6;
margin: 1px 1px 0 1px;
padding: 0 0 0 10px;
color: white;
width: auto;
}
#p-navigation > div > ul > li.hover > a, #p-tb > div > ul > li.hover > a, #p-Community > div > ul > li.hover > a, #p-Offizielle_Links > div > ul > li.hover > a{
background-color: white;
color: #335AB6;
border: 1px solid #335AB6;
}
#p-navigation > div > ul > li > a > em, #p-tb > div > ul > li > a > em, #p-Community > div > ul > li > a > em, #p-Offizielle_Links > div > ul > li > a > em{
right: 10px;
}
/* Marker Untermenü */
#p-navigation em, #p-tb em, #p-Community em, #p-Offizielle_Links em {
font-style: normal;
font-size:16pt;
font-weight:bold;
line-height:20px;
position:absolute;
right:8px;
top:0px;
}
/*hover*/
#p-navigation li > ul > li.hover > a, #p-tb li > ul > li.hover > a, #p-Community li > ul > li.hover > a, #p-Offizielle_Links li > ul > li.hover > a {
background-color: white;
color: #335AB6;
}
#p-navigation li.hover > ul.sub-menu, #p-tb li.hover > ul.sub-menu, #p-Community li.hover > ul.sub-menu, #p-Offizielle_Links li.hover > ul.sub-menu{
display:block;
}
/* general submenu*/
#p-navigation ul.sub-menu, #p-tb ul.sub-menu, #p-Community ul.sub-menu, #p-Offizielle_Links ul.sub-menu {
border: 1px solid #aaa;
display:none; background: white;
position:absolute;
padding: 1px;
min-width: 196px !important;
max-width: 380px !important;
margin-left: 180px;
margin-top: -22px;
z-index: 100;
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
-webkit-border-top-right-radius: 1em;
-webkit-border-bottom-right-radius: 1em;
}
/* Nur die erste */
#p-navigation > div > ul > li > ul.sub-menu, #p-tb > div > ul > li > ul.sub-menu, #p-Community > div > ul > li > ul.sub-menu, #p-Offizielle_Links > div > ul > li > ul.sub-menu{
margin-left: 12.1em;
}
/* CSS placed here will affect users of the Monobook skin */
#content {
width: 1000px !important;
margin-left: 196px !important;
margin-right: 25px !important;
margin-top: 123px !important;
padding: 0px 1em 1.5em 1em !important;
background: white !important;
color: black !important;
border: 2px solid #335AB6 !important;
line-height: 1.5em !important;
z-index: 2 !important;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
}
#column-content {
margin-top: 50px !important;
margin-left: -196px !important;
}
#mw-content-text {
margin-right: 15px !important;
}
/*********************************************************
Logo
*********************************************************/
#p-logo {
margin-left: 5px; /* 21 */
width: 165px; /* 233 */
}
/*********************************************************
Hintergrundbild
body {
background: url(http://sevengamer.de/wp-content/themes/Petra/images/bg/body2.png);
background-color:grey;
background-attachment:fixed;
}
*********************************************************/
/*********************************************************
Suche
*********************************************************/
#searchInput {
margin-bottom: 6px !important;
background: #ffffff;
border: 1px solid #335AB6;
margin-bottom: 3px;
padding: 2px;
width: 110px;
}
#p-search, #p-facebook {
background: #335AB6;
padding-top: 1px;
border: 1px solid #335AB6;
border-bottom-left-radius: 1em;
border-top-left-radius: 1em;
border-bottom-right-radius: 1em;
border-top-right-radius: 1em;
margin: 1em 0;
margin-left: 7px;
}
#p-search h5 {
display: block;
border: none;
position: relative;
color: black;
left: -180px;
width: 282px;
height: 16px;
}
#p-search .pBody {
padding: 0;
margin: 0;
}
/*********************************************************
Bearbeitungsbuttons oben
*********************************************************/
#p-cactions {
margin-top: 138px !important;
left: 183px !important;
background-color: transparent;
border-bottom: none;
}
#p-cactions li {
border: 2px solid #335AB6;
border-bottom: none;
}
#p-cactions li.selected {
border: 1px solid #335AB6;
border-bottom: none;
}
#p-cactions li a:hover {
text-decoration: none;
background-color: white;
border: 1px solid #335AB6;
border-bottom: none;
color: black;
}
#p-cactions ul li, #p-cactions ul li a {
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
}
.toc {
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
/*********************************************
Benutzerareal links oben
**********************************************/
#p-personal li{
padding: 3px;
background-image: -moz-linear-gradient(bottom, #FFFFFF, #FFFFFF);
background-image: -webkit-linear-gradient(bottom, #FFFFFF, #FFFFFF); /* Webkit */
background-image: -o-linear-gradient(bottom, #FFFFFF, #FFFFFF); /* Opera */
background-image: -ms-linear-gradient(bottom, #FFFFFF, #FFFFFF); /* IE */
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px; /* FF 3.6 */
border-top:0;
border: 1px solid#335AB6;
-moz-transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s;
-moz-transition-property: padding, font-size, opacity, border, background;
-moz-transition-timing-function: ease-in, ease-out, ease-out, linear, ease-out;
}
#p-personal li:hover{
padding:5px 3px;
background-image: -moz-radial-gradient(center left, ellipse farthest-corner, #FFFFFF, #FFFFFF, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -moz-linear-gradient(bottom, #EAFBC1, rgba(255, 255, 255, 0.3));
background-image: -webkit-radial-gradient(center left, ellipse farthest-corner, white 0, white 33.33%, rgba(255, 255, 255, 0) 66.67%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(left, #EAFBC1 0, rgba(255, 255, 255, 0.3) 100%); /* Webkit */
background-image: -o-linear-gradient(left, #FFFFFF 0, rgba(255, 255, 255, 0.3) 100%); /* Opera (doesn't support radial gradients yet) */
background-image: -ms-radial-gradient(center left, ellipse farthest-corner, #FFFFFF 0, #FFFFFF 33.33%, rgba(255, 255, 255, 0) 66.67%, rgba(255, 255, 255, 0) 100%), -ms-linear-gradient(left, #EAFBC1 0, rgba(255, 255, 255, 0.3) 100%); /* IE */
border:2px solid#335AB6;
border-top:0;
}
#p-personal li a:hover{
background:none;
}
/*********************************************
Footer
**********************************************/
div#footer {
background:#f9f9f9;
background:linear-gradient(top,#f9f9f9,#ddd);
background:-o-linear-gradient(top,#f9f9f9,#ddd);
background:-ms-linear-gradient(top,#f9f9f9,#ddd);
background:-moz-linear-gradient(top,#f9f9f9,#ddd);
background:-webkit-linear-gradient(top,#f9f9f9,#ddd);
margin-left: 196px !important;
margin-right: 25px !important;
padding: 0px 1em 1.5em 1em !important;
color: black !important;
border: 1px solid #335AB6 !important;
line-height: 1.5em !important;
z-index: 2 !important;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
width: 1000px !important;
}
li#lastmod { display: none !important; }
/*********************************************
Seitennotiz
**********************************************/
#siteNotice {
padding: 10px 0.9em 0 0.9em;
background: white;
margin-bottom: 5px;
border-radius: 0.5em;
border: none;
}
/********** Tauscht das * gegen ein anderes icon, wenn man ein bild einbindet wie bei .portlet ul *************/
ul {
line-height: 1.5em;
list-style-type: square;
margin: .5em 0 0 1.5em;
padding: 0;
}
/********** Bild vor den Menüpunkten *************/
.portlet ul {
line-height: 1.5em;
list-style-type: none;
margin: 0 0 0 3em;
font-size: 95%;
}
.portlet ul a:hover {
font-size: 100%;
font-weight: bold;
}
pre {
overflow: auto;
}
/*******************************************************
Menüpunkte ausblenden
*******************************************************/
#p-Auktionshaus { display: none !important; }
#p-Vorlagen { display: none !important; }
#p-Hauptnavigation { dislpay: none !important; }
#p-Grundlagen { display: none !important; }
#p-Anderes { display: none !important; }
#p-Kampf_und_Missionen { display: none !important; }
/*********************************************
Buttonstyle
**********************************************/
input[type='submit'], input[type='reset'], input[type='button'] {
padding:1px 6px 3px;
border:3px double #aaa;
border-radius:4px;
cursor:pointer;
color:#222;
background:#f7f7f7;
background:linear-gradient(top,#f7f7f7,#e7e7e7);
background:-o-linear-gradient(top,#f7f7f7,#e7e7e7);
background:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);
background:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);
background:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);
text-shadow:1px 1px 2px #aaa;
}
input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
border-color:#335AB6;
box-shadow:0 0 5px #5D6D91;
}
input[type='submit']:active, input[type='reset']:active, input[type='button']:active {
padding:1px 5px 3px 7px;
}
/*********************************************************
Navigation & Werkzeug
*********************************************************/
#p-navigation, #p-tb, #p-Community, #p-Offizielle_Links {
margin-top: 15px;
background: #335AB6;
padding-top: 1px;
border: 1px solid #335AB6;
border-bottom-left-radius: 1em;
border-top-left-radius: 1em;
border-bottom-right-radius: 1em;
border-top-right-radius: 1em;
}
#p-navigation, #p-tb, #p-Community, #p-Offizielle_Links {
margin: 1em 0;
margin-left: 7px;
}
#p-navigation h5, #p-tb h5, #p-Community h5, #p-Offizielle_Links h5 {
display: block;
border: none;
position: relative;
top: 3px;
left: -180px;
width: 282px;
height: 16px;
}