Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <!----
- © borntobewildthemes.tumblr.com | "Enjoy the ride"
- Base Code by @neonbikethemes.tumblr.com
- + Please do not redistribute this theme or remove credits.
- + You are allowed to make changes as long as you keep our credits.
- + If you have any questions or concerns, just contact us.
- + Thanks for using our theme! We hope that you enjoy it!
- ---->
- <html>
- <head>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1.0, width=device-width" />
- <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $(".post").click(function(){
- $(".posts").slideToggle(100);
- });
- });
- </script>
- <!--Google fonts-->
- <link href='http://fonts.googleapis.com/css?family=Kaushan+Script:400,400italic,700,700italic|Arimo+2:400,400italic,700,700italic|Great+Vibes:400italic,700italic,400,700|Roboto:400,400italic,700,700italic|Clicker+Script:400,700|Share:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <meta name="image:Portrait" content="1"/>
- <meta name="image:Background" content="1"/>
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Link" content="#333"/>
- <meta name="color:Icon" content="#332824"/>
- <meta name="color:Text" content="#333"/>
- <meta name="color:Bold" content="#eee"/>
- <meta name="color:Italic" content="#777"/>
- <meta name="color:Hover" content="#777"/>
- <meta name="color:Blog Title" content="#332824"/>
- <meta name="color:Post borders" content="#777"/>
- <meta name="color:Borders" content="#777"/>
- <meta name="color:Scrollbar" content="#332824"/>
- <meta name="color:Post background" content="#fff"/>
- <meta name="color:Header link" content="#656563"/>
- <meta name="color:Header link background" content="#000"/>
- <meta name="color:Description" content="#656563"/>
- <meta name="color:Music player text" content="#333"/>
- <meta name="color:Music player background" content="#eee"/>
- <meta name="color:Search bar background" content="#eee"/>
- <meta name="color:Icon background" content="#eee"/>
- <meta name="select:Header transparency color" content="0,0,0" title="black">
- <meta name="select:Header transparency color" content="238,238,238" title="gray">
- <meta name="select:Header transparency color" content="255,255,255" title="white">
- <meta name="select:Header transparency color" content="255,168,212" title="pink">
- <meta name="select:Header transparency color" content="127,88,242" title="purple">
- <meta name="select:Header transparency color" content="184,168,255" title="indigo">
- <meta name="select:Header transparency color" content="184,208,255" title="blue">
- <meta name="select:Header transparency color" content="103,173,90" title="green">
- <meta name="select:Header transparency color" content="33,209,297" title="turquoise">
- <meta name="select:Header transparency color" content="226,229,23" title="yellow">
- <meta name="select:Header transparency color" content="112,38,11" title="brown">
- <meta name="select:Header transparency" content="1" title="opaque">
- <meta name="select:Header transparency" content=".9" title=".9">
- <meta name="select:Header transparency" content=".8" title=".8">
- <meta name="select:Header transparency" content=".7" title=".7">
- <meta name="select:Header transparency" content=".6" title=".6">
- <meta name="select:Header transparency" content=".5" title=".5">
- <meta name="select:Header transparency" content=".4" title=".4">
- <meta name="select:Header transparency" content=".3" title=".3">
- <meta name="select:Header transparency" content=".2" title=".2">
- <meta name="select:Header transparency" content=".1" title=".1">
- <meta name="select:Header transparency" content=".0" title="transparent">
- <meta name="select:Description transparency color" content="0,0,0" title="black">
- <meta name="select:Description transparency color" content="238,238,238" title="gray">
- <meta name="select:Description transparency color" content="255,255,255" title="white">
- <meta name="select:Description transparency color" content="255,168,212" title="pink">
- <meta name="select:Description transparency color" content="127,88,242" title="purple">
- <meta name="select:Description transparency color" content="184,168,255" title="indigo">
- <meta name="select:Description transparency color" content="184,208,255" title="blue">
- <meta name="select:Description transparency color" content="103,173,90" title="green">
- <meta name="select:Description transparency color" content="33,209,297" title="turquoise">
- <meta name="select:Description transparency color" content="226,229,23" title="yellow">
- <meta name="select:Description transparency color" content="112,38,11" title="brown">
- <meta name="select:Description transparency" content="1" title="opaque">
- <meta name="select:Description transparency" content=".9" title=".9">
- <meta name="select:Description transparency" content=".8" title=".8">
- <meta name="select:Description transparency" content=".7" title=".7">
- <meta name="select:Description transparency" content=".6" title=".6">
- <meta name="select:Description transparency" content=".5" title=".5">
- <meta name="select:Description transparency" content=".4" title=".4">
- <meta name="select:Description transparency" content=".3" title=".3">
- <meta name="select:Description transparency" content=".2" title=".2">
- <meta name="select:Description transparency" content=".1" title=".1">
- <meta name="select:Description transparency" content=".0" title="transparent">
- <meta name="select:Post transparency color" content="0,0,0" title="black">
- <meta name="select:Post transparency color" content="238,238,238" title="gray">
- <meta name="select:Post transparency color" content="255,255,255" title="white">
- <meta name="select:Post transparency color" content="255,168,212" title="pink">
- <meta name="select:Post transparency color" content="127,88,242" title="purple">
- <meta name="select:Post transparency color" content="184,168,255" title="indigo">
- <meta name="select:Post transparency color" content="184,208,255" title="blue">
- <meta name="select:Post transparency color" content="103,173,90" title="green">
- <meta name="select:Post transparency color" content="33,209,297" title="turquoise">
- <meta name="select:Post transparency color" content="226,229,23" title="yellow">
- <meta name="select:Post transparency color" content="112,38,11" title="brown">
- <meta name="select:Post transparency" content="1" title="opaque">
- <meta name="select:Post transparency" content=".9" title=".9">
- <meta name="select:Post transparency" content=".8" title=".8">
- <meta name="select:Post transparency" content=".7" title=".7">
- <meta name="select:Post transparency" content=".6" title=".6">
- <meta name="select:Post transparency" content=".5" title=".5">
- <meta name="select:Post transparency" content=".4" title=".4">
- <meta name="select:Post transparency" content=".3" title=".3">
- <meta name="select:Post transparency" content=".2" title=".2">
- <meta name="select:Post transparency" content=".1" title=".1">
- <meta name="select:Post transparency" content=".0" title="transparent">
- <meta name="text:Tab 1 Title" content="Tab 1 Title" />
- <meta name="text:Tab 2 Title" content="Tab 2 Title" />
- <meta name="text:Tab 3 Title" content="Tab 3 Title" />
- <meta name="text:Tab 4 Title" content="Tab 4 Title" />
- <meta name="text:Tab 5 Title" content="Tab 5 Title" />
- <meta name="text:About" content="About me" />
- <meta name="select:Title Font" content="Kaushan Script" title="Kaushan Script">
- <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
- <meta name="select:Title Font" content="Arimo" title="Arimo">
- <meta name="select:Title Font" content="Roboto" title="Roboto">
- <meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
- <meta name="select:Link Font" content="Arimo" title="Arimo">
- <meta name="select:Link Font" content="Kaushan Script" title="Kaushan Script">
- <meta name="select:Link Font" content="Great Vibes" title="Great Vibes">
- <meta name="select:Link Font" content="Roboto" title="Roboto">
- <meta name="select:Link Font" content="Clicker Script" title="Clicker Script">
- <meta name="font:Body font" content="Helvetica"/>
- <meta name="if:Show Navigation Icons" content="1"/>
- <meta name="if:Show Music Player" content="1"/>
- <meta name="if:Show Search" content="1" />
- <meta name="if:Show Captions" content="1" />
- <meta name="if:Show Tags" content="1" />
- <meta name="if:Facebook" content="0" />
- <meta name="if:Twitter" content="0" />
- <meta name="if:Youtube" content="0" />
- <meta name="if:Flickr" content="0" />
- <meta name="if:Googleplus" content="0" />
- <meta name="text:Facebook url" content="" />
- <meta name="text:Twitter url" content="" />
- <meta name="text:Youtube url" content="" />
- <meta name="text:Flickr url" content="" />
- <meta name="text:Googleplus url" content="" />
- <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 Six" content="link Six"/>
- <meta name="text:Link One Url" content="link One Url"/>
- <meta name="text:Link Two Url" content="link Two Url"/>
- <meta name="text:Link Three Url" content="link Three Url"/>
- <meta name="text:Link Four Url" content="link Four Url"/>
- <meta name="text:Link Five Url" content="link Five Url"/>
- <meta name="text:Link Six Url" content="link Six Url"/>
- <meta name="text:Song title 1" content="Song title 1"/>
- <meta name="text:Song title 2" content="Song title 2"/>
- <meta name="text:Song title 3" content="Song title 3"/>
- <meta name="text:Song title 4" content="Song title 4"/>
- <meta name="text:Song title 5" content="Song title 5"/>
- <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER 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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- /* ---------------------------- GENERAL ----------------------------- */
- /* -------- BASICS ------- */
- body{
- color:{color:Text};
- font-family:{font:Body font};
- line-height:17px;
- font-size:14px;
- text-align:left;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- background-position: center;
- overflow:auto;
- overflow-x:hidden;
- padding:0;
- margin:0;
- }
- h1{
- color:{color:Title};
- font-family:{select:Title Font};
- font-size:20px;
- line-height: 25px;
- font-weight: normal;
- border-bottom:1px solid {color:Info border};
- }
- h2{
- line-height:17px;
- font-size:14px;
- }
- a:link, a:active, a:visited{
- font-family:{select:Link Font};
- -webkit-transition: color 0.3s ease-out;
- -moz-transition: color 0.3s ease-out;
- text-decoration:none;
- transition: color 0.3s ease-out;
- color:{color:Link};
- }
- a:hover {
- color: {color:Hover};
- }
- b {
- font-weight:bold;
- color:{color:Bold};}
- p.italic {
- font-style:italic;
- color:{color:Italic};}
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px solid {color:Borders};
- }
- blockquote p, ul{
- margin:0px;
- padding:0px;
- }
- a img{border: 0px;}
- ul, ol, li{list-style:none; margin:0px; padding:0px;}
- .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
- .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
- .notes img{
- width:15px;
- position:relative;
- top:3px;
- margin-right:5px;
- border:1px solid {color:Borders};
- border-radius:60px;
- }
- <--ses-->
- small{font-size: 90%;}
- big{font-size: 110%;}
- /* Selection */
- ::-moz-selection {
- background: {color:text};
- color: {color:background};
- }
- ::selection {
- background: {color:text};
- color: {color:background};
- }
- /* Webkit scrollbar */
- ::-webkit-scrollbar-thumb {
- background: {color:Scrollbar};
- height: auto;
- border: 2px solid {color:Borders};
- }
- ::-webkit-scrollbar {
- height:10px;
- width:10px;
- background: {color:Scrollbar};
- height: auto;
- border: 4px solid {color:Borders};
- }
- /* Tooltips */
- #s-m-t-tooltip {
- max-width:300px;
- z-index:10000;
- margin:24px 14px 7px 12px;
- padding:8px;
- color:{color:Link};
- background:rgba({select:Post transparency color}, {select:Post transparency});
- font-size:12px;
- line-height:16px;
- border:1px solid {color:Borders};
- }
- /* Tab 2 */
- #bigcon{
- width:100%;
- margin-top:20px;
- margin-left:auto;
- margin-right:auto;
- }
- .tabcontent {
- margin-top:70px;
- margin-left:auto;
- margin-right:auto;
- width: 523px;
- text-align:center;
- margin-bottom:50px;
- }
- #posts {
- position:static;
- margin-left:auto;
- margin-right:auto;
- width: 553px;
- margin-top:100px;
- padding-left:30px;
- overflow:hidden;
- text-align:center;
- margin-bottom:10px;
- }
- #entry {
- float:left;
- display: block;
- margin-top:20px;
- margin-left:auto;
- margin-right:auto;
- overflow:hidden;
- text-align:left;
- width:500px;
- padding:10px;
- border:2px solid {color:Post borders};
- background:rgba({select:Post transparency color}, {select:Post transparency});
- }
- #entry p img, #entry blockquote img { max-width: 100%; }
- /* Tab 3 */
- .about {
- margin-left:auto;
- margin-right:auto;
- width: 523px;
- max-height:290px;
- padding:10px;
- height:auto;
- overflow:hidden;
- overflow-y:auto;
- text-align:center;
- border:2px solid {color:Post borders};
- background:rgba({select:Post transparency color}, {select:Post transparency});
- }
- .about h1{
- font-size:30px;
- line-height:35px;
- border-bottom:2px solid {color:Post borders};
- }
- .about a i{
- font-size:15px;
- padding:5px;
- color:{color:Icon};
- border:2px solid {color:Post borders};
- }
- .links {
- margin-left:auto;
- margin-right:auto;
- width: 523px;
- padding:10px;
- margin-top:10px;
- height:auto;
- overflow:hidden;
- text-align:center;
- margin-bottom:10px;
- border:2px solid {color:Post borders};
- background:rgba({select:Post transparency color}, {select:Post transparency});
- }
- .links a{
- display:inline-block;
- color:{color:Link};
- font-size:13px;
- padding:6px;
- text-align:center;
- letter-spacing:1px;
- text-transform:lowercase
- margin-top:5px;
- margin-bottom:5px;
- width:240px;
- border:2px solid {color:Post borders};
- -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;
- }
- .portrait {
- width:100px;
- height:100px;
- border:2px solid {color:Post borders};
- margin:10px;
- float:left;
- }
- /* Tab 4 */
- #grouptitle {
- padding:5px;
- text-align:center;
- font-style:italic;
- font-family:{select:Title Font};
- font-size:25px;
- color:{color:Link};
- opacity:0.8;
- font-size:15px;
- width:160px;
- margin-left:8px;
- margin-top:20px;
- border:2px solid {color:Post borders};
- background:rgba({select:Header transparency color}, {select:Header transparency});
- }
- #grouplinks {
- width:160px;
- padding:5px;
- margin-left:10px;
- background:rgba({select:Post transparency color}, {select:Post transparency});
- }
- #grouplinks a {
- display:block;
- color:{color:Link};
- font-size:13px;
- padding:6px;
- text-align:center;
- letter-spacing:1px;
- text-transform:lowercase
- margin-top:5px;
- margin-bottom:5px;
- border:2px solid {color:Post borders};
- -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;
- }
- #grouplinks a:hover, .links a:hover, .about i:hover {
- background:{color:Post borders};
- color:{color:Hover};
- }
- /* Tab 5 */
- #tab5{
- margin-top:10px;
- }
- .blogroll{
- margin-left:auto;
- margin-right:auto;
- width: 523px;
- height:auto;
- max-height:480px;
- padding:10px;
- overflow:hidden;
- overflow-y:auto;
- text-align:center;
- margin-bottom:20px;
- margin-top:10px;
- border:2px solid {color:Post borders};
- background:rgba({select:Post transparency color}, {select:Post transparency});
- }
- .blogroll img{
- width:50px;
- margin:5px;
- border:3px solid {color:Post borders};
- opacity:0.8;
- }
- .blogroll img:hover{
- opacity:1;
- border:5px solid {color:Hover};
- -webkit-transition: all .5s ease;
- -moz-transition: all .5s ease;
- -o-transition: all .5s ease;
- transition: all .5s ease;
- }
- /* Music player */
- #musicplayer {
- text-align:center;
- position:fixed;
- right:55px;
- top:65px;
- color:{color:Music player text};
- background:{color:Music player background};
- width:35px;
- min-height:32px;
- line-height:27px;
- border:1px solid {color:Borders};
- z-index:100000000;
- }
- #musicplayer:hover{
- width:170px;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- overflow-y:visible;
- }
- #music {
- position:absolute;
- margin-left:37px;
- margin-top:0px;
- width:10px;
- height:33px;
- overflow:hidden;
- z-index: 9999;
- }
- #musicplayer:hover #music{
- width:132px;
- border-left:1px solid {color:Borders};
- }
- #music:hover{
- height:auto;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #musicicon {
- margin-top:-1px;
- height:32px;
- line-height:14px;
- margin:0;
- width:35px;
- }
- /* Search */
- #search {
- text-align:center;
- position:fixed;
- right:100px;
- top:65px;
- background:{color:Search bar background};
- width:35px;
- height:32px;
- border:1px solid {color:Borders};
- z-index:100000000;
- overflow:hidden;
- }
- #search:hover {
- width:170px;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- .search-icon{
- position:absolute;
- margin-left:7px;
- margin-top:6px;
- z-index:10000;
- }
- .search-icon i{
- color:{color:Icon};
- padding:2.5px;
- font-size:16px;
- }
- /* Main icons */
- .icons{
- position:fixed;
- width:135px;
- height:30px;
- right:141px;
- top:65px;
- }
- .icons i{
- color:{color:Icon};
- width:35px;
- height:32px;
- line-height:33px;
- margin-left:4px;
- font-size:16px;
- text-align:center;
- border:1px solid {color:Borders};
- background:{color:Icon background};
- }
- .icons i:hover{
- color:{color:Hover};
- }
- /* Credits */
- #credits {
- position:fixed;
- right:10px;
- top:65px;
- z-index:100000;
- }
- #credits img{
- border:1px solid {color:Borders};
- }
- /* ----------------------------- HEADER STUFF ---------------------------*/
- #header{
- position:fixed;
- top:0px;
- padding:10px;
- text-align:center;
- width:100%;
- height:35px;
- background:rgba({select:Header transparency color}, {select:Header transparency});
- z-index:100000000;
- }
- .blogtitle{
- margin:auto;
- margin-top:240px;
- width:70%;
- padding:10px;
- margin-bottom:300px;
- text-align:center;
- background:rgba({select:Description transparency color}, {select:Description transparency});
- }
- .blogtitle h1{
- font-size:35px;
- line-height:40px;
- letter-spacing:1px;
- color:{color:Blog title};
- font-family:{select:Title Font};
- border-bottom:1px solid {color:Borders};
- }
- .description{
- margin:auto;
- margin-top:-20px;
- padding:10px;
- text-align:center;
- color:{color:Description};
- }
- #navbar{
- display:inline-block;
- text-align:center;
- }
- /* ------------------------------ TABS ------------------------------ */
- .tabs {
- width:100%;
- margin-left:0px;
- display:inline-block;
- }
- /* Clearfix */
- .tab-links:after {
- display:block;
- clear:both;
- content:'';
- }
- .tab-links li {
- margin-right:5px;
- display:inline-block;
- list-style:none;
- text-transform:uppercase;
- }
- .tab-links a {
- padding:7px;
- display:inline-block;
- color:{color:Header link};
- transition:all linear 0.15s;
- border-bottom:1px solid transparent;
- }
- .tab-links a:hover {
- border-bottom:1px solid {color:Text};
- text-decoration:none;
- }
- li.active a, li.active a:hover {
- background:transparent;
- color:{color:Header background};
- border-bottom:1px solid {color:Header link background};
- background:{color:Header link background};
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- .tab-content {
- }
- .tab {
- display:none;
- }
- .tab.active {
- display:block;
- }
- /* -------------------------- POST TYPES -------------------------- */
- /* Quote posts */
- .quote {
- font-size:25px;
- line-height:30px;
- font-family:{select:Title Font};
- color:{color:Italic};
- height:auto;
- margin-top:15px;
- margin-bottom:5px;
- padding:10px;
- text-align:center;
- letter-spacing:1px;
- }
- .source {
- font-size:12px;
- line-height:23px;
- font-family:{select:Title Font};
- color:{color:Italic};
- height:auto;
- margin-top:15px;
- margin-bottom:5px;
- text-align:right;
- letter-spacing:1px;
- }
- /* Chat Posts*/
- .chat .line{
- margin:0 0 -1px;
- color: {color:Text};
- padding:2px;
- border-top:1px dashed {color:Borders};
- border-bottom:1px dashed {color:Borders};
- }
- .label {
- font-weight:none;
- color:{color:Bold};
- font-size:15px;
- }
- /* Link Posts */
- #linktitle {
- width:490px;
- padding:5px;
- border:2px {color:Borders} solid;
- }
- .linktexttitle a{
- font-family:{select:Link Font};
- font-size:20px;
- line-height:20px;
- text-align:center;
- color:{color:Link};
- font-weight:bold;
- }
- .linkdescription {
- padding:5px;
- margin:0px;
- text-align:left;}
- /*Ask Posts*/
- .question{
- width:100%;
- height:24px;
- line-height:24px;
- margin-bottom:4px;
- border-bottom:1px solid {color:Borders};
- }
- .question img{
- border:3px solid {color:Borders};
- margin-right:4px;
- }
- .answer{
- margin-top:15px;
- width:490px;
- padding:5px;
- background:{color:Borders};
- }
- /*Audio*/
- .album img{
- max-width:65px;
- margin-left:5px;
- float:left;
- margin-top:0px;
- z-index:10;
- border: 5px solid {color:Borders};
- }
- .audio{
- position:absolute;
- width:185px;
- min-height:90px;
- margin-left:80px;
- float:left;
- padding:5px;
- margin-top:-5px;
- z-index:10;
- font-size:12px;
- overflow:hidden;
- }
- .play{
- position:absolute;
- margin:30px;
- max-width:25px;
- max-height:25px;
- overflow:hidden;
- opacity:0.7;
- }
- /* Extras */
- .like_and_reblog_buttons {
- float:right;
- margin-top:-28px;
- margin-bottom:0px;
- z-index:200000;
- border: 0px solid #e8e8e8;
- border-radius: 3px;
- margin-left:400px;
- list-style: none;
- }
- .like_and_reblog_buttons li {
- float:right;
- margin: 5px 5px;
- height: 15px;
- }
- .like_and_reblog_buttons li:first-child {
- border-right: 0px solid #e8e8e8;
- }
- .info {
- float:center;
- padding:5px;
- margin-top:10px;
- margin-left:0px;
- text-align:center;
- font-size:15px;
- line-height:20px;
- width:490px;
- height:20px;
- border-top:2px solid {color:Borders};
- }
- .info i{
- color:{color:Icon};
- }
- .info a {
- font-size:15px;
- color:{color:Link};
- }
- .info a:hover {
- {color:Hover}
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;}
- /* ------------------------- PAGINATION ------------------------- */
- #pagination{
- width:100%;
- margin-top:0px;
- text-align:center;
- }
- .pagibutton{
- position:relative;
- display:inline-block;
- background:rgba({select:Post transparency color}, {select:Post transparency});
- padding:10px;
- }
- /* --------------------------- Custom CSS -------------------------- */
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="bigcon">
- <!--Header-->
- <div id="header">
- <div id="navbar">
- <div class="tabs">
- <ul class="tab-links">
- <li class="active" style="margin-left:-30px">
- <a href="/">{text:Tab 1 Title}</a></li>
- <li><a href="#posts">{text:Tab 2 Title}</a></li>
- <li><a href="#tab3">{text:Tab 3 Title}</a></li>
- <li><a href="#tab4">{text:Tab 4 Title}</a></li>
- <li><a href="#tab5">{text:Tab 5 Title}</a></li>
- </ul>
- </div>
- </div>
- </div>
- <!-- --------------------------- TABS -------------------------- -->
- <div class="tabs">
- <!-- --------------------------- TAB 1 -------------------------- -->
- <div class="tab-content">
- <div id="tab1" class="tab active">
- <div class="blogtitle">
- <h1>{Title}</h1>
- <div class="description">{description}</div>
- </div>
- <div id="posts">
- {block:Posts}
- <div id="entry">
- {block:Text}
- {block:Title}
- <a href="{Permalink}">
- <h1>{Title}</h1></a>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- <img src="{PhotoURL-500}"
- width="500"/></a>{/block:IndexPage}
- {block:PermalinkPage}
- <a href="{permalink}">
- <img src="{PhotoURL-500}"
- width="500"/></a>{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">
- "{Quote}"{block:Source}
- <div class="source">-{Source}
- </div>{/block:Source}</div>
- {/block:Quote}
- {block:Link}
- <div id="linktitle">
- <div class="linktexttitle">
- <a href="{URL}"
- class="linkpost"
- target="_blank">
- {Name} »</a></div></div>
- {block:Description}
- <div class="linkdescription">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}<div class="chat"><div class="line {Alt}">
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">
- <span style="text-transform:uppercase;
- letter-spacing:1px">
- <b>{Label}</b>
- </span></span>
- {/block:Label}
- {Line}</div>
- </div></div>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}">
- {block:AlbumArt}
- <div class="play">
- {AudioPlayerWhite}
- </div>
- </div>
- <div class="audio">
- {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
- {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
- {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
- {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}</div>
- <br><br><br><br><br>
- {/block:Audio}
- {block:Video}
- {VideoEmbed-500}
- {/block:Video}
- {block:Answer}
- <div class="question">
- <img src="{AskerPortraitURL-48}"
- align="left">
- {Asker}</div>
- {Question}
- <div class="answer">
- {Answer}</div>
- {/block:Answer}
- {block:IndexPage}
- {block:IfShowCaptions}
- {block:Caption}
- <h2>{Caption}</h2>
- {/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:IfShowTags}
- {block:HasTags}<br>
- {block:Tags}
- <a href="{TagURL}">
- <i class="fa fa-tag"></i>
- {Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- {/block:IfShowTags}
- {block:Date}
- <div class="info">
- <a href="{Permalink}">
- <i class="fa fa-clock-o"></i>
- {TimeAgo}</a>
- {block:NoteCount}
- <i class="fa fa-heart-o"></i>
- {NoteCountWithLabel}
- {/block:NoteCount}
- </div>
- <ul class="like_and_reblog_buttons">
- <li>{ReblogButton size="15"}</li>
- <li>{LikeButton size="15"}</li>
- </ul>
- </div>
- {/block:Date}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- <br>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}<br>
- </div>
- <!--PAGINATION-->
- {block:Pagination}
- <center>
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}#tab2">
- <div class="pagibutton">Previous</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}#tab2">
- <div class="pagibutton">Next</div></a>
- {/block:NextPage}
- </div>
- </center><br>
- {/block:Pagination}
- </div>
- </div>
- <!-- -------------------------- TAB 3 -------------------------- -->
- <div id="tab3" class="tab">
- <div class="tabcontent"><br>
- <div class="about">
- <img src="{image:Portrait}"
- class="portrait" />
- <div align="justify">
- <span><h1>About me</h1></span>
- {Text:About}
- </div> </div>
- <div class="links">
- <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>
- <a href="{text:Link Four Url}">{text:Link Four}</a>
- <a href="{text:Link Five Url}">{text:Link Five}</a>
- <a href="{text:Link Six Url}">{text:Link Six}</a>
- </div>
- <div class="about">
- {block:IfFacebook}<a href="{text:Facebook url}" target = "_blank"><i class="fa fa-facebook"> </i></a>{/block:IfFacebook}
- {block:IfTwitter}<a href="{text:Twitter url}"><i class="fa fa-twitter"></i></a>{/block:IfTwitter}
- {block:IfYoutube}<a href="{text:YouTube url}"><i class="fa fa-youtube"></i></a>{/block:IfYoutube}
- {block:IfFlickr}<a href="{text:Flickr url}"><i class="fa fa-flickr"></i></a>{/block:IfFlickr}
- {block:IfPinetrest}<a href="{text:Pinterest url}"><i class="fa fa-pinetrest"></a>{/block:IfPinetrest}
- {block:IfGoogleplus}<a href="{text:Googleplus url}"><i class="fa fa-google-plus"></i></a>{/block:IfGoogleplus}
- </div>
- </div>
- </div>
- <!-- -------------------------- TAB 4 -------------------------- -->
- <div id="tab4" class="tab">
- <div class="tabcontent">
- <div style="margin-left:0px;">
- <table id="all" border="0" cellpadding="0" cellspacing="0">
- <td><div id="grouptitle"><big>Group</div>
- <div id="grouplinks">
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- </div></td>
- <td><div id="grouptitle"><big>Group</div>
- <div id="grouplinks">
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- </div></td>
- <td><div id="grouptitle"><big>Group</div>
- <div id="grouplinks">
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- </div></td>
- <tr>
- <td><div id="grouptitle"><big>Group</div>
- <div id="grouplinks">
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- </div></td>
- <td><div id="grouptitle"><big>Group</div>
- <div id="grouplinks">
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- </div></td>
- <td><div id="grouptitle"><big>Group</div>
- <div id="grouplinks">
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- <a href="/">Link</a>
- </div></td>
- <tr>
- </table>
- </div>
- </div>
- </div>
- <!-- -------------------------- TAB 5 -------------------------- -->
- <div id="tab5" class="tab">
- <div class="tabcontent"><br>
- <div class="blogroll">
- {block:Following}
- {block:Followed}
- <a target="_blank" href="{FollowedURL}" title="{FollowedName}">
- <img src="{FollowedPortraitURL-96}" /></a>
- {/block:Followed}
- {/block:Following}
- </div>
- </div>
- </div>
- <!-- END OF TABS -->
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
- <script>
- $(document).ready(function() {
- $('.tabs .tab-links a').on('click', function(e) {
- var currentAttrValue = $(this).attr('href');
- // Show/Hide Tabs
- $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
- // Change/remove current tab to active
- $(this).parent('li').addClass('active').siblings().removeClass('active');
- e.preventDefault();
- });
- });
- </script>
- <script>
- $(document).ready(function() {
- $('#filterOptions li a').click(function() {
- // fetch the class of the clicked item
- var ourClass = $(this).attr('class');
- // reset the active class on all the buttons
- $('#filterOptions li').removeClass('active');
- // update the active state on our clicked button
- $(this).parent().addClass('active');
- if(ourClass == 'all') {
- // show all our items
- $('#ourHolder').children('div.item').show();
- }
- else {
- // hide all elements that don't share ourClass
- $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
- // show all elements that do share ourClass
- $('#ourHolder').children('div.' + ourClass).show();
- }
- return false;
- });
- });
- </script>
- {block:IfShowSearch}
- <div id="search">
- <div class="search-icon">
- <i class="fa fa-search fa"></i>
- </div>
- <form action="/search" method="get">
- <input type="text" name="q" value="Search..." style="width:110px; padding-left:10px; height:19px; border:1px solid transparent; background:transparent; color:{color:Sidebar text}; font-size: 12px;margin-top:5px; margin-left:25px;"/>
- </form>
- </div>
- {/block:IfShowSearch}
- <!--Search bar ends-->
- {block:IfShowMusicPlayer}
- <div id="musicplayer">
- <div id="music">
- <center>
- <!--Replace this part with your billy music player code-->
- <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://www.sheepproductions.com/mfc/done.mp3&t0=Done&f1=http://www.sheepproductions.com/mfc/justified.mp3&t1=Justified&f2=http://www.sheepproductions.com/mfc/shesaid.mp3&t2=She Said&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
- <!---->
- </center>
- </div>
- <div id="musicicon"><br>
- <img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif">
- </div>
- </div>
- {/block:IfShowMusicPlayer}
- {block:IfShowNavigationIcons}
- <div class="icons">
- <a href="/ask" title="Ask"><i class="fa fa-envelope"></i></a>
- <a href="/submit" title="Submit"><i class="fa fa-pencil"></i></a>
- <a href="/archive" title="Archive"><i class="fa fa-clock-o"></i></a>
- </div>
- {/block:IfShowNavigationIcons}
- <a href="http://borntobewildthemes.tumblr.com" title="theme ENJOY THE RIDE by borntobewildthemes"><div id="credits">
- <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement