get paid to paste

Page: Filter [About Me Page]

<!------------------------------------
  ____ ___  _    ___     ___ ___  ___  ___ ___ 
 / __|/ _ \| |  / _ \   / __/ _ \|   \| __/ __|
 \__ \ (_) | |_| (_) | | (_| (_) | |) | _|\__ \
 |___/\___/|____\___/   \___\___/|___/|___|___/
                                            

 **** PAGE: FILTER  ****
 
 ***** IMPORTANT *****
 
- As of 2022 : Please contact tumblr support for the use of Javascript on your blogs so you are able to use this page! 
 
 *************************
 
 .Dᴇsɪɢɴᴇᴅ & Cᴏᴅᴇᴅ ʙʏ Sᴏʟᴏ Cᴏᴅᴇs > sᴏʟᴏᴄᴏᴅᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ | solocodes.net
 .Send an ask if you need any help for malfunction
 .Please look at the coding for labels on how to customize
 .Go to imgur to host an image for this page or any site of your choice

 .Dᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛ
 .Dᴏ ɴᴏᴛ ʀᴇᴅɪsᴛɪʙᴜᴛᴇ
 .Dᴏ ɴᴏᴛ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ
 .Dᴏ ɴᴏᴛ ᴜsᴇ ᴀs ᴀ ʙᴀsᴇ ᴄᴏᴅᴇ
 .Dᴏ ɴᴏᴛ sᴛᴇᴀʟ
 .Nᴏ ʜᴇᴀᴠʏ ᴛᴡᴇᴀᴋɪɴɢ
 .Eᴅɪᴛ ᴍɪɴᴏʀ ᴛʜɪɴɢs ᴛᴏ ʏᴏᴜʀ ʟɪᴋɪɴɢ

------------------------------------>


<!DOCTYPE html>
<head>

<title>Filter</title>
 
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">


<!--- GOOGLE MATERIAL & FONT AWESOME ICONS ---->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><script defer src="https://use.fontawesome.com/releases/v5.10.1/js/all.js"></script>

<!----- GOOGLE FONTS ----->
<link href="https://fonts.googleapis.com/css?family=Lato:400,700|Muli:400,600,700|Poppins:400,500,600,700|Open+Sans:400,600,700|Space+Mono:400,700|Ubuntu:400,700|Raleway:400,600,700|Playfair+Display|Rubik:400,700&display=swap" rel="stylesheet">


<!--- TOOLTIPS --->
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>
<style>

/* COLOR THE PAGE HERE */

:root {
  --background:#ffcc33;
  --box:#479aff;
  --borders:#eee;
  --accent:#2bafc8;
  --text:#fff;
  --title:#fff;
}



/* TOOLTIPS */
#s-m-t-tooltip {
display: block;
margin: 15px;
color:var(--box);
background:var(--background);
font:0.80em 'Poppins', sans-serif;
font-weight:600;
text-align:center;
border-radius:3px;
padding:4px;
margin-left:25px;
letter-spacing:1px;
text-transform: uppercase;
line-height:130%;
min-width:40px;
max-width:150px;
z-index: 9999999999;}


/* TUMBLR CONTROLS // HIDDEN // DO NOT TOUCH */
iframe.tmblr-iframe {
display:none;
z-index:99999999!important;
top:8px!important;
right:50px!important;
opacity:0;
transition: all 0.3s ease 0s;
filter:invert(1) contrast(150%);
-webkit-filter:invert(1) contrast(150%);
-o-filter:invert(1) contrast(150%);
-moz-filter:invert(1) contrast(150%);
-ms-filter:invert(1) contrast(150%);
transform:scale(0.65);
transform-origin:100% 0;
-webkit-transform:scale(0.65);
-webkit-transform-origin:100% 0;
-o-transform:scale(0.65);
-o-transform-origin:100% 0;
-moz-transform:scale(0.65);
-moz-transform-origin:100% 0;
-ms-transform:scale(0.65);
-ms-transform-origin:100% 0;}
 

/* MAIN BODY/HTML CONTAINER */
body, html {
height: 100%;
margin: 0;
font-size:12px;
font-family:{select:Body Font};
overflow-x:hidden;
background-image:url('{image:Background}');
background-repeat:repeat;
background-attachment:fixed;
/*CHANGE THE MAIN BACKGROUND COLOR*/
background-color:var(--background);}



/* ENTRY LINKS / BODY LINKS  */
a:link, a:active, a:visited {
clear:both;
z-index:2!Important;
text-decoration:none;
/*MAIN LINKS COLORS*/
color:var(--text);}
 
a:hover {
clear:both;
z-index:99999999!Important;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
/*MAIN LINKS HOVER COLOR*/
color:var(--text);}


/* ABOUT ME BOX CONTAINER  */
.box {
position:relative;
width:870px;
height:500px; 
border-radius:8px;
background:var(--box);
top:calc(50% - 250px);
left:calc(49% - 450px);} 


/*FIRST BOX :: PROFILE CONTAINER*/
.profile {
position:fixed;
width:290px;
height:270px;
border-radius:5px;
border:1px solid var(--borders);
background:var(--boxes);}

.pinfo {
position:fixed;
margin-top:200px;
margin-left:350px;
width:290px;
text-align:left;
letter-spacing:1px;
font:0.85em 'Poppins', sans-serif;
line-height:25px;
color:var(--text);}


.nav {
position:fixed;
z-index:9999999;
width:800px;
text-align:left;
margin-top:130px;
margin-left:0px;}

.nav a {
z-index:9999999;
font:1em 'Space Mono', sans-serif;
text-decoration: none;
text-align:center;
padding:20px;
width:100px;}


/* PROFILE BOX TITLE LABELS */
tt {
text-transform:uppercase;
text-align:left;
letter-spacing:1.3px;
font-weight:700;
font:bold 0.90em 'Poppins', sans-serif;
color:var(--text);}


/*ICON AND  TITLE BOX CONTAINER*/
.titlebox {
position:fixed;
z-index:999999;
margin-top:200px;
margin-left:60px;
width:250px;
height:300px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background:var(--boxes);} 


/*ICON  IMAGE*/
.titlebox img {
position:fixed;
z-index:999999;
background:#000;
border-top-left-radius:5px;
border-top-right-radius:5px;
width:250px;
height:300px;}


/*BIO AREA : HELLO */
.bio {
position:fixed;
z-index:9999999;
width:200px;
margin-left:350px;
margin-top:365px;
font-weight:600px;
letter-spacing:2px;
font:bold 0.85em 'Poppins', sans-serif;
color:var(--text);}


st { 
font:bold 1.8em 'Poppins', sans-serif;
letter-spacing:1.2px;
color:var(--text);
text-transform:uppercase;}

/*ICON AND TITLE BOX :: MAIN LINKS/NAVIGATION */
.main {
position:fixed;
margin-top:55px;
margin-left:122px;
text-align:left;
width:190px;
color:var(--text);}

.main a {
width:auto;
letter-spacing:1px;
text-align:left;
text-transform:uppercase;
font-weight:600;
font-size:0.80em; 
font-family:'Poppins', sans-serif;
color:var(--text);}

/* MAIN PAGE TITLE */
.title {
position:fixed;
z-index:999999;
margin-left:10px;
margin-top:-30px;
width:870px;
font-weight:700;
text-transform:uppercase;
text-align:left;
letter-spacing:12px;
font:bold 10em 'Poppins', sans-serif;
color:var(--background);}


/*SOCIAL MEDIA ICONS LINKS STYLING */
.socials {
position:fixed;
margin-top:230px;
margin-left:10px;}

.socials a {
z-index:999999;
display:block;
padding:8px;
font-size:1.6em;
color:var(--text);}



/*NAVIGATION LINK BOX CONTAINER */
.linkbox {
position:fixed;
z-index:99;
margin-left:600px;
margin-top:110px;
width:230px;
height:400px;
border-radius:5px;
background:var(--boxes);}


/*--- CUSTOM NAVIGATION LINKS CONTAINER ---*/
.links
{position:fixed;
width:150px;
z-index:9999999999;
text-align:left;
color:var(--text);
margin-left:45px;}

/*--- CUSTOM NAVIGATION LINKS STYLING ---*/
.links a {
z-index:9999999999;
font:0.90em 'Poppins', sans-serif;
font-weight:600;
width:150px;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
color:var(--text);
display:block;
padding-left:66px;
padding-top:56px;}

/*--- CUSTOM NAVIGATION LINKS LINK STYLE CONTAINER ---*/
.links li {
z-index:9999999999;
margin-left:10px;
float:left;
display:block;}
 
/*--- CUSTOM NAVIGATION LINKS HOVER ---*/    
.links a:hover {
z-index:9999999999;
color:{color:Hover};
-webkit-filter: blur(1px); 
filter: blur(1px);}

/*--- CUSTOM NAVIGATION LINKS SUBTITLE ---*/
.links span {
z-index:9999999999;
font-style:italic; 
letter-spacing:1.3px;
color:var(--text);
font:0.88em 'Space Mono', sans-serif;}

/*--- CUSTOM NAVIGATION LINKS ICONS CONTANIER ---*/
.links ic {
position:absolute;
width:100px; 
height:100px;
float:left;}

/*--- CUSTOM NAVIGATION LINKS ICONS STYLE ---*/
.links i { 
position:absolute;
z-index:99999999999999999999999!important;
margin-left:-10px;
margin-top:48px;
border-radius:100px;
width:40px;
height:40px;
font-size:1.8em;
text-align:center;
line-height:40px;
color:var(--background);
border:5px solid var(--background);
background:var(--box);}

/*--- CUSTOM LINKS NAVIGATION BORDER ---*/
.bdd {
position:fixed;
width:1px;
height:277px;
margin-left:70px;
margin-top:50px;
background-color:var(--background);}

{CustomCSS}
</style>

</head>
<body>

<div class="box">

<div class="title">フィルター</div>

<div class="nav">
<a href="/" title="link 1">↖ Link One</a> 
<a href="/" title="link 2">↖ Link Two</a>  
<a href="/" title="link 3">↖ Link Three</a> 
<a href="https://www.tumblr.com/{Name}/follow" title="Follow Me">↖ Follow</a>
<a href="https://www.tumblr.com/dashboard" title="return to dashboard">↖ Dash</a> 
</div>

<div class="socials"> 
<a href="/" title="twitter"><i class="fab fa-twitter"></i></a>
<a href="/" title="facebook"><i class="fab fa-facebook"></i></a>
<a href="/" title="instagram"><i class="fab fa-instagram"></i></a>
<a href="/" title="snapchat"><i class="fab fa-snapchat"></i></a>   
<a href="/" title="last.fm"><i class="fab fa-lastfm"></i></a>    
<a href="/" title="pinterest"><i class="fab fa-pinterest"></i></a>
<a href="/" title="spotify"><i class="fab fa-spotify"></i></a>
</div>

<div class="titlebox">
<div class="titleboximage"><img src="https://i.imgur.com/2zAI3s4.jpg"></div>
</div>
 

<div class="linkbox">
<div class="bdd"></div>
<div class="links" style="list-style-type:none;">
<li> <ic> <i class="material-icons">timeline</i> </ic> <a href="/" title="home"> Index <br><span> Return Home </span></a> </li>
<li> <ic> <i class="material-icons">timeline</i> </ic> <a href="/ask" title="ask"> Ask <br><span> Inbox Me </span></a> </li>
<li> <ic> <i class="material-icons">timeline</i> </ic> <a href="/archive" title="archive"> Past <br><span> Archive </span></a> </li>
<li> <ic> <i class="material-icons">timeline</i> </ic> <a href="https://solocodes.tumblr.com" title="theme credit"> Credit <br><span> Theme Credit </span></a> </li>
</div>
</div>



<div class="bio">
<st>— ABOUT ME —</st> <br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>



<div class="pinfo">
<tt>Name:</tt>&nbsp;&nbsp; Park Jimin 박지민 <br>
<tt>Bday:</tt> &nbsp;&nbsp; October 13th, 1995 <br>
<tt>Zodiac:</tt> &nbsp;&nbsp; Libra <br>
<tt>Residence:</tt>&nbsp;&nbsp; Busan, South Korea <br>
<tt>Pronouns:</tt> &nbsp;&nbsp; He / Him <br>
<tt>Hobbies:</tt> &nbsp;&nbsp; Sing, Rap, Dance <br>
</div>
</div>



</div>
</body>
</html>

Pasted: Jul 1, 2022, 8:45:10 pm
Views: 337