- <!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">
- <!--
- --------------------------------------------------
- i t s H A Z Z A . t u m b l r . C O M
- T H E M E ❖ 0 9 ( V 2 ) { C H E E K Y D E V I L S }
- ONE OF T H R E E THEMES FOR THE MAIN THEME - V I V I D B L O C K S
- --------------------------------------------------
- -->
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="color:Background" content="#ffffee" />
- <meta name="color:entry" content="#fefedc" />
- <meta name="color:side" content="#ffffee" />
- <meta name="color:text" content="#777777" />
- <meta name="color:96text" content="#777777" />
- <meta name="color:border" content="#7f3152" />
- <meta name="color:entrytitlee" content="#ff9900" />
- <meta name="color:bold" content="#ff9900" />
- <meta name="color:linkback1" content="#ff9900" />
- <meta name="color:hovertext" content="#ffffff" />
- <meta name="color:linkback2" content="#ffcc00" />
- <meta name="color:italic" content="#1e2a4f" />
- <meta name="color:link" content="#2b4664" />
- <meta name="color:lhover" content="#d3a78a" />
- <meta name="color:scrollbar" content="#ffcc00" />
- <meta name="color:sbarbk" content="#606e96" />
- <meta name="color:info" content="#ffffff" />
- <meta name="color:subtext" content="#a5a38e" />
- <meta name="color:desc" content="#8d8d8d">
- <meta name="color:question" content="#f9f9d3" />
- <meta name="image:sidebar" content=""/>
- <meta name="image:background" content="" />
- <meta name="image:96pximage" content="" />
- <meta name="text:Link1" content="" />
- <meta name="text:Link1 Title" content="" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link2 Title" content="" />
- <meta name="text:Link3" content="" />
- <meta name="text:Link3 Title" content="" />
- <meta name="text:Link4" content="" />
- <meta name="text:Link4 Title" content="" />
- <meta name="text:ONE" content="" />
- <meta name="text:TWO" content="" />
- <meta name="text:THREE" content="" />
- <meta name="text:askbox" content="/ask" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Indie+Flower' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- body {color:{color:text};
- background-color:{color:Background};
- background-image: url('{image:Background}');
- background-attachment:fixed;
- background-position: bottom;
- font-family:Calibri;
- font-size:10px;
- line-height:100%;
- text-align:justify}
- a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
- a:hover{color:{color:lhover};}
- #entries{right:30%; margin-left:450px; margin-top:15px; width:520px;}
- #sbar {width: 200px; height: auto;}
- '
- #page {width: 245px; height: auto;}
- #simg {text-align:center;}
- #simg img {
- max-width: 300px; max-height: 270px; border: 0px solid; border-color: {color:border};
- text-align:center;
- margin-top: 12px;
- background-color: {color:lhover};
- z-index: 100; margin-bottom:-20px;
- opacity:1;border-radius: 0px 0px 0px 0px;
- -webkit-transition: all 1.0s ease-in-out;
- -moz-transition: all 1.0s ease-in-out;
- -o-transition: all 1.0s ease-in-out;
- -ms-transition: all 1.0s ease-in-out;
- transition: all 1.0s ease-in-out;
- }
- #simg img:hover {
- opacity:0.8; max-height:270px; background-color:#000000;
- -webkit-transition: all 1.0s ease-in-out;
- -moz-transition: all 1.0s ease-in-out;
- -o-transition: all 1.0s ease-in-out;
- -ms-transition: all 1.0s ease-in-out;
- transition: all 1.0s ease-in-out;
- }
- #sidebar {
- background-image: url('{image:sbg}');
- margin-top: 45px; width:320px;
- height: auto;
- margin-left:55px;
- position:fixed;
- border-radius: 0px 0px 0px 0px;
- overflow:hidden;
- background-color: {color:side};
- border-left:0px solid;
- border-right: 0px solid; opacity:1;
- border-color: {color:border};
- padding:15px}
- #title1 {
- margin-top: 210px; width:100px;
- height: auto; display: block;
- margin-left:1010px; line-height:15px;
- position:fixed;
- border-radius: 0px 0px 0px 0px;
- overflow: visible;
- background-color: #transparent;opacity:0.8;
- border-left:0px solid;
- border-right: 0px solid;
- border-color: {color:border};
- padding:15px;}
- #pag {
- margin-top: -5px; width:285px;
- height: 25px;
- margin-left:20px;
- position:fixed;
- overflow: visible;
- background-color: #transparent;
- }
- #nav {
- margin-top: 74px; width:100px;
- height: auto; display: block; line-height: 34px;
- margin-left:1016px; text-align: center;
- position:fixed; overflow: visible;
- }
- #navbasic {
- width:108px;
- height: auto; margin-top:20px; padding: 2px;
- margin-left:0px; display: block;
- background-color: {color:side}; line-height: 15px;
- position:absolute; overflow: visible;
- }
- #navbasic a {
- display:inline-block;
- background-color:#transparent; margin-bottom: 0px;
- font:9px {font:body}; margin-top: 5px;
- text-transform: lowercase;
- -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;
- color:{color:hovertext};
- text-decoration: none;
- opacity: 1; line-height: 3px;
- letter-spacing: 1px;
- text-align: left; border-left:0px solid; border-color:{color:lhover};
- padding:0px;}
- #navbasic a:hover { color:{color:lhover}; background-color:#transparent; border-left:0px solid; border-color:{color:link};
- -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;}
- .navbasic2 {
- width: 35px;
- height: 25px; margin-top:20px; line-height: 15px;
- display: block;
- background-color: {color:entry}; vertical-align:middle;
- position:absolute; overflow: visible;
- }
- b2, strong{
- color:{color:bold}; font-weight: bold;
- }
- i2, em{
- color:{color:italic}; font-style: italic;
- }
- #desc {
- margin-bottom:4px; margin-top: -5px;
- font-family: Calibri; letter-spacing: 1px;
- font-size:9px; padding: 15px;
- color:{color:desc}; text-transform: uppercase;
- width:255px; text-align:center; }
- #title {
- color:{color:subtext};
- font-family: calibri;
- font-size:15px;
- padding-left:0px;
- line-height:20px;}
- .pagination {font-family:{font:Links}; font-size:9px; text-transform:uppercase; text-align:center; padding:0px;}
- .nav {font-family:{font:Links}; font-size:6px; text-transform:uppercase; text-align:center; padding:0px;}
- .pagination {font-family:Calibri; font-size:9px; text-transform:uppercase; text-align:center; padding:0px;}
- .nav {font-family:{font:Links}; font-size:6px; text-transform:uppercase; text-align:center; padding:3px; }
- #navlink {
- margin-top: 180px;
- padding:5px; width: 75px;
- margin-left: -33px; margin-bottom: -20px;
- position: fixed;}
- #navlink a {
- display:inline-block;
- background-color:#transparent; margin-bottom: 3px;
- font:9px {font:body};
- text-transform: lowercase;
- -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;
- color:{color:96text};
- text-decoration: none;
- opacity: 1; line-height: 0px;
- letter-spacing: 1px;
- text-align: left; border-left:0px solid; border-color:{color:lhover};
- padding:5px;
- margin-top: 15px;}
- #navlink a:hover { color:{color:lhover}; background-color:#transparent; border-left:0px solid; border-color:{color:link};
- -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;}
- #silink {font-family: calibri; font-style: none; margin-top: 2px;
- padding:0px; width: 304px; overflow: visible; color:{color:hovertext};
- margin-left: 7px; margin-bottom: 27px; z-index:1;
- }
- .silink1 a {
- display: inline;
- background-color:{color:linkback1}; margin-bottom: -12px;
- font-size:10px; font-family: calibri; overflow: visible;
- text-transform: lowercase;width: 53px;
- -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;
- color:{color:hovertext}; float:left;
- font-weight: none; margin-left: 3px;
- opacity: 1; line-height: 7px;
- letter-spacing: 1px;
- text-align: center; border-left:0px solid; border-color:{color:lhover};
- padding:10px;
- margin-top: 10px;}
- .silink1 a:hover { color:{color:hovertext}; background-color:{color:linkback1}; border-left:0px solid; border-color:{color:link};text-transform:uppercase;
- -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;text-align: center;
- transition: all 0.6s ease-in-out;}
- .silink2 a {
- display: inline;
- background-color:{color:linkback2}; margin-bottom: -12px;
- font-size:10px; font-family: calibri; overflow: visible;
- text-transform: lowercase; width: 53px;
- -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;
- color:{color:hovertext};margin-left: 3px;
- text-decoration: none; float:left;
- opacity: 1; line-height: 7px;
- letter-spacing: 1px;
- text-align: center; border-left:0px solid; border-color:{color:lhover};
- padding:10px;
- margin-top: 10px;}
- .silink2 a:hover {
- color:{color:hovertext}; background-color:{color:linkback2}; border-left:0px solid; border-color:{color:link}; text-transform:uppercase;
- -webkit-transition: all 0.6s ease-in-out;text-align: center;
- -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;}
- #posts{
- overflow:hidden;
- background-color: {color:entry};
- border-left:0px solid {color:link};
- border-right:0px solid {color:link};
- padding: 10px; }
- h1{
- color:{color:entrytitlee};
- font-family: 'Voltaire', cursive;
- font-size:19px;
- line-height:15px;
- letter-spacing:0px;
- text-transform:uppercase;
- margin-top:-5px;
- border-bottom: 5px solid; border-color: {color:question};
- margin-bottom:0px; font-weight: normal;
- padding:3px;
- text-align:left}
- h2{
- color:{color:title};
- font-family:Voltaire;
- font-size:15px;
- line-height:12px;
- letter-spacing:0px;
- font-weight:normal;
- text-transform:;
- margin:0px;
- padding:0px;
- margin-bottom:-0px;
- text-align:left}
- h3{
- color: {color:link};
- font-family:{font:body};
- font-size:15px;
- letter-spacing:0px;
- font-weight:normal;
- font-style:normal;
- text-transform:lowercase;
- line-height:14px;
- margin-left:5px;
- margin-top:10px;
- margin-bottom:-10px;
- text-align:left;
- letter-spacing:1px}
- #navigation {
- margin-left:1168px; display:inline-block; overflow: visible;
- margin-top:-100px;
- text-align: left; position: absolute; z-index:1;
- }
- #pagination {
- font-family: calibri;
- letter-spacing: 10px;
- padding: 7px; font-size: 9px;
- text-align: center;
- }
- #btt{position:fixed; bottom:10px; right:10px; font-size:10px; font-family:calibri;color:{color:text}; text-transform:uppercase;letter-spacing: 0px; font-style:normal;}
- #source {text-align: left}
- #info{
- font-family:Calibri;
- background-color:{color:info};
- font-size:9px; line-spacing: 1px;
- text-transform:uppercase;
- text-align:left;
- padding: 5px;}
- #info2{
- font-family:Calibri;
- background-color:#transparent; opacity: 0.7;
- font-size:10px; line-spacing: 1px; width: 500px;
- text-transform:lowercase; margin-bottom:8px; margin-top: -3px;
- text-align:right;
- -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;
- padding: 5px;}
- #info2:hover {
- font-family:Calibri; opacity: 1;
- background-color:#transparent;
- font-size:10px; line-spacing: 1px; width: 500px;
- text-transform:lowercase; margin-bottom:8px; margin-top: -3px;
- text-align:right;
- -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;
- padding: 5px;}
- #flo {padding:10px 10px 5px 10px}
- .qu {font-family:georgia; font-size:25px; font-weight:bold; line-height:33px; opacity:0.7}
- .ote {margin-top:-34px; text-indent:15px; opacity:0.9;}
- .asker {width: 490px; background-color: {color:question}; padding: 5px; font-size: 11px; font-weight: normal; color:#777777; text-transform: normal; line-height: 11px;}
- .asker img{float: left; padding: 0px 5px 0px 0px}
- .asker a{font-size: 11px; font-weight: bold; color:{color:link}; text-transform: normal; line-height: 11px; padding: 0; margin: 0}
- .asker a:hover{font-size: 11px; font-weight: bold; color:{color:lhover}; background-color: transparent; text-transform: normal; line-height:11px; padding: 0; margin: 0;}
- .question {font-size: 10px; font-weight: normal; color:{color:text}; text-transform: none;}
- .answer {padding-left: 4px; padding-right: 4px; padding-top: 4px;}
- .answer img {max-width: 470px;}
- p{margin-top:4px; margin-bottom:4px}
- blockquote {
- padding:0px;
- padding-left:5px;
- margin:4px;
- border-left:2px solid {color:text};}
- img a{border:none; width:100%}
- .audio{background-color:black; display:block;}
- .user_1 .label {color:{color:link}; font-weight:bold}
- .user_2 .label {color:{color:text}; font-weight:bold}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
- #notes {font-weight:normal}
- #notes li {padding-bottom:0.5em}
- #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:8px}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
- ::-webkit-scrollbar {background-color:{color:sbarbk}; height:10px; width:7px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
- ::-moz-selection {background-color:transparent; color:{color:Link};}
- ::selection {background-color:transparent; color:{color:link};}
- iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <body>
- <br>
- <div id="nav"><div class="nav"><img style="float: top; border: solid 8px; border-color:{color:border}; margin-bottom: -30px; margin-top: -2px;" src="{image:96pximage}" width="96px" height="96px" />
- <div id="navbasic">
- <font size="3px">
- <a href="/"><img src="http://static.tumblr.com/fswojpc/0htm2u55k/62.png"></a>
- <a href="{text:askbox}"><img src="http://icons.iconarchive.com/icons/led24.de/led/16/envelope-icon.png"></a>
- <a href="/archive"><img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/address-book-open-icon.png"></a>
- <a href="http://itshazza.tumblr.com/tagged/themes"><img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/cookie-bite-icon.png"></a></font></font></div></div></div></div>
- <div id="navigation"><div id="navlink">
- {block:ifONE}<a href="{text:ONE}"target="_blank">+</a><br>{/block:ifONE}
- {block:ifTWO}<a href="{text:TWO}"target="_blank">+</a><br>{/block:ifTWO}
- {block:ifTHREE}<a href="{text:THREE}"target="_blank">+</a>{/block:ifTHREE}
- </div></div>
- <div id="sbar"><div id="sidebar">
- <div id="simg"><center><img src="{image:sidebar}"/></center></div><br>
- <div id="silink">
- {block:ifLink1}<div class="silink1"><a href="{text:Link1}">{text:Link1 Title}</a></div>{/block:ifLink1}{block:ifLink2}<div class="silink2"><a href="{text:Link2}">{text:Link2 Title}</a></div>{/block:ifLink2}
- {block:ifLink3}<div class="silink1"><a href="{text:Link3}">{text:Link3 Title}</a></div>{/block:ifLink3}
- {block:ifLink4}<div class="silink2"><a href="{text:Link4}">{text:Link4 Title}</a></div>{/block:ifLink4}
- </div><br>
- <center><div id="desc">{block:Description}{Description}{/block:Description}
- </div></center><br>
- <div id="pag">
- {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>
- <div id="btt"><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="#top" id="btt">back to top</a></div>
- <br>
- </div></div>
- <div id="title1"> <center><div id="title">{title}</center></div></div>
- <div id="entries">
- {block:Posts}
- <div id="posts">
- {block:Title}<h1>{Title} </h1>{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:Quote}<h2>"{Quote}" — {Source}</h2>{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name} </h2></a>
- {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div class="asker"><div style="text-transform: uppercase"><img src="{AskerPortraitURL-24}"><b>{Asker}</b></div>
- <div class="questions">"{Question}"</div></div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Audio}<div id="flo">{block:AlbumArt}<img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
- {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}</div>{/block:Audio}<br>
- <div id="info">posted {block:Date} <a href="{Permalink}">{TimeAgo}</a> on {Month} {DayOfMonth}, {Year}{/block:Date}
- {block:RebloggedFrom} — <b><a href="{ReblogParentURL}"><a href="{ReblogParentURL}">vía</a>{/block:RebloggedFrom}
- {block:ContentSource}, <a href="{SourceURL}">source</a>
- </b>{/block:ContentSource}
- <div style="float:right"><a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} // <a href="{ReblogURL}" target="_blank">reblog</a></div>
- </div></div>
- <div id="info2">{block:HasTags}<B>TAGGED:</B>
- {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- </body>
- </html>

