MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Roman (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Roman (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 139: | Zeile 139: | ||
.leftColumn { margin-right: 24.5em; } | .leftColumn { margin-right: 24.5em; } | ||
.rightColumn { position: absolute; top: 0; right: 0; width: 23.75em; } | .rightColumn { position: absolute; top: 0; right: 0; width: 23.75em; } | ||
} | |||
.gallerybox { | |||
background: white; | |||
display: inline; | |||
float: left; | |||
margin: 0 5px 20px; | |||
padding: 0px 5px 5px 5px; | |||
text-align: center; | |||
text-decoration: none; | |||
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3); | |||
-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3); | |||
box-shadow: 0 4px 6px rgba(0,0,0,.3); | |||
-webkit-transition: all .15s linear; | |||
-moz-transition: all .15s linear; | |||
transition: all .15s linear; | |||
z-index: 0; | |||
position: relative; | |||
} | |||
.gallerybox img { | |||
display: block; | |||
width: inherit; | |||
} | |||
li.gallerybox div.thumb { | |||
margin: 5px; | |||
border: none; | |||
background-color: transparent; | |||
} | |||
.MediaTransformError { | |||
width: auto !important; | |||
} | |||
.gallerytext { | |||
font-size: 0.9em; | |||
} | |||
.gallerytext a { | |||
font-weight: bold; | |||
} | |||
.gallerybox:hover{ | |||
-webkit-transform: scale(1.2); | |||
-moz-transform: scale(1.2); | |||
transform: scale(1.2); | |||
z-index:10; | |||
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7); | |||
-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7); | |||
box-shadow: 0 10px 20px rgba(0,0,0,.7); | |||
} | |||
.gallerybox:hover .gallerytext{ | |||
-webkit-transform: scale(1.0); | |||
-moz-transform: scale(1.0); | |||
transform: scale(1.0); | |||
} | } |
Version vom 12. Juli 2014, 12:44 Uhr
tr.mw-line-even { background:white; } tr.mw-line-odd { background:#eee; } table.changes { border:none; width:100%; } table.changes tr { margin:0; padding:0; } table.changes td { margin:0; padding: 1px 4px 0 4px; vertical-align: top; } table.changes td.heading { font-size: 110%; font-weight:bold; padding-top:10px; } table.changes td.comment { width:100%; } table.changes td.talk, table.changes td.diff { font-size: 90%; } table.changes td.user, table.changes td.talk, table.changes td.diff, table.changes td.info { white-space: nowrap; } /* Boxes */ .box { margin: 1em 0 0 0.5em; padding: 0.5em 1em; align:right; font-size: 95%; border-radius: 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 3px rgba(255,255,255,0.3), inset 0 3px rgba(255,255,255,0.2), inset 0 3px rgba(255,255,255,0.25), inset 0 3px rgba(0,0,0,0.3); } .box-blue { background-color:#E0E4EF; border: 1px solid #6688AA; } .box-lila { border: 1px solid #9D1C81; background-color:#EFD1E9; } .button { display: inline-block; white-space: nowrap; background-color: #ccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background-image: -webkit-linear-gradient(top, #eee, #ccc); background-image: -moz-linear-gradient(top, #eee, #ccc); background-image: -ms-linear-gradient(top, #eee, #ccc); background-image: -o-linear-gradient(top, #eee, #ccc); background-image: linear-gradient(top, #eee, #ccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc'); border: 1px solid #777; padding: 0 1.5em; margin: 0.5em; font: bold 1em/2em Arial, Helvetica; text-decoration: none; color: #333; text-shadow: 0 1px 0 rgba(255,255,255,.8); -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em; -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); } .button:hover { background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd)); background-image: -webkit-linear-gradient(top, #fafafa, #ddd); background-image: -moz-linear-gradient(top, #fafafa, #ddd); background-image: -ms-linear-gradient(top, #fafafa, #ddd); background-image: -o-linear-gradient(top, #fafafa, #ddd); background-image: linear-gradient(top, #fafafa, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd'); } .button:active { -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; position: relative; top: 1px; } .button:focus { outline: 0; background: #fafafa; } .button:before { background: #ccc; background: rgba(0,0,0,.1); float: left; width: 1em; text-align: center; font-size: 1.5em; margin: 0 1em 0 -1em; padding: 0 .2em; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5); -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5); box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5); -moz-border-radius: .15em 0 0 .15em; -webkit-border-radius: .15em 0 0 .15em; border-radius: .15em 0 0 .15em; } .charakter_infobox { margin: 0 0 10px 10px; border: 1px solid #6688AA; border-collapse: collapse; float: right; clear: both; width: 300px; } .charakter_infobox th { vertical-align: top; } .charakter_infobox tr:nth-child(even){ background-color: #E0E4EF; } .charakter_infobox tr:nth-child(odd) { background-color: #EFD1E9; } .charakter_infobox p br { display: none; } .columnsContainer { position: relative; margin: .5em; } .leftColumn { margin-bottom: .5em; } .rightColumn { } @media screen and (min-width: 47.5em ) { .leftColumn { margin-right: 24.5em; } .rightColumn { position: absolute; top: 0; right: 0; width: 23.75em; } } .gallerybox { background: white; display: inline; float: left; margin: 0 5px 20px; padding: 0px 5px 5px 5px; text-align: center; text-decoration: none; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3); -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3); box-shadow: 0 4px 6px rgba(0,0,0,.3); -webkit-transition: all .15s linear; -moz-transition: all .15s linear; transition: all .15s linear; z-index: 0; position: relative; } .gallerybox img { display: block; width: inherit; } li.gallerybox div.thumb { margin: 5px; border: none; background-color: transparent; } .MediaTransformError { width: auto !important; } .gallerytext { font-size: 0.9em; } .gallerytext a { font-weight: bold; } .gallerybox:hover{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); z-index:10; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7); -moz-box-shadow: 0 10px 20px rgba(0,0,0,.7); box-shadow: 0 10px 20px rgba(0,0,0,.7); } .gallerybox:hover .gallerytext{ -webkit-transform: scale(1.0); -moz-transform: scale(1.0); transform: scale(1.0); }