MediaWiki:Common.css: Unterschied zwischen den Versionen
LB (Diskussion | Beiträge) |
LB (Diskussion | Beiträge) |
||
(328 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 ==== */ | /* ==== fonts ==== */ | ||
− | @ | + | @font-face { |
− | + | font-family: 'Roboto'; | |
− | body {font-family: ' | + | 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;} | 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-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 ==== */ | /* ==== skin-anpassungen ==== */ | ||
Zeile 39: | Zeile 359: | ||
.mw-body h5 { | .mw-body h5 { | ||
font-size:1.2em; | font-size:1.2em; | ||
+ | } | ||
+ | |||
+ | #mw-page-base { | ||
+ | box-shadow:inset 0 5px #8db73a | ||
} | } | ||
Zeile 64: | Zeile 388: | ||
body { | body { | ||
height:auto; | height:auto; | ||
− | min-height: | + | 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 85: | Zeile 409: | ||
color:#5e5e5e !important; | color:#5e5e5e !important; | ||
} | } | ||
− | |||
#mw-panel.collapsible-nav .portal .body { | #mw-panel.collapsible-nav .portal .body { | ||
Zeile 100: | Zeile 423: | ||
div#mw-panel div.portal div.body ul li { | div#mw-panel div.portal div.body ul li { | ||
− | line-height:1. | + | 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; | ||
} | } | ||
Zeile 145: | Zeile 483: | ||
/* ==== links ==== */ | /* ==== links ==== */ | ||
− | a, a:active, a:focus, a:visited {color:#038387; | + | a, a:active, a:focus, a:visited {color:#038387;} |
− | |||
− | |||
.nb2 a:hover, .nb2-o a:hover, .nb50 a:hover {font-weight:normal !important;} | .nb2 a:hover, .nb2-o a:hover, .nb50 a:hover {font-weight:normal !important;} | ||
− | /* ==== text decoration ==== */ | + | /* ==== text decoration (gebinde, lose) ==== */ |
.border-btm-rot {border-bottom:2px solid #d81b60;} | .border-btm-rot {border-bottom:2px solid #d81b60;} | ||
Zeile 158: | Zeile 494: | ||
.border-btm-gruen {border-bottom:2px solid #7cb342;} | .border-btm-gruen {border-bottom:2px solid #7cb342;} | ||
.border-btm-gelb {border-bottom:2px solid #ffb300;} | .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;} | ||
+ | |||
Zeile 163: | Zeile 504: | ||
.accordion { | .accordion { | ||
− | width: | + | width:120px; |
− | color: # | + | color: #008B8B; |
cursor: pointer; | cursor: pointer; | ||
padding: 5px 8px 0 20px; | padding: 5px 8px 0 20px; | ||
Zeile 172: | Zeile 513: | ||
outline: none; | outline: none; | ||
transition:0.2s; | transition:0.2s; | ||
− | border:2px solid # | + | border:2px solid #008B8B; |
− | + | border-radius:2px; | |
− | background-color:# | + | background-color:#fbfbfb9e; |
position:fixed; | position:fixed; | ||
− | right: | + | right:0; |
top:80px; | top:80px; | ||
+ | z-index:1000; | ||
} | } | ||
.accordion:hover { | .accordion:hover { | ||
− | background-color:# | + | background-color:#008B8B; |
color:white; | color:white; | ||
transition:0.2s; | transition:0.2s; | ||
− | + | width:240px; | |
− | |||
− | |||
− | width: | ||
} | } | ||
Zeile 195: | Zeile 534: | ||
.accordion:hover .text2 { | .accordion:hover .text2 { | ||
− | height:1. | + | height:1.2em; |
} | } | ||
Zeile 201: | 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 213: | Zeile 552: | ||
.active { | .active { | ||
− | width: | + | width:240px; |
− | background-color:# | + | background-color:#008B8B; |
color:white; | color:white; | ||
transition:0.2s; | transition:0.2s; | ||
+ | box-shadow:2px 2px 3px #00796b61; | ||
+ | right:10px; | ||
} | } | ||
Zeile 227: | 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 236: | 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 252: | Zeile 594: | ||
font-size:1em; | font-size:1em; | ||
line-height:1.2; | line-height:1.2; | ||
+ | z-index:1000; | ||
} | } | ||
Zeile 264: | Zeile 607: | ||
.panel a:hover { | .panel a:hover { | ||
− | |||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Zeile 273: | 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 282: | Zeile 624: | ||
top:30%; | top:30%; | ||
right:15px; | right:15px; | ||
− | |||
− | |||
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 303: | Zeile 643: | ||
display:inline-block; | display:inline-block; | ||
width:85%; | width:85%; | ||
+ | margin-left:4px; | ||
} | } | ||
Zeile 316: | Zeile 657: | ||
.sb-inline-2z { | .sb-inline-2z { | ||
position:relative; | position:relative; | ||
− | top:- | + | top:-18px; |
} | } | ||
Zeile 331: | Zeile 672: | ||
.accordion2 { | .accordion2 { | ||
− | width: | + | width:120px; |
− | color: # | + | color: #008B8B; |
cursor: pointer; | cursor: pointer; | ||
− | padding: 5px 8px | + | padding: 5px 8px 0 20px; |
text-align: left; | text-align: left; | ||
font-size:16px; | font-size:16px; | ||
Zeile 340: | Zeile 681: | ||
outline: none; | outline: none; | ||
transition:0.2s; | transition:0.2s; | ||
− | border:2px solid # | + | border:2px solid #008B8B; |
− | + | background-color:#fbfbfb9e; | |
− | background-color:# | ||
position:fixed; | position:fixed; | ||
− | right: | + | right:0; |
− | top: | + | top:80px; |
+ | z-index:1000; | ||
} | } | ||
.accordion2:hover { | .accordion2:hover { | ||
width:260px; | width:260px; | ||
− | background-color:# | + | background-color:#008B8B; |
color:white; | color:white; | ||
transition:0.2s; | transition:0.2s; | ||
+ | box-shadow:2px 2px 3px #00796b61; | ||
+ | right:10px; | ||
} | } | ||
Zeile 379: | Zeile 722: | ||
.active2 { | .active2 { | ||
width:260px; | width:260px; | ||
− | background-color:# | + | background-color:#008B8B; |
color:white; | color:white; | ||
transition:0.2s; | transition:0.2s; | ||
+ | right:10px; | ||
+ | box-shadow:2px 2px 3px #00796b61; | ||
} | } | ||
Zeile 392: | 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 409: | Zeile 754: | ||
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; | ||
right:10px; | right:10px; | ||
− | top: | + | top:122px; |
+ | z-index:1000; | ||
} | } | ||
Zeile 427: | Zeile 774: | ||
.panel2 a:hover { | .panel2 a:hover { | ||
− | |||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Zeile 436: | 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 449: | 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 475: | Zeile 821: | ||
.sb-inline-mb { | .sb-inline-mb { | ||
margin-bottom:6px; | margin-bottom:6px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Zeile 495: | Zeile 836: | ||
.accordion3 { | .accordion3 { | ||
− | width: | + | width:240px; |
− | color: #038387; | + | color:#038387; |
− | cursor: pointer; | + | cursor:pointer; |
− | text-align: left; | + | text-align:left; |
− | border: none; | + | border:none; |
− | outline: none; | + | outline:none; |
transition:0.2s; | transition:0.2s; | ||
− | background-color:# | + | background-color:#f9f9f9; |
} | } | ||
.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; | ||
− | overflow: hidden; | + | overflow:hidden; |
} | } | ||
Zeile 524: | Zeile 865: | ||
.panel3 a:hover { | .panel3 a:hover { | ||
− | |||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Zeile 534: | Zeile 874: | ||
.sb-inline3:hover { | .sb-inline3:hover { | ||
− | |||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Zeile 543: | Zeile 882: | ||
} | } | ||
+ | .sb-inline-2zx { | ||
+ | position:relative; | ||
+ | top:-22px; | ||
+ | } | ||
+ | |||
+ | .chevron-right { | ||
+ | transition:.3s; | ||
+ | } | ||
+ | |||
+ | .active3 > .chevron-right { | ||
+ | transform:rotate(90deg); | ||
+ | } | ||
Zeile 548: | 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 560: | 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 567: | 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;
}