Emoji picker, Search and Themes updates

css/color.css

@@ -20,6 +20,21 @@ textarea,input[type="text"]{
 	border-radius: 5px;
 }
 
+.polloption{
+	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
+	border-radius: 5px;
+	display:block;
+	margin:5px;
+	padding:5px;
+	background-color: #ddd;
+}
+
+.polloption:hover{
+	background-color: #305792;
+	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+	color: white;
+}
+
 input[type="radio"]:checked+label,select {
 	color: black;
 }
@@ -202,7 +217,7 @@ input[type="checkbox"]:checked+label {
 	box-shadow: 1px 1px 2px black;
 }
 
-.postform {
+.postform,.searchmobile {
 	background-color: white;
 	box-shadow: 1px 1px 2px black;
 }

css/mobile.css

@@ -148,7 +148,7 @@ aside {
 	display: table-cell;
 	line-height: 45px;
 	height: 100%;
-	width: 50px;
+	width: 40px;
 	position: relative;
 }
 
@@ -382,8 +382,7 @@ aside {
 	border-radius: 3px;
 }
 
-.postform {
-	display:none;
+.postform,.searchmobile {
 	position:fixed;
 	width: 100vw !important;
 	left:0px;
@@ -393,7 +392,7 @@ aside {
 	z-index: 99;
 }
 
-#postform {
+#postform,#searchmobile {
 	display:none;
 }
 

css/style.css

@@ -378,6 +378,10 @@ aside {
 	border-radius: 5px;
 }
 
+#searchmobile{
+	display:none;
+}
+
 .postform {
 	width:650px;
 	float: left;

include/functions.php

@@ -86,14 +86,14 @@ function emoji_list($val){
 }
 	
 function starts_with($string,$search){
-	if (substr($string,0,strlen($search)) == $search){
+	if (substr(strtolower($string),0,strlen($search)) == strtolower($search)){
 		return true;
 	}
 	return false;
 }
 
 function contains($string,$search){
-	if (is_numeric(strpos($string,$search))){
+	if (is_numeric(strpos(strtolower($string),strtolower($search)))){
 		return true;
 	}
 	return false;
@@ -147,6 +147,24 @@ function user_info($user) {
 	);
 }
 
+function api_getv2($url) {
+	global $srv;
+	global $token;
+
+	$curl = curl_init();
+	curl_setopt($curl, CURLOPT_URL, "https://$srv/api/v2/" . $url);
+	if (!is_null($token)) {
+		curl_setopt($curl, CURLOPT_HTTPHEADER, array(
+			'Authorization: Bearer ' . $token
+		));
+	}
+	curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
+	$result = curl_exec($curl);
+	curl_close($curl);
+
+	return json_decode($result, true);
+}
+
 
 /* a function to make an authenticated general GET api call to the logged-in instance */
 function api_get($url) {
@@ -742,6 +760,10 @@ function timeline($query) {
 		case "bookmarks":
 			$array = api_get("bookmarks?limit=25{$next}");
 		break;
+		
+		case "search":
+			$array = api_getv2("search?limit=40&q=".$query['search']."{$next}")['statuses'];
+		break;
 
 		case "account":
 			$info = api_get("accounts/verify_credentials");
@@ -859,14 +881,18 @@ function themes($mode,$name = false){
 			
 		case "file":
 			$theme = sanitize($user_settings['theme']);
-			//if (file_exists("themes/$theme/$name")){
+			if (file_exists("themes/$theme/$name")){
 				return "themes/$theme/$name";
-			//}
+			} else {
+				return "$name";
+			}
 			
 		case "get":
 			$theme = sanitize($user_settings['theme']);
-			//if (file_exists("themes/$theme/$name")){
+			if (file_exists("themes/$theme/$name")){
 				return file_get_contents("themes/$theme/$name");
-			//}
+			} else {
+				return file_get_contents("$name");
+			}
 	}
-}
+}

include/init.php

@@ -43,7 +43,7 @@
 		$tl['mode'] = $_GET['mode'];
 	} else {
 		foreach ($_GET as $key => $value){
-			if(in_array($key,array("user","thread","local","tag","list","federated"))){
+			if(in_array($key,array("user","thread","local","tag","list","federated","search"))){
 				$tl['mode'] = $key; 
 				$tl[$key] = $value;
 			}

js/scripts.js

@@ -98,17 +98,19 @@ $('body').on('click', '.replies', function(e) {
 	});
 });
 
-$('body').on('click', '.ldr:not(.topicon)', function(e) {
-	$('.topicon').each(function(a){
+$('body').on('click', '.ldr:not(.tlicon)', function(e) {
+	$('.tlicon').each(function(a){
        $( this ).removeClass('tiselected')
      });
 });
 
 $('body').on('click', '.ldr', function(e) {
 	e.preventDefault();
+	location.hash = "#top";
 	$('#loader').html('');
 	$('#loaded').remove();
 	var url = $(this).attr('href');
+	var id = $(this).attr('id');
 	localStorage.setItem("content", $('#content .element').detach());
 	$('#content').html('<center><img src="img/loadingb.gif"></center>');
 	$.get(url + "&ajax=1", function(data) {
@@ -336,6 +338,10 @@ function getMode() {
 		console.log('tag');
 		return "&tag=" + getUrlParameter('tag');
 	}
+	if (typeof getUrlParameter('search') !== 'undefined') {
+		console.log('tag');
+		return "&search=" + getUrlParameter('search');
+	}
 	return "&mode=federated";
 };
 
@@ -344,6 +350,9 @@ function loadmore(){
 	if (typeof thread !== 'undefined') {
 		return false;
 	}
+	if (typeof getUrlParameter('search') !== 'undefined') {
+		return false;
+	}
 	var thread = getUrlParameter('thread');
 	if (typeof thread === 'undefined') {
 		var error = $(".error").length;
@@ -379,6 +388,10 @@ function newPosts() {
 	if (typeof thread !== 'undefined') {
 		return false;
 	}
+	var search = getUrlParameter('search');
+	if (typeof search !== 'undefined') {
+		return false;
+	}
 	var error = $(".error").length;
 	if (error >= 1) {
 		return false;
@@ -463,4 +476,4 @@ function themecheck(name){
     else{
         $('#customtheme').css("display","none");
     }
-};
+};

layout/footer.php

@@ -64,6 +64,16 @@ $query = http_build_query(array_filter(array(
 	$('body').on('click', '.compose', function(e) {
 	    $('#postform').toggle();
 	});
+	
+	$('body').on('click', '.searchform', function(e) {
+		$(this).prev().toggle();
+	});
+
+	$('body').on('click', '.searchmobiletoggle', function(e) {
+		$('#usermenu').off('hover');
+		$('#usermenu').off('active');
+		$('#searchmobile').toggle();
+	});
 
 	$("body").on("keydown", "form", function (e) {
 	  if (e.ctrlKey && e.keyCode === 13) {
@@ -71,8 +81,8 @@ $query = http_build_query(array_filter(array(
 	  }
 	});
 
-   $('.topicon').click(function(){
-     $('.topicon').each(function(a){
+   $('.tlicon').click(function(){
+     $('.tlicon').each(function(a){
        $( this ).removeClass('tiselected')
      });
      $( this ).addClass('tiselected');

layout/header.php

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <head>
-	<title>Dashboard FE</title>
+	<title><?php echo $setting['appname']; ?></title>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link rel="stylesheet" media='screen and (min-width: 801px)' href='<?php echo themes("file","css/style.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' />
 	<link rel="stylesheet" media='screen and (max-width: 800px)' href='<?php echo themes("file","css/mobile.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' />
@@ -75,41 +75,42 @@ if ($logedin) {
 <div class="topbar" style='text-align:center; background-color:none;'>
 	<div class="topbar" style='position:fixed; top:0px; left:0px; height:45px; z-index:99;'>
 	<span style='float:left; line-height:45px;margin-left:10px;'>
-		<a href="./<?php echo ($logedin ? "?mode=home" : ""); ?>" style="font-family: 'patua', serif; font-weight:bold; color:white; font-size:20px; text-decoration:none">Dashboard FE</a>
+		<a href="./<?php echo ($logedin ? "?mode=home" : ""); ?>" style="font-family: 'patua', serif; font-weight:bold; color:white; font-size:20px; text-decoration:none"><?php echo $setting['appname']; ?></a>
 	</span>
 
 	<?php if ($logedin): ?>
 	<span class='mid' style='margin:0 auto; height:100%;'>
 		<span class="topbutton" style='position:relative;'>
-			<a href='?mode=federated' class='fontello topicon ldr <?php echo ($tl['mode'] == "federated" ? "tiselected" : "");?>'>&#xe83c;</a>
+			<a href='?mode=federated' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "federated" ? "tiselected" : "");?>'>&#xe83c;</a>
 		</span>
 		<span class="topbutton" style='position:relative;'>
-			<a href='?mode=home' class='fontello topicon ldr <?php echo ($tl['mode'] == "home" ? "tiselected" : "");?>'>&#xe816;</a>
+			<a href='?mode=home' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "home" ? "tiselected" : "");?>'>&#xe816;</a>
 		</span>
 		<span class="topbutton" style='position:relative;'>
-			<a href='?mode=local' class='fontello topicon ldr <?php echo ($tl['mode'] == "local" ? "tiselected" : "");?>'>&#xf1e0;</a>
+			<a href='?mode=local' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "local" ? "tiselected" : "");?>'>&#xf1e0;</a>
 		</span>
 		<span class="topbutton" style='position:relative;'>
-			<a href='?mode=favourites' class='fontello topicon ldr <?php echo ($tl['mode'] == "favourites" ? "tiselected" : "");?>'>&#xe804;</a>
+			<a href='?mode=favourites' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "favourites" ? "tiselected" : "");?>'>&#xe804;</a>
 		</span>
 		<span class="topbutton" style='position:relative;'>
-			<a href='?mode=direct' class='fontello topicon ldr <?php echo ($tl['mode'] == "direct" ? "tiselected" : "");?>'>&#xf0e0;</a>
+			<a href='?mode=direct' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "direct" ? "tiselected" : "");?>'>&#xf0e0;</a>
 		</span>
 		
 		<?php if (isset($user_settings['pleroma'])): ?>
 		<span class="topbutton" style='position:relative;'>
-			<a href='?mode=bookmarks' class='fontello topicon ldr <?php echo ($tl['mode'] == "bookmarks" ? "tiselected" : "");?>'>&#xe81e;</a>
+			<a href='?mode=bookmarks' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "bookmarks" ? "tiselected" : "");?>'>&#xe81e;</a>
 		</span>
-		<?php
-	endif; ?>
+		<?php endif; ?>
 	</span>
-	<?php
-endif; ?>
+	<?php endif; ?>
 
 	<span style='float:right; margin-right:20px; height:100%;'>
-
-
 		<?php if ($logedin): ?>
+		<span class="topbutton desktop" style='position:relative;'>
+			<div style='position:absolute; left:-200px; display:none;' class="search"><form method='get'><input type='text' name='search' style='width:150px' placeholder='Type your search here'><input type='submit' value='&#xe800;' class='fontello'></form></div>
+			<a href='?page=search' class='searchform fontello topicon' onClick='return false'>&#xe800;</a>
+		</span>
+		
 		
 		<span class="topbutton mobile compose" style='position:relative;'>
 			<a href='' onClick='return false;' class='fontello topicon' style='text-decoration:none; display:inline; font-size:20px;'>&#xe824;</a>
@@ -133,11 +134,10 @@ endif; ?>
 					<li class='mobile' style=''><a class='fontello ldr link'  href='?mode=direct' onClick='return false'>&#xf0e0; Direct</a></li>
 					<?php if (isset($user_settings['pleroma'])): ?>
 						<li class='mobile' style=''><a class='fontello ldr link'  href='?mode=bookmarks' onClick='return false'>&#xe81e; Bookmarks</a></li>
-					<?php
-		endif; ?>
+					<?php endif; ?>
+					<li class='mobile' style=''><a class='fontello searchmobiletoggle link'  href='?page=search' onClick='return false;'>&#xe800; Search</a></li>
 					<li class='mobile' style=''></li>
-					<?php
-	endif; ?>
+					<?php endif; ?>
 					<li style=''><a class='fontello ldr link'  href='?page=settings' onClick='return false'>&#xe82d; Settings</a></li>
 					<li style=''><a class='fontello link'  href='./logout'>&#xe832; Log Out</a></li>
 				</ul>
@@ -177,9 +177,19 @@ endif; ?>
 <div class='wrapper'>
 	<div class='container'>
 	<div id='posts'>
-		<?php
-if ($logedin) {
-?>
+		<?php if ($logedin) { ?>
+		<div class='element' id="searchmobile">
+			<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
+			<div class='searchmobile' style="padding-top: 15px; padding-bottom: 15px;">
+				<form method="get">
+					<span class="searchmobiletoggle" style='padding-left:0px;padding-right:5px;font-weight:bold;'>X</span>
+					<input type="text" name="search" style='width:70%' placeholder="Type your search here">
+					<input type="submit" value="&#xe800;" class="fontello">
+				</form>
+			</div>
+		</div>
+
+
 		<div class='element' id='postform' style=''>
 			<div class='avatar' style='background-image:url(<?php echo $user_settings['avatar']; ?>)'></div>
 			<div class='postform form' style='display:block;'>

layout/sidebar.php

@@ -12,6 +12,10 @@ if ($logedin || $tl['mode'] == 'user') {
 				<br><span>(@" . $info['acct'] . ")</span>
 			</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>
@@ -39,8 +43,10 @@ if ($logedin) {
 }
 else {
 	echo "<div class='side_element'>
+				<div style='width:90%; margin:8px; display:inline-block;'>
 				<span style='font-weight:bold; font-size:20px; clear:both;'>" . $setting['appname'] . "</span><br>
 				<span>" . $setting['description'] . "</span>
+				</div>
 			</div>";
 }
 ?>

login/index.php

@@ -43,6 +43,8 @@ if (isset($_POST['user']) || isset($_GET['instance'])){
 } 
 
 $bg = scandir("./bg/");
+$bgfile = $bg[mt_rand(2,count($bg)-1)];
+@$exif = exif_read_data("./bg/".$bgfile, 'COMMENT')['COMMENT'][0];
 ?>
 <!DOCTYPE html>
 <html>
@@ -62,17 +64,31 @@ $bg = scandir("./bg/");
     }
 	
 	html {
-		background: url(bg/<?php echo $bg[mt_rand(2,count($bg)-1)]?>) no-repeat center center fixed; 
+		background: url(bg/<?php echo $bgfile; ?>) no-repeat center center fixed; 
 		-webkit-background-size: cover;
 		-moz-background-size: cover;
 		-o-background-size: cover;
 		background-size: cover;
 	}
+	
+	.bginfo {
+		text-align:left;
+		color:white;
+		font-family:sans-serif;
+		font-size:10px;
+	}
+	
+	.bginfo a {
+		color:white;
+		font-weight:bold;
+	}
 	</style>
 </head>
 <body >
 <div style='width:100vw; height:100%; display:inline-block; vertical-align:middle; text-align:center;'>
-<div style='width:300px; height:200px; margin-top:20%; background-color:rgba(0, 0, 0, 0.5); display:inline-block; padding:30px; border-radius:3px;'>
+<div class="bginfo"><?php echo $exif; ?></div>
+
+<div style='width:300px; height:200px; margin-top:10%; background-color:rgba(0, 0, 0, 0.5); display:inline-block; padding:30px; border-radius:3px;'>
 	<span style="font-family: 'Patua One', serif; font-weight:bold; color:white; font-size:45px; text-shadow: 2px 2px #000; ">Dashboard FE</span>
 	
 	<?php echo $message; ?>

modules/search.php

@@ -0,0 +1,9 @@
+<div class='element'>
+	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
+	<div class='post' id="searchbox" style="padding-top: 15px; padding-bottom: 15px;">
+		<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>

modules/settings.php

@@ -67,6 +67,7 @@
 				<h2>Theme.</h2>
 				<select name='theme' onChange='themecheck(this)'>
 					<?php
+						echo "<option value='default' ".($user_settings['theme'] == "default" ? "selected" : "").">default</option>";
 						foreach(themes("list") as $name){
 							echo "<option value='$name' ".($user_settings['theme'] == $name ? "selected" : "").">$name</option>";
 						}

modules/timeline.php

@@ -201,6 +201,18 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) {
 		$post['id'] = $elem['id'];
 		$post['avatar'] = $elem['account']['avatar'];
 		$post['text'] = processText($elem);
+		
+		if (!empty($elem['poll'])){
+			$post['text'] .= "<br>";
+			$votes = $elem['poll']['votes_count'];
+			$post['text'] .= "<div class='poll'><b>Votes: $votes</b><br>";
+			
+			foreach ($elem['poll']['options'] as $option){
+				$post['text'] .= "<div class='polloption'>".$option['title']."</div>";
+			}
+			$post['text'] .= "</div>";
+		}
+		
 
 		$post['spoiler'] = (empty($elem['spoiler_text']) ? "" : "<span style='font-weight:bold;font-size:20px;'>" . $elem['spoiler_text'] . "</span><br>");
 		$post['media'] = "";
@@ -341,7 +353,9 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) {
 			'mode' => $tl['mode']
 		)));
 
+		if ($tl['mode'] != "search"){
 		echo "<div class='element'><div class='avatar' style='height:0px;'></div><div class='loadmore' style='display:table-cell; height:50px; line-height:50px;'><a class='link' onClick='return false;' style='margin:5px;' href='?next=$next&" . $query . "'>Load More Posts</a></div></div>";
+		}
 	}
 }
 ?>

templates/post.txt

@@ -4,7 +4,7 @@
 		<div id='a:id:' class='ancestors'>:ancestors:</div>
 		<div class='postHeader'>
 			<span style='margin:5px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=30 class='mobile' style='vertical-align:middle; border-radius:30px'> :name: :rt: </span>
-			<span style="margin:10px; float:right; display:block;">
+			<span style="margin-top:12px; margin-right:10px; float:right; display:block;">
 				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
 			</span>
 		</div>

templates/replyform.txt

@@ -1,6 +1,6 @@
 <div class='reply form' id='replyform' style='display:inline-block; width:100%'>
 	<div style='width:95%; margin: 10px auto; display:block;'>
-	<div style='text-align:right; background-color:white;'>
+	<div style='text-align:right;'>
 	<form action='status.php' method='post' enctype='multipart/form-data'>
 		<input type='hidden' id='thread' name='thread' value=':id:'>
 		<div style='width:100%; border: 1px solid #ddd; text-align:left;'>
@@ -9,7 +9,7 @@
 			</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'><span class='close'> X </span> <input type='text' id='emojisearch'><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"><span class='close' style='cursor:pointer;'> X </span><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
 		<div class="buttons">
 			<span style='float:left;'>
 				<input type='submit' value='Send' id='send' onClick='return false'>

templates/textpost.txt

@@ -7,7 +7,7 @@
 				<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'> 
 				:name: :rt:
 			</span> 
-			<span style="margin:10px; float:right; display:block;">
+			<span style="margin-top:12px; margin-right:10px; float:right; display:block;">
 				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
 			</span>
 		</div>

themes/1994/css/color.css

@@ -34,6 +34,8 @@ textarea,input[type="text"],.notifpic{
 	border-right:2px solid #ffffff !important;
 	border-top:2px solid #828282 !important;
 	border-left:2px solid #828282 !important;
+	color:#692b84;
+	text-shadow: 1px 1px white;
 }
 
 textarea{
@@ -274,7 +276,7 @@ input[type="checkbox"]:checked+label {
 	border-right:2px solid #828282;
 }
 
-.postform {
+.postform,.searchmobile {
 	background-color: #efd7f3;
 	border-top:2px solid #ffffff;
 	border-left:2px solid #ffffff;

themes/1994/css/mobile.css

@@ -392,8 +392,7 @@ aside {
 	border-radius: 3px;
 }
 
-.postform {
-	display:none;
+.postform,.searchmobile {
 	position:fixed;
 	width: 100vw !important;
 	left:0px;
@@ -403,7 +402,7 @@ aside {
 	z-index: 99;
 }
 
-#postform {
+#postform,#searchmobile {
 	display:none;
 }
 

themes/1994/css/style.css

@@ -383,6 +383,10 @@ aside {
 	border-radius: 3px;
 }
 
+#searchmobile{
+	display:none;
+}
+
 .postform {
 	width:650px;
 	float: left;

themes/1994/templates/textpost.txt

@@ -1,23 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='post textonly' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:5px; display:block; float:left;'>
-				<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'> 
-				:name: :rt:
-			</span> 
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
-			</span>
-		</div>
-		<div class='postbody'>
-			<div class='content' style='margin-bottom:5px; margin-top:5px;'>:spoiler: :replyto: :text:</div>
-		</div>
-		<div class='post_footer'>:footer:</div>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>
-

themes/amplifier/css/color.css

@@ -117,7 +117,7 @@ input[type="checkbox"]:checked+label {
 	color: black !important;
 }
 
-.uploadBox {
+.uploadBox,.picker {
 	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
 }
 
@@ -248,7 +248,8 @@ input[type="checkbox"]:checked+label {
 .post,
 .rb,
 .textonly,
-.loadmore {
+.loadmore,
+.searchmobile {
 	background-color: #383858;
 	border-top:2px solid #6a6a82;
 	border-left:2px solid #6a6a82;
@@ -305,6 +306,19 @@ input[type="checkbox"]:checked+label {
 	background-color:black;
 }
 
+.polloption {
+	display:block;
+	box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.1);
+	border-bottom:2px solid #6a6a82;
+	border-right:2px solid #6a6a82;
+	border-top:2px solid #26263c;
+	border-left:2px solid #26263c;
+	background-color: #04e703;
+	color:black !important;
+	margin-bottom:2px;
+	padding:5px;
+}
+
 .post_footer .post_buttons a, .post_footer span{
 	color: #04e703;
 }

themes/amplifier/css/mobile.css

@@ -1,656 +0,0 @@
-/* overall */
-
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 12pt;
-}
-
-a {
-	text-decoration:none;
-}
-
-h1 {
-	font-size:20px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
-ul{
-	padding:0px;
-	margin:0px;
-}
-
-select{
-	padding:5px;
-	margin-top:5px;
-	border:0px;
-	font-weight:bold;
-	font-family:fontello, sans-serif;
-}
-	
-option{
-	font-family:fontello, sans-serif;
-	}
-
-label {
-	margin-left: 5px;
-	margin-right: 5px;
-	cursor: pointer;
-}
-
-input[type="file"], .nloadmore {
-	cursor:pointer;
-}
-
-textarea {
-	resize: none;
-}
-
-/* omnipresent */
-
-.desktop{
-	display:none !important;
-}
-
-.link {
-	text-decoration: none;
-}
-
-.external:after{
-		font-family:fontello;
-		font-weight:normal;
-		content: ' ';
-		}
-
-/* basic structure */
-
-.topbar {
-	width: 100vw;
-	height: 45px;
-	margin: 0;
-	position: relative;
-}
-
-.wrapper {
-	width: 100vw;
-	clear: both;
-	display: inline-block;
-	text-align: center;
-}
-
-.container {
-	width: 100% !important;
-	display: inline-block;
-	text-align: center;
-}
-
-#posts {
-	width: 100% !important;
-}
-
-.content {
-	width: 100%;
-	display: inline-block;
-	margin:0px !important;
-	text-align: left;
-	word-break: break-all;
-}
-
-aside {
-	display:none !important;
-}
-
-.gotop {
-	width: 30px;
-	height: 30px;
-	padding: 5px;
-	position: fixed;
-	display: table;
-	text-align: center;
-	right: 20px;
-	bottom: 20px;
-	border-radius: 10px;
-	z-index:50;
-}
-
-.gotop a {
-	text-align: center;
-	display: table-cell;
-	vertical-align: middle;
-	opacity: 0.7;
-	font-size: 20px;
-}
-
-#hiddenside {
-	background-color: rgba(255, 255, 255, 0);
-	position: fixed;
-	left: 0px;
-	bottom: 0px;
-	width: 100vw;
-	height: auto;
-	z-index: 99;
-}
-
-/* topbar elements */
-
-.mid {
-	display:none;
-}
-
-.topbutton {
-	vertical-align: middle;
-	display: table-cell;
-	line-height: 45px;
-	height: 100%;
-	width: 50px;
-	position: relative;
-}
-
-.topicon {
-	text-decoration: none;
-	display: inline;
-	font-size: 20px;
-}
-
-.badge {
-	text-decoration: none;
-}
-
-.alert {
-	border-radius: 90px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	right: 15px;
-	top: 15px;
-	display: none;
-}
-
-#notifications {
-	position: fixed;
-	left: 0px;
-	top: 45px;
-	width: 100vw;
-	max-height: 400px;
-	display: none;
-	line-height:12px;
-	overflow-y:scroll;
-	border-radius:3px;
-}
-
-.notif{
-	width:100%;
-	height:80px;
-	display:inline-block;
-	text-align:left;
-	position:relative;
-}
-
-#quicksend {
-	border-radius: 3px;
-	font-weight: bold;
-}	
-
-.notifContents{
-	margin:10px; 
-	display:flex;
-	height:60px; 
-	max-width:325px;
-}
-
-.nloadmore {
-	display:inline-block; 
-	height:20px; 
-	padding-top:10px;
-}
-
-/* sidebar */
-
-.side_element {
-	display:none;
-	width: 92%;
-	margin: 10px;
-	display: inline-block;
-	text-align: center;
-	color: lightgray;
-}
-
-.side_element a {
-	color: lightgray;
-}
-
-/* posts area elements */
-
-.uploadedImage {
-	width: 60px;
-	margin: 10px 0px 10px 10px;
-	height: 60px;
-	border: 1px solid #ccc;
-	display: inline-block;
-	box-shadow: 3px 3px 3px grey;
-	float: left;
-	background-size: cover;
-}
-
-.uploadBox {
-	width: 100%;
-	display: inline-block;
-	border-bottom: 1px solid #ddd;
-}
-
-.delpic {
-	border-radius:90px;
-	display:inline-block;
-	cursor:pointer;
-}
-
-#send {
-	padding:5px; 
-	border-radius:3px; 
-	font-weight:bold; 
-	margin-top:5px;
-}
-	
-.formbtn {
-	background-color:transparent; 
-	border: 0px; 
-	margin-top:11px;
-	margin-left:15px;
-	float:left;
-	width:20px;
-	height:20px;
-	line-height:20px;
-	text-align:center;
-	overflow:hidden; 
-	font-size:20px;
-}
-
-.formbtn label{
-	margin:-5px;
-	font-size:20px;
-}
-
-.element {
-	width: 90% !important;
-	clear: both;
-	display: inline-block;
-	margin-top: 3px;
-}
-
-.profile {
-	float:left; 
-	background-color:white; 
-	border-radius:5px; 
-	//width:650px;
-	width:100%;
-}
-
-.profileButton{
-	padding: 5px;
-	border-radius: 5px;
-	font-family: fontello, sans-serif;
-}
-
-#usermenu .menu {
-	display: none;
-	width: 150px;
-	height: 100px;
-	position: absolute;
-	top: 45px;
-	left: -80px;
-	transition: 0.4s;
-}
-
-#usermenu:hover>.menu,
-#usermenu:active>.menu {
-	display: block;
-	transition: 0.4s;
-}
-
-.postMenu,.listmenu {
-	cursor: pointer;
-	position:relative;
-}
-
-.postMenu div{
-	border-radius: 3px;
-}
-
-.postMenu li {
-	margin:0px;
-	width:100%;
-	height:35px;
-	display:block;
-	text-align:center;
-	line-height:35px;
-}
-
-.postMenu:hover > div{
-	display:block !important;
-}
-
-.postMenu ul {
-	margin:0px;
-	width:100%;
-	padding:0px;
-}
-
-.profileMenu:hover > div, .listmenu:hover > div{
-	display:block !important;
-}
-
-.listmenu li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-.felem {
-	margin-left: 10px;
-	float: left;
-}
-
-.avatar {
-	display:none;
-	width: 50px;
-	background-size: cover;
-	height: 50px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-}
-
-.post,
-.loader,
-.loadmore,
-.rb,
-.textonly,
-.profile {
-	width: 100% !important;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-}
-
-.postform {
-	display:none;
-	position:fixed;
-	width: 100vw !important;
-	left:0px;
-	top:45px;
-	text-align: center;
-	border-radius: 3px;
-	z-index: 99;
-}
-
-#postform {
-	display:none;
-}
-
-.postHeader {
-	width: 100%;
-	display: inline-block;
-	height: 40px;
-	text-align: left;
-}
-
-.postHeader *,.post_footer *{
-	font-size:small;
-}
-
-.previewpost {
-	display: none;
-	position: absolute;
-	margin-top: -100px;
-	width: 400px;
-	border-radius:3px;
-}
-
-.user {
-	position:relative;
-}
-
-.userinfo {
-	display: none;
-	position: absolute;
-	left:0px;
-	top:-198px;
-	width: 300px;
-	height: 200px;
-	border-radius:3px;
-}
-
-.userinfo_co {
-	width: 280px;
-	margin: 10px;
-}
-
-.userinfo_he {
-	width: 300px;
-	height: 100px;
-}
-
-.media {
-	width: 100%;
-	display: inline-block;
-}
-
-.img {
-	width: 600px;
-	text-align: center;
-}
-
-.blur {
-	-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
-	/* Safari 6.0 - 9.0 */
-	filter: blur(25px) brightness(70%) grayscale(100%);
-	opacity: 0.5;
-	transition: 0.4s;
-}
-
-.toggleblur {
-	display:none;
-	cursor: pointer;
-	font-family: sans, fontello;
-}
-
-.small {
-	width: 48% !important;
-	height: 321px;
-	line-height: 321px;
-	background-color: black;
-	float:left;
-	margin:2px !important;
-}
-
-.smaller {
-	width: 31% !important;
-	height: 212px;
-	line-height: 212px;
-	background-color: black;
-	float:left;
-	margin:2px !important;
-}
-
-.icon {
-	width: 80px !important;
-	height: 80px !important;
-	line-height: 80px;
-	float:left;
-	text-align:center;
-	margin:2px !important;
-}
-
-.postbody {
-	margin: 15px;
-}
-
-.post_footer {
-	width: 630px;
-	display: table-cell;
-	clear: both;
-	padding: 10px;
-	height: 20px;
-	text-align: left;
-	border-radius: 3px;
-}
-
-.post_buttons {
-	font-family: fontello;
-	float: right;
-	display: inline-block;
-	text-align: right;
-	font-size: 15pt;
-}
-
-.post_buttons a,
-.post_buttons span {
-	font-family: inherit;
-	text-decoration: none;
-	color: inherit;
-	font-size: inherit;
-}
-
-.reply {
-	width: 100%;
-	clear: both;
-	text-align: left;
-	display: block;
-}
-
-.note {
-	width: 640px;
-	float: left;
-	text-align: left;
-	border-radius: 5px;
-	padding: 5px;
-}
-
-.button {
-	padding: 15px;
-	float: left;
-	text-align: center;
-	border-radius: 5px;
-	font-size: 20pt;
-}
-
-/* pages */
-
-.setting label {
-	display: block;
-	width: 40px;
-	height: 20px;
-	padding: 5px;
-	float: left;
-	margin: 0px;
-	text-align: center;
-	transition: all 0.3s ease-in-out;
-}
-
-.setting input[type="radio"]:checked+label {
-	font-weight: bold;
-}
-
-/* other stuff */
-
-/* <lightbox> */
-.lightbox-opened {
-	/* background-color: #333; */
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	/* left: 0; */
-	overflow-y: scroll;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	z-index:105;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-/*
-.lightbox-opened {
-	//background-color: #333;
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	left: 0;
-	overflow-y: scroll;
-	padding: 24px;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-*/
-.no-scroll {
-	overflow: hidden;
-}
-
-/* </lightbox> */
-
-.fontello {
-	font-family: fontello, sans-serif;
-}
-
-.loading {
-	font-family: fontello;
-	color: black;
-	content: "\E822";
-	animation-name: spin;
-	animation-duration: 5000ms;
-	animation-iteration-count: infinite;
-	animation-timing-function: linear;
-	/* transform: rotate(3deg); */
-	/* transform: rotate(0.3rad);/ */
-	/* transform: rotate(3grad); */
-	/* transform: rotate(.03turn);  */
-}
-
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.disabled {
-	background-color: black;
-}

themes/amplifier/css/style.css

@@ -1,631 +0,0 @@
-/* overall */
-html {
-	scroll-behavior: smooth;
-}
-
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 11pt;
-}
-
-a {
-	text-decoration: none;
-}
-
-h1 { 
-	font-size:30px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
-ul{
-	padding:0px;
-	margin:0px;
-}
-
-select{
-	padding:5px;
-	margin-top:5px;
-	border:0px;
-	font-weight:bold;
-	font-family:fontello, sans-serif;
-}
-	
-option{
-	font-family:fontello, sans-serif;
-}
-
-label {
-	margin-left: 5px;
-	margin-right: 5px;
-	cursor: pointer;
-}
-
-input[type="file"], .nloadmore {
-	cursor:pointer;
-}
-
-textarea {
-	resize: none;
-}
-
-/* omnipresent */
-
-.mobile {
-	display:none !important;
-}
-
-.link {
-	text-decoration: none;
-}
-
-.external:after{
-		font-family:fontello;
-		font-weight:normal;
-		content: ' ';
-		}
-
-/* basic structure */
-
-.topbar {
-	width: 100%;
-	height: 45px;
-	margin: 0;
-	position: relative;
-}
-
-.wrapper {
-	width: 100%;
-	clear: both;
-	display: inline-block;
-	text-align: center;
-}
-
-.container {
-	display: inline-block;
-	text-align: center;
-}
-
-#posts {
-	width: 800px;
-	float: left;
-}
-
-aside {
-	margin-top: 5px;
-	width: 280px;
-	float: left;
-	display: inline-block;
-}
-
-.gotop {
-	width: 30px;
-	height: 30px;
-	padding: 5px;
-	position: fixed;
-	display: table;
-	text-align: center;
-	right: 20px;
-	bottom: 20px;
-	border-radius: 10px;
-}
-
-.gotop a {
-	text-align: center;
-	display: table-cell;
-	vertical-align: middle;
-	opacity: 0.7;
-	font-size: 20px;
-}
-
-#hiddenside {
-	background-color: rgba(255, 255, 255, 0);
-	position: fixed;
-	right: 10px;
-	bottom: 115px;
-	width: 350px;
-	height: auto;
-}
-
-/* topbar elements */
-
-.topbutton {
-	vertical-align: middle;
-	display: table-cell;
-	line-height: 45px;
-	height: 100%;
-	width: 50px;
-	position: relative;
-}
-
-.topicon {
-	text-decoration: none;
-	display: inline;
-	font-size: 20px;
-}
-
-.ntbutton {
-	position:relative;
-}
-
-.badge {
-	text-decoration: none;
-}
-
-.alert {
-	border-radius: 90px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	right: 15px;
-	top: 15px;
-	display: none;
-}
-
-#notifications {
-	position: absolute;
-	right: -20px;
-	top: 45px;
-	width: 350px;
-	max-height: 500px;
-	display: none;
-	line-height:12px;
-	overflow-y:scroll;
-	border-radius:3px;
-}
-
-.notif{
-	width:330px;
-	height:80px;
-	display:inline-block;
-	text-align:left;
-	position:relative;
-}
-
-#quicksend {
-	border-radius: 3px;
-	font-weight: bold;
-}	
-
-.notifContents{
-	margin:10px; 
-	display:flex;
-	height:60px; 
-	max-width:325px;
-}
-
-.nloadmore {
-	display:inline-block; 
-	height:20px; 
-	padding-top:10px;
-}
-
-/* sidebar */
-
-.side_element {
-	border-radius: 3px;
-	width: 92%;
-	margin: 10px;
-	display: inline-block;
-	text-align: center;
-}
-
-.side_element li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-/* posts area elements */
-
-.uploadedImage {
-	width: 60px;
-	margin: 10px 0px 10px 10px;
-	height: 60px;
-	border: 1px solid #ccc;
-	display: inline-block;
-	box-shadow: 3px 3px 3px grey;
-	float: left;
-	background-size: cover;
-}
-
-.uploadBox {
-	width: 100%;
-	display: inline-block;
-	border-bottom: 1px solid #ddd;
-}
-
-.delpic {
-	border-radius:90px;
-	display:inline-block;
-	cursor:pointer;
-}
-
-#send {
-	padding:5px; 
-	border-radius:3px; 
-	font-weight:bold; 
-	margin-top:5px;
-	float:left;
-}
-	
-.formbtn {
-	background-color:transparent; 
-	border: 0px; 
-	margin-top:11px;
-	margin-left:15px;
-	float:left;
-	width:20px;
-	height:20px;
-	line-height:20px;
-	text-align:center;
-	overflow:hidden; 
-	font-size:20px;
-}
-
-.formbtn label{
-	margin:-5px;
-	font-size:20px;
-}
-
-.element {
-	width: 800px;
-	clear: both;
-	display: inline-block;
-	margin-top: 5px;
-}
-
-.profile,.loader {
-	float:left; 
-	border-radius:5px;
-	width:650px;
-}
-
-.profileButton{
-	padding: 5px;
-	border-radius: 5px;
-	font-family: fontello, sans-serif;
-}
-
-#usermenu .menu {
-	display: none;
-	width: 150px;
-	height: 100px;
-	position: absolute;
-	top: 45px;
-	left: -80px;
-	transition: 0.4s;
-}
-
-#usermenu:hover>.menu,
-#usermenu:active>.menu {
-	display: block;
-	transition: 0.4s;
-}
-
-.postMenu {
-	cursor: pointer;
-	position:relative;
-}
-
-.postMenu div{
-	border-radius: 3px;
-}
-
-.postMenu li {
-	margin:0px;
-	width:100%;
-	height:35px;
-	display:block;
-	text-align:center;
-	line-height:35px;
-}
-
-.postMenu:hover > div{
-	display:block !important;
-}
-
-.postMenu ul {
-	margin:0px;
-	width:100%;
-	padding:0px;
-}
-
-.profileMenu:hover > div, .listmenu:hover > div{
-	display:block !important;
-}
-
-.listmenu li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-.felem {
-	margin-left: 10px;
-	float: left;
-}
-
-.avatar {
-	width: 80px;
-	background-size: 80px;
-	height: 80px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-}
-
-.post,
-.rb,
-.textonly,
-.loadmore {
-	width: 650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-}
-
-.postform {
-	width:650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-	display:block !important;
-}
-
-.postHeader {
-	width: 100%;
-	display: inline-block;
-	height: 40px;
-	text-align: left;
-}
-
-.previewpost {
-	display: none;
-	position: absolute;
-	margin-top: -100px;
-	width: 400px;
-	border-radius:3px;
-}
-
-.user {
-	position:relative;
-}
-
-.userinfo {
-	display: none;
-	position: absolute;
-	left:0px;
-	top:15px;
-	width: 300px;
-	height: auto;
-	border-radius:3px;
-	line-height:initial;
-	z-index:99;
-}
-
-.userinfo_upper{
-	top:-100px;
-}
-
-.userinfo_co {
-	width: 280px;
-	margin: 10px;
-	text-align: center; 
-	position:relative;
-}
-
-.userinfo_he {
-	width: 300px;
-	height: 150px;
-}
-
-.media {
-	width: 100%;
-	display: inline-block;
-}
-
-.img {
-	width: 600px;
-	text-align: center;
-}
-
-.blur {
-	-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
-	/* Safari 6.0 - 9.0 */
-	filter: blur(25px) brightness(70%) grayscale(100%);
-	opacity: 0.5;
-	transition: 0.4s;
-}
-
-.toggleblur {
-	display:none;
-	cursor: pointer;
-	font-family: sans, fontello;
-}
-
-.small {
-	width: 321px !important;
-	height: 321px;
-	line-height: 321px;
-	/* background-color: black; */
-	float:left;
-	margin:2px !important;
-}
-
-.smaller {
-	width: 212px !important;
-	height: 212px;
-	line-height: 212px;
-	/* background-color: black; */
-	float:left;
-	margin:2px !important;
-}
-
-.icon {
-	width: 80px !important;
-	height: 80px !important;
-	line-height: 80px;
-	float:left;
-	text-align:center;
-	margin:2px !important;
-}
-
-.postbody {
-	margin: 15px;
-}
-
-.content {
-	width: 600px;
-	display: inline-block;
-	margin:0px !important;
-	text-align: left;
-}
-
-.post_footer {
-	width: 630px;
-	display: table-cell;
-	clear: both;
-	padding: 10px;
-	height: 20px;
-	text-align: left;
-	border-radius: 3px;
-}
-
-.post_buttons {
-	font-family: fontello;
-	float: right;
-	display: inline-block;
-	text-align: right;
-	font-size: 15pt;
-}
-
-.post_buttons a,
-.post_buttons span {
-	font-family: inherit;
-	text-decoration: none;
-	color: inherit;
-	font-size: inherit;
-}
-
-.reply {
-	width: 100%;
-	clear: both;
-	text-align: left;
-	display: block;
-}
-
-.note {
-	width: 640px;
-	float: left;
-	text-align: left;
-	border-radius: 5px;
-	padding: 5px;
-}
-
-.button {
-	padding: 15px;
-	float: left;
-	text-align: center;
-	border-radius: 5px;
-	font-size: 20pt;
-}
-
-/* pages */
-
-.setting label {
-	display: block;
-	width: 40px;
-	height: 20px;
-	padding: 5px;
-	float: left;
-	margin: 0px;
-	text-align: center;
-	transition: all 0.3s ease-in-out;
-}
-
-.setting input[type="radio"]:checked+label {
-	font-weight: bold;
-}
-
-
-/* other stuff */
-
-/* <lightbox> */
-.lightbox-opened {
-	/* background-color: #333; */
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	/* left: 0; */
-	overflow-y: scroll;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	z-index:105;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-
-.no-scroll {
-	overflow: hidden;
-}
-
-/* </lightbox> */
-
-.fontello {
-	font-family: fontello;
-}
-
-.loading {
-	font-family: fontello;
-	color: black;
-	content: "\E822";
-	animation-name: spin;
-	animation-duration: 5000ms;
-	animation-iteration-count: infinite;
-	animation-timing-function: linear;
-	/* transform: rotate(3deg); */
-	/* transform: rotate(0.3rad);/ */
-	/* transform: rotate(3grad); */
-	/* transform: rotate(.03turn);  */
-}
-
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.disabled {
-	background-color: black;
-}

themes/amplifier/templates/post.txt

@@ -1,21 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='post' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:5px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=30 class='mobile' style='vertical-align:middle; border-radius:30px'> :name: :rt: </span>
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
-			</span>
-		</div>
-		:spoiler:
-		<div class='media' style='text-align:center;'>:media:</div>
-		<div class='postbody'><div class='content' style='margin-bottom:5px;'>
-		:replyto: :text:
-		</div></div>
-		<div class='post_footer'>:footer:</DIV>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'><noscript>:form:</noscript>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/amplifier/templates/profileheader.txt

@@ -1,26 +0,0 @@
-
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='profile'>
-		<div style='width: 100%; height:250px; background-color:#:mainColor:; background-size:cover; background-image:url(:header:); display:inline-block; position:relative;'>
-			<span style='width:290; height:30px; display:block; margin-top:15px; margin-right:15px; float:right;'>
-			:top:
-			</span>
-			<span style='position:absolute; bottom:10px; left:10px;'>
-			:bottom:
-			</span>
-		</div>
-		<div style='width: 100%; position:relative; text-align:center; padding-bottom:15px;'>
-			<div class='avatar' style='background-color:white; background-size: cover; background-image:url(:avatar:); text-align:center; float:none; display:inline-block; border:3px solid white; margin-top:-50px; border-radius:5px; width:80px; height:80px;'></div>
-			<br><span style='font-weight:bold; font-size:40px;'>:name:</span>
-			<br><span style='font-weight:bold;'><a href=':url:' target='_blank' class='link external'> @:acct:</a></span>
-			<br><span>:note:</span>
-		</div>
-		<div class='post_footer' style='width: inherit; text-align:center;'>
-			<div style='width:33%; text-align:center; float:left;'><b>Statuses</b><br>:statuses:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Following</b><br>:following:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Followers</b><br>:followers:</div>
-			<span style='font-size:9px;'>Data may be inaccurate, <a href=':url:' style='font-size:9px;' target='_blank' class='link'>visit profile directly</a> to see updated data.</span>
-		</div>
-	</div>
-</div>

themes/amplifier/templates/reblog.txt

@@ -1,16 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='rb' id=':id:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='post_header'>:name:</div>
-		<div class='media'>:media:</div>
-		<div class='content' style='margin-bottom:5px;'>
-		:spoiler:
-		:text:
-		</div>
-		<div class='post_footer'>:footer:</DIV>
-		<div id='r:id:' class='replies_container'>:form::descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-	:notes:
-</div>

themes/amplifier/templates/reply.txt

@@ -1,25 +0,0 @@
-<div class='reply :mode:' id=':id:'>
-	<div class='postHeader'>
-		<span style='margin:12px; display:block; float:left;'>
-			<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'>
-			<a class='ldr link user' href='?user=:uid:' id=':uid:'>
-				<b>:name:</b>
-			</a>
-			<span class='desktop'>(:acct:)</span>
-		</span>
-		<span style='margin:10px; float:right; display:block;'>
-			<span class='postMenu fontello'>&#xf0c9;
-				<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div>
-			</span>
-		</span>
-	</div>
-	<div class='postbody'>
-		<div class='content' style='margin:0px;'>:media: :replyto: :text:</div>
-	</div>
-	<span style='width:100%; margin-bottom:10px; display:block;'>
-		<span style='margin-left:10px;'>:date:</span>
-		<span id=':id:' class="post_buttons" style='margin-right:10px;'>:buttons:</span>
-	</span>
-	<div id=':id:' class='replies_container'></div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/amplifier/templates/replyform.txt

@@ -1,45 +0,0 @@
-<div class='reply form' id='replyform' style='display:inline-block; width:100%'>
-	<div style='width:95%; margin: 10px auto; display:block;'>
-	<div style='text-align:right; background-color:white;'>
-	<form action='status.php' method='post' enctype='multipart/form-data'>
-		<input type='hidden' id='thread' name='thread' value=':id:'>
-		<div style='width:100%; border: 1px solid #ddd; text-align:left;'>
-			<div style='width:100% height:27px; border-bottom: 1px solid #ddd;'>
-				<input type='text' name='spoiler' value='Title (optional)' onClick='this.value=""' style='border:none; width:100%;'>
-			</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'><span class='close'> X </span> <input type='text' id='emojisearch'><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
-		<div class="buttons">
-			<span style='float:left;'>
-				<input type='submit' value='Send' id='send' onClick='return false'>
-				<div class='formbtn fontello' style='position:relative;'>
-					&#xe818;
-					<input style='opacity:0; position:absolute; left:0px; top:5px; background-color:yellow;' type='file' id="files_input_field" name='file[]' multiple onchange="upload_files_reply();">
-				</div>
-				<div class='formbtn fontello' style='position:relative;'>
-					<input type='checkbox' name='sensitive' id='rsensitive' style='display:none;'>
-					<label for='rsensitive' class='fontello'>&#xe81b;</label>
-				</div>
-				<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
-					&#128540;
-				</div>
-			</span>
-			<span style='float:left; margin-left:10px;' class='status'>
-				
-			</span>
-			<span style='float:right;'>
-				<select name='scope' id='scope'>
-					<option id="public" value="1">&#xe83c; Public</option>	
-					<option id="unlisted" value="2">&#xe816; Unlisted</option>
-					<option id="private" value="3">&#xe819; Private</option>
-					<option id="direct" value="4">&#xf0e0; Direct</option>
-				</select>
-			</span>
-		</div>
-	</form>
-	</div>
-	<div style="clear: both;"></div> 
-	</div>
-</div>
-

themes/amplifier/templates/textpost.txt

@@ -1,23 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='post textonly' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:5px; display:block; float:left;'>
-				<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'> 
-				:name: :rt:
-			</span> 
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
-			</span>
-		</div>
-		<div class='postbody'>
-			<div class='content' style='margin-bottom:5px; margin-top:5px;'>:spoiler: :replyto: :text:</div>
-		</div>
-		<div class='post_footer'>:footer:</div>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>
-

themes/ancientbird/css/color.css

@@ -204,7 +204,7 @@ input[type="checkbox"]:checked+label {
 	border: 1px solid #8fa9b8;
 }
 
-.postform {
+.postform,.searchmobile {
 	background-color: white;
 	border: 1px solid #8fa9b8
 }

themes/ancientbird/css/mobile.css

@@ -394,8 +394,7 @@ aside {
 	border-radius: 3px;
 }
 
-.postform {
-	display:none;
+.postform,.searchmobile {
 	position:fixed;
 	width: 100vw !important;
 	left:0px;
@@ -405,7 +404,7 @@ aside {
 	z-index: 99;
 }
 
-#postform {
+#postform,#searchmobile {
 	display:none;
 }
 

themes/ancientbird/css/style.css

@@ -383,6 +383,10 @@ aside {
 	border-radius: 3px;
 }
 
+#searchmobile {
+	display:none;
+}
+
 .postform {
 	width:650px;
 	float: left;

themes/ancientbird/templates/post.txt

@@ -1,21 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='post' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:9px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=30 class='mobile' style='vertical-align:middle; border-radius:30px'> :name: :rt: </span>
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; background-color:white; position: absolute; top: 15px; right: -1px;'>:menu:</div></span>
-			</span>
-		</div>
-		:spoiler:
-		<div class='media' style='text-align:center;'>:media:</div>
-		<div class='postbody'><div class='content' style='margin-bottom:5px;'>
-		:replyto: :text:
-		</div></div>
-		<div class='post_footer'>:footer:</DIV>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'><noscript>:form:</noscript>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/ancientbird/templates/profileheader.txt

@@ -1,26 +0,0 @@
-
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='profile'>
-		<div style='width: 100%; height:250px; background-color:#:mainColor:; background-size:cover; background-image:url(:header:); display:inline-block; position:relative;'>
-			<span style='width:290; height:30px; display:block; margin-top:15px; margin-right:15px; float:right;'>
-			:top:
-			</span>
-			<span style='position:absolute; bottom:10px; left:10px;'>
-			:bottom:
-			</span>
-		</div>
-		<div style='width: 100%; position:relative; text-align:center; padding-bottom:15px;'>
-			<div class='avatar' style='background-color:white; background-size: cover; background-image:url(:avatar:); text-align:center; float:none; display:inline-block; border:3px solid white; margin-top:-50px; border-radius:5px; width:80px; height:80px;'></div>
-			<br><span style='font-weight:bold; font-size:40px;'>:name:</span>
-			<br><span style='font-weight:bold;'><a href=':url:' target='_blank' class='link external'> @:acct:</a></span>
-			<br><span>:note:</span>
-		</div>
-		<div class='post_footer' style='width: inherit; text-align:center;'>
-			<div style='width:33%; text-align:center; float:left;'><b>Statuses</b><br>:statuses:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Following</b><br>:following:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Followers</b><br>:followers:</div>
-			<span style='font-size:9px;'>Data may be inaccurate, <a href=':url:' style='font-size:9px;' target='_blank' class='link'>visit profile directly</a> to see updated data.</span>
-		</div>
-	</div>
-</div>

themes/ancientbird/templates/reblog.txt

@@ -1,16 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='rb' id=':id:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='post_header'>:name:</div>
-		<div class='media'>:media:</div>
-		<div class='content' style='margin-bottom:5px;'>
-		:spoiler:
-		:text:
-		</div>
-		<div class='post_footer'>:footer:</DIV>
-		<div id='r:id:' class='replies_container'>:form::descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-	:notes:
-</div>

themes/ancientbird/templates/reply.txt

@@ -1,25 +0,0 @@
-<div class='reply :mode:' id=':id:'>
-	<div class='postHeader'>
-		<span style='margin:12px; display:block; float:left;'>
-			<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'>
-			<a class='ldr link user' href='?user=:uid:' id=':uid:'>
-				<b>:name:</b>
-			</a>
-			<span class='desktop'>(:acct:)</span>
-		</span>
-		<span style='margin:10px; float:right; display:block;'>
-			<span class='postMenu fontello'>&#xf0c9;
-				<div style='display:none; z-index:99; width:130px; background-color:white; position: absolute; top: 15px; right: -1px;'>:menu:</div>
-			</span>
-		</span>
-	</div>
-	<div class='postbody'>
-		<div class='content' style='margin:0px;'>:media: :replyto: :text:</div>
-	</div>
-	<span style='width:100%; margin-bottom:10px; display:block;'>
-		<span style='margin-left:10px;'>:date:</span>
-		<span id=':id:' class="post_buttons" style='margin-right:10px;'>:buttons:</span>
-	</span>
-	<div id=':id:' class='replies_container'></div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/ancientbird/templates/replyform.txt

@@ -1,45 +0,0 @@
-<div class='reply form' id='replyform' style='display:inline-block; width:100%'>
-	<div style='width:95%; margin: 10px auto; display:block;'>
-	<div style='text-align:right; background-color:white;'>
-	<form action='status.php' method='post' enctype='multipart/form-data'>
-		<input type='hidden' id='thread' name='thread' value=':id:'>
-		<div style='width:100%; border: 1px solid #ddd; text-align:left;'>
-			<div style='width:100% height:27px; border-bottom: 1px solid #ddd;'>
-				<input type='text' name='spoiler' value='Title (optional)' onClick='this.value=""' style='border:none; width:100%;'>
-			</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'><span class='close'> X </span> <input type='text' id='emojisearch'><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
-		<div class="buttons">
-			<span style='float:left;'>
-				<input type='submit' value='Send' id='send' onClick='return false'>
-				<div class='formbtn fontello' style='position:relative;'>
-					&#xe818;
-					<input style='opacity:0; position:absolute; left:0px; top:5px; background-color:yellow;' type='file' id="files_input_field" name='file[]' multiple onchange="upload_files_reply();">
-				</div>
-				<div class='formbtn fontello' style='position:relative;'>
-					<input type='checkbox' name='sensitive' id='rsensitive' style='display:none;'>
-					<label for='rsensitive' class='fontello'>&#xe81b;</label>
-				</div>
-				<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
-					&#128540;
-				</div>
-			</span>
-			<span style='float:left; margin-left:10px;' class='status'>
-				
-			</span>
-			<span style='float:right;'>
-				<select name='scope' id='scope'>
-					<option id="public" value="1">&#xe83c; Public</option>	
-					<option id="unlisted" value="2">&#xe816; Unlisted</option>
-					<option id="private" value="3">&#xe819; Private</option>
-					<option id="direct" value="4">&#xf0e0; Direct</option>
-				</select>
-			</span>
-		</div>
-	</form>
-	</div>
-	<div style="clear: both;"></div> 
-	</div>
-</div>
-

themes/ancientbird/templates/textpost.txt

@@ -1,23 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='post textonly' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:9px; display:block; float:left;'>
-				<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'> 
-				:name: :rt:
-			</span> 
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; background-color:white; position: absolute; top: 15px; right: -1px;'>:menu:</div></span>
-			</span>
-		</div>
-		<div class='postbody'>
-			<div class='content' style='margin-bottom:5px; margin-top:5px;'>:spoiler: :replyto: :text:</div>
-		</div>
-		<div class='post_footer'>:footer:</div>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>
-

themes/bythebook/css/color.css

@@ -198,14 +198,12 @@ input[type="checkbox"]:checked+label {
 .post,
 .rb,
 .textonly,
-.loadmore {
-	background-color: white;
-	border:2px solid #cdcfd1;
-}
-
-.postform {
+.loadmore,
+.postform,
+.searchmobile {
 	background-color: white;
 	border:2px solid #cdcfd1;
+	border-radius:10px;
 }
 
 .previewpost {

themes/bythebook/css/mobile.css

@@ -1,656 +0,0 @@
-/* overall */
-
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 12pt;
-}
-
-a {
-	text-decoration:none;
-}
-
-h1 {
-	font-size:20px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
-ul{
-	padding:0px;
-	margin:0px;
-}
-
-select{
-	padding:5px;
-	margin-top:5px;
-	border:0px;
-	font-weight:bold;
-	font-family:fontello, sans-serif;
-}
-	
-option{
-	font-family:fontello, sans-serif;
-	}
-
-label {
-	margin-left: 5px;
-	margin-right: 5px;
-	cursor: pointer;
-}
-
-input[type="file"], .nloadmore {
-	cursor:pointer;
-}
-
-textarea {
-	resize: none;
-}
-
-/* omnipresent */
-
-.desktop{
-	display:none !important;
-}
-
-.link {
-	text-decoration: none;
-}
-
-.external:after{
-		font-family:fontello;
-		font-weight:normal;
-		content: ' ';
-		}
-
-/* basic structure */
-
-.topbar {
-	width: 100vw;
-	height: 45px;
-	margin: 0;
-	position: relative;
-}
-
-.wrapper {
-	width: 100vw;
-	clear: both;
-	display: inline-block;
-	text-align: center;
-}
-
-.container {
-	width: 100% !important;
-	display: inline-block;
-	text-align: center;
-}
-
-#posts {
-	width: 100% !important;
-}
-
-.content {
-	width: 100%;
-	display: inline-block;
-	margin:0px !important;
-	text-align: left;
-	word-break: break-all;
-}
-
-aside {
-	display:none !important;
-}
-
-.gotop {
-	width: 30px;
-	height: 30px;
-	padding: 5px;
-	position: fixed;
-	display: table;
-	text-align: center;
-	right: 20px;
-	bottom: 20px;
-	border-radius: 10px;
-	z-index:50;
-}
-
-.gotop a {
-	text-align: center;
-	display: table-cell;
-	vertical-align: middle;
-	opacity: 0.7;
-	font-size: 20px;
-}
-
-#hiddenside {
-	background-color: rgba(255, 255, 255, 0);
-	position: fixed;
-	left: 0px;
-	bottom: 0px;
-	width: 100vw;
-	height: auto;
-	z-index: 99;
-}
-
-/* topbar elements */
-
-.mid {
-	display:none;
-}
-
-.topbutton {
-	vertical-align: middle;
-	display: table-cell;
-	line-height: 45px;
-	height: 100%;
-	width: 50px;
-	position: relative;
-}
-
-.topicon {
-	text-decoration: none;
-	display: inline;
-	font-size: 20px;
-}
-
-.badge {
-	text-decoration: none;
-}
-
-.alert {
-	border-radius: 90px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	right: 15px;
-	top: 15px;
-	display: none;
-}
-
-#notifications {
-	position: fixed;
-	left: 0px;
-	top: 45px;
-	width: 100vw;
-	max-height: 400px;
-	display: none;
-	line-height:12px;
-	overflow-y:scroll;
-	border-radius:3px;
-}
-
-.notif{
-	width:100%;
-	height:80px;
-	display:inline-block;
-	text-align:left;
-	position:relative;
-}
-
-#quicksend {
-	border-radius: 3px;
-	font-weight: bold;
-}	
-
-.notifContents{
-	margin:10px; 
-	display:flex;
-	height:60px; 
-	max-width:325px;
-}
-
-.nloadmore {
-	display:inline-block; 
-	height:20px; 
-	padding-top:10px;
-}
-
-/* sidebar */
-
-.side_element {
-	display:none;
-	width: 92%;
-	margin: 10px;
-	display: inline-block;
-	text-align: center;
-	color: lightgray;
-}
-
-.side_element a {
-	color: lightgray;
-}
-
-/* posts area elements */
-
-.uploadedImage {
-	width: 60px;
-	margin: 10px 0px 10px 10px;
-	height: 60px;
-	border: 1px solid #ccc;
-	display: inline-block;
-	box-shadow: 3px 3px 3px grey;
-	float: left;
-	background-size: cover;
-}
-
-.uploadBox {
-	width: 100%;
-	display: inline-block;
-	border-bottom: 1px solid #ddd;
-}
-
-.delpic {
-	border-radius:90px;
-	display:inline-block;
-	cursor:pointer;
-}
-
-#send {
-	padding:5px; 
-	border-radius:3px; 
-	font-weight:bold; 
-	margin-top:5px;
-}
-	
-.formbtn {
-	background-color:transparent; 
-	border: 0px; 
-	margin-top:11px;
-	margin-left:15px;
-	float:left;
-	width:20px;
-	height:20px;
-	line-height:20px;
-	text-align:center;
-	overflow:hidden; 
-	font-size:20px;
-}
-
-.formbtn label{
-	margin:-5px;
-	font-size:20px;
-}
-
-.element {
-	width: 90% !important;
-	clear: both;
-	display: inline-block;
-	margin-top: 3px;
-}
-
-.profile {
-	float:left; 
-	background-color:white; 
-	border-radius:5px; 
-	//width:650px;
-	width:100%;
-}
-
-.profileButton{
-	padding: 5px;
-	border-radius: 5px;
-	font-family: fontello, sans-serif;
-}
-
-#usermenu .menu {
-	display: none;
-	width: 150px;
-	height: 100px;
-	position: absolute;
-	top: 45px;
-	left: -80px;
-	transition: 0.4s;
-}
-
-#usermenu:hover>.menu,
-#usermenu:active>.menu {
-	display: block;
-	transition: 0.4s;
-}
-
-.postMenu,.listmenu {
-	cursor: pointer;
-	position:relative;
-}
-
-.postMenu div{
-	border-radius: 3px;
-}
-
-.postMenu li {
-	margin:0px;
-	width:100%;
-	height:35px;
-	display:block;
-	text-align:center;
-	line-height:35px;
-}
-
-.postMenu:hover > div{
-	display:block !important;
-}
-
-.postMenu ul {
-	margin:0px;
-	width:100%;
-	padding:0px;
-}
-
-.profileMenu:hover > div, .listmenu:hover > div{
-	display:block !important;
-}
-
-.listmenu li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-.felem {
-	margin-left: 10px;
-	float: left;
-}
-
-.avatar {
-	display:none;
-	width: 50px;
-	background-size: cover;
-	height: 50px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-}
-
-.post,
-.loader,
-.loadmore,
-.rb,
-.textonly,
-.profile {
-	width: 100% !important;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 10px;
-}
-
-.postform {
-	display:none;
-	position:fixed;
-	width: 100vw !important;
-	left:0px;
-	top:45px;
-	text-align: center;
-	border-radius: 3px;
-	z-index: 99;
-}
-
-#postform {
-	display:none;
-}
-
-.postHeader {
-	width: 100%;
-	display: inline-block;
-	height: 40px;
-	text-align: left;
-}
-
-.postHeader *,.post_footer *{
-	font-size:small;
-}
-
-.previewpost {
-	display: none;
-	position: absolute;
-	margin-top: -100px;
-	width: 400px;
-	border-radius:3px;
-}
-
-.user {
-	position:relative;
-}
-
-.userinfo {
-	display: none;
-	position: absolute;
-	left:0px;
-	top:-198px;
-	width: 300px;
-	height: 200px;
-	border-radius:3px;
-}
-
-.userinfo_co {
-	width: 280px;
-	margin: 10px;
-}
-
-.userinfo_he {
-	width: 300px;
-	height: 100px;
-}
-
-.media {
-	width: 100%;
-	display: inline-block;
-}
-
-.img {
-	width: 600px;
-	text-align: center;
-}
-
-.blur {
-	-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
-	/* Safari 6.0 - 9.0 */
-	filter: blur(25px) brightness(70%) grayscale(100%);
-	opacity: 0.5;
-	transition: 0.4s;
-}
-
-.toggleblur {
-	display:none;
-	cursor: pointer;
-	font-family: sans, fontello;
-}
-
-.small {
-	width: 48% !important;
-	height: 321px;
-	line-height: 321px;
-	background-color: black;
-	float:left;
-	margin:2px !important;
-}
-
-.smaller {
-	width: 31% !important;
-	height: 212px;
-	line-height: 212px;
-	background-color: black;
-	float:left;
-	margin:2px !important;
-}
-
-.icon {
-	width: 80px !important;
-	height: 80px !important;
-	line-height: 80px;
-	float:left;
-	text-align:center;
-	margin:2px !important;
-}
-
-.postbody {
-	margin: 15px;
-}
-
-.post_footer {
-	width: 630px;
-	display: table-cell;
-	clear: both;
-	padding: 10px;
-	height: 20px;
-	text-align: left;
-}
-
-.post_buttons {
-	font-family: fontello;
-	float: right;
-	display: inline-block;
-	text-align: right;
-	font-size: 15pt;
-}
-
-.post_buttons a,
-.post_buttons span {
-	font-family: inherit;
-	text-decoration: none;
-	color: inherit;
-	font-size: inherit;
-}
-
-.reply {
-	width: 100%;
-	clear: both;
-	text-align: left;
-	display: block;
-	border-radius: 10px;
-}
-
-.note {
-	width: 640px;
-	float: left;
-	text-align: left;
-	border-radius: 5px;
-	padding: 5px;
-}
-
-.button {
-	padding: 15px;
-	float: left;
-	text-align: center;
-	border-radius: 5px;
-	font-size: 20pt;
-}
-
-/* pages */
-
-.setting label {
-	display: block;
-	width: 40px;
-	height: 20px;
-	padding: 5px;
-	float: left;
-	margin: 0px;
-	text-align: center;
-	transition: all 0.3s ease-in-out;
-}
-
-.setting input[type="radio"]:checked+label {
-	font-weight: bold;
-}
-
-/* other stuff */
-
-/* <lightbox> */
-.lightbox-opened {
-	/* background-color: #333; */
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	/* left: 0; */
-	overflow-y: scroll;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	z-index:105;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-/*
-.lightbox-opened {
-	//background-color: #333;
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	left: 0;
-	overflow-y: scroll;
-	padding: 24px;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-*/
-.no-scroll {
-	overflow: hidden;
-}
-
-/* </lightbox> */
-
-.fontello {
-	font-family: fontello, sans-serif;
-}
-
-.loading {
-	font-family: fontello;
-	color: black;
-	content: "\E822";
-	animation-name: spin;
-	animation-duration: 5000ms;
-	animation-iteration-count: infinite;
-	animation-timing-function: linear;
-	/* transform: rotate(3deg); */
-	/* transform: rotate(0.3rad);/ */
-	/* transform: rotate(3grad); */
-	/* transform: rotate(.03turn);  */
-}
-
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.disabled {
-	background-color: black;
-}

themes/bythebook/css/style.css

@@ -1,631 +0,0 @@
-/* overall */
-html {
-	scroll-behavior: smooth;
-}
-
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 11pt;
-}
-
-a {
-	text-decoration: none;
-}
-
-h1 { 
-	font-size:30px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
-ul{
-	padding:0px;
-	margin:0px;
-}
-
-select{
-	padding:5px;
-	margin-top:5px;
-	border:0px;
-	font-weight:bold;
-	font-family:fontello, sans-serif;
-}
-	
-option{
-	font-family:fontello, sans-serif;
-}
-
-label {
-	margin-left: 5px;
-	margin-right: 5px;
-	cursor: pointer;
-}
-
-input[type="file"], .nloadmore {
-	cursor:pointer;
-}
-
-textarea {
-	resize: none;
-}
-
-/* omnipresent */
-
-.mobile {
-	display:none !important;
-}
-
-.link {
-	text-decoration: none;
-}
-
-.external:after{
-		font-family:fontello;
-		font-weight:normal;
-		content: ' ';
-		}
-
-/* basic structure */
-
-.topbar {
-	width: 100%;
-	height: 45px;
-	margin: 0;
-	position: relative;
-}
-
-.wrapper {
-	width: 100%;
-	clear: both;
-	display: inline-block;
-	text-align: center;
-}
-
-.container {
-	display: inline-block;
-	text-align: center;
-}
-
-#posts {
-	width: 800px;
-	float: left;
-}
-
-aside {
-	margin-top: 5px;
-	width: 280px;
-	float: left;
-	display: inline-block;
-}
-
-.gotop {
-	width: 30px;
-	height: 30px;
-	padding: 5px;
-	position: fixed;
-	display: table;
-	text-align: center;
-	right: 20px;
-	bottom: 20px;
-	border-radius: 10px;
-}
-
-.gotop a {
-	text-align: center;
-	display: table-cell;
-	vertical-align: middle;
-	opacity: 0.7;
-	font-size: 20px;
-}
-
-#hiddenside {
-	background-color: rgba(255, 255, 255, 0);
-	position: fixed;
-	right: 10px;
-	bottom: 115px;
-	width: 350px;
-	height: auto;
-}
-
-/* topbar elements */
-
-.topbutton {
-	vertical-align: middle;
-	display: table-cell;
-	line-height: 45px;
-	height: 100%;
-	width: 50px;
-	position: relative;
-}
-
-.topicon {
-	text-decoration: none;
-	display: inline;
-	font-size: 20px;
-}
-
-.ntbutton {
-	position:relative;
-}
-
-.badge {
-	text-decoration: none;
-}
-
-.alert {
-	border-radius: 90px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	right: 15px;
-	top: 15px;
-	display: none;
-}
-
-#notifications {
-	position: absolute;
-	right: -20px;
-	top: 45px;
-	width: 350px;
-	max-height: 500px;
-	display: none;
-	line-height:12px;
-	overflow-y:scroll;
-	border-radius:3px;
-}
-
-.notif{
-	width:330px;
-	height:80px;
-	display:inline-block;
-	text-align:left;
-	position:relative;
-}
-
-#quicksend {
-	border-radius: 3px;
-	font-weight: bold;
-}	
-
-.notifContents{
-	margin:10px; 
-	display:flex;
-	height:60px; 
-	max-width:325px;
-}
-
-.nloadmore {
-	display:inline-block; 
-	height:20px; 
-	padding-top:10px;
-}
-
-/* sidebar */
-
-.side_element {
-	border-radius: 10px;
-	width: 92%;
-	margin: 10px;
-	display: inline-block;
-	text-align: center;
-}
-
-.side_element li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-/* posts area elements */
-
-.uploadedImage {
-	width: 60px;
-	margin: 10px 0px 10px 10px;
-	height: 60px;
-	border: 1px solid #ccc;
-	display: inline-block;
-	box-shadow: 3px 3px 3px grey;
-	float: left;
-	background-size: cover;
-}
-
-.uploadBox {
-	width: 100%;
-	display: inline-block;
-	border-bottom: 1px solid #ddd;
-}
-
-.delpic {
-	border-radius:90px;
-	display:inline-block;
-	cursor:pointer;
-}
-
-#send {
-	padding:5px; 
-	border-radius:3px; 
-	font-weight:bold; 
-	margin-top:5px;
-	float:left;
-}
-	
-.formbtn {
-	background-color:transparent; 
-	border: 0px; 
-	margin-top:11px;
-	margin-left:15px;
-	float:left;
-	width:20px;
-	height:20px;
-	line-height:20px;
-	text-align:center;
-	overflow:hidden; 
-	font-size:20px;
-}
-
-.formbtn label{
-	margin:-5px;
-	font-size:20px;
-}
-
-.element {
-	width: 800px;
-	clear: both;
-	display: inline-block;
-	margin-top: 5px;
-}
-
-.profile,.loader {
-	float:left; 
-	border-radius:5px;
-	width:650px;
-}
-
-.profileButton{
-	padding: 5px;
-	border-radius: 5px;
-	font-family: fontello, sans-serif;
-}
-
-#usermenu .menu {
-	display: none;
-	width: 150px;
-	height: 100px;
-	position: absolute;
-	top: 45px;
-	left: -80px;
-	transition: 0.4s;
-}
-
-#usermenu:hover>.menu,
-#usermenu:active>.menu {
-	display: block;
-	transition: 0.4s;
-}
-
-.postMenu {
-	cursor: pointer;
-	position:relative;
-}
-
-.postMenu div{
-	border-radius: 3px;
-}
-
-.postMenu li {
-	margin:0px;
-	width:100%;
-	height:35px;
-	display:block;
-	text-align:center;
-	line-height:35px;
-}
-
-.postMenu:hover > div{
-	display:block !important;
-}
-
-.postMenu ul {
-	margin:0px;
-	width:100%;
-	padding:0px;
-}
-
-.profileMenu:hover > div, .listmenu:hover > div{
-	display:block !important;
-}
-
-.listmenu li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-.felem {
-	margin-left: 10px;
-	float: left;
-}
-
-.avatar {
-	width: 80px;
-	background-size: 80px;
-	height: 80px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-}
-
-.post,
-.rb,
-.textonly,
-.loadmore {
-	width: 650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 10px;
-}
-
-.postform {
-	width:650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 10px;
-	display:block !important;
-}
-
-.postHeader {
-	width: 100%;
-	display: inline-block;
-	height: 40px;
-	text-align: left;
-}
-
-.previewpost {
-	display: none;
-	position: absolute;
-	margin-top: -100px;
-	width: 400px;
-	border-radius:3px;
-}
-
-.user {
-	position:relative;
-}
-
-.userinfo {
-	display: none;
-	position: absolute;
-	left:0px;
-	top:15px;
-	width: 300px;
-	height: auto;
-	border-radius:3px;
-	line-height:initial;
-	z-index:99;
-}
-
-.userinfo_upper{
-	top:-100px;
-}
-
-.userinfo_co {
-	width: 280px;
-	margin: 10px;
-	text-align: center; 
-	position:relative;
-}
-
-.userinfo_he {
-	width: 300px;
-	height: 150px;
-}
-
-.media {
-	width: 100%;
-	display: inline-block;
-}
-
-.img {
-	width: 600px;
-	text-align: center;
-}
-
-.blur {
-	-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
-	/* Safari 6.0 - 9.0 */
-	filter: blur(25px) brightness(70%) grayscale(100%);
-	opacity: 0.5;
-	transition: 0.4s;
-}
-
-.toggleblur {
-	display:none;
-	cursor: pointer;
-	font-family: sans, fontello;
-}
-
-.small {
-	width: 321px !important;
-	height: 321px;
-	line-height: 321px;
-	/* background-color: black; */
-	float:left;
-	margin:2px !important;
-}
-
-.smaller {
-	width: 212px !important;
-	height: 212px;
-	line-height: 212px;
-	/* background-color: black; */
-	float:left;
-	margin:2px !important;
-}
-
-.icon {
-	width: 80px !important;
-	height: 80px !important;
-	line-height: 80px;
-	float:left;
-	text-align:center;
-	margin:2px !important;
-}
-
-.postbody {
-	margin: 15px;
-}
-
-.content {
-	width: 600px;
-	display: inline-block;
-	margin:0px !important;
-	text-align: left;
-}
-
-.post_footer {
-	width: 630px;
-	display: table-cell;
-	clear: both;
-	padding: 10px;
-	height: 20px;
-	text-align: left;
-}
-
-.post_buttons {
-	font-family: fontello;
-	float: right;
-	display: inline-block;
-	text-align: right;
-	font-size: 15pt;
-}
-
-.post_buttons a,
-.post_buttons span {
-	font-family: inherit;
-	text-decoration: none;
-	color: inherit;
-	font-size: inherit;
-}
-
-.reply {
-	width: 100%;
-	clear: both;
-	text-align: left;
-	display: block;
-	border-radius: 10px;
-}
-
-.note {
-	width: 640px;
-	float: left;
-	text-align: left;
-	border-radius: 5px;
-	padding: 5px;
-}
-
-.button {
-	padding: 15px;
-	float: left;
-	text-align: center;
-	border-radius: 5px;
-	font-size: 20pt;
-}
-
-/* pages */
-
-.setting label {
-	display: block;
-	width: 40px;
-	height: 20px;
-	padding: 5px;
-	float: left;
-	margin: 0px;
-	text-align: center;
-	transition: all 0.3s ease-in-out;
-}
-
-.setting input[type="radio"]:checked+label {
-	font-weight: bold;
-}
-
-
-/* other stuff */
-
-/* <lightbox> */
-.lightbox-opened {
-	/* background-color: #333; */
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	/* left: 0; */
-	overflow-y: scroll;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	z-index:105;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-
-.no-scroll {
-	overflow: hidden;
-}
-
-/* </lightbox> */
-
-.fontello {
-	font-family: fontello;
-}
-
-.loading {
-	font-family: fontello;
-	color: black;
-	content: "\E822";
-	animation-name: spin;
-	animation-duration: 5000ms;
-	animation-iteration-count: infinite;
-	animation-timing-function: linear;
-	/* transform: rotate(3deg); */
-	/* transform: rotate(0.3rad);/ */
-	/* transform: rotate(3grad); */
-	/* transform: rotate(.03turn);  */
-}
-
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.disabled {
-	background-color: black;
-}

themes/bythebook/templates/post.txt

@@ -1,21 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='post' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:9px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=30 class='mobile' style='vertical-align:middle; border-radius:30px'> :name: :rt: </span>
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; background-color:white; position: absolute; top: 15px; right: -1px;'>:menu:</div></span>
-			</span>
-		</div>
-		:spoiler:
-		<div class='media' style='text-align:center;'>:media:</div>
-		<div class='postbody'><div class='content' style='margin-bottom:5px;'>
-		:replyto: :text:
-		</div></div>
-		<div class='post_footer'>:footer:</DIV>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'><noscript>:form:</noscript>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/bythebook/templates/profileheader.txt

@@ -1,26 +0,0 @@
-
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='profile'>
-		<div style='width: 100%; height:250px; background-color:#:mainColor:; background-size:cover; background-image:url(:header:); display:inline-block; position:relative;'>
-			<span style='width:290; height:30px; display:block; margin-top:15px; margin-right:15px; float:right;'>
-			:top:
-			</span>
-			<span style='position:absolute; bottom:10px; left:10px;'>
-			:bottom:
-			</span>
-		</div>
-		<div style='width: 100%; position:relative; text-align:center; padding-bottom:15px;'>
-			<div class='avatar' style='background-color:white; background-size: cover; background-image:url(:avatar:); text-align:center; float:none; display:inline-block; border:3px solid white; margin-top:-50px; border-radius:5px; width:80px; height:80px;'></div>
-			<br><span style='font-weight:bold; font-size:40px;'>:name:</span>
-			<br><span style='font-weight:bold;'><a href=':url:' target='_blank' class='link external'> @:acct:</a></span>
-			<br><span>:note:</span>
-		</div>
-		<div class='post_footer' style='width: inherit; text-align:center;'>
-			<div style='width:33%; text-align:center; float:left;'><b>Statuses</b><br>:statuses:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Following</b><br>:following:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Followers</b><br>:followers:</div>
-			<span style='font-size:9px;'>Data may be inaccurate, <a href=':url:' style='font-size:9px;' target='_blank' class='link'>visit profile directly</a> to see updated data.</span>
-		</div>
-	</div>
-</div>

themes/bythebook/templates/reblog.txt

@@ -1,16 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='rb' id=':id:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='post_header'>:name:</div>
-		<div class='media'>:media:</div>
-		<div class='content' style='margin-bottom:5px;'>
-		:spoiler:
-		:text:
-		</div>
-		<div class='post_footer'>:footer:</DIV>
-		<div id='r:id:' class='replies_container'>:form::descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-	:notes:
-</div>

themes/bythebook/templates/reply.txt

@@ -1,25 +0,0 @@
-<div class='reply :mode:' id=':id:'>
-	<div class='postHeader'>
-		<span style='margin:12px; display:block; float:left;'>
-			<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'>
-			<a class='ldr link user' href='?user=:uid:' id=':uid:'>
-				<b>:name:</b>
-			</a>
-			<span class='desktop'>(:acct:)</span>
-		</span>
-		<span style='margin:10px; float:right; display:block;'>
-			<span class='postMenu fontello'>&#xf0c9;
-				<div style='display:none; z-index:99; width:130px; background-color:white; position: absolute; top: 15px; right: -1px;'>:menu:</div>
-			</span>
-		</span>
-	</div>
-	<div class='postbody'>
-		<div class='content' style='margin:0px;'>:media: :replyto: :text:</div>
-	</div>
-	<span style='width:100%; margin-bottom:10px; display:block;'>
-		<span style='margin-left:10px;'>:date:</span>
-		<span id=':id:' class="post_buttons" style='margin-right:10px;'>:buttons:</span>
-	</span>
-	<div id=':id:' class='replies_container'></div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/bythebook/templates/replyform.txt

@@ -1,45 +0,0 @@
-<div class='reply form' id='replyform' style='display:inline-block; width:100%'>
-	<div style='width:95%; margin: 10px auto; display:block;'>
-	<div style='text-align:right; background-color:white;'>
-	<form action='status.php' method='post' enctype='multipart/form-data'>
-		<input type='hidden' id='thread' name='thread' value=':id:'>
-		<div style='width:100%; border: 1px solid #ddd; text-align:left;'>
-			<div style='width:100% height:27px; border-bottom: 1px solid #ddd;'>
-				<input type='text' name='spoiler' value='Title (optional)' onClick='this.value=""' style='border:none; width:100%;'>
-			</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'><span class='close'> X </span> <input type='text' id='emojisearch'><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
-		<div class="buttons">
-			<span style='float:left;'>
-				<input type='submit' value='Send' id='send' onClick='return false'>
-				<div class='formbtn fontello' style='position:relative;'>
-					&#xe818;
-					<input style='opacity:0; position:absolute; left:0px; top:5px; background-color:yellow;' type='file' id="files_input_field" name='file[]' multiple onchange="upload_files_reply();">
-				</div>
-				<div class='formbtn fontello' style='position:relative;'>
-					<input type='checkbox' name='sensitive' id='rsensitive' style='display:none;'>
-					<label for='rsensitive' class='fontello'>&#xe81b;</label>
-				</div>
-				<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
-					&#128540;
-				</div>
-			</span>
-			<span style='float:left; margin-left:10px;' class='status'>
-				
-			</span>
-			<span style='float:right;'>
-				<select name='scope' id='scope'>
-					<option id="public" value="1">&#xe83c; Public</option>	
-					<option id="unlisted" value="2">&#xe816; Unlisted</option>
-					<option id="private" value="3">&#xe819; Private</option>
-					<option id="direct" value="4">&#xf0e0; Direct</option>
-				</select>
-			</span>
-		</div>
-	</form>
-	</div>
-	<div style="clear: both;"></div> 
-	</div>
-</div>
-

themes/bythebook/templates/textpost.txt

@@ -1,23 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='post textonly' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:9px; display:block; float:left;'>
-				<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'> 
-				:name: :rt:
-			</span> 
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; background-color:white; position: absolute; top: 15px; right: -1px;'>:menu:</div></span>
-			</span>
-		</div>
-		<div class='postbody'>
-			<div class='content' style='margin-bottom:5px; margin-top:5px;'>:spoiler: :replyto: :text:</div>
-		</div>
-		<div class='post_footer'>:footer:</div>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>
-

themes/chicago/css/color.css

@@ -246,15 +246,9 @@ input[type="checkbox"]:checked+label {
 .post,
 .rb,
 .textonly,
-.loadmore {
-	background-color: #c3c3c3;
-	border-top:2px solid #ffffff;
-	border-left:2px solid #ffffff;
-	border-bottom:2px solid #828282;
-	border-right:2px solid #828282;
-}
-
-.postform {
+.loadmore,
+.postform,
+.searchmobile {
 	background-color: #c3c3c3;
 	border-top:2px solid #ffffff;
 	border-left:2px solid #ffffff;

themes/chicago/css/mobile.css

@@ -1,656 +0,0 @@
-/* overall */
-
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 12pt;
-}
-
-a {
-	text-decoration:none;
-}
-
-h1 {
-	font-size:20px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
-ul{
-	padding:0px;
-	margin:0px;
-}
-
-select{
-	padding:5px;
-	margin-top:5px;
-	border:0px;
-	font-weight:bold;
-	font-family:fontello, sans-serif;
-}
-	
-option{
-	font-family:fontello, sans-serif;
-	}
-
-label {
-	margin-left: 5px;
-	margin-right: 5px;
-	cursor: pointer;
-}
-
-input[type="file"], .nloadmore {
-	cursor:pointer;
-}
-
-textarea {
-	resize: none;
-}
-
-/* omnipresent */
-
-.desktop{
-	display:none !important;
-}
-
-.link {
-	text-decoration: none;
-}
-
-.external:after{
-		font-family:fontello;
-		font-weight:normal;
-		content: ' ';
-		}
-
-/* basic structure */
-
-.topbar {
-	width: 100vw;
-	height: 45px;
-	margin: 0;
-	position: relative;
-}
-
-.wrapper {
-	width: 100vw;
-	clear: both;
-	display: inline-block;
-	text-align: center;
-}
-
-.container {
-	width: 100% !important;
-	display: inline-block;
-	text-align: center;
-}
-
-#posts {
-	width: 100% !important;
-}
-
-.content {
-	width: 100%;
-	display: inline-block;
-	margin:0px !important;
-	text-align: left;
-	word-break: break-all;
-}
-
-aside {
-	display:none !important;
-}
-
-.gotop {
-	width: 30px;
-	height: 30px;
-	padding: 5px;
-	position: fixed;
-	display: table;
-	text-align: center;
-	right: 20px;
-	bottom: 20px;
-	border-radius: 10px;
-	z-index:50;
-}
-
-.gotop a {
-	text-align: center;
-	display: table-cell;
-	vertical-align: middle;
-	opacity: 0.7;
-	font-size: 20px;
-}
-
-#hiddenside {
-	background-color: rgba(255, 255, 255, 0);
-	position: fixed;
-	left: 0px;
-	bottom: 0px;
-	width: 100vw;
-	height: auto;
-	z-index: 99;
-}
-
-/* topbar elements */
-
-.mid {
-	display:none;
-}
-
-.topbutton {
-	vertical-align: middle;
-	display: table-cell;
-	line-height: 45px;
-	height: 100%;
-	width: 50px;
-	position: relative;
-}
-
-.topicon {
-	text-decoration: none;
-	display: inline;
-	font-size: 20px;
-}
-
-.badge {
-	text-decoration: none;
-}
-
-.alert {
-	border-radius: 90px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	right: 15px;
-	top: 15px;
-	display: none;
-}
-
-#notifications {
-	position: fixed;
-	left: 0px;
-	top: 45px;
-	width: 100vw;
-	max-height: 400px;
-	display: none;
-	line-height:12px;
-	overflow-y:scroll;
-	border-radius:3px;
-}
-
-.notif{
-	width:100%;
-	height:80px;
-	display:inline-block;
-	text-align:left;
-	position:relative;
-}
-
-#quicksend {
-	border-radius: 3px;
-	font-weight: bold;
-}	
-
-.notifContents{
-	margin:10px; 
-	display:flex;
-	height:60px; 
-	max-width:325px;
-}
-
-.nloadmore {
-	display:inline-block; 
-	height:20px; 
-	padding-top:10px;
-}
-
-/* sidebar */
-
-.side_element {
-	display:none;
-	width: 92%;
-	margin: 10px;
-	display: inline-block;
-	text-align: center;
-	color: lightgray;
-}
-
-.side_element a {
-	color: lightgray;
-}
-
-/* posts area elements */
-
-.uploadedImage {
-	width: 60px;
-	margin: 10px 0px 10px 10px;
-	height: 60px;
-	border: 1px solid #ccc;
-	display: inline-block;
-	box-shadow: 3px 3px 3px grey;
-	float: left;
-	background-size: cover;
-}
-
-.uploadBox {
-	width: 100%;
-	display: inline-block;
-	border-bottom: 1px solid #ddd;
-}
-
-.delpic {
-	border-radius:90px;
-	display:inline-block;
-	cursor:pointer;
-}
-
-#send {
-	padding:5px; 
-	border-radius:3px; 
-	font-weight:bold; 
-	margin-top:5px;
-}
-	
-.formbtn {
-	background-color:transparent; 
-	border: 0px; 
-	margin-top:11px;
-	margin-left:15px;
-	float:left;
-	width:20px;
-	height:20px;
-	line-height:20px;
-	text-align:center;
-	overflow:hidden; 
-	font-size:20px;
-}
-
-.formbtn label{
-	margin:-5px;
-	font-size:20px;
-}
-
-.element {
-	width: 90% !important;
-	clear: both;
-	display: inline-block;
-	margin-top: 3px;
-}
-
-.profile {
-	float:left; 
-	background-color:white; 
-	border-radius:5px; 
-	//width:650px;
-	width:100%;
-}
-
-.profileButton{
-	padding: 5px;
-	border-radius: 5px;
-	font-family: fontello, sans-serif;
-}
-
-#usermenu .menu {
-	display: none;
-	width: 150px;
-	height: 100px;
-	position: absolute;
-	top: 45px;
-	left: -80px;
-	transition: 0.4s;
-}
-
-#usermenu:hover>.menu,
-#usermenu:active>.menu {
-	display: block;
-	transition: 0.4s;
-}
-
-.postMenu,.listmenu {
-	cursor: pointer;
-	position:relative;
-}
-
-.postMenu div{
-	border-radius: 3px;
-}
-
-.postMenu li {
-	margin:0px;
-	width:100%;
-	height:35px;
-	display:block;
-	text-align:center;
-	line-height:35px;
-}
-
-.postMenu:hover > div{
-	display:block !important;
-}
-
-.postMenu ul {
-	margin:0px;
-	width:100%;
-	padding:0px;
-}
-
-.profileMenu:hover > div, .listmenu:hover > div{
-	display:block !important;
-}
-
-.listmenu li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-.felem {
-	margin-left: 10px;
-	float: left;
-}
-
-.avatar {
-	display:none;
-	width: 50px;
-	background-size: cover;
-	height: 50px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-}
-
-.post,
-.loader,
-.loadmore,
-.rb,
-.textonly,
-.profile {
-	width: 100% !important;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-}
-
-.postform {
-	display:none;
-	position:fixed;
-	width: 100vw !important;
-	left:0px;
-	top:45px;
-	text-align: center;
-	border-radius: 3px;
-	z-index: 99;
-}
-
-#postform {
-	display:none;
-}
-
-.postHeader {
-	width: 100%;
-	display: inline-block;
-	height: 40px;
-	text-align: left;
-}
-
-.postHeader *,.post_footer *{
-	font-size:small;
-}
-
-.previewpost {
-	display: none;
-	position: absolute;
-	margin-top: -100px;
-	width: 400px;
-	border-radius:3px;
-}
-
-.user {
-	position:relative;
-}
-
-.userinfo {
-	display: none;
-	position: absolute;
-	left:0px;
-	top:-198px;
-	width: 300px;
-	height: 200px;
-	border-radius:3px;
-}
-
-.userinfo_co {
-	width: 280px;
-	margin: 10px;
-}
-
-.userinfo_he {
-	width: 300px;
-	height: 100px;
-}
-
-.media {
-	width: 100%;
-	display: inline-block;
-}
-
-.img {
-	width: 600px;
-	text-align: center;
-}
-
-.blur {
-	-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
-	/* Safari 6.0 - 9.0 */
-	filter: blur(25px) brightness(70%) grayscale(100%);
-	opacity: 0.5;
-	transition: 0.4s;
-}
-
-.toggleblur {
-	display:none;
-	cursor: pointer;
-	font-family: sans, fontello;
-}
-
-.small {
-	width: 48% !important;
-	height: 321px;
-	line-height: 321px;
-	background-color: black;
-	float:left;
-	margin:2px !important;
-}
-
-.smaller {
-	width: 31% !important;
-	height: 212px;
-	line-height: 212px;
-	background-color: black;
-	float:left;
-	margin:2px !important;
-}
-
-.icon {
-	width: 80px !important;
-	height: 80px !important;
-	line-height: 80px;
-	float:left;
-	text-align:center;
-	margin:2px !important;
-}
-
-.postbody {
-	margin: 15px;
-}
-
-.post_footer {
-	width: 630px;
-	display: table-cell;
-	clear: both;
-	padding: 10px;
-	height: 20px;
-	text-align: left;
-	border-radius: 3px;
-}
-
-.post_buttons {
-	font-family: fontello;
-	float: right;
-	display: inline-block;
-	text-align: right;
-	font-size: 15pt;
-}
-
-.post_buttons a,
-.post_buttons span {
-	font-family: inherit;
-	text-decoration: none;
-	color: inherit;
-	font-size: inherit;
-}
-
-.reply {
-	width: 100%;
-	clear: both;
-	text-align: left;
-	display: block;
-}
-
-.note {
-	width: 640px;
-	float: left;
-	text-align: left;
-	border-radius: 5px;
-	padding: 5px;
-}
-
-.button {
-	padding: 15px;
-	float: left;
-	text-align: center;
-	border-radius: 5px;
-	font-size: 20pt;
-}
-
-/* pages */
-
-.setting label {
-	display: block;
-	width: 40px;
-	height: 20px;
-	padding: 5px;
-	float: left;
-	margin: 0px;
-	text-align: center;
-	transition: all 0.3s ease-in-out;
-}
-
-.setting input[type="radio"]:checked+label {
-	font-weight: bold;
-}
-
-/* other stuff */
-
-/* <lightbox> */
-.lightbox-opened {
-	/* background-color: #333; */
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	/* left: 0; */
-	overflow-y: scroll;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	z-index:105;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-/*
-.lightbox-opened {
-	//background-color: #333;
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	left: 0;
-	overflow-y: scroll;
-	padding: 24px;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-*/
-.no-scroll {
-	overflow: hidden;
-}
-
-/* </lightbox> */
-
-.fontello {
-	font-family: fontello, sans-serif;
-}
-
-.loading {
-	font-family: fontello;
-	color: black;
-	content: "\E822";
-	animation-name: spin;
-	animation-duration: 5000ms;
-	animation-iteration-count: infinite;
-	animation-timing-function: linear;
-	/* transform: rotate(3deg); */
-	/* transform: rotate(0.3rad);/ */
-	/* transform: rotate(3grad); */
-	/* transform: rotate(.03turn);  */
-}
-
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.disabled {
-	background-color: black;
-}

themes/chicago/css/style.css

@@ -1,631 +0,0 @@
-/* overall */
-html {
-	scroll-behavior: smooth;
-}
-
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 11pt;
-}
-
-a {
-	text-decoration: none;
-}
-
-h1 { 
-	font-size:30px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
-ul{
-	padding:0px;
-	margin:0px;
-}
-
-select{
-	padding:5px;
-	margin-top:5px;
-	border:0px;
-	font-weight:bold;
-	font-family:fontello, sans-serif;
-}
-	
-option{
-	font-family:fontello, sans-serif;
-}
-
-label {
-	margin-left: 5px;
-	margin-right: 5px;
-	cursor: pointer;
-}
-
-input[type="file"], .nloadmore {
-	cursor:pointer;
-}
-
-textarea {
-	resize: none;
-}
-
-/* omnipresent */
-
-.mobile {
-	display:none !important;
-}
-
-.link {
-	text-decoration: none;
-}
-
-.external:after{
-		font-family:fontello;
-		font-weight:normal;
-		content: ' ';
-		}
-
-/* basic structure */
-
-.topbar {
-	width: 100%;
-	height: 45px;
-	margin: 0;
-	position: relative;
-}
-
-.wrapper {
-	width: 100%;
-	clear: both;
-	display: inline-block;
-	text-align: center;
-}
-
-.container {
-	display: inline-block;
-	text-align: center;
-}
-
-#posts {
-	width: 800px;
-	float: left;
-}
-
-aside {
-	margin-top: 5px;
-	width: 280px;
-	float: left;
-	display: inline-block;
-}
-
-.gotop {
-	width: 30px;
-	height: 30px;
-	padding: 5px;
-	position: fixed;
-	display: table;
-	text-align: center;
-	right: 20px;
-	bottom: 20px;
-	border-radius: 10px;
-}
-
-.gotop a {
-	text-align: center;
-	display: table-cell;
-	vertical-align: middle;
-	opacity: 0.7;
-	font-size: 20px;
-}
-
-#hiddenside {
-	background-color: rgba(255, 255, 255, 0);
-	position: fixed;
-	right: 10px;
-	bottom: 115px;
-	width: 350px;
-	height: auto;
-}
-
-/* topbar elements */
-
-.topbutton {
-	vertical-align: middle;
-	display: table-cell;
-	line-height: 45px;
-	height: 100%;
-	width: 50px;
-	position: relative;
-}
-
-.topicon {
-	text-decoration: none;
-	display: inline;
-	font-size: 20px;
-}
-
-.ntbutton {
-	position:relative;
-}
-
-.badge {
-	text-decoration: none;
-}
-
-.alert {
-	border-radius: 90px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	right: 15px;
-	top: 15px;
-	display: none;
-}
-
-#notifications {
-	position: absolute;
-	right: -20px;
-	top: 45px;
-	width: 350px;
-	max-height: 500px;
-	display: none;
-	line-height:12px;
-	overflow-y:scroll;
-	border-radius:3px;
-}
-
-.notif{
-	width:330px;
-	height:80px;
-	display:inline-block;
-	text-align:left;
-	position:relative;
-}
-
-#quicksend {
-	border-radius: 3px;
-	font-weight: bold;
-}	
-
-.notifContents{
-	margin:10px; 
-	display:flex;
-	height:60px; 
-	max-width:325px;
-}
-
-.nloadmore {
-	display:inline-block; 
-	height:20px; 
-	padding-top:10px;
-}
-
-/* sidebar */
-
-.side_element {
-	border-radius: 3px;
-	width: 92%;
-	margin: 10px;
-	display: inline-block;
-	text-align: center;
-}
-
-.side_element li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-/* posts area elements */
-
-.uploadedImage {
-	width: 60px;
-	margin: 10px 0px 10px 10px;
-	height: 60px;
-	border: 1px solid #ccc;
-	display: inline-block;
-	box-shadow: 3px 3px 3px grey;
-	float: left;
-	background-size: cover;
-}
-
-.uploadBox {
-	width: 100%;
-	display: inline-block;
-	border-bottom: 1px solid #ddd;
-}
-
-.delpic {
-	border-radius:90px;
-	display:inline-block;
-	cursor:pointer;
-}
-
-#send {
-	padding:5px; 
-	border-radius:3px; 
-	font-weight:bold; 
-	margin-top:5px;
-	float:left;
-}
-	
-.formbtn {
-	background-color:transparent; 
-	border: 0px; 
-	margin-top:11px;
-	margin-left:15px;
-	float:left;
-	width:20px;
-	height:20px;
-	line-height:20px;
-	text-align:center;
-	overflow:hidden; 
-	font-size:20px;
-}
-
-.formbtn label{
-	margin:-5px;
-	font-size:20px;
-}
-
-.element {
-	width: 800px;
-	clear: both;
-	display: inline-block;
-	margin-top: 5px;
-}
-
-.profile,.loader {
-	float:left; 
-	border-radius:5px;
-	width:650px;
-}
-
-.profileButton{
-	padding: 5px;
-	border-radius: 5px;
-	font-family: fontello, sans-serif;
-}
-
-#usermenu .menu {
-	display: none;
-	width: 150px;
-	height: 100px;
-	position: absolute;
-	top: 45px;
-	left: -80px;
-	transition: 0.4s;
-}
-
-#usermenu:hover>.menu,
-#usermenu:active>.menu {
-	display: block;
-	transition: 0.4s;
-}
-
-.postMenu {
-	cursor: pointer;
-	position:relative;
-}
-
-.postMenu div{
-	border-radius: 3px;
-}
-
-.postMenu li {
-	margin:0px;
-	width:100%;
-	height:35px;
-	display:block;
-	text-align:center;
-	line-height:35px;
-}
-
-.postMenu:hover > div{
-	display:block !important;
-}
-
-.postMenu ul {
-	margin:0px;
-	width:100%;
-	padding:0px;
-}
-
-.profileMenu:hover > div, .listmenu:hover > div{
-	display:block !important;
-}
-
-.listmenu li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-.felem {
-	margin-left: 10px;
-	float: left;
-}
-
-.avatar {
-	width: 80px;
-	background-size: 80px;
-	height: 80px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-}
-
-.post,
-.rb,
-.textonly,
-.loadmore {
-	width: 650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-}
-
-.postform {
-	width:650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-	display:block !important;
-}
-
-.postHeader {
-	width: 100%;
-	display: inline-block;
-	height: 40px;
-	text-align: left;
-}
-
-.previewpost {
-	display: none;
-	position: absolute;
-	margin-top: -100px;
-	width: 400px;
-	border-radius:3px;
-}
-
-.user {
-	position:relative;
-}
-
-.userinfo {
-	display: none;
-	position: absolute;
-	left:0px;
-	top:15px;
-	width: 300px;
-	height: auto;
-	border-radius:3px;
-	line-height:initial;
-	z-index:99;
-}
-
-.userinfo_upper{
-	top:-100px;
-}
-
-.userinfo_co {
-	width: 280px;
-	margin: 10px;
-	text-align: center; 
-	position:relative;
-}
-
-.userinfo_he {
-	width: 300px;
-	height: 150px;
-}
-
-.media {
-	width: 100%;
-	display: inline-block;
-}
-
-.img {
-	width: 600px;
-	text-align: center;
-}
-
-.blur {
-	-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
-	/* Safari 6.0 - 9.0 */
-	filter: blur(25px) brightness(70%) grayscale(100%);
-	opacity: 0.5;
-	transition: 0.4s;
-}
-
-.toggleblur {
-	display:none;
-	cursor: pointer;
-	font-family: sans, fontello;
-}
-
-.small {
-	width: 321px !important;
-	height: 321px;
-	line-height: 321px;
-	/* background-color: black; */
-	float:left;
-	margin:2px !important;
-}
-
-.smaller {
-	width: 212px !important;
-	height: 212px;
-	line-height: 212px;
-	/* background-color: black; */
-	float:left;
-	margin:2px !important;
-}
-
-.icon {
-	width: 80px !important;
-	height: 80px !important;
-	line-height: 80px;
-	float:left;
-	text-align:center;
-	margin:2px !important;
-}
-
-.postbody {
-	margin: 15px;
-}
-
-.content {
-	width: 600px;
-	display: inline-block;
-	margin:0px !important;
-	text-align: left;
-}
-
-.post_footer {
-	width: 630px;
-	display: table-cell;
-	clear: both;
-	padding: 10px;
-	height: 20px;
-	text-align: left;
-	border-radius: 3px;
-}
-
-.post_buttons {
-	font-family: fontello;
-	float: right;
-	display: inline-block;
-	text-align: right;
-	font-size: 15pt;
-}
-
-.post_buttons a,
-.post_buttons span {
-	font-family: inherit;
-	text-decoration: none;
-	color: inherit;
-	font-size: inherit;
-}
-
-.reply {
-	width: 100%;
-	clear: both;
-	text-align: left;
-	display: block;
-}
-
-.note {
-	width: 640px;
-	float: left;
-	text-align: left;
-	border-radius: 5px;
-	padding: 5px;
-}
-
-.button {
-	padding: 15px;
-	float: left;
-	text-align: center;
-	border-radius: 5px;
-	font-size: 20pt;
-}
-
-/* pages */
-
-.setting label {
-	display: block;
-	width: 40px;
-	height: 20px;
-	padding: 5px;
-	float: left;
-	margin: 0px;
-	text-align: center;
-	transition: all 0.3s ease-in-out;
-}
-
-.setting input[type="radio"]:checked+label {
-	font-weight: bold;
-}
-
-
-/* other stuff */
-
-/* <lightbox> */
-.lightbox-opened {
-	/* background-color: #333; */
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	/* left: 0; */
-	overflow-y: scroll;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	z-index:105;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-
-.no-scroll {
-	overflow: hidden;
-}
-
-/* </lightbox> */
-
-.fontello {
-	font-family: fontello;
-}
-
-.loading {
-	font-family: fontello;
-	color: black;
-	content: "\E822";
-	animation-name: spin;
-	animation-duration: 5000ms;
-	animation-iteration-count: infinite;
-	animation-timing-function: linear;
-	/* transform: rotate(3deg); */
-	/* transform: rotate(0.3rad);/ */
-	/* transform: rotate(3grad); */
-	/* transform: rotate(.03turn);  */
-}
-
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.disabled {
-	background-color: black;
-}

themes/chicago/templates/post.txt

@@ -1,21 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='post' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:5px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=30 class='mobile' style='vertical-align:middle; border-radius:30px'> :name: :rt: </span>
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
-			</span>
-		</div>
-		:spoiler:
-		<div class='media' style='text-align:center;'>:media:</div>
-		<div class='postbody'><div class='content' style='margin-bottom:5px;'>
-		:replyto: :text:
-		</div></div>
-		<div class='post_footer'>:footer:</DIV>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'><noscript>:form:</noscript>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/chicago/templates/profileheader.txt

@@ -1,26 +0,0 @@
-
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='profile'>
-		<div style='width: 100%; height:250px; background-color:#:mainColor:; background-size:cover; background-image:url(:header:); display:inline-block; position:relative;'>
-			<span style='width:290; height:30px; display:block; margin-top:15px; margin-right:15px; float:right;'>
-			:top:
-			</span>
-			<span style='position:absolute; bottom:10px; left:10px;'>
-			:bottom:
-			</span>
-		</div>
-		<div style='width: 100%; position:relative; text-align:center; padding-bottom:15px;'>
-			<div class='avatar' style='background-color:white; background-size: cover; background-image:url(:avatar:); text-align:center; float:none; display:inline-block; border:3px solid white; margin-top:-50px; border-radius:5px; width:80px; height:80px;'></div>
-			<br><span style='font-weight:bold; font-size:40px;'>:name:</span>
-			<br><span style='font-weight:bold;'><a href=':url:' target='_blank' class='link external'> @:acct:</a></span>
-			<br><span>:note:</span>
-		</div>
-		<div class='post_footer' style='width: inherit; text-align:center;'>
-			<div style='width:33%; text-align:center; float:left;'><b>Statuses</b><br>:statuses:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Following</b><br>:following:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Followers</b><br>:followers:</div>
-			<span style='font-size:9px;'>Data may be inaccurate, <a href=':url:' style='font-size:9px;' target='_blank' class='link'>visit profile directly</a> to see updated data.</span>
-		</div>
-	</div>
-</div>

themes/chicago/templates/reblog.txt

@@ -1,16 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='rb' id=':id:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='post_header'>:name:</div>
-		<div class='media'>:media:</div>
-		<div class='content' style='margin-bottom:5px;'>
-		:spoiler:
-		:text:
-		</div>
-		<div class='post_footer'>:footer:</DIV>
-		<div id='r:id:' class='replies_container'>:form::descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-	:notes:
-</div>

themes/chicago/templates/reply.txt

@@ -1,25 +0,0 @@
-<div class='reply :mode:' id=':id:'>
-	<div class='postHeader'>
-		<span style='margin:12px; display:block; float:left;'>
-			<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'>
-			<a class='ldr link user' href='?user=:uid:' id=':uid:'>
-				<b>:name:</b>
-			</a>
-			<span class='desktop'>(:acct:)</span>
-		</span>
-		<span style='margin:10px; float:right; display:block;'>
-			<span class='postMenu fontello'>&#xf0c9;
-				<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div>
-			</span>
-		</span>
-	</div>
-	<div class='postbody'>
-		<div class='content' style='margin:0px;'>:media: :replyto: :text:</div>
-	</div>
-	<span style='width:100%; margin-bottom:10px; display:block;'>
-		<span style='margin-left:10px;'>:date:</span>
-		<span id=':id:' class="post_buttons" style='margin-right:10px;'>:buttons:</span>
-	</span>
-	<div id=':id:' class='replies_container'></div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/chicago/templates/replyform.txt

@@ -1,45 +0,0 @@
-<div class='reply form' id='replyform' style='display:inline-block; width:100%'>
-	<div style='width:95%; margin: 10px auto; display:block;'>
-	<div style='text-align:right; background-color:white;'>
-	<form action='status.php' method='post' enctype='multipart/form-data'>
-		<input type='hidden' id='thread' name='thread' value=':id:'>
-		<div style='width:100%; border: 1px solid #ddd; text-align:left;'>
-			<div style='width:100% height:27px; border-bottom: 1px solid #ddd;'>
-				<input type='text' name='spoiler' value='Title (optional)' onClick='this.value=""' style='border:none; width:100%;'>
-			</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'><span class='close'> X </span> <input type='text' id='emojisearch'><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
-		<div class="buttons">
-			<span style='float:left;'>
-				<input type='submit' value='Send' id='send' onClick='return false'>
-				<div class='formbtn fontello' style='position:relative;'>
-					&#xe818;
-					<input style='opacity:0; position:absolute; left:0px; top:5px; background-color:yellow;' type='file' id="files_input_field" name='file[]' multiple onchange="upload_files_reply();">
-				</div>
-				<div class='formbtn fontello' style='position:relative;'>
-					<input type='checkbox' name='sensitive' id='rsensitive' style='display:none;'>
-					<label for='rsensitive' class='fontello'>&#xe81b;</label>
-				</div>
-				<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
-					&#128540;
-				</div>
-			</span>
-			<span style='float:left; margin-left:10px;' class='status'>
-				
-			</span>
-			<span style='float:right;'>
-				<select name='scope' id='scope'>
-					<option id="public" value="1">&#xe83c; Public</option>	
-					<option id="unlisted" value="2">&#xe816; Unlisted</option>
-					<option id="private" value="3">&#xe819; Private</option>
-					<option id="direct" value="4">&#xf0e0; Direct</option>
-				</select>
-			</span>
-		</div>
-	</form>
-	</div>
-	<div style="clear: both;"></div> 
-	</div>
-</div>
-

themes/cuatro/css/color.css

@@ -198,7 +198,7 @@ input[type="checkbox"]:checked+label {
 	border:1px solid #800000;
 }
 
-.postform {
+.postform,.searchmobile {
 	background-color: #eeaa88;
 	border:1px solid #eeaa88;
 }

themes/cuatro/css/mobile.css

@@ -1,656 +0,0 @@
-/* overall */
-
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 12pt;
-}
-
-a {
-	text-decoration:none;
-}
-
-h1 {
-	font-size:20px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
-ul{
-	padding:0px;
-	margin:0px;
-}
-
-select{
-	padding:5px;
-	margin-top:5px;
-	border:0px;
-	font-weight:bold;
-	font-family:fontello, sans-serif;
-}
-	
-option{
-	font-family:fontello, sans-serif;
-	}
-
-label {
-	margin-left: 5px;
-	margin-right: 5px;
-	cursor: pointer;
-}
-
-input[type="file"], .nloadmore {
-	cursor:pointer;
-}
-
-textarea {
-	resize: none;
-}
-
-/* omnipresent */
-
-.desktop{
-	display:none !important;
-}
-
-.link {
-	text-decoration: none;
-}
-
-.external:after{
-		font-family:fontello;
-		font-weight:normal;
-		content: ' ';
-		}
-
-/* basic structure */
-
-.topbar {
-	width: 100vw;
-	height: 45px;
-	margin: 0;
-	position: relative;
-}
-
-.wrapper {
-	width: 100vw;
-	clear: both;
-	display: inline-block;
-	text-align: center;
-}
-
-.container {
-	width: 100% !important;
-	display: inline-block;
-	text-align: center;
-}
-
-#posts {
-	width: 100% !important;
-}
-
-.content {
-	width: 100%;
-	display: inline-block;
-	margin:0px !important;
-	text-align: left;
-	word-break: break-all;
-}
-
-aside {
-	display:none !important;
-}
-
-.gotop {
-	width: 30px;
-	height: 30px;
-	padding: 5px;
-	position: fixed;
-	display: table;
-	text-align: center;
-	right: 20px;
-	bottom: 20px;
-	border-radius: 10px;
-	z-index:50;
-}
-
-.gotop a {
-	text-align: center;
-	display: table-cell;
-	vertical-align: middle;
-	opacity: 0.7;
-	font-size: 20px;
-}
-
-#hiddenside {
-	background-color: rgba(255, 255, 255, 0);
-	position: fixed;
-	left: 0px;
-	bottom: 0px;
-	width: 100vw;
-	height: auto;
-	z-index: 99;
-}
-
-/* topbar elements */
-
-.mid {
-	display:none;
-}
-
-.topbutton {
-	vertical-align: middle;
-	display: table-cell;
-	line-height: 45px;
-	height: 100%;
-	width: 50px;
-	position: relative;
-}
-
-.topicon {
-	text-decoration: none;
-	display: inline;
-	font-size: 20px;
-}
-
-.badge {
-	text-decoration: none;
-}
-
-.alert {
-	border-radius: 90px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	right: 15px;
-	top: 15px;
-	display: none;
-}
-
-#notifications {
-	position: fixed;
-	left: 0px;
-	top: 45px;
-	width: 100vw;
-	max-height: 400px;
-	display: none;
-	line-height:12px;
-	overflow-y:scroll;
-	border-radius:3px;
-}
-
-.notif{
-	width:100%;
-	height:80px;
-	display:inline-block;
-	text-align:left;
-	position:relative;
-}
-
-#quicksend {
-	border-radius: 3px;
-	font-weight: bold;
-}	
-
-.notifContents{
-	margin:10px; 
-	display:flex;
-	height:60px; 
-	max-width:325px;
-}
-
-.nloadmore {
-	display:inline-block; 
-	height:20px; 
-	padding-top:10px;
-}
-
-/* sidebar */
-
-.side_element {
-	display:none;
-	width: 92%;
-	margin: 10px;
-	display: inline-block;
-	text-align: center;
-	color: lightgray;
-}
-
-.side_element a {
-	color: lightgray;
-}
-
-/* posts area elements */
-
-.uploadedImage {
-	width: 60px;
-	margin: 10px 0px 10px 10px;
-	height: 60px;
-	border: 1px solid #ccc;
-	display: inline-block;
-	box-shadow: 3px 3px 3px grey;
-	float: left;
-	background-size: cover;
-}
-
-.uploadBox {
-	width: 100%;
-	display: inline-block;
-	border-bottom: 1px solid #ddd;
-}
-
-.delpic {
-	border-radius:90px;
-	display:inline-block;
-	cursor:pointer;
-}
-
-#send {
-	padding:5px; 
-	border-radius:3px; 
-	font-weight:bold; 
-	margin-top:5px;
-}
-	
-.formbtn {
-	background-color:transparent; 
-	border: 0px; 
-	margin-top:11px;
-	margin-left:15px;
-	float:left;
-	width:20px;
-	height:20px;
-	line-height:20px;
-	text-align:center;
-	overflow:hidden; 
-	font-size:20px;
-}
-
-.formbtn label{
-	margin:-5px;
-	font-size:20px;
-}
-
-.element {
-	width: 90% !important;
-	clear: both;
-	display: inline-block;
-	margin-top: 3px;
-}
-
-.profile {
-	float:left; 
-	background-color:white; 
-	border-radius:5px; 
-	//width:650px;
-	width:100%;
-}
-
-.profileButton{
-	padding: 5px;
-	border-radius: 5px;
-	font-family: fontello, sans-serif;
-}
-
-#usermenu .menu {
-	display: none;
-	width: 150px;
-	height: 100px;
-	position: absolute;
-	top: 45px;
-	left: -80px;
-	transition: 0.4s;
-}
-
-#usermenu:hover>.menu,
-#usermenu:active>.menu {
-	display: block;
-	transition: 0.4s;
-}
-
-.postMenu,.listmenu {
-	cursor: pointer;
-	position:relative;
-}
-
-.postMenu div{
-	border-radius: 3px;
-}
-
-.postMenu li {
-	margin:0px;
-	width:100%;
-	height:35px;
-	display:block;
-	text-align:center;
-	line-height:35px;
-}
-
-.postMenu:hover > div{
-	display:block !important;
-}
-
-.postMenu ul {
-	margin:0px;
-	width:100%;
-	padding:0px;
-}
-
-.profileMenu:hover > div, .listmenu:hover > div{
-	display:block !important;
-}
-
-.listmenu li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-.felem {
-	margin-left: 10px;
-	float: left;
-}
-
-.avatar {
-	display:none;
-	width: 50px;
-	background-size: cover;
-	height: 50px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-}
-
-.post,
-.loader,
-.loadmore,
-.rb,
-.textonly,
-.profile {
-	width: 100% !important;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-}
-
-.postform {
-	display:none;
-	position:fixed;
-	width: 100vw !important;
-	left:0px;
-	top:45px;
-	text-align: center;
-	border-radius: 3px;
-	z-index: 99;
-}
-
-#postform {
-	display:none;
-}
-
-.postHeader {
-	width: 100%;
-	display: inline-block;
-	height: 40px;
-	text-align: left;
-}
-
-.postHeader *,.post_footer *{
-	font-size:small;
-}
-
-.previewpost {
-	display: none;
-	position: absolute;
-	margin-top: -100px;
-	width: 400px;
-	border-radius:3px;
-}
-
-.user {
-	position:relative;
-}
-
-.userinfo {
-	display: none;
-	position: absolute;
-	left:0px;
-	top:-198px;
-	width: 300px;
-	height: 200px;
-	border-radius:3px;
-}
-
-.userinfo_co {
-	width: 280px;
-	margin: 10px;
-}
-
-.userinfo_he {
-	width: 300px;
-	height: 100px;
-}
-
-.media {
-	width: 100%;
-	display: inline-block;
-}
-
-.img {
-	width: 600px;
-	text-align: center;
-}
-
-.blur {
-	-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
-	/* Safari 6.0 - 9.0 */
-	filter: blur(25px) brightness(70%) grayscale(100%);
-	opacity: 0.5;
-	transition: 0.4s;
-}
-
-.toggleblur {
-	display:none;
-	cursor: pointer;
-	font-family: sans, fontello;
-}
-
-.small {
-	width: 48% !important;
-	height: 321px;
-	line-height: 321px;
-	background-color: black;
-	float:left;
-	margin:2px !important;
-}
-
-.smaller {
-	width: 31% !important;
-	height: 212px;
-	line-height: 212px;
-	background-color: black;
-	float:left;
-	margin:2px !important;
-}
-
-.icon {
-	width: 80px !important;
-	height: 80px !important;
-	line-height: 80px;
-	float:left;
-	text-align:center;
-	margin:2px !important;
-}
-
-.postbody {
-	margin: 15px;
-}
-
-.post_footer {
-	width: 630px;
-	display: table-cell;
-	clear: both;
-	padding: 10px;
-	height: 20px;
-	text-align: left;
-	border-radius: 3px;
-}
-
-.post_buttons {
-	font-family: fontello;
-	float: right;
-	display: inline-block;
-	text-align: right;
-	font-size: 15pt;
-}
-
-.post_buttons a,
-.post_buttons span {
-	font-family: inherit;
-	text-decoration: none;
-	color: inherit;
-	font-size: inherit;
-}
-
-.reply {
-	width: 100%;
-	clear: both;
-	text-align: left;
-	display: block;
-}
-
-.note {
-	width: 640px;
-	float: left;
-	text-align: left;
-	border-radius: 5px;
-	padding: 5px;
-}
-
-.button {
-	padding: 15px;
-	float: left;
-	text-align: center;
-	border-radius: 5px;
-	font-size: 20pt;
-}
-
-/* pages */
-
-.setting label {
-	display: block;
-	width: 40px;
-	height: 20px;
-	padding: 5px;
-	float: left;
-	margin: 0px;
-	text-align: center;
-	transition: all 0.3s ease-in-out;
-}
-
-.setting input[type="radio"]:checked+label {
-	font-weight: bold;
-}
-
-/* other stuff */
-
-/* <lightbox> */
-.lightbox-opened {
-	/* background-color: #333; */
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	/* left: 0; */
-	overflow-y: scroll;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	z-index:105;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-/*
-.lightbox-opened {
-	//background-color: #333;
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	left: 0;
-	overflow-y: scroll;
-	padding: 24px;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-*/
-.no-scroll {
-	overflow: hidden;
-}
-
-/* </lightbox> */
-
-.fontello {
-	font-family: fontello, sans-serif;
-}
-
-.loading {
-	font-family: fontello;
-	color: black;
-	content: "\E822";
-	animation-name: spin;
-	animation-duration: 5000ms;
-	animation-iteration-count: infinite;
-	animation-timing-function: linear;
-	/* transform: rotate(3deg); */
-	/* transform: rotate(0.3rad);/ */
-	/* transform: rotate(3grad); */
-	/* transform: rotate(.03turn);  */
-}
-
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.disabled {
-	background-color: black;
-}

themes/cuatro/css/style.css

@@ -1,631 +0,0 @@
-/* overall */
-html {
-	scroll-behavior: smooth;
-}
-
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 11pt;
-}
-
-a {
-	text-decoration: none;
-}
-
-h1 { 
-	font-size:30px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
-ul{
-	padding:0px;
-	margin:0px;
-}
-
-select{
-	padding:5px;
-	margin-top:5px;
-	border:0px;
-	font-weight:bold;
-	font-family:fontello, sans-serif;
-}
-	
-option{
-	font-family:fontello, sans-serif;
-}
-
-label {
-	margin-left: 5px;
-	margin-right: 5px;
-	cursor: pointer;
-}
-
-input[type="file"], .nloadmore {
-	cursor:pointer;
-}
-
-textarea {
-	resize: none;
-}
-
-/* omnipresent */
-
-.mobile {
-	display:none !important;
-}
-
-.link {
-	text-decoration: none;
-}
-
-.external:after{
-		font-family:fontello;
-		font-weight:normal;
-		content: ' ';
-		}
-
-/* basic structure */
-
-.topbar {
-	width: 100%;
-	height: 45px;
-	margin: 0;
-	position: relative;
-}
-
-.wrapper {
-	width: 100%;
-	clear: both;
-	display: inline-block;
-	text-align: center;
-}
-
-.container {
-	display: inline-block;
-	text-align: center;
-}
-
-#posts {
-	width: 800px;
-	float: left;
-}
-
-aside {
-	margin-top: 5px;
-	width: 280px;
-	float: left;
-	display: inline-block;
-}
-
-.gotop {
-	width: 30px;
-	height: 30px;
-	padding: 5px;
-	position: fixed;
-	display: table;
-	text-align: center;
-	right: 20px;
-	bottom: 20px;
-	border-radius: 10px;
-}
-
-.gotop a {
-	text-align: center;
-	display: table-cell;
-	vertical-align: middle;
-	opacity: 0.7;
-	font-size: 20px;
-}
-
-#hiddenside {
-	background-color: rgba(255, 255, 255, 0);
-	position: fixed;
-	right: 10px;
-	bottom: 115px;
-	width: 350px;
-	height: auto;
-}
-
-/* topbar elements */
-
-.topbutton {
-	vertical-align: middle;
-	display: table-cell;
-	line-height: 45px;
-	height: 100%;
-	width: 50px;
-	position: relative;
-}
-
-.topicon {
-	text-decoration: none;
-	display: inline;
-	font-size: 20px;
-}
-
-.ntbutton {
-	position:relative;
-}
-
-.badge {
-	text-decoration: none;
-}
-
-.alert {
-	border-radius: 90px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	right: 15px;
-	top: 15px;
-	display: none;
-}
-
-#notifications {
-	position: absolute;
-	right: -20px;
-	top: 45px;
-	width: 350px;
-	max-height: 500px;
-	display: none;
-	line-height:12px;
-	overflow-y:scroll;
-	border-radius:3px;
-}
-
-.notif{
-	width:330px;
-	height:80px;
-	display:inline-block;
-	text-align:left;
-	position:relative;
-}
-
-#quicksend {
-	border-radius: 3px;
-	font-weight: bold;
-}	
-
-.notifContents{
-	margin:10px; 
-	display:flex;
-	height:60px; 
-	max-width:325px;
-}
-
-.nloadmore {
-	display:inline-block; 
-	height:20px; 
-	padding-top:10px;
-}
-
-/* sidebar */
-
-.side_element {
-	border-radius: 3px;
-	width: 92%;
-	margin: 10px;
-	display: inline-block;
-	text-align: center;
-}
-
-.side_element li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-/* posts area elements */
-
-.uploadedImage {
-	width: 60px;
-	margin: 10px 0px 10px 10px;
-	height: 60px;
-	border: 1px solid #ccc;
-	display: inline-block;
-	box-shadow: 3px 3px 3px grey;
-	float: left;
-	background-size: cover;
-}
-
-.uploadBox {
-	width: 100%;
-	display: inline-block;
-	border-bottom: 1px solid #ddd;
-}
-
-.delpic {
-	border-radius:90px;
-	display:inline-block;
-	cursor:pointer;
-}
-
-#send {
-	padding:5px; 
-	border-radius:3px; 
-	font-weight:bold; 
-	margin-top:5px;
-	float:left;
-}
-	
-.formbtn {
-	background-color:transparent; 
-	border: 0px; 
-	margin-top:11px;
-	margin-left:15px;
-	float:left;
-	width:20px;
-	height:20px;
-	line-height:20px;
-	text-align:center;
-	overflow:hidden; 
-	font-size:20px;
-}
-
-.formbtn label{
-	margin:-5px;
-	font-size:20px;
-}
-
-.element {
-	width: 800px;
-	clear: both;
-	display: inline-block;
-	margin-top: 5px;
-}
-
-.profile,.loader {
-	float:left; 
-	border-radius:5px;
-	width:650px;
-}
-
-.profileButton{
-	padding: 5px;
-	border-radius: 5px;
-	font-family: fontello, sans-serif;
-}
-
-#usermenu .menu {
-	display: none;
-	width: 150px;
-	height: 100px;
-	position: absolute;
-	top: 45px;
-	left: -80px;
-	transition: 0.4s;
-}
-
-#usermenu:hover>.menu,
-#usermenu:active>.menu {
-	display: block;
-	transition: 0.4s;
-}
-
-.postMenu {
-	cursor: pointer;
-	position:relative;
-}
-
-.postMenu div{
-	border-radius: 3px;
-}
-
-.postMenu li {
-	margin:0px;
-	width:100%;
-	height:35px;
-	display:block;
-	text-align:center;
-	line-height:35px;
-}
-
-.postMenu:hover > div{
-	display:block !important;
-}
-
-.postMenu ul {
-	margin:0px;
-	width:100%;
-	padding:0px;
-}
-
-.profileMenu:hover > div, .listmenu:hover > div{
-	display:block !important;
-}
-
-.listmenu li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-.felem {
-	margin-left: 10px;
-	float: left;
-}
-
-.avatar {
-	width: 80px;
-	background-size: 80px;
-	height: 80px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-}
-
-.post,
-.rb,
-.textonly,
-.loadmore {
-	width: 650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-}
-
-.postform {
-	width:650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-	display:block !important;
-}
-
-.postHeader {
-	width: 100%;
-	display: inline-block;
-	height: 40px;
-	text-align: left;
-}
-
-.previewpost {
-	display: none;
-	position: absolute;
-	margin-top: -100px;
-	width: 400px;
-	border-radius:3px;
-}
-
-.user {
-	position:relative;
-}
-
-.userinfo {
-	display: none;
-	position: absolute;
-	left:0px;
-	top:15px;
-	width: 300px;
-	height: auto;
-	border-radius:3px;
-	line-height:initial;
-	z-index:99;
-}
-
-.userinfo_upper{
-	top:-100px;
-}
-
-.userinfo_co {
-	width: 280px;
-	margin: 10px;
-	text-align: center; 
-	position:relative;
-}
-
-.userinfo_he {
-	width: 300px;
-	height: 150px;
-}
-
-.media {
-	width: 100%;
-	display: inline-block;
-}
-
-.img {
-	width: 600px;
-	text-align: center;
-}
-
-.blur {
-	-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
-	/* Safari 6.0 - 9.0 */
-	filter: blur(25px) brightness(70%) grayscale(100%);
-	opacity: 0.5;
-	transition: 0.4s;
-}
-
-.toggleblur {
-	display:none;
-	cursor: pointer;
-	font-family: sans, fontello;
-}
-
-.small {
-	width: 321px !important;
-	height: 321px;
-	line-height: 321px;
-	/* background-color: black; */
-	float:left;
-	margin:2px !important;
-}
-
-.smaller {
-	width: 212px !important;
-	height: 212px;
-	line-height: 212px;
-	/* background-color: black; */
-	float:left;
-	margin:2px !important;
-}
-
-.icon {
-	width: 80px !important;
-	height: 80px !important;
-	line-height: 80px;
-	float:left;
-	text-align:center;
-	margin:2px !important;
-}
-
-.postbody {
-	margin: 15px;
-}
-
-.content {
-	width: 600px;
-	display: inline-block;
-	margin:0px !important;
-	text-align: left;
-}
-
-.post_footer {
-	width: 630px;
-	display: table-cell;
-	clear: both;
-	padding: 10px;
-	height: 20px;
-	text-align: left;
-	border-radius: 3px;
-}
-
-.post_buttons {
-	font-family: fontello;
-	float: right;
-	display: inline-block;
-	text-align: right;
-	font-size: 15pt;
-}
-
-.post_buttons a,
-.post_buttons span {
-	font-family: inherit;
-	text-decoration: none;
-	color: inherit;
-	font-size: inherit;
-}
-
-.reply {
-	width: 100%;
-	clear: both;
-	text-align: left;
-	display: block;
-}
-
-.note {
-	width: 640px;
-	float: left;
-	text-align: left;
-	border-radius: 5px;
-	padding: 5px;
-}
-
-.button {
-	padding: 15px;
-	float: left;
-	text-align: center;
-	border-radius: 5px;
-	font-size: 20pt;
-}
-
-/* pages */
-
-.setting label {
-	display: block;
-	width: 40px;
-	height: 20px;
-	padding: 5px;
-	float: left;
-	margin: 0px;
-	text-align: center;
-	transition: all 0.3s ease-in-out;
-}
-
-.setting input[type="radio"]:checked+label {
-	font-weight: bold;
-}
-
-
-/* other stuff */
-
-/* <lightbox> */
-.lightbox-opened {
-	/* background-color: #333; */
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	/* left: 0; */
-	overflow-y: scroll;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	z-index:105;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-
-.no-scroll {
-	overflow: hidden;
-}
-
-/* </lightbox> */
-
-.fontello {
-	font-family: fontello;
-}
-
-.loading {
-	font-family: fontello;
-	color: black;
-	content: "\E822";
-	animation-name: spin;
-	animation-duration: 5000ms;
-	animation-iteration-count: infinite;
-	animation-timing-function: linear;
-	/* transform: rotate(3deg); */
-	/* transform: rotate(0.3rad);/ */
-	/* transform: rotate(3grad); */
-	/* transform: rotate(.03turn);  */
-}
-
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.disabled {
-	background-color: black;
-}

themes/cuatro/templates/post.txt

@@ -1,21 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='post' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:9px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=30 class='mobile' style='vertical-align:middle; border-radius:30px'> :name: :rt: </span>
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
-			</span>
-		</div>
-		:spoiler:
-		<div class='media' style='text-align:center;'>:media:</div>
-		<div class='postbody'><div class='content' style='margin-bottom:5px;'>
-		:replyto: :text:
-		</div></div>
-		<div class='post_footer'>:footer:</DIV>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'><noscript>:form:</noscript>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/cuatro/templates/profileheader.txt

@@ -1,26 +0,0 @@
-
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='profile'>
-		<div style='width: 100%; height:250px; background-color:#:mainColor:; background-size:cover; background-image:url(:header:); display:inline-block; position:relative;'>
-			<span style='width:290; height:30px; display:block; margin-top:15px; margin-right:15px; float:right;'>
-			:top:
-			</span>
-			<span style='position:absolute; bottom:10px; left:10px;'>
-			:bottom:
-			</span>
-		</div>
-		<div style='width: 100%; position:relative; text-align:center; padding-bottom:15px;'>
-			<div class='avatar' style='background-color:white; background-size: cover; background-image:url(:avatar:); text-align:center; float:none; display:inline-block; border:3px solid white; margin-top:-50px; border-radius:5px; width:80px; height:80px;'></div>
-			<br><span style='font-weight:bold; font-size:40px;'>:name:</span>
-			<br><span style='font-weight:bold;'><a href=':url:' target='_blank' class='link external'> @:acct:</a></span>
-			<br><span>:note:</span>
-		</div>
-		<div class='post_footer' style='width: inherit; text-align:center;'>
-			<div style='width:33%; text-align:center; float:left;'><b>Statuses</b><br>:statuses:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Following</b><br>:following:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Followers</b><br>:followers:</div>
-			<span style='font-size:9px;'>Data may be inaccurate, <a href=':url:' style='font-size:9px;' target='_blank' class='link'>visit profile directly</a> to see updated data.</span>
-		</div>
-	</div>
-</div>

themes/cuatro/templates/reblog.txt

@@ -1,16 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='rb' id=':id:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='post_header'>:name:</div>
-		<div class='media'>:media:</div>
-		<div class='content' style='margin-bottom:5px;'>
-		:spoiler:
-		:text:
-		</div>
-		<div class='post_footer'>:footer:</DIV>
-		<div id='r:id:' class='replies_container'>:form::descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-	:notes:
-</div>

themes/cuatro/templates/reply.txt

@@ -1,25 +0,0 @@
-<div class='reply :mode:' id=':id:'>
-	<div class='postHeader'>
-		<span style='margin:12px; display:block; float:left;'>
-			<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'>
-			<a class='ldr link user' href='?user=:uid:' id=':uid:'>
-				<b>:name:</b>
-			</a>
-			<span class='desktop'>(:acct:)</span>
-		</span>
-		<span style='margin:10px; float:right; display:block;'>
-			<span class='postMenu fontello'>&#xf0c9;
-				<div style='display:none; z-index:99; width:130px; background-color:white; position: absolute; top: 15px; right: -1px;'>:menu:</div>
-			</span>
-		</span>
-	</div>
-	<div class='postbody'>
-		<div class='content' style='margin:0px;'>:media: :replyto: :text:</div>
-	</div>
-	<span style='width:100%; margin-bottom:10px; display:block;'>
-		<span style='margin-left:10px;'>:date:</span>
-		<span id=':id:' class="post_buttons" style='margin-right:10px;'>:buttons:</span>
-	</span>
-	<div id=':id:' class='replies_container'></div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/cuatro/templates/replyform.txt

@@ -1,45 +0,0 @@
-<div class='reply form' id='replyform' style='display:inline-block; width:100%'>
-	<div style='width:95%; margin: 10px auto; display:block;'>
-	<div style='text-align:right; background-color:white;'>
-	<form action='status.php' method='post' enctype='multipart/form-data'>
-		<input type='hidden' id='thread' name='thread' value=':id:'>
-		<div style='width:100%; border: 1px solid #ddd; text-align:left;'>
-			<div style='width:100% height:27px; border-bottom: 1px solid #ddd;'>
-				<input type='text' name='spoiler' value='Title (optional)' onClick='this.value=""' style='border:none; width:100%;'>
-			</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'><span class='close'> X </span> <input type='text' id='emojisearch'><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
-		<div class="buttons">
-			<span style='float:left;'>
-				<input type='submit' value='Send' id='send' onClick='return false'>
-				<div class='formbtn fontello' style='position:relative;'>
-					&#xe818;
-					<input style='opacity:0; position:absolute; left:0px; top:5px; background-color:yellow;' type='file' id="files_input_field" name='file[]' multiple onchange="upload_files_reply();">
-				</div>
-				<div class='formbtn fontello' style='position:relative;'>
-					<input type='checkbox' name='sensitive' id='rsensitive' style='display:none;'>
-					<label for='rsensitive' class='fontello'>&#xe81b;</label>
-				</div>
-				<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
-					&#128540;
-				</div>
-			</span>
-			<span style='float:left; margin-left:10px;' class='status'>
-				
-			</span>
-			<span style='float:right;'>
-				<select name='scope' id='scope'>
-					<option id="public" value="1">&#xe83c; Public</option>	
-					<option id="unlisted" value="2">&#xe816; Unlisted</option>
-					<option id="private" value="3">&#xe819; Private</option>
-					<option id="direct" value="4">&#xf0e0; Direct</option>
-				</select>
-			</span>
-		</div>
-	</form>
-	</div>
-	<div style="clear: both;"></div> 
-	</div>
-</div>
-

themes/cuatro/templates/textpost.txt

@@ -1,23 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='post textonly' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:9px; display:block; float:left;'>
-				<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'> 
-				:name: :rt:
-			</span> 
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
-			</span>
-		</div>
-		<div class='postbody'>
-			<div class='content' style='margin-bottom:5px; margin-top:5px;'>:spoiler: :replyto: :text:</div>
-		</div>
-		<div class='post_footer'>:footer:</div>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>
-

themes/custom/css/color.php

@@ -241,7 +241,8 @@ input[type="checkbox"]:checked+label {
 .textonly,
 .loadmore,
 .postform,
-.side_element
+.side_element,
+.searchmobile
  {
 	border: <?php echo $theme['bw']; ?>px solid #<?php echo $theme['bc']; ?>;
 	border-radius: <?php echo $theme['br']; ?>px;

themes/custom/css/mobile.css

@@ -1,657 +0,0 @@
-/* overall */
-
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 12pt;
-}
-
-a {
-	text-decoration:none;
-}
-
-h1 {
-	font-size:20px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
-ul{
-	padding:0px;
-	margin:0px;
-}
-
-select{
-	padding:5px;
-	margin-top:5px;
-	border:0px;
-	font-weight:bold;
-	font-family:fontello, sans-serif;
-}
-	
-option{
-	font-family:fontello, sans-serif;
-	}
-
-label {
-	margin-left: 5px;
-	margin-right: 5px;
-	cursor: pointer;
-}
-
-input[type="file"], .nloadmore {
-	cursor:pointer;
-}
-
-textarea {
-	resize: none;
-}
-
-/* omnipresent */
-
-.desktop{
-	display:none !important;
-}
-
-.link {
-	text-decoration: none;
-}
-
-.external:after{
-		font-family:fontello;
-		font-weight:normal;
-		content: ' ';
-		}
-
-/* basic structure */
-
-.topbar {
-	width: 100vw;
-	height: 45px;
-	margin: 0;
-	position: relative;
-}
-
-.wrapper {
-	width: 100vw;
-	clear: both;
-	display: inline-block;
-	text-align: center;
-}
-
-.container {
-	width: 100% !important;
-	display: inline-block;
-	text-align: center;
-}
-
-#posts {
-	width: 100% !important;
-}
-
-.content {
-	width: 100%;
-	display: inline-block;
-	margin:0px !important;
-	text-align: left;
-	word-break: break-all;
-}
-
-aside {
-	display:none !important;
-}
-
-.gotop {
-	width: 30px;
-	height: 30px;
-	padding: 5px;
-	position: fixed;
-	display: table;
-	text-align: center;
-	right: 20px;
-	bottom: 20px;
-	border-radius: 10px;
-	z-index:50;
-}
-
-.gotop a {
-	text-align: center;
-	display: table-cell;
-	vertical-align: middle;
-	opacity: 0.7;
-	font-size: 20px;
-}
-
-#hiddenside {
-	background-color: rgba(255, 255, 255, 0);
-	position: fixed;
-	left: 0px;
-	bottom: 0px;
-	width: 100vw;
-	height: auto;
-	z-index: 99;
-}
-
-/* topbar elements */
-
-.mid {
-	display:none;
-}
-
-.topbutton {
-	vertical-align: middle;
-	display: table-cell;
-	line-height: 45px;
-	height: 100%;
-	width: 50px;
-	position: relative;
-}
-
-.topicon {
-	text-decoration: none;
-	display: inline;
-	font-size: 20px;
-}
-
-.badge {
-	text-decoration: none;
-}
-
-.alert {
-	border-radius: 90px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	right: 15px;
-	top: 15px;
-	display: none;
-}
-
-#notifications {
-	position: fixed;
-	left: 0px;
-	top: 45px;
-	width: 100vw;
-	max-height: 400px;
-	display: none;
-	line-height:12px;
-	overflow-y:scroll;
-	border-radius:3px;
-}
-
-.notif{
-	width:100%;
-	height:80px;
-	display:inline-block;
-	text-align:left;
-	position:relative;
-}
-
-#quicksend {
-	border-radius: 3px;
-	font-weight: bold;
-}	
-
-.notifContents{
-	margin:10px; 
-	display:flex;
-	height:60px; 
-	max-width:325px;
-}
-
-.nloadmore {
-	display:inline-block; 
-	height:20px; 
-	padding-top:10px;
-}
-
-/* sidebar */
-
-.side_element {
-	display:none;
-	width: 92%;
-	margin: 10px;
-	display: inline-block;
-	text-align: center;
-	color: lightgray;
-}
-
-.side_element a {
-	color: lightgray;
-}
-
-/* posts area elements */
-
-.uploadedImage {
-	width: 60px;
-	margin: 10px 0px 10px 10px;
-	height: 60px;
-	border: 1px solid #ccc;
-	display: inline-block;
-	box-shadow: 3px 3px 3px grey;
-	float: left;
-	background-size: cover;
-}
-
-.uploadBox {
-	width: 100%;
-	display: inline-block;
-	border-bottom: 1px solid #ddd;
-}
-
-.delpic {
-	border-radius:90px;
-	display:inline-block;
-	cursor:pointer;
-}
-
-#send {
-	padding:5px; 
-	border-radius:3px; 
-	font-weight:bold; 
-	margin-top:5px;
-}
-	
-.formbtn {
-	background-color:transparent; 
-	border: 0px; 
-	margin-top:11px;
-	margin-left:15px;
-	float:left;
-	width:20px;
-	height:20px;
-	line-height:20px;
-	text-align:center;
-	overflow:hidden; 
-	font-size:20px;
-}
-
-.formbtn label{
-	margin:-5px;
-	font-size:20px;
-}
-
-.element {
-	width: 90% !important;
-	clear: both;
-	display: inline-block;
-	margin-top: 3px;
-}
-
-.profile {
-	float:left; 
-	background-color:white; 
-	border-radius:5px; 
-	//width:650px;
-	width:100%;
-}
-
-.profileButton{
-	padding: 5px;
-	border-radius: 5px;
-	font-family: fontello, sans-serif;
-}
-
-#usermenu .menu {
-	display: none;
-	width: 150px;
-	height: 100px;
-	position: absolute;
-	top: 45px;
-	left: -80px;
-	transition: 0.4s;
-}
-
-#usermenu:hover>.menu,
-#usermenu:active>.menu {
-	display: block;
-	transition: 0.4s;
-}
-
-.postMenu,.listmenu {
-	cursor: pointer;
-	position:relative;
-}
-
-.postMenu div{
-	border-radius: 3px;
-}
-
-.postMenu li {
-	margin:0px;
-	width:100%;
-	height:35px;
-	display:block;
-	text-align:center;
-	line-height:35px;
-}
-
-.postMenu:hover > div{
-	display:block !important;
-}
-
-.postMenu ul {
-	margin:0px;
-	width:100%;
-	padding:0px;
-}
-
-.profileMenu:hover > div, .listmenu:hover > div{
-	display:block !important;
-}
-
-.listmenu li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-.felem {
-	margin-left: 10px;
-	float: left;
-}
-
-.avatar {
-	display:none;
-	width: 50px;
-	background-size: cover;
-	height: 50px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-}
-
-.post,
-.loader,
-.loadmore,
-.rb,
-.textonly,
-.profile {
-	width: 100% !important;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-}
-
-.postform {
-	display:none;
-	position:fixed;
-	width: 100vw !important;
-	left:0px;
-	top:45px;
-	text-align: center;
-	border-radius: 3px;
-	z-index: 99;
-}
-
-#postform {
-	display:none;
-}
-
-.postHeader {
-	width: 100%;
-	display: inline-block;
-	height: 40px;
-	text-align: left;
-}
-
-.postHeader *,.post_footer *{
-	font-size:small;
-}
-
-.previewpost {
-	display: none;
-	position: absolute;
-	margin-top: -100px;
-	width: 400px;
-	border-radius:3px;
-}
-
-.user {
-	position:relative;
-}
-
-.userinfo {
-	display: none;
-	position: absolute;
-	left:0px;
-	top:-198px;
-	width: 300px;
-	height: 200px;
-	border-radius:3px;
-}
-
-.userinfo_co {
-	width: 280px;
-	margin: 10px;
-}
-
-.userinfo_he {
-	width: 300px;
-	height: 100px;
-}
-
-.media {
-	width: 100%;
-	display: inline-block;
-}
-
-.img {
-	width: 600px;
-	text-align: center;
-}
-
-.blur {
-	-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
-	/* Safari 6.0 - 9.0 */
-	filter: blur(25px) brightness(70%) grayscale(100%);
-	opacity: 0.5;
-	transition: 0.4s;
-}
-
-.toggleblur {
-	display:none;
-	cursor: pointer;
-	font-family: sans, fontello;
-}
-
-.small {
-	width: 48% !important;
-	height: 321px;
-	line-height: 321px;
-	background-color: black;
-	float:left;
-	margin:2px !important;
-}
-
-.smaller {
-	width: 31% !important;
-	height: 212px;
-	line-height: 212px;
-	background-color: black;
-	float:left;
-	margin:2px !important;
-}
-
-.icon {
-	width: 80px !important;
-	height: 80px !important;
-	line-height: 80px;
-	float:left;
-	text-align:center;
-	margin:2px !important;
-}
-
-.postbody {
-	margin: 15px;
-}
-
-.post_footer {
-	width: 630px;
-	display: table-cell;
-	clear: both;
-	padding: 10px;
-	height: 20px;
-	text-align: left;
-	border-radius: 3px;
-}
-
-.post_buttons {
-	font-family: fontello;
-	float: right;
-	display: inline-block;
-	text-align: right;
-	font-size: 15pt;
-}
-
-.post_buttons a,
-.post_buttons span {
-	font-family: inherit;
-	text-decoration: none;
-	color: inherit;
-	font-size: inherit;
-}
-
-.reply {
-	width: 100%;
-	clear: both;
-	text-align: left;
-	display: block;
-}
-
-.note {
-	width: 640px;
-	float: left;
-	text-align: left;
-	border-radius: 5px;
-	padding: 5px;
-}
-
-.button {
-	padding: 15px;
-	float: left;
-	text-align: center;
-	border-radius: 5px;
-	font-size: 20pt;
-}
-
-/* pages */
-
-.setting label {
-	display: block;
-	width: 40px;
-	height: 20px;
-	padding: 5px;
-	float: left;
-	margin: 0px;
-	text-align: center;
-	transition: all 0.3s ease-in-out;
-}
-
-.setting input[type="radio"]:checked+label {
-	font-weight: bold;
-}
-
-
-/* other stuff */
-
-/* <lightbox> */
-.lightbox-opened {
-	/* background-color: #333; */
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	/* left: 0; */
-	overflow-y: scroll;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	z-index:105;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-/*
-.lightbox-opened {
-	//background-color: #333;
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	left: 0;
-	overflow-y: scroll;
-	padding: 24px;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-*/
-.no-scroll {
-	overflow: hidden;
-}
-
-/* </lightbox> */
-
-.fontello {
-	font-family: fontello, sans-serif;
-}
-
-.loading {
-	font-family: fontello;
-	color: black;
-	content: "\E822";
-	animation-name: spin;
-	animation-duration: 5000ms;
-	animation-iteration-count: infinite;
-	animation-timing-function: linear;
-	/* transform: rotate(3deg); */
-	/* transform: rotate(0.3rad);/ */
-	/* transform: rotate(3grad); */
-	/* transform: rotate(.03turn);  */
-}
-
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.disabled {
-	background-color: black;
-}

themes/custom/css/style.css

@@ -1,627 +0,0 @@
-/* overall */
-html {
-	scroll-behavior: smooth;
-}
-
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 11pt;
-}
-
-a {
-	text-decoration: none;
-}
-
-h1 { 
-	font-size:30px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
-ul{
-	padding:0px;
-	margin:0px;
-}
-
-select{
-	padding:5px;
-	margin-top:5px;
-	border:0px;
-	font-weight:bold;
-	font-family:fontello, sans-serif;
-}
-	
-option{
-	font-family:fontello, sans-serif;
-}
-
-label {
-	margin-left: 5px;
-	margin-right: 5px;
-	cursor: pointer;
-}
-
-input[type="file"], .nloadmore {
-	cursor:pointer;
-}
-
-textarea {
-	resize: none;
-}
-
-/* omnipresent */
-
-.mobile {
-	display:none !important;
-}
-
-.link {
-	text-decoration: none;
-}
-
-.external:after{
-		font-family:fontello;
-		font-weight:normal;
-		content: ' ';
-		}
-
-/* basic structure */
-
-.topbar {
-	width: 100%;
-	height: 45px;
-	margin: 0;
-	position: relative;
-}
-
-.wrapper {
-	width: 100%;
-	clear: both;
-	display: inline-block;
-	text-align: center;
-}
-
-.container {
-	display: inline-block;
-	text-align: center;
-}
-
-#posts {
-	width: 800px;
-	float: left;
-}
-
-aside {
-	margin-top: 5px;
-	width: 280px;
-	float: left;
-	display: inline-block;
-}
-
-.gotop {
-	width: 30px;
-	height: 30px;
-	padding: 5px;
-	position: fixed;
-	display: table;
-	text-align: center;
-	right: 20px;
-	bottom: 20px;
-	border-radius: 10px;
-}
-
-.gotop a {
-	text-align: center;
-	display: table-cell;
-	vertical-align: middle;
-	opacity: 0.7;
-	font-size: 20px;
-}
-
-#hiddenside {
-	background-color: rgba(255, 255, 255, 0);
-	position: fixed;
-	right: 10px;
-	bottom: 115px;
-	width: 350px;
-	height: auto;
-}
-
-/* topbar elements */
-
-.topbutton {
-	vertical-align: middle;
-	display: table-cell;
-	line-height: 45px;
-	height: 100%;
-	width: 50px;
-	position: relative;
-}
-
-.topicon {
-	text-decoration: none;
-	display: inline;
-	font-size: 20px;
-}
-
-.ntbutton {
-	position:relative;
-}
-
-.badge {
-	text-decoration: none;
-}
-
-.alert {
-	border-radius: 90px;
-	width: 10px;
-	height: 10px;
-	position: absolute;
-	right: 15px;
-	top: 15px;
-	display: none;
-}
-
-#notifications {
-	position: absolute;
-	right: -20px;
-	top: 45px;
-	width: 350px;
-	max-height: 500px;
-	display: none;
-	line-height:12px;
-	overflow-y:scroll;
-	border-radius:3px;
-}
-
-.notif{
-	width:330px;
-	height:80px;
-	display:inline-block;
-	text-align:left;
-	position:relative;
-}
-
-#quicksend {
-	border-radius: 3px;
-	font-weight: bold;
-}	
-
-.notifContents{
-	margin:10px; 
-	display:flex;
-	height:60px; 
-	max-width:325px;
-}
-
-.nloadmore {
-	display:inline-block; 
-	height:20px; 
-	padding-top:10px;
-}
-
-/* sidebar */
-
-.side_element {
-	width: 92%;
-	margin: 10px;
-	display: inline-block;
-	text-align: center;
-}
-
-.side_element li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-/* posts area elements */
-
-.uploadedImage {
-	width: 60px;
-	margin: 10px 0px 10px 10px;
-	height: 60px;
-	border: 1px solid #ccc;
-	display: inline-block;
-	box-shadow: 3px 3px 3px grey;
-	float: left;
-	background-size: cover;
-}
-
-.uploadBox {
-	width: 100%;
-	display: inline-block;
-	border-bottom: 1px solid #ddd;
-}
-
-.delpic {
-	border-radius:90px;
-	display:inline-block;
-	cursor:pointer;
-}
-
-#send {
-	padding:5px; 
-	border-radius:3px; 
-	font-weight:bold; 
-	margin-top:5px;
-	float:left;
-}
-	
-.formbtn {
-	background-color:transparent; 
-	border: 0px; 
-	margin-top:11px;
-	margin-left:15px;
-	float:left;
-	width:20px;
-	height:20px;
-	line-height:20px;
-	text-align:center;
-	overflow:hidden; 
-	font-size:20px;
-}
-
-.formbtn label{
-	margin:-5px;
-	font-size:20px;
-}
-
-.element {
-	width: 800px;
-	clear: both;
-	display: inline-block;
-	margin-top: 5px;
-}
-
-.profile,.loader {
-	float:left; 
-	border-radius:5px;
-	width:650px;
-}
-
-.profileButton{
-	padding: 5px;
-	border-radius: 5px;
-	font-family: fontello, sans-serif;
-}
-
-#usermenu .menu {
-	display: none;
-	width: 150px;
-	height: 100px;
-	position: absolute;
-	top: 45px;
-	left: -80px;
-	transition: 0.4s;
-}
-
-#usermenu:hover>.menu,
-#usermenu:active>.menu {
-	display: block;
-	transition: 0.4s;
-}
-
-.postMenu {
-	cursor: pointer;
-	position:relative;
-}
-
-.postMenu div{
-	border-radius: 3px;
-}
-
-.postMenu li {
-	margin:0px;
-	width:100%;
-	height:35px;
-	display:block;
-	text-align:center;
-	line-height:35px;
-}
-
-.postMenu:hover > div{
-	display:block !important;
-}
-
-.postMenu ul {
-	margin:0px;
-	width:100%;
-	padding:0px;
-}
-
-.profileMenu:hover > div, .listmenu:hover > div{
-	display:block !important;
-}
-
-.listmenu li {
-	font-family: fontello, sans-serif;
-	height:30px;
-	line-height:30px;
-	text-align:left;
-	padding-left:12px;
-	list-style-type: none;
-}
-
-.felem {
-	margin-left: 10px;
-	float: left;
-}
-
-.avatar {
-	width: 80px;
-	background-size: 80px;
-	height: 80px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-}
-
-.post,
-.rb,
-.textonly,
-.loadmore {
-	width: 650px;
-	float: left;
-	text-align: center;
-	position: relative;
-}
-
-.postform {
-	width:650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	display:block !important;
-}
-
-.postHeader {
-	width: 100%;
-	display: inline-block;
-	height: 40px;
-	text-align: left;
-}
-
-.previewpost {
-	display: none;
-	position: absolute;
-	margin-top: -100px;
-	width: 400px;
-	border-radius:3px;
-}
-
-.user {
-	position:relative;
-}
-
-.userinfo {
-	display: none;
-	position: absolute;
-	left:0px;
-	top:15px;
-	width: 300px;
-	height: auto;
-	border-radius:3px;
-	line-height:initial;
-	z-index:99;
-}
-
-.userinfo_upper{
-	top:-100px;
-}
-
-.userinfo_co {
-	width: 280px;
-	margin: 10px;
-	text-align: center; 
-	position:relative;
-}
-
-.userinfo_he {
-	width: 300px;
-	height: 150px;
-}
-
-.media {
-	width: 100%;
-	display: inline-block;
-}
-
-.img {
-	width: 600px;
-	text-align: center;
-}
-
-.blur {
-	-webkit-filter: blur(25px) brightness(70%) grayscale(100%);
-	/* Safari 6.0 - 9.0 */
-	filter: blur(25px) brightness(70%) grayscale(100%);
-	opacity: 0.5;
-	transition: 0.4s;
-}
-
-.toggleblur {
-	display:none;
-	cursor: pointer;
-	font-family: sans, fontello;
-}
-
-.small {
-	width: 321px !important;
-	height: 321px;
-	line-height: 321px;
-	/* background-color: black; */
-	float:left;
-	margin:2px !important;
-}
-
-.smaller {
-	width: 212px !important;
-	height: 212px;
-	line-height: 212px;
-	/* background-color: black; */
-	float:left;
-	margin:2px !important;
-}
-
-.icon {
-	width: 80px !important;
-	height: 80px !important;
-	line-height: 80px;
-	float:left;
-	text-align:center;
-	margin:2px !important;
-}
-
-.postbody {
-	margin: 15px;
-}
-
-.content {
-	width: 600px;
-	display: inline-block;
-	margin:0px !important;
-	text-align: left;
-}
-
-.post_footer {
-	width: 630px;
-	display: table-cell;
-	clear: both;
-	padding: 10px;
-	height: 20px;
-	text-align: left;
-}
-
-.post_buttons {
-	font-family: fontello;
-	float: right;
-	display: inline-block;
-	text-align: right;
-	font-size: 15pt;
-}
-
-.post_buttons a,
-.post_buttons span {
-	font-family: inherit;
-	text-decoration: none;
-	color: inherit;
-	font-size: inherit;
-}
-
-.reply {
-	width: 100%;
-	clear: both;
-	text-align: left;
-	display: block;
-}
-
-.note {
-	width: 640px;
-	float: left;
-	text-align: left;
-	border-radius: 5px;
-	padding: 5px;
-}
-
-.button {
-	padding: 15px;
-	float: left;
-	text-align: center;
-	border-radius: 5px;
-	font-size: 20pt;
-}
-
-/* pages */
-
-.setting label {
-	display: block;
-	width: 40px;
-	height: 20px;
-	padding: 5px;
-	float: left;
-	margin: 0px;
-	text-align: center;
-	transition: all 0.3s ease-in-out;
-}
-
-.setting input[type="radio"]:checked+label {
-	font-weight: bold;
-}
-
-
-/* other stuff */
-
-/* <lightbox> */
-.lightbox-opened {
-	/* background-color: #333; */
-	background-color: rgba(50, 50, 50, 0.85);
-	cursor: pointer;
-	height: 100%;
-	/* left: 0; */
-	overflow-y: scroll;
-	position: fixed;
-	text-align: center;
-	top: 0;
-	width: 100%;
-	z-index:105;
-	&:before {
-		background-color: #333;
-		background-color: rgba(#333, 0.9);
-		color: #eee;
-		content: "x";
-		font-family: sans-serif;
-		padding: 6px 12px;
-		position: fixed;
-		text-transform: uppercase;
-	}
-	img {
-		box-shadow: 0 0 6px 3px #333;
-	}
-}
-
-.no-scroll {
-	overflow: hidden;
-}
-
-/* </lightbox> */
-
-.fontello {
-	font-family: fontello;
-}
-
-.loading {
-	font-family: fontello;
-	color: black;
-	content: "\E822";
-	animation-name: spin;
-	animation-duration: 5000ms;
-	animation-iteration-count: infinite;
-	animation-timing-function: linear;
-	/* transform: rotate(3deg); */
-	/* transform: rotate(0.3rad);/ */
-	/* transform: rotate(3grad); */
-	/* transform: rotate(.03turn);  */
-}
-
-@keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.disabled {
-	background-color: black;
-}

themes/custom/templates/post.txt

@@ -1,21 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='post' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:5px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=30 class='mobile' style='vertical-align:middle; border-radius:30px'> :name: :rt: </span>
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class="menu">:menu:</div></span>
-			</span>
-		</div>
-		:spoiler:
-		<div class='media' style='text-align:center;'>:media:</div>
-		<div class='postbody'><div class='content' style='margin-bottom:5px;'>
-		:replyto: :text:
-		</div></div>
-		<div class='post_footer'>:footer:</DIV>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'><noscript>:form:</noscript>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/custom/templates/profileheader.txt

@@ -1,26 +0,0 @@
-
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='profile'>
-		<div style='width: 100%; height:250px; background-color:#:mainColor:; background-size:cover; background-image:url(:header:); display:inline-block; position:relative;'>
-			<span style='width:290; height:30px; display:block; margin-top:15px; margin-right:15px; float:right;'>
-			:top:
-			</span>
-			<span style='position:absolute; bottom:10px; left:10px;'>
-			:bottom:
-			</span>
-		</div>
-		<div style='width: 100%; position:relative; text-align:center; padding-bottom:15px;'>
-			<div class='avatar' style='background-color:white; background-size: cover; background-image:url(:avatar:); text-align:center; float:none; display:inline-block; border:3px solid white; margin-top:-50px; border-radius:5px; width:80px; height:80px;'></div>
-			<br><span style='font-weight:bold; font-size:40px;'>:name:</span>
-			<br><span style='font-weight:bold;'><a href=':url:' target='_blank' class='link external'> @:acct:</a></span>
-			<br><span>:note:</span>
-		</div>
-		<div class='post_footer' style='width: inherit; text-align:center;'>
-			<div style='width:33%; text-align:center; float:left;'><b>Statuses</b><br>:statuses:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Following</b><br>:following:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Followers</b><br>:followers:</div>
-			<span style='font-size:9px;'>Data may be inaccurate, <a href=':url:' style='font-size:9px;' target='_blank' class='link'>visit profile directly</a> to see updated data.</span>
-		</div>
-	</div>
-</div>

themes/custom/templates/reblog.txt

@@ -1,16 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='rb' id=':id:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='post_header'>:name:</div>
-		<div class='media'>:media:</div>
-		<div class='content' style='margin-bottom:5px;'>
-		:spoiler:
-		:text:
-		</div>
-		<div class='post_footer'>:footer:</DIV>
-		<div id='r:id:' class='replies_container'>:form::descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-	:notes:
-</div>

themes/custom/templates/reply.txt

@@ -1,25 +0,0 @@
-<div class='reply :mode:' id=':id:'>
-	<div class='postHeader'>
-		<span style='margin:12px; display:block; float:left;'>
-			<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'>
-			<a class='ldr link user' href='?user=:uid:' id=':uid:'>
-				<b>:name:</b>
-			</a>
-			<span class='desktop'>(:acct:)</span>
-		</span>
-		<span style='margin:10px; float:right; display:block;'>
-			<span class='postMenu fontello'>&#xf0c9;
-				<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class="menu">:menu:</div>
-			</span>
-		</span>
-	</div>
-	<div class='postbody'>
-		<div class='content' style='margin:0px;'>:media: :replyto: :text:</div>
-	</div>
-	<span style='width:100%; margin-bottom:10px; display:block;'>
-		<span style='margin-left:10px;'>:date:</span>
-		<span id=':id:' class="post_buttons" style='margin-right:10px;'>:buttons:</span>
-	</span>
-	<div id=':id:' class='replies_container'></div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/custom/templates/replyform.txt

@@ -1,45 +0,0 @@
-<div class='reply form' id='replyform' style='display:inline-block; width:100%'>
-	<div style='width:95%; margin: 10px auto; display:block;'>
-	<div style='text-align:right; background-color:white;'>
-	<form action='status.php' method='post' enctype='multipart/form-data'>
-		<input type='hidden' id='thread' name='thread' value=':id:'>
-		<div style='width:100%; border: 1px solid #ddd; text-align:left;'>
-			<div style='width:100% height:27px; border-bottom: 1px solid #ddd;'>
-				<input type='text' name='spoiler' value='Title (optional)' onClick='this.value=""' style='border:none; width:100%;'>
-			</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'><span class='close'> X </span> <input type='text' id='emojisearch'><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
-		<div class="buttons">
-			<span style='float:left;'>
-				<input type='submit' value='Send' id='send' onClick='return false'>
-				<div class='formbtn fontello' style='position:relative;'>
-					&#xe818;
-					<input style='opacity:0; position:absolute; left:0px; top:5px; background-color:yellow;' type='file' id="files_input_field" name='file[]' multiple onchange="upload_files_reply();">
-				</div>
-				<div class='formbtn fontello' style='position:relative;'>
-					<input type='checkbox' name='sensitive' id='rsensitive' style='display:none;'>
-					<label for='rsensitive' class='fontello'>&#xe81b;</label>
-				</div>
-				<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
-					&#128540;
-				</div>
-			</span>
-			<span style='float:left; margin-left:10px;' class='status'>
-				
-			</span>
-			<span style='float:right;'>
-				<select name='scope' id='scope'>
-					<option id="public" value="1">&#xe83c; Public</option>	
-					<option id="unlisted" value="2">&#xe816; Unlisted</option>
-					<option id="private" value="3">&#xe819; Private</option>
-					<option id="direct" value="4">&#xf0e0; Direct</option>
-				</select>
-			</span>
-		</div>
-	</form>
-	</div>
-	<div style="clear: both;"></div> 
-	</div>
-</div>
-

themes/custom/templates/textpost.txt

@@ -1,23 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='post textonly' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:5px; display:block; float:left;'>
-				<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'> 
-				:name: :rt:
-			</span> 
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class="menu">:menu:</div></span>
-			</span>
-		</div>
-		<div class='postbody'>
-			<div class='content' style='margin-bottom:5px; margin-top:5px;'>:spoiler: :replyto: :text:</div>
-		</div>
-		<div class='post_footer'>:footer:</div>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>
-

themes/default/templates/post.txt

@@ -1,21 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='post' id=':id:' pid=':pid:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='postHeader'>
-			<span style='margin:9px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=30 class='mobile' style='vertical-align:middle; border-radius:30px'> :name: :rt: </span>
-			<span style="margin:10px; float:right; display:block;">
-				<span class='postMenu fontello'>&#xf0c9;<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
-			</span>
-		</div>
-		:spoiler:
-		<div class='media' style='text-align:center;'>:media:</div>
-		<div class='postbody'><div class='content' style='margin-bottom:5px;'>
-		:replyto: :text:
-		</div></div>
-		<div class='post_footer'>:footer:</DIV>
-		<div class='post_notes'>:notes:</DIV>
-		<div id=':id:' class='replies_container'><noscript>:form:</noscript>:descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>

themes/default/templates/profileheader.txt

@@ -1,26 +0,0 @@
-
-<div class='element'>
-	<div class='avatar' style='height:1px;'></div>
-	<div class='profile'>
-		<div style='width: 100%; height:250px; background-color:#:mainColor:; background-size:cover; background-image:url(:header:); display:inline-block; position:relative;'>
-			<span style='width:290; height:30px; display:block; margin-top:15px; margin-right:15px; float:right;'>
-			:top:
-			</span>
-			<span style='position:absolute; bottom:10px; left:10px;'>
-			:bottom:
-			</span>
-		</div>
-		<div style='width: 100%; position:relative; text-align:center; padding-bottom:15px;'>
-			<div class='avatar' style='background-color:white; background-size: cover; background-image:url(:avatar:); text-align:center; float:none; display:inline-block; border:3px solid white; margin-top:-50px; border-radius:5px; width:80px; height:80px;'></div>
-			<br><span style='font-weight:bold; font-size:40px;'>:name:</span>
-			<br><span style='font-weight:bold;'><a href=':url:' target='_blank' class='link external'> @:acct:</a></span>
-			<br><span>:note:</span>
-		</div>
-		<div class='post_footer' style='width: inherit; text-align:center;'>
-			<div style='width:33%; text-align:center; float:left;'><b>Statuses</b><br>:statuses:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Following</b><br>:following:</div>
-			<div style='width:33%; text-align:center; float:left;'><b>Followers</b><br>:followers:</div>
-			<span style='font-size:9px;'>Data may be inaccurate, <a href=':url:' style='font-size:9px;' target='_blank' class='link'>visit profile directly</a> to see updated data.</span>
-		</div>
-	</div>
-</div>

themes/default/templates/reblog.txt

@@ -1,16 +0,0 @@
-<div class='element'>
-	<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
-	<div class='rb' id=':id:'>
-		<div id='a:id:' class='ancestors'>:ancestors:</div>
-		<div class='post_header'>:name:</div>
-		<div class='media'>:media:</div>
-		<div class='content' style='margin-bottom:5px;'>
-		:spoiler:
-		:text:
-		</div>
-		<div class='post_footer'>:footer:</DIV>
-		<div id='r:id:' class='replies_container'>:form::descendants:</div>
-	</div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-	:notes:
-</div>

themes/default/templates/reply.txt

@@ -1,25 +0,0 @@
-<div class='reply :mode:' id=':id:'>
-	<div class='postHeader'>
-		<span style='margin:12px; display:block; float:left;'>
-			<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'>
-			<a class='ldr link user' href='?user=:uid:' id=':uid:'>
-				<b>:name:</b>
-			</a>
-			<span class='desktop'>(:acct:)</span>
-		</span>
-		<span style='margin:10px; float:right; display:block;'>
-			<span class='postMenu fontello'>&#xf0c9;
-				<div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div>
-			</span>
-		</span>
-	</div>
-	<div class='postbody'>
-		<div class='content' style='margin:0px;'>:media: :replyto: :text:</div>
-	</div>
-	<span style='width:100%; margin-bottom:10px; display:block;'>
-		<span style='margin-left:10px;'>:date:</span>
-		<span id=':id:' class="post_buttons" style='margin-right:10px;'>:buttons:</span>
-	</span>
-	<div id=':id:' class='replies_container'></div>
-	<script type='application/json' id='data-:id:'>:json:</script>
-</div>