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" xml:lang="en" lang="en">
- <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}
- <!---------------------------------------------------------------------------
- -----------------------------------------------------------------------------
- -------------------------THEME #4--------------------------------------------
- -------------------------by dixcndaryl.tumblr.com----------------------------
- -----------------------------------------------------------------------------
- ---------------------------------------------------------------------------->
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:text" content="#838282"/>
- <meta name="color:bold" content="#427ea3"/>
- <meta name="color:links" content="#758dd6"/>
- <meta name="color:sidebar links" content="#529ecc"/>
- <meta name="color:links hover" content="#dc9ec8"/>
- <meta name="color:borders" content="#eeeeee"/>
- <meta name="color:description and captions" content="#eeeeee"/>
- <meta name="color:scrollbar" content="#dadfea"/>
- <meta name="color:selection background" content="#8ea4d2"/>
- <meta name="color:selection text" content="#ffffff"/>
- <meta name="color:hover box background" content="#8ea4d2"/>
- <meta name="color:hover box text" content="#ffffff"/>
- <meta name="color:updates title color" content="#ffffff"/>
- <meta name="color:updates tab1" content="#eeeeee"/>
- <meta name="color:updates tab2" content="#eeeeee"/>
- <meta name="color:updates tab3" content="#eeeeee"/>
- <meta name="color:updates tab4" content="#eeeeee"/>
- <meta name="color:updates tab5" content="#eeeeee"/>
- <meta name="text:text above pop up askbox" content="Leave your name, number and nightmare at the tone."/>
- <meta name="text:pop up askbox link name" content="ask"/>
- <meta name="text:link1" content="link1"/>
- <meta name="text:link1 url" content="/"/>
- <meta name="text:link2" content="link2"/>
- <meta name="text:link2 url" content="/"/>
- <meta name="text:link3" content="link3"/>
- <meta name="text:link3 url" content="/"/>
- <meta name="text:link4" content="link4"/>
- <meta name="text:link4 url" content="/"/>
- <meta name="text:link5" content="link5"/>
- <meta name="text:link5 url" content="/"/>
- <meta name="text:updates title1" content="title1"/>
- <meta name="text:square1 content" content=""/>
- <meta name="text:updates title2" content="title2"/>
- <meta name="text:square2 content" content=""/>
- <meta name="text:updates title3" content="title3"/>
- <meta name="text:square3 content" content=""/>
- <meta name="text:updates title4" content="title4"/>
- <meta name="text:square4 content" content=""/>
- <meta name="text:updates title5" content="title5"/>
- <meta name="text:square5 content" content=""/>
- <meta name="if:50percent grayscale posts" content="1" />
- <meta name="if:lazy load" content="1" />
- <meta name="if:show hide notes" content="1" />
- <meta name="if:pop up askbox" content="1" />
- <meta name="if:credit on the right" content="1" />
- <meta name="if:updates tab" content="1" />
- <!--------------SHOW/HIDE NOTES SCRIPT-------------------------------------->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".sub").hide();
- //toggle the componenet with class msg_body
- jQuery(".cthrough").click(function()
- {
- jQuery(this).next(".sub").slideToggle(500);
- });});
- </script>
- <script language="javascript">
- function toggle() {
- var ele = document.getElementById("toggleText");
- var text = document.getElementById("displayText");
- if(ele.style.display == "block") {
- ele.style.display = "none";
- text.innerHTML = "SHOW NOTES";
- }
- else {
- ele.style.display = "block";
- text.innerHTML = "HIDE NOTES";
- }
- }
- </script>
- <!--------LAZY LOAD SCRIPT-------------------------------------------------->
- {block:Iflazyload}
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- {/block:Iflazyload}
- <!--------POP-UPS SCRIPT---------------------------------------------------->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/oeljwe1/zORnq701c/untitled-1.png" class="btn_close" title="Close" alt="Close" /></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!------------------FONTS--------------------------------------------------->
- <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
- <!------------TOOLTIPS SCRIPT----------------------------------------------->
- <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(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:400,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-------------------------------------------------------------------------->
- <style type="text/css">
- /********************TOOLTIPS***********************************************/
- #s-m-t-tooltip {
- opacity: 0.7;
- text-transform: uppercase;
- max-width:150px;
- font-size:8px;
- background-color:{color:hover box background};
- color: {color:hover box text};
- letter-spacing:1px;
- padding:6px;
- margin:20px 0px 0px 10px;
- z-index:9999999999999999999999999999999999;
- }
- /********************POP-UPS************************************************/
- /* CLOSE BUTTON */
- img.btn_close {
- float: center;
- margin-bottom:10px;
- padding-right:10px;
- cursor: help;
- }
- /* POP-UP ASKBOX */
- #askland {
- overflow-y:hidden;
- overflow-x:hidden;
- padding-right: 20px;
- padding-left: 40px;
- padding-bottom: 30px;
- padding-top: 30px;
- width:420px;
- height:auto;
- font-size:9px;
- text-align: left;
- text-transform: uppercase;
- color: {color:text};
- background: {color:background};
- font-family:calibri;
- }
- /*****************/
- #fade {
- display: none;
- background: {color:borders};
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: 1;
- z-index: 9999;
- }
- .popup_block{
- display: none;
- background: transparent;
- height:290px;
- padding: 5px;
- text-align:center;
- font-size: 12px;
- position: fixed;
- top: 50%; left: 55%;
- z-index: 99999;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- /********************INVERTED TUMBLR CONTROLS*******************************/
- iframe#tumblr_controls {
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:.2;transition: .8s ease-in-out;
- -webkit-transition: .8s ease-in-out;
- -moz-transition: .8s ease-in-out;
- -o-transition: .8s ease-in-out;
- }
- /**********************************SCROLLBAR********************************/
- ::-webkit-scrollbar-thumb {
- background-color: {color:scrollbar};
- border:12px solid {color:borders};
- }
- ::-webkit-scrollbar {
- background-color: {color:borders};
- width: 30px;
- }
- /**********************************SELECTION********************************/
- ::selection {
- background:{color:selection background};
- color:{color:selection text};}
- ::-moz-selection{
- background:{color:selection text};
- color:{color:selection text};}
- /***************************************************************************/
- pre {
- padding:3px 5px;
- line-height:110%;
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */
- }
- *, a {
- cursor: help, auto;
- }
- body {
- background:{color:background};
- background-image: url({image:background});
- margin:0px;
- overflow-y:scroll;
- overflow-x:hidden;
- color:{color:text};
- font-family:helvetica;
- font-size:9px;
- line-height:100%;
- }
- a {
- text-decoration:none;
- outline:none;
- color: {color:links};
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- }
- a:hover {
- text-decoration: none;
- color: {color:links hover};
- cursor: help;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:3px solid {color:text};
- margin-left: 8px;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:3px solid {color:text};
- }
- h1 {
- font-size:15px;
- text-transform:uppercase;
- }
- b {
- color:{color:bold};
- }
- strong {
- color:{color:bold};
- }
- hr {
- opacity: .3;
- }
- big {
- font-size:15px;
- }
- small {
- font-size:7px;
- }
- /*************************************SIDEBAR*******************************/
- #sidebar {
- width:220px;
- position:fixed;
- margin-left:150px;
- margin-top:100px;
- }
- #sidebar img{
- width: 220px;
- }
- #links {
- opacity:0;
- text-transform: lowercase;
- text-align:center;
- font-size:15px;
- display:inline-block;
- line-height:100%;
- width:220px;
- padding-bottom:3px;
- -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;
- }
- #links a{
- color: {color:sidebar links};
- font-family: 'Megrim';
- text-decoration:none;
- border:1px solid transparent;
- display:inline-block;
- padding:2px;
- }
- #links a:hover {
- color: {color:links hover};
- }
- #sidebar:hover #links {
- opacity:1;
- -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;
- }
- #description {
- margin-top:-28px;
- color: {color:text};
- font-family:calibri;
- letter-spacing: 1px;
- text-transform: uppercase;
- line-height:150%;
- background:{color:description and captions};
- font-size:9px;
- padding:5px;
- font-style:normal;
- width:210px;
- text-align:justify;
- -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;
- }
- #sidebar:hover #description{
- margin-top:0px;
- -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;
- }
- /**********************************PAGINATION*******************************/
- #pagination {
- z-index:999999999999999999999999;
- position:fixed;
- font-family:helvetica;
- width:100%;
- background: {color:borders};
- font-size:10px;
- text-align:center;
- margin-bottom:20px;
- padding: 10px;
- bottom: -20px;
- }
- /*************************************BORDERS*******************************/
- #bottom {
- z-index:99999999999999999999999;
- position:fixed;
- width:100%;
- background: {color:borders};
- margin-bottom:20px;
- padding: 10px;
- bottom: -20px;
- }
- #top {
- z-index:99999999999999999999999;
- position:fixed;
- width:100%;
- background: {color:borders};
- top:0px;
- padding: 15px;
- }
- #left {
- z-index:99999999999999999999999;
- position:fixed;
- height:100%;
- background: {color:borders};
- left:0px;
- margin-top:-20px;
- padding: 16px;
- }
- /****************************************POSTS******************************/
- #entries {
- padding: 10px;
- width: 400px;
- font-size: 10px;
- margin-left: 450px;
- margin-top: 40px;
- }
- .post {
- width: 400px;
- margin-top: 25px;
- padding: 10px;
- margin-bottom: 50px;
- padding-bottom: 20px;
- {block:If50percentgrayscaleposts}
- -webkit-filter: grayscale(50%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- {block:If50percentgrayscaleposts}
- }
- {block:If50percentgrayscaleposts}
- .post:hover {
- opacity:1;
- -webkit-filter: grayscale(0%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- {block:If50percentgrayscaleposts}
- /* ANSWER POST */
- .ask {
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */
- }
- .q {
- letter-spacing: 2px;
- text-align: center;
- font-style: italic;
- background: {color:description and captions};
- padding: 10px;
- }
- .q img {
- margin-top:-5px;
- border: solid 5px {color:background};
- border-radius:40px;
- -moz-border-radius: 40px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .q img:hover {
- margin-top:-5px;
- border: solid 5px {color:links hover};
- border-radius:40px;
- -moz-border-radius: 40px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .asker {
- letter-spacing: 3px;
- font-size: 14px;
- font-family: 'Open Sans Condensed';
- font-style: normal;
- text-transform: uppercase;
- text-align:center;
- padding-top:10px;
- -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;
- }
- .asker:hover {
- color: {color:links hover};
- letter-spacing: 5px;
- -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;
- }
- .a {
- background-color: {color:background};
- margin-top:-10px;
- padding: 10px;
- text-align: justify;
- border:solid 10px {color:description and captions};
- line-height:130%;
- }
- /* AUDIO POST */
- .audio {
- padding-top:10px;
- letter-spacing: 2px;
- text-align: center;
- font-style: italic;
- background: {color:description and captions};
- padding-bottom: 10px;
- }
- .audio img {
- margin-top:5px;
- border: solid 5px {color:background};
- border-radius:40px;
- -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;
- }
- .audio img:hover {
- margin-top:5px;
- border: solid 5px {color:links hover};
- border-radius:40px;
- -moz-border-radius: 40px;
- -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;
- }
- .audiotitle {
- letter-spacing: 2px;
- font-size: 14px;
- font-family: 'Open Sans Condensed';
- font-style: normal;
- text-transform: uppercase;
- text-align:center;
- padding-top:15px;
- text-align:center;
- padding-bottom:15px;
- -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;
- }
- .audiotitle:hover
- {
- color: {color:links hover};
- letter-spacing: 4px;
- -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;
- }
- .player {
- padding-top: 15px;
- }
- .cover img{
- width:70px;
- height:70px;
- }
- /* QUOTE POST */
- .quote {
- font-size:17px;
- font-style:normal;
- text-align: center;
- font-family: 'Open Sans Condensed';
- line-height:120%;
- padding:20px;
- background-color: {color:description and captions};
- }
- .qsource{
- background-color: {color:description and captions};
- font-size:9px;
- font-style:italic;
- display: block;
- text-align:right;
- font-family: helvetica;
- line-height:120%;
- padding: 10px;
- }
- .qsource img{
- max-width:400px;
- }
- /* CHAT POST*/
- .titl {
- line-height:100%;
- text-transform: uppercase;
- background-color: {color:description and captions};
- font-size:17px;
- padding:20px;
- font-family: 'Open Sans Condensed';
- letter-spacing:3px;
- padding-left:10px;
- }
- .chat {
- line-height:200%;
- background-color: {color:description and captions};
- padding-right:10px;
- padding-left:10px;
- }
- /* LINK POST */
- .lnk {
- font-size:20px;
- text-transform:uppercase;
- font-style:normal;
- text-align: left;
- font-family: 'Open Sans Condensed';
- padding:20px;
- padding-left:10px;
- background-color: {color:description and captions};
- -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;
- }
- .lnk a {
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */
- line-height:130%;
- color: {color:links};
- letter-spacing:1px;
- border-bottom: solid 3px {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;
- }
- .lnk a:hover {
- color: {color:links hover};
- letter-spacing:4px;
- -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;
- }
- /* POST CAPTION*/
- .caption {
- line-height: 200%;
- font-family:calibri;
- margin-top:-1px;
- text-transform: uppercase;
- font-size: 9px;
- padding:10px;
- background-color: {color:description and captions};
- max-width: 400px;}
- .caption img {
- max-width: 300px;}
- /* POST NOTES*/
- .notes {
- line-height:130%;
- width:400px;
- padding: 10px;
- margin-top: 35px;
- font-size:10px;
- margin-left:20px;
- margin-top:40px;
- }
- .notes img{
- display: none;
- }
- /* POST LINKS*/
- .info {
- padding-bottom: 8px;
- font-size:9px;
- text-transform:uppercase;
- opacity: 1;
- }
- .info a:hover {
- letter-spacing: 4px;
- text-decoration: none;
- color: {color:links hover};
- -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;
- }
- .infoo {
- margin-top:8px;
- margin-bottom:8px;
- position:relative;
- }
- /* POST TAGS*/
- .tags {
- position:absolute;
- display:block;
- overflow-x:none;
- width:200px;
- overflow-x:hidden;
- text-align:left;
- font-family:helvetica;
- text-transform:lowercase;
- font-size:8px;
- letter-spacing: 2px;
- font-style:italic;
- padding:0px;
- opacity: 0;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .tags a {
- text-decoration:none;
- color: {color:text};
- display:inline;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .post:hover .tags {
- width:400px;
- opacity:1;
- }
- /*****************************CREDIT****************************************/
- #cr a {
- line-height:80%;
- z-index:99999999999999;
- color: {color:borders};
- font-size: 22px;
- padding: 5px;
- text-align: center;
- position:fixed;
- {block:Ifcreditontheright}
- bottom: 30px;
- right: 5px;
- {/block:Ifcreditontheright}
- {block:Ifnotcreditontheright}
- bottom:30px;
- left:35px;
- {/block:Ifnotcreditontheright}
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #cr a:hover {
- text-decoration:none;
- transform:rotate(360deg);
- }
- /************************UPDATES TAB****************************************/
- .dropin {
- margin-top:25px;
- position:absolute;
- opacity:0;
- background-color: {color:background};
- width:129px;
- height: 200px;
- font-family:calibri;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:100%;
- padding:4px;
- margin-left:4px;
- margin-right:4px;
- margin-bottom:20px;
- -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;
- }
- #drop1 {
- opacity:1;
- z-index:5;
- position:fixed;
- right:130px;
- top:40px;
- overflow:hidden;
- width: 25px;
- height: 25px;
- background-color:{color:updates tab1};
- -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;
- }
- #drop1:hover {
- z-index:999;
- width:145px;
- height:260px;
- right:10px;
- }
- #drop1:hover .dropin {
- opacity:1;
- -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;
- }
- #drop2 {
- z-index:1;
- position:fixed;
- right:100px;
- top:40px;
- overflow:hidden;
- width: 25px;
- height: 25px;
- background-color:{color:updates tab2};
- -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;
- }
- #drop2:hover {
- z-index:999;
- width:145px;
- height:260px;
- right:10px;
- }
- #drop2:hover .dropin {
- opacity:1;
- -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;
- }
- #drop3 {
- z-index:1;
- position:fixed;
- right:70px;
- top:40px;
- overflow:hidden;
- width: 25px;
- height: 25px;
- background-color:{color:updates tab3};
- -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;
- }
- #drop3:hover {
- z-index:999;
- width:145px;
- height:260px;
- right:10px;
- }
- #drop3:hover .dropin {
- opacity:1;
- -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;
- }
- #drop4 {
- z-index:1;
- position:fixed;
- right:40px;
- top:40px;
- overflow:hidden;
- width: 25px;
- height:25px;
- background-color:{color:updates tab4};
- -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;
- }
- #drop4:hover {
- z-index:999;
- width:145px;
- height:260px;
- right:10px;
- }
- #drop4:hover .dropin {
- opacity:1;
- -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;
- }
- #drop5 {
- z-index:1;
- position:fixed;
- right:10px;
- top:40px;
- overflow:hidden;
- width: 25px;
- height:25px;
- background-color:{color:updates tab5};
- -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;
- }
- #drop5:hover {
- z-index:999;
- width:145px;
- height:260px;
- right:10px;
- }
- #drop5:hover .dropin {
- opacity:1;
- -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;
- }
- {CustomCSS}</style></head><body>
- <!--------UPDATES TAB------------------------------------------------------->
- {block:Ifupdatestab}
- <div id="drop1">
- <div class="dropin">
- <div style="font-family: Open Sans Condensed;text-transform:lowercase;font-size:16px;color:{color:updates title color}; background-color:{color:updates tab1}; padding:5px">{text:updates title1}</a></div><br>
- {text:square1 content}
- </div></div>
- <div id="drop2">
- <div class="dropin">
- <div style="font-family: Open Sans Condensed;text-transform:lowercase;font-size:16px;color:{color:updates title color}; background-color:{color:updates tab2}; padding:5px">{text:updates title2}</a></div><br>
- {text:square2 content}
- </div></div>
- <div id="drop3">
- <div class="dropin">
- <div style="font-family: Open Sans Condensed;text-transform:lowercase;font-size:16px;color:{color:updates title color}; background-color:{color:updates tab3}; padding:5px">{text:updates title3}</a></div><br>
- {text:square3 content}
- </div></div>
- <div id="drop4">
- <div class="dropin">
- <div style="font-family: Open Sans Condensed;text-transform:lowercase;font-size:16px;color:{color:updates title color}; background-color:{color:updates tab4}; padding:5px">{text:updates title4}</a></div><br>
- {text:square4 content}
- </div></div>
- <div id="drop5">
- <div class="dropin">
- <div style="font-family: Open Sans Condensed;text-transform:lowercase;font-size:16px;color:{color:updates title color}; background-color:{color:updates tab5}; padding:5px">{text:updates title5}</a></div><br>
- {text:square5 content}
- </div></div>
- {/block:Ifupdatestab}
- <!--------BORDERS----------------------------------------------------------->
- <div id="top"></div>
- <div id="left"></div>
- <div id="bottom"></div>
- <!--------SIDEBAR----------------------------------------------------------->
- <div id="sidebar">
- <a title="refresh" href="/"><img src="{image:sidebar}"></a>
- <div id="links">
- {block:Ifpopupaskbox}
- <a href="#?w=500" rel="ask"class="poplight">
- {text:pop up askbox link name}</a>
- {/block:Ifpopupaskbox}
- {block:Ifnotpopupaskbox}
- <a href="{text:link1 url}">{text:link1}</a>
- {/block:Ifnotpopupaskbox}
- <a href="{text:link2 url}" >{text:link2}</a>
- <a href="{text:link3 url}" >{text:link3}</a>
- <a href="{text:link4 url}" >{text:link4}</a>
- <a href="{text:link5 url}" >{text:link5}</a>
- </div>
- <div id="description">{description}</div>
- </div>
- <!--------------POSTS------------------------------------------------------->
- <div id="entries">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}<div class="titl">{Title}</div>{/block:Title}
- <div class="caption">{Body}</div>
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}<div class="qsource"> — {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="lnk"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}<div class="caption">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="titl">{Title}</div>{/block:Title}
- {block:Lines}<div class="chat">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}<br> </div>{/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- {block:AlbumArt}
- <div class="cover"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- {block:TrackName}<div class="audiotitle">{TrackName}</div>{/block:TrackName}
- {block:Artist}by {Artist}{/block:Artist}
- —{playcountwithlabel}
- <div class="player">{AudioPlayerWhite}</div>
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="ask">
- <div class="q">
- <img src="{AskerPortraitURL-40}">
- <div class="asker">{Asker}</div>
- {Question}
- </div>
- <div class="a">{Answer}</div>
- </div>
- {/block:Answer}
- <div class="info">
- <!--------------------------------HIDE SOURCE------------------------------->
- {block:ContentSource}
- <!--- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
- width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <!-------------------------------------------------------------------------->
- {block:Date}
- <div class="infoo">
- <a href="{ReblogURL}">reblog</a> /
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> /
- <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a> /
- {/block:RebloggedFrom}
- <a href="{Permalink}" title="posted {TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
- {block:NoteCount}
- <span style="color:{color:text}; font-size:12px">♥</span>
- <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a>
- {/block:NoteCount}
- </div></div>
- {/block:Date}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- #<a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- </div>{/block:HasTags}
- </div>
- {/block:Posts}
- <!---------POST NOTES------------------------------------------------------->
- {block:Ifshowhidenotes}
- {block:PostNotes}
- <a id="displayText" href="javascript:toggle();" style="position:absolute;font-size:9px;font-family:calibri; padding-bottom:50px;margin-top:0px;margin-left:190px;letter-spacing:2px;">SHOW NOTES</a>
- <div id="toggleText" style="display: none">
- <div id="notes">{PostNotes}</div></div>
- {/block:PostNotes}
- {/block:Ifshowhidenotes}
- {block:Ifnotshowhidenotes}
- {block:PostNotes}
- <div id="notes">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Ifnotshowhidenotes}
- </div><!--entries container end-->
- <!------------PAGINATION---------------------------------------------------->
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">←</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">→</a>
- {/block:NextPage}</div>
- {/block:Pagination}
- <!-------------------------------------------------------------------------->
- <div id="cr"><a title="theme" href="http://dixcndaryl.tumblr.com">x</a></div>
- </body>
- <!--------POP-UP ASKBOX----------------------------------------------------->
- <div id="ask" class="popup_block">
- <div id="askland">
- <span style="float:left; font-transform: uppercase; font-family:calibri; font-size: 9px;"><p>{text:text above pop up askbox}</p></span>
- <p><iframe frameborder="0" height="250px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="400px" style="background-color: transparent; overflow: hidden;"></iframe></a></p>
- </div></div>
- <!-------------------------------------------------------------------------->
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement