Advertisement
hzrrys

HzrrysTheme11

May 30th, 2013
7,719
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.24 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:sidebar" content="#ffffff"/>
  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:sblink" content="#fefefe"/>
  26. <meta name="color:sbhoverbg" content="#000000"/>
  27. <meta name="color:hover" content="#f2f2f2"/>
  28. <meta name="color:border" content="#e4e4e4"/>
  29. <meta name="color:imgborder" content="#e4e4e4"/>
  30. <meta name="color:answer" content="#f8f8f8"/>
  31. <meta name="color:scrollbarbg" content="ffffff"/>
  32.  
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:background" content=""/>
  35. <meta name="image:sidebar2" content=""/>
  36. <meta name="image:sidebar3" content=""/>
  37.  
  38. <meta name="text:Link 1" content="" />
  39. <meta name="text:Link 1 Text" content="" />
  40. <meta name="text:Link 2" content="" />
  41. <meta name="text:Link 2 Text" content="" />
  42. <meta name="text:Link 3" content="" />
  43. <meta name="text:Link 3 Text" content="" />
  44. <meta name="text:Link 4" content="" />
  45. <meta name="text:Link 4 Text" content="" />
  46. <meta name="text:Link 5" content="" />
  47. <meta name="text:Link 5 Text" content="" />
  48.  
  49. <meta name="if:Show Link 1" content="1" />
  50. <meta name="if:Show Link 2" content="1" />
  51. <meta name="if:Show Link 3" content="1" />
  52. <meta name="if:Show Link 4" content="1" />
  53. <meta name="if:Show Link 5" content="1" />
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  59.  
  60. ::-webkit-scrollbar {
  61. width: 5px;height: 5px;}
  62. ::-webkit-scrollbar-button:start:decrement,
  63. ::-webkit-scrollbar-button:end:increment {
  64. height: 6px;display: block;background-color: {color:white};}
  65. ::-webkit-scrollbar-track-piece {
  66. background-color: {color:scrollbarbg};}
  67. ::-webkit-scrollbar-thumb:vertical {
  68. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  69.  
  70.  
  71.  
  72. body {
  73. background: url{image:background};
  74. margin:0px;
  75. color:{color:text};
  76. font-family:Calibri;
  77. font-size:9px;
  78. line-height:100%;
  79. }
  80.  
  81. a {
  82. text-decoration:none;
  83. outline:none;
  84. -moz-outline-style:none;
  85. color:{color:link};
  86. -webkit-transition: all 0.7s ease;
  87. -moz-transition: all 0.7s ease;
  88. -o-transition: all 0.7s ease;
  89. }
  90.  
  91. img {
  92. border:none;
  93. }
  94.  
  95. blockquote {
  96. padding-left:5px;
  97. border-left:1px solid {color:border};
  98. }
  99.  
  100. blockquote blockquote {
  101. padding-left:5px;
  102. border-left:1px solid {color:border};
  103. }
  104.  
  105. h1 {
  106. font-size:9px;
  107. text-transform:uppercase;
  108. }
  109.  
  110. h2 {
  111. font-size:11px;
  112. font-style:italic;
  113. }
  114.  
  115. a:hover {
  116. opacity:10;
  117. color:{color:hover};
  118. -webkit-transition: all 0.7s ease;
  119. -moz-transition: all 0.7s ease;
  120. -o-transition: all 0.7s ease;
  121. }
  122.  
  123.  
  124. #entries {
  125. padding:10px;
  126. width:400px;
  127. margin-left:430px;
  128. margin-top:40px;
  129. font-size:10px;
  130. }
  131.  
  132.  
  133. #post {
  134. width:400px;
  135. padding-bottom:20px;
  136. padding:10px;
  137. margin-top:15px;
  138. background-color:{color:background};
  139. }
  140.  
  141.  
  142.  
  143. #sidebar {
  144. width:100px;
  145. position:fixed;
  146. margin-left:210px;
  147. margin-top:150px;
  148. opacity:.80;
  149. background-color:transparent;
  150. -webkit-transition: all 0.7s ease;
  151. -moz-transition: all 0.7s ease;
  152. -o-transition: all 0.7s ease;
  153. }
  154.  
  155. #sidebar:hover .sidebarimage img{
  156. margin-left:-90px;
  157. -webkit-transform: rotate(20deg);
  158. -moz-transform: rotate(20deg);
  159. -o-transform: rotate(20deg);
  160. -webkit-transition: all 0.7s ease;
  161. -moz-transition: all 0.7s ease;
  162. -o-transition: all 0.7s ease;
  163. }
  164.  
  165. #sidebar:hover .sidebarimage2 img{
  166. margin-left:115px;
  167. -webkit-transform: rotate(-30deg);
  168. -moz-transform: rotate(-30deg);
  169. -o-transform: rotate(-30deg);
  170. -webkit-transition: all 0.7s ease;
  171. -moz-transition: all 0.7s ease;
  172. -o-transition: all 0.7s ease;
  173. }
  174.  
  175. #sidebar:hover .sidebarimage3 img{
  176. -webkit-transform: rotate(45deg);
  177. -moz-transform: rotate(45deg);
  178. -o-transform: rotate(45deg);
  179. -webkit-transition: all 0.7s ease;
  180. -moz-transition: all 0.7s ease;
  181. -o-transition: all 0.7s ease;
  182. }
  183.  
  184. .sidebarimage {
  185. width 90px;
  186. -webkit-transition: all 0.7s ease;
  187. -moz-transition: all 0.7s ease;
  188. -o-transition: all 0.7s ease;
  189. }
  190.  
  191. .sidebarimage img {
  192. width:75px;
  193. height:75px;
  194. border:solid 1px;
  195. margin-top:25px;
  196. padding:6px;
  197. border-color: {color:imgborder};
  198. -webkit-transition: all 0.7s ease;
  199. -moz-transition: all 0.7s ease;
  200. -o-transition: all 0.7s ease;
  201. }
  202.  
  203.  
  204.  
  205. .sidebarimage2 {
  206. width 90px;
  207. -webkit-transition: all 0.7s ease;
  208. -moz-transition: all 0.7s ease;
  209. -o-transition: all 0.7s ease;
  210. }
  211.  
  212. .sidebarimage2 img {
  213. width:75px;
  214. height:75px;
  215. border:solid 1px;
  216. margin-left:0px;
  217. margin-top:14px;
  218. padding:6px;
  219. border-color: {color:imgborder};
  220. -webkit-transition: all 0.7s ease;
  221. -moz-transition: all 0.7s ease;
  222. -o-transition: all 0.7s ease;
  223. }
  224.  
  225. .sidebarimage3 {
  226. width 90px;
  227. -webkit-transition: all 0.7s ease;
  228. -moz-transition: all 0.7s ease;
  229. -o-transition: all 0.7s ease;
  230. }
  231.  
  232. .sidebarimage3 img {
  233. width:75px;
  234. height:75px;
  235. border:solid 1px;
  236. margin-left:0px;
  237. margin-top:15px;
  238. padding:6px;
  239. border-color: {color:imgborder};
  240. z-index:-1;
  241. -webkit-transition: all 0.7s ease;
  242. -moz-transition: all 0.7s ease;
  243. -o-transition: all 0.7s ease;
  244. }
  245.  
  246.  
  247. #sidebar:hover .links{
  248. opacity:1;
  249. -webkit-transition: all 0.7s ease;
  250. -moz-transition: all 0.7s ease;
  251. -o-transition: all 0.7s ease;
  252. }
  253.  
  254. .links {
  255. width:75px;
  256. height:74px;
  257. padding: 9px;
  258. font-size:8px;
  259. font-family:'calibri';
  260. text-align:center;
  261. margin-top:-294px;
  262. margin-left:1px;
  263. text-align:center;
  264. opacity:0;
  265. text-transform:uppercase;
  266. word-spacing:2px;
  267. line-height:100%;
  268. position:fixed;
  269. padding-bottom:7px;
  270. padding:6px;
  271. background-color:transparent;
  272. display:inline-block;
  273. position:fixed;
  274. -webkit-transition: all 0.7s ease;
  275. -moz-transition: all 0.7s ease;
  276. -o-transition: all 0.7s ease;
  277. }
  278.  
  279. .links a {
  280. font-size: 10px;
  281. margin-top:5px;
  282. letter-spacing:1px;
  283. {color:desc};
  284. -webkit-transition: all 0.7s ease;
  285. -moz-transition: all 0.7s ease;
  286. -o-transition: all 0.7s ease;
  287. }
  288.  
  289. .links a:hover {
  290. color:{color:hover}
  291. letter-spacing:3px;
  292. -webkit-transition: all 0.7s ease;
  293. -moz-transition: all 0.7s ease;
  294. -o-transition: all 0.7s ease;
  295. }
  296.  
  297.  
  298. #sidebar:hover .description{
  299. opacity:.9;
  300. -webkit-transition: all 0.7s ease;
  301. -moz-transition: all 0.7s ease;
  302. -o-transition: all 0.7s ease;
  303. }
  304.  
  305.  
  306. .description {
  307. position:fixed;
  308. font-family:calibri;
  309. line-height:120%;
  310. font-size:10px;
  311. font-style:none;
  312. width:90px;
  313. height:75px;
  314. opacity:0;
  315. margin-top:-205px;
  316. padding:8px;
  317. margin-left:-6px;
  318. text-align:center;
  319. color:{color:desc};
  320. padding:6px;
  321. background-color:transparent;
  322. position:fixed;
  323. -webkit-transition: all 0.7s ease;
  324. -moz-transition: all 0.7s ease;
  325. -o-transition: all 0.7s ease;
  326. }
  327.  
  328.  
  329. #sidebar:hover .pagination{
  330. opacity:1;
  331. -webkit-transition: all 0.7s ease;
  332. -moz-transition: all 0.7s ease;
  333. -o-transition: all 0.7s ease;
  334. }
  335.  
  336.  
  337. .pagination {
  338. width:108px;
  339. font-size:9px;
  340. text-align:center;
  341. margin-left:-10px;
  342. margin-top:-53px;
  343. position:fixed;
  344. font-family:consolas;
  345. letter-spacing:0px;
  346. background-color:{color:background};
  347. line-height:160%;
  348. height:15px;
  349. opacity:0;
  350. position:fixed;
  351. color:{color:desc};
  352. z-index:222222;
  353. -webkit-transition: all 0.7s ease;
  354. -moz-transition: all 0.7s ease;
  355. -o-transition: all 0.7s ease;
  356. }
  357.  
  358. #info {
  359. width:500px;
  360. text-align:left;
  361. margin-top:10px;
  362. text-transform:uppercase;
  363. font-size:8px;
  364. font-style:none;
  365. border-top:1px solid {color:imgborder};
  366. }
  367.  
  368. #tags {
  369. font-family:cambria;
  370. letter-spacing:0px;
  371. text-transform:lowercase;
  372. font-size:9px;
  373. font-style:italic;
  374. margin-top:4px;
  375. text-align:left;
  376. }
  377.  
  378. #tags a {
  379. display:inline;
  380. background-color:{color:Tags};
  381. padding:-3px;
  382. text-align:left;
  383. -webkit-transition: all 0.6s ease-in-out;
  384. -moz-transition: all 0.6s ease-in-out;
  385. -o-transition: all 0.6s ease-in-out;
  386. -ms-transition: all 0.6s ease-in-out;
  387. transition: all 0.6s ease-in-out;
  388. }
  389.  
  390. #asker {
  391. padding:5px;
  392. width:500px;
  393. font-family:cambria;
  394. letter-spacing:1px;
  395. text-align:left;
  396. font-style:italic;
  397. margin-left:-5px;
  398. background-color:{color:answer}
  399. }
  400.  
  401. #credit{
  402. bottom:3px;
  403. right:-120px;
  404. width:130px;
  405. font-family:consolas;
  406. font-size:9px;
  407. letter-spacing:1px;
  408. text-transform:
  409. uppercase;
  410. position:fixed;
  411. padding:5px;
  412. text-align:left;
  413. border:1px solid #eee;
  414. height:9px;
  415. line-height:115%;
  416. color:#aaa;
  417. -moz-transition-duration:0.5s;
  418. -webkit-transition-duration:0.5s;
  419. -o-transition-duration:0.5s;
  420. }
  421.  
  422. #credit:hover {
  423. right:5px;
  424. background-color:#ccc;
  425. border:1px solid #ccc;
  426. color:#fff;
  427. -moz-transition-duration:0.5s;
  428. -webkit-transition-duration:0.5s;
  429. -o-transition-duration:0.5s;
  430. }
  431.  
  432. {CustomCSS}</style></head><body>
  433.  
  434. <div id="sidebar">
  435. <div class="sidebarimage"><img src="{image:sidebar}"></div>
  436. <div class="sidebarimage2"><img src="{image:sidebar2}"></div>
  437. <div class="sidebarimage3"><img src="{image:sidebar3}"></div>
  438.  
  439. <div class="description">
  440. {Description}
  441. </div>
  442.  
  443.  
  444. <div class="links">
  445. {block:IfShowLink1}
  446. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  447. {/block:IfShowLink1}
  448. {block:IfShowLink2}
  449. <p><a href="{text:Link 2}">{text:Link 2 Text}</a>
  450. {/block:IfShowLink2}
  451. {block:IfShowLink3}
  452. <p><a href="{text:Link 3}">{text:Link 3 Text}</a>
  453. {/block:IfShowLink3}
  454. {block:IfShowLink4}
  455. <p><a href="{text:Link 4}">{text:Link 4 Text}</a>
  456. {/block:IfShowLink4}
  457. {block:IfShowLink5}
  458. <p><a href="{text:Link 5}">{text:Link 5 Text}</a>
  459. {/block:IfShowLink5}
  460. </div>
  461.  
  462.  
  463. {block:Pagination}<div class="pagination">
  464. {block:PreviousPage}<a href="{PreviousPage}">BACK</a>&nbsp;&nbsp;{/block:PreviousPage}
  465. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  466. </div>{/block:Pagination}
  467.  
  468. </div>
  469.  
  470. <div id="entries">{block:Posts}<div id="post">
  471.  
  472. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  473.  
  474. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  475.  
  476. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  477.  
  478. {block:Quote}<h2>“{Quote}”</h2><h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-{Source}</h1>{/block:Quote}
  479.  
  480. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  481.  
  482. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  483.  
  484. {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>
  485. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  486. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  487. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  488. {/block:Audio}
  489.  
  490. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  491.  
  492. {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}
  493.  
  494. <div id="info">
  495. <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>
  496. {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>
  497. {/block:Posts}
  498. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  499. {/block:Posts}</div></div></div>
  500.  
  501.  
  502.  
  503.  
  504. <div id="credit">
  505. <a href="http://hzrrys.tumblr.com/">HZ&nbsp;&nbsp;&nbsp;&nbsp;theme by hzrrys</a>
  506. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement