Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!--
- shep .5 by jinsoouls
- you know the deal, the usual rules
- apply, don't remove credit,
- repost or claim as your own!
- -->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:container" content="#ffffff"/>
- <meta name="color:posts" content="#ffffff"/>
- <meta name="color:border" content="#eeeeee"/>
- <meta name="color:accent 1" content="#dfd6d4"/>
- <meta name="color:accent 2" content="#797979"/>
- <meta name="color:accent 3" content="#797979"/>
- <meta name="color:accent text" content="#ffffff"/>
- <meta name="color:text" content="#313131"/>
- <meta name="color:title" content="#313131"/>
- <meta name="color:title" content="#414141"/>
- <meta name="color:bold" content="#7e7e7e"/>
- <meta name="color:italic" content="#7e7e7e"/>
- <meta name="color:border" content="#eeeeee"/>
- <meta name="color:link" content="#4c4c4c"/>
- <meta name="color:hover link" content="#b0b0b0"/>
- <meta name="if:updates box" content="0"/>
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="select:png width" content="100px" title="100px">
- <meta name="select:png width" content="125px" title="125px">
- <meta name="select:png width" content="150px" title="150px">
- <meta name="select:png width" content="175px" title="175px">
- <meta name="select:png width" content="200px" title="200px">
- <meta name="select:png width" content="225px" title="225px">
- <meta name="select:png width" content="250px" title="250px">
- <meta name="select:png margin left" content="100px" title="100px">
- <meta name="select:png margin left" content="125px" title="125px">
- <meta name="select:png margin left" content="150px" title="150px">
- <meta name="select:png margin left" content="175px" title="175px">
- <meta name="select:png margin left" content="200px" title="200px">
- <meta name="select:png margin left" content="225px" title="225px">
- <meta name="select:png margin left" content="250px" title="250px">
- <meta name="select:title size" content="60px" title="60px">
- <meta name="select:title size" content="50px" title="50px">
- <meta name="select:title size" content="40px" title="40px">
- <meta name="select:title size" content="30px" title="30px">
- <meta name="select:title size" content="25px" title="25px">
- <meta name="select:title size" content="20px" title="20px">
- <meta name="select:title size" content="15px" title="15px">
- <meta name="text:title" content="rainbow in the sky"/>
- <meta name="text:description" content="as the world i’m heading towards and matching up to is getting bigger It makes me feel an emptiness somehow"/>
- <meta name="text:subtitle" content="as the world i’m heading towards and matching up to"/>
- <meta name="text:free link" content="/"/>
- <meta name="text:free link title" content="extra"/>
- <meta name="text:nav title" content="navigation."/>
- <meta name="text:nav description" content="word words words words"/>
- <meta name="text:nav link 1" content="/1"/>
- <meta name="text:nav link 1 title" content="link one"/>
- <meta name="text:nav link 2" content="/2"/>
- <meta name="text:nav link 2 title" content="link two"/>
- <meta name="text:nav link 3" content="/3"/>
- <meta name="text:nav link 3 title" content="link three"/>
- <meta name="text:nav link 4" content="/4"/>
- <meta name="text:nav link 4 title" content="link four"/>
- <meta name="text:nav link 5" content="/5"/>
- <meta name="text:nav link 5 title" content="link five"/>
- <meta name="text:updates" content="updates go here"/>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- jquery -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <!-- script for tooltips -->
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <!-- feather icons-->
- <script src="https://unpkg.com/feather-icons"></script>
- <!-- google fonts -->
- <link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
- <!-- photoset.css by annathms and espoirthemes -->
- <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
- <!-- autoresize video script by shythemes -->
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <!-- animate.css -->
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
- <style>
- @font-face { font-family: "mont"; src: url(" https://dl.dropboxusercontent.com/s/gw86uuuybwd8c96/Mont-HeavyDEMO.otf"); }
- ::-webkit-scrollbar {
- width: 1px;
- height: 1px;
- background: transparent;
- }
- ::-webkit-scrollbar-thumb {
- background: transparent;
- }
- ::selection {
- color:{color:accent text};
- background-color: {color:accent 2};
- }
- ::-moz-selection {
- color:{color:accent text};
- background-color: {color:accent 2};
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding:6px 9px;
- margin:20px 7px 2px 20px;
- background-color:{color:posts};
- text-transform:lowercase;
- z-index:999999999999999999999999999999999999;
- border:1px solid {color:border};
- }
- body {
- background:{color:background};
- background-image:url({image:background});
- color:{color:text};
- font-family: 'Karla', sans-serif;
- font-size:11px;
- line-height:100%;
- }
- blockquote {
- padding-left:20px;
- width:auto;
- margin-left:10px;
- border-left:1px solid {color:border};
- }
- blockquote blockquote {
- padding-left:20px;
- margin-left:10px;
- border-left:1px solid {color:border};
- }
- blockquote img {max-width:100%;}
- h1 {
- font-size:22px;
- font-weight:700;
- color:{color:accent 1};
- text-align:center;
- line-height:100%;
- text-transform:lowercase;
- }
- h2 {
- font-size:16px;
- color:{color:accent 1};
- text-align:center;
- line-height:100%;
- text-transform:lowercase;
- }
- a {
- text-decoration:none;
- color:{color:link};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- a:hover {
- color:{color:hover link};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- b {color:{color:bold};}
- strong {color:{color:bold}}
- i {color:{color:italic};}
- em {color:{color:italic};}
- sub {font-size:11px;}
- sup {font-size:11px;}
- small {font-size:11px;}
- .container {
- width:850px;
- height:550px;
- position:absolute;
- margin:auto;
- top:0; left:0; right:0; bottom:0;
- background-color:{color:container};
- border-radius:20px;
- overflow:hidden;
- box-shadow:0px 5px 10px rgba(0,0,0,0.03);
- }
- #entries {
- position: absolute;
- height:100%;
- width:450px;
- top:0px;
- right:30px;
- overflow:scroll;
- }
- .post {
- padding:20px;
- width:auto;
- background-color:{color:posts};
- margin:50px 20px;
- line-height:130%;
- border-radius:15px;
- overflow:hidden;
- box-shadow:0px 5px 10px rgba(0,0,0,0.05);
- }
- /* post info styling */
- .postinfo-top {
- width:calc(100% - 60px);
- padding:7.5px 10px;
- letter-spacing:0.5px;
- background:{color:posts};
- margin:50px 0px -40px 20px;
- display:flex;
- justify-content:space-between;
- align-items:center;
- border-radius:15px;
- box-shadow:0px 5px 10px rgba(0,0,0,0.05);
- }
- .postinfo {
- width:calc(100% - 60px);
- padding:7.5px 10px;
- letter-spacing:0.5px;
- background:{color:posts};
- margin:-40px 0px 50px 20px;
- display:flex;
- justify-content:flex-end;
- align-items:center;
- border-radius:15px;
- box-shadow:0px 5px 10px rgba(0,0,0,0.05);
- }
- .post-inner {
- display:flex;
- flex-direction:row;
- justify-content:center;
- align-items:center;
- }
- .post-inner span {
- color:{color:text};
- text-transform:uppercase;
- font-size:9px;
- font-weight:500;
- letter-spacing:0.75px;
- display:flex;
- flex-direction:row;
- justify-content:center;
- align-items:center;
- }
- .post-inner a {
- color:{color:text};
- text-transform:uppercase;
- font-size:9px;
- font-weight:500;
- letter-spacing:0.75px;
- display:flex;
- flex-direction:row;
- justify-content:center;
- align-items:center;
- }
- .source-link {
- font-weight:700;
- color:{color:accent 1};
- }
- .post-inner .feather {
- width:9px;
- height:9px;
- stroke:{color:accent 2};
- margin:0px 5px;
- }
- .postinfo-top .feather {
- margin-right:10px;
- }
- .dotz {
- margin:0px 7.5px;
- font-size:6px;
- opacity:0.3;
- }
- .reblog-icon {
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- #reblogz:hover .reblog-icon {
- transform:translate(1.5px,0);
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .tags {
- width:calc(100% - 60px);
- padding:7.5px 10px;
- font-size:10px;
- letter-spacing:0.5px;
- line-height:100%;
- display:flex;
- flex-wrap: wrap;
- align-items:center;
- justify-content:flex-start;
- margin:-50px 0px 50px 20px;
- }
- .tags a {
- color:{color:text};
- }
- .tags a:hover {
- color:{color:accent 2};
- }
- .tag {
- display:flex;
- align-items:center;
- justify-content:center;
- margin:0px 5px;
- }
- .tag-label {
- text-transform:uppercase;
- letter-spacing:1.25px;
- font-weight:700;
- background-color:{color:border};
- padding:5px 10px;
- border-radius:0px 0px 10px 10px;
- margin:0px;
- }
- .tags .feather {
- width:10px;
- height:10px;
- stroke:{color:accent 1};
- margin-right:2px;
- }
- .postnote {
- background-color:{color:posts};
- text-transform:lowercase;
- text-align:left;
- margin: -40px 0px 50px 65px;
- width:320px;
- padding: 10px 0px;
- border-radius:15px;
- overflow:hidden;
- box-shadow:0px 0px 5px rgba(0,0,0,0.06);
- }
- .postnote li {
- margin:5px 0px;
- }
- /* end post info styling */
- /* different post types styling */
- .question {
- padding:20px 10px;
- width:calc(100% + 25px);
- margin:-25px 0px 0px -25px;
- text-align:center;
- background:{color:accent 1};
- color:{color:accent text};
- line-height:100%;
- }
- .askerdiv {
- padding:5px 10px;
- width:calc(100% + 25px);
- margin:0px 0px 0px -25px;
- text-align:center;
- border-bottom:1px solid {color:border};
- color:{color:text};
- text-transform:uppercase;
- letter-spacing:0.25px;
- font-size:10px;
- }
- .askerdiv a {
- color:{color:text};
- font-weight:700;
- }
- .quotediv {
- padding:20px 10px;
- width:calc(100% + 25px);
- margin:-25px 0px 0px -25px;
- font-size:15px;
- text-align:center;
- background:{color:accent 1};
- color:{color:accent text};
- border-bottom:none;
- text-transform:lowercase;
- line-height:150%;
- }
- .quoteinfo {
- color:{color:text};
- padding:5px 10px;
- width:calc(100% + 25px);
- margin:0px 0px -25px -25px;
- font-weight:600;
- border-bottom:1px solid {color:border};
- text-transform:uppercase;
- font-size:10px;
- letter-spacing:0.25px;
- text-align:center;
- margin-bottom:20px;
- }
- .chats {
- font-size:13px;
- line-height:150%;
- }
- .audioplayer {
- text-align:left;
- padding:20px;
- background:{color:accent 1};
- font-size:13px;
- border-radius:50px;
- }
- .audioinfo {
- color:{color:accent text};
- width:70%;
- text-align:right;
- margin-top:-30px;
- margin-left:25%;
- font-size:10px;
- letter-spacing:0.4px;
- line-height:100%;
- }
- .audioinfo div {
- font-size:16px;
- font-weight:600;
- }
- .readmore {
- width:100%;
- text-transform:uppercase;
- text-align:center;
- padding:10px 0px;
- }
- .readmore a {
- font-size:10px;
- letter-spacing:1px;
- background-color:{color:accent 1};
- padding:5px 12.5px 4px 12.5px;
- color:{color:accent text};
- font-weight:800;
- border-radius:10px;
- }
- .readmore:hover a {
- background-color:{color:accent 2};
- }
- .photoset-grid {
- grid-gap: 1px;
- width:calc(100% + 40px);
- margin:-20px 0px -20px -20px;
- }
- .photoset-grid img {
- vertical-align:top;
- }
- .photoset-grid div {
- vertical-align:top;
- }
- [photoset-layout] div {
- cursor: pointer;
- }
- [photoset-layout] div {
- vertical-align:top;
- }
- .post img {
- max-width:100%;
- height:auto;
- width:auto;
- }
- /* end different post types styling */
- /* side tab control styling */
- .tabcontainer {
- position:absolute;
- right:0px;
- width:510px;
- height:100%;
- top:0px;
- display:none;
- z-index:9;
- }
- .close {
- position:absolute;
- border-radius:100%;
- width:30px;
- height:30px;
- font-size:14px;
- background-color:{color:posts};
- color:{color:accent 1};
- right:20px;
- line-height:25px;
- top:20px;
- text-align:center;
- z-index:999999999999;
- border-radius:100%;
- box-shadow:0px 5px 3px rgba(0,0,0,0.02);
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .close .feather {
- width:16px;
- height:16px;
- margin-top:7px;
- stroke:{color:accent 1}
- }
- .close:hover {
- cursor: pointer;
- background-color:{color:accent 2};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .close:hover .feather {
- stroke:{color:posts}
- }
- /* end control styling */
- /* sidebar styling */
- .sidebar {
- position:fixed;
- margin-left:500px;
- margin-top:100px;
- padding:20px;
- width:220px;
- overflow:hidden;
- text-align:center;
- display:flex;
- align-items:center;
- justify-content:center;
- }
- .col {
- display:flex;
- flex-direction:column;
- justify-content:flex-start;
- align-items:flex-start;
- margin-left:25px;
- }
- .side-img {
- width:100px;
- height:50px;
- background:grey;
- }
- .desc {
- text-transform:lowercase;
- text-align:left;
- line-height:200%;
- margin-top:10px;
- }
- .sidebar .feather {
- width:15px;
- height:15px;
- stroke:{color:accent 2};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .sidebar a:hover {
- stroke:{color:accent 2};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .sidebar a:hover .feather {
- stroke:{color:accent 2};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .sidebar h2 {
- text-align:left;
- font-size:22px;
- margin:5px 0;
- }
- .desc b {
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:1px;
- color:{color:accent 1};
- }
- .pagi {
- position:absolute;
- width:145px;
- bottom:115px;
- text-align:right;
- z-index:20;
- }
- .pagi div {
- display:inline-block;
- font-size:9px;
- height:20px;
- line-height:20px;
- text-transform:uppercase;
- letter-spacing:1.5px;
- font-weight:800;
- color:{color:accent 2};
- text-align:center;
- margin:2.5px;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .pagi a div:hover {
- color:{color:accent 1};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .alert {
- position:absolute;
- width:250px;
- padding:15px;
- left:45px;
- top:60px;
- background:{color:accent 1};
- border-radius:30px 30px 0px 30px;
- display:flex;
- justify-content:space-around;
- align-items:center;
- color:{color:accent text};
- text-transform:uppercase;
- letter-spacing:1.5px;
- font-weight:600;
- line-height:160%;
- z-index:2;
- }
- .alert .feather {
- stroke:{color:accent text};
- margin:0px 10px;
- }
- .alert span {
- background:{color:posts};
- color:{color:accent 1};
- padding:1px 7.5px;
- border-radius:10px;
- margin-right:2.5px;
- }
- .side-img {
- position:absolute;
- width:250px;
- height:275px;
- left:75px;
- top:90px;
- background:{color:accent 2};
- z-index:1;
- border-radius:25px;
- overflow:hidden;
- box-shadow:0px 5px 5px rgba(0,0,0,0.05);
- }
- .side-img img {
- width:100%;
- height:100%;
- }
- .links {
- position:absolute;
- z-index:5;
- width:225px;
- padding:10px 5px;
- text-align:center;
- left:50px;
- bottom:160px;
- display:flex;
- flex-direction:row;
- align-items:space-around;
- justify-content:space-around;
- background-color:{color:posts};
- border-radius:20px;
- box-shadow:0px 5px 5px rgba(0,0,0,0.05);
- z-index:10;
- }
- .link {
- height:100%;
- color:{color:text};
- text-transform:uppercase;
- font-size:8px;
- letter-spacing:1px;
- font-weight:700;
- cursor:pointer;
- }
- .link p {
- margin:0px;
- }
- .link .feather {
- width: 16px;
- height: 16px;
- stroke: {color:accent 3};
- stroke-width: 2;
- stroke-linecap: round;
- stroke-linejoin: round;
- fill: none;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .link:hover .feather {
- stroke: {color:accent 2};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .subtitle {
- position:absolute;
- width:205px;
- transform:rotate(-90deg);
- text-transform:uppercase;
- font-size:8px;
- letter-spacing:2.5px;
- left:-50px;
- top:217.5px;
- line-height:200%;
- text-align:right;
- opacity:0.5;
- }
- .title {
- font-size:{select:title size};
- position:absolute;
- font-family: "mont";
- width:275px;
- line-height:100%;
- color:{color:title};
- text-shadow:2px 2px 5px rgba(0,0,0,0.06);
- z-index:4;
- bottom:215px;
- left:100px;
- z-index:10;
- }
- .desc {
- position:absolute;
- width:255px;
- height:85px;
- padding:15px;
- bottom:0px;
- left:0px;
- background:{color:accent 1};
- border-radius:0px 25px 0px 20px;
- color:{color:accent text};
- letter-spacing:1px;
- font-weight:700;
- line-height:180%;
- text-transform:uppercase;
- font-size:9px;
- letter-spacing:2px;
- }
- .round {
- position:absolute;
- width:25px;
- height:25px;
- bottom:0px;
- left:275px;
- background:{color:accent 1};
- z-index:1;
- }
- .round-2 {
- position:absolute;
- width:25px;
- height:25px;
- bottom:0px;
- left:275px;
- background:{color:container};
- z-index:2;
- border-radius:0px 0px 0px 20px;
- }
- .info {
- position:absolute;
- bottom:15px;
- left:75px;
- z-index:3;
- width:230px;
- background:{color:posts};
- padding:5px;
- z-index:10;
- border-radius:50px;
- box-shadow:0px 5px 5px rgba(0,0,0,0.05);
- display:flex;
- justify-content:flex-start;
- align-items:center;
- }
- .info input {
- width:100%;
- font-size:9px;
- color:{color:accent 1};
- text-transform:uppercase;
- letter-spacing:2px;
- border:none;
- background:{color:posts};
- }
- .info .feather {
- width:12px;
- height:12px;
- stroke:{color:accent 2};
- margin:0px 5px;
- }
- .round-3 {
- position:absolute;
- width:30px;
- height:30px;
- top:124px;
- left:295px;
- z-index:3;
- }
- .round-3:after {
- content: "";
- position: absolute;
- background-color: transparent;
- top: 0px;
- height: 50px;
- width: 30px;
- border-top-right-radius: 25px;
- box-shadow: 0 -25px 0 0 {color:accent 1};
- }
- .png {
- position:absolute;
- width:{select:png width};
- z-index:8;
- bottom:35px;
- left:{select:png margin left};
- }
- /* end sidebar styling */
- /* updates styling */
- .updates {
- position:fixed;
- top:20px;
- font-size:10px;
- left:20px;
- padding:10px;
- width:130px;
- line-height:150%;
- background:{color:posts};
- overflow:hidden;
- border-radius:15px;
- }
- .updates h2 {
- font-size:12px;
- width:100%;
- margin:-10px 0px 10px -10px;
- padding:10px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-weight:800;
- background:{color:accent 1};
- color:{color:accent text};
- }
- .updates li {
- margin-left:-20px;
- }
- /* end updates styling */
- /* nav tab styling */
- .disclaimer {
- position:absolute;
- width:375px;
- padding:10px 15px;
- bottom:80px;
- right:40px;
- height:75px;
- font-size:9px;
- line-height:200%;
- letter-spacing:1.5px;
- text-transform:uppercase;
- background:{color:posts};
- color:{color:accent 2};
- border-radius:20px;
- box-shadow:0px 5px 10px rgba(0,0,0,0.06);
- animation:fadeInUp 2s;
- z-index:2;
- overflow:scroll;
- }
- .navLinks {
- padding-top:30px;
- position:absolute;
- right:90px;
- overflow:hidden;
- top:85px;
- width:275px;
- height:290px;
- background:{color:accent 2};
- border-radius:50px;
- overflow:hidden;
- z-index:1;
- animation:fadeIn 2s;
- }
- .navLink {
- width:calc(100% - 50px);
- margin:10px 0px;
- display:flex;
- justify-content:flex-start;
- align-items:center;
- text-transform:uppercase;
- letter-spacing:1px;
- color:{color:accent text};
- animation:fadeInLeft 3s;
- }
- .navIcon {
- padding:10px 15px 10px 20px;
- background:{color:accent 3};
- margin-right:10px;
- border-radius:0px 20px 20px 0px;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .navLink:hover .navIcon {
- background:{color:posts};
- padding:10px 15px 10px 30px;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .navLink .feather {
- width:15px;
- height:15px;
- }
- .navLink:hover .navIcon .feather {
- stroke:{color:accent 1}
- }
- .navTitle {
- animation:fadeIn 3s;
- }
- .navTitle div {
- font-size:45px;
- position:absolute;
- font-family: "mont";
- line-height:100%;
- text-shadow:2px 2px 5px rgba(0,0,0,0.06);
- z-index:4;
- top:190px;
- right:265px;
- z-index:10;
- transform:rotate(-90deg);
- color:{color:title};
- }
- /* end nav tab styling */
- /* tumblr controls styling by cyantists */
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.4;
- /* delete invert(1) from here */
- 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%);
- /* to here if your blog has a dark background */
- 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;}
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;}
- /* end control styling */
- /* cried styling -- DO NOT TOUCH pls */
- .cred {
- position:fixed;
- z-index:10;
- bottom:-1px;
- right:-1px;
- padding:10px 5px 5px 10px;
- height:20px;
- width:20px;
- border-radius:25px 0px 0px 0px;
- display:flex;
- align-items:center;
- justify-content:center;
- background-color:{color:accent 3};
- box-shadow:0px 0px 10px rgba(0,0,0,0.03);
- }
- .cred .feather {
- height:12px;
- width:12px;
- stroke:{color:accent text};
- }
- .cred-prompt {
- position:fixed;
- bottom:0px;
- right:40px;
- width:80px;
- padding:7.5px 15px;
- height:20px;
- background-color:{color:posts};
- letter-spacing:1.5px;
- display:none;
- line-height:21px;
- text-transform:uppercase;
- font-size:8px;
- border-radius:25px 25px 0px 0px;
- text-align:center;
- box-shadow:0px 0px 10px rgba(0,0,0,0.03);
- animation:fadeInUp 1s;
- }
- /*end credit styling*/
- </style>
- </head>
- <body>
- <div class="container">
- <!-- sidebar start -->
- <!-- pagination start -->
- {block:Pagination}
- <div class="pagi">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div>
- previous
- </div>
- </a>
- <div>/</div>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">
- <div>
- forward
- </div>
- </a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- <!-- pagination end -->
- <div class="alert">
- <div data-feather="user-plus"></div>
- <div style="width:175px">friend request from <span>{Name}</span>
- </div>
- </div>
- <div class="round-3"></div>
- <div class="round-4"></div>
- <div class="subtitle">{text:subtitle}</div>
- <div class="title">{text:title}</div>
- <div class="desc">
- {text:description}
- <form action="/search" method="get" class="info" name="theform">
- <span data-feather="search"></span>
- <input type="text" name="q" value="SEARCH FOR..."/>
- </form>
- </div>
- <div class="round-2"></div>
- <div class="round"></div>
- <div class="side-img"><img src="{image:sidebar}"></div>
- <!-- side links -->
- <div class="links">
- <a href="/">
- <div class="link">
- <span data-feather="home"></span>
- <p>home</p>
- </div>
- </a>
- <a href="/ask">
- <div class="link">
- <span data-feather="message-circle"></span>
- <p>inbox</p>
- </div>
- </a>
- <a onclick="openTab('navTab')">
- <div class="link">
- <span data-feather="compass"></span>
- <p>links</p>
- </div>
- </a>
- <a href="{text:free link}">
- <div class="link">
- <span data-feather="plus"></span>
- <p>extra</p>
- </div>
- </a>
- </div>
- <!-- sidebar end -->
- <!-- nav tab start -->
- <div id="navTab" class="tabcontainer">
- <div onclick="closeTab(this)" class="close"><span data-feather="x"></span></div>
- <div class="navTitle"><div>{text:nav title}</div></div>
- <div class="disclaimer">{text:nav description}</div>
- <div class="navLinks">
- <a href="{text:nav link 1}">
- <div class="navLink">
- <div class="navIcon">
- <span data-feather="tag"></span>
- </div>
- <div>{text:nav link 1 title}</div>
- </div>
- </a>
- <a href="{text:nav link 2}">
- <div class="navLink">
- <div class="navIcon">
- <span data-feather="heart"></span>
- </div>
- <div>{text:nav link 2 title}</div>
- </div>
- </a>
- <a href="{text:nav link 3}">
- <div class="navLink">
- <div class="navIcon">
- <span data-feather="map-pin"></span>
- </div>
- <div>{text:nav link 3 title}</div>
- </div>
- </a>
- <a href="{text:nav link 4}">
- <div class="navLink">
- <div class="navIcon">
- <span data-feather="coffee"></span>
- </div>
- <div>{text:nav link 4 title}</div>
- </div>
- </a>
- <a href="{text:nav link 5}">
- <div class="navLink">
- <div class="navIcon">
- <span data-feather="bookmark"></span>
- </div>
- <div>{text:nav link 5 title}</div>
- </div>
- </a>
- </div>
- </div>
- <!-- nav tab end -->
- <div id="entries">
- <!-- posts start -->
- {block:Posts}
- <!-- post info start -->
- {block:Date}
- <div class="postinfo-top">
- <div class="post-inner">
- {block:Photoset}<i data-feather="image"></i>{/block:Photoset}
- {block:Text}<i data-feather="edit"></i>{/block:Text}
- {block:Quote}<i data-feather="edit-2"></i>{/block:Quote}
- {block:Chat}<i data-feather="edit-2"></i>{/block:Chat}
- {block:Video}<i data-feather="film"></i>{/block:Video}
- {block:Photo}<i data-feather="image"></i>{/block:Photo}
- {block:Link}<i data-feather="link-2"></i>{/block:Link}
- {block:AudioPlayer}<i data-feather="volume-2"></i>{/block:AudioPlayer}
- {block:Answer}<i data-feather="users"></i>{/block:Answer}
- {block:RebloggedFrom}
- <a href="{ReblogRoot}">from {ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:NotReblog}
- <a href="{URL}">posted by {Name}</a>
- {/block:NotReblog}
- </div>
- </div>
- {/block:Date}
- <!-- post info end -->
- <div class="post" id="{PostID}">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Quote}
- <div class="quotediv">"{Quote}"</div>
- {block:Source}
- <div class="quoteinfo">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}
- <div class="chats">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}<br>
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- <div class="video">{Video-500}</div>{block:Caption}<p style="margin-top:25px">{Caption}</p>{/block:Caption}
- {/block:Video}
- {block:Photo}
- <img src="{PhotoURL-500}" style="margin:-20px 0px -25px -20px; max-width:calc(100% + 40px); ">
- {block:Caption}<p style="margin-top:40px">{Caption}</p>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
- {block:Caption}<p style="margin-top:40px">{Caption}</p>{/block:Caption}
- {/block:Photoset}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:AudioPlayer}
- <div class="audioplayer">{AudioPlayer}
- <div class="audioinfo">
- {block:TrackName}<div>{TrackName}</div>{/block:TrackName}
- {block:Artist}<br/>{Artist}{/block:Artist}
- </div>
- </div>
- {block:Caption}<p style="margin-top:25px">{Caption}</p>{/block:Caption}
- {/block:AudioPlayer}
- {block:Answer}
- <div class="question">{Question}</div>
- <div class="askerdiv">asked by <b>{Asker}</b>
- </div>
- <div style="margin-top:25px">{Answer}</div>
- {/block:Answer}
- {block:More}
- <div class="readmore">
- <a href="{Permalink}" class="more-btn">read more</a>
- </div>
- {/block:More}
- <!-- to hide source and via on posts-->
- {block:ContentSource}
- <div style="display: none;">{SourceURL}</div>
- {/block:ContentSource}
- {block:NoRebloggedFrom}
- <div style="display: none;">
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- </div>
- {/block:NoRebloggedFrom}
- </div>
- <!-- post info bottom start -->
- {block:Date}
- <div class="postinfo">
- {block:ContentSource}
- <div class="post-inner">
- <a href="{SourceURL}" class="source-link">
- <div>source</div>
- </a>
- </div>
- <span class="dotz">•</span>{/block:ContentSource}
- <a href="{Permalink}">
- <div class="post-inner">
- <span>
- <i data-feather="calendar"></i>
- <div>{TimeAgo}</div>
- </span>
- </div>
- </a>
- {block:NoteCount}<span class="dotz">•</span>{/block:NoteCount}
- <a href="{Permalink}">
- <div class="post-inner">
- {block:NoteCount}
- <span>
- <i data-feather="paperclip"></i>
- <div>{NoteCountWithLabel}</div>
- </span>
- {/block:NoteCount}
- </div></a>
- <span class="dotz">•</span>
- <div class="post-inner">
- <a href="{ReblogURL}" id="reblogz">
- <div>reblog</div>
- <i data-feather="arrow-right" class="reblog-icon"></i>
- </a>
- </div>
- </div>
- {/block:Date}
- <!-- post info bottom end -->
- <!-- tags start -->
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <div class="tag">
- <span data-feather="hash"></span><a href="{TagURL}">{Tag}</a>
- </div>
- {/block:Tags}
- </div>
- {/block:HasTags}
- <!-- tags end -->
- {block:PostNotes}<div class="postnote">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- <!-- posts end -->
- <!-- optional updates tab -->
- {block:IfUpdatesBox}
- <div class="updates">
- <h2>updates.</h2>
- <div>{text:updates}</div>
- </div>
- {/block:IfUpdatesBox}
- <!-- my credit please do not touch thanks! -->
- <a href="https://jinsoouls.tumblr.com/" >
- <div class="cred" id="cred">
- <span data-feather="moon"></span>
- </div>
- </a>
- <div class="cred-prompt" id="cred-info">coded by <b>jack</b></div>
- <!-- end of credit -->
- <script>
- feather.replace();
- $("#cred").hover(
- function() {
- $("#cred-info").fadeIn();
- }, function() {
- $("#cred-info").fadeOut();
- }
- );
- /* photoset script by annathms and espoirthemes */
- function gatherData(images, arr) {
- for (let i = 0; i < images.length; i++) {
- let currentData = {
- "width": images[i].getAttribute('data-width'),
- "height": images[i].getAttribute('data-height'),
- "low_res": images[i].getAttribute('data-lowres'),
- "high_res": images[i].getAttribute('data-highres')
- };
- arr.push(currentData);
- }
- }
- function getIndex(elem) {
- let i = 0;
- while( (elem = elem.previousElementSibling) != null ) i++;
- return i;
- }
- function lightbox(elem) {
- let currentPhotoset = elem.parentNode;
- let photosetPhotos = currentPhotoset.getElementsByTagName('div');
- let data = [];
- gatherData(photosetPhotos, data);
- Tumblr.Lightbox.init(data, getIndex(elem) + 1);
- }
- /* tooltip script */
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- /* audio player color script by shudesigns */
- $('iframe.tumblr_audio_player').load( function() {
- $('iframe.tumblr_audio_player').contents().find("head")
- .append($("<style type='text/css'> .audio-player{background:{color:accent 1} !important} </style>"));
- });
- /* tab script by me*/
- function openTab(tabName) {
- $("#entries").fadeOut();
- $('.tabcontainer').each(function(index) {
- if (tabName == $(this).attr('id')) {
- $(this).fadeIn();
- } else {
- $(this).fadeOut();
- }
- });
- }
- function closeTab(el) {
- $(el).parent().fadeOut();
- $('#entries').fadeIn();
- }
- </script>
- </html>
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment