Changeset 4498 for extensions/Juza


Ignore:
Timestamp:
12/15/09 22:57:36 (10 years ago)
Author:
vdigital
Message:

[Update] For Juza - Juza Theme Configuration Menu is partly working

  • Index picture max-width [300:885]
  • Index picture cropping-height [110:400]
  • Index picture top-shift [-320:0]

Pendings:

  • Configuration (2 changes)
  • Exception management (png/JPG mixed extensions support)
  • Menubar
Location:
extensions/Juza
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • extensions/Juza/script.tpl

    r4494 r4498  
    55{known_script id="juza" src=$JUZA|@cat:"/js/juzascript.js"} 
    66{/if} 
     7{html_head} 
     8<style type="text/css"> 
     9.maxIllustration a {ldelim} max-height: {$Juza_height}px; height: {$Juza_height}px; width:{$Juza_width}px; } 
     10.bigImg {ldelim} top:{$Juza_shift}px; width:{$Juza_width}px !important; } 
     11#imageToolBar {ldelim} top:{$Juza_shift2}px; } 
     12.content ul.thumbnailCategories li.Juza-cat {ldelim} height:{$Juza_height2}px; min-height:{$Juza_height2}px; } 
     13.content div.thumbnailCategory div.description {ldelim} height:{$Juza_height3}px !important; top:{$Juza_shift3}px; } 
     14#copyright {ldelim} margin-top: {$Juza_width}px; } 
     15table.juzabar td {ldelim} width: 155px; } 
     16</style> 
     17{/html_head} 
    718<table cellspacing="0" class="juzabar"> 
    819<tbody><tr> 
    9 <td style="width: 155px;">HOME PAGE</td> 
    10 <td style="width: 155px;">PORTFOLIO</td> 
    11 <td style="width: 155px;"><a href="{$ROOT_URL}index.php"><strong>GALLERIES</strong></a></td> 
    12 <td style="width: 155px;"><a title="See available tags" href="{$ROOT_URL}tags.php"><strong>TAGS</strong></a></td> 
    13 <td style="width: 155px;">ABOUT JUZA</td> 
    14 <td style="width: 155px;">E-MAIL</td> 
    15 <td style="width: 155px;">LINKS</td> 
    16 <td style="width: 155px;">JUZA FORUM</td> 
     20<td>HOME PAGE</td> 
     21<td>PORTFOLIO</td> 
     22<td><a href="{$ROOT_URL}index.php"><strong>GALLERIES</strong></a></td> 
     23<td><a title="See available tags" href="{$ROOT_URL}tags.php"><strong>TAGS</strong></a></td> 
     24<td>ABOUT JUZA</td> 
     25<td>E-MAIL</td> 
     26<td>LINKS</td> 
     27<td>JUZA FORUM</td> 
    1728</tr> 
    1829</tbody></table> 
     
    3344        <span class="property">{'Activate Juza handlers'|@translate}</span> 
    3445        <input type="checkbox" name="Juza_handlers" {$Juza_handlers} /> 
    35         <span class="range">{'Browser refresh is needed on new value'|@translate}</span> 
     46        <span class="range">{'Not currently working'|@translate}</span> 
    3647     </label> 
    3748    </li> 
     
    6172        <span class="property">{'Auto cropping and shifting'|@translate}</span> 
    6273        <input type="checkbox" name="Juza_Auto_CS" {$Juza_Auto_CS} /> 
     74        <span class="range">{'Not currently working (Always active)'|@translate}</span> 
    6375      </label> 
    6476    </li> 
  • extensions/Juza/theme.css

    r4494 r4498  
    55html body {background-color: #0; margin:0;padding:0;} 
    66html body #the_page { background-color: #292929 !important; width:1240px;margin:10px auto; height: 100%; border: 1px solid #fff !important; } 
     7body, h1, h2, h3, dt, #menubar dt, .throw, INPUT.rateButtonSelected {color:#ddffdd;} 
     8#content .pageNumberSelected {color: #52ff97; color: #72ffb7;} 
     9.content div.titrePage ul.categoryActions { display: none; }  
     10.content div.thumbnailCategory div.description { position:relative; width:100%; z-index:10; overflow: hidden; } 
     11.content ul.thumbnails span, .content ul.thumbnails label, .content div.thumbnailCategory div.illustration { width:135px; } 
     12.content { margin:0 3em !important; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; } 
     13.content .thumbnailCategory { border: 0 solid #383838 !important; border-top-width: 0.5px !important; margin-bottom:15px; /* height:155px; min-height:280px;*/ } 
     14.content div.thumbnailCategory div.description h3 { position:relative; top:10px; z-index:11; } 
     15.content div.thumbnailCategory div.description ul { margin: 10px 5px 5px 30px; } 
     16.content ul.thumbnailCategories li { width:100%; } 
     17.content ul.thumbnailCategories li.Juza-cat { margin:0 0 20px; } 
     18.content ul.thumbnails span.wrap1 { background-color: #000 !important; width: 140px; height: 140px; min-width: 140px; min-height: 140px; max-width: 140px; max-height: 140px; margin:0 2px 2px 0; border: 1px solid #444; } 
     19.content ul.thumbnails span.wrap1 .thumbLegend { display: none !important; } 
     20.content ul.thumbnails span.wrap2 { -moz-border-radius: 0; border-radius: 0; } 
     21.content ul.thumbnails span.wrap2 img.thumbnail { margin:auto; border: 1px solid #111; } 
     22#copyright * { color: #383838; } 
     23form.filter fieldset label textarea { display:block; margin:0.5em auto; color: #ddffdd; } 
     24fieldset { margin:1em !important; padding:1em !important; } 
     25 
     26div.illustration { overflow: hidden; } 
     27div.illustration img { border: 0; margin-left: 0px; } 
     28.bigImg { position:relative; } 
     29img.icon[alt="(!)"] { display: none; } 
     30input.conf, a { color: #FB9700 !important } 
     31input.conf:hover, a:hover { color: #ef5810 !important } 
     32input[type="submit"].conf { border:0;margin-top: 7; margin-bottom: 0;background-color: transparent !important; font-weight:normal; } 
     33input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] { 
     34  background-color:#D3D3D3 !important; } 
     35#jquery_local_img { text-align: center; margin-top: 5px; min-height: 600px; height: 600px; /* linked to Area Mapping */ } 
     36#Juza_config input[type="text"], #Juza_config input[type="checkbox"] { float:left; margin:6px auto auto 4px; } 
     37#Juza_config input[type="submit"] { margin:10px auto 15px;  } 
     38#Juza_config .range { text-align: left; float: left; margin-left: 10px; font-style:italic; } 
     39.juzabar { margin: 12pt 0 6pt; font-size: 10pt; width: 100%; background-color: #353735 !important; text-align: center; } 
     40legend .legend { padding: 0 10px; } 
     41.maxIllustration { left:20px; margin-bottom:35px; max-width:100% !important; position:relative; top:30px; width:100% !important; } 
     42.maxIllustration a { overflow: hidden; display: block; position:relative; z-index:12; float:right; } 
     43.middle_block h2, h2 { color: #6daa37; font-size:16px; text-align: center; }  
     44.middle_block * { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11pt; text-align:left; } 
     45 
     46#imageHeaderBar .browsePath { color: #6DAA37; } 
     47#imageHeaderBar  h2, .menuInfoCat, 
     48#imageToolBar  .randomButtons img, #menubar, table.infoTable,  
     49h3 img.icon { display: none !important; } 
     50#imageToolBar  .randomButtons img[alt="slideshow"] { display: inline; } 
     51div.description div.text p.Nb_images { border-width: 0; } 
     52#relTag { width: 80%; margin: 20px auto; } 
     53#relTag * { margin: 3px; text-align: center; } 
     54#thePicturePage .thumbnailCategories * { margin: 5px auto 3px 20px; } 
    755#theHeader { height: 90px;} 
    856#theHeader h1 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:60px; font-style:normal; font-weight:normal; line-height:0.89em; color: #fff;} 
    957#theHeader p { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:20px; letter-spacing:5px; line-height:2.1em; colour: #fff; } 
    10  
    11 body, h1, h2, h3, dt, #menubar dt, .throw, INPUT.rateButtonSelected {color:#ddffdd;} 
    12 #content .pageNumberSelected {color: #52ff97; color: #72ffb7;} 
    13 .juzabar { margin: 12pt 0 6pt; font-size: 10pt; width: 100%; background-color: #353735 !important; text-align: center; } 
    14  
    15 input.conf, a { color: #FB9700 !important } 
    16 input.conf:hover, a:hover { color: #ef5810 !important } 
    17 h3 img.icon { display: none !important; } 
    18 img.icon[alt="(!)"] { display: none; } 
    19 .middle_block h2, h2 { color: #6daa37; font-size:16px; text-align: center; }  
    20 .middle_block * { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11pt; text-align:left; } 
    21  
    22 .content div.titrePage ul.categoryActions { display: none; }  
    23 .content div.thumbnailCategory div.description { height:565px !important; position:relative; width:100%; z-index:10; top:-252px; overflow: hidden; } 
    24 .bigImg { position:relative; top:-160px; width:885px !important; } 
    25 .content ul.thumbnails span, .content ul.thumbnails label, .content div.thumbnailCategory div.illustration { width:135px; } 
    26 .content { margin:0 3em !important; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; } 
    27 div.illustration { overflow: hidden; } 
    28 div.illustration img { border: 0; margin-left: 0px; } 
    29 .maxIllustration a { max-height: 240px; height: 240px; overflow: hidden; display: block; position:relative; z-index:12; float:right; width:885px; } 
    30 .maxIllustration { left:20px; margin-bottom:35px; max-width:100% !important; position:relative; top:30px; width:100% !important; } 
    31 .content .thumbnailCategory { border: 0 solid #383838 !important; border-top-width: 0.5px !important; margin-bottom:15px; /* height:155px; min-height:280px;*/ } 
    32 .content div.thumbnailCategory div.description h3 { position:relative; top:10px; z-index:11; } 
    33 .content div.thumbnailCategory div.description ul { margin: 10px 5px 5px 30px; } 
    34  
    35 .content ul.thumbnailCategories li { width:100%; } 
    36 .content ul.thumbnailCategories li.Juza-cat { margin:0 0 20px; height:295px; min-height:295px; } 
    37 input[type="submit"].conf { border:0;margin-top: 7; margin-bottom: 0;background-color: transparent !important; font-weight:normal; } 
    38 a.home { position: absolute; left: 20px; top: 20px; font-size:9px; } 
    39 .content ul.thumbnails span.wrap1 { background-color: #000 !important; width: 140px; height: 140px; min-width: 140px; min-height: 140px; max-width: 140px; max-height: 140px; margin:0 2px 2px 0; border: 1px solid #444; } 
    40 .content ul.thumbnails span.wrap1 .thumbLegend { display: none !important; } 
    41 #relTag { width: 80%; margin: 20px auto; } 
    42 #relTag * { margin: 3px; text-align: center; } 
    43 .content ul.thumbnails span.wrap2 { -moz-border-radius: 0; border-radius: 0; } 
    44 .content ul.thumbnails span.wrap2 img.thumbnail { margin:auto; border: 1px solid #111; } 
    45 #jquery_local_img { text-align: center; margin-top: 5px; min-height: 600px; height: 600px; /* linked to Area Mapping */ } 
    46 input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] { 
    47   background-color:#D3D3D3 !important; } 
    48 #thePicturePage .thumbnailCategories * { margin: 5px auto 3px 20px; } 
    49 form.filter fieldset label textarea { display:block; margin:0.5em auto; color: #ddffdd; } 
    50 fieldset { margin:1em !important; padding:1em !important; } 
    51 #imageHeaderBar .browsePath { color: #6DAA37; } 
    52 #imageToolBar { top:-90px; } 
    53 #menubar, table.infoTable, #imageHeaderBar  h2, .menuInfoCat, 
    54 #imageToolBar  .randomButtons img { display: none; } 
    55 #imageToolBar  .randomButtons img[alt="slideshow"] { display: inline; } 
    56 div.description div.text p.Nb_images { border-width: 0; } 
    57 #Juza_config input[type="text"], #Juza_config input[type="checkbox"] { float:left; margin:6px auto auto 4px; } 
    58 #Juza_config input[type="submit"] { margin:10px auto 15px;  } 
    59 #Juza_config .range { text-align: left; float: left; margin-left: 10px; font-style:italic; } 
    60 legend .legend { padding: 0 10px; } 
    61 #copyright { margin-top: 885px; } 
    62 #copyright * { color: #383838; } 
Note: See TracChangeset for help on using the changeset viewer.