020620 general layout and css improvements.
This commit is contained in:
parent
153cee6105
commit
d25fbc8bea
@ -84,7 +84,7 @@ input[type="checkbox"]:checked+label {
|
||||
}
|
||||
|
||||
.side_element {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
background-color: rgba(255, 255, 255, 0.0);
|
||||
/* box-shadow: 1px 1px 1px black; */
|
||||
color: lightgray;
|
||||
}
|
||||
|
@ -584,6 +584,11 @@ aside {
|
||||
border-bottom:1px dotted #aaa;
|
||||
}
|
||||
|
||||
.reply .postMenu {
|
||||
margin-right:15px !important;
|
||||
margin-top:1px !important;
|
||||
}
|
||||
|
||||
.replyflex {
|
||||
flex: 6 !important;
|
||||
}
|
||||
|
@ -542,6 +542,7 @@ aside {
|
||||
display: inline-block;
|
||||
margin:0px !important;
|
||||
text-align: left;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.post_footer {
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -18,14 +18,12 @@ $('body').on('click', '.toggleblur', function(e) {
|
||||
});
|
||||
|
||||
$('body').on('click', '#emoji', function(e) {
|
||||
$(this).closest(".element").find('.picker').css("display","none");
|
||||
$(this).closest(".element").find('.picker').css("display","block");
|
||||
$(this).closest(".element").find('.picker').toggle();
|
||||
$('#emojisearch').focus();
|
||||
});
|
||||
|
||||
$('body').on('click', '#contact', function(e) {
|
||||
$(this).closest(".element").find('.contactpicker').css("display","none");
|
||||
$(this).closest(".element").find('.contactpicker').css("display","block");
|
||||
$(this).closest(".element").find('.contactpicker').toggle();
|
||||
$('#contactsearch').focus();
|
||||
});
|
||||
|
||||
@ -43,11 +41,6 @@ $('body').on('click', '.contact', function(e) {
|
||||
$(this).closest(".element").find("#status").val(boxtxt + code+" ");
|
||||
});
|
||||
|
||||
$('body').on('click', '.close', function(e) {
|
||||
$(this).next().html("");
|
||||
$(this).parent('div').css("display","none");
|
||||
});
|
||||
|
||||
$(document).on("change paste keyup","#emojisearch",function () {
|
||||
var val = $(this).val();
|
||||
var list = $(this).closest('.element').find('.emojilist');
|
||||
|
@ -213,8 +213,8 @@ endif; ?>
|
||||
</div>
|
||||
<textarea name='status' id="status" style='width:98.85%; height:100px; border:none;'></textarea>
|
||||
</div>
|
||||
<div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><input type='text' id='emojisearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
|
||||
<div style='display:none; clear:both; width:100%; text-align:left;' class='contactpicker'><input type='text' id='contactsearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='contactlist' style='max-height:100px; overflow:auto; scroll-behavior: smooth;'></div></div>
|
||||
<div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><input type='text' id='emojisearch' placeholder="Type to Search"><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
|
||||
<div style='display:none; clear:both; width:100%; text-align:left;' class='contactpicker'><input type='text' id='contactsearch' placeholder="Type to Search"><div class='contactlist' style='max-height:100px; overflow:auto; scroll-behavior: smooth;'></div></div>
|
||||
<div class="buttons">
|
||||
<span style='float:left;'>
|
||||
<div style='position:relative;border: 0px; float:left;'>
|
||||
|
@ -11,10 +11,6 @@ if ($logedin || $tl['mode'] == 'user') {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='side_element' style='margin-top:20px; margin-left:0px; width:100%; padding-top:10px; padding-bottom:10px; '>
|
||||
<form method='get'><input type='text' name='search' style='width:80%' placeholder='Type your search here'><input type='submit' value='' class='fontello'></form>
|
||||
</div>
|
||||
|
||||
<div class='side_element' style='margin-top:20px; margin-left:0px; width:100%;'>
|
||||
<ul>
|
||||
<a href='?mode=federated' class='ldr'><li> Federated</li></a>
|
||||
|
@ -251,19 +251,19 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) {
|
||||
$ext = explode(".", $file['url']);
|
||||
$ext = end($ext);
|
||||
$ext = explode("?", $ext) [0];
|
||||
if (in_array($ext,array('webm','mp4','ogv'))) {
|
||||
if (in_array($ext,array('webm','mp4','ogv')) || $file['type'] == "video") {
|
||||
$post['media'] .= "<div style='overflow:hidden; float:left; margin:2px;' $class><video preload='metadata' style='text-align:center; max-width:100%; max-height:100%;' controls ".($user_settings['videoloop'] == "on" ? "loop" : "").">
|
||||
<source src='" . $file['url'] . "' type='video/".($ext == "ogv" ? "ogg" : $ext)."'>
|
||||
</video></div>
|
||||
";
|
||||
}
|
||||
elseif (in_array($ext,array('mp3','ogg','oga','opus'))) {
|
||||
elseif (in_array($ext,array('mp3','ogg','oga','opus')) || $file['type'] == "audio") {
|
||||
$post['media'] .= "<div style='text-align:center; width:100%;'><audio controls>
|
||||
<source src='" . $file['url'] . "' type='audio/$ext'>
|
||||
Your browser does not support the audio tag.
|
||||
</audio> </div>";
|
||||
}
|
||||
else {
|
||||
elseif (in_array($ext,array('jpg','jpeg','png','gif','apng','svg')) || $file['type'] == "image") {
|
||||
/* we'll either hide the attachment or assign a css class depending on the user's settings */
|
||||
|
||||
/* if the post is marked as sensitive and nsfw hiding isn't turned off, we'll blur the image */
|
||||
@ -285,6 +285,9 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) {
|
||||
$post['media'] .= "<div style='margin:0px; ".($images == 3 && $m == 3 ? "width:100% !important;" : "")."background-color:#".($class != "" ? averageColor($file['url']) : "000").";' $class><a target='_blank' href='" . $file['url'] . "' onClick='return false;' class='open-lightbox'><img " . ($e < 2 ? "src='" . $file['url'] . "'" : "data-src='" . $file['url'] . "'") . " class='lazyload' style='" . ($images === 1 ? "width:100%;" : "max-width:100%; max-height:100%;") . " vertical-align:middle;'><noscript><img src='" . $file['url'] . "' style='width:100%;'></noscript></a></div>";
|
||||
|
||||
}
|
||||
} else {
|
||||
$post['media'] .= "<center><table><tr><td><a href='".$file['url']."' download><img src='img/doc.png' width=40 border=0></a></td><td><a href='".$file['url']."' target='_blank'>".$file['description']."</a></td></tr></table></center>";
|
||||
|
||||
}
|
||||
$m++;
|
||||
}
|
||||
|
@ -9,8 +9,8 @@
|
||||
</div>
|
||||
<textarea name='status' id="status" style='width:100%; height:100px; border:none;'>:content:</textarea>
|
||||
</div>
|
||||
<div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><input type='text' id='emojisearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
|
||||
<div style='display:none; clear:both; width:100%; text-align:left;' class='contactpicker'><input type='text' id='contactsearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='contactlist' style='max-height:100px; overflow:auto; scroll-behavior: smooth;'></div></div>
|
||||
<div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><input type='text' id='emojisearch' placeholder="Type to Search"><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
|
||||
<div style='display:none; clear:both; width:100%; text-align:left;' class='contactpicker'><input type='text' id='contactsearch' placeholder="Type to Search"><div class='contactlist' style='max-height:100px; overflow:auto; scroll-behavior: smooth;'></div></div>
|
||||
<div class="buttons">
|
||||
<div style='float:left;'>
|
||||
<div style='position:relative;border: 0px; float:left;'>
|
||||
|
1138
themes/longhorn/css/poorly.html
Normal file
1138
themes/longhorn/css/poorly.html
Normal file
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user