Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!----
- @1204px // prev. daddythemes
- theme 27: jesus
- this theme was made by azure/1204px.
- dont steal or copy.
- --->
- <!--start html-->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <!--custom google fonts-->
- <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Montserrat:400,700|Raleway:400,500,600,700,800|Roboto:300i,400,400i,500,500i,700,700i|Muli:400|Cabin:400,500,600|Rubik:400,500|Source+Sans+Pro:400,600,700|Ek+Mukta:400,500,700|Overpass:100,200,400|Poppins:300|Quicksand:300,400,500|La+Belle+Aurore|Sacramento|Satisfy|Seaweed+Script|Yellowtail" rel="stylesheet">
- <!--tooltips-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:10,
- tip_fade_speed:900,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--back to top button-->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
- var back_to_top_button = ['<a href="#top" class="back-to-top"><i class="fa fa-arrow-up"></i></a>'].join("");
- $("body").append(back_to_top_button)
- // Der Button wird ausgeblendet
- $(".back-to-top").hide();
- // Funktion für das Scroll-Verhalten
- $(function () {
- $(window).scroll(function () {
- if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
- $('.back-to-top').fadeIn();
- } else {
- $('.back-to-top').fadeOut();
- }
- });
- $('.back-to-top').click(function () { // Klick auf den Button
- $('body,html').animate({
- scrollTop: 0
- }, 800);
- return false;
- });
- });
- });
- </script>
- <script type="text/javascript">
- /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
- $(document).ready(function() {
- function photosetResize() {
- $('iframe.photoset').each(function(){
- var newSize = 500;
- var newSrc = $(this).attr('src').replace('500',newSize);
- $(this).attr('src', newSrc).width(newSize);
- var high = $(this).css('height');
- var calculate = parseInt(high, 10)* newSize/500;
- $(this).css('height', calculate);
- });
- }
- photosetResize();
- });
- </script>
- <!--smooth scrolling by deadpoolkilledzac.tumblr.com-->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <!--minimalist fonts-->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
- <link rel="stylesheet" href="path/to/material-design-iconic-font/css/material-design-iconic-font.min.css">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <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}
- <!--toggles-->
- <meta name="if:TooltipBorder" content="1"/>
- <!--all colors-->
- <meta name="color:background" content="#f6f6f6"/>
- <meta name="color:posts" content="#ffffff">
- <meta name="color:upper title" content="#ffffff"/>
- <meta name="color:text" content="#888888"/>
- <meta name="color:links" content="#888888"/>
- <meta name="color:credit" content="#888888"/>
- <meta name="color:upper links" content="#ffffff"/>
- <meta name="color:accent" content="#dcbbb2">
- <meta name="color:navi" content="#222222">
- <meta name="color:hover" content="#000000">
- <meta name="color:credit hover" content="#000000">
- <meta name="color:asks" content="#f6f6f6">
- <meta name="color:border" content="#eeeeee"/>
- <meta name="color:scrollbar" content="#070707">
- <meta name="color:tooltip" content="#ffffff">
- <meta name="color:tooltip text" content="#000000">
- <meta name="color:search" content="#ffffff">
- <!--images-->
- <meta name="image:header" content=""/>
- <meta name="image:icon" content=""/>
- <!--texts-->
- <meta name="text:title" content="AZ"/>
- <meta name="text:top title" content="I swear I really wanna talk it out"/>
- <!--sidebar links-->
- <meta name="text:link one" content=" Link one">
- <meta name="text:link two" content="Link two">
- <meta name="text:link three" content="Link three">
- <meta name="text:link four" content="Link four">
- <meta name="text:link five" content="Link five">
- <meta name="text:link one url" content="/">
- <meta name="text:link two url" content="/">
- <meta name="text:link three url" content="/">
- <meta name="text:link four url" content="/">
- <meta name="text:link five url" content="/">
- <!--custom css-->
- <style type="text/css">
- /*tumblr controls*/
- .tmblr-iframe {
- top:0px!important;
- position:fixed!important;
- opacity:0.5;
- -webkit-transform:scale(0.8);
- -webkit-transform-origin:right;
- -moz-transform:scale(0.8);
- -moz-transform-origin:right;
- -o-transform:scale(0.8);
- -o-transform-origin:right;
- -ms-transform:scale(0.8);
- -ms-transform-origin:right;
- transform:scale(0.8);
- transform-origin:right;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- z-index:99999999999999!important;
- white-space:nowrap;
- transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- /*scrollbar*/
- ::-webkit-scrollbar {
- width:6px;
- height:6px;
- background:{color:background};
- }
- ::-webkit-scrollbar-thumb {
- background:{color:scrollbar};
- }
- /*tooltips*/
- #s-m-t-tooltip{
- margin:13px 10px 6px 10px;
- padding:6px;
- background-color:{color:tooltip};
- font-family: 'Source Sans Pro', sans-serif;
- {block:IfTooltipBorder}
- border:1px solid {color:border};
- {block:IfTooltipBorder}
- border-radius:3px;
- font-weight:400;
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:1px;
- color:{color:tooltip text};
- z-index:999999999999999999999999999999999999;
- transition:0.3s ease-in-out;
- -webkit-transition:0.3s ease-in-out;
- -moz-transition:0.3s ease-in-out;
- -ms-transition:0.3s ease-in-out;
- -o-transition:0.3s ease-in-out;
- }
- /*body basics*/
- body{
- background-color:{color:background};
- background-attachment: fixed;
- background-repeat: repeat;
- font-weight:none;
- font-family: 'overpass', sans-serif;
- font-size:10px;
- text-align:justify;
- color:{color:text};
- margin:0px;
- }
- a{
- text-decoration:none;
- color:{color:links};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition: all 0.3s ease-out;
- }
- a:hover{
- text-decoration:none;
- color:{color:hover};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition: all 0.3s ease-out;
- }
- img {
- }
- blockquote {
- font-size:9px;
- width:auto;
- border-left:1px solid {color:border};
- text-align:left;
- padding:1px;
- font-weight:none;
- margin-top:11px;
- margin-left:20px;
- padding-top:0.5px;
- padding-bottom:0.5px;
- font-size:11px;
- font-family: 'overpass', monospace;
- margin-right:20px;
- padding-left:15px;
- color:{color:text};
- }
- pre{
- font-size:11px;
- text-align:center;
- text-transform:uppercase;
- font-family: 'overpass', serif;
- font-weight:bold;
- line-height:9px;
- border:1px solid #eee;
- letter-spacing:4px;
- background-color:{color:posts};
- color:{color:text};
- padding:10px;
- }
- small{
- font-size:9px;
- font-family: 'calibri', sans-serif;
- }
- big{
- font-size:12px;
- font-family: 'calibri', sans-serif;
- font-weight:700;
- }
- sub{
- font-size:8px;
- letter-spacing:6px;
- font-weight:800;
- text-transform:uppercase;
- font-family: 'calibri', sans-serif;
- }
- h1 {
- font-size:15px;
- text-align:left;
- font-family: 'arial', sans-serif;
- letter-spacing:-1px;
- margin-left:-190px;
- text-transform:lowercase;
- font-weight:700;
- line-height:0px;
- color:{color:text};
- padding:7px;
- }
- h1 a{
- color:{color:text};
- text-align:left;
- }
- h2{
- color:{color:text};
- text-transform:uppercase;
- font-family: 'Montserrat', sans-serif;
- text-align:left;
- }
- b {
- font-weight:800;
- font-family: 'overpass', sans-serif;
- color:{color:text};
- }
- sh {
- color:{color:links};
- text-transform:uppercase;
- font-family: 'arial', sans-serif;
- font-size:13px
- font-weight:800;
- }
- am {
- color:{color:text};
- font-size:22px;
- padding:8px;
- padding-top:2px;
- text-transform:uppercase;
- font-family: 'roboto', sans-serif;
- letter-spacing:0px;
- font-weight:500;
- }
- t {
- font-weight:bold;
- letter-spacing:0px;
- font-size:45px;
- font-style:italic;
- font-family: 'times new roman', sans-serif;
- text-transform:uppercase;
- color:{color:text};
- }
- u {
- text-decoration:none;
- color:{color:text};
- padding:3px;
- border-bottom:1px solid {color:border};
- }
- /*back to top button*/
- .back-to-top {
- position: fixed;
- color:{color:text};
- bottom:10px;
- text-transform:uppercase;
- left:10px;
- font-family: 'calibri', sans-serif;
- font-size:8px;
- letter-spacing:3px;
- z-index:9999999999;
- font-weight:600;
- padding:10px;
- }
- /*jump pagination*/
- .pagination{
- font-family: 'roboto', sans-serif;
- margin-left:-190px;
- width:auto;
- padding-top:-10px;
- letter-spacing:2px;
- padding-bottom:20px;
- font-size:13px;
- text-align:center;
- }
- .pagination a{
- padding:5px;
- font-family: 'roboto', sans-serif;
- font-weight:600;
- bottom:10px;
- margin-left:5px;
- color:{color:text};
- }
- .pagination a:hover{
- color:{color:hover};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition: all 0.3s ease-out;
- }
- /*sidebar*/
- .sidebar-title {
- font-size:14px;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:54px;
- font-weight:700;
- width:291px;
- padding-left:30px;
- height:50px;
- margin-left:-21px;
- background:{color:posts};
- margin-top:-11px;
- text-align:left;
- border-bottom:3px solid {color:accent};
- font-family: 'quicksand', sans-serif;
- color:{color:text};
- }
- .sidebar-title:first-letter {
- color:{color:accent};
- }
- .triangle {
- align:right;
- margin:7px 0px 10px 0px;
- padding:10px;
- position: relative;
- }
- .triangle t1{
- display:block;
- position:absolute;
- width:1px;
- height:1px
- font-size:0;
- margin-left:5px;
- top:-19px;z-index:9999999;
- border-right:7px solid transparent;
- border-left:7px solid transparent;
- border-top:10px solid transparent;
- -ms-transform: rotate(92deg); /* IE 9 */
- -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
- transform: rotate(92deg);
- }
- .triangle t2 {
- display:block;
- position:absolute;
- width:0px;
- height:1px
- font-size:0;
- margin-left:-40px;
- top:-17px;
- border-right:9px solid transparent;
- border-left:9px solid transparent;
- border-top:10px solid {color:accent};
- -ms-transform: rotate(90deg); /* IE 9 */
- -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
- transform: rotate(180deg);
- }
- .sidebox {
- position:absolute;
- width:300px;
- margin-top:calc(59% - 0px/12.5 - -75px - 0px);
- left:calc(15% - 12px/2.5 - 0px - 0px);
- z-index:999;
- }
- .box {
- padding:20px;
- }
- .sideboxl {
- position:absolute;
- width:300px;
- top:490px;
- right:58px;
- z-index:999;
- }
- #description {
- margin:5px;
- text-align:justify;
- }
- .members {
- margin:5px;
- font-size:10px;
- text-transform:uppercase;
- text-align:justify;
- }
- #description1 {
- margin:5px;
- font-size:10px;
- margin-top:-35px;
- padding-top:8px;
- z-index:-9;
- background:{color:posts};
- margin-left:-21px;
- width:269px;
- font-weight:400;
- padding:26px;
- line-height:14px;
- font-family: 'overpass', sans-serif;
- }
- #description1 h5 {
- font-family: 'muli', sans-serif;
- font-size:12px;
- font-weight:500;
- }
- .navlinks {
- z-index:9999999999;
- padding:22px;
- text-align:justify;
- font-size:10px;
- font-weight:500;
- background:{color:posts};
- line-height:12px;
- margin-bottom:50px;
- font-family:'roboto', sans-serif;
- margin-left:-21px;
- margin-top:-35px;
- width:277px;
- }
- .navlinks a{
- margin:5px;
- width:250px;
- height:25px;
- margin-bottom:2px;
- text-align:left;
- padding-bottom:1px;
- padding:6px;
- line-height:33px;
- color:{color:text};
- border-bottom:1px solid {color:border};
- z-index:99999;
- font-weight:400;
- font-family: 'overpass', sans-serif;
- letter-spacing:1px;
- font-size:9px;
- text-transform:uppercase;
- text-decoration:none;
- display:inline-block;
- }
- .navlinks a:hover {
- padding-left:15px;
- width:241px;
- color:{color:hover};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #sidebarr {
- margin:5px;
- text-align:justify;
- }
- #members {
- margin:5px;
- font-size:10px;
- margin-top:-35px;
- padding-top:8px;
- z-index:-9;
- background:{color:posts};
- margin-left:-21px;
- width:269px;
- font-weight:400;
- padding:26px;
- margin-bottom:50px;
- line-height:14px;
- font-family: 'overpass', sans-serif;
- }
- #binfo {
- margin:5px;
- font-size:10px;
- margin-top:-35px;
- padding-top:8px;
- z-index:-9;
- background:{color:posts};
- margin-left:-21px;
- width:269px;
- font-weight:400;
- padding:26px;
- text-align:left;
- line-height:14px;
- font-family: 'overpass', sans-serif;
- }
- #affiliates {
- margin:5px;
- font-size:10px;
- margin-top:-35px;
- padding-top:8px;
- z-index:-9;
- background:{color:posts};
- margin-left:-21px;
- width:275px;
- text-align:center;
- letter-spacing:5px;
- font-weight:400;
- padding:23px;
- line-height:17px;
- font-family: 'calibri', sans-serif;
- }
- #affiliates img {
- width:45px;
- height:45px;
- opacity:1;
- border-radius:100px;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #affiliates img:hover{
- opacity:0.5;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #projects {
- font-size:10px;
- margin-top:-35px;
- margin-left:-21px;
- font-weight:400;
- width:261px;
- font-family: 'overpass', sans-serif;
- padding:30px;
- background:{color:posts};
- line-height:15px;
- }
- #projects img {
- width:70px;
- height:70px;
- border-radius:100px;
- float:left;
- margin-right:10px;
- }
- /*navi links*/
- .nlinks {
- width:490px;
- overflow:hidden;
- cursor:pointer;
- left:calc(42% - 0px/2.5 - 10px - 0px);
- height:55px;
- opacity:1;
- padding:0px;
- z-index:99999;
- position:absolute;
- top:calc(85% - 0px/12.5 - 20px - 241px);
- text-align:left;
- }
- .nlinks a {
- width:auto;
- height:28px;
- text-align:center;
- text-transform:uppercase;
- opacity:1;
- color:{color:upper links};
- padding:5px;
- letter-spacing:0px;
- z-index:99999;
- margin-bottom:2px;
- line-height:25px;
- font-weight:500;
- font-family: 'overpass', monospace;
- font-size:10px;
- display:inline-block;
- transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- .nlinks a:hover{
- color:transparent;
- text-shadow:0px -11px 0px {color:hover};
- transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- }
- .nlinks span {
- line-height:25px;
- }
- /*titles*/
- #smalltitle{
- top:35px;
- width:auto;
- height:40px;
- opacity:1;
- position:fixed;
- font-family: 'overpass', sans-serif;
- letter-spacing:3px;
- text-align:left;
- font-weight:500;
- word-wrap:none;
- color:{color:text};
- text-transform:uppercase;
- line-height:43px;
- font-size:17px;
- left:calc(18% - 0px/2.5 - 50px - 0px);
- z-index:-9999999999;
- }
- #topline {
- width:1100px;
- height:7000px;
- background:{color:background};
- top:calc(150% - 0px/12.5 - 20px - 241px);
- left:calc(10% - 12px/2.5 - 0px - 0px);
- position:absolute;
- z-index:-999;
- }
- #top-title-middle{
- top:calc(90% - 0px/12.5 - 20px - 241px);
- width:400px;
- height:auto;
- padding-right:2px;
- opacity:1;
- position:fixed;
- font-family: 'Seaweed Script', cursive;
- letter-spacing:1px;
- text-align:center;
- overflow:hidden;
- text-shadow:1px 1px 1px #cccccc;
- font-weight:300;
- word-wrap:none;
- color:{color:upper title};
- text-transform:none;
- line-height:43px;
- font-size:30px;
- left:calc(40% - 0px/2.5 - 50px - 0px);
- z-index:-9999999999;
- }
- /*icon*/
- #userr {
- position:fixed;
- margin-top:190px;
- margin-left:180px;
- background:{color:top bar};
- z-index:9999999999999999;
- }
- #userrimage {
- z-index:-99999;
- }
- #userrimage img {
- width:30px;
- height:30px;
- top:38px;
- left:calc(13.5% - 0px/2.5 - 50px - 0px);
- position:fixed;
- border-radius:100px;
- opacity:1;
- z-index:-99999;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- /*header*/
- #headerbar {
- position:fixed;
- margin-top:190px;
- margin-left:180px;
- background:{color:top bar};
- z-index:9999999999999999;
- }
- #headerbarimage {
- z-index:-99999;
- }
- #headerbarimage img {
- width:1100px;
- height:100%;
- left:calc(10% - 12px/2.5 - 0px - 0px);
- top:calc(50% - 0px/12.5 - 0px - 241px);
- position:fixed;
- opacity:1;
- z-index:-9999999999999999;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- /*blog container*/
- #container{
- position:relative;
- overflow:hidden;
- margin:15px auto;
- width:calc(600px + 30px + 200px);
- }
- /*search box*/
- .search {
- text-align:left;
- line-height:58px;
- position:fixed;
- top:40px;
- opacity:1;
- background:{color:search};
- z-index:-99999;
- right:calc(10% - 0px/2.5 - 10px - -70px);
- }
- .search input{
- color:black;
- position:absolute;
- font-family: 'overpass', sans-serif;
- font-size:10px;
- border:0px;
- text-transform:uppercase;
- letter-spacing:1px;
- opacity:1;
- font-weight:400;
- padding:3px 9px;
- background:{color:search};
- text-align:left;
- border:1px solid {color:border};
- color:{color:text};
- border-radius:100px;
- margin-left:-123px;
- line-height:35px;
- width:143px;
- padding-left:36px;
- height:22px;
- outline:none;
- }
- input.sbutton{
- border:1px solid {color:border};
- cursor:help;
- font-family:'icomoon';
- padding:10px;
- line-height:5px;
- padding-left:9px;
- margin-left:-122px;
- opacity:1;
- background:{color:border};
- margin-top:1px;
- color:{color:text};
- font-size:9px;
- text-transform:uppercase;
- font-weight:normal;
- width:28px;
- height:28px;
- }
- @font-face {
- font-family:'icomoon';
- src:url('https://dl.dropboxusercontent.com/s/2irmmmxhhoz2w7h/icomoon.ttf');
- font-style:normal;
- font-weight:normal;
- }
- ::-webkit-input-placeholder {
- color:black;text-transform:uppercase;opacity:0.5;letter-spacing:1px;
- }
- ::-moz-input-placeholder {
- color:black;text-transform:uppercase;opacity:0.5;letter-spacing:1px;
- }
- ::-o-input-placeholder {
- color:black;text-transform:uppercase;opacity:0.5;letter-spacing:1px;
- }
- ::-ms-input-placeholder {
- color:black;text-transform:uppercase;opacity:0.5;letter-spacing:1px;
- }
- /*post notes*/
- ol.notes {
- padding: 0px;
- margin: 25px 0px;
- font-family:'roboto',sans-serif;
- list-style-type: none;
- margin-top:-60px;
- background:{color:posts};
- margin-left:15px;
- width:500px;
- border: solid 1px {color:border};
- }
- ol.notes li.note {
- border-top: solid 1px {color:border};
- padding: 10px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -10px;
- border-radius:100px;
- margin-left: 10px;
- padding:6px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note span.action {
- font-weight: 300;
- }
- ol.notes li.note .answer_content {
- font-weight: normal;
- }
- ol.notes li.note blockquote {
- border-color: {color:border};
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- /*like button*/
- .buttons a {
- position:relative;
- display:inline-block;
- padding:3px;
- }
- .custom-like-button {
- position: relative;
- display: inline-block;
- width: 12px;
- height: 12px;
- cursor: pointer;
- }
- .like_button {
- position: absolute;
- top: 0px;
- left: -2px;
- right: 0;
- bottom: -1px;
- width: 12px;
- height: 12px;
- opacity: 0;
- z-index: 10;
- }
- .like_button iframe {
- width: 100% !important;
- height: 100% !important;
- }
- .our_button {
- position: absolute;
- top: 1.5px;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- z-index: 1;
- -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out;/*opera*/
- -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out;/*ie*/
- transition:all 0.6s ease-in-out;/*w3c*/
- }
- .like_button:hover + .our_button {
- color: {color:link hover};
- }
- .custom-like-button:hover {
- color:{color:hover};
- }
- .like_button.liked + .our_button {
- color: red;
- }
- /*audio*/
- .audioartist {
- font-family:'roboto', sans-serif;
- font-size:10px;
- text-transform:lowercase;
- font-weight:600;
- }
- .audiotitle {
- font-family:'roboto', sans-serif;
- font-size:10px;
- text-transform:lowercase;
- font-weight:600;
- }
- .audioplayed {
- font-family:'roboto', sans-serif;
- font-size:10px;
- text-transform:lowercase;
- font-weight:600;
- }
- .audioplayr {
- width:400px;
- color:{color:text};
- background:{color:accent};
- }
- audioinfo {
- font-family:'roboto', sans-serif;
- font-size:10px;
- letter-spacing:2px;
- text-transform:lowercase;
- font-weight:300;
- }
- /*post styles*/
- .pcaption{
- font-family: 'overpass', monospace;
- font-size:10px;
- padding:2px;
- margin-top:20px;
- margin-bottom:20px;
- text-align:left;
- }
- .pcaption a{
- font-family: 'overpass', monospace;
- font-size:10px;
- margin-left:0px;
- padding:5px;
- letter-spacing:1px;
- text-transform:none;
- text-align:left;
- font-weight:600;
- }
- .psets{
- width:100%;
- margin-top:-24px;
- margin-left:0px;
- }
- .vsets{
- width:100%;
- margin-top:-12px;
- }
- .ppost{
- width:100%;
- margin-top:-12px;
- }
- .qcaption{
- font-family:'Vidaloka', sans-serif;
- font-size:15px;
- margin-left:15px;
- letter-spacing:0px;
- text-align:justify;
- text-transform:none;
- color:{color:text};
- font-weight:200;
- }
- .qsource{
- font-size:12px;
- margin-left:30px;
- margin-top:12px;
- text-align:left;
- letter-spacing:0px;
- font-family:'calibri', sans-serif;
- text-transform:uppercase;
- font-style:italic;
- font-weight:300;
- }
- /*posts*/
- #entries {
- margin-left:calc(70% - 463px/2.5 - 0px - 179px);
- margin-top:calc(60% - 0px/12.5 - -75px - 0px);
- z-index:99999999999;
- }
- #post {
- font-size:10px;
- width:500px;
- color:{color:text};
- background-color:{color:posts};
- text-align:justify;
- z-index:9999;
- padding:30px;
- margin-left:15px;
- margin-bottom:20px;
- padding-bottom:0px;
- overflow:hidden;
- }
- #post img{
- max-width:100%;
- margin-top:-12px;
- height:auto;
- }
- /*post info*/
- #info {
- width:530px;
- text-align:left;
- font-family: 'overpass', sans-serif;
- text-transform:lowercase;
- margin-left:-40px;
- font-size:9px;
- margin-top:-5px;
- padding-left:40px;
- padding-top:20px;
- padding-bottom:13px;
- opacity:1;
- overflow:hidden;
- font-weight:600;
- line-height:14px;
- letter-spacing:0px;
- background:{color:posts};
- z-index:9999999999999999;
- color:{color:links};
- }
- #info a {
- text-align:center;
- font-weight:400;
- padding:2px;
- font-size:9px;
- letter-spacing:1px;
- font-family: 'overpass', sans-serif;
- text-transform:uppercase;
- line-height:5px;
- color:{color:links};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- #info a:hover{
- color:{color:hover};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- #info date {
- font-size:11px;
- letter-spacing:1px;
- text-transform:uppercase;
- font-family: 'overpass', sans-serif;
- font-weight:600;
- color:{color:link accent};
- margin-bottom:12px;
- }
- #info tagged {
- font-family: 'overpass', sans-serif;
- text-transform:uppercase;
- font-size:9px;
- margin-top:6px;
- padding-top:10px;
- letter-spacing:1px;
- border-top:1px solid {color:border};
- font-weight:500;
- }
- #info span {
- padding:4px;
- }
- #info namee {
- text-transform:uppercase;
- color:{color:text};
- letter-spacing:1px;
- font-weight:500;
- }
- #infot {
- width:500px;
- text-align:left;
- font-family: 'overpass', sans-serif;
- text-transform:uppercase;
- margin-left:0px;
- font-size:9px;
- margin-top:-15px;
- padding-left:4px;
- padding-top:23px;
- padding-bottom:16px;
- margin-bottom:24px;
- opacity:1;
- overflow:hidden;
- font-weight:600;
- line-height:0px;
- letter-spacing:1px;
- background:{color:top bar};
- z-index:9999999999999999;
- color:{color:info};
- }
- #infot img {
- width:23px;
- height:23px;
- border-radius:100px;
- }
- #infot #nname {
- text-align:left;
- font-weight:600;
- padding:2px;
- font-size:11px;
- letter-spacing:1px;
- margin-left:-7px;
- margin-top:-12px;
- font-family: 'overpass', sans-serif;
- line-height:10px;
- color:{color:info};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- #infot posted {
- text-align:left;
- font-weight:600;
- padding:2px;
- font-size:10px;
- letter-spacing:1px;
- margin-top:-12px;
- font-family: 'overpass', sans-serif;
- line-height:0px;
- color:{color:info};
- }
- #infot a{
- text-align:left;
- font-weight:600;
- padding:2px;
- font-size:11px;
- letter-spacing:1px;
- margin-left:0px;
- margin-top:-12px;
- font-family: 'overpass', sans-serif;
- line-height:0px;
- color:{color:info};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- /*questions and answers*/
- #asking {
- margin-left:40px;
- margin-top:-55px;
- }
- #askingimage {
- }
- #askingimage img {
- margin-left:25px;
- width:35px;
- height:35px;
- border:1px solid {color:border};
- border-radius:3px;
- margin-top:0px;
- }
- #question {
- padding:25px;
- padding-left:62px;
- margin-top:-14px;
- padding-top:32px;
- margin-left:40px;
- width:407px;
- text-transform:none;
- border-radius:3px;
- font-family: 'calibri', serif;
- color:{color:text};
- background-color:{color:asks};
- }
- #asker{
- margin-top:-40px;
- padding:20px;
- font-weight:300;
- width:360px;
- font-size:9px;
- z-index:9999999999;
- color:{color:text};
- opacity:1;
- background:{color:asks};
- border:1px solid {color:border};
- border-radius:2px;
- margin-left:75px;
- letter-spacing:0px;
- font-family: 'cabin', monospace;
- text-transform:none;
- }
- askerurl{
- font-weight:bold;
- font-family: 'cabin', monospace;
- }
- /*sticky background*/
- .topbar {
- width:100%;
- top:10px;
- position:absolute;
- z-index:99999999999999;
- }
- .sticky{
- width:800px;
- top:-55px;
- z-index:99999999;
- position:fixed;
- }
- .sticky #stickybackground{
- width:1100px;
- height:100%;
- top:calc(150% - 0px/12.5 - 20px - 241px);
- left:calc(0% - 12px/2.5 - 0px - 0px);
- z-index:9999999999999;
- background:{color:background};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #stickybackground{
- margin:auto;
- font-size:10px;
- height:100%;
- letter-spacing:2px;
- font-weight:600;
- z-index:999999999;
- width:1100px;
- margin-left:0px;
- background:{color:background};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- /*credit (u better leave this here u goof)*/
- #credit a{
- position:fixed;
- font-size:7px;
- font-weight:600;
- height:8px;
- width:70px;
- opacity:1;
- right:12px;
- bottom:10px;
- letter-spacing:1px;
- border-radius:3px;
- background:{color:credit};
- padding:5px;
- z-index:9999999999999999999999999999;
- text-align:center;
- font-family: 'overpass', monospace;
- border:1px solid {color:border};
- color:{color:text};
- text-transform:uppercase;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- transition: all 0.6s ease-out;
- }
- #credit a:hover{
- color:{color:hover};
- background:{color:credit hover};
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- transition: all 0.6s ease-out;
- }
- {CustomCSS}</style>
- </head>
- <body>
- <div id="container">
- <!--do not touch below -->
- <div id="userrimage"><img src="{image:icon}"></a></div>
- <div id="headerbarimage"><img src="{image:header}"></a></div>
- <div id="smalltitle">{text:title}</div>
- <div id="top-title-middle">{text:top title}</div>
- </div>
- </div>
- <div class="topbar">
- <div id="stickybackground">
- </div>
- </div>
- </div>
- <script>
- var header = document.querySelector('.topbar');
- var origOffsetY = header.offsetTop;
- function onScroll(e) {
- window.scrollY >= origOffsetY ? header.classList.add('sticky') :
- header.classList.remove('sticky');
- }
- document.addEventListener('scroll', onScroll);
- </script>
- <!--sidebar-->
- <div class="sidebox">
- <!--description-->
- <div class="box">
- <div class="sidebar-title"style="margin-bottom:15px">
- About
- </div>
- <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
- <div id="description1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.</div>
- </div>
- <!--updates-->
- <div class="box">
- <div class="sidebar-title"style="margin-bottom:15px">
- Updates
- </div>
- <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
- <div id="description1">
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
- Lorem ipsum dolor sit amet.
- Consectetuer adipiscing elit.
- Nam at tortor quis ipsum tempor aliquet.
- Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.
- </a>
- </div></div>
- <!--projects or albums-->
- <div class="box">
- <div class="sidebar-title"style="margin-bottom:15px">
- Projects
- </div>
- <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
- <div id="projects">
- <img src="https://40.media.tumblr.com/d43ef707e6651fa2c632b84265521285/tumblr_ny80wbtVNe1u9o0yqo1_100.jpg">
- <b>ALBUM NAME</b><br>
- <b>Producer:</b> Name here<br>
- <b>Year:</b> Year here<br>
- <b>Tracks:</b> Tracks amount here<br>
- <b>Label:</b> Label here
- </ul>
- <br><br>
- <img src="https://40.media.tumblr.com/d43ef707e6651fa2c632b84265521285/tumblr_ny80wbtVNe1u9o0yqo1_100.jpg">
- <b>ALBUM NAME</b><br>
- <b>Producer:</b> Name here<br>
- <b>Year:</b> Year here<br>
- <b>Tracks:</b> Tracks amount here<br>
- <b>Label:</b> Label here
- </ul>
- </div>
- </div>
- <!--navigation-->
- <div class="box">
- <div class="sidebar-title"style="margin-bottom:15px">
- Navigation
- </div>
- <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
- <div class="navlinks">
- <div id="all">
- <a href="/"title="text">navi link</a>
- <a href="/" title="text">navi link</a>
- <a href="/"title="text">navi link</a>
- <a href="/"title="text">navi link</a>
- <a href="/"title="text">navi link</a>
- </div>
- </div>
- </div>
- <!--affiliates-->
- <div class="box">
- <div class="sidebar-title"style="margin-bottom:15px">
- Affiliates
- </div>
- <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
- <div id="affiliates">
- <a href="/"title="name"><img src="http://i.imgur.com/cBLNVwh.png"></a>
- <a href="/"title="name"><img src="http://i.imgur.com/cBLNVwh.png"></a>
- <a href="/"title="name"><img src="http://i.imgur.com/cBLNVwh.png"></a>
- <a href="/"title="name"><img src="http://i.imgur.com/cBLNVwh.png"></a>
- <a href="/"title="name"><img src="http://i.imgur.com/cBLNVwh.png"></a>
- <a href="/"title="name"><img src="http://i.imgur.com/cBLNVwh.png"></a>
- <a href="/"title="name"><img src="http://i.imgur.com/cBLNVwh.png"></a>
- <a href="/"title="name"><img src="http://i.imgur.com/cBLNVwh.png"></a>
- </div></div>
- <!--blog members-->
- <div class="box">
- <div class="sidebar-title"style="margin-bottom:15px">
- Members
- </div>
- <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
- <div id="members">
- {block:GroupMembers}
- <table style="margin-top:0px;">
- {block:GroupMember}
- <tr>
- <td style="width:40px;">
- <img src="{GroupMemberPortraitURL-128}" width="40px;" height="auto;" style="margin-right: 10px;border-radius:100px"> </td>
- <td style="height:auto;">
- <a href="{GroupMemberURL}" title="{GroupMemberTitle}"style="font-family: 'overpass', sans-serif;;margin-top:0px;font-weight:700;text-transform:uppercase;font-size:9px;letter-spacing:1px;">{GroupMemberName}</a><br><grouptitle>{GroupMemberTitle}</grouptitle></div>
- </tr>
- {/block:GroupMember}
- </table>
- {/block:GroupMembers}
- </div></div>
- <!--disclaimer-->
- <div class="box">
- <div class="sidebar-title"style="margin-bottom:15px">
- Disclaimer
- </div>
- <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
- <div id="description1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
- Lorem ipsum dolor sit amet.
- Consectetuer adipiscing elit.
- Nam at tortor quis ipsum tempor aliquet.
- Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.
- </a>
- </div></div>
- <!--blog info-->
- <div class="box">
- <div class="sidebar-title"style="margin-bottom:15px">
- Blog Info
- </div>
- <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
- <div id="binfo">
- <b>Blog created by:</b> Azure
- </br>
- <b>Blog established:</b> Late 2015
- </br>
- <b>Graphics by:</b> Azure
- </br>
- <b>Theme made by:</b> Azure (1204px)
- </div>
- </div>
- </div>
- <!--top bar links-->
- <div class="nlinks">
- <a href="/">Home</a>
- <a href="/ask">Message</a>
- <a href="{text:link one url}">{text:link one}</a>
- <a href="{text:link two url}">{text:link two}</a>
- <a href="{text:link three url}">{text:link three}</a>
- </div>
- <div class="search">
- <form action="/search" method="get">
- <input type="text" name="q" value="" placeholder="Search blog" />
- <input type="submit" value="" class="sbutton" />
- </form></div>
- <!--sidebar-->
- <div id="topline">
- </div>
- <div id="bg3"></div>
- <!--posts and entries-->
- <div id="entries">
- {block:Posts}
- <div id="post">
- <div id="infot">
- <div id="permalink">
- <div id="nname"> <a href="{Permalink}"title="{TimeAgo}">{Month} {DayOfMonth}</a> {block:RebloggedFrom}{block:ContentSource}
- <font style="float:right;margin-right:0px;margin-top:-6px;font-weight:600"><a href="{ReblogParentURL}" title="{ReblogParentName}"><posted> VIA</posted></a> - <a href="{SourceURL}"title="{ReblogRootName}"><posted> SOURCE</posted></a></font style>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- </div>
- </div>
- {/block:Date}
- </div>
- <!--texts-->
- {block:Text}
- {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
- {Body}
- {/block:Text}
- <!--question and answers-->
- {block:Answer}
- <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
- <div id="asker"><askerurl>{Asker} asked:</askerurl> {Question}</div>
- {Answer}{/block:Answer}
- <!--quotes-->
- {block:Quote}
- {block:Quote}
- <div class="qcaption">{Quote}</div>
- <div class="qsource">
- {block:Source}- {Source}{/block:Source}
- </div>
- {/block:Quote}
- <!--links-->
- {block:Link}
- <h2><center><a href="{URL}">{Name}</center></a></h2>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!--chats-->
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- <!--photos-->
- {block:Photo}
- {LinkOpenTag}<div class="ppost"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%">{LinkCloseTag}</div>
- {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- <!--photosets-->
- {block:Photoset}
- <div class="psets">{Photoset-500}</div>
- {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- <!--videos-->
- {block:Video}
- <div class="vsets">{Video-500}</div>
- {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
- {/block:Video}
- <!--audios-->
- {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
- {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
- {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
- {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
- </br>
- <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
- {/block:Audio}
- <!--info-->
- <div id="info">
- <div id="permalink"><date>{NoteCountWithLabel}</date><span></span> <namee>Posted by {Name}</namee><a href="{ReblogURL}" title="reblog"target="_blank" class="details"><span class="lnr lnr-redo"style="font-size:10px;font-weight:bold"></span></a>
- <font style="float:right;margin-right:35px;margin-top:-10px">
- </a><div class="custom-like-button">{LikeButton}<span class="our_button"><span class="lnr lnr-heart"style="font-size:11px;font-weight:bold"></span></span></div></font style>
- {/block:Date}
- </div></br>
- {block:HasTags}<tagged>Tagged with: {block:Tags} <a href="{TagURL}"> <tagged>#{Tag}</tagged> </a> {/block:Tags}
- {/block:HasTags}
- </div></div>
- {block:PostNotes} {PostNotes} {/block:PostNotes}
- {/block:Posts}
- <div class="pagination"style="{color:title text}">
- {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:accent};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
- {/block:Pagination}</div>
- </div>
- <!--credit(u better dont touch this here u goof)-->
- <div id="credit">
- <a href="http://ceesty.com/qNgV4R"title="theme credit">Code by 1204px</a>
- </div></div>
- </html>
- </body>
- <!--end html-->
Advertisement
Add Comment
Please, Sign In to add comment