diff options
| author | Friendika <info@friendika.com> | 2011-10-01 23:36:23 -0700 |
|---|---|---|
| committer | Friendika <info@friendika.com> | 2011-10-01 23:36:23 -0700 |
| commit | 7059b8378c1c2e6655ea9a7b041f3db8e9423e14 (patch) | |
| tree | c3146eb4692794aa03ccc5ce952a119da2b2c36f /view | |
| parent | 7d7a1498118f0101f31b711b30d2e21533bb01fe (diff) | |
| parent | c15690563d9be00e8f7ae29ecdd6bbdb7f64603f (diff) | |
| download | volse-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.tpl | 1 | ||||
| -rw-r--r-- | view/theme/testbubble/style.css | 38 |
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;} |