From 81f216f34794737a770098810508b4059ec75b37 Mon Sep 17 00:00:00 2001 From: Michael Vogel Date: Wed, 5 Feb 2014 00:41:19 +0100 Subject: [PATCH 1/2] Diabook: Support for shared messages and shared links --- view/theme/diabook/diabook-aerith/style.css | 53 ++++++++++++++++++++ view/theme/diabook/diabook-blue/style.css | 53 ++++++++++++++++++++ view/theme/diabook/diabook-dark/style.css | 53 ++++++++++++++++++++ view/theme/diabook/diabook-green/style.css | 53 ++++++++++++++++++++ view/theme/diabook/diabook-pink/style.css | 53 ++++++++++++++++++++ view/theme/diabook/diabook-red/style.css | 53 ++++++++++++++++++++ view/theme/diabook/style.css | 54 +++++++++++++++++++++ 7 files changed, 372 insertions(+) diff --git a/view/theme/diabook/diabook-aerith/style.css b/view/theme/diabook/diabook-aerith/style.css index 8c5296c0b..ddc5f0152 100644 --- a/view/theme/diabook/diabook-aerith/style.css +++ b/view/theme/diabook/diabook-aerith/style.css @@ -1559,6 +1559,59 @@ body .pageheader{ display: table; width: 780px; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + .my-comment-photo { width: 48px; margin-left: 40px; diff --git a/view/theme/diabook/diabook-blue/style.css b/view/theme/diabook/diabook-blue/style.css index 6c8cb34aa..93efb723b 100644 --- a/view/theme/diabook/diabook-blue/style.css +++ b/view/theme/diabook/diabook-blue/style.css @@ -1515,6 +1515,59 @@ body .pageheader{ display: table; width: 780px; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + .my-comment-photo { width: 48px; margin-left: 40px; diff --git a/view/theme/diabook/diabook-dark/style.css b/view/theme/diabook/diabook-dark/style.css index 3b28af1fb..81b5e567f 100644 --- a/view/theme/diabook/diabook-dark/style.css +++ b/view/theme/diabook/diabook-dark/style.css @@ -1527,6 +1527,59 @@ body .pageheader{ display: table; width: 780px; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + .my-comment-photo { width: 48px; margin-left: 40px; diff --git a/view/theme/diabook/diabook-green/style.css b/view/theme/diabook/diabook-green/style.css index 63f862409..ea4b544e0 100644 --- a/view/theme/diabook/diabook-green/style.css +++ b/view/theme/diabook/diabook-green/style.css @@ -1542,6 +1542,59 @@ body .pageheader{ display: table; width: 780px; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + .my-comment-photo { width: 48px; margin-left: 40px; diff --git a/view/theme/diabook/diabook-pink/style.css b/view/theme/diabook/diabook-pink/style.css index 3db561725..078478c13 100644 --- a/view/theme/diabook/diabook-pink/style.css +++ b/view/theme/diabook/diabook-pink/style.css @@ -1541,6 +1541,59 @@ body .pageheader{ display: table; width: 780px; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + .my-comment-photo { width: 48px; margin-left: 40px; diff --git a/view/theme/diabook/diabook-red/style.css b/view/theme/diabook/diabook-red/style.css index 0e4c65b02..bf2bfb878 100644 --- a/view/theme/diabook/diabook-red/style.css +++ b/view/theme/diabook/diabook-red/style.css @@ -1542,6 +1542,59 @@ body .pageheader{ display: table; width: 780px; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + .my-comment-photo { width: 48px; margin-left: 40px; diff --git a/view/theme/diabook/style.css b/view/theme/diabook/style.css index c87f51d1a..de0ea5b13 100644 --- a/view/theme/diabook/style.css +++ b/view/theme/diabook/style.css @@ -1620,6 +1620,60 @@ body .pageheader{ width: 780px; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + + .my-comment-photo { width: 48px; margin-left: 40px; From 4591790ea7fec37ae9354833a5963ed267d696f8 Mon Sep 17 00:00:00 2001 From: Michael Vogel Date: Wed, 5 Feb 2014 01:15:08 +0100 Subject: [PATCH 2/2] shared items and shared links for duepuntozero, quattro and smoothly --- view/theme/duepuntozero/style.css | 55 ++++++++++++++++++++++++++++-- view/theme/quattro/dark/style.css | 55 ++++++++++++++++++++++++++++++ view/theme/quattro/green/style.css | 53 ++++++++++++++++++++++++++++ view/theme/quattro/lilac/style.css | 53 ++++++++++++++++++++++++++++ view/theme/smoothly/style.css | 53 ++++++++++++++++++++++++++++ 5 files changed, 267 insertions(+), 2 deletions(-) diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index 77362e552..26e949dfd 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -1011,7 +1011,6 @@ input#dfrn-url { .wall-item-photo-menu li a { display: block; padding: 2px; } .wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } - .comment .wall-item-photo-menu-button { top: 44px;} .comment .wall-item-photo-menu { top: 60px; } @@ -1159,6 +1158,58 @@ input#dfrn-url { max-width: 700px; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} .wall-item-title { float: left; @@ -3393,4 +3444,4 @@ ul.menu-popup { nav #banner { position: relative; clear:both; } ul.menu-popup { left: 0px; top 20px; } -} \ No newline at end of file +} diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css index ec4e6ad10..4e2ab475e 100644 --- a/view/theme/quattro/dark/style.css +++ b/view/theme/quattro/dark/style.css @@ -1269,6 +1269,61 @@ section { width: 25px; height: 25px; } + +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + + /* threaded comments */ .children { margin-top: 1em; diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css index d78a06dc7..aee9b70db 100644 --- a/view/theme/quattro/green/style.css +++ b/view/theme/quattro/green/style.css @@ -1269,6 +1269,59 @@ section { width: 25px; height: 25px; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + /* threaded comments */ .children { margin-top: 1em; diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css index 8c2e147fa..97ca47308 100644 --- a/view/theme/quattro/lilac/style.css +++ b/view/theme/quattro/lilac/style.css @@ -1269,6 +1269,59 @@ section { width: 25px; height: 25px; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + /* threaded comments */ .children { margin-top: 1em; diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css index 476cd980e..4b2ab87fe 100644 --- a/view/theme/smoothly/style.css +++ b/view/theme/smoothly/style.css @@ -1726,6 +1726,59 @@ ul .sidebar-group-li .icon { background-color: #1873a2; } +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.type-link .oembed { +} + +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #D2D2D2; + padding-top: 5px; + margin-top: 5px; +} + +.shared_header a { + color: black; + -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; +} + +.shared_header a:hover { + color: #36c; +} + +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} + +.shared_header span { + margin-left: 9px; +} + +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} + .icon.drop, .icon.drophide { float: left;