- <!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 ❖ 1 3 { F T . T O M M O D A L E }
- --------------------------------------------------
- -->
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="color:Background" content="#FFFFFF" />
- <meta name="color:entry" content="#FBFBFB" />
- <meta name="color:text" content="#777777" />
- <meta name="color:96text" content="#777777" />
- <meta name="color:border" content="#d0eaf8" />
- <meta name="color:entrytitlee" content="#aac4ce" />
- <meta name="color:bold" content="#97cadf" />
- <meta name="color:hovertext" content="#ffffff" />
- <meta name="color:italic" content="#84a3ac" />
- <meta name="color:link" content="#5e86cf" />
- <meta name="color:lhover" content="#3f90dd" />
- <meta name="color:scrollbar" content="#236abb" />
- <meta name="color:sbarbk" content="#3c3b38" />
- <meta name="color:info" content="#EEEEEE" />
- <meta name="color:subtext" content="#dda03f" />
- <meta name="color:desc" content="#8D8D8D">
- <meta name="color:descback" content="#FCFCFC">
- <meta name="color:question" content="#FFFFFF" />
- <meta name="color:linkback" content="#d6ebf1" />
- <meta name="image:sidebar1" content=""/>
- <meta name="image:background" content="" />
- <meta name="text:sideimgtext" content="image hover"/>
- <meta name="text:subtext" content="under title"/>
- <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:askbox" content="/ask" />
- <meta name="text:askbox Title" content="askbox" />
- <meta name="text:ONE" content="" />
- <meta name="text:TWO" content="" />
- <meta name="text:THREE" content="" />
- <meta name="text:FOUR" content="" />
- <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=Cookie|Karla' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Voltaire' 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-repeat: no-repeat;
- background-position: right bottom;
- font-family: Calibri;
- font-size:10px;
- line-height:100%; letter-spacing: 0px;
- text-align:justify;}
- a:link, a:active, a:visited{color: {color:link}; text-decoration:none;-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;}
- a:hover{color:{color:lhover};-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;}
- #entries{right:30%; margin-left:395px; margin-top:0px; width:523px; z-index:1;font-weight: none;}
- #sbar {width: 200px; height: auto; margin-left:0px; margin-top:20px;}
- '
- #page {width: 245px; height: auto;}
- #simg {text-align:center;}
- #simg img {
- width: 150px;height: 150px; border: 0px solid; border-color: {color:border};
- text-align:center; display: inline;
- margin-top: 21px; overflow: visible;
- background-color: {color:lhover};
- margin-bottom:-19px;
- opacity:1;border-radius: 5px 5px 5px 5px;
- -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:hover .sideimgtext {
- opacity: 1;text-align:center;vertical-align: middle;
- -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;
- background-color: #transparent; }
- #sidebar {
- margin-top: 85px; width:200px;
- height: 600px;
- margin-left:36px;
- position:fixed;
- border-radius: 0px 0px 0px 0px;
- overflow:hidden; z-index: 0;
- background-color: #transparent;
- border-left:0px solid;
- border-right: 0px solid; opacity:1;
- border-color: {color:border};
- padding:5px}
- #title1 {
- margin-top: 260px; width:200px;
- height: auto; display: block;
- margin-left:26px; line-height:20px;
- 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:lhover};
- padding:15px;}
- #pag {
- color: {color:hovertext}; text-align: center;font-size: 40px;z-index:1;
- position:fixed; overflow: visible; -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out; padding: 2px; width: 200px; margin-left:151px;
- -o-transition: all 0.6s ease-in-out; margin-top: 477px;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .sideimgtext {
- opacity:0.6;
- width:150px;
- height:160px; margin-left:28px; margin-top: 22px;
- background-color:#transparent; text-shadow: 0px 0px 4px {color:descback};
- color:{color:hovertext};
- font-family:calibri;
- font-size:10px;
- text-align:center; overflow: hidden;
- position:fixed;
- -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;
- }
- #pag a{
- color: {color:hovertext}; text-align: center; -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;
- }
- #pag a:hover {
- color: {color:border};
- }
- #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:160px;
- margin-top:-130px; padding: 0px; text-align: center; z-index:1;margin-left:180px; display:block; font-size:9px; font-family:calibri; line-spacing:6px;
- background-color:#transparent; line-height: 15px; letter-spacing: 0px; font-weight: bold;
- position:fixed; overflow: visible;
- }
- #navbasic a {
- display:inline-block; width: 43px; height: 15px;
- background-color: {color:linkback}; margin-top: 0px; text-transform: uppercase; font-weight: none; margin-bottom: 2px;
- -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:link};
- text-decoration: none; border-radius: 3px;
- opacity: 1;
- text-align: center; border-left:0px solid; border-color:{color:lhover};
- padding:2px;}
- #navbasic a:hover { color:{color:linkback}; background-color: {color:lhover} ; border-left:0px solid; border-color:{color:lhover};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;opacity: 1;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- b2, strong{
- color:{color:bold}; font-weight: bold;
- }
- i2, em{
- color:{color:italic}; font-style: italic;
- }
- i{
- color:{color:text}; font-style: italic;
- }
- .desc {
- margin-left:180px; margin-top: -80px; opacity: 1;
- font-family: calibri; letter-spacing: 0px; height: auto;
- font-size:10px; padding: 10px; background-color:
- {color:descback}; border-radius: 10px;padding-top: 15px;
- color:{color:desc}; text-transform: none;vertical-align: middle;
- width:140px; text-align:center; z-index: 1; overflow: hidden;
- -webkit-transition: all 0.6s ease-in-out;position:fixed;text-shadow: 0px 0px 4px {color:descback};
- -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;}
- #title {
- color:{color:subtext};width: 160px;
- font-family: 'Cookie', cursive; background-color: #transparent;
- font-size:27px; text-align: center;font-weight: none;
- padding:0px;margin-left: -20px dashed;border-right:0px solid; border-color: {color:border};
- line-height:15px;}
- #subtext {
- color:{color:desc};
- font-family: 'Karla', sans-serif; background-color: #transparent;
- font-size:12px; text-align: center;font-weight: none; text-transform: uppercase;margin-bottom:-10px; line-height: 10px; z-index: 1; overflow: visible;width: 150px;
- padding:5px;border-left: 0px dashed;border-right:0px solid; border-color: {color:border};}
- .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: -135px;
- padding:5px; width: 45px;z-index: 100;
- margin-left: -15px; margin-bottom: -20px;
- position: fixed;}
- #navlink a {
- display:inline-block;
- background-color:#transparent; margin-bottom: 3px;
- font-size:10px; font-family: impact;
- 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;}
- #posts{
- overflow:visible; z-index: 1;margin-top:-10px;
- background-color: {color:entry};margin-bottom: 25px;
- border-left:0px solid {color:link}; font-weight: bold;
- border-right:0px solid {color:lhover}; border-radius: 5px 5px 5px 5px;
- padding: 10px; }
- h1{
- color:{color:entrytitlee};
- font-family: arial;
- font-size:19px;
- line-height:15px;
- letter-spacing:0px;
- text-transform:normal;
- margin-top:-5px;
- border-bottom: 0px solid; border-color: {color:question};
- margin-bottom:0px; font-weight: bold;
- padding:3px;
- text-align:left}
- h2{
- color:{color:title};
- font-family:Voltaire;
- font-size:16px;
- line-height:15px;
- letter-spacing:0px;
- font-weight:normal;
- text-transform:;
- margin:0px;
- padding:0px;
- margin-bottom:-0px;
- text-align:left}
- h3 {margin-bottom:-3px;
- padding:0px;
- font-family:"Georgia";
- font-size:11px;
- font-style:italic;
- font-weight:normal;
- line-height:15px;
- letter-spacing:0px;
- text-align:left;
- color:{color:scrollbar};
- }
- h4 {margin:3px;
- padding:3px;
- font-family:"Georgia";
- font-size:14px;
- font-style:italic;
- font-weight:normal;
- line-height:120%;
- letter-spacing:2px;
- text-align:center;
- color:{color:text};
- }
- #navigation {
- margin-left:48px; display:inline-block; overflow: visible;
- margin-top:190px;
- 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; margin-bottom:10px;
- text-transform:uppercase;border-bottom: 1px dashed;
- text-align:left; height:20px;
- padding: 5px;}
- #info img {
- float:left;
- display: inline;
- height: 20px;border-radius: 3px 3px 3px 3px;
- padding-right: 3px;
- }
- #info2{
- font-family:Calibri;
- background-color:#transparent; opacity: 0.7; height: 20px;
- font-size:10px; line-spacing: 1px; width: 491px; border-top: 0px dashed; text-transform:lowercase; margin-bottom:15px; margin-top: 5px; paddin-bottom: 5px;
- text-align:center; margin-left: 0px;
- -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;
- -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;}
- .question {
- background: {color:question};font-size: 10px; border-radius: 5px; font-weight:bold; color:{color:text};padding: 10px;}
- .ask {color: {color:question}; text-align: center;font-size:15px;margin-top:-2px;}
- .asker {text-transform: uppercase; font-size: 11px; font-weight: none; text-align: center; margin-top:3px; padding-bottom:0px; font-family: calibri;}
- .asker a {color: {color:desc};}
- .answer {
- margin-top:-5px;font-weight: bold; }
- 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:3px;}
- ::-webkit-scrollbar {
- width: 7px;height: 9px;}
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment {
- height: 6px;display: block;background-color: {color:scrollbar};}
- ::-webkit-scrollbar-track-piece {
- background-color: {color:background};}
- ::-webkit-scrollbar-thumb:vertical {
- height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:background};border-bottom:1px solid {color:background};}
- ::-moz-selection {background-color:{color:linkhover};color:{color:bold};}
- ::selection {background-color:{color:linkhover};color:{color:bold};}
- 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>
- <div id="sbar">
- <div id="sidebar">
- <div id="simg"><div class="sideimgtext"><center><br><br><br><br><br><br><br><br><br><br><br>{text:sideimgtext}</div></center><img src="{image:sidebar1}"/></center></div><br>
- <div id="navbasic"><a href="/">home</a> <a href="{text:askbox}">{text:askbox Title}</a> {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}{block:ifLink2}<br> <a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}{block:ifLink3} <a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}{block:ifLink4} <a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
- </div>
- <center><div class="desc">{block:Description}{Description}{/block:Description}<div style="margin-top:5px;margin-bottom:0px; font-size: 14px;">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {/block:PreviousPage}{/block:Pagination} {block:Pagination}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
- </div>
- <div id="navlink">
- {block:ifONE}<a href="{text:ONE}">+</a><br>{/block:ifONE}
- {block:ifTWO}<a href="{text:TWO}">+</a><br>{/block:ifTWO}
- {block:ifTHREE}<a href="{text:THREE}">+</a><br>{/block:ifTHREE}
- {block:ifFOUR}<a href="{text:FOUR}">+</a>{/block:ifFOUR}
- </div>
- <div id="btt"><img style="text-align: center; border-radius: 2px;" src="{PortraitURL-48}" width="48" height="48" /><br><a href="http://itshazza.tumblr.com" target="_blank">©THEME</a></div>
- </div>
- <div id="title1"><center><div id="title">{title}</div>
- <div id="subtext">{text:subtext}</div></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="question">{Question}</div>
- <div class="ask">◥</div>
- <div class="asker">{Asker}</div><br>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Audio}<div id="flo">{block:AlbumArt}<img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="background-color:black; margin-right:10px; border-radius: 5px;" />{/block:AlbumArt}<div style="background-color:black;width:422px;border-radius: 5px;margin-left:60px;margin-bottom:5px;">{AudioPlayerBlack}</div>
- {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"><div class="portrait">
- <img src="{PortraitURL-24}">posted {block:Date} <a href="{Permalink}">{TimeAgo}</a> on {Month} {DayOfMonth}, {Year}{/block:Date}
- <br>with <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}{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="{ReblogURL}" target="_blank">reblog</a></div></div>
- <div id="info2">{block:HasTags}<B>TAGGED:</B>
- {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}
- </div>
- </div>
- </div>
- {/block:Posts}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}</div>
- </div>
- </body>
- </html>

