mods/photo_album/module.css

   1 \r
   2 div#message {\r
   3         border: 1px solid #ccc;\r
   4         padding: 10px;\r
   5         width: 50%;\r
   6         margin-right: auto;\r
   7         margin-left: auto;\r
   8         background-color: red;\r
   9         color: black;\r
  10         margin-top: 30px;\r
  11         margin-bottom: 30px;\r
  12         font-size: 3.0em;\r
  13 }\r
  14 \r
  15 .pa_confirm {\r
  16         clear:left;\r
  17         float:left;\r
  18         font-size:2.0em;\r
  19         color:red;\r
  20 }\r
  21 \r
  22 div#deny {\r
  23         clear:left;\r
  24         float:left;\r
  25         font-size:2.0em;\r
  26         color:red;\r
  27 }\r
  28 \r
  29 div#success {\r
  30         clear:left;\r
  31         float:left;\r
  32         font-size:2.0em;\r
  33         color:green;\r
  34 }\r
  35 \r
  36 .pa_result_success{\r
  37         font-size:1.0em;\r
  38         color:green;\r
  39         font-family:sans-serif, verdana, helvetica, arial;\r
  40         font-weight:bold;\r
  41         text-align: center;\r
  42 }\r
  43 \r
  44 .pa_img { \r
  45         margin: 0; \r
  46         padding: 0.1em; \r
  47         border: solid 0.2em black; }\r
  48 .pa_img:hover { \r
  49         margin: 0; \r
  50         padding: 0.1em; \r
  51         border: solid 0.2em red; }\r
  52 .pa_p { font-size: 0.8em; font-family: sans-serif, verdana, helvetica, arial; font-weight: bold; text-align: center; margin: 0; padding: 0; display: block; }\r
  53 .pa_p a { text-decoration: none; }\r
  54 .pa_p a:hover { color: black; }\r
  55 .pa_gallery { margin: 0.3em; padding: 0.5em; list-style-type: none; clear:both;}\r
  56 .pa_pic_border { float: left; text-align: center; width: 10em; height: 10em; padding: 1.2em; border: none; display: block;}\r
  57 .pa_page_table {\r
  58         float:left;\r
  59         clear:left;\r
  60         margin-bottom:3.0em;\r
  61         margin-top:1.0em;\r
  62 }\r
  63 .pa_buttons{\r
  64         float:left;\r
  65         clear:left;\r
  66         margin-top:0.3em;\r
  67         margin-left:0.8em;\r
  68 }\r
  69 .pa_img_view{\r
  70         float:left;\r
  71         clear:left;\r
  72         margin-top: 0.5em;\r
  73         margin-left:0.8em;\r
  74 }\r
  75 .pa_img_message{\r
  76         float:left;\r
  77         clear:left;\r
  78         margin-top:1.0em;\r
  79         font-size:1.5em;\r
  80         font-family:sans-serif;\r
  81         text-decoration: underline;\r
  82         color: rgb(0, 64, 128);\r
  83         margin-left:0.3em;\r
  84 }\r
  85 \r
  86 .pa_message{\r
  87         float:left;\r
  88         clear:both;\r
  89         font-size:1.2em;\r
  90         margin-top:0.5em;\r
  91         margin-bottom:0.5em;\r
  92 }\r
  93 \r
  94 .pa_message_sub {\r
  95         float:left;\r
  96         clear:left;\r
  97         margin-top:0.8em;\r
  98         width:80%;\r
  99 }\r
 100 \r
 101         \r
 102 .pa_form {\r
 103         float:left;\r
 104         clear:left;\r
 105 }\r
 106 \r
 107 .pa_caution {\r
 108         float:left;\r
 109         margin-left:0.8em;\r
 110         font-size:1.3em;\r
 111         color:red;\r
 112         text-align:center;\r
 113 }\r
 114 \r
 115 .hide {\r
 116         display:none;\r
 117 }\r
 118 \r
 119 .hide_fieldset {\r
 120         border:0;\r
 121 }\r
 122         \r
 123 .invisible{\r
 124         display:none;\r
 125 }\r
 126 \r
 127 .disapproved{\r
 128         background-image: url(skins/swatch_yellow.jpg);\r
 129         background-repeat: repeat;\r
 130         background-color: #FFCCCC;\r
 131         font-weight: bold;\r
 132 }\r
 133 \r
 134 .posted_new{\r
 135         background-image: url(skins/swatch_green.jpg);\r
 136         background-repeat: repeat;\r
 137         background-color: #FFCCCC;\r
 138         font-weight: bold;\r
 139 }\r
 140 \r
 141 #pa_pagination {\r
 142         clear:both;\r
 143         font-family: Geneva, Arial, Helvetica, sans-serif;\r
 144         font-weight: bold;\r
 145         font-size: 0.8em;\r
 146         color: #666666;\r
 147         background-color: #ffffff;\r
 148         border: 1px solid #FFFFFF;\r
 149         text-align: center;\r
 150 }\r
 151 \r
 152 #pa_pagination ul li{\r
 153         display: inline;\r
 154         list-style-type: none;\r
 155         background-color: #ffffff;\r
 156 }\r
 157 \r
 158 .current {\r
 159         color: #999999;\r
 160         background-color: #cccccc;\r
 161         margin-top: 0em;\r
 162         margin-right: 1em;\r
 163         margin-bottom: 0em;\r
 164         margin-left: 1em;\r
 165         padding-top: .25em;\r
 166         padding-right: 1em;\r
 167         padding-bottom: .25em;\r
 168         padding-left: 1em;\r
 169         border: 1px solid #cccccc;\r
 170 }\r
 171 \r
 172 #pa_pagination a {\r
 173         color: #0033cc;\r
 174         background-color:#ffffff;\r
 175         margin-top: 0em;\r
 176         margin-right: 1em;\r
 177         margin-bottom: 0em;\r
 178         margin-left: 1em;\r
 179         padding-top: .25em;\r
 180         padding-right: 1em;\r
 181         padding-bottom: .25em;\r
 182         padding-left: 1em;\r
 183         border: 1px solid #999;\r
 184         text-decoration: none;\r
 185 }\r
 186 \r
 187 #pa_pagination a:hover {\r
 188         color: #0033cc;\r
 189         background-color: #f5f5ff;\r
 190         border: 1px solid #0066CC;\r
 191 }\r
 192 \r
 193 #pa_pagination a:visited {\r
 194         color: #0033cc;\r
 195         border: 1px solid #663399;\r
 196 }\r
 197 \r
 198 #pa_pagination img {\r
 199         border-top-style: none;\r
 200         border-right-style: none;\r
 201         border-bottom-style: none;\r
 202         border-left-style: none;\r
 203         vertical-align:middle;\r
 204 }\r
 205 \r
 206 .img_border{\r
 207         float: left;\r
 208         margin: 5px;\r
 209         padding: 3px;\r
 210         border: thin #f0f0f0 solid;\r
 211         background-color: #ffffff;\r
 212 }\r
 213 .img_border img {\r
 214         vertical-align: middle;\r
 215         border: none;\r
 216 }\r
 217 .img_border p {\r
 218         text-align: center;\r
 219         padding: 5px;\r
 220 }\r
 221 .img_spacer {\r
 222         clear: both;\r
 223 }\r
 224 \r
 225 /*  Fluid LightBox Styles */\r
 226 \r
 227 body{\r
 228   font-family: verdana, helvetica, sans-serif;\r
 229   font-size: 12px;\r
 230 }\r
 231 \r
 232 .image-container{\r
 233   overflow: hidden; width: 100%;\r
 234 }\r
 235 \r
 236 .image-inner-container{\r
 237   height: 100px;\r
 238   width: 140px;\r
 239   background-color: #eee;\r
 240   overflow: hidden;\r
 241   margin: 0 auto 3px auto;\r
 242 }\r
 243 \r
 244 .image-inner-container img{\r
 245   width: 150px;\r
 246 }\r
 247 \r
 248 .orderable-default{\r
 249   height: 150px !important;\r
 250         width: 150px;\r
 251         border: 2px solid #ddd;\r
 252         float: left;\r
 253         margin: 5px !important;\r
 254         text-align: center;\r
 255         padding-top: 10px;\r
 256 }\r
 257 \r
 258 .orderable-hover{\r
 259         height: 150px !important;\r
 260         width: 150px;\r
 261         border: 2px solid #666;\r
 262         float: left;\r
 263         margin: 5px !important;\r
 264         text-align: center;\r
 265         padding-top: 10px;\r
 266 }\r
 267 \r
 268 .orderable-selected{\r
 269         height: 150px !important;\r
 270         width: 150px;\r
 271         border: 2px solid #666;\r
 272         background-color: #ddd;\r
 273         float: left;\r
 274         margin: 5px !important;\r
 275         text-align: center;\r
 276         padding-top: 10px;\r
 277 }\r
 278 \r
 279 .orderable-selected img{\r
 280   border: 1px solid #eee;\r
 281 }\r
 282 \r
 283 .orderable-dragging{\r
 284         height: 150px !important;\r
 285         width: 150px;\r
 286         border: 2px solid #666;\r
 287         background-color: #eee;\r
 288         float: left;\r
 289         margin: 5px !important;\r
 290         text-align: center;\r
 291         opacity: .2;\r
 292         filter: alpha(opacity=20);\r
 293         padding-top: 10px;\r
 294 }\r
 295 \r
 296 .image-title{\r
 297         margin-top:5px;\r
 298         height: 40px;\r
 299         overflow: hidden;\r
 300 }\r
 301 \r
 302 .image-title a{\r
 303   text-decoration: none;\r
 304 }\r
 305 \r
 306 .image-title a:hover{\r
 307   text-decoration: underline;\r
 308 }\r
 309 \r
 310 div .orderable-drop-marker{\r
 311   height: 160px !important;\r
 312   width: 4px;\r
 313   background-color: red;\r
 314   float: left;\r
 315 }\r
 316 \r
 317 .lightbox-instructions{\r
 318         color: #666;\r
 319         background-color: lightyellow;\r
 320         padding: 3px;\r
 321         border: 2px solid #ddd;\r
 322         font-size: .9em;\r
 323         position: absolute;\r
 324         top: 0;\r
 325         right: 0;\r
 326         width: 300px;\r
 327 }\r
 328 \r
 329 .lightbox-downarrow{\r
 330         font-size: 0px; line-height: 0%; width: 0px;\r
 331         margin: 5px 8px 10px 0;\r
 332         float: left;\r
 333         border-top: 10px solid red;\r
 334         border-left: 10px solid lightyellow;\r
 335         border-right: 10px solid lightyellow;\r
 336 }\r
 337 \r
 338 \r
 339 \r
 340 \r
 341 \r
 342 \r