Facebook
From Trivial Dove, 2 Years ago, written in XML.
This paste is a reply to Re: Re: Template 1 from Tacky Dormouse - go back
Embed
Viewing differences between Re: Re: Template 1 and Re: Re: Re: Template 1








// function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//use.fontawesome.com/releases/v5.7.2/css/all.css")
//]]>

    
    
    
  <data:blog.title/>
        
        
        
        
        
        
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&subset=latin-ext");
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0px}
::-webkit-scrollbar-thumb{background:#888;border-radius:0px}
::-webkit-scrollbar-thumb:hover{background:#555}
html {
   position: relative;
  
relative;
 
overflow-x: hidden !important;
  
!important;
 
overflow-x: hidden !important;
}
 
* {
   box-sizing: border-box;
}
 
body {
   font-family: 'Quicksand', sans-serif;
  
sans-serif;
 
color: #324e63;
  
#324e63;
 
margin: 0;
}
 
a, a:hover {
   text-decoration: none;
}
 
.icon {
   display: inline-block;
  
inline-block;
 
width: 1em;
  
1em;
 
height: 1em;
  
1em;
 
stroke-width: 0;
  
0;
 
stroke: currentColor;
  
currentColor;
 
fill: currentColor;
}
 
.wrapper {
   width: 100%;
  
100%;
 
width: 100%;
  
100%;
 
height: auto;
  
auto;
 
min-height: 100vh;
  
100vh;
 
padding: 50px 20px;
  
20px;
 
padding-top: 100px;
  
100px;
 
display: flex;
  
flex;
 
background-image: linear-gradient(-20deg, #ff2846 0%, #6944ff 100%);
  
100%);
 
display: flex;
  
flex;
 
background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
 
#23D5AB);
background-size: 400% 400%;
 
400%;
-webkit-animation: Gradient 15s ease infinite;
 
infinite;
-moz-animation: Gradient 15s ease infinite;
 
infinite;
animation: Gradient 15s ease infinite;
}
 
@-webkit-keyframes Gradient {
 0% {
  
{
 
background-position: 0% 50%
 }
 
50%
}
50% {
  
{
 
background-position: 100% 50%
 }
 
50%
}
100% {
  
{
 
background-position: 0% 50%
 
50%
}
}
 
@-moz-keyframes Gradient {
 0% {
  
{
 
background-position: 0% 50%
 }
 
50%
}
50% {
  
{
 
background-position: 100% 50%
 }
 
50%
}
100% {
  
{
 
background-position: 0% 50%
 
50%
}
}
 
@keyframes Gradient {
 0% {
  
{
 
background-position: 0% 50%
 }
 
50%
}
50% {
  
{
 
background-position: 100% 50%
 }
 
50%
}
100% {
  
{
 
background-position: 0% 50%
 
50%
}
}
@media screen and (max-width: 768px) {
  . .wrapper {
       height: auto;
    
auto;
   
min-height: 100vh;
    
100vh;
   
padding-top: 100px;
  
100px;
 
}
}
 
.profile-card {
   width: 100%;
  
100%;
 
min-height: 460px;
  
460px;
 
margin: auto;
  
auto;
 
box-shadow: 0px 8px 60px -10px rgba(13, 28, 39, 0.6);
   background: #fff;
  
#fff;
 
border-radius: 12px;
  
12px;
 
max-width: 700px;
  
700px;
 
position: relative;
}
.profile-card.active .profile-card__cnt {
   filter: blur(6px);
}
.profile-card.active .profile-card-message,
.profile-card.active .profile-card__overlay {
   opacity: 1;
  
1;
 
pointer-events: auto;
  
auto;
 
transition-delay: .1s;
}
.profile-card.active .profile-card-form {
   transform: none;
  
none;
 
transition-delay: .1s;
}
.profile-card__img {
   width: 150px;
  
150px;
 
height: 150px;
  
150px;
 
margin-left: auto;
  
auto;
 
margin-right: auto;
  
auto;
 
transform: translateY(-50%);
  
translateY(-50%);
 
border-radius: 100%;
  
100%;
 
overflow: hidden;
  
hidden;
 
position: relative;
  
relative;
 
z-index: 4;
  
4;
 
box-shadow: 0px 5px 50px 0px #6c44fc, 0px 0px 0px 7px rgba(107, 74, 255, 0.5);
}
@media screen and (max-width: 576px) {
  . .profile-card__img {
       width: 120px;
    
120px;
   
height: 120px;
  
120px;
 
}
}
.profile-card__img img {
   display: block;
  
block;
 
width: 100%;
  
100%;
 
height: 100%;
  
100%;
 
object-fit: cover;
  
cover;
 
border-radius: 100%;
}
.profile-card__cnt {
   margin-top: -35px;
  
-35px;
 
text-align: center;
  
center;
 
padding: 0 20px;
  
20px;
 
padding-bottom: 40px;
  
40px;
 
transition: all .3s;
}
.profile-card__name {
   font-weight: 700;
  
700;
 
font-size: 24px;
  
24px;
 
color: #6944ff;
  
#6944ff;
 
margin-bottom: 15px;
}
.profile-card__txt {
   font-size: 18px;
  
18px;
 
font-weight: 500;
  
500;
 
color: #324e63;
  
#324e63;
 
margin-bottom: 15px;
}
.profile-card__txt strong {
   font-weight: 700;
}
.profile-card-loc {
   display: flex;
  
flex;
 
justify-content: center;
  
center;
 
align-items: center;
  
center;
 
font-size: 18px;
  
18px;
 
font-weight: 600;
}
.profile-card-loc__icon {
   display: inline-flex;
  
inline-flex;
 
font-size: 27px;
  
27px;
 
margin-right: 10px;
}
.profile-card-inf {
   display: flex;
  
flex;
 
justify-content: center;
  
center;
 
flex-wrap: wrap;
  
wrap;
 
align-items: flex-start;
  
flex-start;
 
margin-top: 35px;
}
.profile-card-inf__item {
   padding: 10px 35px;
  
35px;
 
min-width: 150px;
}
@media screen and (max-width: 768px) {
  . .profile-card-inf__item {
       padding: 10px 20px;
    
20px;
   
min-width: 120px;
  
120px;
 
}
}
.profile-card-inf__title {
   font-weight: 700;
  
700;
 
font-size: 27px;
  
27px;
 
color: #324e63;
}
.profile-card-inf__txt {
   font-weight: 500;
  
500;
 
margin-top: 7px;
}
.profile-card-social {
   margin-top: 25px;
  
25px;
 
display: flex;
  
flex;
 
justify-content: center;
  
center;
 
align-items: center;
  
center;
 
flex-wrap: wrap;
}
.profile-card-social__item {
   display: inline-flex;
  
inline-flex;
 
width: 56px;
  
56px;
 
height: 56px;
  
56px;
 
margin: 16px;
  
16px;
 
border-radius: 100%;
  
100%;
 
align-items: center;
  
center;
 
justify-content: center;
  
center;
 
color: #fff;
  
#fff;
 
background: #405de6;
  
#405de6;
 
box-shadow: 0px 7px 30px rgba(43, 98, 169, 0.5);
   position: relative;
  
relative;
 
font-size: 21px;
  
21px;
 
flex-shrink: 0;
  
0;
 
transition: all .3s;
}
@media screen and (max-width: 768px) {
  . .profile-card-social__item {
       width: 50px;
    
50px;
   
height: 50px;
    
50px;
   
margin: 10px;
  
10px;
 
}
}
@media screen and (min-width: 768px) {
  . .profile-card-social__item:hover {
       transform: scale(1.2);
   }
}
.profile-card-social__item.facebook {
   background: linear-gradient(45deg, #3b5998, #0078d7);
  
#0078d7);
 
box-shadow: 0px 4px 30px rgba(43, 98, 169, 0.5);
}
.profile-card-social__item.twitter {
   background: linear-gradient(45deg, #1da1f2, #0e71c8);
  
#0e71c8);
 
box-shadow: 0px 4px 30px rgba(19, 127, 212, 0.7);
}
.profile-card-social__item.instagram {
   background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
  
#fd1d1d);
 
box-shadow: 0px 4px 30px rgba(120, 64, 190, 0.6);
}
.profile-card-social__item.behance {
   background: linear-gradient(45deg, #1769ff, #213fca);
  
#213fca);
 
box-shadow: 0px 4px 30px rgba(27, 86, 231, 0.7);
}
.profile-card-social__item.github {
   background: linear-gradient(45deg, #333333, #626b73);
  
#626b73);
 
box-shadow: 0px 4px 30px rgba(63, 65, 67, 0.6);
}
.profile-card-social__item.codepen {
   background: linear-gradient(45deg, #324e63, #414447);
  
#414447);
 
box-shadow: 0px 4px 30px rgba(55, 75, 90, 0.6);
}
.profile-card-social__item.link {
   background: linear-gradient(45deg, #d5135a, #f05924);
  
#f05924);
 
box-shadow: 0px 4px 30px rgba(223, 45, 70, 0.6);
}
.profile-card-social .icon-font {
   display: inline-flex;
}
.profile-card-ctr {
   display: flex;
  
flex;
 
justify-content: center;
  
center;
 
align-items: center;
  
center;
 
margin-top: 40px;
}
@media screen and (max-width: 576px) {
  . .profile-card-ctr {
       flex-wrap: wrap;
  
wrap;
 
}
}
.profile-card__button {
   background: none;
  
none;
 
border: none;
  
none;
 
font-family: 'Quicksand', sans-serif;
  
sans-serif;
 
font-weight: 700;
  
700;
 
font-size: 19px;
  
19px;
 
margin: 15px 35px;
  
35px;
 
padding: 15px 40px;
  
40px;
 
min-width: 201px;
  
201px;
 
border-radius: 50px;
  
50px;
 
min-height: 56px;
  
56px;
 
color: #fff;
  
#fff;
 
cursor: pointer;
  
pointer;
 
backface-visibility: hidden;
  
hidden;
 
transition: all .3s;
}
@media screen and (max-width: 768px) {
  . .profile-card__button {
       min-width: 170px;
    
170px;
   
margin: 15px 25px;
  
25px;
 
}
}
@media screen and (max-width: 576px) {
  . .profile-card__button {
       min-width: inherit;
    
inherit;
   
margin: 0;
    
0;
   
margin-bottom: 16px;
    
16px;
   
width: 100%;
    
100%;
   
max-width: 300px;
  }
  .
300px;
 }
 .
profile-card__button:last-child {
       margin-bottom: 0;
  
0;
 
}
}
.profile-card__button:focus {
   outline: none !important;
}
@media screen and (min-width: 768px) {
  . .profile-card__button:hover {
       transform: translateY(-5px);
  
translateY(-5px);
 
}
}
.profile-card__button:first-child {
   margin-left: 0;
}
.profile-card__button:last-child {
   margin-right: 0;
}
.profile-card__button.button--blue {
   background: linear-gradient(45deg, #1da1f2, #0e71c8);
  
#0e71c8);
 
box-shadow: 0px 4px 30px rgba(19, 127, 212, 0.4);
}
.profile-card__button.button--blue:hover {
   box-shadow: 0px 7px 30px rgba(19, 127, 212, 0.75);
}
.profile-card__button.button--orange {
   background: linear-gradient(45deg, #d5135a, #f05924);
  
#f05924);
 
box-shadow: 0px 4px 30px rgba(223, 45, 70, 0.35);
}
.profile-card__button.button--orange:hover {
   box-shadow: 0px 7px 30px rgba(223, 45, 70, 0.75);
}
.profile-card__button.button--gray {
   box-shadow: none;
  
none;
 
background: #dcdcdc;
  
#dcdcdc;
 
color: #142029;
}
.profile-card-message {
   width: 100%;
  
100%;
 
height: 100%;
  
100%;
 
position: absolute;
  
absolute;
 
top: 0;
  
0;
 
left: 0;
  
0;
 
padding-top: 130px;
  
130px;
 
padding-bottom: 100px;
  
100px;
 
opacity: 0;
  
0;
 
pointer-events: none;
  
none;
 
transition: all .3s;
}
.profile-card-form {
   box-shadow: 0 4px 30px rgba(15, 22, 56, 0.35);
   max-width: 80%;
  
80%;
 
margin-left: auto;
  
auto;
 
margin-right: auto;
  
auto;
 
height: 100%;
  
100%;
 
background: #fff;
  
#fff;
 
border-radius: 10px;
  
10px;
 
padding: 35px;
  
35px;
 
transform: scale(0.8);
   position: relative;
  
relative;
 
z-index: 3;
  
3;
 
transition: all .3s;
}
@media screen and (max-width: 768px) {
  . .profile-card-form {
       max-width: 90%;
    
90%;
   
height: auto;
  
auto;
 
}
}
@media screen and (max-width: 576px) {
  . .profile-card-form {
       padding: 20px;
  
20px;
 
}
}
.profile-card-form__bottom {
   justify-content: space-between;
  
space-between;
 
display: flex;
}
@media screen and (max-width: 576px) {
  . .profile-card-form__bottom {
       flex-wrap: wrap;
  
wrap;
 
}
}
.profile-card textarea {
   width: 100%;
  
100%;
 
resize: none;
  
none;
 
height: 210px;
  
210px;
 
margin-bottom: 20px;
  
20px;
 
border: 2px solid #dcdcdc;
  
#dcdcdc;
 
border-radius: 10px;
  
10px;
 
padding: 15px 20px;
  
20px;
 
color: #324e63;
  
#324e63;
 
font-weight: 500;
  
500;
 
font-family: 'Quicksand', sans-serif;
  
sans-serif;
 
outline: none;
  
none;
 
transition: all .3s;
}
.profile-card textarea:focus {
   outline: none;
  
none;
 
border-color: #8a979e;
}
.profile-card__overlay {
   width: 100%;
  
100%;
 
height: 100%;
  
100%;
 
position: absolute;
  
absolute;
 
top: 0;
  
0;
 
left: 0;
  
0;
 
pointer-events: none;
  
none;
 
opacity: 0;
  
0;
 
background: rgba(22, 33, 72, 0.35);
   border-radius: 12px;
  
12px;
 
transition: all .3s;
}
 
[hidden], template {
       display: none;
}
ul.contextMenu {
 background: #fff;
 
#fff;
text-align: center;
 
center;
margin: 0;
 
0;
padding: 10px 20px;
 
20px;
border-radius: 100px;
 
100px;
color: #ff6460;
 
#ff6460;
box-shadow: 0 0 70px rgba(0, 0, 0, .25);
 font-family: "Roboto Condensed", sans-serif;
 
sans-serif;
font-weight: 700;
 
700;
font-size: 24px;
 
24px;
z-index: 999999;
 
999999;
position: fixed;
 
fixed;
top: 50%!important;
 
50%!important;
left: 50%!important;
 
50%!important;
transform: translate(-50%, -50%);
 
-50%);
pointer-events: none
}
]]>


//                        return false
        }
    
false
       }
   
}
}
/*!function t(){try{!function t(n){1===(""+n/n).length&&0!==n||function(){}.constructor("debugger")(),t(++n)}(0)}catch(n){setTimeout(t,5e3)}}();*/
//]]>

  
// /*! function t() {
       try {
        
{
       
! function t(n) {
            
{
           
1 === ("" + n / n).length && 0 !== n || function() {}.constructor("debugger")(), t(++n)
        }(0)\n           }(0)
   
} catch (n) {
        
{
       
setTimeout(t, 100) // thời gian độ trễ
    
trễ
   
}
}();*/
//]]>
  

// ! function t() {
       try {
        
{
       
! function t(n) {
            
{
           
1 === ("" + n / n).length && 0 !== n || function() {}.constructor("debugger")(), t(++n)
        }(0)\n           }(0)
   
} catch (n) {
        
{
       
setTimeout(t, 100) // thời gian độ trễ
    
trễ
   
}
}();
//]]>


 
    

// bacsiwindows.com
$(document).bind("contextmenu", function(event) {
event.preventDefault();
alert('DỪNG LẠI!'); // Edit text
window.location.assign('https://www.facebook.com/profile0903/'); // Edit URL redirect
});

// $(document).bind("contextmenu", function(event) {
event.preventDefault();
document.getElementsByTagName("body").style.filter = "blur(5px)";
});
//]]>

 
  \n 
  
    
      
    

 
    
      Nguyễn Duy Quân

      Tôi là một cậu nhóc có đam mê về lập trình, thích khám phá những điều thú vị trên mạng internet. Biết đôi chút về HTML, CSS, JS,...(Phét thôi chứ đang vọc :v)

      
        
          
        
 
        
          Nghệ An, Việt Nam
        
      

 
      
        
          50.640
          Followers
        
 
        
          65
          Following
        
 
        
          24
          Bài Viết
        
 
        
          1
          Website
        
      
 
      
        
          
              
          
        
 
          
              
          
        
 
        
          
              
          
        
 
        
          
              
          
        
 
        
          
              
          
        
 
        \n       
        
          
              
          
        
 
      
 
      
         Message
         Theo Dõi Website
      
    
 
  
      
        
          
        
 
        
          
            Gửi đi
          
 
          
            Hủy bỏ
          
        
      
 
      
    
 
  
 

 

  
    
      codepen
      
    
 
    
      github
      
      
      
      
      
      
      
      
    
 
    
      location
      
      
    
 
    
      facebook
      
    
 
    
      instagram
      
      
      
    
 
    
      twitter
      
    
 
    
      behance
      
      
      
    
 
    
      link
      
      
    
  





// // By tinhgetter
var myObj={Administrator:"tinhgetter",Powered:"Blogger"};console.log(myObj);console.log("%cF12 làm chó nhé :)) Ahihi","font: 600 50px Roboto;color:red",);
//]]>


// // By tinhgetter
var messageBox = document.querySelector('.js-message');
   var btn = document.querySelector('.js-message-btn');
   var card = document.querySelector('.js-profile-card');
   var closeBtn = document.querySelectorAll('.js-message-close');
 
   btn.addEventListener('click',function (e) {
           e.preventDefault();
           card.classList.add('active');
   });
 
   closeBtn.forEach(function (element, index) {
         console.log(element);
           element.addEventListener('click',function (e) {
                   e.preventDefault();
                   card.classList.remove('active');
      });\n       });
 
});//]]>

Replies to Re: Re: Re: Template 1 rss

Title Name Language When
Re: Re: Re: Re: Template 1 Sharp Marmoset xml 2 Years ago.