060520 Theme optimization and mobile layout changes

css/color.css

@@ -116,6 +116,16 @@ input[type="submit"] {
 	color:white; 
 }
 
+.search input[type="submit"] {
+	color:#305792 !important;
+	background-color:transparent !important; 
+	border: 0px !important; 
+}
+
+.search input[type="text"],input[name="spoiler"] {
+	box-shadow: none !important;
+}
+
 .formbtn {
 	color:#305792; 
 }
@@ -132,19 +142,19 @@ input[type="submit"] {
 	background-color: white;
 }
 
-.postMenu div{
+.menu div{
 	box-shadow: 1px 1px 2px black;
 }
 
-.postMenu li:hover {
+.menu li:hover {
 	background-color:#203960 !important;
 }
 
-.postMenu li a{
+.menu li a{
 	color:#203960;
 }
 
-.postMenu li:hover a{
+.menu li:hover a{
 	color:white;
 }
 

css/mobile.css

@@ -24,6 +24,7 @@ body {
 ul{
 	padding:0px;
 	margin:0px;
+	list-style: none;
 }
 
 select{
@@ -73,8 +74,13 @@ textarea {
 .topbar {
 	width: 100vw;
 	height: 45px;
-	margin: 0;
+	margin-top: 45px;
-	position: relative;
+	position:fixed; bottom:0px; left:0px;
+	z-index:99;
+}
+
+.topbar > div.topbar{
+	position:fixed; bottom:0px; left:0px; 
 }
 
 .wrapper {
@@ -114,9 +120,10 @@ aside {
 	display: table;
 	text-align: center;
 	right: 20px;
-	bottom: 20px;
+	bottom: 60px;
 	border-radius: 10px;
 	z-index:50;
+	background-color: #001935 !important;
 }
 
 .gotop a {
@@ -131,7 +138,7 @@ aside {
 	background-color: rgba(255, 255, 255, 0);
 	position: fixed;
 	left: 0px;
-	bottom: 0px;
+	top: 0px;
 	width: 100vw;
 	height: auto;
 	z-index: 99;
@@ -175,7 +182,7 @@ aside {
 #notifications {
 	position: fixed;
 	left: 0px;
-	top: 45px;
+	bottom: 45px;
 	width: 100vw;
 	max-height: 400px;
 	display: none;
@@ -302,11 +309,15 @@ aside {
 	width: 150px;
 	height: 100px;
 	position: absolute;
-	top: 45px;
+	top: -322px;
 	left: -80px;
 	transition: 0.4s;
 }
 
+#usermenu li {
+	height: 32px !important;
+}
+
 #usermenu:hover>.menu,
 #usermenu:active>.menu {
 	display: block;
@@ -385,7 +396,7 @@ aside {
 	position:fixed;
 	width: 100vw !important;
 	left:0px;
-	top:45px;
+	bottom:45px;
 	text-align: center;
 	border-radius: 3px;
 	z-index: 99;

css/style.css

@@ -27,6 +27,7 @@ body {
 ul{
 	padding:0px;
 	margin:0px;
+	list-style: none;
 }
 
 select{
@@ -80,6 +81,10 @@ textarea {
 	position: relative;
 }
 
+.topbar > div.topbar{
+	position:fixed; top:0px; left:0px; 
+}
+
 .wrapper {
 	width: 100%;
 	clear: both;

include/functions.php

@@ -41,6 +41,7 @@ function get_urls($input) {
 
 /* this function replaces the emoji codes in a text with the correspondent emojis
    of the specified instance, returns the html code with the emojis in the specified size*/
+   /*
 function emoji($text, $size = 30, $srv) {
 	$data = json_decode(file_get_contents("https://$srv/api/v1/custom_emojis") , true) [0]['url'];
 	$u = explode("/", $data);
@@ -53,6 +54,7 @@ function emoji($text, $size = 30, $srv) {
 	$text = str_replace("https;", "https:", $text);
 	return $text;
 }
+*/
 
 /* this is the same as above but is used on other places, like user bios and places where the 
 shortcodes and the emoji url is defined in the same place */
@@ -63,7 +65,8 @@ function emojify($string, $emojis, $size = 40) {
 	return $string;
 }
 
-
+/* This function displays the emoji list of an instance based on a search 
+   string given on $val */
 function emoji_list($val){
 	$emojilist = api_get("/custom_emojis");
 	$c = 0;
@@ -86,6 +89,8 @@ function emoji_list($val){
 	return $return;
 }
 
+
+/* general function to check if one strings starts with a given search */ 	
 function starts_with($string,$search){
 	if (substr(strtolower($string),0,strlen($search)) == strtolower($search)){
 		return true;
@@ -93,6 +98,7 @@ function starts_with($string,$search){
 	return false;
 }
 
+/* general function to check if one strings contains with a given search */ 
 function contains($string,$search){
 	if (is_numeric(strpos(strtolower($string),strtolower($search)))){
 		return true;
@@ -148,25 +154,6 @@ 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) {
 	global $srv;
@@ -185,6 +172,25 @@ function api_get($url) {
 	return json_decode($result, true);
 }
 
+/* same as above but used in some newer api endpoinds (v2) */
+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 POST api call to the logged-in instance */
 function api_post($url, $array) {
 	global $srv;
@@ -253,6 +259,8 @@ function api_patch($url, $array) {
 	return json_decode($result, true);
 }
 
+/* Function to upload files to the profile of the authenticated user
+   $type can be 'avatar' or 'header'*/
 function upload_profile($file,$type){
 	global $srv;
 	global $token;
@@ -320,15 +328,15 @@ function render_reply($item) {
 
 	$reply['menu'] = "<ul>";
 	if ($logedin) {
-		$reply['menu'] .= ($item['account']['id'] == $user_settings['uid'] ? "<li><a href='?action=delete&thread=" . $item['id'] . "' onClick='return false;' class='delete fontello' id='" . $item['id'] . "'>&#xe80e; Delete Post</a></li>" : "");
+		$reply['menu'] .= ($item['account']['id'] == $user_settings['uid'] ? "<li><a href='?action=delete&thread=" . $item['id'] . "' onClick='return false;' class='delete fontello' id=':id:'>&#xe80e; Delete Post</a></li>" : "");
-
+		$reply['menu'] .= "<li><a href='?action=compose&quote=" . $item['id'] . "' onClick='return false;' class='quote fontello' id='" . $item['id'] . "' style='background-color:transparent;'>&#xf10e; Quote Post</a></li>";
 		$reply['menu'] .= ($item['account']['id'] != $user_settings['uid'] ? "<li><a href='?action=mute&user=" . $item['account']['id'] . "' onClick='return false;' class='mute fontello' id='" . $item['account']['id'] . "' style='background-color:transparent;'>&#xe81b; Mute User</a></li>" : "");
-
+		$reply['menu'] .= ($item['account']['id'] != $user_settings['uid'] ? "<li><a href='?action=mute&thread=" . $item['account']['id'] . "' onClick='return false;' class='muteconv fontello' id='" . $item['id'] . "' style='background-color:transparent;'>&#xf1f7; Drop Thread</a></li>" : "");
+		$reply['menu'] .= (isset($user_settings['pleroma']) ? "<li><a href='?action=hide&thread=" . $item['pleroma']['conversation_id'] . "' onClick='return false;' class='hide fontello' id='" . $item['pleroma']['conversation_id'] . "' style='background-color:transparent;'>&#xf1f8; Hide Thread</a></li>" : "");
+		$reply['menu'] .= (isset($user_settings['pleroma']) ? "<li><a href='?action=bookmark&thread=" . $item['account']['id'] . "' onClick='return false;' class='" . ($item['bookmarked'] == true ? "un" : "") . "bookmark fontello' id='" . $item['id'] . "' style='background-color:transparent;'>&#xe81e; " . ($item['bookmarked'] == true ? "Unb" : "B") . "ookmark</a></li>" : "");
 		$reply['menu'] .= ($item['account']['id'] != $user_settings['uid'] ? "<li><a href='?action=nsfw&user=" . $item['account']['id'] . "' onClick='return false;' class='nsfw fontello' id='" . $item['account']['id'] . "' style='background-color:transparent;'>&#xe829; User is NSFW</a></li>" : "");
 	}
-
+	$reply['menu'] .= "<li><a target='_blank' href='" . $item['url'] . "' class='original link fontello'  style='background-color:transparent;'>&#xf14c; Original Note</a></li>";
-	$reply['menu'] .= "<li><a target='_blank' href='" . $item['url'] . "' class='link fontello'  style='background-color:transparent;'>&#xf14c; Original Note</a></li>";
-
 	$reply['menu'] .= "</ul>";
 
 	$json['id'] = $item['id'];
@@ -350,11 +358,6 @@ function render_reply($item) {
 	$reply['replyto'] = ($item['in_reply_to_id'] ? " <a class='fontello link preview ldr' target='_blank' id='" . $item['in_reply_to_id'] . "' href='?thread=" . $item['in_reply_to_id'] . "'>&#xf112;</a> " : "");
 	$reply['text'] = processText($item);
 
-	$public = "&#xe83c;";
-	$private = "&#xe819;";
-	$unlisted = "&#xe816;";
-	$direct = "&#xf0e0;";
-
 	$reply['date'] = "<a class='ldr postAge' id='".strtotime($item['created_at'])."' style='text-decoration:none;' target='_blank' href='?thread=" . $item['id'] . "'>" . time_elapsed_string($item['created_at']) . "</a> - <span class='fontello ".$item['visibility']."'>  </span>";
 
 	$reply['media'] = "";
@@ -394,7 +397,7 @@ function render_reply($item) {
 	$reply['buttons'] = "
 		" . ($logedin ? "<div class='felem'><a onClick='return false' class='replyform' href='?thread=" . $item['id'] . "' style='font-family:fontello'>&#xf112;</a></div>" : "") . "
 					<div class='felem'><a onClick='return false' " . ($logedin ? "class='" . ($item['favourited'] == true ? "unfav" : "fav") . "' href='?action=fav&thread=" . $item['id'] . "'" : "") . " style='font-family:fontello'>&#xe802; <span>" . $item['favourites_count'] . "</span></a></div>
-					<div class='felem'><a onClick='return false' " . ($logedin && $item['visibility'] == "public" ? "class='" . ($item['reblogged'] == true ? "unreblog" : "reblog") . "' href='?action=reblog&thread=" . $item['id'] . "'" : "") . " style='font-family:fontello'>&#xe83a; <span>" . $item['reblogs_count'] . "</span></a></div>
+					<div class='felem'><a onClick='return false' " . ($logedin && ($item['visibility'] != "private" || $item['visibility'] != "direct") ? "class='" . ($item['reblogged'] == true ? "unreblog" : "reblog") . "' href='?action=reblog&thread=" . $item['id'] . "'" : "") . " style='font-family:fontello'>&#xe83a; <span>" . $item['reblogs_count'] . "</span></a></div>
 		";
 
 	$result = themes("get","templates/reply.txt");

js/scripts.js

@@ -129,6 +129,15 @@ $('body').on('click', '.gotop a', function(e) {
 	return false;
 });
 
+$('body').on('click', '.topbar:not(a)', function(e) {
+	if(e.target !== e.currentTarget) return;
+	e.preventDefault();
+	$('html, body').animate({
+		scrollTop: 0
+	}, 800);
+	return false;
+});
+
 $('body').on('click', '#loader', function() {
 	var cnt = $("#loaded").contents();
 	//		$("#content").prepend(cnt);

layout/footer.php

@@ -11,6 +11,7 @@ $query = http_build_query(array_filter(array(
 	//'explicit' => ($nocookies == true ? $user_settings['explicit'] : false) ,
 )));
 ?>
+	<div class="mobile" style="display:block; height:50px;"></div>
 	<script src="vendor/jquery.min.js"></script>
 	<script src="vendor/jqueryui.js"></script>
 	<script src="js/scripts.js"></script>

layout/header.php

@@ -64,9 +64,11 @@
 	}
 	</style>
 	<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); ?>' />
 	<link rel="stylesheet" href='./<?php echo ($user_settings['theme'] == "custom" ? themes("file","css/color.php") : themes("file","css/color.css"))?>?id=<?php echo mt_rand(1000, 2500); ?>' />
+	<link rel="stylesheet" media='screen and (min-width: 801px)' href='./css/style.css?id=<?php echo mt_rand(1000, 2500); ?>' />
+	<link rel="stylesheet" media='screen and (max-width: 800px)' href='./css/mobile.css?id=<?php echo mt_rand(1000, 2500); ?>' />
+	<?php if (file_exists("themes/".$user_settings['theme']."/css/style.css")) { ?><link rel="stylesheet" media='screen and (min-width: 801px)' href='./<?php echo themes("file","css/style.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' /><?php } ?>
+	<?php if (file_exists("themes/".$user_settings['theme']."/css/mobile.css")) { ?><link rel="stylesheet" media='screen and (max-width: 800px)' href='./<?php echo themes("file","css/mobile.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' /><?php } ?>
 	<link rel="stylesheet" href="./css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
 	<link rel="stylesheet" href="./css/animate.css">
 
@@ -79,9 +81,9 @@ if ($logedin) {
 ?>
 
 <div id='hiddenside'></div>
-<div class='gotop'><a href='#top'>▲</a></div>
+<div class='gotop desktop'><a href='#top'>▲</a></div>
 <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;'>
+	<div class="topbar" style='height:45px; z-index:99;'>
 	<span style='float:left; line-height:45px;padding-left:10px;' class='appname'>
 		<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>
@@ -115,7 +117,7 @@ if ($logedin) {
 	<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>
+			<div style='position:absolute; left:-200px; display:none; height: 50%; background-color:white; border-radius:10px; padding: 2px; margin-top: 8px;' class="search"><form method='get' style="margin-top:-11px;"><input type='text' name='search' style='margin-left:3px; 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>
 		
@@ -132,7 +134,7 @@ if ($logedin) {
 		
 		<span class="topbutton" id="usermenu">
 			<span class='fontello topicon' style='display:inline; font-size:20px;'>&#xe80b;</span>
-			<div class='menu postMenu'>
+			<div class='menu'>
 				<ul>
 					<?php if ($logedin): ?>
 					<li class='mobile' style=''><a class='fontello ldr link'  href='?mode=federated' onClick='return false'>&#xe83c; Federated</a></li>
@@ -146,8 +148,8 @@ if ($logedin) {
 					<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; ?>
-					<li style=''><a class='fontello ldr link'  href='?page=settings' onClick='return false'>&#xe82d; Settings</a></li>
+					<li><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>
+					<li><a class='fontello link'  href='./logout'>&#xe832; Log Out</a></li>
 				</ul>
 			</div>
 		</span>
@@ -187,7 +189,7 @@ endif; ?>
 	<div id='posts'>
 		<?php if ($logedin) { ?>
 		<div class='element' id="searchmobile">
-			<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
+			<div class='avatar desktop' 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>
@@ -199,7 +201,7 @@ endif; ?>
 
 
 		<div class='element' id='postform' style=''>
-			<div class='avatar' style='background-image:url(<?php echo $user_settings['avatar']; ?>)'></div>
+			<div class='avatar desktop' style='background-image:url(<?php echo $user_settings['avatar']; ?>)'></div>
 			<div class='postform form' style='display:block;'>
 				<div style='text-align:right; width:95%; margin: 13px auto; display:block;'>
 				<form action='status.php' method='post' enctype='multipart/form-data'>

modules/timeline.php

@@ -139,19 +139,19 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) {
 				continue;
 			}
 			
-			$post['name'] = "<b><span id='" . $elem['reblog']['account']['id'] . "' class='user'><a class='link ldr'  href='?user=" . $elem['reblog']['account']['id'] . "'>" . emojify($elem['reblog']['account']['display_name'], $elem['reblog']['account']['emojis'], 15) . "</a></span></b>";
+			$post['name'] = "<span style='position:relative;'><b><span id='" . $elem['reblog']['account']['id'] . "' class='user'><a class='link ldr desktop'  href='?user=" . $elem['reblog']['account']['id'] . "'>" . emojify($elem['reblog']['account']['display_name'], $elem['reblog']['account']['emojis'], 20) . "</a><a class='link ldr mobile'  style='font-size:12px;' href='?user=" . $elem['reblog']['account']['id'] . "'>@" . explode("@",$elem['reblog']['account']['acct'])[0] . "</a></span></span></b><span class='desktop' style='font-size:12px; opacity:0.8;'> (" . $elem['reblog']['account']['acct'] . ")</span>";
 			$post['replyto'] = "<span>" . ($elem['reblog']['in_reply_to_id'] ? " <a class='fontello link preview ldr' target='_blank' id='" . $elem['reblog']['in_reply_to_id'] . "' href='?thread=" . $elem['reblog']['in_reply_to_id'] . "'>&#xf112;</a>" : "") . "</span>";
-			$post['rt'] = "<span>[ <span style='font-family:fontello'> &#xe826; </span> by <img src='" . $elem['account']['avatar'] . "' width=30 style='vertical-align:middle; border-radius:30px;'> <a class='link ldr user' id='" . $elem['account']['id'] . "' href='?user=" . $elem['account']['id'] . "'><span class='desktop'>" . emojify($elem['account']['display_name'], $elem['account']['emojis'], 15) . "</span><span class='mobile'>@" . explode("@", $elem['account']['acct']) [0] . "</span></a> ]</span>";
+			$post['rt'] = "<span>[ <span style='font-family:fontello'> &#xe826; </span> <img src='" . $elem['account']['avatar'] . "' width=20 style='vertical-align:middle; border-radius:5px;'> <a class='link ldr user' style='font-size:12px;' id='" . $elem['account']['id'] . "' href='?user=" . $elem['account']['id'] . "'><span class='desktop'>" . emojify($elem['account']['display_name'], $elem['account']['emojis'], 15) . "</span><span class='mobile'>@" . explode("@", $elem['account']['acct']) [0] . "</span></a> ]</span>";
 			$elem = $elem['reblog'];
 		}
 		else {
-			$post['name'] = "<span style='position:relative;'><b><span id='" . $elem['account']['id'] . "' class='user'><a class='link ldr'  href='?user=" . $elem['account']['id'] . "'>" . emojify($elem['account']['display_name'], $elem['account']['emojis'], 20) . "</a></span></span></b><span class='desktop' style='font.size:10px;'> (" . $elem['account']['acct'] . ")</span> ";
+			$post['name'] = "<span style='position:relative;'><b><span id='" . $elem['account']['id'] . "' class='user'><a class='link ldr desktop'  href='?user=" . $elem['account']['id'] . "'>" . emojify($elem['account']['display_name'], $elem['account']['emojis'], 20) . "</a><a class='link ldr mobile'  style='font-size:12px;' href='?user=" . $elem['account']['id'] . "'>@" . explode("@",$elem['account']['acct'])[0] . "</a></span></span></b><span class='desktop' style='font-size:12px; opacity:0.8;'> (" . $elem['account']['acct'] . ")</span>";
 			$post['replyto'] = "<span>" . ($elem['in_reply_to_id'] ? " <a class='fontello link preview ldr' target='_blank' id='" . $elem['in_reply_to_id'] . "' href='?thread=" . $elem['in_reply_to_id'] . "'>&#xf112;</a>" : "") . "</span>";
 		}
 
 		/* We skip the post if it contains any of the muted words */
 		foreach($user_settings['mtwords'] as $word){
-			if(contains($elem['content'],$word)){
+			if(contains($elem['content'],trim($word))){
 				continue 2;
 			}
 		}
@@ -286,11 +286,6 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) {
 			}
 		}
 
-		$public = "&#xe83c;";
-		$private = "&#xe819;";
-		$unlisted = "&#xe816;";
-		$direct = "&#xf0e0;";
-
 		/* the code of the post footer (date, visibility and like/reblog buttons */
 		$post['footer'] = "<div style='float:left;'>
 							<a style='text-decoration:none;' class='ldr postAge' id='".strtotime($elem['created_at'])."' target='_blank' href='?thread=" . $elem['id'] . "' title='".gmdate("d/m/y H:i", strtotime($elem['created_at']))."'>" .time_elapsed_string($elem['created_at'])  . "</a> - <span class='fontello ".$elem['visibility']."'> </span> 

templates/post.txt

@@ -3,7 +3,7 @@
 	<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:5px; margin-left:10px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=25 class='mobile' style='vertical-align:middle; border-radius:10px'> :name: :rt: </span>
 			<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>

templates/textpost.txt

@@ -3,7 +3,7 @@
 	<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:5px; margin-left:10px; 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-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>

themes/1994/css/color.css

@@ -41,6 +41,12 @@ textarea,input[type="text"],.notifpic{
 	text-shadow: 1px 1px white;
 }
 
+.search input[type="submit"], .search input[type="text"]{
+	color: #734eec;
+	background-color:transparent;
+	border:0px !important;
+}
+
 textarea{
 	background-image: url("../brutus.png");
 	background-repeat: no-repeat;
@@ -159,21 +165,21 @@ input[type="checkbox"]:checked+label {
 	background-color: #6B91B6;
 }
 
-.postMenu {
+.menu {
 	background-color: #efd7f3;
 	border: 2px outset #f2e0f5 !important; 
 	color:black;
 	padding:2px;
 }
 
-.postMenu div{
+.menu div{
 	background-color: #efd7f3;
 	border: 2px outset #f2e0f5 !important;
 	color:black;
 	box-shadow: 1px 1px 2px black;
 }
 
-.postMenu li{
+.menu li{
 	background-color: #efd7f3;
 	color:black;
 }
@@ -184,11 +190,11 @@ input[type="checkbox"]:checked+label {
 }
 
 
-.postMenu li a{
+.menu li a{
 	color: #734eec !important;
 }
 
-.postMenu li:hover a{
+.menu li:hover a{
 	color:white !important;
 }
 

themes/1994/css/mobile.css

@@ -1,673 +1,6 @@
-/* overall */
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 12pt;
-}
-
-html,body{
-	height:100%;
-}
-
-a {
-	text-decoration:none;
-}
-
-h1 {
-	font-size:20px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
 body {
 	background-attachment: fixed;
     background-size: auto 100%;
     background-repeat: no-repeat;
     background-position: left top;
 }
-
-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,.searchmobile {
-	position:fixed;
-	width: 100vw !important;
-	left:0px;
-	top:45px;
-	text-align: center;
-	border-radius: 3px;
-	z-index: 99;
-}
-
-#postform,#searchmobile {
-	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: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: 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/1994/css/style.css

@@ -1,641 +1,4 @@
-/* overall */
-html {
-	scroll-behavior: smooth;
-}
-
 body {
 	background-attachment: fixed;
     background-size: cover;
 }
-
-* {
-	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;
-	height: 80px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-	background-size: auto 80px;
-}
-
-
-.post,
-.rb,
-.textonly,
-.loadmore {
-	width: 650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-}
-
-#searchmobile{
-	display:none;
-}
-
-.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/ancientbird/css/color.css

@@ -27,6 +27,8 @@ input[type="text"]:not([name="spoiler"]),textarea {
 	border:1px solid #aaa !important;
 }
 
+
+
 .topbar {
 	background-image: linear-gradient(#2e2c2e, #090a14);
 }
@@ -144,6 +146,16 @@ input[type="submit"] {
 	color:white; 
 }
 
+.search input[type="submit"]{
+	color: #048fb3;
+	background-color:transparent;
+	border:0px;
+}
+
+.search input[type="text"]{
+	border:0px !important;
+}
+
 .formbtn {
 	color:#048fb3; 
 }
@@ -161,19 +173,19 @@ input[type="submit"] {
 	background-color: white;
 }
 
-.postMenu div{
+.menu div{
 	box-shadow: 1px 1px 2px black;
 }
 
-.postMenu li:hover {
+.menu li:hover {
 	background-color:#203960 !important;
 }
 
-.postMenu li a{
+.menu li a{
 	color:#203960;
 }
 
-.postMenu li:hover a{
+.menu li:hover a{
 	color:white;
 }
 

themes/ancientbird/css/mobile.css

@@ -1,676 +1,8 @@
-/* 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;
+	margin-top: -4px !important;
-	clear: both;
-	display: inline-block;
-	margin-top: 3px;
-}
-
-.element {
-	width: 800px;
-	clear: both;
-	display: inline-block;
-	margin-top: -4px;
 }
 
 .element_pad {
 	margin-top: 10px;
 	margin-bottom: 10px;
 }
-
-.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,.searchmobile {
-	position:fixed;
-	width: 100vw !important;
-	left:0px;
-	top:45px;
-	text-align: center;
-	border-radius: 3px;
-	z-index: 99;
-}
-
-#postform,#searchmobile {
-	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: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: 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/ancientbird/css/style.css

@@ -1,640 +1,8 @@
-/* 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;
+	margin-top: -4px !important;
-	clear: both;
-	display: inline-block;
-	margin-top: -6px;
 }
 
 .element_pad {
 	margin-top: 10px;
 	margin-bottom: 10px;
 }
-
-.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;
-	height: 80px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-	background-size: auto 80px;
-}
-
-.post,
-.rb,
-.textonly,
-.loadmore {
-	width: 650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-}
-
-#searchmobile {
-	display:none;
-}
-
-.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/bythebook/css/color.css

@@ -119,6 +119,13 @@ input[type="submit"] {
 	color:white; 
 }
 
+.search input[type="submit"]{
+	color: #4267b2;
+	background-color:transparent;
+	border:0px;
+}
+
+
 .formbtn {
 	color:#305792; 
 }
@@ -136,19 +143,19 @@ input[type="submit"] {
 	background-color: white;
 }
 
-.postMenu div{
+.menu div{
 	box-shadow: 1px 1px 2px black;
 }
 
-.postMenu li:hover {
+.menu li:hover {
 	background-color:#203960 !important;
 }
 
-.postMenu li a{
+.menu li a{
 	color:#203960;
 }
 
-.postMenu li:hover a{
+.menu li:hover a{
 	color:white;
 }
 

themes/chicago/css/color.css

@@ -116,6 +116,10 @@ input[type="submit"] {
 	color:black; 
 }
 
+.search {
+	background-color:transparent !important;
+}
+
 .formbtn {
 	color:black; 
 }
@@ -137,21 +141,21 @@ input[type="submit"] {
 	background-color: #6B91B6;
 }
 
-.postMenu {
+.menu {
 	background-color: #c3c3c3;
 	border: 2px outset #fff !important;
 	color:black;
 	padding:2px;
 }
 
-.postMenu div{
+.menu div{
 	background-color: #c3c3c3;
 	border: 2px outset #fff !important;
 	color:black;
 	box-shadow: 1px 1px 2px black;
 }
 
-.postMenu li{
+.menu li{
 	background-color: #c3c3c3;
 	color:black;
 }
@@ -162,11 +166,11 @@ input[type="submit"] {
 }
 
 
-.postMenu li a{
+.menu li a{
 	color: #000082 !important;
 }
 
-.postMenu li:hover a{
+.menu li:hover a{
 	color:white !important;
 }
 

themes/chicago/css/mobile.css

@@ -0,0 +1,14 @@
+.topbar{
+	background-color: #c3c3c3;
+	border-top: 1px outset #fff !important;
+}
+
+.appname{
+	padding-right:15px;
+	line-height:43px !important;
+	border: 2px outset #fff !important;
+}
+
+.appname a,.topicon {
+	color:black !important;
+}

themes/cuatro/css/color.css

@@ -1,4 +1,4 @@
-a, .link {
+a, .link, a > span {
 	color: #117743;
 }
 
@@ -126,6 +126,12 @@ input[type="submit"] {
 	color:white; 
 }
 
+.search input[type="submit"] {
+	color:#800 !important;
+	background-color:transparent !important; 
+	border: 0px !important; 
+}
+
 .formbtn {
 	color:#800; 
 }
@@ -134,7 +140,7 @@ input[type="submit"] {
 	color:#800; 
 }
 
-.postMenu div{
+.menu div{
 	box-shadow: 1px 1px 2px black;
 }
 

themes/monad/css/color.css

@@ -1,4 +1,4 @@
-a, .link {
+a, .link,a > span {
 	color: #d8a070;
 }
 
@@ -55,6 +55,10 @@ input[type="checkbox"]:checked+label {
 	border-bottom: 2px solid white;
 }
 
+.search {
+	background-color:transparent !important;
+}
+
 .badge {
 	color: white;
 }

themes/monad/css/mobile.css

@@ -1,14 +1,3 @@
-/* overall */
-
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 12pt;
-}
-
-html,body{
-	height:100%;
-}
-
 body {
 	margin: 0;
 	background-attachment: fixed;
@@ -17,668 +6,12 @@ body {
     background-position: center top;
 }
 
-a {
-	text-decoration:none;
-}
-
-h1 {
-	font-size:20px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-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;
+	margin-top: -4px !important;
-	display: inline-block;
-	margin-top: 3px;
-}
-
-.element {
-	width: 800px;
-	clear: both;
-	display: inline-block;
-	margin-top: -4px;
 }
 
 .element_pad {
 	margin-top: 10px;
 	margin-bottom: 10px;
 }
-
-.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,.searchmobile {
-	position:fixed;
-	width: 100vw !important;
-	left:0px;
-	top:45px;
-	text-align: center;
-	border-radius: 3px;
-	z-index: 99;
-}
-
-#postform,#searchmobile {
-	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: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: 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/monad/css/style.css

@@ -1,649 +1,14 @@
-/* overall */
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 11pt;
-}
-
-html {
-	scroll-behavior: smooth;
-}
-
 body {
 	background-attachment: fixed;
     background-size: cover;
 	margin: 0;
 }
 
-a {
-	text-decoration: none;
-}
-
-h1 { 
-	font-size:30px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-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;
+	margin-top: -4px !important;
-	clear: both;
-	display: inline-block;
-	margin-top: 5px;
-}
-
-.element {
-	width: 800px;
-	clear: both;
-	display: inline-block;
-	margin-top: -4px;
 }
 
 .element_pad {
 	margin-top: 10px;
 	margin-bottom: 10px;
 }
-
-.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;
-	height: 80px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-	background-size: auto 80px;
-}
-
-.post,
-.rb,
-.textonly,
-.loadmore {
-	width: 650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-}
-
-#searchmobile {
-	display:none;
-}
-
-.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/phubbub/css/color.css

@@ -43,6 +43,10 @@ input[type="checkbox"]:checked+label {
 	border-bottom: 2px solid white;
 }
 
+.search {
+	background-color:transparent !important;
+}
+
 .badge {
 	color: #ff9900;
 }

themes/whistler/css/color.css

@@ -60,6 +60,17 @@ input[type="checkbox"]:checked+label {
 	color: white;
 }
 
+.search {
+	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7) inset;
+}
+
+.search input[type="text"],.search input[type="submit"]{
+	border:0px !important;
+	background-color:transparent !important;
+	background-image:none !important;
+	color: #000;
+}
+
 .tiselected {
 	border-bottom: 2px solid white;
 }
@@ -198,7 +209,7 @@ input[type="submit"] {
 	box-shadow: 1px 1px 2px black;
 }
 
-.postMenu li{
+.menu li{
 	background-color: #e7e9d4;
 	color:black;
 }
@@ -209,11 +220,11 @@ input[type="submit"] {
 }
 
 
-.postMenu li a{
+.menu li a{
 	color: #000082 !important;
 }
 
-.postMenu li:hover a{
+.menu li:hover a{
 	color:white !important;
 }
 

themes/whistler/css/mobile.css

@@ -1,673 +1,6 @@
-/* overall */
-* {
-	font-family: arial, helvetica, sans-serif;
-	font-size: 12pt;
-}
-
-html,body{
-	height:100%;
-}
-
-a {
-	text-decoration:none;
-}
-
-h1 {
-	font-size:20px;
-}
-
-p {
-	margin: 0px !important;
-}
-
-body {
-	margin: 0;
-}
-
 body {
 	background-attachment: fixed;
     background-size: auto 100%;
     background-repeat: no-repeat;
     background-position: left top;
 }
-
-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,.searchmobile {
-	position:fixed;
-	width: 100vw !important;
-	left:0px;
-	top:45px;
-	text-align: center;
-	border-radius: 3px;
-	z-index: 99;
-}
-
-#postform,#searchmobile {
-	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: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: 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/whistler/css/style.css

@@ -1,641 +1,4 @@
-/* overall */
-html {
-	scroll-behavior: smooth;
-}
-
 body {
 	background-attachment: fixed;
     background-size: cover;
 }
-
-* {
-	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;
-	height: 80px;
-	float: left;
-	margin: 15px;
-	border-radius: 10px;
-	background-size: auto 80px;
-}
-
-
-.post,
-.rb,
-.textonly,
-.loadmore {
-	width: 650px;
-	float: left;
-	text-align: center;
-	position: relative;
-	border-radius: 3px;
-}
-
-#searchmobile{
-	display:none;
-}
-
-.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;
-}