bitPickups/friendica_2020-09-1_sharedHosting
1
0
Fork 0
Code Pull requests Activity

get rid of unwanted <br>s in items with oembed

Browse source 
fix video thumbnail in quattro, vier, duepuntozero themes
This commit is contained in:
fabrixxm 2015-12-28 18:07:31 +01:00
commit 6da04d16bd
9 changed files with 54 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

3
view/templates/oembed_video.tpl
View file

@ -1,5 +1,4 @@
<a class="embed_video" href='{{$embedurl}}' onclick='this.innerHTML=Base64.decode("{{$escapedhtml}}"); return false;'>
<img width='{{$tw}}' height='{{$th}}' src='{{$turl}}' >
<div style='position: absolute; top: 0px; left: 0px; width: {{$tw}}px; height: {{$th}}px; background: url({{$baseurl}}/images/icons/48/play.png) no-repeat center center;'></div>
<div style='width: {{$tw}}px; height: {{$th}}px;'></div>
</a>

4
view/theme/duepuntozero/style.css
View file

@ -1221,6 +1221,10 @@ input#dfrn-url {
}
.type-link .oembed {
}
.oembed.video .embed_video > div {
position: absolute; top: 0px; left: 0px;
background: rgba(0, 0, 0, 0.5) url(shiny.png) no-repeat scroll center center;
}
.shared_header {
height: 32px;

13
view/theme/quattro/dark/style.css
View file

@ -463,7 +463,7 @@ a:hover {
text-decoration: underline;
}
blockquote {
background: #ffffff;
background: #FFFFFF;
padding: 1em;
margin-left: 1em;
border-left: 1em solid #e6e6e6;
@ -544,7 +544,6 @@ header {
margin: 0;
padding: 0;
/*width: 100%; height: 12px; */
z-index: 110;
color: #ffffff;
}
@ -922,7 +921,6 @@ aside .posted-date-selector-months {
overflow: auto;
height: auto;
/*.contact-block-div { width:60px; height: 60px; }*/
}
#contact-block .contact-block-h4 {
float: left;
@ -1004,7 +1002,6 @@ aside .posted-date-selector-months {
margin-bottom: 2em;
/*.action .s10 { width: 10px; overflow: hidden; padding: 0;}
.action .s16 { width: 16px; overflow: hidden; padding: 0;}*/
}
.widget h3 {
padding: 0;
@ -1308,7 +1305,6 @@ section {
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.comment-edit-preview .contact-photo-menu-button {
top: 15px !important;
@ -1447,9 +1443,13 @@ blockquote.shared_content {
}
.oembed.video > a.embed_video {
display: block;
float: none;
float: left;
position: relative;
}
.oembed.video > a.embed_video > div {
position: absolute;
top: 0px;
left: 0px;
background: rgba(255, 255, 255, 0.36) url(../../../images/icons/48/play.png) no-repeat center center !important;
}
/* threaded comments */
@ -2241,7 +2241,6 @@ ul.tabs li .active {
min-height: 22px;
padding-top: 6px;
/* a { display: block;}*/
}
#photo-caption {
display: block;

13
view/theme/quattro/green/style.css
View file

@ -463,7 +463,7 @@ a:hover {
text-decoration: underline;
}
blockquote {
background: #ffffff;
background: #FFFFFF;
padding: 1em;
margin-left: 1em;
border-left: 1em solid #e6e6e6;
@ -544,7 +544,6 @@ header {
margin: 0;
padding: 0;
/*width: 100%; height: 12px; */
z-index: 110;
color: #ffffff;
}
@ -922,7 +921,6 @@ aside .posted-date-selector-months {
overflow: auto;
height: auto;
/*.contact-block-div { width:60px; height: 60px; }*/
}
#contact-block .contact-block-h4 {
float: left;
@ -1004,7 +1002,6 @@ aside .posted-date-selector-months {
margin-bottom: 2em;
/*.action .s10 { width: 10px; overflow: hidden; padding: 0;}
.action .s16 { width: 16px; overflow: hidden; padding: 0;}*/
}
.widget h3 {
padding: 0;
@ -1308,7 +1305,6 @@ section {
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.comment-edit-preview .contact-photo-menu-button {
top: 15px !important;
@ -1447,9 +1443,13 @@ blockquote.shared_content {
}
.oembed.video > a.embed_video {
display: block;
float: none;
float: left;
position: relative;
}
.oembed.video > a.embed_video > div {
position: absolute;
top: 0px;
left: 0px;
background: rgba(255, 255, 255, 0.36) url(../../../images/icons/48/play.png) no-repeat center center !important;
}
/* threaded comments */
@ -2241,7 +2241,6 @@ ul.tabs li .active {
min-height: 22px;
padding-top: 6px;
/* a { display: block;}*/
}
#photo-caption {
display: block;

19
view/theme/quattro/lilac/style.css
View file

@ -420,7 +420,7 @@
body {
font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
font-size: 11px;
background-color: #f6ecf9;
background-color: #F6ECF9;
color: #2d2d2d;
margin: 50px 0 0 0;
display: table;
@ -463,7 +463,7 @@ a:hover {
text-decoration: underline;
}
blockquote {
background: #ffffff;
background: #FFFFFF;
padding: 1em;
margin-left: 1em;
border-left: 1em solid #e6e6e6;
@ -544,7 +544,6 @@ header {
margin: 0;
padding: 0;
/*width: 100%; height: 12px; */
z-index: 110;
color: #ffffff;
}
@ -922,7 +921,6 @@ aside .posted-date-selector-months {
overflow: auto;
height: auto;
/*.contact-block-div { width:60px; height: 60px; }*/
}
#contact-block .contact-block-h4 {
float: left;
@ -1004,7 +1002,6 @@ aside .posted-date-selector-months {
margin-bottom: 2em;
/*.action .s10 { width: 10px; overflow: hidden; padding: 0;}
.action .s16 { width: 16px; overflow: hidden; padding: 0;}*/
}
.widget h3 {
padding: 0;
@ -1308,7 +1305,6 @@ section {
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.comment-edit-preview .contact-photo-menu-button {
top: 15px !important;
@ -1447,9 +1443,13 @@ blockquote.shared_content {
}
.oembed.video > a.embed_video {
display: block;
float: none;
float: left;
position: relative;
}
.oembed.video > a.embed_video > div {
position: absolute;
top: 0px;
left: 0px;
background: rgba(255, 255, 255, 0.36) url(../../../images/icons/48/play.png) no-repeat center center !important;
}
/* threaded comments */
@ -1753,7 +1753,7 @@ span[id^="showmore-wrap"] {
height: 20px;
width: 500px;
font-weight: bold;
border: 1px solid #f6ecf9;
border: 1px solid #F6ECF9;
}
#jot #jot-title:-webkit-input-placeholder {
font-weight: normal;
@ -1780,7 +1780,7 @@ span[id^="showmore-wrap"] {
margin: 0;
height: 20px;
width: 200px;
border: 1px solid #f6ecf9;
border: 1px solid #F6ECF9;
}
#jot #jot-category:hover {
border: 1px solid #999999;
@ -2241,7 +2241,6 @@ ul.tabs li .active {
min-height: 22px;
padding-top: 6px;
/* a { display: block;}*/
}
#photo-caption {
display: block;

6
view/theme/quattro/quattro.less
View file

@ -745,7 +745,7 @@ section {
margin: 1em 0;
max-height: 160px;
overflow: hidden;
padding-left: 1em;
padding-left: 1em;
}
.oembed {}
}
@ -780,8 +780,10 @@ blockquote.shared_content {
.oembed.video {
> a.embed_video {
display: block;
float: none;
float: left;
position: relative;
> div {
position: absolute; top: 0px; left: 0px;
background:
rgba(255, 255, 255, 0.36)
url(../../../images/icons/48/play.png)

19
view/theme/vier/style.css
View file

@ -2522,6 +2522,25 @@ blockquote {
display: block;
}
.oembed.video .embed_video > div {
position: absolute; top: 0px; left: 0px;
background-color: rgba(0,0,0,0.5);
}
.oembed.video .embed_video > div::before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
vertical-align: top;
font-size: 3em;
content: "\f01d"; /* icon-play-circle */
color: #fff;
bottom: 10px;
right: 10px;
position: absolute;
}
/* ================== */
/* = Contacts Block = */
/* ================== */