MediaWiki:Afterbuy.css
Aus Afterbuy-Wiki
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;
}