From f980b79edcff78a849d65de15f36f2b0475665d7 Mon Sep 17 00:00:00 2001 From: tommy tomson Date: Fri, 6 Apr 2012 11:19:12 +0200 Subject: new-contacts-introductions in contacts-drop-down and new-messages in messages-drop-down get each an additional indicator... profile-picture is now scaled right in firefox... fixed broken css on introductions-page in firefox... --- view/theme/diabook-red/communityhome.tpl | 0 view/theme/diabook-red/contact_template.tpl | 0 view/theme/diabook-red/directory_item.tpl | 0 view/theme/diabook-red/fpostit/fpostit.js | 0 view/theme/diabook-red/group_side.tpl | 0 view/theme/diabook-red/icons/attach.png | Bin view/theme/diabook-red/icons/audio.png | Bin view/theme/diabook-red/icons/camera.png | Bin view/theme/diabook-red/icons/close_box.png | Bin view/theme/diabook-red/icons/contacts.png | Bin view/theme/diabook-red/icons/contacts2.png | Bin view/theme/diabook-red/icons/drop.png | Bin view/theme/diabook-red/icons/file_as.png | Bin view/theme/diabook-red/icons/link.png | Bin view/theme/diabook-red/icons/lock.png | Bin view/theme/diabook-red/icons/lupe.png | Bin view/theme/diabook-red/icons/next.png | Bin view/theme/diabook-red/icons/notifications.png | Bin view/theme/diabook-red/icons/pencil.png | Bin view/theme/diabook-red/icons/photo-menu.jpg | Bin view/theme/diabook-red/icons/prev.png | Bin view/theme/diabook-red/icons/recycle.png | Bin view/theme/diabook-red/icons/remote.png | Bin view/theme/diabook-red/icons/scroll_top.png | Bin view/theme/diabook-red/icons/selected.png | Bin view/theme/diabook-red/icons/star.png | Bin view/theme/diabook-red/icons/starred.png | Bin view/theme/diabook-red/icons/tagged.png | Bin view/theme/diabook-red/icons/unlock.png | Bin view/theme/diabook-red/icons/unstarred.png | Bin view/theme/diabook-red/icons/video.png | Bin view/theme/diabook-red/icons/weblink.png | Bin view/theme/diabook-red/jot.tpl | 0 view/theme/diabook-red/mail_conv.tpl | 0 view/theme/diabook-red/nav.tpl | 4 ++-- view/theme/diabook-red/photo_view.tpl | 0 view/theme/diabook-red/rs_common_tabs.tpl | 0 view/theme/diabook-red/search_item.tpl | 0 view/theme/diabook-red/style-network.css | 8 +++++--- view/theme/diabook-red/style-profile.css | 6 +++--- view/theme/diabook-red/style.css | 24 +++++++++++++++++++++--- view/theme/diabook-red/theme.php | 2 +- 42 files changed, 32 insertions(+), 12 deletions(-) mode change 100644 => 100755 view/theme/diabook-red/communityhome.tpl mode change 100644 => 100755 view/theme/diabook-red/contact_template.tpl mode change 100644 => 100755 view/theme/diabook-red/directory_item.tpl mode change 100644 => 100755 view/theme/diabook-red/fpostit/fpostit.js mode change 100644 => 100755 view/theme/diabook-red/group_side.tpl mode change 100644 => 100755 view/theme/diabook-red/icons/attach.png mode change 100644 => 100755 view/theme/diabook-red/icons/audio.png mode change 100644 => 100755 view/theme/diabook-red/icons/camera.png mode change 100644 => 100755 view/theme/diabook-red/icons/close_box.png mode change 100644 => 100755 view/theme/diabook-red/icons/contacts.png mode change 100644 => 100755 view/theme/diabook-red/icons/contacts2.png mode change 100644 => 100755 view/theme/diabook-red/icons/drop.png mode change 100644 => 100755 view/theme/diabook-red/icons/file_as.png mode change 100644 => 100755 view/theme/diabook-red/icons/link.png mode change 100644 => 100755 view/theme/diabook-red/icons/lock.png mode change 100644 => 100755 view/theme/diabook-red/icons/lupe.png mode change 100644 => 100755 view/theme/diabook-red/icons/next.png mode change 100644 => 100755 view/theme/diabook-red/icons/notifications.png mode change 100644 => 100755 view/theme/diabook-red/icons/pencil.png mode change 100644 => 100755 view/theme/diabook-red/icons/photo-menu.jpg mode change 100644 => 100755 view/theme/diabook-red/icons/prev.png mode change 100644 => 100755 view/theme/diabook-red/icons/recycle.png mode change 100644 => 100755 view/theme/diabook-red/icons/remote.png mode change 100644 => 100755 view/theme/diabook-red/icons/scroll_top.png mode change 100644 => 100755 view/theme/diabook-red/icons/selected.png mode change 100644 => 100755 view/theme/diabook-red/icons/star.png mode change 100644 => 100755 view/theme/diabook-red/icons/starred.png mode change 100644 => 100755 view/theme/diabook-red/icons/tagged.png mode change 100644 => 100755 view/theme/diabook-red/icons/unlock.png mode change 100644 => 100755 view/theme/diabook-red/icons/unstarred.png mode change 100644 => 100755 view/theme/diabook-red/icons/video.png mode change 100644 => 100755 view/theme/diabook-red/icons/weblink.png mode change 100644 => 100755 view/theme/diabook-red/jot.tpl mode change 100644 => 100755 view/theme/diabook-red/mail_conv.tpl mode change 100644 => 100755 view/theme/diabook-red/photo_view.tpl mode change 100644 => 100755 view/theme/diabook-red/rs_common_tabs.tpl mode change 100644 => 100755 view/theme/diabook-red/search_item.tpl mode change 100644 => 100755 view/theme/diabook-red/theme.php (limited to 'view/theme/diabook-red') diff --git a/view/theme/diabook-red/communityhome.tpl b/view/theme/diabook-red/communityhome.tpl old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/contact_template.tpl b/view/theme/diabook-red/contact_template.tpl old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/directory_item.tpl b/view/theme/diabook-red/directory_item.tpl old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/fpostit/fpostit.js b/view/theme/diabook-red/fpostit/fpostit.js old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/group_side.tpl b/view/theme/diabook-red/group_side.tpl old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/attach.png b/view/theme/diabook-red/icons/attach.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/audio.png b/view/theme/diabook-red/icons/audio.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/camera.png b/view/theme/diabook-red/icons/camera.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/close_box.png b/view/theme/diabook-red/icons/close_box.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/contacts.png b/view/theme/diabook-red/icons/contacts.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/contacts2.png b/view/theme/diabook-red/icons/contacts2.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/drop.png b/view/theme/diabook-red/icons/drop.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/file_as.png b/view/theme/diabook-red/icons/file_as.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/link.png b/view/theme/diabook-red/icons/link.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/lock.png b/view/theme/diabook-red/icons/lock.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/lupe.png b/view/theme/diabook-red/icons/lupe.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/next.png b/view/theme/diabook-red/icons/next.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/notifications.png b/view/theme/diabook-red/icons/notifications.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/pencil.png b/view/theme/diabook-red/icons/pencil.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/photo-menu.jpg b/view/theme/diabook-red/icons/photo-menu.jpg old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/prev.png b/view/theme/diabook-red/icons/prev.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/recycle.png b/view/theme/diabook-red/icons/recycle.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/remote.png b/view/theme/diabook-red/icons/remote.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/scroll_top.png b/view/theme/diabook-red/icons/scroll_top.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/selected.png b/view/theme/diabook-red/icons/selected.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/star.png b/view/theme/diabook-red/icons/star.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/starred.png b/view/theme/diabook-red/icons/starred.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/tagged.png b/view/theme/diabook-red/icons/tagged.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/unlock.png b/view/theme/diabook-red/icons/unlock.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/unstarred.png b/view/theme/diabook-red/icons/unstarred.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/video.png b/view/theme/diabook-red/icons/video.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/icons/weblink.png b/view/theme/diabook-red/icons/weblink.png old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/jot.tpl b/view/theme/diabook-red/jot.tpl old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/mail_conv.tpl b/view/theme/diabook-red/mail_conv.tpl old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/nav.tpl b/view/theme/diabook-red/nav.tpl index fdf748cb2..dc3fd0cde 100644 --- a/view/theme/diabook-red/nav.tpl +++ b/view/theme/diabook-red/nav.tpl @@ -22,7 +22,7 @@ $nav.contacts.1 @@ -35,7 +35,7 @@ diff --git a/view/theme/diabook-red/photo_view.tpl b/view/theme/diabook-red/photo_view.tpl old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/rs_common_tabs.tpl b/view/theme/diabook-red/rs_common_tabs.tpl old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/search_item.tpl b/view/theme/diabook-red/search_item.tpl old mode 100644 new mode 100755 diff --git a/view/theme/diabook-red/style-network.css b/view/theme/diabook-red/style-network.css index 863ad87ad..5cec59c87 100644 --- a/view/theme/diabook-red/style-network.css +++ b/view/theme/diabook-red/style-network.css @@ -529,6 +529,7 @@ background-image: -o-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 6 background-image: -moz-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); background-image: -webkit-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); background-image: -ms-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%); +filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad3b0a', endColorstr='#ff4f0f'); background-image: -webkit-gradient( linear, @@ -2090,9 +2091,10 @@ ul.tabs li .active { /* photo */ .photo { box-shadow: 2px 2px 5px 0px #000000; -margin: 2px 5px 2px 5px; -max-height: 85%; -max-width: 85%; +margin: 0px; +border-radius: 10px; +height: 145px !important; +width: 145px !important; } .lframe { float: left; diff --git a/view/theme/diabook-red/style-profile.css b/view/theme/diabook-red/style-profile.css index dcd0092c9..2568e93d7 100644 --- a/view/theme/diabook-red/style-profile.css +++ b/view/theme/diabook-red/style-profile.css @@ -2063,10 +2063,10 @@ ul.tabs li .active { /* photo */ .photo { box-shadow: 2px 2px 5px 0px #000000; -margin: 2px 5px 2px 5px; -max-height: 85%; -max-width: 85%; +margin: 0px; border-radius: 10px; +height: 145px !important; +width: 145px !important; } .lframe { float: left; diff --git a/view/theme/diabook-red/style.css b/view/theme/diabook-red/style.css index b1061f035..5475537bb 100644 --- a/view/theme/diabook-red/style.css +++ b/view/theme/diabook-red/style.css @@ -447,6 +447,24 @@ a:hover { /*color: #005c94; */ text-decoration: underline; } +.intro-end { + border-bottom: 1px solid black; + clear: both; + margin-bottom: 25px; + padding-bottom: 25px; + width: 75%; + } +.intro-form-end { + clear: both; + } +.intro-fullname { + padding-bottom: 5px; + padding-top: 5px; + } +.intro-wrapper-end { + clear: both; + padding-bottom: 5px; + } code { font-family: Courier, monospace; white-space: pre; @@ -2097,10 +2115,10 @@ height: 350px; /* photo */ .photo { box-shadow: 2px 2px 5px 0px #000000; -margin: 2px 5px 2px 5px; -max-height: 85%; -max-width: 85%; +margin: 0px; border-radius: 10px; +height: 145px !important; +width: 145px !important; } .lframe { float: left; diff --git a/view/theme/diabook-red/theme.php b/view/theme/diabook-red/theme.php old mode 100644 new mode 100755 index 0db9818e4..a0d5ead73 --- a/view/theme/diabook-red/theme.php +++ b/view/theme/diabook-red/theme.php @@ -3,7 +3,7 @@ /* * Name: Diabook-red * Description: Diabook-red: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu - * Version: (Version: 1.012) + * Version: (Version: 1.013) * Author: */ -- cgit v1.2.3 From 1c0700f371f96466be113a4184d7ab9acd39e22f Mon Sep 17 00:00:00 2001 From: tommy tomson Date: Sat, 7 Apr 2012 16:39:43 +0200 Subject: changelog 1.014 : image-rezise via jquery-plugin in stream comments under uploaded pictues add Diabook's version-number in head-section css-fixes: tabs youtube-iframe title-bar in jot-wrapper blockquote & .oembed --- view/theme/diabook-red/js/README | 22 ++++ .../theme/diabook-red/js/jquery.ae.image.resize.js | 69 +++++++++++ .../diabook-red/js/jquery.ae.image.resize.min.js | 1 + view/theme/diabook-red/photo_item.tpl | 65 +++++++++++ view/theme/diabook-red/photo_view.tpl | 11 +- view/theme/diabook-red/style-network.css | 13 ++- view/theme/diabook-red/style-profile.css | 13 ++- view/theme/diabook-red/style.css | 129 ++++++++++++++++++++- view/theme/diabook-red/theme.php | 27 ++++- 9 files changed, 336 insertions(+), 14 deletions(-) create mode 100644 view/theme/diabook-red/js/README create mode 100644 view/theme/diabook-red/js/jquery.ae.image.resize.js create mode 100644 view/theme/diabook-red/js/jquery.ae.image.resize.min.js create mode 100644 view/theme/diabook-red/photo_item.tpl (limited to 'view/theme/diabook-red') diff --git a/view/theme/diabook-red/js/README b/view/theme/diabook-red/js/README new file mode 100644 index 000000000..c93b2118e --- /dev/null +++ b/view/theme/diabook-red/js/README @@ -0,0 +1,22 @@ +jQuery Resize Plugin Demo + +Version: v2.1.1 +Author: Adeel Ejaz (http://adeelejaz.com/) +License: Dual licensed under MIT and GPL licenses. + +Introduction +aeImageResize is a jQuery plugin to dynamically resize the images without distorting the proportions. + +Usage: +.aeImageResize( height, width ) + +height +An integer representing the maximum height for the image. + +width +An integer representing the maximum width for the image. + +Example +$(function() { + $( ".resizeme" ).aeImageResize({ height: 250, width: 250 }); +}); \ No newline at end of file diff --git a/view/theme/diabook-red/js/jquery.ae.image.resize.js b/view/theme/diabook-red/js/jquery.ae.image.resize.js new file mode 100644 index 000000000..bac09cd45 --- /dev/null +++ b/view/theme/diabook-red/js/jquery.ae.image.resize.js @@ -0,0 +1,69 @@ +(function( $ ) { + + $.fn.aeImageResize = function( params ) { + + var aspectRatio = 0 + // Nasty I know but it's done only once, so not too bad I guess + // Alternate suggestions welcome :) + , isIE6 = $.browser.msie && (6 == ~~ $.browser.version) + ; + + // We cannot do much unless we have one of these + if ( !params.height && !params.width ) { + return this; + } + + // Calculate aspect ratio now, if possible + if ( params.height && params.width ) { + aspectRatio = params.width / params.height; + } + + // Attach handler to load + // Handler is executed just once per element + // Load event required for Webkit browsers + return this.one( "load", function() { + + // Remove all attributes and CSS rules + this.removeAttribute( "height" ); + this.removeAttribute( "width" ); + this.style.height = this.style.width = ""; + + var imgHeight = this.height + , imgWidth = this.width + , imgAspectRatio = imgWidth / imgHeight + , bxHeight = params.height + , bxWidth = params.width + , bxAspectRatio = aspectRatio; + + // Work the magic! + // If one parameter is missing, we just force calculate it + if ( !bxAspectRatio ) { + if ( bxHeight ) { + bxAspectRatio = imgAspectRatio + 1; + } else { + bxAspectRatio = imgAspectRatio - 1; + } + } + + // Only resize the images that need resizing + if ( (bxHeight && imgHeight > bxHeight) || (bxWidth && imgWidth > bxWidth) ) { + + if ( imgAspectRatio > bxAspectRatio ) { + bxHeight = ~~ ( imgHeight / imgWidth * bxWidth ); + } else { + bxWidth = ~~ ( imgWidth / imgHeight * bxHeight ); + } + + this.height = bxHeight; + this.width = bxWidth; + } + }) + .each(function() { + + // Trigger load event (for Gecko and MSIE) + if ( this.complete || isIE6 ) { + $( this ).trigger( "load" ); + } + }); + }; +})( jQuery ); \ No newline at end of file diff --git a/view/theme/diabook-red/js/jquery.ae.image.resize.min.js b/view/theme/diabook-red/js/jquery.ae.image.resize.min.js new file mode 100644 index 000000000..16c30b123 --- /dev/null +++ b/view/theme/diabook-red/js/jquery.ae.image.resize.min.js @@ -0,0 +1 @@ +(function(d){d.fn.aeImageResize=function(a){var i=0,j=d.browser.msie&&6==~~d.browser.version;if(!a.height&&!a.width)return this;if(a.height&&a.width)i=a.width/a.height;return this.one("load",function(){this.removeAttribute("height");this.removeAttribute("width");this.style.height=this.style.width="";var e=this.height,f=this.width,g=f/e,b=a.height,c=a.width,h=i;h||(h=b?g+1:g-1);if(b&&e>b||c&&f>c){if(g>h)b=~~(e/f*c);else c=~~(f/e*b);this.height=b;this.width=c}}).each(function(){if(this.complete||j)d(this).trigger("load")})}})(jQuery); \ No newline at end of file diff --git a/view/theme/diabook-red/photo_item.tpl b/view/theme/diabook-red/photo_item.tpl new file mode 100644 index 000000000..5d65a89b7 --- /dev/null +++ b/view/theme/diabook-red/photo_item.tpl @@ -0,0 +1,65 @@ +{{ if $indent }}{{ else }} +
+ +
+{{ endif }} + +
+
+
+
+ + $name + + menu + + +
+
+
+ $name + - + {{ if $plink }}$ago{{ else }} $ago {{ endif }} + {{ if $lock }} - $lock {{ endif }} + +
+
+ {{ if $title }}

$title

{{ endif }} + $body +
+
+
+
+
+
+ {{ for $tags as $tag }} + $tag + {{ endfor }} +
+
+ +
+
+
+
+ +
+ + {{ if $drop.dropping }} + + $drop.delete + {{ endif }} + {{ if $edpost }} + + {{ endif }} +
+ +
+
+
+ +
+
+ diff --git a/view/theme/diabook-red/photo_view.tpl b/view/theme/diabook-red/photo_view.tpl index 511fc73ac..09dfb2aae 100755 --- a/view/theme/diabook-red/photo_view.tpl +++ b/view/theme/diabook-red/photo_view.tpl @@ -24,4 +24,13 @@ {{ endif }} {{ if $tags.2 }}{{ endif }} -{{ if $edit }}$edit{{ endif }} \ No newline at end of file +{{ if $edit }}$edit{{ endif }} + +
+
+
+$comments +
+ +$paginate + diff --git a/view/theme/diabook-red/style-network.css b/view/theme/diabook-red/style-network.css index 5cec59c87..c91e1ff09 100644 --- a/view/theme/diabook-red/style-network.css +++ b/view/theme/diabook-red/style-network.css @@ -1234,7 +1234,6 @@ body .pageheader{ padding: 0; } .tab.button { - margin-right: 5px; margin-left: 5px; /*background: none repeat scroll 0 0 #F8F8F8;*/ border: 1px solid #CCCCCC; @@ -1366,6 +1365,7 @@ transition: all 0.2s ease-in-out; max-width: 420px; word-wrap: break-word; line-height: 1.2; + margin-bottom: 14px; } .wall-item-container .wall-item-content img { @@ -1466,9 +1466,9 @@ transition: all 0.2s ease-in-out; border: 1px solid #2d2d2d; } .comment-edit-preview { - width: 710px; - border: 1px solid #2d2d2d; + width: 500px; margin-top: 10px; + background-color: #fff797; } .comment-edit-preview .contact-photo { width: 32px; @@ -1704,7 +1704,7 @@ transition: all 0.2s ease-in-out; height: 20px; margin: 0 0 5px; width: 60%; - border: 1px solid #ffffff; + border: 1px solid #d2d2d2; } #profile-jot-form #jot-title:-webkit-input-placeholder { font-weight: normal; @@ -2167,6 +2167,11 @@ blockquote { border-left: 1px solid #D2D2D2; padding-left: 9px; margin: 0 0 0 .8ex; + color: #777; +} +.oembed { + font-size: large; + font-weight: bold; } .aprofile dt{ box-shadow: 1px 1px 5px 0; diff --git a/view/theme/diabook-red/style-profile.css b/view/theme/diabook-red/style-profile.css index 2568e93d7..4fd0803bd 100644 --- a/view/theme/diabook-red/style-profile.css +++ b/view/theme/diabook-red/style-profile.css @@ -1211,7 +1211,6 @@ body .pageheader{ padding: 0; } .tab.button { - margin-right: 5px; margin-left: 5px; /*background: none repeat scroll 0 0 #F8F8F8;*/ border: 1px solid #CCCCCC; @@ -1342,6 +1341,7 @@ transition: all 0.2s ease-in-out; max-width: 420px; word-wrap: break-word; line-height: 1.2; + margin-bottom: 14px; } .wall-item-container .wall-item-content img { @@ -1439,9 +1439,9 @@ transition: all 0.2s ease-in-out; border: 1px solid #2d2d2d; } .comment-edit-preview { - width: 710px; - border: 1px solid #2d2d2d; + width: 500px; margin-top: 10px; + background-color: #fff797; } .comment-edit-preview .contact-photo { width: 32px; @@ -1677,7 +1677,7 @@ transition: all 0.2s ease-in-out; height: 20px; margin: 0 0 5px; width: 60%; - border: 1px solid #ffffff; + border: 1px solid #d2d2d2; } #profile-jot-form #jot-title:-webkit-input-placeholder { font-weight: normal; @@ -2139,6 +2139,11 @@ blockquote { border-left: 1px solid #D2D2D2; padding-left: 9px; margin: 0 0 0 .8ex; + color: #777; +} +.oembed { + font-size: large; + font-weight: bold; } .aprofile dt{ box-shadow: 1px 1px 5px 0; diff --git a/view/theme/diabook-red/style.css b/view/theme/diabook-red/style.css index 5475537bb..ef06ef5ca 100644 --- a/view/theme/diabook-red/style.css +++ b/view/theme/diabook-red/style.css @@ -1298,7 +1298,6 @@ body .pageheader{ padding: 0; } .tab.button { - margin-right: 5px; margin-left: 5px; /*background: none repeat scroll 0 0 #F8F8F8;*/ border: 1px solid #CCCCCC; @@ -1334,6 +1333,122 @@ body .pageheader{ display: table; width: 780px; } +.wall-item-photo-container .wall-item-item, .wall-item-container .wall-item-bottom { + display: table-row; +} +.wall-item-photo-container .wall-item-info { + display: table-cell; + vertical-align: top; + text-align: left; + width: 80px; +} +.wall-item-photo-container .wall-item-location { + padding-right: 40px; + display: table-cell; +} +.wall-item-photo-container .wall-item-ago { + word-wrap: break-word; + width: 50px; + margin-left: 10px; + color: #999; +} +.wall-item-photo-container .wall-item-content { + font-size: 12.5px; + max-width: 720px; + word-wrap: break-word; + line-height: 1.2; + margin-bottom: 14px; +} +.wall-item-photo-container .wall-item-content img { + max-width: 700px; +} +.wall-item-photo-container .wall-item-links, .wall-item-photo-container .wall-item-actions { + display: table-cell; + vertical-align: middle; +} +.wall-item-photo-container .wall-item-links .icon, .wall-item-photo-container .wall-item-actions .icon { + opacity: 0.5; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.wall-item-photo-container .wall-item-links .icon:hover, .wall-item-photo-container .wall-item-actions .icon:hover { + opacity: 1; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.wall-item-photo-container .wall-item-name { + font-weight: bold; +} +.wall-item-photo-container .wall-item-actions-author { + width: 100%; + margin-bottom: 0.3em; +} +.wall-item-photo-container .wall-item-actions-social { + float: left; + margin-bottom: 1px; + display: table-cell; +} +.wall-item-photo-container .wall-item-actions-social a { + margin-right: 1em; +} +.wall-item-photo-container .wall-item-actions-tools { + float: right; + width: 80px; + display: table-cell; +} +.wall-item-photo-container .wall-item-actions-tools a { + float: right; +} +.wall-item-photo-container .wall-item-actions-tools input { + float: right; +} +.wall-item-photo-container.comment { + margin-top: 5px; + margin-bottom: 5px; + margin-left: 40px; + width: 650px; + border-bottom: 1px solid #D2D2D2; +} +.wall-item-photo-container.comment { + top: 15px !important; + left: 15px !important; +} +.wall-item-photo-container { + display: table; + width: 780px; +} +.my-comment-photo { + width: 48px; + margin-left: 40px; + margin-right: 32px; + } +.comment-edit-preview { + width: 500px; + margin-top: 10px; +} +.comment-edit-text-empty { + width: 500px; + border: 1px solid #D2D2D2; + height: 3.2em; + color: #2d2d2d; +} +.comment-edit-text-full { + font-size: 12.5px; + height: 3.3em; + + border: 1px solid #D2D2D2; + width: 500px; +} +.comment-edit-photo { + margin: 10px 0 0; + display: table-cell; +} .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom { @@ -1387,6 +1502,7 @@ body .pageheader{ max-width: 720px; word-wrap: break-word; line-height: 1.2; + margin-bottom: 14px; } .wall-item-container .wall-item-content img { @@ -1484,9 +1600,9 @@ body .pageheader{ border: 1px solid #2d2d2d; } .comment-edit-preview { - width: 710px; - border: 1px solid #2d2d2d; + width: 500px; margin-top: 10px; + background-color: #fff797; } .comment-edit-preview .contact-photo { width: 32px; @@ -1722,7 +1838,7 @@ body .pageheader{ height: 20px; margin: 0 0 5px; width: 60%; - border: 1px solid #ffffff; + border: 1px solid #d2d2d2; } #profile-jot-form #jot-title:-webkit-input-placeholder { font-weight: normal; @@ -2191,6 +2307,11 @@ blockquote { border-left: 1px solid #D2D2D2; padding-left: 9px; margin: 0 0 0 .8ex; + color: #777; +} +.oembed { + font-size: large; + font-weight: bold; } .aprofile dt{ box-shadow: 1px 1px 5px 0; diff --git a/view/theme/diabook-red/theme.php b/view/theme/diabook-red/theme.php index a0d5ead73..fae26ae70 100755 --- a/view/theme/diabook-red/theme.php +++ b/view/theme/diabook-red/theme.php @@ -3,11 +3,15 @@ /* * Name: Diabook-red * Description: Diabook-red: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu - * Version: (Version: 1.013) + * Version: (Version: 1.014) * Author: */ +//print diabook-version for debugging +$diabook_version = "Diabook-red (Version: 1.014)"; +$a->page['htmlhead'] .= sprintf('', $diabook_version); + //change css on network and profilepages $cssFile = null; @@ -334,8 +338,25 @@ if (!is_null($cssFile)) $a->page['htmlhead'] .= sprintf('get_baseurl($ssl_state)."/view/theme/diabook-red/js/jquery.cookie.js"; $a->page['htmlhead'] .= sprintf('', $cookieJS); +//load jquery.ae.image.resize.js +$imageresizeJS = $a->get_baseurl($ssl_state)."/view/theme/diabook-red/js/jquery.ae.image.resize.js"; +$a->page['htmlhead'] .= sprintf('', $imageresizeJS); + //js scripts +//comment-edit-wrapper on photo_view +if ($a->argv[0].$a->argv[2] === "photos"."image"){ + +$a->page['htmlhead'] .= ' +'; + +} $a->page['htmlhead'] .= ' @@ -351,6 +372,10 @@ if ($a->argv[0].$a->argv[1] === "profile".$a->user['nickname'] or $a->argv[0] == $a->page['htmlhead'] .= '