|
@@ -1,8 +1,10 @@
|
|
|
@Title{Gallery}@
|
|
|
@CSS{
|
|
|
.album{
|
|
|
- width:33%;
|
|
|
- float:left;
|
|
|
+ width:33.33%;
|
|
|
+ /*float:left;*/
|
|
|
+ display:inline-block;
|
|
|
+ vertical-align:top;
|
|
|
}
|
|
|
|
|
|
.album>div{
|
|
@@ -15,11 +17,14 @@
|
|
|
display:block;
|
|
|
text-align:center;
|
|
|
color:#424242;
|
|
|
+ overflow:hidden;
|
|
|
}
|
|
|
}@
|
|
|
@CSSMed{
|
|
|
- .album{
|
|
|
- width:50%;
|
|
|
+ @media(orientation:portrait){
|
|
|
+ .album{
|
|
|
+ width:50%;
|
|
|
+ }
|
|
|
}
|
|
|
}@
|
|
|
@CSSSmall{
|
|
@@ -28,78 +33,20 @@
|
|
|
width:100%;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ @media(orientation:landscape){
|
|
|
+ .album{
|
|
|
+ width:50%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}@
|
|
|
+@ButtonsRight{
|
|
|
+ <button onclick="Navigate('/gallery/manage/')" title="Manage">
|
|
|
+ <img src="/images/gallery.svg" alt="Manage" />
|
|
|
+ </button>
|
|
|
}@
|
|
|
@Body{
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="album">
|
|
|
- <div>
|
|
|
- <a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
|
|
|
- <span>Description aye</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <?php foreach ($albums as $album){
|
|
|
+ echo '<div class="album"><div><a href="/gallery/view/',$album->AlbumUrl,'/"><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a><span>',$album->AlbumTitle,'</span></div></div>';
|
|
|
+ }?>
|
|
|
}@
|