vcs.maemo.org Git - marble/blob - www/css/ReMooz.css

   1 .remooz-element\r
   2 {\r
   3         cursor:                                 -moz-zoom-in;\r
   4 }\r
   5 \r
   6 /**\r
   7  * Box layout\r
   8  */\r
   9 \r
  10 .remooz-box\r
  11 {\r
  12         position:                               absolute;\r
  13         top:                                    0;\r
  14         left:                                   0;\r
  15         background:                             #fff no-repeat center;\r
  16         z-index:                                100;\r
  17 }\r
  18 .remooz-loading\r
  19 {\r
  20         background-image:               url(spinner.gif);\r
  21 }\r
  22 .remooz-body\r
  23 {\r
  24         width:                                  100%;\r
  25         height:                                 100%;\r
  26 }\r
  27 .remooz-box-focus.remooz-type-image .remooz-body\r
  28 {\r
  29         cursor:                                 -moz-zoom-out;\r
  30 }\r
  31 .remooz-box-dragging .remooz-body\r
  32 {\r
  33         cursor:                                 move;\r
  34 }\r
  35 \r
  36 /**\r
  37  * Close button\r
  38  */\r
  39 \r
  40 .remooz-btn-close\r
  41 {\r
  42         position:                               absolute;\r
  43         left:                                   -15px;\r
  44         top:                                    -15px;\r
  45         width:                                  30px;\r
  46         height:                                 30px;\r
  47         text-decoration:                none;\r
  48         border:                                 0;\r
  49         background:                             url(closebox.png) no-repeat center;\r
  50         visibility:                             hidden;\r
  51         cursor:                                 pointer;\r
  52 }\r
  53 .remooz-engine-trident4 .remooz-btn-close\r
  54 {\r
  55         background-image:               url(closebox.gif);\r
  56 }\r
  57 \r
  58 /**\r
  59  * Caption title\r
  60  */\r
  61 \r
  62 .remooz-title\r
  63 {\r
  64         position:                               relative;\r
  65         left:                                   0;\r
  66         top:                                    15px;\r
  67         text-align:                             left;\r
  68 }\r
  69 .remooz-title-bg\r
  70 {\r
  71         position:                               absolute;\r
  72         left:                                   0;\r
  73         top:                                    0;\r
  74         width:                                  100%;\r
  75         height:                                 100%;\r
  76         background-color:               #000;\r
  77         z-index:                                99;\r
  78         -moz-border-radius:             5px;\r
  79         -webkit-border-radius:  5px;\r
  80         /* shadow opacity differs from box shadow because its default set to opacity 0.8 */\r
  81         -webkit-box-shadow:             0 0 10px rgba(0, 0, 0, 0.9);\r
  82 }\r
  83 .remooz-title-content\r
  84 {\r
  85         position:                               relative;\r
  86         padding:                                5px 15px;\r
  87         color:                                  #fff;\r
  88         z-index:                                101;\r
  89         font:                                   11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;\r
  90 }\r
  91 \r
  92 .remooz-engine-trident4 .remooz-title-bg\r
  93 {\r
  94         display:                                none;\r
  95 }\r
  96 .remooz-engine-trident4 .remooz-title-content\r
  97 {\r
  98         background-color:               #333;\r
  99 }\r
 100 \r
 101 .remooz-title-content h6\r
 102 {\r
 103         font-size:                              1.2em;\r
 104         font-weight:                    bold;\r
 105         color:                                  #eee;\r
 106 }\r
 107 .remooz-title-content p\r
 108 {\r
 109         color:                                  #eee;\r
 110 }\r
 111 \r
 112 /**\r
 113  * Type specific\r
 114  */\r
 115 \r
 116 .remooz-type-image img\r
 117 {\r
 118         display:                                block;\r
 119         border:                                 0;\r
 120         width:                                  100%;\r
 121         height:                                 100%;\r
 122 }\r
 123 \r
 124 /**\r
 125  * Shadow\r
 126  */\r
 127 \r
 128 .remooz-bg\r
 129 {\r
 130         position:                               absolute;\r
 131         width:                                  33px;\r
 132         height:                                 40px;\r
 133 }\r
 134 \r
 135 .remooz-bg-n\r
 136 {\r
 137         left:                                   0;\r
 138         top:                                    -40px;\r
 139         width:                                  100%;\r
 140         background:                             url(remo_bg_n.png) repeat-x;\r
 141 }\r
 142 .remooz-bg-ne\r
 143 {\r
 144         right:                                  -33px;\r
 145         top:                                    -40px;\r
 146         background:                             url(remo_bg_ne.png) no-repeat;\r
 147 }\r
 148 .remooz-bg-e\r
 149 {\r
 150         right:                                  -33px;\r
 151         top:                                    0;\r
 152         height:                                 100%;\r
 153         background:                             url(remo_bg_e.png) repeat-y;\r
 154 }\r
 155 .remooz-bg-se\r
 156 {\r
 157         right:                                  -33px;\r
 158         bottom:                                 -40px;\r
 159         background:                             url(remo_bg_se.png) no-repeat;\r
 160 }\r
 161 .remooz-bg-s\r
 162 {\r
 163         left:                                   0;\r
 164         bottom:                                 -40px;\r
 165         width:                                  100%;\r
 166         background:                             url(remo_bg_s.png) repeat-x;\r
 167 }\r
 168 .remooz-bg-sw\r
 169 {\r
 170         left:                                   -33px;\r
 171         bottom:                                 -40px;\r
 172         background:                             url(remo_bg_sw.png) no-repeat;\r
 173 }\r
 174 .remooz-bg-w\r
 175 {\r
 176         left:                                   -33px;\r
 177         top:                                    0;\r
 178         height:                                 100%;\r
 179         background:                             url(remo_bg_w.png) repeat-y;\r
 180 }\r
 181 .remooz-bg-nw\r
 182 {\r
 183         left:                                   -33px;\r
 184         top:                                    -40px;\r
 185         background:                             url(remo_bg_nw.png) no-repeat;\r
 186 }