020620 general layout and css improvements.

css/color.css

@@ -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;
 }

css/mobile.css

@@ -584,6 +584,11 @@ aside {
 	border-bottom:1px dotted #aaa;
 }
 
+.reply .postMenu {
+	margin-right:15px !important;
+	margin-top:1px !important;
+}
+
 .replyflex {
 	flex: 6 !important;
 }

css/style.css

@@ -542,6 +542,7 @@ aside {
 	display: inline-block;
 	margin:0px !important;
 	text-align: left;
+	word-break: break-all;
 }
 
 .post_footer {

js/scripts.js

@@ -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').toggle();
-	$(this).closest(".element").find('.picker').css("display","block");
 	$('#emojisearch').focus();
 });
 
 $('body').on('click', '#contact', function(e) {
-	$(this).closest(".element").find('.contactpicker').css("display","none");
+	$(this).closest(".element").find('.contactpicker').toggle();
-	$(this).closest(".element").find('.contactpicker').css("display","block");
 	$('#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');

layout/header.php

@@ -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='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"><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='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;'>

layout/sidebar.php

@@ -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='&#xe800;' 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>&#xe83c; Federated</li></a>

modules/timeline.php

@@ -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++;
 				}

templates/replyform.txt

@@ -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='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"><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='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;'>