Changeset 4498


Ignore:
Timestamp:
Dec 15, 2009, 10:57:36 PM (14 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.