MediaWiki:Common.css: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(125 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 3: Zeile 3:




#tooltip {
.tip {
      position: absolute;
    border-bottom: 1px dashed #00E;
      width: 100px;
    display: inline;
      height: 20px;
      line-height: 20px;
      padding: 10px;
      font-size: 14px;
      text-align: center;
      color: rgb(113, 157, 171);
      background: rgb(255, 255, 255);
      border: 4px solid rgb(255, 255, 255);
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
}
}


#tooltip:after {
.tip:hover .tipcont {
      content: "";
    display: inline;
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: #FFFFFF transparent transparent transparent;
      top: 44px;
      left: 50px;
}
}
.tipcont {
    display: none;
    opacity: .95;
    color: #FFFFFF;
    background: #555555;
    margin-top: .5em;
    margin-left: .5em;
    padding: .3em;
    position: absolute;
    z-index: 1000;
    border-radius: 5px;
    max-width:20em;
}
.tipimg {
    border-bottom: 1px dashed #00E;
    display:inline;
    border: 2px solid red;
}
.tipimg:hover .tipimgcont {
    display: block;
}
.tipimgcont {
    display: none;
    opacity: .95;
    color: #FFFFFF;
    background: #555555;
    margin-top: .5em;
    margin-left: .5em;
    padding: .3em;
    z-index: 1000;
    border-radius: 5px;
    max-width:20em;
    position:absolute;
    left:0;
    right:0;
    min-width: 200px;
}
.popimg {
    border-bottom: 1px dashed #00E;
    display:inline;
    border: 2px solid red;
}
.popimg:hover .popimgcont {
    display: block;
}
.popimgcont {
    display: none;
    margin-top: .5em;
    margin-left: .5em;
    padding: .3em;
    z-index: 1000;
    border-radius: 5px;
    max-width:20em;
    position:absolute;
    left:0;
    right:0;
}


#mpo {
#mpo {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e9ea));
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e9ea));
     background: -moz-linear-gradient(center top, #ffffff 0%, #e8e9ea 100%);
     background: -moz-linear-gradient(center top, #ffffff 0%, #e8e9ea 100%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: .3em;
     text-shadow: 1px 1px 0px #ffffff;
     text-shadow: 1px 1px 0px #ffffff;
     border-color: #c9cdd1;
     border-color: #c9cdd1;
Zeile 42: Zeile 88:
     border-style: solid;
     border-style: solid;
     line-height: 12px;
     line-height: 12px;
     padding: .4em .7em;
    height: 1.5em;
     padding: .2em .4em 0 .4em;
     font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
     font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
     text-align: center;
     text-align: center;
     display: inline;
     //display: inline;
     display: inline-block;
     display: inline-block;
}
#mpo img{
    vertical-align: center;
}
}


Zeile 61: Zeile 113:
     text-align: center;
     text-align: center;
}
}




Zeile 86: Zeile 137:
display: inline-block;
display: inline-block;
min-width: 1em;
min-width: 1em;
padding: .2em .3em .1em .3em;
padding: .2em .3em .15em .3em;
font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
text-align: center;
text-align: center;