Advertisement
hzrrys

HzrrysTheme25

Aug 20th, 2013
298
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.66 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. Theme by Sabrena ((Hzrrys))!!
  5. DO NOT STEAL BC I WILL FIND YOU.
  6. AND WHEN I DO,
  7. I WILL MAKE YOU WISH YOU WOULD'VE NEVER STOLEN IT IN THE FIRST PLACE.
  8. KAY, THANK YOU.
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head><title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20. <meta name="color:background" content="#ffffff"/>
  21. <meta name="color:sblinks" content="#999"/>
  22. <meta name="color:text" content="#a8a8a8"/>
  23. <meta name="color:desc" content="#999999"/>
  24. <meta name="color:link" content="#fefefe"/>
  25. <meta name="color:sblinkbg" content="#f3f1f1"/>
  26. <meta name="color:hover" content="#f2f2f2"/>
  27. <meta name="color:border" content="#e4e4e4"/>
  28. <meta name="color:sidebarborder" content="#eeeeee"/>
  29. <meta name="color:answer" content="#f8f8f8"/>
  30. <meta name="color:scrollbar" content="#dddddd"/>
  31.  
  32. <meta name="image:Sidebar" content=""/>
  33.  
  34. <meta name="text:Link 1" content="" />
  35. <meta name="text:Link 1 Text" content="" />
  36. <meta name="text:Link 2" content="" />
  37. <meta name="text:Link 2 Text" content="" />
  38. <meta name="text:Link 3" content="" />
  39. <meta name="text:Link 3 Text" content="" />
  40. <meta name="text:Skull 1 Link" content="" />
  41. <meta name="text:Skull 1 Text" content="" />
  42. <meta name="text:Skull 2 Link" content="" />
  43. <meta name="text:Skull 2 Text" content="" />
  44. <meta name="text:Skull 3 Link" content="" />
  45. <meta name="text:Skull 3 Text" content="" />
  46.  
  47. <meta name="if:Show Link 1" content="1" />
  48. <meta name="if:Show Link 2" content="1" />
  49. <meta name="if:Show Link 3" content="1" />
  50. <meta name="if:Show Link 4" content="1" />
  51. <meta name="if:Show Link 5" content="1" />
  52.  
  53. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  54. <style>
  55. div#qTip {
  56. padding:2px;
  57. display: none;
  58. text-align: center;
  59. text-decoration:none;
  60. position:absolute;
  61. margin-top:4px;
  62. margin-left:8px;
  63. font-size:8px;
  64. line-height:9px;
  65. font-family:calibri;
  66. z-index: 1000;
  67. background-color:{color:sblinkbg};
  68. color: {color:desc};
  69. text-transform:uppercase;
  70. letter-spacing: 1px;
  71. }
  72. </style>
  73.  
  74.  
  75. <style type="text/css">
  76.  
  77. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  78.  
  79. ::-webkit-scrollbar {
  80. width: 5px;height: 5px;}
  81. ::-webkit-scrollbar-button:start:decrement,
  82. ::-webkit-scrollbar-button:end:increment {
  83. height: 6px;display: block;background-color: {color:white};}
  84. ::-webkit-scrollbar-track-piece {
  85. background-color: {color:background};}
  86. ::-webkit-scrollbar-thumb:vertical {
  87. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  88.  
  89.  
  90.  
  91. body {
  92. background: url{image:background};
  93. margin:0px;
  94. color:{color:text};
  95. font-family:Calibri;
  96. font-size:9px;
  97. line-height:100%;
  98. }
  99.  
  100. a {
  101. text-decoration:none;
  102. outline:none;
  103. -moz-outline-style:none;
  104. color:{color:link};
  105. -webkit-transition: all 0.7s ease;
  106. -moz-transition: all 0.7s ease;
  107. -o-transition: all 0.7s ease;
  108. }
  109.  
  110. img {
  111. border:none;
  112. }
  113.  
  114. blockquote {
  115. padding-left:5px;
  116. border-left:1px solid {color:border};
  117. }
  118.  
  119. blockquote blockquote {
  120. padding-left:5px;
  121. border-left:1px solid {color:border};
  122. }
  123.  
  124. h1 {
  125. font-size:9px;
  126. text-transform:uppercase;
  127. }
  128.  
  129. a:hover {
  130. opacity:10;
  131. color:{color:hover};
  132. -webkit-transition: all 0.7s ease;
  133. -moz-transition: all 0.7s ease;
  134. -o-transition: all 0.7s ease;
  135. }
  136.  
  137.  
  138. #entries {
  139. padding:10px;
  140. width:400px;
  141. margin-left:430px;
  142. margin-top:10px;
  143. font-size:10px;
  144. }
  145.  
  146.  
  147. #post {
  148. width:400px;
  149. padding-bottom:20px;
  150. padding:10px;
  151. margin-top:15px;
  152. background-color:{color:background};
  153. }
  154.  
  155.  
  156.  
  157. #sidebar {
  158. width:50px;
  159. height:230px;
  160. position:fixed;
  161. margin-left:190px;
  162. margin-top:240px;
  163. opacity:.80;
  164. background-color:transparent;
  165. border-right:1px solid {color:sidebarborder};
  166. -webkit-transition: all 0.7s ease;
  167. -moz-transition: all 0.7s ease;
  168. -o-transition: all 0.7s ease;
  169. }
  170.  
  171. .sidebarimage img {
  172. width:55px;
  173. height:70px;
  174. margin-top:3px;
  175. margin-left:-15px;
  176. border:1px solid transparent;
  177. opacity:1;
  178. -webkit-transition: all 0.7s ease;
  179. -moz-transition: all 0.7s ease;
  180. -o-transition: all 0.7s ease;
  181. }
  182.  
  183. .sidebarimage img:hover {
  184. opacity:.3;
  185. -webkit-transition: all 0.7s ease;
  186. -moz-transition: all 0.7s ease;
  187. -o-transition: all 0.7s ease;
  188. }
  189.  
  190. .sidebarimage2 img {
  191. width:55px;
  192. height:70px;
  193. margin-left:-15px;
  194. margin-top:0px;
  195. border:1px solid transparent;
  196. -webkit-transition: all 0.7s ease;
  197. -moz-transition: all 0.7s ease;
  198. -o-transition: all 0.7s ease;
  199. }
  200.  
  201. .sidebarimage2 img:hover {
  202. opacity:.3;
  203. -webkit-transition: all 0.7s ease;
  204. -moz-transition: all 0.7s ease;
  205. -o-transition: all 0.7s ease;
  206. }
  207.  
  208. .sidebarimage3 img {
  209. width:55px;
  210. height:70px;
  211. margin-left:-15px;
  212. margin-top:0px;
  213. z-index:-1;
  214. border:1px solid transparent;
  215. -webkit-transition: all 0.7s ease;
  216. -moz-transition: all 0.7s ease;
  217. -o-transition: all 0.7s ease;
  218. }
  219.  
  220. .sidebarimage3 img:hover {
  221. opacity:.3;
  222. -webkit-transition: all 0.7s ease;
  223. -moz-transition: all 0.7s ease;
  224. -o-transition: all 0.7s ease;
  225. }
  226.  
  227.  
  228. #sidebar:hover .links{
  229. opacity:1;
  230. -webkit-transition: all 0.7s ease;
  231. -moz-transition: all 0.7s ease;
  232. -o-transition: all 0.7s ease;
  233. }
  234.  
  235. .links {
  236. width:90px;
  237. height:auto;
  238. padding:7px;
  239. font-size:8px;
  240. font-family:'calibri';
  241. text-align:center;
  242. margin-top:-210px;
  243. margin-left:60px;
  244. text-align:center;
  245. opacity:1;
  246. text-transform:uppercase;
  247. word-spacing:2px;
  248. line-height:100%;
  249. position:fixed;
  250. background-color:{color:sblinkbg};
  251. display:inline-block;
  252. position:fixed;
  253. -webkit-transition: all 0.7s ease;
  254. -moz-transition: all 0.7s ease;
  255. -o-transition: all 0.7s ease;
  256. }
  257.  
  258. .links a {
  259. font-size: 10px;
  260. margin-top:5px;
  261. letter-spacing:0px;
  262. color:{color:sblinks};
  263. -webkit-transition: all 0.7s ease;
  264. -moz-transition: all 0.7s ease;
  265. -o-transition: all 0.7s ease;
  266. }
  267.  
  268. .links a:hover {
  269. color:{color:hover}
  270. letter-spacing:3px;
  271. -webkit-transition: all 0.7s ease;
  272. -moz-transition: all 0.7s ease;
  273. -o-transition: all 0.7s ease;
  274. }
  275.  
  276.  
  277. .description {
  278. position:fixed;
  279. text-transform:lowercase;
  280. font-family:calibri;
  281. line-height:120%;
  282. font-size:10px;
  283. font-style:none;
  284. width:87px;
  285. height:75px;
  286. opacity:1;
  287. margin-top:-185px;
  288. padding:8px;
  289. margin-left:60px;
  290. text-align:center;
  291. color:{color:desc};
  292. word-spacing:1px;
  293. background-color:transparent;
  294. position:fixed;
  295. -webkit-transition: all 0.7s ease;
  296. -moz-transition: all 0.7s ease;
  297. -o-transition: all 0.7s ease;
  298. }
  299.  
  300. .pagination {
  301. width:92px;
  302. height:9px;
  303. font-size:9px;
  304. text-align:center;
  305. margin-left:60px;
  306. margin-top:-23px;
  307. position:fixed;
  308. font-family:consolas;
  309. letter-spacing:0px;
  310. background-color:{color:sblinkbg};
  311. opacity:1;
  312. position:fixed;
  313. padding:6px;
  314. color:{color:desc};
  315. z-index:222222;
  316. -webkit-transition: all 0.7s ease;
  317. -moz-transition: all 0.7s ease;
  318. -o-transition: all 0.7s ease;
  319. }
  320.  
  321. #info {
  322. width:500px;
  323. text-align:left;
  324. margin-top:10px;
  325. text-transform:uppercase;
  326. font-size:8px;
  327. font-style:none;
  328. border-top:1px solid {color:border};
  329. }
  330.  
  331. #tags {
  332. font-family:cambria;
  333. letter-spacing:0px;
  334. text-transform:lowercase;
  335. font-size:9px;
  336. font-style:italic;
  337. margin-top:4px;
  338. text-align:left;
  339. }
  340.  
  341. #tags a {
  342. display:inline;
  343. background-color:{color:Tags};
  344. padding:-3px;
  345. text-align:left;
  346. -webkit-transition: all 0.6s ease-in-out;
  347. -moz-transition: all 0.6s ease-in-out;
  348. -o-transition: all 0.6s ease-in-out;
  349. -ms-transition: all 0.6s ease-in-out;
  350. transition: all 0.6s ease-in-out;
  351. }
  352.  
  353. #asker {
  354. padding:5px;
  355. width:500px;
  356. font-family:cambria;
  357. letter-spacing:1px;
  358. text-align:left;
  359. font-style:italic;
  360. margin-left:-5px;
  361. background-color:{color:answer}
  362. }
  363.  
  364. .credit {
  365. position:fixed;
  366. font-family:trebuchet ms;
  367. font-size:9px;
  368. line-height:100%;
  369. letter-spacing:0px;
  370. width:auto;
  371. right:7px;
  372. bottom:3px;
  373. text-transform:uppercase;
  374. text-align:center;
  375. -moz-transition-duration:0.7s;
  376. -webkit-transition-duration:0.7s;
  377. -o-transition-duration:0.7s;
  378. }
  379.  
  380. .credit a {
  381. display:block;
  382. width:13px;
  383. height:10px;
  384. padding:5px;
  385. color:#aaa;
  386. border:1px solid {color:background};
  387. -moz-transition-duration:0.7s;
  388. -webkit-transition-duration:0.7s;
  389. -o-transition-duration:0.7s;
  390. }
  391.  
  392. .credit a:hover {
  393. color:#fff;
  394. background:#ccc;
  395. text-shadow:#ddd 0px 1px 1px;
  396. -moz-transition-duration:0.7s;
  397. -webkit-transition-duration:0.7s;
  398. -o-transition-duration:0.7s;
  399. }
  400.  
  401. {CustomCSS}</style></head><body>
  402.  
  403. <div id="sidebar">
  404. <div class="sidebarimage"><a href="{text:Skull 1 Link}" title="{text:Skull 1 Text}"><img src="http://static.tumblr.com/dt3ep3f/W4Imruzix/skull1.png"></a></div>
  405. <div class="sidebarimage2"><a href="{text:Skull 2 Link}" title="{text:Skull 2 Text}"><img src="http://static.tumblr.com/dt3ep3f/WFKmruzji/skull2.png"></a></div>
  406. <div class="sidebarimage3"><a href="{text:Skull 3 Link}" title="{text:Skull 3 Text}"><img src="http://static.tumblr.com/dt3ep3f/Yi0mruzjx/skull3.png"></a></div>
  407.  
  408. <div class="description">
  409. {Description}
  410. </div>
  411.  
  412.  
  413. <div class="links">
  414. {block:IfShowLink1}
  415. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  416. {/block:IfShowLink1}
  417. {block:IfShowLink2}
  418. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  419. {/block:IfShowLink2}
  420. {block:IfShowLink3}
  421. <a href="{text:Link 3}">{text:Link 3 Text}</a>
  422. {/block:IfShowLink3}
  423. </div>
  424.  
  425. {block:Pagination}<div class="pagination">
  426. {block:PreviousPage}<a href="{PreviousPage}" style="text-transform:uppercase;">BACK</a>&nbsp;&nbsp;{/block:PreviousPage}
  427. {block:NextPage}<a href="{NextPage}" style="text-transform:uppercase;">NEXT</a>{/block:NextPage}
  428. </div>{/block:Pagination}
  429.  
  430. </div>
  431.  
  432. <div id="entries">{block:Posts}<div id="post">
  433.  
  434. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  435.  
  436. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  437.  
  438. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  439.  
  440. {block:Quote}{Quote}{/block:Quote}
  441.  
  442. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  443.  
  444. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  445.  
  446. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  447. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  448. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  449. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  450. {/block:Audio}
  451.  
  452. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  453.  
  454. {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;">{Asker} asked: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  455.  
  456. <div id="info">
  457. <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  458. {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  459. {/block:Posts}
  460. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  461. {/block:Posts}</div></div></div>
  462.  
  463.  
  464.  
  465.  
  466. <div class="credit"><a href="http://hzrrys.tumblr.com">HZ</a></div>
  467.  
  468.  
  469. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement