forum/skins/default/media/js/viewbox.css

   1 /* Miniatury */
   2 .thumbdiv {
   3         float:left;
   4         position:relative;
   5 }
   6 .thumbdiv .title {
   7         position:absolute;
   8         padding:2px;
   9         font-size:1.0em;
  10         color:#fff;
  11         background:#000;
  12         border-top:solid 1px #000;
  13         opacity:0.8;
  14         bottom:14px;
  15         left:8px;
  16         right:9px;
  17 }
  18 /* VIEWBOX */
  19 #viewbox {
  20         position:fixed;
  21         height:100%;
  22         width:100%;
  23         top:0;
  24         left:0;
  25         background:#383739;
  26         z-index:2190;
  27         overflow:auto;
  28 }
  29 .vb_wrap {
  30         position:absolute;
  31         padding:10px;
  32         height:20px;
  33         width:20px;
  34         background-image:url(../images/viewbox/ViewBox_bg.png);
  35         background-color:#0f0e0e;
  36         overflow:visible;
  37         z-index:2200;
  38         margin:0 auto;
  39         top:0;
  40         left:0;
  41         border-radius:10px;
  42         box-shadow: 4px 4px 7px #000;
  43 }
  44 .vb_wrap .content {
  45         position:relative;
  46         overflow:visible;
  47 }
  48 .vb_wrap .number {
  49         position:absolute;
  50         top:-32px;
  51         left:1px;
  52         font-size:0.9em;
  53         color:#0c0c0c;
  54 }
  55 .vb_wrap .close {
  56         position:absolute;
  57         top:-40px;
  58         right:-7px;
  59         background:url(../images/viewbox/viewbox_close.png) top left no-repeat;
  60         height:30px;
  61         width:30px;
  62 }
  63 * html .vb_wrap .close {
  64         top:-26px;
  65         right:7px;
  66 }
  67 .vb_wrap .next {
  68         position:absolute;
  69         right:-60px;
  70         background:url(../images/viewbox/ViewBox_next.png) top left no-repeat;
  71         height:50px;
  72         width:50px;
  73         z-index:2190;
  74 }
  75 .vb_wrap .prev {
  76         position:absolute;
  77         left:-59px;
  78         background:url(../images/viewbox/ViewBox_prev.png) top right no-repeat;
  79         height:50px;
  80         width:50px;
  81         z-index:2190;
  82 }
  83 .vb_wrap .close a, .vb_wrap .next a, .vb_wrap .prev a {
  84         display:block;
  85         height:100%;
  86         width:100%;
  87         text-indent:-777em;
  88         outline:none;
  89 }
  90 .vb_wrap h1 {
  91         margin:5px 0px 8px;
  92         padding-bottom:3px;
  93         letter-spacing:1.3px;
  94         font-family:Arial, Helvetica, sans-serif;
  95         font-size:0.9em;
  96         color:#cdcdcd;
  97         border-bottom:solid 1px #7e7e7e;
  98
  99 }
 100 .vb_wrap p {
 101         font-family:Arial, Helvetica, sans-serif;
 102         font-size:0.8em;
 103         text-align:justify;
 104         color:#e5e5e5;
 105 }
 106 .vb_wrap .text {
 107         position:absolute;
 108         background: url(../images/viewbox/ViewBox_bg.png) top left repeat;
 109         border-top:solid 1px #121212;
 110         bottom:0; left:0;
 111         padding:5px;
 112         width:99%;
 113         z-index:2110;
 114 }
 115 * html .vb_wrap .text {
 116         background-image:none;
 117         background-color:#0f0e0e;
 118 }
 119 .vb_wrap .image {
 120         z-index:2220;
 121 }
 122 .vb_wrap .text h1 {
 123         margin:2px;
 124         padding:1px;
 125         color:#919191;
 126         z-index:2230;
 127 }
 128 .vb_wrap .text .description {
 129         position:relative;
 130         bottom:0px;
 131         left:0px;
 132         padding:2px 2px;
 133         font-family:Arial, Helvetica, sans-serif;
 134         font-size:0.8em;
 135         z-index:2260;
 136         color:#949494;
 137 }