Changeset 25980


Ignore:
Timestamp:
Dec 17, 2013, 4:43:38 PM (7 years ago)
Author:
Miklfe
Message:
 
Location:
extensions/Float
Files:
3 added
2 deleted
5 edited

Legend:

Unmodified
Added
Removed
  • extensions/Float/local_head.tpl

    r18804 r25980  
    1         <!--[if lt IE 8]>
    2                 <link rel="stylesheet" type="text/css" href="{$ROOT_URL}themes/elegant/fix-ie7.css">
    3         <![endif]-->
    4        
    5 {combine_script id='jquery.masonry.min' require='jquery' path='themes/Float/js/masonry.min.js' load='footer'}
     1{combine_script id='jquery.masonry.min' require='jquery' path='themes/Float/js/masonry.js' load='footer'}
  • extensions/Float/template/mainpage_categories.tpl

    r18804 r25980  
     1{define_derivative name='derivative_params' type='xsmall'}
    12{html_style}
    2 
    33{if $derivative_params->max_width() > 600}
    44.thumbLegend {ldelim}font-size: 130%}
     
    1414<div class="thumbContent">
    1515
    16 <div id="container" >
     16<div id="container">
    1717
    1818{foreach from=$category_thumbnails item=cat name=cat_loop}
    19         <div class="box photo colMainpage">
    20         <li class="{if $smarty.foreach.comment_loop.index is odd}odd{else}even{/if}">
     19        <div class="box {if $smarty.foreach.comment_loop.index is odd}odd{else}even{/if}">
    2120                <div class="thumbnailCategory">
    2221                        <div class="illustration">
     
    4443                        </div>
    4544                </div>
    46         </li>
    4745        </div>
    4846{/foreach}
     
    5149</div>
    5250{footer_script require='jquery'}{literal}
    53                         window.onload = function() {
    54                           var wall1 = new Masonry( document.getElementById('container'), {
    55                                 gutterWidth: 10,
    56                                 isFitWidth: true,
    57                           });
    58                                 var wall2 = new Masonry( document.getElementById('containerThumb'), {
    59                                 gutterWidth: 10,
    60                                 isFitWidth: true,
    61                           });
     51  $(function(){
    6252
    63                         };
     53    var $container = $('#container');
     54 
     55    $container.imagesLoaded( function(){
     56      $container.masonry({
     57        itemSelector : '.box',
     58                isFitWidth: true
     59      });
     60    });
     61 
     62  });
    6463{/literal}{/footer_script}
    6564</div>
  • extensions/Float/template/thumbnails.tpl

    r18804 r25980  
     1{define_derivative name='derivative_params' type='xsmall'}
    12{if !empty($thumbnails)}{strip}
    23
     
    4142
    4243<div class="thumbContent">
    43 <div id="containerThumb" class="clearfix">
     44<div id="containerThumb">
    4445
    4546{foreach from=$thumbnails item=thumbnail}
     
    9091</div>         
    9192{footer_script require='jquery'}{literal}
    92                         window.onload = function() {
    93                           var wall1 = new Masonry( document.getElementById('container'), {
    94                                 gutterWidth: 10,
    95                                 isFitWidth: true
    96                           });
    97                                 var wall2 = new Masonry( document.getElementById('containerThumb'), {
    98                                 gutterWidth: 10,
    99                                 isFitWidth: true
    100                           });
     93  $(function(){
    10194
    102                         };
     95    var $container = $('#containerThumb');
     96 
     97    $container.imagesLoaded( function(){
     98      $container.masonry({
     99        itemSelector : '.box',
     100                isFitWidth: true
     101      });
     102    });
     103 
     104  });
    103105{/literal}{/footer_script}
    104106</div>
  • extensions/Float/theme.css

    r19207 r25980  
    5050ul#topnav #loger ul li a:hover,ul#topnav .sub ul li a:hover,ul#topnav .sub #menuTagCloud div a:hover,ul#topnav .liSub dt a:hover{color:#c2c2c2}
    5151#topnav .liSub{background:none}
    52 #topnav .sub, #topnav #loger{top:35px;border-radius:0;box-shadow:5px 5px 20px #000;background:rgba(0, 0, 0, 0.8)}
    53 ul#topnav .sub ul li,ul#topnav #loger ul li,ul#topnav .sub #menuTagCloud div{border:none}
     52ul#topnav li .sub, ul#topnav li #loger{top:35px;border-radius:0;box-shadow:5px 5px 20px #000;background:rgba(0, 0, 0, 0.95)}
     53ul#topnav .sub ul li,ul#topnav #loger ul li,ul#topnav .sub #menuTagCloud div{border:1px solid #2c2c2c}
    5454ul#topnav .sub ul li a,ul#topnav #loger ul li a{background:none}
    5555ul#topnav .sub ul li a:hover,ul#topnav .sub #menuTagCloud div a:hover{color:#c2c2c2}
     
    6565#go INPUT[type=submit]:active{color:#c2c2c2;background:-moz-linear-gradient(center top , #555555, #2C2C2C);box-shadow:1px 1px 1px #000 inset,0px 1px 0px rgba(255,255,255,0.4)}
    6666
    67 
    6867/*======================================================Panel======================================================*/
    6968.panel .switchBox{top:60px}
     
    7170
    7271/*======================================================Vanilla======================================================*/
    73 #container,#containerThumb{padding:5px;margin-bottom:20px;clear:both;margin-left:auto;margin-right:auto}
    74 .box li{list-style: none outside none}
    75 .box img{display:block;margin-left:auto;margin-right:auto}
    76 .col img{width:100%}
     72
     73/*.box {
     74  margin: 5px;
     75  padding: 5px;
     76  background: #D8D5D2;
     77  font-size: 11px;
     78  line-height: 1.4em;
     79  float: left;
     80  -webkit-border-radius: 5px;
     81     -moz-border-radius: 5px;
     82          border-radius: 5px;
     83}*/
     84
     85.box img{
     86  display: block;
     87  width: 100%;
     88}
     89
     90.rtl .box {
     91  float: right;
     92  text-align: right;
     93  direction: rtl;
     94}
     95
     96#container,#containerThumb { margin: 0 auto; }
     97
  • extensions/Float/themeconf.inc.php

    r19491 r25980  
    22/*
    33Theme Name: Float
    4 Version: auto
     4Version: 1.3.0
    55Description: Piwigo theme.
    66Theme URI: http://piwigo.org/ext/extension_view.php?eid=642
Note: See TracChangeset for help on using the changeset viewer.