MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus e-vendo Wiki
Wechseln zu: Navigation, Suche
 
(779 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 ==== */
  
−
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
+
@font-face {
−
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
+
  font-family: 'Roboto';
−
body {font-family: 'Open Sans', sans-serif; font-size:11px;};
+
  src: url('https://forum.e-vendo.de/style/Roboto/Roboto-Regular.ttf')
−
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5 {font-family: 'Ubuntu', sans-serif;};
+
  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;
 +
}
  
−
/* ==== back to top-button ==== */
+
.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:hover {box-shadow:0px 0px 15px 0px #dddddd;}
 
.nb2 div {transition: box-shadow 0.3s;}
 
.nb2 div {transition: box-shadow 0.3s;}
Zeile 19: Zeile 453:
 
.nb50 > div:hover {box-shadow:0px 0px 15px 0px #dddddd;}
 
.nb50 > div:hover {box-shadow:0px 0px 15px 0px #dddddd;}
 
.nb50 > div {transition: box-shadow 0.3s;}
 
.nb50 > div {transition: box-shadow 0.3s;}
 +
*/
  
−
a, a:active, a:focus, a:hover, a:visited {color:#038387;}
 
  
−
.portlet ul {font-size:105%;}
+
.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;}
 +
 
  
  
Zeile 28: Zeile 504:
  
 
.accordion {
 
.accordion {
−
     width:200px;
+
     width:120px;
−
     color: #038387;
+
     color: #008B8B;
 
     cursor: pointer;
 
     cursor: pointer;
−
     padding: 10px 10px 10px 20px;
+
     padding: 5px 8px 0 20px;
 
     text-align: left;
 
     text-align: left;
 
     font-size:16px;
 
     font-size:16px;
 
     border: none;
 
     border: none;
 
     outline: none;
 
     outline: none;
−
     transition: 0.4s;
+
     transition:0.2s;
−
     border:2px solid #05a3a8;
+
     border:2px solid #008B8B;
−
     box-shadow:2px 2px 0 #038387;
+
     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, .accordion:hover {
+
.active {
−
     width:200px;
+
     width:240px;
−
     background-color:#05a3a8;
+
     background-color:#008B8B;
 
     color:white;
 
     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 {
 
.panel {
−
     width:210px;
+
     width:228px;
−
     padding: 10px;
+
     padding:10px 20px;
 
     background-color:#f9f9f9;
 
     background-color:#f9f9f9;
 
     display:none;
 
     display:none;
 
     overflow: hidden;
 
     overflow: hidden;
−
     border:2px solid #05a3a8;
+
     border:2px solid #008B8B;
−
     box-shadow:2px 2px 0 #038387;
+
    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 {
 
.sb-icon {
−
     height:16px;
+
    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;
 
     width:24px;
−
     background:url('http://lars-burkhardt.e-vendo.de/e_basis/prodpic/themes/Mountain-Bikes-868-b.JPG');
+
    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;
 
}
 
}

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;
}
Abgerufen von „https://wiki.e-vendo.de/index.php?title=MediaWiki:Common.css&oldid=20754“