Emoji picker, Search and Themes updates
This commit is contained in:
@ -88,7 +88,7 @@ input[type="checkbox"]:checked+label {
|
||||
color: #04a0c6;
|
||||
}
|
||||
|
||||
.side_element,.topbar,.post,.postform{
|
||||
.side_element,.topbar,.post,.postform,.searchmobile{
|
||||
box-shadow: 0px 0px 7px #000;
|
||||
}
|
||||
|
||||
@ -203,6 +203,10 @@ input[type="checkbox"]:checked+label {
|
||||
background-color: rgba(18,26,36,0.8);
|
||||
}
|
||||
|
||||
.searchmobile{
|
||||
background-color: rgb(18,26,36);
|
||||
}
|
||||
|
||||
.toggleblur {
|
||||
background-color: #d8a070;
|
||||
color: #121a24;
|
||||
|
@ -402,8 +402,7 @@ aside {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postform {
|
||||
display:none;
|
||||
.postform,.searchmobile {
|
||||
position:fixed;
|
||||
width: 100vw !important;
|
||||
left:0px;
|
||||
@ -413,7 +412,7 @@ aside {
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
#postform {
|
||||
#postform,#searchmobile {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
@ -392,6 +392,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; 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: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>
|
||||
|
Reference in New Issue
Block a user