Changeset 570


Ignore:
Timestamp:
07/31/08 11:07:15 (2 years 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 deleted
10 edited

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} 
     488 
     489tr.color-2 { 
     490        background-color: #efefef; 
     491} 
     492 
     493tr.header { 
     494        color: #fff; 
     495        background-color: #264e75; 
     496        font-weight: bold; 
     497} 
     498 
     499tr.header th { 
     500        padding: 6px; 
     501} 
     502 
     503tr.breadcrumb { 
     504        background-color: #ffffe0; 
     505        height: 16px; 
     506        vertical-align: middle; 
     507} 
     508 
     509tr.footer { 
     510        background-color: #264e75; 
     511} 
     512 
     513tr.footer td { 
     514        padding: 6px; 
     515} 
     516 
     517.thumbselect { 
     518        height: 80px; 
     519        padding-left: 90px; 
     520        background-repeat: no-repeat; 
     521        background-position: center left; 
     522} 
     523 
     524.thumboption { 
     525        padding-left: 90px; 
     526        height: 40px; 
     527        margin-bottom: 2px; 
     528        background-position: center left; 
     529} 

  • trunk/plog-admin/js/lightbox.js

    r550 r570  
    88        Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/ 
    99        (basically, do anything you want, just leave my name and link) 
    10          
     10 
    1111        Table of Contents 
    1212        ----------------- 
    1313        Configuration 
    14          
     14 
    1515        Functions 
    1616        - getPageScroll() 
    … …  
    2323        - initLightbox() 
    2424        - addLoadEvent() 
    25          
     25 
    2626        Function Calls 
    2727        - addLoadEvent(initLightbox) 
    … …  
    2929*/ 
    3030 
    31  
    32  
    3331// 
    3432// Configuration 
    … …  
    3735// If you would like to use a custom loading image or close button reference them in the next two lines. 
    3836var loadingImage = 'images/loading.gif'; 
    39 var closeButton = '';            
    40  
    41  
    42  
    43  
     37var closeButton = ''; 
    4438 
    4539// 
    … …  
    6458} 
    6559 
    66  
    67  
    6860// 
    6961// getPageSize() 
    … …  
    7365// 
    7466function getPageSize(){ 
    75          
     67 
    7668        var xScroll, yScroll; 
    77          
    78         if (window.innerHeight && window.scrollMaxY) {   
     69 
     70        if (window.innerHeight && window.scrollMaxY) { 
    7971                xScroll = document.body.scrollWidth; 
    8072                yScroll = window.innerHeight + window.scrollMaxY; 
    … …  
    8678                yScroll = document.body.offsetHeight; 
    8779        } 
    88          
     80 
    8981        var windowWidth, windowHeight; 
    9082        if (self.innerHeight) { // all except Explorer 
    … …  
    9789                windowWidth = document.body.clientWidth; 
    9890                windowHeight = document.body.clientHeight; 
    99         }        
    100          
     91        } 
     92 
    10193        // for small pages with total height less then height of the viewport 
    10294        if(yScroll < windowHeight){ 
    10395                pageHeight = windowHeight; 
    104         } else {  
     96        } else { 
    10597                pageHeight = yScroll; 
    10698        } 
    10799 
    108100        // for small pages with total width less then width of the viewport 
    109         if(xScroll < windowWidth){       
     101        if(xScroll < windowWidth){ 
    110102                pageWidth = windowWidth; 
    111103        } else { 
    … …  
    113105        } 
    114106 
    115  
    116         arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)  
     107        arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
    117108        return arrayPageSize; 
    118109} 
    119  
    120110 
    121111// 
    … …  
    146136        } 
    147137        key = String.fromCharCode(keycode).toLowerCase(); 
    148          
     138 
    149139        if(key == 'x'){ hideLightbox(); } 
    150140} 
    151141 
    152  
    153142// 
    154143// listenKey() 
    155144// 
    156145function listenKey () { document.onkeypress = getKey; } 
    157          
    158146 
    159147// 
    … …  
    171159        var objLightboxDetails = document.getElementById('lightboxDetails'); 
    172160 
    173          
    174161        var arrayPageSize = getPageSize(); 
    175162        var arrayPageScroll = getPageScroll(); 
    … …  
    196183                var lightboxTop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - imgPreload.height) / 2); 
    197184                var lightboxLeft = ((arrayPageSize[0] - 20 - imgPreload.width) / 2); 
    198                  
     185 
    199186                objLightbox.style.top = (lightboxTop < 0) ? "0px" : lightboxTop + "px"; 
    200187                objLightbox.style.left = (lightboxLeft < 0) ? "0px" : lightboxLeft + "px"; 
    201188 
    202  
    203189                objLightboxDetails.style.width = imgPreload.width + 'px'; 
    204                  
     190 
    205191                if(objLink.getAttribute('title')){ 
    206192                        objCaption.style.display = 'block'; 
    … …  
    210196                        objCaption.style.display = 'none'; 
    211197                } 
    212                  
     198 
    213199                // A small pause between the image loading and displaying is required with IE, 
    214200                // this prevents the previous image displaying for a short burst causing flicker. 
    215201                if (navigator.appVersion.indexOf("MSIE")!=-1){ 
    216202                        pause(250); 
    217                 }  
     203                } 
    218204 
    219205                if (objLoadingImage) {  objLoadingImage.style.display = 'none'; } 
    … …  
    221207                // Hide select boxes as they will 'peek' through the image in IE 
    222208                selects = document.getElementsByTagName("select"); 
    223         for (i = 0; i != selects.length; i++) { 
    224                 selects[i].style.visibility = "hidden"; 
    225         } 
    226  
    227          
     209                for (i = 0; i != selects.length; i++) { 
     210                        selects[i].style.visibility = "hidden"; 
     211                } 
     212 
    228213                objLightbox.style.display = 'block'; 
    229214 
    … …  
    232217                arrayPageSize = getPageSize(); 
    233218                objOverlay.style.height = (arrayPageSize[1] + 'px'); 
    234                  
     219 
    235220                // Check for 'x' keypress 
    236221                listenKey(); 
    … …  
    240225 
    241226        imgPreload.src = objLink.href; 
    242          
    243 } 
    244  
    245  
    246  
    247  
     227 
     228} 
    248229 
    249230// 
    … …  
    270251} 
    271252 
    272  
    273  
    274  
    275253// 
    276254// initLightbox() 
    … …  
    282260function initLightbox() 
    283261{ 
    284          
     262 
    285263        if (!document.getElementsByTagName){ return; } 
    286264        var anchors = document.getElementsByTagName("a"); 
    … …  
    302280        // <div id="lightbox"> 
    303281        //              <a href="#" onclick="hideLightbox(); return false;" title="Click anywhere to close image"> 
    304         //                      <img id="closeButton" />                 
     282        //                      <img id="closeButton" /> 
    305283        //                      <img id="lightboxImage" /> 
    306284        //              </a> 
    … …  
    310288        //              </div> 
    311289        // </div> 
    312          
     290 
    313291        var objBody = document.getElementsByTagName("body").item(0); 
    314          
     292 
    315293        // create overlay div and hardcode some functional styles (aesthetic styles are in CSS file) 
    316294        var objOverlay = document.createElement("div"); 
    … …  
    324302        objOverlay.style.width = '100%'; 
    325303        objBody.insertBefore(objOverlay, objBody.firstChild); 
    326          
     304 
    327305        var arrayPageSize = getPageSize(); 
    328306        var arrayPageScroll = getPageScroll(); 
    … …  
    330308        // preload and create loader image 
    331309        var imgPreloader = new Image(); 
    332          
     310 
    333311        // if loader image found, create link to hide lightbox and create loadingimage 
    334312        imgPreloader.onload=function(){ 
    … …  
    338316                objLoadingImageLink.onclick = function () {hideLightbox(); return false;} 
    339317                objOverlay.appendChild(objLoadingImageLink); 
    340                  
     318 
    341319                var objLoadingImage = document.createElement("img"); 
    342320                objLoadingImage.src = loadingImage; 
    … …  
    360338        objLightbox.style.zIndex = '100';        
    361339        objBody.insertBefore(objLightbox, objOverlay.nextSibling); 
    362          
     340 
    363341        // create link 
    364342        var objLink = document.createElement("a"); 
    … …  
    390368        objImage.setAttribute('id','lightboxImage'); 
    391369        objLink.appendChild(objImage); 
    392          
     370 
    393371        // create details div, a container for the caption and keyboard message 
    394372        var objLightboxDetails = document.createElement("div"); 
    … …  
    408386        objLightboxDetails.appendChild(objKeyboardMsg); 
    409387 
    410  
    411 } 
    412  
    413  
    414  
     388} 
    415389 
    416390// 
    … …  
    420394// 
    421395function addLoadEvent(func) 
    422 {        
     396{ 
    423397        var oldonload = window.onload; 
    424398        if (typeof window.onload != 'function'){ 
    … …  
    433407} 
    434408 
    435  
    436  
    437 addLoadEvent(initLightbox);     // run initLightbox onLoad 
     409addLoadEvent(initLightbox); // run initLightbox onLoad 

  • trunk/plog-admin/plog-admin-functions.php

    r569 r570  
    5353 
    5454        $possible_values = array("1"=>1, "5"=>5, "10"=>10, "20"=>20, "50"=>50, "100"=>100, "250"=>250, "500"=>500); 
    55         $output= "\n\t\t\t" . '<label accesskey="e" for="entries_on_page">' .plog_tr('<em>E</em>ntries per page') . '</label> 
    56                         <select class="entries-page" onchange="'.$java.'" name="entries_per_page" style="width: 60px;">'; 
     55        $output= "\n\t\t\t" . '<label accesskey="e" for="entries_per_page">' .plog_tr('<em>E</em>ntries per page') . '</label> 
     56                        <select class="entries-page" onchange="'.$java.'" name="entries_per_page" id="entries_per_page" style="width: 60px;">'; 
    5757        foreach ($possible_values as $key => $value) { 
    5858                if ($_SESSION['entries_per_page'] == $key) { 
    … …  
    956956} 
    957957 
    958 function edit_comment_form($comment_id) { 
     958function plog_edit_comment_form($comment_id) { 
    959959        $output = ''; 
    960960        $comment_id = intval($comment_id); 
    … …  
    981981        $output .= "\n\t\t<table>"; 
    982982        $output .= "\n\t\t\t" . '<tr> 
    983                                 <td>' . plog_tr('Author:') . '<br /><input size="30" name="author" id="author" value="'.SmartStripSlashes($comment['author']).'"/ ></td> 
    984                                 <td>' . plog_tr('Email:') . '<br /><input size="30" name="email" id="email" value="'.SmartStripSlashes($comment['email']).'"/ ></td> 
    985                                 <td>' . plog_tr('Website:') . '<br /><input size="30" name="url" id="url" value="'.SmartStripSlashes($comment['url']).'"/ ></td> 
     983                                <td>' . plog_tr('Author:') . '<br /><input size="30" name="author" id="author" value="'.SmartStripSlashes($comment['author']).'" /></td> 
     984                                <td>' . plog_tr('Email:') . '<br /><input size="30" name="email" id="email" value="'.SmartStripSlashes($comment['email']).'" /></td> 
     985                                <td>' . plog_tr('Website:') . '<br /><input size="30" name="url" id="url" value="'.SmartStripSlashes($comment['url']).'" /></td> 
    986986                        </tr> 
    987987                        <tr> 
    … …  
    991991 
    992992                $output .= "\n\t\t" . '<div> 
    993                         <input type="hidden" name="pid" value="'.$comment['id'].'" > 
    994                         <input type="hidden" name="action" value="update-comment" > 
     993                        <input type="hidden" name="pid" value="'.$comment['id'].'" /> 
     994                        <input type="hidden" name="action" value="update-comment" /> 
    995995                        <input class="submit" name="update" value="' . plog_tr('Update') . '" type="submit" /> 
    996                         <input class="submit" name="cancel" value="' . plog_tr('Cancel') . '" type="submit" />'; 
    997  
    998                         $output .= "\n\n\t\t" . '</form>'; 
     996                        <input class="submit" name="cancel" value="' . plog_tr('Cancel') . '" type="submit" /> 
     997                </div>'; 
     998                        $output .= "\n\t" . '</form>'; 
    999999                return $output; 
    10001000} 
    … …  
    11891189                                        <input name="name" id="name" /><br /> 
    11901190                                        <label accesskey="d" for="description">' . plog_tr('<em>D</em>escription') . ':</label><br /> 
    1191                                         <input name="description" id="description" size="50" /> 
     1191                                        <input name="description" id="description" size="47" /> 
    11921192                                        <input name="action" type="hidden" value="add-collection" /> 
    11931193                                        <input class="submit" type="submit" value="' . plog_tr('Add Collection') . '" /> 
    … …  
    12081208                                        <input name="name" id="name" /><br /> 
    12091209                                        <label accesskey="d" for="description">' . plog_tr('<em>D</em>escription') . ':</label><br /> 
    1210                                         <input name="description" id="description" size="50" /> 
     1210                                        <input name="description" id="description" size="47" /> 
    12111211                                        <input name="action" type="hidden" value="add-album" /> 
    12121212                                        <input type="hidden" name="parent_collection" value="' . $parent_collection . '" /> 
    … …  
    13771377                        //$java = "javascript:this.ThumbPreviewPopup('$target')"; 
    13781378                        $output .= "\n\t\t\t\t" . '<td><div class="img-shadow"><a href="'.plogger_get_picture_thumb(THUMB_LARGE).'" rel="lightbox" title="'.plogger_get_picture_caption().'">'.$imgtag.'</a></div></td>'; 
    1379                         $output .= "\n\t\t\t\t".'<td><strong><a class="folder" href="'.$_SERVER['PHP_SELF'].'?level=comments&amp;id=' . $id . '">' . basename(plogger_get_source_picture_path()) . '</a></strong> &#8212; ' . sprintf(plog_tr('contains %d comment(s)'), plogger_picture_comment_count()) . '</td>'; 
     1379                        $output .= "\n\t\t\t\t".'<td><strong><a class="folder" href="'.$_SERVER['PHP_SELF'].'?level=comments&amp;id=' . $id . '">' . basename(plogger_get_source_picture_path()) . '</a></strong><br /><span style="margin-left: 20px;">' . sprintf(plog_tr('Comments: %d'), plogger_picture_comment_count()) . '</span></td>'; 
    13801380                        $output .= "\n\t\t\t\t<td><p id=\"picture-caption-" . plogger_get_picture_id() ."\">" . plogger_get_picture_caption() . "&nbsp;</p></td>"; 
    13811381                        $output .= "\n\t\t\t\t<td><p id=\"picture-description-" . plogger_get_picture_id() ."\">" . plogger_get_picture_description() . "&nbsp;</p></td>"; 

  • trunk/plog-admin/plog-admin.php

    r569 r570  
    3636        $tabs['import']         = array('url' => 'plog-import.php','caption' => plog_tr('<em>I</em>mport')); 
    3737        $tabs['manage']         = array('url' => 'plog-manage.php','caption' => plog_tr('<em>M</em>anage')); 
    38         $tabs['feedback']       = array('url' => 'plog-feedback.php','caption' => plog_tr('<em>F</em>eedback')); 
     38        $tabs['feedback'] = array('url' => 'plog-feedback.php','caption' => plog_tr('<em>F</em>eedback')); 
    3939        $tabs['options']        = array('url' => 'plog-options.php','caption' => plog_tr('<em>O</em>ptions')); 
    40         $tabs['themes']         = array('url' => 'plog-themes.php','caption' => plog_tr('<em>T</em>hemes')); 
     40        $tabs['themes'] = array('url' => 'plog-themes.php','caption' => plog_tr('<em>T</em>hemes')); 
    4141        $tabs['view']           = array('url' => $config['gallery_url'],'caption' => plog_tr('<em>V</em>iew'), 'target' => '_blank'); 
    4242        $tabs['support']        = array('url' => 'http://www.plogger.org/forum/','caption' => plog_tr('<em>S</em>upport'), 'target' => '_blank'); 
    … …  
    5656        <title>Plogger Administration</title> 
    5757        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    58         <link href="'.$config['gallery_url'].'plog-admin/css/admin.css" type="text/css" rel="stylesheet" media="all" /> 
    59         <link href="'.$config['gallery_url'].'plog-admin/css/greybox.css" type="text/css" rel="stylesheet" media="all" /> 
    60         <link href="'.$config['gallery_url'].'plog-admin/css/tabs.css" type="text/css" rel="stylesheet" media="all" /> 
    61         <link href="'.$config['gallery_url'].'plog-admin/css/lightbox.css" type="text/css" rel="stylesheet" media="all" /> 
     58        <link rel="stylesheet" href="'.$config['gallery_url'].'plog-admin/css/admin.css" type="text/css" media="all" /> 
     59        <link rel="stylesheet" href="'.$config['gallery_url'].'plog-admin/css/tabs.css" type="text/css" media="all" /> 
     60        <link rel="stylesheet" href="'.$config['gallery_url'].'plog-admin/css/lightbox.css" type="text/css" media="all" /> 
    6261        <script type="text/javascript" src="'.$config['gallery_url'].'plog-admin/js/prototype.js"></script> 
    6362        <script type="text/javascript" src="'.$config['gallery_url'].'plog-admin/js/plogger.js"></script> 

  • trunk/plog-admin/plog-feedback.php

    r569 r570  
    77global $inHead; 
    88 
    9 $inHead = '<script src="js/ajax_editing.js" type="text/javascript"></script>'; 
     9$inHead = '<script type="text/javascript" src="'.$config['gallery_url'].'plog-admin/js/ajax_editing.js"></script>'; 
    1010 
    1111$output = "\n\t" . '<h1>'. plog_tr("Manage Feedback") . '</h1>' . "\n"; 
    … …  
    5555        } else if ($_REQUEST['action'] == "edit-comment") { 
    5656                // show the edit form 
    57                 $output .= edit_comment_form($_REQUEST['pid']); 
     57                $output .= plog_edit_comment_form($_REQUEST['pid']); 
    5858                $edit_page = 1; 
    5959        } else if ($_REQUEST['action'] == "update-comment") { 

  • trunk/plog-admin/plog-manage.php

    r569 r570  
    77global $inHead; 
    88 
    9 $inHead = '<script src="js/ajax_editing.js" type="text/javascript"></script>'; 
     9$inHead = '<script type="text/javascript" src="'.$config['gallery_url'].'plog-admin/js/ajax_editing.js"></script>'; 
    1010 
    1111function generate_move_menu($level) { 
    … …  
    223223                case "edit-comment": 
    224224                        // show the edit comment form 
    225                         $output .= edit_comment_form($id); 
     225                        $output .= plog_edit_comment_form($id); 
    226226                        $edit_page = 1; 
    227227                        break; 

  • trunk/plog-admin/plog-options.php

    r557 r570  
    1919 
    2020        // verify that gallery URL contains a trailing slash. if not, add one. 
    21         if      ($_POST['gallery_url']{strlen($_POST['gallery_url'])-1} != '/'){ 
     21        if ($_POST['gallery_url']{strlen($_POST['gallery_url'])-1} != '/'){ 
    2222                $_POST['gallery_url'] .= '/'; 
    2323        } 
    … …  
    151151        ); 
    152152 
    153 $output .= "\n\t" . '<h1>' . plog_tr("System Options") . '</h1> 
     153$output .= "\n\t" . '<h1>' . plog_tr("General") . '</h1> 
    154154 
    155155                <form action="'.$_SERVER["PHP_SELF"].'" method="post"> 
    … …  
    157157                                <table class="option-table"> 
    158158                                        <tr class="alt"> 
    159                                                 <td><label for="gallery_name">' . plog_tr("Gallery Name:") . '</label><br /> ' . plog_tr("(optional)") . '</td> 
    160                                                 <td><input size="45" type="text" id="gallery_name" name="gallery_name" value="'.stripslashes($config['gallery_name']).'" /></td> 
    161                                         </tr> 
    162                                         <tr> 
    163                                                 <td><label for="gallery_url">' . plog_tr('Gallery URL:') . '</label></td> 
    164                                                 <td><input size="45" type="text" id="gallery_url" name="gallery_url" value="'.stripslashes($config['gallery_url']).'" /></td> 
    165                                         </tr> 
    166                                         <tr class="alt"> 
    167                                                 <td><label for="admin_username">' . plog_tr('Administrator Username:') . '</label></td> 
    168                                                 <td><input size="45" type="text" id="admin_username" name="admin_username" value="'.$config['admin_username'].'" /></td> 
    169                                         </tr> 
    170                                         <tr> 
    171                                                 <td><label for="admin_email">' . plog_tr('Administrator E-mail Address:') . '</label></td> 
    172                                                 <td><input size="45" type="text" id="admin_email" name="admin_email" value="'.$config['admin_email'].'" /></td> 
    173                                         </tr> 
    174                                         <tr class="alt"> 
    175                                                 <td><label for="comments_notify" style="white-space: nowrap;">' . plog_tr('Send E-mail Notification for Comments?') . '</label><br /> ' . plog_tr('(requires valid e-mail address)') . '</td> 
    176                                                 <td>'; 
     159                                                <td class="left"><label for="gallery_name">' . plog_tr("Gallery Name:") . '</label><br />' . plog_tr("(optional)") . '</td> 
     160                                                <td class="right"><input size="40" type="text" id="gallery_name" name="gallery_name" value="'.stripslashes($config['gallery_name']).'" /></td> 
     161                                        </tr> 
     162                                        <tr> 
     163                                                <td class="left"><label for="gallery_url">' . plog_tr('Gallery URL:') . '</label></td> 
     164                                                <td class="right"><input size="40" type="text" id="gallery_url" name="gallery_url" value="'.stripslashes($config['gallery_url']).'" /></td> 
     165                                        </tr> 
     166                                        <tr class="alt"> 
     167                                                <td class="left"><label for="admin_username">' . plog_tr('Administrator Username:') . '</label></td> 
     168                                                <td class="right"><input size="40" type="text" id="admin_username" name="admin_username" value="'.$config['admin_username'].'" /></td> 
     169                                        </tr> 
     170                                        <tr> 
     171                                                <td class="left"><label for="admin_email">' . plog_tr('Administrator E-mail Address:') . '</label></td> 
     172                                                <td class="right"><input size="40" type="text" id="admin_email" name="admin_email" value="'.$config['admin_email'].'" /></td> 
     173                                        </tr> 
     174                                </table> 
     175 
     176                        <h1>' . plog_tr("Language") . '</h1> 
     177 
     178                                <table class="option-table"> 
     179                                        <tr class="alt"> 
     180                                                <td class="left"><label for="feed_language">' . plog_tr('Language:') . '</label> <a href="http://www.w3.org/TR/REC-html40/struct/dirlang.html#langcodes">' . plog_tr('(language codes)') . '</a></td> 
     181                                                <td class="right"><input size="40" type="text" id="feed_language" name="feed_language" value="'.$config['feed_language'].'" /></td> 
     182                                        </tr> 
     183                                </table> 
     184 
     185                        <h1>' . plog_tr("Change Password") . '</h1> 
     186 
     187                                <table class="option-table"> 
     188                                        <tr> 
     189                                                <td class="left"><label for="admin_password">' . plog_tr("New Administrator Password:") . '</label></td> 
     190                                                <td class="right"><input size="40" type="password" id="admin_password" name="admin_password" /></td> 
     191                                        </tr> 
     192                                        <tr class="alt"> 
     193                                                <td class="left"><label for="confirm_admin_password">' . plog_tr('Confirm New Administrator Password:') . '</label></td> 
     194                                                <td class="right"><input size="40" type="password" id="confirm_admin_password" name="confirm_admin_password" /></td> 
     195                                        </tr> 
     196                                </table> 
     197 
     198                        <h1>' . plog_tr("Comments") . '</h1> 
     199 
     200                                <table class="option-table"> 
     201                                        <tr> 
     202                                                <td class="left"><label for="allow_comments">' . plog_tr('Allow User Comments:') . '</label><br />' .plog_tr('(will override individual settings)') . '</td> 
     203                                                <td class="right">'; 
     204                                                if ($config['allow_comments'] == 1) $checked = "checked='checked'"; else $checked = ""; 
     205                                                $output .='<input type="checkbox" id="allow_comments" name="allow_comments" value="1" '.$checked.' /></td> 
     206                                        </tr> 
     207                                        <tr class="alt"> 
     208                                                <td class="left"><label for="comments_notify" style="white-space: nowrap;">' . plog_tr('Send E-mail Notification for Comments:') . '</label><br />' . plog_tr('(requires valid e-mail address)') . '</td> 
     209                                                <td class="right">'; 
    177210                                                if ($config['comments_notify'] == 1) $checked = "checked='checked'"; else $checked = ""; 
    178211                                                $output .= '<input type="checkbox" id="comments_notify" name="comments_notify" value="1" '.$checked.' /></td> 
    179212                                        </tr> 
    180213                                        <tr> 
    181                                                 <td><label for="comments_moderate">' . plog_tr('Place New Comments Into Moderation?') . '</label><br /></td> 
    182                                                 <td>'; 
     214                                                <td class="left"><label for="comments_moderate">' . plog_tr('Place New Comments Into Moderation:') . '</label></td> 
     215                                                <td class="right">'; 
    183216                                                if ($config['comments_moderate'] == 1) $checked = "checked='checked'"; else $checked = ""; 
    184217                                                $output .= '<input type="checkbox" id="comments_moderate" name="comments_moderate" value="1" '.$checked.' /></td> 
    185218                                        </tr> 
    186                                         <tr class="alt"> 
    187                                                 <td><label for="admin_password">' . plog_tr("New Administrator Password:") . '</label></td> 
    188                                                 <td><input size="45" type="password" id="admin_password" name="admin_password" /></td> 
    189                                         </tr> 
    190                                         <tr> 
    191                                                 <td><label for="confirm_admin_password">' . plog_tr('Confirm New Administrator Password:') . '</label></td> 
    192                                                 <td><input size="45" type="password" id="confirm_admin_password" name="confirm_admin_password" /></td> 
    193                                         </tr> 
    194                                 </table> 
    195  
    196                         <h1>' . plog_tr('Thumbnail Options') . '</h1> 
    197  
    198                                 <table class="option-table">'; 
    199                                         if ($config['square_thumbs']) $dim = plog_tr("Small Thumbnail Width"); else $dim = plog_tr("Small Thumbnail Height"); 
    200                                         $generate_intermediate = ($thumbnail_config[THUMB_LARGE]['disabled'] == 0) ? "checked='checked'" : ""; 
    201                                         $output.=' 
    202                                         <tr class="alt"> 
    203                                                 <td><label for="max_thumbnail_size">'.$dim.'</label> (pixels):</td> 
    204                                                 <td><input size="5" type="text" id="max_thumbnail_size" name="max_thumbnail_size" value="'.$thumbnail_config[THUMB_SMALL]['size'].'" /></td> 
    205                                         </tr> 
    206                                         <tr> 
    207                                                 <td><label for="generate_intermediate">' . plog_tr('Generate Intermediate Pictures?') . '</label></td> 
    208                                                 <td><input type="checkbox" id="generate_intermediate" name="generate_intermediate" value="1" '.$generate_intermediate.' /></td> 
    209                                         </tr> 
    210                                         <tr class="alt"> 
    211                                                 <td><label for="max_display_size">' . plog_tr('Intermediate Picture Width') . '</label> ' . plog_tr("(pixels):"). '</td> 
    212                                                 <td><input size="5" type="text" id="max_display_size" name="max_display_size" value="'.$thumbnail_config[THUMB_LARGE]['size'].'" /></td> 
    213                                         </tr> 
    214                                         <tr> 
    215                                                 <td><label for="thumb_num">' . plog_tr('Number of Thumbnails Per Page:') . '</label></td> 
    216                                                 <td><input size="5" type="text" id="thumb_num" name="thumb_num" value="'.$config['thumb_num'].'" /></td> 
    217                                         </tr> 
    218                                         <tr class="alt"> 
    219                                                 <td><label for="image_quality">' . plog_tr('JPEG Image Quality:') . '</label><br /> ' . plog_tr("(1=worst, 95=best, 75=default)") . '</label></td> 
    220                                                 <td><input size="5" type="text" id="image_quality" name="image_quality" value="'.$config['compression'].'" /></td> 
    221                                         </tr> 
    222                                         <tr> 
    223                                                 <td><label for="default_sortby">' . plog_tr('Default Sort Order:') . '</label></td> 
    224                                                 <td>'; 
     219                                </table> 
     220 
     221                        <h1>' . plog_tr("Sort Order") . '</h1> 
     222 
     223                                <table class="option-table"> 
     224                                        <tr class="alt"> 
     225                                                <td class="left"><label for="default_sortby">' . plog_tr('Image Sort Order:') . '</label></td> 
     226                                                <td class="right">'; 
    225227                                                $sort_by_fields = array( 
    226228                                                'date' => plog_tr('Date Submitted'), 
    … …  
    241243                                                ); 
    242244 
    243 $output .= "\n\t\t\t\t\t\t\t" . '<select style="width: 146px;" id="default_sortby" name="default_sortby">'; 
     245$output .= "\n\t\t\t\t\t\t\t" . '<select style="width: 145px;" id="default_sortby" name="default_sortby">'; 
    244246foreach($sort_by_fields as $sort_key => $sort_caption) { 
    245247        $selected = ($config['default_sortby'] == $sort_key) ? 'selected="selected" ': ''; 
    … …  
    247249}; 
    248250$output .= "\n\t\t\t\t\t\t\t" . '</select>'; 
    249  
    250251$output .= "\n\t\t\t\t\t\t\t" . '<select id="default_sortdir" name="default_sortdir">'; 
    251252foreach($sort_dir_fields as $sort_key => $sort_caption) { 
    … …  
    256257$output .= "\n\t\t\t\t\t\t" . '</td> 
    257258                                        </tr> 
    258                                         <tr class="alt"> 
    259                                                 <td><label for="album_sortby">' . plog_tr('Album Sort Order:') . '</label></td> 
    260                                                 <td>'; 
    261 $output .= "\n\t\t\t\t\t\t\t" . '<select id="album_sortby" name="album_sortby">'; 
     259                                        <tr> 
     260                                                <td class="left"><label for="album_sortby">' . plog_tr('Album Sort Order:') . '</label></td> 
     261                                                <td class="right">'; 
     262$output .= "\n\t\t\t\t\t\t\t" . '<select style="width: 145px;" id="album_sortby" name="album_sortby">'; 
    262263foreach($sort_by_fields_collection as $sort_key => $sort_caption) { 
    263264        $selected = ($config['album_sortby'] == $sort_key) ? 'selected="selected" ': ''; 
    … …  
    273274$output .= "\n\t\t\t\t\t\t" . '</td> 
    274275                                        </tr> 
    275                                         <tr> 
    276                                                 <td><label for="collection_sortby">' . plog_tr('Collection Sort Order:') . '</label></td> 
    277                                                 <td>'; 
    278 $output .= "\n\t\t\t\t\t\t\t" . '<select id="collection_sortby" name="collection_sortby">'; 
     276                                        <tr class="alt"> 
     277                                                <td class="left"><label for="collection_sortby">' . plog_tr('Collection Sort Order:') . '</label></td> 
     278                                                <td class="right">'; 
     279$output .= "\n\t\t\t\t\t\t\t" . '<select style="width: 145px;" id="collection_sortby" name="collection_sortby">'; 
    279280foreach($sort_by_fields_collection as $sort_key => $sort_caption) { 
    280281        $selected = ($config['collection_sortby'] == $sort_key) ? 'selected="selected" ': ''; 
    … …  
    287288        $output .= "\n\t\t\t\t\t\t\t\t" . '<option ' .$selected.'value="'.$sort_key.'">'.$sort_caption.'</option>'; 
    288289}; 
    289  
    290290$output .= "\n\t\t\t\t\t\t\t" . '</select>'; 
    291291$output .= "\n\t\t\t\t\t\t" . '</td> 
    292292                                        </tr> 
    293                                         <tr class="alt"> 
    294                                                 <td><label for="square_thumbs">' . plog_tr('Use Cropped Square Thumbnails?') .'</label></td> 
    295                                                 <td>'; 
    296                                                 if ($config['square_thumbs'] == 1) $checked = "checked='checked'"; else $checked = ""; 
    297                                                 $output .= '<input type="checkbox" id="square_thumbs" name="square_thumbs" value="1" '.$checked.' /></td> 
    298                                         </tr> 
    299                                         <tr> 
    300                                                 <td><label for="enable_thumb_nav">' . plog_tr('Thumbnail Navigation Enabled:') . '</label></td> 
    301                                                 <td>'; 
    302                                                 if (!empty($config['enable_thumb_nav'])) $checked = "checked='checked'"; else $checked = ""; 
    303                                                 $output .= '<input type="checkbox" id="enable_thumb_nav" name="enable_thumb_nav" value="1" '.$checked.' /></td> 
    304                                         </tr> 
    305                                         <tr class="alt"> 
    306                                                 <td><label for="thumb_nav_range">' . plog_tr('Thumbnail Navigation Range:') . '</label><br /> ' . plog_tr('(0 for whole album)') . '</td> 
    307                                                 <td><input size="5" type="text" id="thumb_nav_range" name="thumb_nav_range" value="'.$config['thumb_nav_range'].'" /></td> 
    308                                         </tr> 
    309                                         <tr> 
    310                                                 <td><label for="nav_thumbsize">' . plog_tr('Thumbnail Navigation Size:') . '</label></td> 
    311                                                 <td><input size="5" type="text" id="nav_thumbsize" name="nav_thumbsize" value="'.$thumbnail_config[THUMB_NAV]['size'].'" /></td> 
    312                                         </tr> 
    313                                         <tr class="alt"> 
    314                                                 <td><label for="allow_fullpic">' . plog_tr('Allow Full Picture Access:') . '</label></td> 
    315                                                 <td>'; 
    316                                                 if (!empty($config['allow_fullpic'])) $checked = "checked='checked'"; else $checked = ""; 
    317                                                 $output .= '<input type="checkbox" id="allow_fullpic" name="allow_fullpic" value="1" '.$checked.' /></td> 
    318                                         </tr> 
    319                                 </table> 
    320  
    321                         <h1>' . plog_tr('Interface Options') . '</h1> 
    322  
    323                                 <table class="option-table"> 
    324                                         <tr> 
    325                                                 <td><label for="date_format">' . plog_tr('Date Format:') . '</label></td> 
    326                                                 <td> 
     293                                </table> 
     294 
     295                        <h1>' . plog_tr("Front-End Options") . '</h1> 
     296 
     297                                <table class="option-table"> 
     298                                        <tr> 
     299                                                <td class="left"><label for="date_format">' . plog_tr('Date Format:') . '</label></td> 
     300                                                <td class="right"> 
    327301                                                        <select id="date_format" name="date_format">'; 
    328302                                                        foreach ($date_formats as $format){ 
    … …  
    335309                                        </tr> 
    336310                                        <tr class="alt"> 
    337                                                 <td><label for="allow_dl" style="white-space: nowrap;">' . plog_tr('Allow Compressed Recursive Downloads?') . '</label></td> 
    338                                                 <td>'; 
     311                                                <td class="left"><label for="allow_dl" style="white-space: nowrap;">' . plog_tr('Allow Compressed Downloads:') . '</label></td> 
     312                                                <td class="right">'; 
    339313                                                if ($config['allow_dl'] == 1) $checked = "checked='checked'"; else $checked = ""; 
    340314                                                $output .= '<input type="checkbox" id="allow_dl" name="allow_dl" value="1" '.$checked.' /></td> 
    341315                                        </tr> 
    342316                                        <tr> 
    343                                                 <td><label for="allow_comments">' . plog_tr('Allow User Comments?') . '</label><br /> ' .plog_tr('(will override individual settings)') . '</td> 
    344                                                 <td>'; 
    345                                                 if ($config['allow_comments'] == 1) $checked = "checked='checked'"; else $checked = ""; 
    346                                                 $output .='<input type="checkbox" id="allow_comments" name="allow_comments" value="1" '.$checked.' /></td> 
    347                                         </tr> 
    348                                         <tr class="alt"> 
    349                                                 <td><label for="allow_print">' . plog_tr('Allow Auto Print?') . ' </label></td> 
    350                                                 <td>'; 
     317                                                <td class="left"><label for="allow_print">' . plog_tr('Allow Auto Print:') . ' </label></td> 
     318                                                <td class="right">'; 
    351319                                                if ($config['allow_print'] == 1) $checked = "checked='checked'"; else $checked = ""; 
    352320                                                $output .= '<input type="checkbox" id="allow_print" name="allow_print" value="1" '.$checked.' /></td> 
    353321                                        </tr> 
    354                                         <tr> 
    355                                                 <td><label for="truncate">' . plog_tr('Truncate Long Filenames How Long?') . '</label><br /> ' . plog_tr('(Use zero for no truncation)') . '</td> 
    356                                                 <td><input size="5" type="text" id="truncate" name="truncate" value="'.$config['truncate'].'" /></td> 
    357                                         </tr> 
    358                                         <tr class="alt"> 
    359                                                 <td><label for="use_mod_rewrite">' . plog_tr('Generate Cruft-Free URLs:') . '</label><br /> ' . plog_tr('(requires mod_rewrite)') . '</td> 
    360                                                 <td>'; 
     322                                        <tr class="alt"> 
     323                                                <td class="left"><label for="use_mod_rewrite">' . plog_tr('Generate Cruft-Free URLs:') . '</label><br />' . plog_tr('(requires mod_rewrite)') . '</td> 
     324                                                <td class="right">'; 
    361325                                                $htaccess_file = $config["basedir"] . ".htaccess"; 
    362326                                                if ($config['use_mod_rewrite'] == 1) $checked = "checked='checked'"; else $checked = ""; 
    … …  
    370334                                </table> 
    371335 
    372                         <h1>' . plog_tr('RSS Syndication Options') . '</h1> 
    373  
    374                                 <table class="option-table"> 
    375                                         <tr> 
    376                                                 <td><label for="feed_title">' . plog_tr('RSS Feed Title:') . '</label></td> 
    377                                                 <td><input size="45" type="text" id="feed_title" name="feed_title" value="'.stripslashes($config['feed_title']).'" /></td> 
    378                                         </tr> 
    379                                         <tr class="alt"> 
    380                                                 <td><label for="rss_thumbsize">' . plog_tr('RSS Image Thumbnail Width (pixels):') . '</label></td> 
    381                                                 <td><input size="5" type="text" id="rss_thumbsize" name="rss_thumbsize" value="'.$thumbnail_config[THUMB_RSS]["size"].'" /></td> 
    382                                         </tr> 
    383                                         <tr> 
    384                                                 <td><label for="feed_language">' . plog_tr('Language:') . '</label> <a href="http://www.w3.org/TR/REC-html40/struct/dirlang.html#langcodes">' . plog_tr('(language codes)') . '</a></td> 
    385                                                 <td><input size="45" type="text" id="feed_language" name="feed_language" value="'.$config['feed_language'].'" /></td> 
    386                                         </tr> 
    387                                         <tr class="alt"> 
    388                                                 <td><label for="feed_num_entries">' . plog_tr('Number of Images Per Feed:') . '</label></td> 
    389                                                 <td><input size="5" type="text" id="feed_num_entries" name="feed_num_entries" value="'.$config['feed_num_entries'].'" /></td> 
    390                                         </tr> 
    391                                         <tr> 
    392                                                 <td></td> 
    393                                                 <td><input class="submit" type="submit" name="submit" value="' . plog_tr('Update Options') . '" /></td> 
     336                        <h1>' . plog_tr("Images") . '</h1> 
     337 
     338                                <table class="option-table"> 
     339                                        <tr> 
     340                                                <td class="left"><label for="image_quality">' . plog_tr('JPEG Image Quality:') . '</label><br />' . plog_tr("(1=worst, 95=best, 75=default)") . '</td> 
     341                                                <td class="right"><input size="5" type="text" id="image_quality" name="image_quality" value="'.$config['compression'].'" /></td> 
     342                                        </tr> 
     343                                        <tr class="alt"> 
     344                                                <td class="left"><label for="allow_fullpic">' . plog_tr('Allow Full Picture Access:') . '</label><br />' . plog_tr("(must be enabled if intermediate thumbnails are disabled)") . '</td> 
     345                                                <td class="right">'; 
     346                                                if (!empty($config['allow_fullpic'])) $checked = "checked='checked'"; else $checked = ""; 
     347                                                $output .= '<input type="checkbox" id="allow_fullpic" name="allow_fullpic" value="1" '.$checked.' /></td> 
     348                                        </tr> 
     349                                        <tr> 
     350                                                <td class="left"><label for="truncate">' . plog_tr('Truncate Long Filenames - Length:') . '</label><br />' . plog_tr('(use zero for no truncation)') . '</td> 
     351                                                <td class="right"><input size="5" type="text" id="truncate" name="truncate" value="'.$config['truncate'].'" /></td> 
     352                                        </tr> 
     353                                </table> 
     354 
     355                        <h1>' . plog_tr("Small Thumbnails") . '</h1> 
     356 
     357                                <table class="option-table">'; 
     358                                        if ($config['square_thumbs']) $dim = plog_tr("Small Thumbnail Width:"); else $dim = plog_tr("Small Thumbnail Height:"); 
     359                                        $output.=' 
     360                                        <tr class="alt"> 
     361                                                <td class="left"><label for="max_thumbnail_size">'.$dim.'</label><br />' . plog_tr("(pixels)"). '</td> 
     362                                                <td class="right"><input size="5" type="text" id="max_thumbnail_size" name="max_thumbnail_size" value="'.$thumbnail_config[THUMB_SMALL]['size'].'" /></td> 
     363                                        </tr> 
     364                                        <tr> 
     365                                                <td class="left"><label for="square_thumbs">' . plog_tr('Use Cropped Square Thumbnails:') .'</label></td> 
     366                                                <td class="right">'; 
     367                                                if ($config['square_thumbs'] == 1) $checked = "checked='checked'"; else $checked = ""; 
     368                                                $output .= '<input type="checkbox" id="square_thumbs" name="square_thumbs" value="1" '.$checked.' /></td> 
     369                                        </tr> 
     370                                        <tr class="alt"> 
     371                                                <td class="left"><label for="thumb_num">' . plog_tr('Number of Thumbnails Per Page:') . '</label></td> 
     372                                                <td class="right"><input size="5" type="text" id="thumb_num" name="thumb_num" value="'.$config['thumb_num'].'" /></td> 
     373                                        </tr> 
     374                                        <tr> 
     375                                                <td class="left"><label for="enable_thumb_nav">' . plog_tr('Thumbnail Navigation Enabled:') . '</label></td> 
     376                                                <td class="right">'; 
     377                                                if (!empty($config['enable_thumb_nav'])) $checked = "checked='checked'"; else $checked = ""; 
     378                                                $output .= '<input type="checkbox" id="enable_thumb_nav" name="enable_thumb_nav" value="1" '.$checked.' /></td> 
     379                                        </tr> 
     380                                        <tr class="alt"> 
     381                                                <td class="left"><label for="thumb_nav_range">' . plog_tr('Thumbnail Navigation Range:') . '</label><br />' . plog_tr('(0 for whole album)') . '</td> 
     382                                                <td class="right"><input size="5" type="text" id="thumb_nav_range" name="thumb_nav_range" value="'.$config['thumb_nav_range'].'" /></td> 
     383                                        </tr> 
     384                                        <tr> 
     385                                                <td class="left"><label for="nav_thumbsize">' . plog_tr('Thumbnail Navigation Size:') . '</label></td> 
     386                                                <td class="right"><input size="5" type="text" id="nav_thumbsize" name="nav_thumbsize" value="'.$thumbnail_config[THUMB_NAV]['size'].'" /></td> 
     387                                        </tr> 
     388                                </table> 
     389 
     390                        <h1>' . plog_tr("Intermediate Thumbnails") . '</h1> 
     391 
     392                                <table class="option-table"> 
     393                                        <tr class="alt"> 
     394                                                <td class="left"><label for="generate_intermediate">' . plog_tr('Generate Intermediate Pictures:') . '</label></td> 
     395                                                <td class="right">'; 
     396                                                $generate_intermediate = ($thumbnail_config[THUMB_LARGE]['disabled'] == 0) ? "checked='checked'" : ""; 
     397                                                $output.='<input type="checkbox" id="generate_intermediate" name="generate_intermediate" value="1" '.$generate_intermediate.' /></td> 
     398                                        </tr> 
     399                                        <tr> 
     400                                                <td class="left"><label for="max_display_size">' . plog_tr('Intermediate Picture Width:') . '</label><br />' . plog_tr("(pixels)"). '</td> 
     401                                                <td class="right"><input size="5" type="text" id="max_display_size" name="max_display_size" value="'.$thumbnail_config[THUMB_LARGE]['size'].'" /></td> 
     402                                        </tr> 
     403                                </table> 
     404 
     405                        <h1>' . plog_tr("RSS Syndication Options") . '</h1> 
     406 
     407                                <table class="option-table"> 
     408                                        <tr class="alt"> 
     409                                                <td class="left"><label for="feed_title">' . plog_tr('RSS Feed Title:') . '</label></td> 
     410                                                <td class="right"><input size="40" type="text" id="feed_title" name="feed_title" value="'.stripslashes($config['feed_title']).'" /></td> 
     411                                        </tr> 
     412                                        <tr> 
     413                                                <td class="left"><label for="rss_thumbsize">' . plog_tr('RSS Image Thumbnail Width:') . '</label><br />' . plog_tr("(pixels)"). '</td> 
     414                                                <td class="right"><input size="5" type="text" id="rss_thumbsize" name="rss_thumbsize" value="'.$thumbnail_config[THUMB_RSS]["size"].'" /></td> 
     415                                        </tr> 
     416                                        <tr class="alt"> 
     417                                                <td class="left"><label for="feed_num_entries">' . plog_tr('Number of Images Per Feed:') . '</label></td> 
     418                                                <td class="right"><input size="5" type="text" id="feed_num_entries" name="feed_num_entries" value="'.$config['feed_num_entries'].'" /></td> 
     419                                        </tr> 
     420                                        <tr> 
     421                                                <td class="left"></td> 
     422                                                <td class="right"><input class="submit" type="submit" name="submit" value="' . plog_tr('Update Options') . '" /></td> 
    394423                                        </tr> 
    395424                                </table> 

  • trunk/plog-admin/plog-themes.php

    r568 r570  
    2222 
    2323} 
    24  
    25 $inHead = "<script type=\"text/javascript\" src=\"js/plogger.js\"></script>"; 
    2624 
    2725$output = "\n\t<h1>" . plog_tr("Manage Themes") . "</h1>"; 

  • trunk/plog-admin/plog-thumb.php

    r555 r570  
    2323 
    2424                $thumbpath = generate_thumb($up_dir.'/'.$rname,"import-".substr(md5($file),0,2),THUMB_SMALL); 
    25                 print '<img src="'.$thumbpath.'" /></div>'; 
     25                print '<img src="'.$thumbpath.'" alt="" /></div>'; 
    2626                //print "found $relative_name!"; 
    2727                break; 

  • trunk/plog-admin/plog-upload.php

    r569 r570  
    165165                                                <input accesskey="n" id="userfile" name="userfile" value="Vali fail" type="file" onchange="checkArchive(this)" /> 
    166166                                                <label accesskey="c" for="caption">' . plog_tr('Picture <em>C</em>aption (optional):') . '</label> 
    167                                                 <input style="width: 320px;" name="caption" id="caption" /> 
     167                                                <input style="width: 331px;" name="caption" id="caption" /> 
    168168                                                <label accesskey="d" for="description">' . plog_tr('<em>D</em>escription (optional):') . '</label> 
    169                                                 <textarea name="description" id="description" cols="53" rows="7"></textarea> 
     169                                                <textarea name="description" id="description" cols="43" rows="6"></textarea> 
    170170                                                </p> 
    171171                                        </div> 
Note: See TracChangeset for help on using the changeset viewer.