/**
 * MarkItUp! Editor für MyBB – angepasst für .markItUp
 * Original von StefanT (https://www.mybb.de)
 * Anpassung: Klassen auf .markItUp geändert, Listenpunkte entfernt, Float-Probleme behoben
 */

/* UL-Grundstruktur */
.markItUp ul {
    list-style: none !important; /* keine Punkte/✦ */
    margin: 0;
    padding: 0;
    height: 22px; /* Höhe des Buttonsprites */
}

/* LI Buttons */
.markItUp ul li {
    display: inline-block; /* nebeneinander */
    margin: 0;
    padding: 0;
    width: 25px;   /* Breite des Icons */
    height: 22px;  /* Höhe des Icons */
    overflow: hidden;
    position: relative; /* wichtig für Dropdowns */
}

/* Buttons als Link mit Sprite */
.markItUp ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px; /* Text verstecken */
    background-image: url(icons.png);
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

/* Hover-Effekt optional */
.markItUp ul li a:hover {
    opacity: 0.8;
}

/* Hintergrundpositionen für Buttons */
.markItUp .markItUpButton1 a { background-position: 0px 0px; }
.markItUp .markItUpButton2 a { background-position: 0px -22px; }
.markItUp .markItUpButton3 a { background-position: 0px -44px; }
.markItUp .markItUpButton4 a { background-position: 0px -66px; }
.markItUp .markItUpButton5 a { background-position: 0px -88px; }
.markItUp .markItUpButton6 a { background-position: 0px -110px; }
.markItUp .markItUpButton7 a { background-position: 0px -132px; }
.markItUp .markItUpButton8 a { background-position: 0px -154px; }
.markItUp .markItUpButton9 a { background-position: 0px -176px; }
.markItUp .markItUpButton10 a { background-position: 0px -198px; }
.markItUp .markItUpButton11 a { background-position: 0px -220px; }
.markItUp .markItUpButton12 a { background-position: 0px -242px; }
.markItUp .markItUpButton13 a { background-position: 0px -264px; }
.markItUp .markItUpButton14 a { background-position: 0px -286px; }
.markItUp .markItUpButton15 a { background-position: 0px -308px; }
.markItUp .markItUpButton16 a { background-position: 0px -330px; }
.markItUp .markItUpButton17 a { background-position: 0px -352px; }
.markItUp .markItUpButton18 a { background-position: 0px -374px; }
.markItUp .markItUpButton19 a { background-position: 0px -396px; }

/* Dropdown Menüs */
.markItUp ul li ul {
    position: absolute;
    top: 22px; /* direkt unter dem Button */
    left: 0;
    display: none;
    list-style: none;
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
    z-index: 1000;
}

.markItUp ul li:hover > ul {
    display: block;
}

.markItUp ul li ul li {
    display: block;
    width: auto;
    height: auto;
    float: none;
    border: none;
    padding: 0;
    margin: 0;
}

/* Schriftart-Dropdown */
.markItUp .markItUpButton8 ul a { background: transparent; padding: 5px; }
.markItUp .markItUpButton8 .arial { font-family: Arial; }
.markItUp .markItUpButton8 .arial_black { font-family: Arial Black; }
.markItUp .markItUpButton8 .comic_sans_ms { font-family: Comic Sans MS; }
.markItUp .markItUpButton8 .courier_new { font-family: Courier New; }
.markItUp .markItUpButton8 .georgia { font-family: Georgia; }
.markItUp .markItUpButton8 .impact { font-family: Impact; }
.markItUp .markItUpButton8 .sans_serif { font-family: Sans-serif; }
.markItUp .markItUpButton8 .serif { font-family: Serif; }
.markItUp .markItUpButton8 .times_new_roman { font-family: Times New Roman; }
.markItUp .markItUpButton8 .trebuchet_ms { font-family: Trebuchet MS; }
.markItUp .markItUpButton8 .verdana { font-family: Verdana; }

/* Größen-Dropdown */
.markItUp .markItUpButton9 ul a { background: transparent; padding: 5px; height: auto; width: 150px; }
.markItUp .markItUpButton9 .size1 { font-size: xx-small; }
.markItUp .markItUpButton9 .size2 { font-size: x-small; }
.markItUp .markItUpButton9 .size3 { font-size: small; }
.markItUp .markItUpButton9 .size4 { font-size: medium; }
.markItUp .markItUpButton9 .size5 { font-size: large; }
.markItUp .markItUpButton9 .size6 { font-size: x-large; }
.markItUp .markItUpButton9 .size7 { font-size: xx-large; }

/* Textarea */
form #message {
    width: 690px;
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

/* Footer/Resize Handle */
.markItUpFooter {
    margin-top: 4px;
}

.markItUpResizeHandle {
    cursor: se-resize;
}