Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THUNDER ; theme 008 by lakeffectkds
- this theme is a revamp of my first theme ever, clairvoyant!
- RULES ; 01- do not steal bits and pieces of this code for your own.
- 02- do not edit this theme and claim it as your own or use it as a base code without my permission.
- 03- do not redistribute this theme as yours.
- 04- edit it as much as you want for personal use! feel free to show me any changes to make to it, i'll be more than happy to take a look!
- -->
- <html>
- <head>
- <!--tab script by alyofrp-->
- <script>
- function openAlytut(evt, alytutName) {
- var i, x, tablinks;
- x = document.getElementsByClassName("alytut");
- for (i = 0; i < x.length; i++) {
- x[i].style.display = "none";
- }
- tablinks = document.getElementsByClassName("tablink");
- for (i = 0; i < x.length; i++) {
- tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
- }
- document.getElementById(alytutName).style.display = "block";
- evt.currentTarget.className += " tabzact";
- }
- </script>
- <!--tab script ends-->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script src="https://use.fonticons.com/fc066471.js"></script>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="image:sidebar 1" content=""/>
- <meta name="image:sidebar 2" content=""/>
- <meta name="image:bby header" content=""/>
- <meta name="image:background image" content=""/>
- <meta name="image:nav pic" content=""/>
- <meta name="color:background" content="#ffffff">
- <meta name="color:bold" content="#777777" />
- <meta name="color:italic" content="#bbbbbb"/>
- <meta name="color:link" content="#c0bdb8" /><meta name="color:link bg" content="#fff" />
- <meta name="color:Scrollbar" content="#DDD"/>
- <meta name="color:text" content="#c0bdb8" />
- <meta name="color:post bg" content="#fdfdfd" />
- <meta name="color:borders" content="#fdfdfd" />
- <meta name="color:nav box" content="#fdfdfd" />
- <meta name="color:lil title"content="#fff"/>
- <meta name="color:littlest title"content="#fff"/>
- <meta name="color:chat bubble" content="#000000"/>
- <meta name="color:chat text" content="#000000"/>
- <meta name="color:container bg" content="#777777" />
- <meta name="color:small container bg" content="#fff" />
- <meta name="text:lil title" content=""/>
- <meta name="text:littlest title"content=""/>
- <meta name="text:nav title 1" content=""/>
- <meta name="text:nav title 2" content=""/>
- <meta name="text:nav text" content=""/>
- <meta name="text:house link"content=""/>
- <meta name="text:bubble link"content=""/>
- <meta name="text:cloud link"content=""/>
- <meta name="text:link 1 title"content="link 1"/>
- <meta name="text:link 1 content"content=""/>
- <meta name="text:link 2 title"content="link 2"/>
- <meta name="text:link 2 content"content=""/>
- <meta name="text:link 3 title"content="link 3"/>
- <meta name="text:link 3 content"content=""/>
- <meta name="text:link 4 title"content="link 4"/>
- <meta name="text:link 4 content"content=""/>
- <meta name="text:link 5 title"content="link 5"/>
- <meta name="text:link 5 content"content=""/>
- <meta name="text:link 6 title"content="link 6"/>
- <meta name="text:link 6 content"content=""/>
- <meta name="text:link 7 title"content="link 7"/>
- <meta name="text:link 7 content"content=""/>
- <meta name="text:link 8 title"content="link 8"/>
- <meta name="text:link 8 content"content=""/>
- <meta name="text:container opacity" content="0.5"/>
- <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
- <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
- </head>
- <style type="text/css">
- /* IMESSAGE CHAT POST */
- .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:{color:chat bubble};color:{color:chat text};left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:chat bubble};border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:{color:chat bubble};color:{color:chat text}}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:chat bubble};border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
- .asked p {
- text-align: left;
- margin: 0 0px 10px 0px;
- padding: 0;
- color: #666666;
- font-family: 'Inconsolata', Inconsolata;
- font-size: 12px;
- line-height: 0px;
- }
- .footerright .viasrc {
- float: left;
- }
- .asked a {
- margin:0;padding:0;
- }
- .user_4{background-color:{color:chat bubble};color:{color:chat text}}.user_4::after{border-color:{color:chat bubble}}.user_6{background-color:{color:chat bubble};color:{color:chat text}}.user_6::after{border-color:{color:chat bubble}}.user_5{background-color:{color:chat bubble};color:{color:chat text}}.user_5::after{border-color:{color:chat bubble}}.user_3{background-color:{color:chat bubble};color:{color:chat text}}.user_3::after{border-color:{color:chat bubble}}.user_7{background-color:{color:chat bubble};color:{color:chat text}}.user_7::after{border-color:{color:chat bubble}}.user_8{background-color:{color:chat bubble};color:{color:chat text}}.user_8::after{border-color:{color:chat bubble}}.user_9{background-color:{color:chat bubble};color:{color:chat text}}.user_9::after{border-color:{color:chat bubble}}
- .convo {
- overflow: hidden;
- list-style-type: none;
- padding: 0;
- margin: 0;
- }
- #ask {
- color:{color:text};
- padding:5px;
- font-size:12px;
- font-family:'calibri';
- letter-spacing:0px;
- text-align:left;
- text-transform:lowercase;
- line-height:150%;
- background-color:{color:borders};
- box-shadow: 0px 3px 0px {color:link};
- }
- #ask a{color:{color:link}; font-family:'Tamoro';}
- -transition-duration:1s;
- }
- ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scrollbar}; height:auto; border: 0px solid #000; border-radius:6px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color: #565758; height:10px !important;}
- ::-webkit-scrollbar {height:1px; width:1px ; background-color:{color:background};}
- body {color:{color:text}; background-color:{color:background}; font-family:arial; font-size:11px; line-height:13px; text-align:justify;
- background-image:url('{image:background image}'); -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;}
- a:link, a:active, a:visited{color: {color:link}; text-decoration:none; font-family: 'montserrat';}
- a:hover {
- color:{color:link hover};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
- small{font-size:auto}
- big{font-size:auto; font-family: 'Montserrat', sans-serif;}
- b, strong{color:{color:bold}; font-family: 'Montserrat', sans-serif;}
- h1 {font-size:20px; font-family: 'Montserrat', sans-serif; ;}
- h2 {font-size:15px; font-family: 'Montserrat', sans-serif; COLOR: {color:bold} ; }
- h3 {font-size:20px; font-family: 'Tamoro', sans-serif;color:{color:bold};}
- i, em {color:{color:italic}}
- p{margin-top:6px; margin-bottom:6px}
- blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
- img a{border:none; width:100%;}
- /*box thingy*/
- #foo {
- position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
- float: LEFT;
- width: 765px;
- margin-left:5px;
- margin-top:-10px;
- height: 470px;
- opacity:{text:container opacity};
- background-color:{color:container bg};
- z-index:-1;
- }
- #entries {position:fixed; top:50%;left:50%; transform:translate(-50%,-50%); margin-left:130px;margin-top:-37px; height: 350px; width: 450px;text-align: justify; overflow:auto; background-color:{color:small container bg};}
- #posts {width:400px;
- float: center;
- margin: 15px 15px 15px 15px;
- padding:10px;
- padding-top:15px;
- Z-INDEX:99999999999999999999999999;
- background-color:{color:post bg};
- }
- #sidebar{width:200px; background:{color:post bg}; padding:10px; overflow:auto; height:380px;z-index:3; margin-top:-12px; margin-left:-230px;position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
- }
- #pagination {font-family:arial; text-align:center; font-size:24px; margin-bottom:2px;}
- #info{height:auto ;padding-top:5px; display:block; padding-bottom:0px; width:auto; font-size:10px; font-family:arial; text-transform:uppercase;border-top:1px solid {color:Borders}; text-align:left; }
- #title {position:fixed; top:50%;left:50%; transform:translate(-50%,-50%)
- width:320px;
- FONT-SIZE:30px;
- margin-top:128px;
- height:60px;
- margin-left:-340px;
- z-index:9;
- text-align:center;
- line-height:10px;
- color:{color:lil title};
- background-color:{color:bold};
- }
- .audioplayer{background-color:{color:link}; display:block: border-radius: 20px;}
- .user_1 .label {color:{color:link}; font-weight:bold}
- .user_2 .label {color:{color:link}; font-weight:bold}
- .user_3 .label {color:{color:link}; font-weight:bold}
- /* TABS STYLING--
- BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
- */
- .tabz {
- position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
- width: 450px;
- height: 60px;
- margin-left: 130px;
- margin-top:158px;
- text-align:center;
- z-index:10;
- background-color:{color:nav box};
- }
- .tabz a {width:60px;
- height:2px;
- padding-top:8px;
- margin-top:10px;
- padding-left:12px;
- padding-right:12px;
- padding-bottom:21px;
- text-align:center;
- border-radius:100px;
- background-color:{color:link bg};
- font-family:arial black;
- color:{color:link}; /* tablinks color */
- font-size:12px;
- display:inline-block;
- margin-left:12px;
- transition:.2s;
- -webkit-transition:.2s;
- -moz-transition:.2s;
- }
- .tabz a:hover {
- background-color:{color:link};
- color:{color:link bg};
- transition:.2s;
- -webkit-transition:.2s;
- -moz-transition:.2s;
- }
- .tabz a:focus, .active {
- background-color: {color:link}; /* tablinks clicked bg color */
- color:{color:link bg}; /* tablinks clicked color */
- }
- .tabzcon { /* tablinks content aka the box under the tablinks */
- position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
- margin-top:-42px;
- margin-left:130px;
- position:fixed;
- padding:10px;
- width:430px;
- height:320px;
- background-color:{color:post bg};
- color:{color:text};
- }
- #credit{ position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
- font-size:20px;
- width:30px;
- height:23px;
- padding-top:7px;
- border-radius:100%;
- TEXT-ALIGN:CENTER;
- background-color:{color:post bg};
- font-family:'montserrat';
- padding-left:3px;
- padding-right:3px;
- padding-bottom:3px;
- margin-left: 380px;
- margin-TOP:220px;
- }
- /* STYLING ENDS */
- @font-face { font-family: "tamoro"; src: url('https://dl.dropbox.com/s/6cjwbj582ho61kv/tamoroscript_personaluseonly.ttf?dl=0'); format("truetype");}
- </style>
- <body>
- <!--
- *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
- < tabs links >
- -->
- <div class="tabz">
- <a href="{text:house link}"><span class="lnr lnr-home"></span></a>
- <a href="{text:bubble link}"><span class="lnr lnr-bubble"></span></a>
- <a href="{text:cloud link}"><span class="lnr lnr-cloud"></span></a>
- <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzOne');"><span class="lnr lnr-heart"></span></a>
- </div>
- <!-- < tabs content >
- -->
- <div id="TabzOne" class="tabzcon alytut" style="display:none;overflow:auto;z-index:10"><p style="font-family:'asphalts brush';font-size:40px;color:{color:title background};line-height:0px;text-align:center">
- <!-- navigation -->
- <h3><div style="width: 170px; height:20px; text-align: center;float:right;margin-top-30px;padding:5px">{text:nav title 2}</div></h3>
- <h3 style="width: 230; padding: 5px; text-align: center;">{text:nav title 1}</h3>
- <div style="background-color: {color:link bg}; padding: 10px; width: 220px; height: 250px; overflow: auto;margin-top:-20px">{text:nav text}</div>
- <p style="background-color: {color:link bg}; width: 180px; height: 15px; text-align: center; float:right;margin-top:-270px;margin-left:250"><strong><a href="{text:link 1 content}">{text:link 1 title}</a></strong></p>
- <p style="background-color: {color:link bg}; width: 180px; height: 15px; text-align: center; float:right;margin-top:-250px;margin-left:250"><strong><a href="{text:link 2 content}">{text:link 2 title}</a></strong></p>
- <p style="background-color: {color:link bg}; width: 180px; height: 15px; text-align: center; float:right;margin-top:-230px;margin-left:250"><strong><a href="{text:link 3 content}">{text:link 3 title}</a></strong></p>
- <p style="background-color: {color:link bg}; width: 180px; height: 15px; text-align: center; float:right;margin-top:-210px;margin-left:250"><strong><a href="{text:link 4 content}">{text:link 4 title}</a></strong></p>
- <p style="background-color: {color:link bg}; width: 180px; height: 15px; text-align: center; float:right;margin-top:-190px;margin-left:250"><strong><a href="{text:link 5 content}">{text:link 5 title}</a></strong></p>
- <p style="background-color: {color:link bg}; width: 180px; height: 15px; text-align: center; float:right;margin-top:-170px;margin-left:250"><strong><a href="{text:link 6 content}">{text:link 6 title}</a></strong></p>
- <p style="background-color: {color:link bg}; width: 180px; height: 15px; text-align: center; float: right;margin-top:-150px;margin-left:250"><strong><a href="{text:link 7 content}">{text:link 7 title}</a></strong></p>
- <p style="background-color: {color:link bg}; width: 180px; height: 15px; text-align: center; float: right;margin-top:-130px;margin-left:250"><strong><a href="{text:link 8 content}">{text:link 8 title}</a></strong></p>
- <p><img src="{image:nav pic}" style="width: 170px; height: 100px; float: right;margin-top:-115px;border:5px solid {color:borders}" /></p>
- </div>
- </div>
- <!-- navigation ends -->
- <!--
- < *TABS END >
- -->
- <div id="foo"></div>
- </center>
- <div id="title" style="width:220px"><b style="color:{color:lil title};font-family:tamoro;text-transform:lowercase"><br><br>{text:lil title}</b><br><span style="font-size:10px;font-family:calibri;text-transform:uppercase;color:{color:littlest title}">{text:littlest title}</span></div>
- <div id="entries" >
- {block:posts}
- <div id="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h1><span class="fa fa-quote-left fa-3x pull-left"> </span> {Quote} </h1><p> <div style="font-family:'Tamoro';font-size:20px;text-align:right"><b style="font-family:'Tamoro'">— {Source}</b></div><br>{/block:Quote}
- {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-400}"/></center>
- {/block:Photo}
- {block:Photoset}<center>{Photoset-400}</center>
- {/block:Photoset}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>{/block:Title}<br>
- <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="ask"><span class="fa fa-quote-left fa-2x pull-left"> </span><div style="font-family:'Tamoro';font-size:25px;margin-top:5px"><b>{Asker}</b></div>{Question}</div>{Answer}{/block:Answer}
- <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerwHITE}{/block:AudioPlayer}</div></div>
- {block:Caption}{Caption}{/block:Caption}
- <center><div id="info">{block:Date}<a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details"> <b><span class= "fa fa-refresh"></span> reblog </b></a> / <a href="{Permalink}"> posted {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes}{AmPm}</a{/block:Date}<i class= "fa fa-calendar " ></i>{block:RebloggedFrom} ( <a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">Source</a> {/block:ContentSource}{block:RebloggedFrom} ){/block:RebloggedFrom}{block:NoteCount} <i>with</i> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</center><p>
- <center>{block:HasTags}{block:Tags} <i class="fa fa-tags"></i> <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}
- <br /></div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
- </div>
- </div>
- <div id="sidebar">
- <img src="{image:bby header}" style="width:190px;height:110px;margin-left: 0px; border: 5px solid {color:borders}">
- <img src="{image:sidebar 1}" style="width:75px;position:inline;
- margin-left: 115px; border: 5px solid {color:borders}; border-radius:10%;margin-top:5px"></a>
- <img src="{image:sidebar 2}" style="width:75px;position:inline;
- margin-left: 115px; border: 5px solid {color:borders}; border-radius:10%;margin-top:5px"></a>
- <div style="height:167px;width:104px;margin-top:-177px;overflow:auto;padding:4px">{description}<p></div><p>
- <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><small><small>before</small></small></a>{/block:PreviousPage}<small><small> / </small></small>{block:NextPage}<a href="{NextPage}"><small><small>after</small></small></a><br />{/block:NextPage}{/block:Pagination}</div>
- </div>
- <div id="credit"><b><a href="http://lakeffectkds.tumblr.com"><span class="lnr lnr-magic-wand"></span></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement