aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorFriendika <info@friendika.com>2011-10-01 23:36:23 -0700
committerFriendika <info@friendika.com>2011-10-01 23:36:23 -0700
commit7059b8378c1c2e6655ea9a7b041f3db8e9423e14 (patch)
treec3146eb4692794aa03ccc5ce952a119da2b2c36f /view
parent7d7a1498118f0101f31b711b30d2e21533bb01fe (diff)
parentc15690563d9be00e8f7ae29ecdd6bbdb7f64603f (diff)
downloadvolse-hubzilla-7059b8378c1c2e6655ea9a7b041f3db8e9423e14.tar.gz
volse-hubzilla-7059b8378c1c2e6655ea9a7b041f3db8e9423e14.tar.bz2
volse-hubzilla-7059b8378c1c2e6655ea9a7b041f3db8e9423e14.zip
Merge pull request #11 from duthied/master
Aspect ratio improvement for photos in album, implemented only in testbubble theme
Diffstat (limited to 'view')
-rw-r--r--view/photo_album.tpl1
-rw-r--r--view/theme/testbubble/style.css38
2 files changed, 25 insertions, 14 deletions
diff --git a/view/photo_album.tpl b/view/photo_album.tpl
index e3f2ba91c..3ab9fe723 100644
--- a/view/photo_album.tpl
+++ b/view/photo_album.tpl
@@ -3,6 +3,5 @@
<img src="$imgsrc" alt="$imgalt" title="$phototitle" class="photo-album-photo lframe resize" id="photo-album-photo-$id" />
<p class='caption'>$desc</p>
</a>
-
</div>
<div class="photo-album-image-wrapper-end"></div>
diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index deae9ae58..85a01d0d2 100644
--- a/view/theme/testbubble/style.css
+++ b/view/theme/testbubble/style.css
@@ -1250,7 +1250,7 @@ div[id$="wrapper"] br { clear: left; }
/* ========== */
#side-bar-photos-albums li {
- font-size: 1.2em;
+ font-size: 14px;
font-variant: none;
}
@@ -1279,14 +1279,30 @@ div[id$="wrapper"] br { clear: left; }
background-color: #b20202;
}
-.photo-album-image-wrapper,
-.photo-top-image-wrapper {
- float: left;
+.photo-album-image-wrapper {
+ float: left;
margin: 0px 10px 10px 0px;
padding-bottom: 30px;
position:relative;
}
+.photo-top-image-wrapper {
+ float: left;
+ width: 180px;
+ height: 180px;
+ margin: 0px 10px 10px 0px;
+ padding-bottom: 30px;
+ position:relative;
+}
+
+#photo-album-wrapper-inner {
+ position: relative;
+ float: left;
+ width: 180px;
+ height: 180px;
+ overflow: hidden;
+}
+
#photo-photo { max-width: 100% }
#photo-photo img { max-width: 100% }
@@ -1296,12 +1312,8 @@ div[id$="wrapper"] br { clear: left; }
border-bottom: 0px;
}
-.photo-top-photo,
-.photo-album-photo {
- width: 180px;
- height: 180px;
- overflow: hidden;
-}
+.photo-top-photo {}
+.photo-album-photo {}
.photo-top-album-name {
position: absolute;
@@ -2216,7 +2228,7 @@ margin-left: 0px;
display: inline;
padding: 5px;
margin-bottom: 10px;
-/* -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+ -moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
box-shadow:inset 0px 1px 0px 0px #cfcfcf;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
@@ -2228,7 +2240,7 @@ margin-left: 0px;
border-radius:5px;*/
}
-/*.group-delete-wrapper:hover {
+.group-delete-wrapper:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
@@ -2245,7 +2257,7 @@ margin-left: 0px;
.group-delete-wrapper a {
color: #efefef;
font-size: 0.9em;
-}*/
+}
#group-edit-desc { margin: 10px 0xp; }
#group-new-text {font-size: 1.1em;}