MediaWiki:Afterbuy.css

Aus Afterbuy-Wiki
Wechseln zu:Navigation, Suche

Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/*letterbox for glossar*/

.letterbox {
  display: inline-block;
}

.letterbox a {
  color: #333;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size:14px; 
  font-weight:bold;
}

.letterbox a:hover {background-color: #ddd;}

.letterbox a:last-child {
  border: 1px solid #ddd;
}
/* afterbuy - styles */

.ab_text{ color:#333  !important; font-size: 12px  !important; font-family: Arial,sans-serif  !important; white-space: nowrap  !important; }
.ab_grey{ background-color: #c5c5c5 !important; }
.ab_border{ border: 1px solid #ccc !important; }

.ab_button{
   display: inline-block;
   background-color: #c5c5c5;
   color:#333;
   padding: 6px 12px;
   margin: 3px;
   font-size: 11px;
   text-align: center;
   border-radius: 4px;
   font-family: Arial,sans-serif
   white-space: nowrap;
}
.ab_button_dark{
   display: inline-block;
   background-color: #333;
   color:#fff;
   padding: 6px 12px;
   margin: 3px;
   font-size: 11px;
   text-align: center;
   border-radius: 4px;
   font-family: Arial,sans-serif
   white-space: nowrap;
}

.ab_button_light{
   display: inline-block;
   background-color: #fff;
   border: 1px solid #333;
   color:#000;
   padding: 6px 12px;
   margin: 3px;
   font-size: 11px;
   text-align: center;
   border-radius: 4px;
   font-family: Arial,sans-serif
   white-space: nowrap;
}

.ab_footer_link{
   display: inline-block;
   color: #878b90;
   background-color: rgb(231, 231, 231);
   font-size: 12px;
   padding: 6px;
   margin: 3px;
   font-family: Arial,sans-serif
   white-space: nowrap;
}
.ab_code{
   display: inline-block;
   font-family: Monospace;
   color: #000;
   background-color: #eee;
   font-weight: bold;
   font-size: 11px;
   padding: 4px;
   border: 1px solid #ccc;
   border-radius: 4px;
   white-space: nowrap;
}
.ab_link{
   display: inline-block;
   font-family: Arial,sans-serif
   white-space: nowrap;
   font-size: 12px;
   color: #333;
   text-decoration-color: #333;
   text-decoration-line: underline;
}

.ab_input{
   display: inline-block;
   background-color: #fff;
   color:#000;
   padding: 6px;
   font-size: 12px;
   border-radius: 4px;
   font-family: Arial,sans-serif
   white-space: nowrap;
   border: 1px solid #ccc;
}

.ab_select{
   display: inline-block;
   background-color: #fff;
   color:#000;
   padding: 6px 12px;
   font-size: 12px;
   border-radius: 4px;
   font-family: Arial,sans-serif
   white-space: nowrap;
   border: 1px solid #ccc;
}
.ab_select::after{
   display: inline-block;
   margin-left: 1em;
   font-family: 'Font Awesome 5 Free';font-style:normal;font-weight:900;
   content: "\f107";
   color:#000;
}

.ab_option {
   display: inline-block;
   color:#000;
   padding: 6px;
   font-size: 12px;
   font-family: Arial,sans-serif;
   white-space: nowrap;
}


.ab_option::before {
   font-family: 'Font Awesome 5 Free';font-style:normal;font-weight:900;
   content: "\f111";
   color:#333;
   text-align:center;
   font-weight:bold;
   font-size:8px;
   margin-right: 3px;
   border:1px solid #555;
   border-radius:7px;
   height: 12px;
   width: 12px;
   padding:2px;
   box-shadow: 0 0 1px #444;
}


.ab_check{
   display: inline-block;
   color:#000;
   padding: 6px;
   font-size: 12px;
   font-family: Arial,sans-serif;
   white-space: nowrap;
}


.ab_check::before{
   font-family: 'Font Awesome 5 Free';font-style:normal;font-weight:900;
   content: "\f00c";
   color:#000;
   text-align:center;
   font-weight:bold;
   font-size:10px;
   margin-right: 3px;
   border:1px solid #555;
   border-radius:2px;
   height: 12px;
   width: 12px;
   padding:2px;
   box-shadow: 0 0 1px #444;
}

.ab_check_not{
   display: inline-block;
   color:#000;
   padding: 6px;
   font-size: 12px;
   font-family: Arial,sans-serif;
   white-space: nowrap;
}


.ab_check_not::before{
   font-family: 'Font Awesome 5 Free';font-style:normal;font-weight:900;
   content: "\f00c";
   color:#fff;
   text-align:center;
   font-weight:bold;
   font-size:10px;
   margin-right: 3px;
   border:1px solid #555;
   border-radius:2px;
   height: 12px;
   width: 12px;
   padding:2px;
   box-shadow: 0 0 1px #444;
}


.ab_check_grey{
   display: inline-block;
   color:#333;
   padding: 6px ;
   font-size: 12px;
   font-family: Arial,sans-serif;
   font-weight:bold;
   white-space: nowrap;
   background-color: #e7e7e7;
}
.ab_check_grey::after{
   font-family: 'Font Awesome 5 Free';font-style:normal;font-weight:900;
   content: "\f00c";
   color:#000;
   text-align:center;
   font-weight:bold;
   font-size:10px;
   margin-left: 5px;
   border:1px solid #555;
   border-radius:2px;
   height: 12px;
   width: 12px;
   padding:2px;
   box-shadow: 0 0 1px #444;
   background-color: #fff;
}

.ab_top_menue_header{
   display: inline-block;
   background-color: #333;
   color:#fff;
   padding: 3px 6px 3px 6px;
   margin: 3px;
   font-size: 11px;
   text-align: center;
   font-family: Arial,sans-serif
   white-space: nowrap;
   text-transform: uppercase;
}


.ab_top_menue_header::after{
   font-family: 'Font Awesome 5 Free';font-style:normal;font-weight:900;
   content: "\f0d7";
   text-align:center;
   font-size:10px;
   margin-left: 3px;
   height: 12px;
   width: 12px;
   padding: 3px 6px 3px 6px;
}

.ab_top_menue_entry{
   display: inline-block;
   background-color: #333;
   color:#fff;
   padding: 3px 6px 3px 6px;
   margin: 3px;
   font-size: 11px;
   text-align: center;
   font-family: Arial,sans-serif
   white-space: nowrap;
}

.ab_check_grey_not{
   display: inline-block;
   padding: 6px ;
   font-size: 12px;
   font-family: Arial,sans-serif;
   font-weight:bold;
   white-space: nowrap;
   background-color: #e7e7e7;
}
.ab_check_grey_not::after{
   font-family: 'Font Awesome 5 Free';font-style:normal;font-weight:900;
   content: "\f00c";
   color:#fff;
   text-align:center;
   font-weight:bold;
   font-size:10px;
   margin-left: 5px;
   border:1px solid #555;
   border-radius:2px;
   height: 12px;
   width: 12px;
   padding:2px;
   box-shadow: 0 0 1px #444;
   background-color: #fff;
}



.ab_key{
  box-sizing: border-box;
  line-height: 25px;
  font-size: 11px;
  font-weight:bold;
  text-align: center;
  width: 26px;
  color: #333;
  cursor: pointer;
  margin: 0 8px;
  height: 26px;
  border-color: #999;
  border-style: solid;
  text-shadow: 0 0.5px 1px #000, 0 2px 6px #f2f2f2;
  border-width: 1px;
  border-radius: 4px;
  background: -webkit-linear-gradient(top, #fff 0%, #ddd 80%, #eee 100%);
  font-family: sans-serif;
  display: inline-block;
  transition: box-shadow 0.3s ease, transform 0.15s ease;
  box-shadow: 0 0 1px #888,0 1px 0 #fff, 0 6px 0 #C0C0C0, 0 8px 17px rgba(#444, 0.4), 2px 1px 4px rgba(#444, 0.25), -2px 1px 4px rgba(#444, 0.25), 0 9px 16px rgba(#444, 0.1);
}

.ab_section{
   display: inline-block;
   font-size: 15px;
   color: #767f84;
   box-shadow: 0 0 4px #767f84;
   padding:4px 10px 4px 10px;
   font-family: Arial, sans-serif;
   text-transform:uppercase;
}

.ab_status{
   font-size:25px;
   font-weight:bold;
   background-color: #ff8c00;
   border-radius: 5px;
   padding: 6px;
}
.ab_status_wip{}
.ab_status_wip::before{
   content: "WIP\00A0";
}

.ab_status_review{}
.ab_status_review::before{
   content: "REVIEW\00A0";
}

.ab_letterbox{
   box-sizing: border-box;
   display: inline-block;
   width:18px;
   height:18px;
   font-size: 9px;
   font-family: Arial, sans-serif;
   font-weight:bold;
   border-width: 2px;
   border-radius:3px;
   border-style: solid;
   text-align: center;
   margin: auto;
}
.ab_red_black{
   color: #000;
   border-color: #d9534f;
   background-color: #fbc9c9;
}
.ab_lightred{
   color: #d9534f;
   border-color: #d9534f;
   background-color: #fbc9c9;
}

.ab_darkred{
   color: #2b5e94;
   border-color: #2b5e94;
   background-color: #ff7372;
}

.ab_whitered{
   color: #000;
   border-color: #d9534f;
   background-color: #fff;
}

.ab_grey{
   color: #000;
   border-color: #000;
   background-color: #dadada;
}

.ab_lightyellow{
   color: #000;
   border-color: #d5be54;
   background-color: #fff6ce;
}

.ab_darkyellow{
   color: #2b5e94;
   border-color: #d5be54;
   background-color: #ccffff;
}

.ab_whiteyellow{
   color: #fff;
   border-color: #d5be54;
   background-color: #edb800;
}

.ab_lightblue{
   color: #2b5e94;
   border-color: #2b5e94;
   background-color: #ccffff;
}

.ab_darkblue{
   color: #2b5e94;
   border-color: #2b5e94;
   background-color: #cbd9fe;
}

.ab_whiteblue{
   color: #2b5e94;
   border-color: #2b5e94;
   background-color: #fff;
}

.ab_lightgreen{
   color: #000;
   border-color: #77d647;
   background-color: #ddffcc;
}

.ab_whitegreen{
   color: #000;
   border-color: #77d647;
   background-color: #fff;
}

.ab_darkgreen{
   color: #2b5e94;
   border-color: #2b5e94;
   background-color: #9af3ac;
}

.ab_label{
   color: #333;
   border: 0px solid #fff;
   background-color: #e7e7e7;
   font-weight: 700;
   padding:4px 10px 4px 10px;
   font-family: Arial, sans-serif;
   display: inline-block;
   white-space: nowrap;
   font-size: 12px;
}