Bạn đang xem file : mail.txt
Ngày upload: 01.03.2020 19:52:33
Mới tải về: 22.01.2024 01:35:10
Mô tả:
Mail
Upload bởi: Hoàng Thiên Mệnh

{% use '_blocks' %}

textarea.addEventListener('keydown', autosize);
             
function autosize(){
  var el = this;
  setTimeout(function(){
    el.style.cssText = 'height:auto; padding:0';
    // for box-sizing other than "content-box" use:
    // el.style.cssText = '-moz-box-sizing:content-box';
    el.style.cssText = 'height:' + el.scrollHeight + 'px';
  },0);
}</script>

<style>

body {background:#121212;padding: 4px; font-size: 14px; line-height: 20px; font-family: Arial, Tahoma, sans-serif}

.input-group.md-form.form-sm.form-2 input.amber-border {
border: 1px solid #ffca28;
}

.user_info{
		margin-top: 12px;
		margin-bottom: auto;
		margin-left: 15px;
	}
	.user_info span{
		font-size: 20px;
		color: white;
	}
	.user_info p{
	font-size: 13px;
	color: rgba(255,255,255,0.6);
	color:fff;

}

.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}

.rounded-circle{margin-top:50px;border-radius:50%!important}.rounded-0{border-radius:0!important}

.d-flex{display:-ms-flexbox!important;display:flex!important}

.active{
			background-color: ff0000(0,0,0,0.3);
	}

.contacts_card{
		margin: 0px ;
	}	.card{
			
			border-radius: 15px;
			background-color: 111 ;
		}
		.contacts_body{
			padding:  0.75rem 0 !important;
			overflow-y: auto;
			white-space: nowrap;
		}
		.msg_card_body{
			overflow-y: auto;
		}
		.card-header{
			border-radius: 15px 15px 0 0 !important;
			border-bottom: 150 !important;
		}
	 .card-footer{
		border-radius: 0 0 15px 15px !important;
			border-top: 0 !important;
	}

.user_img{margin-top:7px;margin-left:5px;
			height: 70px;
			width: 70px;
			border:1.5px solid #f5f6fa;
		
		}
		.user_img_msg{
			height: 40px;
			width: 400px;
			border:1.5px solid #f5f6fa;
		
		}
	.img_cont{
			position: relative;
			height: 70px;
			width: 70px;
	}
	.img_cont_msg{
			height: 40px;
			width: 40px;
	}
	.online_icon{margin-bottom:-11px;margin-right:-2px;
		position: absolute;
		height: 15px;
		width:15px;
		background-color: #4cd137;
		border-radius: 50%;
		bottom: 0.2em;
		right: 0.4em;
		border:1.5px solid white;
	}
	.offline{
		position: absolute;
		height: 15px;
		width:15px;
		background-color: #ff0000;
		border-radius: 50%;
		bottom: 0.2em;
		right: 0.4em;
		border:1.5px solid white;
	margin-bottom:-11px;margin-right:-2px;}

.menuxx{ background: #7F7FD5;
	       background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
	        background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
		}

.popup-box-on {
    display: block !important;
}
a:focus {
    outline: none;
    outline-offset: 0px;
}
.menux h1 {
    color: #cccccc;
    float :left ;
    font-family: oswald;
    font-size: 16px;
    margin: 4px 0 0 5px;
   
}
.menux {    background: #111 none repeat scroll 0 0 !important;
    border-bottom: 1px solid #000;
    color: #fff;
    display: table;
    width: 98%;
    padding: 4px;
}
.menux h2 {
    color: #f7f;
    float:left ;
    font-family: oswald;
    font-size: 20px;
    margin: 4px;
   
}

.popup-head-left a small {
    display: table;
    font-size: 11px;
    color: #fff;
    line-height: 4px;
    opacity: 0.5;
    padding: 0 0 0 140px;
}
.chat-header-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 7px;
    font-size: 15px;
    height: 26px;
    opacity: 0.9;
    padding: 0;
    text-align: center;
    width: 26px;
}
.popup-head-right {
    margin: 9px 0 0;
}
.popup-head .btn-group {
    margin: -5px 3px 0 -1px;
}
.gurdeepoushan .dropdown-menu {
    padding: 6px;
}
.gurdeepoushan .dropdown-menu li a span {
    border: 1px solid;
    border-radius: 50px;
    display: list-item;
    font-size: 19px;
    height: 40px;
    line-height: 36px;
    margin: auto;
    text-align: center;
    width: 40px;
}
.gurdeepoushan .dropdown-menu li {
    float: left;
    text-align: center;
    width: 33%;
}
.gurdeepoushan .dropdown-menu li a {
    border-radius: 7px;
    font-family: oswald;
    padding: 3px;
   transition: all 0.3s ease-in-out 0s;
}
.gurdeepoushan .dropdown-menu li a:hover {
    background:#304445 none repeat scroll 0 0 !important;
    color: #fff;
}
.popup-head {
    background: #111 none repeat scroll 0 0 !important;
    border-bottom: 1px solid #000;
    color: #fff;
    display: table;
    width: 98%;
    padding: 4px;
}
 .md-user-image {
    border: 0px solid #5a7172;
    border-radius: 50px;
    float :left ;
    width: 30px;height: 30px;
}

@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body
{
font-family: 'Open Sans', sans-serif;
}

.xuk-input-group-addon .glyphicon.glyphicon-send {
    color: #ffffff;
    font-size: 21px;
    line-height: 36px;
    padding: 0 6px;
}
.lon {width: 120%!important;

border:ff0000;color:ffffff;}

.md-input{;color:#ccc;background-color:#111;
margin-left:-10px;

width: 100%!important;height :25px;max-height:auto;

background: #000  none repeat scroll 0 0;
    border-radius: 1px;
    
    padding: 17px;   
background-image: linear-gradient(to bottom,#151515 0,#121212 101%);
    box-shadow: inset 0 0 0 1px rgba(31,31,31,.66), 0 0 10px rgba(0,0,0,.75), 0 0 10px rgba(0,0,0,.75);    }

.md-inputx{position: fixed;bottom: 0;color:#ccc;background-color:#222;

width: 97%!important;height :37px;

border-radius: 1px;
    
    padding: 5px;   
   }
    
.xgurdeep-chat-box {
    background: #fff  none repeat scroll 0 0;
    border-radius: 1px;
    float: right;
    padding: 15px;
right:700px;
}
#submit_message {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    padding: 4px;
}
.gurdeep-chat-box i {
    color: #333;
    font-size: 21px;
    line-height: 1px;
}
.xchat_submit_box {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    overflow: hidden;
    padding: 1px;
    position: absolute;
    width: 100%!important;}
}
.uk-input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}

.conversation-chat-action {
   height: 260px;
   line-height: 26px;
   padding: 0px 10px;
   background: #eaeaea;
   color: #7d7d7d;
   font-size: 15px;
   border-top: 1px solid #cccaca;
   position: relative;
}

.conversation-chat-action span i {
   cursor: pointer;
}

.wrap-chat-textareax {
   position: relative;
   background: #ff0000;
}

.conversation-chat-frame textarea {
   width: 100%;
   padding: 10px 15px;
   height: 40px;
   border: 1px solid #d6d6d6;
   border-right: 0;
   border-left: 0;
   padding-right: 60px;
   font-size: 13px;
   font-family: "Open Sans", arial;
}

.chat-textarea-send {
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: 1;
   color: #fff;
   font-size: 21px;
   cursor: pointer;
   width: 60px;
   height: 100%;
   text-align: center;
}

.wrap-chat-textarea i {
   top: 50%;
   position: absolute;
   transform: translateY(-50%);
   -webkit-transform: translate(-50%, -50%);
}

.fill-form {
   position: absolute;
   bottom: 85px;
   padding: 10px 10px;
   left: 0;
   width: 100%;
   border-top-width: 8px;
   border-bottom-width: 7px;
   background: #5f92e6;
   display: none;
   z-index: 2;
   font-size: 13px;
   /* background: #ab9656; */
}

.fill-form input {
   width: 100%;
   border: 1px solid gainsboro;
   padding: 5px 10px;
   background: #ff0
;
   font-family: "Open Sans", arial;
   border: 1px solid transparent;
}

.conversation-chat-action span i:hover {
   color: #66aaef;
}
.wrap-chat-textareax {
   position: relative;
   background: #fff;
}

.avtmail {
background: #555555;
margin: 0 1px 0 0;
padding: 1px;
border: 0px solid #000;
width: 15px;
 height: 15px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;}
</style>

{% from 'func.twig' import rwurl,login,get,lever,add,up %}
 {% from 'time.twig' import ago %}

{% from 'time.twig' import  ago %}

{% from 'bbcode.twig' import bbcode %} 
 {% from 'paging.twig' import paging %} 
 {% from 'post-mail' import sent %}

{% set user = 'user_'~tung|striptags~get(key,'ten')|trim %}
{% set lever =get(user,'lever') %}
{% set on=get(user,'on')|trim %}
{% set ic =get(user,'icon') %}
{% set entry=entry|trim %}
{% set user='user_'~entry.name %}
{% set login=login()|trim %}
{% if login %}
 {% if nensms %}
{{ add('user_'~login,'nensms',nensms) }}
{% endif %}
 {{ block( 'header' ) }}

<body>

<style>

textarea{  
  /* box-sizing: padding-box; */
  overflow:hidden;
  /* demo only: */
  padding:10px;
  width:250px;
  font-size:14px;
  margin:50px auto;
  display:block;
  border-radius:10px;
  border:6px solid #556677;
}

#nenmess{

margin: 0 1px 0 0;
padding: 1px;
border: 0px solid #;
width: 99%;
 max-height: 520px;
border-radius:0px;
background:url({{get('user_'~login,'nensms',nensms) }});background-size:cover; position: relative ; 
overflow:auto}

.main-wrapper{width: 100%!important;}
.post{display:none;!important;}#mess{background:000;overflow:auto;height:520;width:100%;margin:0 auto}.list_mess{clear:both;padding:5px 10px;border-top:1px solid #111}.list_mess .content-sms{border-radius:5px;border:1px solid #333;margin:2px 7px;padding:7px 10px;color:#005500;font-size:16px;width:70%;min-width:65%}#mess span{clear:both}#mess .me{float:right;background:#455b64;display:block;font-size:16px;padding:5px 10px;color:#fff;margin:2px 5px;border-radius:10px;max-width:65%;text-align:justify}#mess .me:before{right:-10px}#mess .me a{color:#FF9900!important}#mess .you{float:left;background:#f1f1f1;color:#000;font-size:16px;display:block;padding:5px 10px;margin:2px 5px;border-radius:10px;max-width:65%;text-align:justify}#mess .me:after{left:-10px}#mess .you a{color:#FF9900!important}.action-sms{color:gray;float:right;font-size:13px;font-style:italic;margin-right:10px}</style>

{% set url=get_uri_segments() %}

{% set form=' <div style="xposition: fixed;xtop: 60;width:100%;" class="phdr7"><div class="phdr7">Tìm kiếm </div>
<div class="listsb form-group has-search">
  
<center> <form method="post" action="/mail"> <input name="user" style="border-radius:50px;height:35px;width:100%;" type="text" class="form-control" placeholder="Search"><span style="margin-right:60px;" class="fa fa-search form-control-feedback"></span>
</center>
</div>

</div></div>'%}</div>

{% if not url[1] %}
 {{ sent(get_post('user')) }} 
 {% if login %}
{% set mail=get('user_'~login,'mail')|trim %}
{% if mail>0 %}
 <script>xwindow.location.href='/mail/{{ get('unread_mail_'~login)|split('@')|first|trim}}'</script>
{% endif %}
{% endif %} 
{{form|raw}}
 {% set mails=get('mails_'~login)|trim %}
{% if mails %}
{% for v in mails|split('@') %}{% if loop.last==false %}

{# total #}
{% set on=get(user,'on')|trim %}

<br/>

<div class="card">
						
						<div class="active">
							<div class="d-flex xbd-highlight">
								<div class="img_cont">
									<img src="{{get('user_'~v|trim,'avt')}}" class="rounded-circle user_img">
								
{% if on < ('now'|date('U')-600) %}

<span class="offline"></span>{% else %}
	<span class="online_icon"></span>{% endif %}
								</div>
								<div class="user_info">
									<span>  {{('<b><a style="color:#ffffff;font-size:17px;" href="/mail/'~v|trim~'">'~get('user_'~v|trim,'nick')~'</b></a>')|raw}}</span>
									<p>
{% set data=get('mail_'~login~' '~v|trim) %}
{% if not data %}
 {% set data=get('mail_'~v|trim~' '~login) %}
{% endif %}

{% set data=data|split('@')  %}
 {% set totl=data|length-1  %} 
 {% set pag_max=totl//1  %}
{% if totl//1 != totl/1  %}
{% set pag_max=totl//1+1  %}
{% endif %}
{% set px=v|trim|default(1)  %}

{% if px matches '/[a-zA-z]|%/' or px<1 %}
{% set px=1 %}
{% endif %}
{% if px>pag_max %}
{% set px=pag_max %}
{% endif %} 
 
 
{% set stt=px*1-1 %}
 
 {% for entry in data|slice(0,totl)| slice(stt,1) %}

{% set entry=entry|trim %}
{% set key='mail_'~entry %} 
{% set user='user_'~get(key,'ten') %}
 {% set nd=get(key,'nd') %} 
 {% set time=get(key,'time') %}

<img alt="*"  src="{{get(user,'avt')}}" class="avtmail">
 {% if nd|length > 30 %}
{{ nd|slice(0,30)|raw }}...
{% else %} 
{{bbcode(nd|raw)}} 
</br>
{% endif %}

<small><font color="888888">{{ ago(time|trim) }}</font></small>{%endfor%}

</p>
								</div>
							</div>
						</div>

</div>
						</div>

</div>
</div></div></body>
{% endif %}{% endfor %}

{% else %}

<div class="rmenu">Mail trống.</div>
{% endif %} 
{%else%}

{% set user=url[1] %}
{% set userss=url[2] %}

</font><span style="float:right"><svg style="color :#0066ff;height: 20px;" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="phone-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-phone-alt fa-w-16 fa-fw fa-lg"><path fill="currentColor" d="M493.09 351.3L384.7 304.8a31.36 31.36 0 0 0-36.5 8.9l-44.1 53.9A350 350 0 0 1 144.5 208l53.9-44.1a31.35 31.35 0 0 0 8.9-36.49l-46.5-108.5A31.33 31.33 0 0 0 125 .81L24.2 24.11A31.05 31.05 0 0 0 0 54.51C0 307.8 205.3 512 457.49 512A31.23 31.23 0 0 0 488 487.7L511.19 387a31.21 31.21 0 0 0-18.1-35.7zM456.89 480C222.4 479.7 32.3 289.7 32.1 55.21l99.6-23 46 107.39-72.8 59.5C153.3 302.3 209.4 358.6 313 407.2l59.5-72.8 107.39 46z" class="">

</path></svg> &ensp;  <i style="color:#0066ff ;font-size: 20px;" class="fal fa-video"></i>  &ensp;<button class="dropbtn" style="padding: 0px 0px;"><font size="5.5"><i style=" color:#0066ff;margin:3px" class="fa fa-info-circle" style="font-size: 40px;"></i></font></button>
<div class="dropdown-content menuforum">
<a href="http://ftime.ml"><i class="fa fa-home" aria-hidden="true"></i> Home</a>
<a href="/chucnang"><i class="fa fa-gamepad" aria-hidden="true"></i> Giải trí </a>

</span></div></div>

/* The container <div> - needed to position the dropdown content */
.dropdownx {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #111;
  min-width: 90px;
  box-shadow: 80px 18px 16px 200px rgba(0,0,0,0.2);
  z-index: 1;
margin :20px;}
 
 p.right {
text-align: right ;  }

/* The container <div> - needed to position the dropdown content */
.dropdownxx {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contentx {
  display: block ;
  position: absolute;
  background-color: #111;
  min-width: 180px;
  box-shadow: );
  z-index: 1;
  right: 70;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: fff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

</style>

</input></small><span id="img-status"></span>
    </form><input type="file" id="img-select" class="hide" accept="image/*" />

<div  id="content-mess">
   {%if get_cookie('autoload')=="1"%}</font>{%include 'mail.html/{{url[1]}}/{{url[2]}}|reverse'%}

</div>
{%else%}

</div></div></div></div></div></div>

{#n#}
<a href="javascript:tag(' :baby1: '); show_hide('sm');" tabindex="-1"><img class="icon" src="http://treasure.viwap.com/images/baby1.gif"></a><a href="javascript:tag(' :baby2: '); show_hide('sm');" tabindex="-1"><img class="icon" src="http://treasure.viwap.com/images/baby2.gif"></a><a href="javascript:tag(' :baby3: '); show_hide('sm');" tabindex="-1"><img class="icon" src="http://treasure.viwap.com/images/baby3.gif"></a><a href="javascript:tag(' :baby4: '); show_hide('sm');" tabindex="-1"><img class="icon" src="http://treasure.viwap.com/images/baby4.gif"></a><a href="javascript:tag(' :baby7: '); show_hide('sm');" tabindex="-1"><img class="icon" src="http://treasure.viwap.com/images/baby7.gif"></a><a href="javascript:tag(' :baby9: '); show_hide('sm');" tabindex="-1"><img class="icon" src="http://treasure.viwap.com/images/baby9.gif"></a><a href="javascript:tag(' :baby10: '); show_hide('sm');" tabindex="-1"><img class="icon" src="http://treasure.viwap.com/images/baby10.gif"></a><a href="javascript:tag(' :baby28: '); show_hide('sm');" tabindex="-1"><img class="icon" src="http://treasure.viwap.com/images/baby28.gif"></a><a href="javascript:tag(' :baby37: '); show_hide('sm');" tabindex="-1"><img class="icon" src="http://treasure.viwap.com/images/baby37.gif"></a><a href="javascript:tag(' :baby45: '); show_hide('sm');" tabindex="-1"><img class="icon" src="http://treasure.viwap.com/images/baby45.gif"></a></a>

</div></div></div>
<style>/* Dropdown Button */
 .dropbtnx {
  background-color: #001;
  border-color  : #111;
  padding: autopx;
  font-size: autopx;
  border-radius:5%;
-moz-border-radius:5%;
-webkit-border-radius:5% ;
font-family: "Times New Roman", Times, serif;
    }

/* The container <div> - needed to position the dropdown content */
.dropdownx {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contentx {
  display: none;
  position: absolute;
  background-color: #111;
  min-width: 290px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
 .dropbtnxx {
  background-color: #111;
  border-color  : #111;
 text-align:right ;
 button : 150;
 Width : 100%;
  border-radius:5%;
-moz-border-radius:5%;
-webkit-border-radius:5% ;
font-family: "Times New Roman", Times, serif;
}
 p.right {
text-align: right ;  }

/* The container <div> - needed to position the dropdown content */
.dropdownxx {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contentxx {
  display: block ;
  position: absolute;
  background-color: #111;
  min-width: 180px;
  box-shadow: );
  z-index: 1;
  right: 70;
}

/* Links inside the dropdown */
.dropdown-contentxx a {
  color: 444;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.smile_container {
    width: 320px; left: 15px;
    background-color: #eaeaeabf;
    border: 1px solid #444444e6;
    box-shadow: 1px 1px 3px #444444bd;
    border-radius: 3px;
    top: 300px;
    background-image: linear-gradient(#bbbbbb, white);
    position: absolute;
    z-index: 999;
overflow:auto;
}
.iconx {
    width: 30px;
    height: 30px;
    background-color: #fff;
    margin: auto;
    background-size: contain;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.icon {
    width: 30px;
    height: 30px;
    background-color: #fff;
    margin: auto;
    background-size: contain;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: inline-block;
    border-right: 1px solid #ddd;
}

</style>

<i style=";color:#aaa;" class="far fa-smile-wink fa-lg fa-fw"></i> </a></li> </ul> </div> <div class="comment-attachments attachments clearfix x-hidden"> <ul> <li class="loading"> <div class="progress x-progress"><div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div></div> </li> </ul> </div> </div> </div> <div class="pb10 text-center js_comment-disabled-msg x-hidden">
    Commenting has been turned off for this post.
</div> </div> </div> </div> </div> <div class="col-md-4 col-lg-3"> </div> </div> </div> </div>
</form>

&ensp;

</span>
        
    
    
      <span id="submit" type="submit" onclick="load_ajax()" id="chat"'></span></form><i class="glyphicon glyphicon-send"></i></a>
    
    </div>
</div>

<input style="display:none" type="file" id="f" accept="image/*">
</div>
    <input style="display:none" type="file" id="f" accept="image/*">
</div>
<script src="https://copecute.github.io/forum/js/api-imgur.js"></script>
<script>
document.querySelector("#upload").onclick = function() {
document.querySelector("#f").click();}
copecute_imgur("#f",{loading : function(load) {document.querySelector("#upload").innerHTML = '<i class="fal fa-spinner fa-spin"></i> '+load},
loaded : function(link,size,type,time) {
var input = $("textarea").val();
$("textarea").val(input+" [img]"+link+"[/img] ");
$("#upload").html('<span id="status"><i style="font-size:30;color:0066ff" class="fal fa-image" aria-hidden="true"></i></span>');}})
</script>
<script src="forum.android-developer.tk/js/auto_tag.js"></script>
<script>var user = []
var data = "treasure @ngoctinh5694 @test1 @khaiphan @bixipho @dai @concac @datnuoccat @chiendubai @khanh @"
var sp = data.split("@");
for(i in sp){user[i] = sp [i].trim();}
var input = document.querySelector("#comment");
autocomplete(input,user)
</script>

{%endif%}
{%endif%}
 {%endif%}

Trang WAP UPload và chia sẻ file miễn phí. Coppyright 2015 Вy VIETUP.NET