diff --git a/view/global.css b/view/global.css
index e50e87ec2..08788c5ba 100644
--- a/view/global.css
+++ b/view/global.css
@@ -151,13 +151,36 @@ span.connector {
}
/* Shared Messages */
+
.shared_header {
+ display: flex;
+ justify-content: space-between;
min-height: 32px;
color: #999;
border-top: 1px solid #D2D2D2;
padding-top: 5px;
margin-top: 5px;
}
+.shared_header > .avatar {
+ display: block;
+ flex: 0 0 41px;
+ margin-inline-end: 9px;
+}
+.shared_header > .avatar > img {
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.shared_header > .metadata {
+ flex: 1 0 auto;
+}
+.shared_header > .metadata > p {
+ margin: 0;
+}
+.shared_header > .preferences {
+ position: static;
+ flex: 0 0 auto;
+}
.shared_header a {
-webkit-transition: all 0.2s ease-in-out;
@@ -167,16 +190,8 @@ span.connector {
transition: all 0.2s ease-in-out;
}
-.shared_header img {
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- float: left;
- margin-right: 9px;
-}
-
blockquote.shared_content {
- margin-left: 32px;
+ margin-inline-start: 32px;
color: #000;
border: none;
}
diff --git a/view/templates/shared_content.tpl b/view/templates/shared_content.tpl
index 32cfbe372..4db3b66c5 100644
--- a/view/templates/shared_content.tpl
+++ b/view/templates/shared_content.tpl
@@ -1,12 +1,38 @@
-
+
diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 9a783286d..ee99f4790 100644
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -1238,44 +1238,13 @@ input#dfrn-url {
background: rgba(0, 0, 0, 0.5) url(shiny.png) no-repeat scroll center center;
}
-.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;
font-weight: bold;
@@ -3244,10 +3213,6 @@ div.jGrowl div.info {
width: 20px;
}
-.shared_header span {
- margin-left: 10px;
-}
-
/* small screens */
@media all and (max-width: 1089px) {
.field label { width: 90%; }
diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 4fb504714..e5d30d1d2 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -1709,10 +1709,20 @@ aside .panel-body {
right: 0;
top: 0;
}
-.shared_header .preferences {
- top: 7px;
- right: 9px;
+.shared_header {
+ margin-left: 0px;
+ margin-top: 0px;
+ padding-top: 0px;
+ margin-bottom: 10px;
+ border-top: none;
+ color: inherit;
}
+blockquote.shared_content {
+ padding: 0px;
+ margin-inline-start: 0px;
+ color: inherit;
+}
+
.wall-item-network {
font-size: 13px;
}
@@ -1837,19 +1847,6 @@ aside .panel-body {
.vevent:hover {
box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.05);
}
-.shared_header {
- margin-left: 0px;
- margin-top: 0px;
- padding-top: 0px;
- margin-bottom: 10px;
- border-top: none;
- color: inherit;
-}
-blockquote.shared_content {
- padding: 0px;
- margin-left: 0px;
- color: inherit;
-}
code > .hl-main {
padding: 10px 10px 1px 0;
}
diff --git a/view/theme/frio/templates/shared_content.tpl b/view/theme/frio/templates/shared_content.tpl
deleted file mode 100644
index f7b210bb8..000000000
--- a/view/theme/frio/templates/shared_content.tpl
+++ /dev/null
@@ -1,32 +0,0 @@
-
-
-
{{$content nofilter}}
-
diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index be48064f4..e4f7fb3b9 100644
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/style.css
@@ -1437,27 +1437,6 @@ section {
.type-video blockquote {
padding-left: 1em;
}
-.shared_header {
- height: 32px;
- color: #999;
- border-top: 1px solid #cccccc;
- padding-top: 5px;
- margin-top: 5px;
-}
-.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;
-}
.oembed.video > a.embed_video {
display: block;
position: relative;
diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css
index 681b9417c..3ab55fbaf 100644
--- a/view/theme/quattro/green/style.css
+++ b/view/theme/quattro/green/style.css
@@ -1437,27 +1437,6 @@ section {
.type-video blockquote {
padding-left: 1em;
}
-.shared_header {
- height: 32px;
- color: #999;
- border-top: 1px solid #cccccc;
- padding-top: 5px;
- margin-top: 5px;
-}
-.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;
-}
.oembed.video > a.embed_video {
display: block;
position: relative;
diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css
index df854a21f..7adf87ad9 100644
--- a/view/theme/quattro/lilac/style.css
+++ b/view/theme/quattro/lilac/style.css
@@ -1437,27 +1437,6 @@ section {
.type-video blockquote {
padding-left: 1em;
}
-.shared_header {
- height: 32px;
- color: #999;
- border-top: 1px solid #cccccc;
- padding-top: 5px;
- margin-top: 5px;
-}
-.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;
-}
.oembed.video > a.embed_video {
display: block;
position: relative;
diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 53874be02..9a990557e 100644
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -770,22 +770,6 @@ section {
border-top: 1px solid @ThreadBottomBorderColor;
padding-top: 5px;
margin-top: 5px;
-
- img {
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- float: left;
- }
-
- span { margin-left: 9px; }
-}
-
-
-blockquote.shared_content {
- margin-left: 32px;
- color: #000;
- border: none;
}
.oembed.video {
diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css
index ac0179ea7..2ea3bd620 100644
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -1815,44 +1815,13 @@ ul .sidebar-group-li .icon {
.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;
diff --git a/view/theme/vier/plusminus.css b/view/theme/vier/plusminus.css
index 7d9c09e3e..23d63e766 100644
--- a/view/theme/vier/plusminus.css
+++ b/view/theme/vier/plusminus.css
@@ -345,15 +345,6 @@ div.pager, ul.tabs {
line-height: normal;
}
-.shared_header {
- min-height: 32px;;
- color: #999;
- border-top: 0px;
- padding-top: 5px;
- margin-top: 5px;
-}
-
-
/* Post footer */
.wall-item-like { font-size:12px; }
diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index 8bf982018..0484a4ea1 100644
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -1438,10 +1438,6 @@ section.minimal {
font-size: 12px;
}
-.shared_header {
- line-height: 14px;
-}
-
.wall-item-network {
color: #999;
font-size: 12px;