responsive lightbox for quest images

This commit is contained in:
Daniel 2014-04-23 17:29:40 +02:00
commit 15db3aa08d
4 changed files with 20 additions and 2 deletions

View file

@ -117,6 +117,8 @@ aside{display:none}
.qtext{padding-right:15px}
.qtext img,.grpqimg{float:right;margin-left:15px;max-width:30%;border-radius:3px}
#imagelightbox{cursor:pointer;position:fixed;z-index:10000;-ms-touch-action:none;touch-action:none;-webkit-box-shadow:0 0 3.125em rgba( 0, 0, 0, .75 ); -moz-box-shadow:0 0 3.125em rgba( 0, 0, 0, .75 );box-shadow:0 0 3.125em rgba( 0, 0, 0, .75 )}
.xpinfo{display:none}
.xpbar{width:60%;float:left;height:10px;position:relative;background:#eee;border-radius:25px;margin:8px 0 16px}
.xpbar span{display:block;height:100%;border-radius:20px;background:#bcd75e;position:relative;overflow:hidden}
@ -132,6 +134,7 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
.admin li a{padding:4px 15px;background:#5cb6bd;border-bottom:2px solid #50a0a6;color:#fff;border-radius:3px}
.admin li a:hover{background:#62c5cd}
/** Login & Registration **/
.logreg{width:auto;display:inline-block;padding:15px 20px;background:#eae8e4;border-radius:3px}
@ -174,6 +177,7 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
.cglist .xp{float:right}
.cgqlist li{list-style-type:square;margin-left:25px;padding:2px 15px}
/** Charactergroup Profile **/
.gbanner img{margin-top:10px;border-radius:3px}
@ -239,6 +243,7 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
/** Quest Types **/
.success,.error{margin-top:15px;padding:5px 15px;border:1px solid #4F8A10;background:#DFF2BF;color:#4F8A10;border-radius:3px}
.error{border:1px solid #850000;background:#ebd3d3;color:#850000}
.success p,.error p{margin-bottom:5px}