Changeset 570

Show
Ignore:
Timestamp:
07/31/08 11:07:15 (4 months ago)
Author:
kimparsell
Message:

+ Reworked plog-options.php per Ticket #186 to reorder the gallery settings into more user-friendly groupings
+ Reorganized/commented admin.css
+ Removed css/greybox.css, js/greybox.js and js/AmiJS.js as they are no longer used
+ Added an index.php file to plog-content, plog-includes/js, and plog-includes/lib
+ Miscellaneous cleanup of other admin files

Location:
trunk
Files:
3 added
3 removed
10 modified

Legend:

Unmodified
Added
Removed

  • trunk/plog-admin/css/admin.css

    r568 r570  
     1/* Plogger admin stylesheet */ 
     2 
     3/* Body and general styles */ 
     4 
    15html { 
    26        padding: 15px; 
    … …  
    610 
    711html, body, p, form, table, td, tr { 
    8         font-family: "Lucida Sans Unicode", "Lucida Sans", "Georgia", "Trebuchet MS", "Verdana", sans-serif; 
     12        font-family: "Lucida Sans Unicode", "Lucida Sans", "Georgia", "Trebuchet MS", verdana, arial, sans-serif; 
    913        font-size: 13px; 
    1014} 
    1115 
    12 #theme-table td { 
    13         padding: 8px; 
    14 } 
    15  
    16 #theme-table tr.header th { 
    17         padding: 8px; 
    18 } 
    19  
    20 .option-table td { 
    21         padding: 6px; 
    22         text-align: right; 
    23         width: 300px; 
    24 } 
    25  
    26 tr.alt td { 
    27         background: #fafafa; 
    28         border-bottom: 1px solid #efefef; 
    29 } 
    30  
    31 tr.activated td { 
    32         background: #bedebe; 
    33         border-bottom: 1px solid #519e51; 
     16a:link, a:visited, a:active { 
     17        color: maroon; 
     18        text-decoration: none; 
     19} 
     20 
     21a:hover { 
     22        color: navy; 
     23        text-decoration: underline; 
     24} 
     25 
     26a:focus { 
     27        outline: none; 
     28        -moz-outline:none; 
     29} 
     30 
     31h1 { 
     32        font-family: "Verdana", "Lucida Sans", "Lucida Grande", "Trebuchet MS", arial, sans-serif; 
     33        font-size: 1.4em; 
     34        margin-top: 25px; 
     35        margin-bottom: 15px; 
     36        font-weight: bold; 
     37        color: #264b71; 
     38} 
     39 
     40h2 { 
     41        font-family: "Verdana", "Lucida Sans", "Lucida Grande", "Trebuchet MS", arial, sans-serif; 
     42        font-size: 1.2em; 
     43        margin-top: 20px; 
     44        margin-bottom: 15px; 
     45        text-decoration: underline; 
     46} 
     47 
     48h3 { 
     49        font-family: "Verdana", "Lucida Sans", "Lucida Grande", "Trebuchet MS", arial, sans-serif; 
     50        font-size: 1.0em; 
     51        margin-top: 15px; 
     52        margin-bottom: 10px; 
     53} 
     54 
     55img { 
     56        border: 0; 
     57        padding: 5px 
     58        display: inline; 
     59} 
     60 
     61input, select, textarea { 
     62        margin: 5px; 
     63        font-family: verdana, arial, sans-serif; 
     64        font-size: 13px; 
    3465} 
    3566 
    … …  
    4879} 
    4980 
    50 h1 { 
    51         font-family: "Verdana", "Lucida Sans", "Lucida Grande", "Trebuchet MS", sans-serif; 
    52         font-size: 1.4em; 
    53         margin-top: 25px; 
    54         margin-bottom: 15px; 
    55         font-weight: bold; 
    56         color: #264b71; 
    57 } 
    58  
    59 h2 { 
    60         font-family: "Verdana", "Lucida Sans", "Lucida Grande", "Trebuchet MS", sans-serif; 
    61         font-size: 1.2em; 
    62         margin-top: 20px; 
    63         margin-bottom: 15px; 
     81label { 
     82        padding: 8px; 
     83} 
     84 
     85label em { 
     86        font-style: normal; 
    6487        text-decoration: underline; 
    6588} 
    6689 
    67 h3 { 
    68         font-family: "Verdana", "Lucida Sans", "Lucida Grande", "Trebuchet MS", sans-serif; 
     90p { 
     91        padding: 3px; 
     92} 
     93 
     94/* Header elements */ 
     95 
     96#plogger-version { 
     97        float: right; 
     98        color: #369; 
     99        font-weight: 300; 
     100        letter-spacing: 1px; 
     101} 
     102 
     103/* Login page structure/elements */ 
     104 
     105#login { 
     106        background-image: url("../images/login.gif"); 
     107        background-repeat: no-repeat; 
     108        width: 382px; 
     109        height: 327px; 
     110        padding: 187px 15px 10px 15px; 
     111        margin: auto; 
     112} 
     113 
     114#login-page { 
     115        background: #369; 
     116        text-align: center; 
     117        margin-top: 100px; 
     118} 
     119 
     120.login-error { 
     121        text-align: center; 
     122        font-size: 1.1em; 
     123        font-weight: bold; 
     124        color: #c00; 
     125} 
     126 
     127/* Upload page elements */ 
     128 
     129#uploadForm label { 
     130        display: block; 
     131        white-space: nowrap; 
     132} 
     133 
     134/* Import and Manage page elements */ 
     135 
     136a.folder { 
     137        background-image: url("../images/folder_open.gif"); 
     138        background-repeat: no-repeat; 
     139        background-position: left 1px; 
     140        padding-left: 20px; 
     141} 
     142 
     143.add { 
     144        background-image: url("../images/new_file.gif"); 
     145        background-repeat: no-repeat; 
     146        background-position: left center; 
     147        padding-left: 20px; 
     148        margin-left: -12px; 
     149        text-decoration: underline; 
     150} 
     151 
     152/* Manage and Feedback page elements */ 
     153 
     154#contentList { 
     155} 
     156 
     157#contentList #breadcrumb_links { 
    69158        font-size: 1.0em; 
    70         margin-top: 15px; 
    71         margin-bottom: 10px; 
    72 } 
    73  
    74 a:link, a:active { 
    75         color: maroon; 
    76         text-decoration: none; 
    77 } 
    78  
    79 a:visited { 
    80         color: maroon; 
    81         text-decoration: none; 
    82 } 
    83  
    84 a:hover { 
    85         color: navy; 
    86         text-decoration: underline; 
    87 } 
    88  
    89 a:focus { 
    90         outline: none; 
    91         -moz-outline:none; 
    92 } 
    93  
    94 .actions { 
    95         background-image: url("../images/alert.gif"); 
    96         background-repeat: no-repeat; 
    97         background-position: 5px 8px; 
    98         margin-bottom: 15px; 
    99         margin-right: 15px; 
    100         border-top:     2px solid #bb0; 
    101         border-bottom: 2px solid #bb0; 
    102         padding: 8px; 
    103         background-color: #ffffe0; 
    104         padding-left: 28px; 
    105         clear: both; 
    106 } 
    107  
    108 .errors { 
    109         background-image: url("../images/x.gif"); 
    110         background-repeat: no-repeat; 
    111         background-position: 5px 8px; 
    112         margin-bottom: 15px; 
    113         margin-right: 15px; 
    114         border: 1px solid maroon; 
    115         padding:  8px; 
    116         background-color: #fcc; 
    117         padding-left: 28px; 
    118         clear: both; 
     159        padding: 3px; 
     160} 
     161 
     162#contentList .pagination { 
     163        font-size: 1.0em; 
     164        margin-right: 5px; 
     165        padding: 3px; 
     166        font-weight: bold; 
     167        text-align: right; 
     168} 
     169 
     170#contentList label, select, option { 
     171        font-weight: normal; 
     172} 
     173 
     174#contentList .entries-page { 
     175        text-align: right; 
     176} 
     177 
     178#contentList .entries-page label, select { 
     179        display: block inline; 
     180        margin-bottom: auto; 
     181} 
     182 
     183#contentList .move-del-manage input, select { 
     184        display: block inline; 
     185        margin-bottom: auto; 
     186} 
     187 
     188a#show-collection, a#show-album { 
     189        padding-left: 20px; 
     190        background: #ffc url("../images/new_file.gif") no-repeat left; 
     191        font-size: 1.1em; 
     192} 
     193 
     194a#show-collection:hover, a#show-album:hover {  
     195        text-decoration: none;  
     196        color: white;  
     197        background: #9c9 url("../images/new_file.gif") no-repeat left; 
    119198} 
    120199 
    … …  
    140219} 
    141220 
    142 img { 
    143         border: 0; 
     221.editable { 
     222        color: #000; 
     223        background: #fff url("../images/diag-bg.gif") repeat top left; 
     224        padding: 2px; 
     225        border: 1px solid #efefef; 
     226        display: block; 
     227} 
     228 
     229.highlight { 
     230        padding: 8px; 
     231        background: #ffffe0; 
     232        border-top: 1px solid #ccc; 
     233        border-bottom: 1px solid #ccc; 
     234        width: 98%; 
     235} 
     236 
     237.highlight-row { 
     238        background: #ffffe0; 
     239} 
     240 
     241/* Options page elements */ 
     242 
     243#options_section label { 
     244        font-weight: bold; 
     245} 
     246 
     247.option-table table { 
     248        width: 665px; 
     249} 
     250 
     251.option-table label { 
     252        padding: 8px 2px 8px 8px; 
     253} 
     254 
     255.option-table td.left { 
     256        padding: 7px; 
     257        text-align: right; 
     258        width: 330px; 
     259} 
     260 
     261.option-table td.right { 
     262        padding: 7px; 
     263        text-align: left; 
     264        width: 330px; 
     265} 
     266 
     267tr.alt td { 
     268        background: #fafafa; 
     269        border-bottom: 1px solid #efefef; 
     270} 
     271 
     272/* Themes page elements */ 
     273 
     274#theme-table td { 
     275        padding: 8px; 
     276} 
     277 
     278#theme-table tr.header th { 
     279        padding: 8px; 
     280} 
     281 
     282tr.activated td { 
     283        background: #bedebe; 
     284        border-bottom: 1px solid #519e51; 
     285} 
     286 
     287/* Upload and Manage page elements */ 
     288 
     289.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { /* set the image to use and establish the lower-right position */ 
     290        background: transparent url("../images/plogger-box-add.png") no-repeat bottom right; 
     291        margin: 0; 
     292        padding: 0;  
     293} 
     294 
     295.cssbox label, .cssbox-green label { 
     296        padding: 0; 
     297        margin: 0; 
     298        font-weight: bold; 
    144299        display: inline; 
    145300} 
    146301 
    147 tr.color-1 { 
    148         background-color: #ccc; 
    149 } 
    150  
    151 tr.color-2 { 
    152         background-color: #efefef; 
    153 } 
    154  
    155 tr.header { 
     302.cssbox-green, .cssbox_body-green, .cssbox_head-green, .cssbox_head-green h2 { 
     303        background: transparent url("../images/plogger-box-add-green.png") no-repeat bottom right; 
     304        margin: 0; 
     305        padding: 0;  
     306} 
     307 
     308.cssbox-green { 
     309        width: 370px !important; /* intended total box width - padding-right(next) */ 
     310        width: 350px; /* IE Win = width - padding */ 
     311        padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
     312        margin: 2px 0 20px 0; /* use to position the box */ 
     313} 
     314 
     315.cssbox-green em { 
     316        text-decoration: underline; 
     317        font-style: normal; 
     318} 
     319 
     320.cssbox { 
     321        width: 370px !important; /* intended total box width - padding-right(next) */ 
     322        width: 355px; /* IE Win = width - padding */ 
     323        padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
     324        margin: 2px 0 20px 0; /* use to position the box */ 
     325} 
     326 
     327.cssbox_head, .cssbox_head-green { /* set the top-right image */ 
     328        background-position: top right; 
     329        margin-right: -15px; /* pull the right image over on top of border */ 
     330        padding-right: 40px; /* right-image-gap + right-inside padding */ 
     331} 
     332 
     333.cssbox_head h2, .cssbox_head-green h2 { /* set the top-left image */ 
     334        background-position: top left; 
     335        margin: 0; /* reset */ 
     336        border: 0; /* reset */ 
     337        padding: 7px 0 15px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
     338        height: auto !important;  
     339        height: 1%; /* IE Holly Hack */ 
     340} 
     341 
     342.cssbox_body, .cssbox_body-green { /* set the lower-left corner image */ 
     343        background-position: bottom left; 
     344        margin-right: 25px; /* interior-padding right */ 
     345        padding: 15px 0 15px 20px; /* mirror .cssbox_head right/left */ 
     346} 
     347 
     348.cssbox_head h2, .cssbox_head-green h2 { /* Misc Text formatting */ 
    156349        color: #fff; 
    157         background-color: #264e75; 
    158         font-weight: bold; 
    159 } 
    160  
    161 tr.header th { 
    162         padding: 6px; 
    163 } 
    164  
    165 tr.breadcrumb { 
     350        font-weight: bold; 
     351        font-size: 15px; /* this is tricky if box width is in ems */ 
     352        text-align: center; 
     353        text-shadow: rgb(0,0,0) 0 2px 5px; /* Safari-only, but I'm doing it just 'cause I can */ 
     354        text-decoration: none; 
     355} 
     356 
     357.cssbox_body p, .cssbox_body-green p { 
     358        margin: 0 0 20px; 
     359} 
     360 
     361.cssbox_body a, .css_body a:hover { 
     362        margin: 0 !important; 
     363        padding: 0 !important; 
     364        border: 0 !important; 
     365        text-decoration: underline; 
     366} 
     367 
     368/* Action/Error messages */ 
     369 
     370.actions { 
     371        background-image: url("../images/alert.gif"); 
     372        background-repeat: no-repeat; 
     373        background-position: 5px 8px; 
     374        margin-bottom: 15px; 
     375        margin-right: 15px; 
     376        border-top:     2px solid #bb0; 
     377        border-bottom: 2px solid #bb0; 
     378        padding: 8px; 
    166379        background-color: #ffffe0; 
     380        padding-left: 28px; 
     381        clear: both; 
     382} 
     383 
     384.errors { 
     385        background-image: url("../images/x.gif"); 
     386        background-repeat: no-repeat; 
     387        background-position: 5px 8px; 
     388        margin-bottom: 15px; 
     389        margin-right: 15px; 
     390        border: 1px solid maroon; 
     391        padding:  8px; 
     392        background-color: #fcc; 
     393        padding-left: 28px; 
     394        clear: both; 
     395} 
     396 
     397/* Miscellaneous - used throughout admin panel */ 
     398 
     399.breadcrumb-header { 
    167400        height: 16px; 
    168401        vertical-align: middle; 
    169 } 
    170  
    171 tr.footer { 
    172         background-color: #264e75; 
    173 } 
    174  
    175 tr.footer td { 
    176         padding: 6px; 
    177 } 
    178  
    179 label { 
    180         padding: 8px; 
    181 } 
    182  
    183 input, select, textarea { 
    184         margin: 5px; 
    185         font-family: verdana, arial, sans-serif; 
    186         font-size: 12px; 
    187 } 
    188  
    189 img { 
    190         padding: 5px 
    191 } 
    192  
    193 #login { 
    194         background-image: url("../images/login.gif"); 
    195         background-repeat: no-repeat; 
    196         width: 382px; 
    197         height: 327px; 
    198         padding: 187px 15px 10px 15px; 
    199         margin: auto; 
    200 } 
    201  
    202 #login-page { 
    203         background: #369; 
    204         text-align: center; 
    205         margin-top: 100px; 
    206 } 
    207  
    208 .login-error { 
    209         text-align: center; 
    210         font-size: 1.1em; 
    211         font-weight: bold; 
    212         color: #c00; 
    213 } 
    214  
    215 a.folder { 
    216         background-image: url("../images/folder_open.gif"); 
    217         background-repeat: no-repeat; 
    218         background-position: left 1px; 
    219         padding-left: 20px; 
     402        background-color: #ffc; 
     403        padding: 3px; 
     404} 
     405 
     406.box-heading { 
     407        font-family: "Georgia", "Lucida Sans", "Verdana", arial, sans-serif; 
     408        font-size: 15px; 
     409        font-weight: bold; 
     410        color: #333; 
     411        margin:0; 
     412        padding: 0; 
     413        vertical-align: middle; 
     414        position: relative; 
     415        top: 10px; 
    220416} 
    221417 
    … …  
    258454} 
    259455 
    260 .add { 
    261         background-image: url("../images/new_file.gif"); 
    262         background-repeat: no-repeat; 
    263         background-position: left center; 
    264         padding-left: 20px; 
    265         margin-left: -12px; 
    266         text-decoration: underline; 
    267 } 
    268  
    269 .breadcrumb-header { 
    270         height: 16px; 
    271         vertical-align: middle; 
    272         background-color: #ffc; 
    273         padding: 3px; 
    274 } 
    275  
    276 .box-heading { 
    277         font-family: "Georgia", "Lucida Sans", "Verdana", serif; 
    278         font-size: 15px; 
    279         font-weight: bold; 
    280         color: #333; 
    281         margin:0; 
    282         padding: 0; 
    283         vertical-align: middle; 
    284         position: relative; 
    285         top: 10px; 
    286 } 
    287  
    288 .thumbselect { 
    289         height: 80px; 
    290         padding-left: 90px; 
    291         background-repeat: no-repeat; 
    292         background-position: center left; 
    293 } 
    294  
    295 .thumboption { 
    296         padding-left: 90px; 
    297         height: 40px; 
    298         margin-bottom: 2px; 
    299         background-position: center left; 
    300 } 
    301  
    302 .highlight { 
    303         padding: 8px; 
    304         background: #ffffe0; 
    305         border-top: 2px solid #ccc; 
    306         border-bottom: 2px solid #ccc; 
    307         width: 98%; 
    308 } 
    309  
    310 .highlight-row { 
    311         background: #ffffe0; 
    312 } 
    313  
    314 #plogger-version { 
    315         float: right; 
    316 } 
    317  
    318 /* set the image to use and establish the lower-right position */ 
    319 .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
    320         background: transparent url("../images/plogger-box-add.png") no-repeat bottom right; 
    321         margin: 0; 
    322         padding: 0;  
    323 } 
    324  
    325 .cssbox label, .cssbox-green label { 
    326         padding: 0; 
    327         margin: 0; 
    328         font-weight: bold; 
    329         display: inline; 
    330 } 
    331  
    332 .cssbox-green, .cssbox_body-green, .cssbox_head-green, .cssbox_head-green h2 { 
    333         background: transparent url("../images/plogger-box-add-green.png") no-repeat bottom right; 
    334         margin: 0; 
    335         padding: 0;  
    336 } 
    337  
    338 .cssbox-green { 
    339         width: 320px !important; /* intended total box width - padding-right(next) */ 
    340         width: 300px; /* IE Win = width - padding */ 
    341         padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
    342         margin: 2px 0 20px 0; /* use to position the box */ 
    343 } 
    344  
    345 .cssbox-green em { 
    346         text-decoration: underline; 
    347         font-style: normal; 
    348 } 
    349  
    350 .cssbox { 
    351         width: 420px !important; /* intended total box width - padding-right(next) */ 
    352         width: 405px; /* IE Win = width - padding */ 
    353         padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
    354         margin: 2px 0 20px 0; /* use to position the box */ 
    355 } 
    356  
    357 /* set the top-right image */ 
    358 .cssbox_head, .cssbox_head-green { 
    359         background-position: top right; 
    360         margin-right: -15px; /* pull the right image over on top of border */ 
    361         padding-right: 40px; /* right-image-gap + right-inside padding */ 
    362 } 
    363  
    364 /* set the top-left image */ 
    365 .cssbox_head h2, .cssbox_head-green h2 { 
    366         background-position: top left; 
    367         margin: 0; /* reset */ 
    368         border: 0; /* reset */ 
    369         padding: 7px 0 15px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
    370         height: auto !important;  
    371         height: 1%; /* IE Holly Hack */ 
    372 } 
    373  
    374 /* set the lower-left corner image */ 
    375 .cssbox_body, .cssbox_body-green { 
    376         background-position: bottom left; 
    377         margin-right: 25px; /* interior-padding right */ 
    378         padding: 15px 0 15px 20px; /* mirror .cssbox_head right/left */ 
    379 } 
    380  
    381 /* Misc Text formatting */ 
    382 .cssbox_head h2, .cssbox_head-green h2 { 
    383         color: #fff; 
    384         font-weight: bold; 
    385         font-size: 15px; /* this is tricky if box width is in ems */ 
    386         text-align: center; 
    387         text-shadow: rgb(0,0,0) 0 2px 5px; /* Safari-only, but I'm doing it just 'cause I can */ 
    388         text-decoration: none; 
    389 } 
    390  
    391 .cssbox_body p, .cssbox_body-green p { 
    392         margin: 0 0 20px; 
    393 } 
    394  
    395 .cssbox_body a, .css_body a:hover { 
    396         margin: 0 !important; 
    397         padding: 0 !important; 
    398         border: 0 !important; 
    399         text-decoration: underline; 
    400 } 
    401  
    402 #contentList { 
    403 } 
    404  
    405 #contentList #breadcrumb_links { 
    406         font-size: 1.0em; 
    407         padding: 3px; 
    408 } 
    409  
    410 #contentList .pagination { 
    411         font-size: 1.0em; 
    412         margin-right: 5px; 
    413         padding: 3px; 
    414         font-weight: bold; 
    415         text-align: right; 
    416 } 
    417  
    418 #contentList label, select, option { 
    419         font-weight: normal; 
    420 } 
    421  
    422 #contentList .entries-page { 
    423         text-align: right; 
    424 } 
    425  
    426 #contentList .entries-page label, select { 
    427         display: block inline; 
    428         margin-bottom: auto; 
    429 } 
    430  
    431 #contentList .move-del-manage input, select { 
    432         display: block inline; 
    433         margin-bottom: auto; 
    434 } 
    435  
    436 #uploadForm label { 
    437         display: block; 
    438         white-space: nowrap; 
    439 } 
    440  
    441 #options_section label { 
    442         font-weight: bold; 
    443 } 
    444  
    445 label em { 
    446         font-style: normal; 
    447         text-decoration: underline; 
    448 } 
    449  
    450 .table-header-middle { 
    451         background: url("../images/table-middle.gif") repeat-x top left; 
    452 } 
    453  
    454 .table-header-left { 
    455         background: url("../images/table-top-left.gif") no-repeat top left; 
    456 } 
    457  
    458 .table-header-right { 
    459         background: url("../images/table-top-right.gif") no-repeat top right; 
    460 } 
    461  
    462 a#show-collection, a#show-album { 
    463         padding-left: 20px; 
    464         background: #ffc url("../images/new_file.gif") no-repeat left; 
    465         font-size: 1.1em; 
    466 } 
    467  
    468 a#show-collection:hover, a#show-album:hover {  
    469         text-decoration: none;  
    470         color: white;  
    471         background: #9c9 url("../images/new_file.gif") no-repeat left; 
    472 } 
    473  
    474 .editable { 
    475         color: #000; 
    476         background: #fff url("../images/diag-bg.gif") repeat top left; 
    477         padding: 2px; 
    478         border: 1px solid #efefef; 
    479         display: block; 
    480 } 
    481  
    482 p { 
    483         padding: 3px; 
    484 } 
    485  
    486456.img-shadow { 
    487457        float:left; 
    … …  
    500470        padding: 4px; 
    501471} 
     472 
     473.table-header-middle { 
     474        background: url("../images/table-middle.gif") repeat-x top left; 
     475} 
     476 
     477.table-header-left { 
     478        background: url("../images/table-top-left.gif") no-repeat top left; 
     479} 
     480 
     481.table-header-right { 
     482        background: url("../images/table-top-right.gif") no-repeat top right; 
     483} 
     484 
     485tr.color-1 { 
     486        background-color: #ccc; 
     487}