Make embedded videos look better. (better margin data)

This commit is contained in:
Michael Vogel 2014-05-18 20:30:27 +02:00
parent 31886ecd4f
commit 665139660a
4 changed files with 15 additions and 4 deletions

View file

@ -57,12 +57,22 @@ span.connector {
.type-link img, .type-video img { .type-link img, .type-video img {
} }
.type-video .embed_video {
margin: 0em;
}
.type-link span.oembed + br, .type-video span.oembed + br, .type-link span.oembed + br, .type-video span.oembed + br,
.type-link a + br, .type-video a + br, .type-link a + br, .type-video a + br,
.type-link img + br, .type-video img + br{ .type-link img + br, .type-video img + br{
display: none; display: none;
} }
.embed_video {
float:left;
margin: 1em;
position: relative;
}
/* Shared Messages */ /* Shared Messages */
.shared_header { .shared_header {
height: 32px; height: 32px;

View file

@ -3,7 +3,7 @@
* DO NOT EDIT THIS FILE, CHANGES WILL BE OVERWRITTEN * DO NOT EDIT THIS FILE, CHANGES WILL BE OVERWRITTEN
* *
*}} *}}
<a href='{{$embedurl}}' onclick='this.innerHTML=Base64.decode("{{$escapedhtml}}"); return false;' style='float:left; margin: 1em; position: relative;'> <a class="embed_video" href='{{$embedurl}}' onclick='this.innerHTML=Base64.decode("{{$escapedhtml}}"); return false;'>
<img width='{{$tw}}' height='{{$th}}' src='{{$turl}}' > <img width='{{$tw}}' height='{{$th}}' src='{{$turl}}' >
<div style='position: absolute; top: 0px; left: 0px; width: {{$twpx}}; height: {{$thpx}}; background: url({{$baseurl}}/images/icons/48/play.png) no-repeat center center;'></div> <div style='position: absolute; top: 0px; left: 0px; width: {{$twpx}}; height: {{$thpx}}; background: url({{$baseurl}}/images/icons/48/play.png) no-repeat center center;'></div>
</a> </a>

View file

@ -1737,7 +1737,7 @@ h2 {
width: 780px; width: 780px;
} }
#profile-jot-wrapper { #profile-jot-wrapper {
margin-bottom: 20px; margin-bottom: 10px;
} }
/** buttons **/ /** buttons **/
@ -1899,7 +1899,7 @@ ul.tabs a {
padding-right: 10px; padding-right: 10px;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
margin-bottom: 10px; margin-bottom: 0px;
} }
div.pager, .birthday-notice, .comment-edit-submit-wrapper .fakelink { div.pager, .birthday-notice, .comment-edit-submit-wrapper .fakelink {
@ -2147,6 +2147,7 @@ blockquote {
/* font-size: large; */ /* font-size: large; */
font-size: larger; font-size: larger;
font-weight: bold; font-weight: bold;
display: block;
} }
/* ================== */ /* ================== */

View file

@ -113,7 +113,7 @@
<li><a href="{0}"><img data-src="{1}">{2} <span class="notif-when">{3}</span></a></li> <li><a href="{0}"><img data-src="{1}">{2} <span class="notif-when">{3}</span></a></li>
</ul> </ul>
<!-- <!--
<div style="position: fixed; bottom: 61px; left: 220px;">{{$langselector}}</div> <div class="icon-flag" style="position: fixed; bottom: 10px; left: 20px; z-index:9;">{{$langselector}}</div>
--> -->
{{* {{*