aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authormarijus <mario@mariovavti.com>2014-09-26 12:29:07 +0200
committermarijus <mario@mariovavti.com>2014-09-26 12:29:07 +0200
commitb948ab595592e4a43f684a49dc681a755f8c8673 (patch)
treec3f7413eff7458bc7d311519754ba416525276ba /view
parent1e7fbac6c1a26e6ae5be18ce3e5332f222bc2977 (diff)
downloadvolse-hubzilla-b948ab595592e4a43f684a49dc681a755f8c8673.tar.gz
volse-hubzilla-b948ab595592e4a43f684a49dc681a755f8c8673.tar.bz2
volse-hubzilla-b948ab595592e4a43f684a49dc681a755f8c8673.zip
some more work on photos - work in progress
Diffstat (limited to 'view')
-rw-r--r--view/css/bootstrap-red.css39
-rw-r--r--view/css/widgets.css1
-rw-r--r--view/theme/redbasic/css/style.css53
-rwxr-xr-xview/tpl/photo_albums.tpl27
-rwxr-xr-xview/tpl/photos_recent.tpl16
5 files changed, 61 insertions, 75 deletions
diff --git a/view/css/bootstrap-red.css b/view/css/bootstrap-red.css
index a382a42b3..5a7b82f50 100644
--- a/view/css/bootstrap-red.css
+++ b/view/css/bootstrap-red.css
@@ -1,37 +1,27 @@
/* override some bootstrap settings */
-html {
- font-size: 100%;
+h1, h2 {
+ font-size: 1.583em;
}
-h1,
-.h1 {
- font-size: 24px;
+h3, h4 {
+ font-size: 1.334em;
}
-h2,
-.h2 {
- font-size: 18px;
+h5, h6 {
+ font-size: 0.75rem;
}
-h3,
-.h3 {
- font-size: 16px;
+.wall-item-content h1, .wall-item-content h2 {
+ font-size: 1.319em;
}
-h4,
-.h4 {
- font-size: 14px;
+.wall-item-title {
+ font-size: $font_size;
}
-h5,
-.h5 {
- font-size: 12px;
-}
-
-h6,
-.h6 {
- font-size: 10px;
+.wall-item-title h3, .wall-item-content h3, .wall-item-content h4 {
+ font-size: 1.112em;
}
/* nav overrides */
@@ -96,3 +86,8 @@ nav .navbar-collapse .navbar-right {
code {
white-space: normal;
}
+
+
+blockquote {
+ font-size: 1em;
+}
diff --git a/view/css/widgets.css b/view/css/widgets.css
index 8bf5a9e97..bcd52cfee 100644
--- a/view/css/widgets.css
+++ b/view/css/widgets.css
@@ -9,7 +9,6 @@
.widget h3 {
margin-left: -10px;
margin-top: 0px;
- margin-bottom: 10px;
}
/* suggest */
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 4e662f1db..2cb2d917d 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -9,6 +9,7 @@
/* generals */
html {
height: 100%;
+ font-size: 100%;
}
body {
@@ -2206,10 +2207,6 @@ nav ul li {
max-height: 50px
}
-nav .badge {
- border-radius: $radiuspx;
-}
-
nav .dropdown-menu {
font-size: $body_font_size;
border-top-right-radius: 0px;
@@ -2251,32 +2248,8 @@ nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{
}
/* bootstrap overrides */
-blockquote {
- font-size: 1em;
-}
-
-h1, h2 {
- font-size: 1.583em;
-}
-
-h3, h4 {
- font-size: 1.334em;
-}
-
-h5, h6 {
- font-size: 0.75rem;
-}
-
-.wall-item-content h1, .wall-item-content h2 {
- font-size: 1.319em;
-}
-
-.wall-item-title {
- font-size: $font_size;
-}
-
-.wall-item-title h3, .wall-item-content h3, .wall-item-content h4 {
- font-size: 1.112em;
+.badge {
+ border-radius: $radiuspx;
}
.dropdown-menu {
@@ -2448,6 +2421,26 @@ h5, h6 {
background-image: linear-gradient(to bottom, $advperm_gradientcol 0px, $advperm_bgcolour 100%);
}
+.section-title-wrapper {
+ padding: 7px 10px;
+ background-color: $item_colour;
+ border-radius: $radiuspx;
+ margin-bottom: 10px;
+}
+
+.section-title-wrapper h3 {
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
+
+.section-title-submenu {
+ margin-top: 10px;
+}
+
+.section-title-submenu a {
+ margin-right: 10px;
+}
+
@media screen and (max-width: 767px) {
aside#region_1 {
background: rgba(0, 0, 0, .1);
diff --git a/view/tpl/photo_albums.tpl b/view/tpl/photo_albums.tpl
index 7ff4a8cc0..27f156c68 100755
--- a/view/tpl/photo_albums.tpl
+++ b/view/tpl/photo_albums.tpl
@@ -1,15 +1,16 @@
<div id="side-bar-photos-albums" class="widget">
-<h3><a href="{{$baseurl}}/photos/{{$nick}}" title="{{$title}}" >{{$title}}</a></h3>
-{{if $albums}}
-<ul>
-{{foreach $albums as $al}}
-{{if $al.text}}
-<li><a href="{{$baseurl}}/photos/{{$nick}}/album/{{$al.bin2hex}}">{{$al.text}}</a> ({{$al.total}})</li>
-{{/if}}
-{{/foreach}}
-</ul>
-{{/if}}
-{{if $upload}}
-<div id="photo-albums-upload-link"><a href="{{$baseurl}}/photos/{{$nick}}/upload" title="{{$upload}}">{{$upload}}</a></div>
-{{/if}}
+ <h3><a href="{{$baseurl}}/photos/{{$nick}}" title="{{$title}}" >{{$title}}</a></h3>
+ {{if $albums}}
+ <ul class="nav nav-pills nav-stacked">
+ {{foreach $albums as $al}}
+ {{if $al.text}}
+ <li><a href="{{$baseurl}}/photos/{{$nick}}/album/{{$al.bin2hex}}">{{$al.text}}<span class="badge pull-right">{{$al.total}}</span></a></li>
+ {{/if}}
+ {{/foreach}}
+
+ {{/if}}
+ {{if $upload}}
+ <li><a href="{{$baseurl}}/photos/{{$nick}}/upload" title="{{$upload}}">{{$upload}}</a></li>
+ {{/if}}
+ </ul>
</div>
diff --git a/view/tpl/photos_recent.tpl b/view/tpl/photos_recent.tpl
index fce518cfe..b4094512c 100755
--- a/view/tpl/photos_recent.tpl
+++ b/view/tpl/photos_recent.tpl
@@ -1,13 +1,11 @@
-<h3>{{$title}}</h3>
-{{if $can_post}}
-<a id="photo-top-upload-link" href="{{$upload.1}}">{{$upload.0}}</a>
-{{/if}}
-
+<div class="section-title-wrapper">
+ <h3>{{$title}}</h3>
+</div>
<div id="photo-album-contents">
-{{foreach $photos as $photo}}
- {{include file="photo_top.tpl"}}
-{{/foreach}}
-<div id="page-end"></div>
+ {{foreach $photos as $photo}}
+ {{include file="photo_top.tpl"}}
+ {{/foreach}}
+ <div id="page-end"></div>
</div>
<div class="photos-end"></div>
<script>$(document).ready(function() { loadingPage = false; justifyPhotos(); });</script>