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

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