MediaWiki:Common.css: Unterschied zwischen den Versionen
LB (Diskussion | Beiträge) |
LB (Diskussion | Beiträge) |
||
(211 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
+ | |||
+ | |||
+ | /* ==== fonts ==== */ | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Roboto'; | ||
+ | src: url('https://forum.e-vendo.de/style/Roboto/Roboto-Regular.ttf') | ||
+ | format('truetype'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Ubuntu'; | ||
+ | src: url('https://forum.e-vendo.de/style/Ubuntu/Ubuntu-Regular.ttf') | ||
+ | format('truetype'); | ||
+ | } | ||
+ | |||
+ | |||
+ | body {font-family:'Roboto', sans-serif; font-size:15px;} | ||
+ | div#content h1, div#content h2, div#content h3, div#content h4, div#content h5 {font-family: 'Ubuntu', sans-serif;} | ||
+ | |||
+ | |||
+ | |||
+ | .mw-body-content {font-size:100%; line-height:1.5em;} | ||
+ | |||
+ | .mw-wiki-logo {background-image:url(https://wiki.e-vendo.de/images/3/3b/Wiki_logo.png);} | ||
+ | |||
+ | .divmcdiffy { | ||
+ | position:relative; | ||
+ | background:linear-gradient(#fbfbfb, #f3f3f3); | ||
+ | border:1px solid #cccccc; | ||
+ | display:inline-block; | ||
+ | overflow:hidden; | ||
+ | padding:8px 15px; | ||
+ | color:#038387; | ||
+ | } | ||
+ | |||
+ | .divmcdiffy::before{ | ||
+ | position:absolute; | ||
+ | height:100%; | ||
+ | width:200%; | ||
+ | transform:scaleX(0); | ||
+ | transition:transform 0.5s; | ||
+ | background-color:rgba(252,186,3,0.25); | ||
+ | content:''; | ||
+ | display:block; | ||
+ | left:-100%; | ||
+ | top:0; | ||
+ | } | ||
+ | |||
+ | .divmcdiffy:hover::before{ | ||
+ | transform:scaleX(1); | ||
+ | } | ||
+ | |||
+ | |||
+ | .button_macos { | ||
+ | color:white; | ||
+ | background-color:#3978e5; | ||
+ | padding:2px 6px; | ||
+ | border-radius:3px; | ||
+ | box-shadow:1px 1px 2px #4f4f4f; | ||
+ | } | ||
+ | |||
+ | /* ==== neue Buttons ==== */ | ||
+ | .btn1 div:hover {background-color:#f0f0f0;} | ||
+ | .btn1 div {transition: background-color 0.3s;} | ||
+ | .btn1 div:active {background-color:#c8ccd1;} | ||
+ | |||
+ | .btn1-inner { | ||
+ | display:inline-block; | ||
+ | border: 1px solid #a2a9b1; | ||
+ | box-sizing:border-box; | ||
+ | background-color:#f8f9fa; | ||
+ | margin-bottom:0px; | ||
+ | border-radius:2px; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | |||
+ | .btn1-inner2 { | ||
+ | display:inline-block; | ||
+ | padding: 8px 10px; | ||
+ | width:100%; | ||
+ | box-sizing:border-box; | ||
+ | color:#202122; | ||
+ | } | ||
+ | |||
+ | .btn23 { | ||
+ | display:inline-block; | ||
+ | border: 1px solid #cccccc; | ||
+ | border-radius:2px; | ||
+ | background: #f9f9f9; | ||
+ | margin: 0 15px 10px 0; | ||
+ | padding: 0 3px 3px 10px; | ||
+ | color:#008b8b; | ||
+ | } | ||
+ | |||
+ | /* für btn3-2 */ | ||
+ | |||
+ | .btn1 > p {margin-top:0 !important;} | ||
+ | .btn3-2 {position:relative; top:-2px;} | ||
+ | |||
+ | |||
+ | /* ==== h ==== */ | ||
+ | |||
+ | .mw-body h2 { | ||
+ | border-bottom:1px solid #008b8b | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ==== artikel zur anmeldung am TS ==== */ | ||
+ | |||
+ | .anmeldung-btn { | ||
+ | text-decoration:none; | ||
+ | display:inline-block; | ||
+ | margin-right:10px; | ||
+ | transition:box-shadow .3s; | ||
+ | } | ||
+ | |||
+ | .anmeldung-btn:hover { | ||
+ | box-shadow:0 0 5px #dedede; | ||
+ | } | ||
+ | |||
+ | .anmeldung-btn-2 { | ||
+ | display:inline-block; | ||
+ | background:linear-gradient(#fbfbfb, #f3f3f3); | ||
+ | border:1px solid #cccccc; | ||
+ | padding:7px 10px 5px 10px; | ||
+ | } | ||
+ | |||
+ | .anmeldung-btn-txt { | ||
+ | display:inline-block; | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* ==== menu ==== */ | ||
+ | |||
+ | .menu { | ||
+ | display: inline-block; | ||
+ | position:relative; | ||
+ | /* background:linear-gradient(#fbfbfb, #f3f3f3); */ | ||
+ | border:1px solid #008b8b; | ||
+ | } | ||
+ | |||
+ | .menu a { | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .menu:before { | ||
+ | content:''; | ||
+ | background: #008b8b; | ||
+ | position:absolute; | ||
+ | width:0%; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | height:100%; | ||
+ | transition: 0.2s linear; | ||
+ | z-index:-1; | ||
+ | } | ||
+ | |||
+ | .menu:hover:before { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .menu:hover .menu-inner { | ||
+ | color:white !important; | ||
+ | } | ||
+ | |||
+ | .menu-inner { | ||
+ | transition:color 0.2s; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ==== toc ==== */ | ||
+ | |||
+ | .tocnumber:after { content: '.' } | ||
+ | |||
+ | |||
+ | /* ==== breadcrumbs ==== */ | ||
+ | |||
+ | .bread { | ||
+ | display:inline-block; | ||
+ | float:left; | ||
+ | background-color:#f2f2f2; | ||
+ | padding:4px 10px; | ||
+ | color:#434343; | ||
+ | border-top:1px solid #dedede; | ||
+ | border-bottom:1px solid #dedede; | ||
+ | height:24px; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
.mw-collapsible-toggle { | .mw-collapsible-toggle { | ||
Zeile 99: | Zeile 290: | ||
} | } | ||
− | + | .bv_sidelink { | |
− | + | display:inline-block; | |
− | + | padding:5px 10px; | |
− | + | border:1px solid #008b8b; | |
− | padding | + | box-shadow:0 0 1px #008b8b; |
− | |||
− | |||
} | } | ||
Zeile 112: | Zeile 301: | ||
div#simpleSearch { | div#simpleSearch { | ||
− | border:1px solid # | + | border:1px solid #008B8B; |
height:1.6em; | height:1.6em; | ||
margin-top:0.5em; | margin-top:0.5em; | ||
Zeile 118: | Zeile 307: | ||
div#simpleSearch:hover { | div#simpleSearch:hover { | ||
− | box-shadow:0 0 | + | box-shadow:2px 2px 0 #038387; |
+ | transition:box-shadow .3s; | ||
+ | } | ||
+ | |||
+ | div#simpleSearch:focus-within { | ||
+ | box-shadow:2px 2px 0 #038387; | ||
+ | transition:box-shadow .3s; | ||
+ | } | ||
+ | |||
+ | div#simpleSearch { | ||
transition:box-shadow .3s; | transition:box-shadow .3s; | ||
} | } | ||
Zeile 127: | Zeile 325: | ||
div#simpleSearch #searchInput { | div#simpleSearch #searchInput { | ||
− | font-size: | + | font-size:16px; |
+ | padding:0.25em 0 0.2em 0.4em; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Zeile 202: | Zeile 389: | ||
height:auto; | height:auto; | ||
min-height:950px; | min-height:950px; | ||
− | background-image:url( | + | background-image:url(https://wiki.e-vendo.de/images/3/3a/Bg.png); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
background-position:bottom left; | background-position:bottom left; | ||
Zeile 222: | Zeile 409: | ||
color:#5e5e5e !important; | color:#5e5e5e !important; | ||
} | } | ||
− | |||
#mw-panel.collapsible-nav .portal .body { | #mw-panel.collapsible-nav .portal .body { | ||
Zeile 319: | Zeile 505: | ||
.accordion { | .accordion { | ||
width:120px; | width:120px; | ||
− | color: # | + | color: #008B8B; |
cursor: pointer; | cursor: pointer; | ||
padding: 5px 8px 0 20px; | padding: 5px 8px 0 20px; | ||
Zeile 327: | Zeile 513: | ||
outline: none; | outline: none; | ||
transition:0.2s; | transition:0.2s; | ||
− | border:2px solid # | + | border:2px solid #008B8B; |
+ | border-radius:2px; | ||
background-color:#fbfbfb9e; | background-color:#fbfbfb9e; | ||
position:fixed; | position:fixed; | ||
Zeile 336: | Zeile 523: | ||
.accordion:hover { | .accordion:hover { | ||
− | background-color:# | + | background-color:#008B8B; |
color:white; | color:white; | ||
transition:0.2s; | transition:0.2s; | ||
− | width: | + | width:240px; |
} | } | ||
Zeile 347: | Zeile 534: | ||
.accordion:hover .text2 { | .accordion:hover .text2 { | ||
− | height:1. | + | height:1.2em; |
} | } | ||
Zeile 353: | Zeile 540: | ||
transition:height 0.2s; | transition:height 0.2s; | ||
overflow:hidden; | overflow:hidden; | ||
− | line-height:1. | + | line-height:1.2em; |
} | } | ||
.accordion .text1 { | .accordion .text1 { | ||
− | height:1. | + | height:1.2em; |
} | } | ||
Zeile 365: | Zeile 552: | ||
.active { | .active { | ||
− | width: | + | width:240px; |
− | background-color:# | + | background-color:#008B8B; |
color:white; | color:white; | ||
transition:0.2s; | transition:0.2s; | ||
Zeile 381: | Zeile 568: | ||
height:14px; | height:14px; | ||
width:24px; | width:24px; | ||
− | background:url(' | + | background:url('https://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png'); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
} | } | ||
Zeile 390: | Zeile 577: | ||
.active .text2 { | .active .text2 { | ||
− | height:1. | + | height:1.2em; |
} | } | ||
.panel { | .panel { | ||
− | width: | + | width:228px; |
padding:10px 20px; | padding:10px 20px; | ||
background-color:#f9f9f9; | background-color:#f9f9f9; | ||
display:none; | display:none; | ||
overflow: hidden; | overflow: hidden; | ||
− | border:2px solid # | + | border:2px solid #008B8B; |
+ | border-radius:2px; | ||
box-shadow:2px 2px 3px #00796b61; | box-shadow:2px 2px 3px #00796b61; | ||
position:fixed; | position:fixed; | ||
Zeile 427: | Zeile 615: | ||
height:14px; | height:14px; | ||
width:24px; | width:24px; | ||
− | background:url(' | + | background:url('https://wiki.e-vendo.de/images/5/57/Sb_arrow-down-t.png'); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
transition:transform 0.2s linear; | transition:transform 0.2s linear; | ||
Zeile 438: | Zeile 626: | ||
height:14px; | height:14px; | ||
width:24px; | width:24px; | ||
− | background:url(' | + | background:url('https://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png'); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
} | } | ||
Zeile 455: | Zeile 643: | ||
display:inline-block; | display:inline-block; | ||
width:85%; | width:85%; | ||
+ | margin-left:4px; | ||
} | } | ||
Zeile 468: | Zeile 657: | ||
.sb-inline-2z { | .sb-inline-2z { | ||
position:relative; | position:relative; | ||
− | top:- | + | top:-18px; |
} | } | ||
Zeile 484: | Zeile 673: | ||
.accordion2 { | .accordion2 { | ||
width:120px; | width:120px; | ||
− | color: # | + | color: #008B8B; |
cursor: pointer; | cursor: pointer; | ||
padding: 5px 8px 0 20px; | padding: 5px 8px 0 20px; | ||
Zeile 492: | Zeile 681: | ||
outline: none; | outline: none; | ||
transition:0.2s; | transition:0.2s; | ||
− | border:2px solid # | + | border:2px solid #008B8B; |
background-color:#fbfbfb9e; | background-color:#fbfbfb9e; | ||
position:fixed; | position:fixed; | ||
Zeile 502: | Zeile 691: | ||
.accordion2:hover { | .accordion2:hover { | ||
width:260px; | width:260px; | ||
− | background-color:# | + | background-color:#008B8B; |
color:white; | color:white; | ||
transition:0.2s; | transition:0.2s; | ||
Zeile 533: | Zeile 722: | ||
.active2 { | .active2 { | ||
width:260px; | width:260px; | ||
− | background-color:# | + | background-color:#008B8B; |
color:white; | color:white; | ||
transition:0.2s; | transition:0.2s; | ||
Zeile 548: | Zeile 737: | ||
height:14px; | height:14px; | ||
width:24px; | width:24px; | ||
− | background:url(' | + | background:url('https://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png'); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
} | } | ||
Zeile 566: | Zeile 755: | ||
display:none; | display:none; | ||
overflow:hidden; | overflow:hidden; | ||
− | border:2px solid # | + | border:2px solid #008B8B; |
+ | border-radius:2px; | ||
box-shadow:2px 2px 3px #00796b61; | box-shadow:2px 2px 3px #00796b61; | ||
position:fixed; | position:fixed; | ||
Zeile 592: | Zeile 782: | ||
height:14px; | height:14px; | ||
width:24px; | width:24px; | ||
− | background:url(' | + | background:url('https://wiki.e-vendo.de/images/5/57/Sb_arrow-down-t.png'); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
transition:transform 0.2s linear; | transition:transform 0.2s linear; | ||
Zeile 605: | Zeile 795: | ||
height:14px; | height:14px; | ||
width:24px; | width:24px; | ||
− | background:url(' | + | background:url('https://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png'); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
} | } | ||
Zeile 646: | Zeile 836: | ||
.accordion3 { | .accordion3 { | ||
− | width: | + | width:240px; |
color:#038387; | color:#038387; | ||
cursor:pointer; | cursor:pointer; | ||
Zeile 657: | Zeile 847: | ||
.active3 { | .active3 { | ||
− | width: | + | width:240px; |
transition:0.2s; | transition:0.2s; | ||
} | } | ||
.panel3 { | .panel3 { | ||
− | width: | + | width:218px; |
− | padding:0 20px; | + | padding:0 0 0 20px; |
background-color:#f9f9f9; | background-color:#f9f9f9; | ||
display:none; | display:none; | ||
Zeile 694: | Zeile 884: | ||
.sb-inline-2zx { | .sb-inline-2zx { | ||
position:relative; | position:relative; | ||
− | top:- | + | top:-22px; |
} | } | ||
Zeile 709: | Zeile 899: | ||
#btt { | #btt { | ||
− | border:2px solid # | + | border:2px solid #008B8B; |
+ | border-radius:2px; | ||
background-color:#ffffff; | background-color:#ffffff; | ||
height:40px; | height:40px; | ||
Zeile 721: | Zeile 912: | ||
#btt:hover, #btt:active { | #btt:hover, #btt:active { | ||
width:160px; | width:160px; | ||
− | background-color:# | + | background-color:#008B8B; |
box-shadow:-2px 2px 3px #00796b61; | box-shadow:-2px 2px 3px #00796b61; | ||
} | } | ||
Zeile 728: | Zeile 919: | ||
display:inline-block; | display:inline-block; | ||
margin-top:-6px; | margin-top:-6px; | ||
− | background:url(' | + | background:url('https://wiki.e-vendo.de/images/0/0e/Btt2_arrow-up-t.png'); |
} | } | ||
.btt-img:hover { | .btt-img:hover { | ||
− | background:url(' | + | background:url('https://wiki.e-vendo.de/images/f/fe/Btt2_arrow-up-w.png'); |
+ | } | ||
+ | |||
+ | |||
+ | /* ==== wikitable2 ==== */ | ||
+ | |||
+ | .wikitable2 { | ||
+ | border-collapse:collapse; | ||
+ | box-shadow: 2px 2px 6px #dedede; | ||
+ | margin-top:10px; | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | |||
+ | .wikitable2 td { | ||
+ | border:1px solid #cfcfcf; | ||
+ | background-color: #f8f8f8; | ||
+ | padding:7px 13px; | ||
+ | } | ||
+ | |||
+ | .wikitable2 th { | ||
+ | background-color:#fefefe; | ||
+ | border:1px solid #cfcfcf; | ||
+ | font-weight:bold; | ||
+ | text-align:left; | ||
+ | padding:7px 13px; | ||
} | } |
Aktuelle Version vom 23. Mai 2023, 14:20 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* ==== fonts ==== */
@font-face {
font-family: 'Roboto';
src: url('https://forum.e-vendo.de/style/Roboto/Roboto-Regular.ttf')
format('truetype');
}
@font-face {
font-family: 'Ubuntu';
src: url('https://forum.e-vendo.de/style/Ubuntu/Ubuntu-Regular.ttf')
format('truetype');
}
body {font-family:'Roboto', sans-serif; font-size:15px;}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5 {font-family: 'Ubuntu', sans-serif;}
.mw-body-content {font-size:100%; line-height:1.5em;}
.mw-wiki-logo {background-image:url(https://wiki.e-vendo.de/images/3/3b/Wiki_logo.png);}
.divmcdiffy {
position:relative;
background:linear-gradient(#fbfbfb, #f3f3f3);
border:1px solid #cccccc;
display:inline-block;
overflow:hidden;
padding:8px 15px;
color:#038387;
}
.divmcdiffy::before{
position:absolute;
height:100%;
width:200%;
transform:scaleX(0);
transition:transform 0.5s;
background-color:rgba(252,186,3,0.25);
content:'';
display:block;
left:-100%;
top:0;
}
.divmcdiffy:hover::before{
transform:scaleX(1);
}
.button_macos {
color:white;
background-color:#3978e5;
padding:2px 6px;
border-radius:3px;
box-shadow:1px 1px 2px #4f4f4f;
}
/* ==== neue Buttons ==== */
.btn1 div:hover {background-color:#f0f0f0;}
.btn1 div {transition: background-color 0.3s;}
.btn1 div:active {background-color:#c8ccd1;}
.btn1-inner {
display:inline-block;
border: 1px solid #a2a9b1;
box-sizing:border-box;
background-color:#f8f9fa;
margin-bottom:0px;
border-radius:2px;
text-transform:uppercase;
}
.btn1-inner2 {
display:inline-block;
padding: 8px 10px;
width:100%;
box-sizing:border-box;
color:#202122;
}
.btn23 {
display:inline-block;
border: 1px solid #cccccc;
border-radius:2px;
background: #f9f9f9;
margin: 0 15px 10px 0;
padding: 0 3px 3px 10px;
color:#008b8b;
}
/* für btn3-2 */
.btn1 > p {margin-top:0 !important;}
.btn3-2 {position:relative; top:-2px;}
/* ==== h ==== */
.mw-body h2 {
border-bottom:1px solid #008b8b
}
/* ==== artikel zur anmeldung am TS ==== */
.anmeldung-btn {
text-decoration:none;
display:inline-block;
margin-right:10px;
transition:box-shadow .3s;
}
.anmeldung-btn:hover {
box-shadow:0 0 5px #dedede;
}
.anmeldung-btn-2 {
display:inline-block;
background:linear-gradient(#fbfbfb, #f3f3f3);
border:1px solid #cccccc;
padding:7px 10px 5px 10px;
}
.anmeldung-btn-txt {
display:inline-block;
margin-left:10px;
}
/* ==== menu ==== */
.menu {
display: inline-block;
position:relative;
/* background:linear-gradient(#fbfbfb, #f3f3f3); */
border:1px solid #008b8b;
}
.menu a {
text-decoration:none;
}
.menu:before {
content:'';
background: #008b8b;
position:absolute;
width:0%;
top:0;
left:0;
height:100%;
transition: 0.2s linear;
z-index:-1;
}
.menu:hover:before {
width:100%;
}
.menu:hover .menu-inner {
color:white !important;
}
.menu-inner {
transition:color 0.2s;
}
/* ==== toc ==== */
.tocnumber:after { content: '.' }
/* ==== breadcrumbs ==== */
.bread {
display:inline-block;
float:left;
background-color:#f2f2f2;
padding:4px 10px;
color:#434343;
border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
height:24px;
margin-bottom:20px;
}
.mw-collapsible-toggle {
float:none !important;
margin-right:15px;
}
.ml20 {
margin:5px 5px 5px 20px !important;
}
.ml40 {
margin:5px 5px 5px 40px !important;
}
.mt15 {
margin-top:15px;
}
.boxshadow {
border:1px solid #c9c9c9;
box-shadow:3px 3px #c9c9c9;
}
/* ==== belegverwaltung ==== */
.bv_table-cell tr th {
border:1px solid #a2a7af;
padding:3px 10px;
background-color:#eaebef;
text-align:left;
}
.bv_table-cell tr td {
border:1px solid #a2a7af;
padding:3px 10px;
background-color:#f8f9fa;
font-family:"Courier New", Courier, monospace;
text-align:left;
}
.fakbox {
display:inline-block;
margin:0 3px;
width:35px;
text-align:center;
transform:skew(-15deg);
}
.fakboxtext {
display:inline-block;
transform:skew(15deg);
}
.fak-buch {
display:inline-block;
margin:0 3px;
width:110px;
text-align:center;
background-color:#90a4ae;
color:#ffffff;
transform:skew(-15deg);
}
.bv-collapsible {
max-width:85%;
background-color:#f9f9f9;
box-shadow:-5px 0px #78ae02;
border:1px solid #c9c9c9;
padding:10px 20px;
margin-top:15px;
}
.bv-collapsible-back {
border:1px solid #909090;
border-radius:3px;
padding:2px 2px 2px 5px;
background-color:#ffffff;
}
.bv-ablauf-vert {
display:table-cell;
padding:10px;
font-size:50px;
vertical-align:baseline;
width:40px;
color:#777777;
}
.bstatus {
display:inline-block;
background-color:#efefef;
padding-left:10px;
padding-right:2px;
margin-left:3px;
border-left:2px solid #78ae02;
}
.bv_sidelink {
display:inline-block;
padding:5px 10px;
border:1px solid #008b8b;
box-shadow:0 0 1px #008b8b;
}
/* ==== suchfeld ==== */
div#simpleSearch {
border:1px solid #008B8B;
height:1.6em;
margin-top:0.5em;
}
div#simpleSearch:hover {
box-shadow:2px 2px 0 #038387;
transition:box-shadow .3s;
}
div#simpleSearch:focus-within {
box-shadow:2px 2px 0 #038387;
transition:box-shadow .3s;
}
div#simpleSearch {
transition:box-shadow .3s;
}
div#simpleSearch input {
color:#5d5d5d;
}
div#simpleSearch #searchInput {
font-size:16px;
padding:0.25em 0 0.2em 0.4em;
}
/* ==== skin-anpassungen ==== */
#left-navigation, .mw-body {
margin-left:16em;
}
#p-logo a {
width:15em;
}
#mw-panel a, #mw-panel a:active, #mw-panel a:hover, #mw-panel a:focus, #mw-panel a:visited {
color:#038387 !important;
font-size:14px;
}
.mw-body h2 {
font-size:1.6em;
}
.mw-body h3 {
font-size:1.4em;
}
.mw-body h4 {
font-size:1.2em;
}
.mw-body h5 {
font-size:1.2em;
}
#mw-page-base {
box-shadow:inset 0 5px #8db73a
}
/* ==== tabs ('lesen', 'bearbeiten' etc.) ==== */
div.vectorTabs ul li {
background:none;
}
div.vectorTabs ul li {
background-color:none;
background-image:none;
}
#ca-unwatch.icon a, #ca-watch.icon a {
padding-top:2.5em;
}
/* ==== footer-anpassungen ==== */
html {height:auto;}
body {
height:auto;
min-height:950px;
background-image:url(https://wiki.e-vendo.de/images/3/3a/Bg.png);
background-repeat:no-repeat;
background-position:bottom left;
}
div#footer {
margin-left:16em;
}
/* ==== wiki-seitenleiste/-contentbox ==== */
div#mw-panel {
width:15.5em;
}
#mw-panel.collapsible-nav .portal h3 a {
font-size:14px;
color:#5e5e5e !important;
}
#mw-panel.collapsible-nav .portal .body {
margin:0 0 0 0.5em;
background-color:#ffffff;
border:1px solid #dedede;
padding:5px 5px 5px 7px;
}
#mw-panel.collapsible-nav .portal.persistent .body {
border:none;
background-color:inherit;
}
div#mw-panel div.portal div.body ul li {
line-height:1.6em;
}
/* ==== infoboxes (info, wichtig, beispiel) ==== */
.infobox {
display:inline-block;
max-width:800px;
margin:10px;
background-color:#ffffff;
}
.infobox-inner {
display:table-cell;
padding:10px;
}
/* ==== navboxes ==== */
/*
.nb2 div:hover {box-shadow:0px 0px 15px 0px #dddddd;}
.nb2 div {transition: box-shadow 0.3s;}
.nb2-o div:hover {box-shadow:0px 0px 15px 0px rgba(255, 149, 2, 0.53);}
.nb2-o div {transition: box-shadow 0.3s;}
.nb50 > div:hover {box-shadow:0px 0px 15px 0px #dddddd;}
.nb50 > div {transition: box-shadow 0.3s;}
*/
.nb32-hov>a>div::after, .nb2-hov>div::after, .nb50-hov>div::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #038387;
}
.nb32-hov>a>div:hover::after, .nb2-hov>div:hover::after, .nb50-hov>div:hover::after {
width:100%;
}
.nb32-hov>a>div::after, .nb2-hov>div::after {
transition: width .3s ease-out;
}
.nb50-hov>div::after {
transition: width .6s ease-out;
}
.nb32-hov a:hover, .nb2-hov a:hover, .nb50-hov a:hover {
font-weight:normal !important;
}
/* ==== links ==== */
a, a:active, a:focus, a:visited {color:#038387;}
.nb2 a:hover, .nb2-o a:hover, .nb50 a:hover {font-weight:normal !important;}
/* ==== text decoration (gebinde, lose) ==== */
.border-btm-rot {border-bottom:2px solid #d81b60;}
.border-btm-blau {border-bottom:2px solid #1e88e5;}
.border-btm-gruen {border-bottom:2px solid #7cb342;}
.border-btm-gelb {border-bottom:2px solid #ffb300;}
.border-btm-lila {border-bottom:2px solid #c475ff;}
.border-btm-teal {border-bottom:2px solid #00af89;}
.border-btm-grau {border-bottom:2px solid #4f4f4f;}
.border-btm-orange {border-bottom:2px solid #ff7a50;}
/* ==== accordion ==== */
.accordion {
width:120px;
color: #008B8B;
cursor: pointer;
padding: 5px 8px 0 20px;
text-align: left;
font-size:16px;
border: none;
outline: none;
transition:0.2s;
border:2px solid #008B8B;
border-radius:2px;
background-color:#fbfbfb9e;
position:fixed;
right:0;
top:80px;
z-index:1000;
}
.accordion:hover {
background-color:#008B8B;
color:white;
transition:0.2s;
width:240px;
}
.accordion:hover .text1 {
height:0;
}
.accordion:hover .text2 {
height:1.2em;
}
.accordion .text {
transition:height 0.2s;
overflow:hidden;
line-height:1.2em;
}
.accordion .text1 {
height:1.2em;
}
.accordion .text2 {
height:0;
}
.active {
width:240px;
background-color:#008B8B;
color:white;
transition:0.2s;
box-shadow:2px 2px 3px #00796b61;
right:10px;
}
.active > .sb-icon {
position:absolute;
top:30%;
right:15px;
transform:rotate(180deg);
transition:transform 0.2s linear;
height:14px;
width:24px;
background:url('https://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png');
background-repeat:no-repeat;
}
.active .text1 {
height:0;
}
.active .text2 {
height:1.2em;
}
.panel {
width:228px;
padding:10px 20px;
background-color:#f9f9f9;
display:none;
overflow: hidden;
border:2px solid #008B8B;
border-radius:2px;
box-shadow:2px 2px 3px #00796b61;
position:fixed;
right:10px;
top:122px;
font-size:1em;
line-height:1.2;
z-index:1000;
}
.panel img {
position:relative;
top:-1px;
}
.panel hr {
margin: 10px 0;
}
.panel a:hover {
text-decoration:none;
}
.sb-icon {
position:absolute; top:30%;
right:15px;
height:14px;
width:24px;
background:url('https://wiki.e-vendo.de/images/5/57/Sb_arrow-down-t.png');
background-repeat:no-repeat;
transition:transform 0.2s linear;
}
.accordion:hover > .sb-icon {
position:absolute;
top:30%;
right:15px;
height:14px;
width:24px;
background:url('https://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png');
background-repeat:no-repeat;
}
.active > .sb-icon, .active:hover > .sb-icon {
position:absolute;
top:30%;
right:15px;
transform:rotate(180deg);
height:14px;
width:24px;
background-repeat:no-repeat;
}
.sb-inline {
display:inline-block;
width:85%;
margin-left:4px;
}
.sb-inline-m {
display:inline-block;
margin-right:5px;
}
.sb-inline-mb {
margin-bottom:6px;
}
.sb-inline-2z {
position:relative;
top:-18px;
}
.sb-inline-tab {
margin-left:25px;
}
.sb-inline-tabtext {
width:75%;
}
/* ==== accordion 2 (erp-konfig) ==== */
.accordion2 {
width:120px;
color: #008B8B;
cursor: pointer;
padding: 5px 8px 0 20px;
text-align: left;
font-size:16px;
border: none;
outline: none;
transition:0.2s;
border:2px solid #008B8B;
background-color:#fbfbfb9e;
position:fixed;
right:0;
top:80px;
z-index:1000;
}
.accordion2:hover {
width:260px;
background-color:#008B8B;
color:white;
transition:0.2s;
box-shadow:2px 2px 3px #00796b61;
right:10px;
}
.accordion2:hover .text1 {
height:0;
}
.accordion2:hover .text2 {
height:1.3em;
}
.accordion2 .text {
transition:height 0.2s;
overflow:hidden;
line-height:1.3em;
}
.accordion2 .text1 {
height:1.3em;
}
.accordion2 .text2 {
height:0;
}
.active2 {
width:260px;
background-color:#008B8B;
color:white;
transition:0.2s;
right:10px;
box-shadow:2px 2px 3px #00796b61;
}
.active2 > .sb-icon {
position:absolute;
top:30%;
right:15px;
transform:rotate(180deg);
transition:transform 0.2s linear;
height:14px;
width:24px;
background:url('https://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png');
background-repeat:no-repeat;
}
.active2 .text1 {
height:0;
}
.active2 .text2 {
height:1.3em;
}
.panel2 {
width:258px;
padding:10px 10px 10px 20px;
background-color:#f9f9f9;
display:none;
overflow:hidden;
border:2px solid #008B8B;
border-radius:2px;
box-shadow:2px 2px 3px #00796b61;
position:fixed;
right:10px;
top:122px;
z-index:1000;
}
.panel2 img {
position:relative;
top:-1px;
}
.panel2 hr {
margin: 10px 0;
}
.panel2 a:hover {
text-decoration:none;
}
.sb-icon {
position:absolute; top:30%;
right:15px;
height:14px;
width:24px;
background:url('https://wiki.e-vendo.de/images/5/57/Sb_arrow-down-t.png');
background-repeat:no-repeat;
transition:transform 0.2s linear;
}
.accordion2:hover > .sb-icon {
position:absolute;
top:30%;
right:15px;
transform:rotate(180deg);
transition:transform 0.2s linear;
height:14px;
width:24px;
background:url('https://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png');
background-repeat:no-repeat;
}
.active2 > .sb-icon, .active2:hover > .sb-icon {
position:absolute;
top:30%;
right:15px;
transform:rotate(180deg);
height:14px;
width:24px;
background-repeat:no-repeat;
}
.sb-inline {
display:inline-block;
width:85%;
}
.sb-inline-m {
display:inline-block;
margin-right:5px;
}
.sb-inline-mb {
margin-bottom:6px;
}
.sb-inline-tab {
margin-left:25px;
}
.sb-inline-tabtext {
width:75%;
}
/* ==== accordion 3 (zweite ebene in erp-konfig) ==== */
.accordion3 {
width:240px;
color:#038387;
cursor:pointer;
text-align:left;
border:none;
outline:none;
transition:0.2s;
background-color:#f9f9f9;
}
.active3 {
width:240px;
transition:0.2s;
}
.panel3 {
width:218px;
padding:0 0 0 20px;
background-color:#f9f9f9;
display:none;
overflow:hidden;
}
.panel3 img {
position:relative;
top:-1px;
}
.panel3 a:hover {
text-decoration:none;
}
.sb-inline3 {
display:inline-block;
width:84%;
}
.sb-inline3:hover {
text-decoration:none;
}
.sb-inline-m3 {
display:inline-block;
margin-left:5px;
}
.sb-inline-2zx {
position:relative;
top:-22px;
}
.chevron-right {
transition:.3s;
}
.active3 > .chevron-right {
transform:rotate(90deg);
}
/* ==== back to top-button ==== */
#btt {
border:2px solid #008B8B;
border-radius:2px;
background-color:#ffffff;
height:40px;
width:40px;
position:fixed;
bottom:20px;
right:0px;
transition:0.3s;
}
#btt:hover, #btt:active {
width:160px;
background-color:#008B8B;
box-shadow:-2px 2px 3px #00796b61;
}
.btt-img {
display:inline-block;
margin-top:-6px;
background:url('https://wiki.e-vendo.de/images/0/0e/Btt2_arrow-up-t.png');
}
.btt-img:hover {
background:url('https://wiki.e-vendo.de/images/f/fe/Btt2_arrow-up-w.png');
}
/* ==== wikitable2 ==== */
.wikitable2 {
border-collapse:collapse;
box-shadow: 2px 2px 6px #dedede;
margin-top:10px;
margin-bottom:10px;
}
.wikitable2 td {
border:1px solid #cfcfcf;
background-color: #f8f8f8;
padding:7px 13px;
}
.wikitable2 th {
background-color:#fefefe;
border:1px solid #cfcfcf;
font-weight:bold;
text-align:left;
padding:7px 13px;
}