Emoji picker, Search and Themes updates

This commit is contained in:
Daisuke 2020-04-13 11:30:51 -05:00
parent cf0ba1244d
commit 299c58692e
120 changed files with 224 additions and 9206 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -12,6 +12,10 @@ if ($logedin || $tl['mode'] == 'user') {
<br><span>(@" . $info['acct'] . ")</span> <br><span>(@" . $info['acct'] . ")</span>
</div> </div>
</div> </div>
<div class='side_element' style='margin-top:20px; margin-left:0px; width:100%; padding-top:10px; padding-bottom:10px; '>
<form method='get'><input type='text' name='search' style='width:80%' placeholder='Type your search here'><input type='submit' value='&#xe800;' class='fontello'></form>
</div>
<div class='side_element' style='margin-top:20px; margin-left:0px; width:100%;'> <div class='side_element' style='margin-top:20px; margin-left:0px; width:100%;'>
<ul> <ul>
@ -39,8 +43,10 @@ if ($logedin) {
} }
else { else {
echo "<div class='side_element'> echo "<div class='side_element'>
<div style='width:90%; margin:8px; display:inline-block;'>
<span style='font-weight:bold; font-size:20px; clear:both;'>" . $setting['appname'] . "</span><br> <span style='font-weight:bold; font-size:20px; clear:both;'>" . $setting['appname'] . "</span><br>
<span>" . $setting['description'] . "</span> <span>" . $setting['description'] . "</span>
</div>
</div>"; </div>";
} }
?> ?>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 169 KiB

BIN
login/bg/185.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 KiB

BIN
login/bg/29a.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 195 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 597 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 228 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 281 KiB

BIN
login/bg/a4f.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 276 KiB

BIN
login/bg/a8e.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

BIN
login/bg/af10e.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

BIN
login/bg/e3f.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 223 KiB

BIN
login/bg/h5s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 229 KiB

BIN
login/bg/i5e.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 KiB

BIN
login/bg/o3a.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 320 KiB

BIN
login/bg/t65.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

BIN
login/bg/u6r.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

BIN
login/bg/u9w.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 KiB

View File

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

9
modules/search.php Normal file
View File

@ -0,0 +1,9 @@
<div class='element'>
<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
<div class='post' id="searchbox" style="padding-top: 15px; padding-bottom: 15px;">
<form method="get">
<input type="text" name="search" style='width:80%' placeholder="Type your search here">
<input type="submit" value="&#xe800;" class="fontello">
</form>
</div>
</div>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

Some files were not shown because too many files have changed in this diff Show More