Emoji picker, Search and Themes updates
This commit is contained in:
Daisuke
parent
cf0ba1244d
commit
299c58692e
@ -20,6 +20,21 @@ textarea,input[type="text"]{
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.polloption{
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
|
||||
border-radius: 5px;
|
||||
display:block;
|
||||
margin:5px;
|
||||
padding:5px;
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.polloption:hover{
|
||||
background-color: #305792;
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
color: white;
|
||||
}
|
||||
|
||||
input[type="radio"]:checked+label,select {
|
||||
color: black;
|
||||
}
|
||||
@ -202,7 +217,7 @@ input[type="checkbox"]:checked+label {
|
||||
box-shadow: 1px 1px 2px black;
|
||||
}
|
||||
|
||||
.postform {
|
||||
.postform,.searchmobile {
|
||||
background-color: white;
|
||||
box-shadow: 1px 1px 2px black;
|
||||
}
|
||||
@ -148,7 +148,7 @@ aside {
|
||||
display: table-cell;
|
||||
line-height: 45px;
|
||||
height: 100%;
|
||||
width: 50px;
|
||||
width: 40px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@ -382,8 +382,7 @@ aside {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postform {
|
||||
display:none;
|
||||
.postform,.searchmobile {
|
||||
position:fixed;
|
||||
width: 100vw !important;
|
||||
left:0px;
|
||||
@ -393,7 +392,7 @@ aside {
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
#postform {
|
||||
#postform,#searchmobile {
|
||||
display:none;
|
||||
}
|
||||
|
||||
@ -378,6 +378,10 @@ aside {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#searchmobile{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.postform {
|
||||
width:650px;
|
||||
float: left;
|
||||
@ -86,14 +86,14 @@ function emoji_list($val){
|
||||
}
|
||||
|
||||
function starts_with($string,$search){
|
||||
if (substr($string,0,strlen($search)) == $search){
|
||||
if (substr(strtolower($string),0,strlen($search)) == strtolower($search)){
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function contains($string,$search){
|
||||
if (is_numeric(strpos($string,$search))){
|
||||
if (is_numeric(strpos(strtolower($string),strtolower($search)))){
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
@ -147,6 +147,24 @@ function user_info($user) {
|
||||
);
|
||||
}
|
||||
|
||||
function api_getv2($url) {
|
||||
global $srv;
|
||||
global $token;
|
||||
|
||||
$curl = curl_init();
|
||||
curl_setopt($curl, CURLOPT_URL, "https://$srv/api/v2/" . $url);
|
||||
if (!is_null($token)) {
|
||||
curl_setopt($curl, CURLOPT_HTTPHEADER, array(
|
||||
'Authorization: Bearer ' . $token
|
||||
));
|
||||
}
|
||||
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
|
||||
$result = curl_exec($curl);
|
||||
curl_close($curl);
|
||||
|
||||
return json_decode($result, true);
|
||||
}
|
||||
|
||||
|
||||
/* a function to make an authenticated general GET api call to the logged-in instance */
|
||||
function api_get($url) {
|
||||
@ -742,6 +760,10 @@ function timeline($query) {
|
||||
case "bookmarks":
|
||||
$array = api_get("bookmarks?limit=25{$next}");
|
||||
break;
|
||||
|
||||
case "search":
|
||||
$array = api_getv2("search?limit=40&q=".$query['search']."{$next}")['statuses'];
|
||||
break;
|
||||
|
||||
case "account":
|
||||
$info = api_get("accounts/verify_credentials");
|
||||
@ -859,14 +881,18 @@ function themes($mode,$name = false){
|
||||
|
||||
case "file":
|
||||
$theme = sanitize($user_settings['theme']);
|
||||
//if (file_exists("themes/$theme/$name")){
|
||||
if (file_exists("themes/$theme/$name")){
|
||||
return "themes/$theme/$name";
|
||||
//}
|
||||
} else {
|
||||
return "$name";
|
||||
}
|
||||
|
||||
case "get":
|
||||
$theme = sanitize($user_settings['theme']);
|
||||
//if (file_exists("themes/$theme/$name")){
|
||||
if (file_exists("themes/$theme/$name")){
|
||||
return file_get_contents("themes/$theme/$name");
|
||||
//}
|
||||
} else {
|
||||
return file_get_contents("$name");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -43,7 +43,7 @@
|
||||
$tl['mode'] = $_GET['mode'];
|
||||
} else {
|
||||
foreach ($_GET as $key => $value){
|
||||
if(in_array($key,array("user","thread","local","tag","list","federated"))){
|
||||
if(in_array($key,array("user","thread","local","tag","list","federated","search"))){
|
||||
$tl['mode'] = $key;
|
||||
$tl[$key] = $value;
|
||||
}
|
||||
|
||||
@ -98,17 +98,19 @@ $('body').on('click', '.replies', function(e) {
|
||||
});
|
||||
});
|
||||
|
||||
$('body').on('click', '.ldr:not(.topicon)', function(e) {
|
||||
$('.topicon').each(function(a){
|
||||
$('body').on('click', '.ldr:not(.tlicon)', function(e) {
|
||||
$('.tlicon').each(function(a){
|
||||
$( this ).removeClass('tiselected')
|
||||
});
|
||||
});
|
||||
|
||||
$('body').on('click', '.ldr', function(e) {
|
||||
e.preventDefault();
|
||||
location.hash = "#top";
|
||||
$('#loader').html('');
|
||||
$('#loaded').remove();
|
||||
var url = $(this).attr('href');
|
||||
var id = $(this).attr('id');
|
||||
localStorage.setItem("content", $('#content .element').detach());
|
||||
$('#content').html('<center><img src="img/loadingb.gif"></center>');
|
||||
$.get(url + "&ajax=1", function(data) {
|
||||
@ -336,6 +338,10 @@ function getMode() {
|
||||
console.log('tag');
|
||||
return "&tag=" + getUrlParameter('tag');
|
||||
}
|
||||
if (typeof getUrlParameter('search') !== 'undefined') {
|
||||
console.log('tag');
|
||||
return "&search=" + getUrlParameter('search');
|
||||
}
|
||||
return "&mode=federated";
|
||||
};
|
||||
|
||||
@ -344,6 +350,9 @@ function loadmore(){
|
||||
if (typeof thread !== 'undefined') {
|
||||
return false;
|
||||
}
|
||||
if (typeof getUrlParameter('search') !== 'undefined') {
|
||||
return false;
|
||||
}
|
||||
var thread = getUrlParameter('thread');
|
||||
if (typeof thread === 'undefined') {
|
||||
var error = $(".error").length;
|
||||
@ -379,6 +388,10 @@ function newPosts() {
|
||||
if (typeof thread !== 'undefined') {
|
||||
return false;
|
||||
}
|
||||
var search = getUrlParameter('search');
|
||||
if (typeof search !== 'undefined') {
|
||||
return false;
|
||||
}
|
||||
var error = $(".error").length;
|
||||
if (error >= 1) {
|
||||
return false;
|
||||
@ -463,4 +476,4 @@ function themecheck(name){
|
||||
else{
|
||||
$('#customtheme').css("display","none");
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
@ -64,6 +64,16 @@ $query = http_build_query(array_filter(array(
|
||||
$('body').on('click', '.compose', function(e) {
|
||||
$('#postform').toggle();
|
||||
});
|
||||
|
||||
$('body').on('click', '.searchform', function(e) {
|
||||
$(this).prev().toggle();
|
||||
});
|
||||
|
||||
$('body').on('click', '.searchmobiletoggle', function(e) {
|
||||
$('#usermenu').off('hover');
|
||||
$('#usermenu').off('active');
|
||||
$('#searchmobile').toggle();
|
||||
});
|
||||
|
||||
$("body").on("keydown", "form", function (e) {
|
||||
if (e.ctrlKey && e.keyCode === 13) {
|
||||
@ -71,8 +81,8 @@ $query = http_build_query(array_filter(array(
|
||||
}
|
||||
});
|
||||
|
||||
$('.topicon').click(function(){
|
||||
$('.topicon').each(function(a){
|
||||
$('.tlicon').click(function(){
|
||||
$('.tlicon').each(function(a){
|
||||
$( this ).removeClass('tiselected')
|
||||
});
|
||||
$( this ).addClass('tiselected');
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>Dashboard FE</title>
|
||||
<title><?php echo $setting['appname']; ?></title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" media='screen and (min-width: 801px)' href='<?php echo themes("file","css/style.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' />
|
||||
<link rel="stylesheet" media='screen and (max-width: 800px)' href='<?php echo themes("file","css/mobile.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' />
|
||||
@ -75,41 +75,42 @@ if ($logedin) {
|
||||
<div class="topbar" style='text-align:center; background-color:none;'>
|
||||
<div class="topbar" style='position:fixed; top:0px; left:0px; height:45px; z-index:99;'>
|
||||
<span style='float:left; line-height:45px;margin-left:10px;'>
|
||||
<a href="./<?php echo ($logedin ? "?mode=home" : ""); ?>" style="font-family: 'patua', serif; font-weight:bold; color:white; font-size:20px; text-decoration:none">Dashboard FE</a>
|
||||
<a href="./<?php echo ($logedin ? "?mode=home" : ""); ?>" style="font-family: 'patua', serif; font-weight:bold; color:white; font-size:20px; text-decoration:none"><?php echo $setting['appname']; ?></a>
|
||||
</span>
|
||||
|
||||
<?php if ($logedin): ?>
|
||||
<span class='mid' style='margin:0 auto; height:100%;'>
|
||||
<span class="topbutton" style='position:relative;'>
|
||||
<a href='?mode=federated' class='fontello topicon ldr <?php echo ($tl['mode'] == "federated" ? "tiselected" : "");?>'></a>
|
||||
<a href='?mode=federated' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "federated" ? "tiselected" : "");?>'></a>
|
||||
</span>
|
||||
<span class="topbutton" style='position:relative;'>
|
||||
<a href='?mode=home' class='fontello topicon ldr <?php echo ($tl['mode'] == "home" ? "tiselected" : "");?>'></a>
|
||||
<a href='?mode=home' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "home" ? "tiselected" : "");?>'></a>
|
||||
</span>
|
||||
<span class="topbutton" style='position:relative;'>
|
||||
<a href='?mode=local' class='fontello topicon ldr <?php echo ($tl['mode'] == "local" ? "tiselected" : "");?>'></a>
|
||||
<a href='?mode=local' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "local" ? "tiselected" : "");?>'></a>
|
||||
</span>
|
||||
<span class="topbutton" style='position:relative;'>
|
||||
<a href='?mode=favourites' class='fontello topicon ldr <?php echo ($tl['mode'] == "favourites" ? "tiselected" : "");?>'></a>
|
||||
<a href='?mode=favourites' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "favourites" ? "tiselected" : "");?>'></a>
|
||||
</span>
|
||||
<span class="topbutton" style='position:relative;'>
|
||||
<a href='?mode=direct' class='fontello topicon ldr <?php echo ($tl['mode'] == "direct" ? "tiselected" : "");?>'></a>
|
||||
<a href='?mode=direct' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "direct" ? "tiselected" : "");?>'></a>
|
||||
</span>
|
||||
|
||||
<?php if (isset($user_settings['pleroma'])): ?>
|
||||
<span class="topbutton" style='position:relative;'>
|
||||
<a href='?mode=bookmarks' class='fontello topicon ldr <?php echo ($tl['mode'] == "bookmarks" ? "tiselected" : "");?>'></a>
|
||||
<a href='?mode=bookmarks' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "bookmarks" ? "tiselected" : "");?>'></a>
|
||||
</span>
|
||||
<?php
|
||||
endif; ?>
|
||||
<?php endif; ?>
|
||||
</span>
|
||||
<?php
|
||||
endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<span style='float:right; margin-right:20px; height:100%;'>
|
||||
|
||||
|
||||
<?php if ($logedin): ?>
|
||||
<span class="topbutton desktop" style='position:relative;'>
|
||||
<div style='position:absolute; left:-200px; display:none;' class="search"><form method='get'><input type='text' name='search' style='width:150px' placeholder='Type your search here'><input type='submit' value='' class='fontello'></form></div>
|
||||
<a href='?page=search' class='searchform fontello topicon' onClick='return false'></a>
|
||||
</span>
|
||||
|
||||
|
||||
<span class="topbutton mobile compose" style='position:relative;'>
|
||||
<a href='' onClick='return false;' class='fontello topicon' style='text-decoration:none; display:inline; font-size:20px;'></a>
|
||||
@ -133,11 +134,10 @@ endif; ?>
|
||||
<li class='mobile' style=''><a class='fontello ldr link' href='?mode=direct' onClick='return false'> Direct</a></li>
|
||||
<?php if (isset($user_settings['pleroma'])): ?>
|
||||
<li class='mobile' style=''><a class='fontello ldr link' href='?mode=bookmarks' onClick='return false'> Bookmarks</a></li>
|
||||
<?php
|
||||
endif; ?>
|
||||
<?php endif; ?>
|
||||
<li class='mobile' style=''><a class='fontello searchmobiletoggle link' href='?page=search' onClick='return false;'> Search</a></li>
|
||||
<li class='mobile' style=''></li>
|
||||
<?php
|
||||
endif; ?>
|
||||
<?php endif; ?>
|
||||
<li style=''><a class='fontello ldr link' href='?page=settings' onClick='return false'> Settings</a></li>
|
||||
<li style=''><a class='fontello link' href='./logout'> Log Out</a></li>
|
||||
</ul>
|
||||
@ -177,9 +177,19 @@ endif; ?>
|
||||
<div class='wrapper'>
|
||||
<div class='container'>
|
||||
<div id='posts'>
|
||||
<?php
|
||||
if ($logedin) {
|
||||
?>
|
||||
<?php if ($logedin) { ?>
|
||||
<div class='element' id="searchmobile">
|
||||
<div class='avatar' style='background-image:url(:avatar:) :style:'></div>
|
||||
<div class='searchmobile' style="padding-top: 15px; padding-bottom: 15px;">
|
||||
<form method="get">
|
||||
<span class="searchmobiletoggle" style='padding-left:0px;padding-right:5px;font-weight:bold;'>X</span>
|
||||
<input type="text" name="search" style='width:70%' placeholder="Type your search here">
|
||||
<input type="submit" value="" class="fontello">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class='element' id='postform' style=''>
|
||||
<div class='avatar' style='background-image:url(<?php echo $user_settings['avatar']; ?>)'></div>
|
||||
<div class='postform form' style='display:block;'>
|
||||
|
||||
@ -12,6 +12,10 @@ if ($logedin || $tl['mode'] == 'user') {
|
||||
<br><span>(@" . $info['acct'] . ")</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='side_element' style='margin-top:20px; margin-left:0px; width:100%; padding-top:10px; padding-bottom:10px; '>
|
||||
<form method='get'><input type='text' name='search' style='width:80%' placeholder='Type your search here'><input type='submit' value='' class='fontello'></form>
|
||||
</div>
|
||||
|
||||
<div class='side_element' style='margin-top:20px; margin-left:0px; width:100%;'>
|
||||
<ul>
|
||||
@ -39,8 +43,10 @@ if ($logedin) {
|
||||
}
|
||||
else {
|
||||
echo "<div class='side_element'>
|
||||
<div style='width:90%; margin:8px; display:inline-block;'>
|
||||
<span style='font-weight:bold; font-size:20px; clear:both;'>" . $setting['appname'] . "</span><br>
|
||||
<span>" . $setting['description'] . "</span>
|
||||
</div>
|
||||
</div>";
|
||||
}
|
||||
?>
|
||||
|
||||
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
BIN
login/bg/185.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
BIN
login/bg/29a.jpg
Normal file
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
BIN
login/bg/a4f.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 276 KiB |
BIN
login/bg/a8e.jpg
Normal file
BIN
login/bg/a8e.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
BIN
login/bg/af10e.jpg
Normal file
BIN
login/bg/af10e.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
BIN
login/bg/e3f.jpg
Normal file
BIN
login/bg/e3f.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
BIN
login/bg/h5s.jpg
Normal file
BIN
login/bg/h5s.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 229 KiB |
BIN
login/bg/i5e.jpg
Normal file
BIN
login/bg/i5e.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 278 KiB |
BIN
login/bg/o3a.jpg
Normal file
BIN
login/bg/o3a.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 320 KiB |
BIN
login/bg/t65.jpg
Normal file
BIN
login/bg/t65.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 137 KiB |
BIN
login/bg/u6r.jpg
Normal file
BIN
login/bg/u6r.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
BIN
login/bg/u9w.jpg
Normal file
BIN
login/bg/u9w.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
@ -43,6 +43,8 @@ if (isset($_POST['user']) || isset($_GET['instance'])){
|
||||
}
|
||||
|
||||
$bg = scandir("./bg/");
|
||||
$bgfile = $bg[mt_rand(2,count($bg)-1)];
|
||||
@$exif = exif_read_data("./bg/".$bgfile, 'COMMENT')['COMMENT'][0];
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
@ -62,17 +64,31 @@ $bg = scandir("./bg/");
|
||||
}
|
||||
|
||||
html {
|
||||
background: url(bg/<?php echo $bg[mt_rand(2,count($bg)-1)]?>) no-repeat center center fixed;
|
||||
background: url(bg/<?php echo $bgfile; ?>) no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.bginfo {
|
||||
text-align:left;
|
||||
color:white;
|
||||
font-family:sans-serif;
|
||||
font-size:10px;
|
||||
}
|
||||
|
||||
.bginfo a {
|
||||
color:white;
|
||||
font-weight:bold;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body >
|
||||
<div style='width:100vw; height:100%; display:inline-block; vertical-align:middle; text-align:center;'>
|
||||
<div style='width:300px; height:200px; margin-top:20%; background-color:rgba(0, 0, 0, 0.5); display:inline-block; padding:30px; border-radius:3px;'>
|
||||
<div class="bginfo"><?php echo $exif; ?></div>
|
||||
|
||||
<div style='width:300px; height:200px; margin-top:10%; background-color:rgba(0, 0, 0, 0.5); display:inline-block; padding:30px; border-radius:3px;'>
|
||||
<span style="font-family: 'Patua One', serif; font-weight:bold; color:white; font-size:45px; text-shadow: 2px 2px #000; ">Dashboard FE</span>
|
||||
|
||||
<?php echo $message; ?>
|
||||
|
||||
9
modules/search.php
Normal file
9
modules/search.php
Normal 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="" class="fontello">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@ -67,6 +67,7 @@
|
||||
<h2>Theme.</h2>
|
||||
<select name='theme' onChange='themecheck(this)'>
|
||||
<?php
|
||||
echo "<option value='default' ".($user_settings['theme'] == "default" ? "selected" : "").">default</option>";
|
||||
foreach(themes("list") as $name){
|
||||
echo "<option value='$name' ".($user_settings['theme'] == $name ? "selected" : "").">$name</option>";
|
||||
}
|
||||
|
||||
@ -201,6 +201,18 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) {
|
||||
$post['id'] = $elem['id'];
|
||||
$post['avatar'] = $elem['account']['avatar'];
|
||||
$post['text'] = processText($elem);
|
||||
|
||||
if (!empty($elem['poll'])){
|
||||
$post['text'] .= "<br>";
|
||||
$votes = $elem['poll']['votes_count'];
|
||||
$post['text'] .= "<div class='poll'><b>Votes: $votes</b><br>";
|
||||
|
||||
foreach ($elem['poll']['options'] as $option){
|
||||
$post['text'] .= "<div class='polloption'>".$option['title']."</div>";
|
||||
}
|
||||
$post['text'] .= "</div>";
|
||||
}
|
||||
|
||||
|
||||
$post['spoiler'] = (empty($elem['spoiler_text']) ? "" : "<span style='font-weight:bold;font-size:20px;'>" . $elem['spoiler_text'] . "</span><br>");
|
||||
$post['media'] = "";
|
||||
@ -341,7 +353,9 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) {
|
||||
'mode' => $tl['mode']
|
||||
)));
|
||||
|
||||
if ($tl['mode'] != "search"){
|
||||
echo "<div class='element'><div class='avatar' style='height:0px;'></div><div class='loadmore' style='display:table-cell; height:50px; line-height:50px;'><a class='link' onClick='return false;' style='margin:5px;' href='?next=$next&" . $query . "'>Load More Posts</a></div></div>";
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<div id='a:id:' class='ancestors'>:ancestors:</div>
|
||||
<div class='postHeader'>
|
||||
<span style='margin:5px; display:block; float:left; line-height:30px;'><img src=':avatar:' width=30 class='mobile' style='vertical-align:middle; border-radius:30px'> :name: :rt: </span>
|
||||
<span style="margin:10px; float:right; display:block;">
|
||||
<span style="margin-top:12px; margin-right:10px; float:right; display:block;">
|
||||
<span class='postMenu fontello'><div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
|
||||
</span>
|
||||
</div>
|
||||
@ -1,6 +1,6 @@
|
||||
<div class='reply form' id='replyform' style='display:inline-block; width:100%'>
|
||||
<div style='width:95%; margin: 10px auto; display:block;'>
|
||||
<div style='text-align:right; background-color:white;'>
|
||||
<div style='text-align:right;'>
|
||||
<form action='status.php' method='post' enctype='multipart/form-data'>
|
||||
<input type='hidden' id='thread' name='thread' value=':id:'>
|
||||
<div style='width:100%; border: 1px solid #ddd; text-align:left;'>
|
||||
@ -9,7 +9,7 @@
|
||||
</div>
|
||||
<textarea name='status' id="status" style='width:100%; height:100px; border:none;'>:content:</textarea>
|
||||
</div>
|
||||
<div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><span class='close'> X </span> <input type='text' id='emojisearch'><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
|
||||
<div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><input type='text' id='emojisearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
|
||||
<div class="buttons">
|
||||
<span style='float:left;'>
|
||||
<input type='submit' value='Send' id='send' onClick='return false'>
|
||||
@ -7,7 +7,7 @@
|
||||
<img src=':avatar:' width=30 style='vertical-align:middle; border-radius:30px;'>
|
||||
:name: :rt:
|
||||
</span>
|
||||
<span style="margin:10px; float:right; display:block;">
|
||||
<span style="margin-top:12px; margin-right:10px; float:right; display:block;">
|
||||
<span class='postMenu fontello'><div style='display:none; z-index:99; width:130px; position: absolute; top: 15px; right: -1px;' class='menu'>:menu:</div></span>
|
||||
</span>
|
||||
</div>
|
||||
@ -34,6 +34,8 @@ textarea,input[type="text"],.notifpic{
|
||||
border-right:2px solid #ffffff !important;
|
||||
border-top:2px solid #828282 !important;
|
||||
border-left:2px solid #828282 !important;
|
||||
color:#692b84;
|
||||
text-shadow: 1px 1px white;
|
||||
}
|
||||
|
||||
textarea{
|
||||
@ -274,7 +276,7 @@ input[type="checkbox"]:checked+label {
|
||||
border-right:2px solid #828282;
|
||||
}
|
||||
|
||||
.postform {
|
||||
.postform,.searchmobile {
|
||||
background-color: #efd7f3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
|
||||
@ -392,8 +392,7 @@ aside {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postform {
|
||||
display:none;
|
||||
.postform,.searchmobile {
|
||||
position:fixed;
|
||||
width: 100vw !important;
|
||||
left:0px;
|
||||
@ -403,7 +402,7 @@ aside {
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
#postform {
|
||||
#postform,#searchmobile {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
@ -383,6 +383,10 @@ aside {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#searchmobile{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.postform {
|
||||
width:650px;
|
||||
float: left;
|
||||
|
||||
@ -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'><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>
|
||||
|
||||
@ -117,7 +117,7 @@ input[type="checkbox"]:checked+label {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.uploadBox {
|
||||
.uploadBox,.picker {
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
@ -248,7 +248,8 @@ input[type="checkbox"]:checked+label {
|
||||
.post,
|
||||
.rb,
|
||||
.textonly,
|
||||
.loadmore {
|
||||
.loadmore,
|
||||
.searchmobile {
|
||||
background-color: #383858;
|
||||
border-top:2px solid #6a6a82;
|
||||
border-left:2px solid #6a6a82;
|
||||
@ -305,6 +306,19 @@ input[type="checkbox"]:checked+label {
|
||||
background-color:black;
|
||||
}
|
||||
|
||||
.polloption {
|
||||
display:block;
|
||||
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.1);
|
||||
border-bottom:2px solid #6a6a82;
|
||||
border-right:2px solid #6a6a82;
|
||||
border-top:2px solid #26263c;
|
||||
border-left:2px solid #26263c;
|
||||
background-color: #04e703;
|
||||
color:black !important;
|
||||
margin-bottom:2px;
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
.post_footer .post_buttons a, .post_footer span{
|
||||
color: #04e703;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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'><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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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'>
|
||||
<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>
|
||||
@ -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;'>
|
||||

|
||||
<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'></label>
|
||||
</div>
|
||||
<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
|
||||
😜
|
||||
</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"> Public</option>
|
||||
<option id="unlisted" value="2"> Unlisted</option>
|
||||
<option id="private" value="3"> Private</option>
|
||||
<option id="direct" value="4"> Direct</option>
|
||||
</select>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -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'><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>
|
||||
|
||||
@ -204,7 +204,7 @@ input[type="checkbox"]:checked+label {
|
||||
border: 1px solid #8fa9b8;
|
||||
}
|
||||
|
||||
.postform {
|
||||
.postform,.searchmobile {
|
||||
background-color: white;
|
||||
border: 1px solid #8fa9b8
|
||||
}
|
||||
|
||||
@ -394,8 +394,7 @@ aside {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postform {
|
||||
display:none;
|
||||
.postform,.searchmobile {
|
||||
position:fixed;
|
||||
width: 100vw !important;
|
||||
left:0px;
|
||||
@ -405,7 +404,7 @@ aside {
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
#postform {
|
||||
#postform,#searchmobile {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
@ -383,6 +383,10 @@ aside {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#searchmobile {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.postform {
|
||||
width:650px;
|
||||
float: left;
|
||||
|
||||
@ -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'><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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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'>
|
||||
<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>
|
||||
@ -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;'>
|
||||

|
||||
<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'></label>
|
||||
</div>
|
||||
<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
|
||||
😜
|
||||
</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"> Public</option>
|
||||
<option id="unlisted" value="2"> Unlisted</option>
|
||||
<option id="private" value="3"> Private</option>
|
||||
<option id="direct" value="4"> Direct</option>
|
||||
</select>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -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'><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>
|
||||
|
||||
@ -198,14 +198,12 @@ input[type="checkbox"]:checked+label {
|
||||
.post,
|
||||
.rb,
|
||||
.textonly,
|
||||
.loadmore {
|
||||
background-color: white;
|
||||
border:2px solid #cdcfd1;
|
||||
}
|
||||
|
||||
.postform {
|
||||
.loadmore,
|
||||
.postform,
|
||||
.searchmobile {
|
||||
background-color: white;
|
||||
border:2px solid #cdcfd1;
|
||||
border-radius:10px;
|
||||
}
|
||||
|
||||
.previewpost {
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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'><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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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'>
|
||||
<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>
|
||||
@ -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;'>
|
||||

|
||||
<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'></label>
|
||||
</div>
|
||||
<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
|
||||
😜
|
||||
</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"> Public</option>
|
||||
<option id="unlisted" value="2"> Unlisted</option>
|
||||
<option id="private" value="3"> Private</option>
|
||||
<option id="direct" value="4"> Direct</option>
|
||||
</select>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -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'><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>
|
||||
|
||||
@ -246,15 +246,9 @@ input[type="checkbox"]:checked+label {
|
||||
.post,
|
||||
.rb,
|
||||
.textonly,
|
||||
.loadmore {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
border-bottom:2px solid #828282;
|
||||
border-right:2px solid #828282;
|
||||
}
|
||||
|
||||
.postform {
|
||||
.loadmore,
|
||||
.postform,
|
||||
.searchmobile {
|
||||
background-color: #c3c3c3;
|
||||
border-top:2px solid #ffffff;
|
||||
border-left:2px solid #ffffff;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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'><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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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'>
|
||||
<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>
|
||||
@ -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;'>
|
||||

|
||||
<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'></label>
|
||||
</div>
|
||||
<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
|
||||
😜
|
||||
</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"> Public</option>
|
||||
<option id="unlisted" value="2"> Unlisted</option>
|
||||
<option id="private" value="3"> Private</option>
|
||||
<option id="direct" value="4"> Direct</option>
|
||||
</select>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -198,7 +198,7 @@ input[type="checkbox"]:checked+label {
|
||||
border:1px solid #800000;
|
||||
}
|
||||
|
||||
.postform {
|
||||
.postform,.searchmobile {
|
||||
background-color: #eeaa88;
|
||||
border:1px solid #eeaa88;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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'><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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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'>
|
||||
<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>
|
||||
@ -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;'>
|
||||

|
||||
<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'></label>
|
||||
</div>
|
||||
<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
|
||||
😜
|
||||
</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"> Public</option>
|
||||
<option id="unlisted" value="2"> Unlisted</option>
|
||||
<option id="private" value="3"> Private</option>
|
||||
<option id="direct" value="4"> Direct</option>
|
||||
</select>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -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'><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>
|
||||
|
||||
@ -241,7 +241,8 @@ input[type="checkbox"]:checked+label {
|
||||
.textonly,
|
||||
.loadmore,
|
||||
.postform,
|
||||
.side_element
|
||||
.side_element,
|
||||
.searchmobile
|
||||
{
|
||||
border: <?php echo $theme['bw']; ?>px solid #<?php echo $theme['bc']; ?>;
|
||||
border-radius: <?php echo $theme['br']; ?>px;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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'><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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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'>
|
||||
<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>
|
||||
@ -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;'>
|
||||

|
||||
<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'></label>
|
||||
</div>
|
||||
<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
|
||||
😜
|
||||
</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"> Public</option>
|
||||
<option id="unlisted" value="2"> Unlisted</option>
|
||||
<option id="private" value="3"> Private</option>
|
||||
<option id="direct" value="4"> Direct</option>
|
||||
</select>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div style="clear: both;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -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'><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>
|
||||
|
||||
@ -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'><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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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'>
|
||||
<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
Loading…
Reference in New Issue
Block a user