API tools faq
paste
Advertisement
hzrrys

HzrrysTheme23

hzrrys
Aug 20th, 2013
932
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- THEME MADE BY SABRENA (HZRRYS). DO NOT REMOVE THE CREDIT, IF YOU DO I WILL CUT OFF YOUR WIFI. THANK YOU AND GOODBYE.-->
  4.  
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <head>
  10.  
  11.  
  12. <meta name="color:bg" content="#FFFFFF">
  13. <meta name="color:link" content="#aaaaaa">
  14. <meta name="color:text" content="#a5a5a5">
  15. <meta name="color:hover" content="#f5f5f5">
  16. <meta name="color:border" content="#d3d3d3">
  17. <meta name="color:answerborder" content="#eeeeee">
  18. <meta name="color:linkbg" content="#f4f4f4">
  19. <meta name="color:desc" content="#aaaaaa">
  20. <meta name="color:sblink" content="#8d8d8d">
  21.  
  22. <meta name="image:sidebar" content=""/>
  23.  
  24. <meta name="text:Link 1" content="/">
  25. <meta name="text:Link 1 url" content="/">
  26. <meta name="text:Link 2" content="/">
  27. <meta name="text:Link 2 url" content="/">
  28. <meta name="text:Link 3" content="/">
  29. <meta name="text:Link 3 url" content="/">
  30. <meta name="text:Link 4" content="/">
  31. <meta name="text:Link 4 url" content="/">
  32. <meta name="text:Link 5" content="/">
  33. <meta name="text:Link 5 url" content="/">
  34.  
  35. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  36. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37. <link rel="shortcut icon" href="{Favicon}" />
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  39. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  40. <style>
  41. div#qTip {
  42. padding: 2px;
  43. display: none;
  44. text-align: center;
  45. text-decoration:none;
  46. position: absolute;
  47. margin-top:-33px;
  48. margin-left:8px;
  49. font-size:8px;
  50. line-height:9px;
  51. font-family:calibri;
  52. z-index: 1000;
  53. background-color:{color:desc};
  54. color:{color:bg};
  55. text-transform:uppercase;
  56. letter-spacing: 1px;
  57. }
  58. </style>
  59. <style type="text/css">
  60. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  61.  
  62.  
  63. a {
  64. color:{color:link};
  65. text-decoration:none;
  66. -moz-transition-duration:0.5s;
  67. -webkit-transition-duration:0.5s;
  68. -o-transition-duration:0.5s;
  69. }
  70.  
  71. a:hover {
  72. color:{color:hover};
  73. -moz-transition-duration:0.5s;
  74. -webkit-transition-duration:0.5s;
  75. -o-transition-duration:0.5s;
  76. }
  77.  
  78.  
  79. ::-webkit-scrollbar {background-color:#eee; border:3px solid #fff;height:8px; width:8px;}
  80. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border}; border:2px solid {color:bg}; height:50px;border-radius:300px;-webkit-border-radius: 300px;
  81. -moz-border-radius: 300px;}
  82. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:link};border:2px solid {color:bg}; height:8px!important}
  83.  
  84.  
  85. body {
  86. background-color:{color:bg};
  87. font-family:Cambria;
  88. font-weight:normal;
  89. }
  90.  
  91. small{font-size:7px}
  92. big{font-size:14px}
  93. b, strong{color:link}
  94. i, em {color:link}
  95. p{margin-top:5px; margin-bottom:5px}
  96. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  97.  
  98. small{font-size:7px}
  99. big{font-size:14px}
  100. b, strong{color:link}
  101. i, em {color:link}
  102. p{margin-top:5px; margin-bottom:5px}
  103. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  104.  
  105.  
  106. h1 {
  107. font-weight:normal;
  108. font-size:11px;
  109. text-align:center;
  110. font-style:italic;
  111. line-height:50%;
  112. letter-spacing:1px;
  113. text-transform:lowercase;
  114. color:{color:text};
  115. }
  116.  
  117. h2 {
  118. font-size:10px;
  119. text-align:center;
  120. line-height:100%;
  121. letter-spacing:-0.5px;
  122. color:{color:text};
  123. font-weight:bold;
  124. text-transform:uppercase;
  125. padding:5px;
  126. padding-bottom:2px;
  127. }
  128.  
  129.  
  130. blockquote {
  131. border-left:2px solid {color:text};
  132. padding-left:5px;
  133. margin:5px;
  134. }
  135.  
  136. #themenum {
  137. background-color:{color:bg};
  138. width:700px;
  139. margin: 0 auto -12px auto;
  140. text-align: center;
  141. }
  142.  
  143.  
  144. #sidebar {
  145. color:{color:text};
  146. position:fixed;
  147. width:70px;
  148. height:190px;
  149. margin-top:255px;
  150. margin-left:-200px;
  151. text-align:left;
  152. padding:15px;
  153. background:transparent;
  154. -moz-transition-duration:.8s;
  155. -webkit-transition-duration:.8s;
  156. -o-transition-duration:.8s;
  157. -webkit-transition-duration:.8s;
  158. }
  159.  
  160. #sidebar img {
  161. width:255px;
  162. height:143px;
  163. margin-top:7px;
  164. margin-left:-7px;
  165. }
  166.  
  167. .slinks {
  168. margin-bottom:10px;
  169. margin-top:0px;
  170. margin-left:-7px;
  171. font-size:9px;
  172. font-family:calibri;
  173. text-transform:uppercase;
  174. background:{color:linkbg};
  175. text-align:center;
  176. letter-spacing:4px;
  177. line-height:170%;
  178. padding:4px;
  179. width:248px;
  180. height:16px;
  181. opacity:1;
  182. position:fixed;
  183. z-index:999;
  184. -moz-transition-duration:1s;
  185. -webkit-transition-duration:1s;
  186. -o-transition-duration:1s;
  187. }
  188.  
  189. .slinks a{
  190. padding:3px;
  191. color:{color:sblink};
  192. margin-left:0px;
  193. width:11px;
  194. height:11px;
  195. display:inline;
  196. letter-spacing:0px;
  197. text-decoration:none;
  198. -moz-transition-duration:.5s;
  199. -webkit-transition-duration:.5s;
  200. -o-transition-duration:.5s;
  201. }
  202.  
  203. .slinks a:hover{
  204. color:{color:hover};
  205. -moz-transition-duration:.5s;
  206. -webkit-transition-duration:.5s;
  207. -o-transition-duration:.5s;
  208. }
  209.  
  210. #sidebar:hover .slinks{
  211. opacity:1;
  212. margin-top:-160px
  213. -moz-transition-duration:.8s;
  214. -webkit-transition-duration:.8s;
  215. -o-transition-duration:.8s;
  216. }
  217.  
  218. #sidebar:hover .title {
  219. opacity:1;
  220. -moz-transition-duration:.8s;
  221. -webkit-transition-duration:.8s;
  222. -o-transition-duration:.8s;
  223. }
  224.  
  225. .title {
  226. background-color:transparent;
  227. margin-top:-25px;
  228. margin-left:80px;
  229. width:201px;
  230. height:1px;
  231. padding:2px;
  232. opacity:1;
  233. position:fixed;
  234. z-index:999999;
  235. -moz-transition-duration:.8s;
  236. -webkit-transition-duration:.8s;
  237. -o-transition-duration:.8s;
  238. }
  239.  
  240. .description {
  241. margin-bottom:15px;
  242. margin-top:30px;
  243. margin-left:-6px;
  244. text-align:left;
  245. font-family:calibri;
  246. font-style:none;
  247. font-size:10px;
  248. width:255px;
  249. height:auto;
  250. background:transparent;
  251. padding:0px;
  252. word-wrap: break-word;
  253. color:{color:desc};
  254. letter-spacing:0px;
  255. word-spacing:1px;
  256. line-height:130%;
  257. position:fixed;
  258. opacity:1;
  259. -moz-transition-duration:.5s;
  260. -webkit-transition-duration:.5s;
  261. -o-transition-duration:.5s;
  262. }
  263.  
  264.  
  265. .pagination {
  266. text-align:right;
  267. margin-left:180px;
  268. margin-top:15px;
  269. font-size:8px;
  270. text-decoration:italic;
  271. width:80px;
  272. letter-spacing:1px;
  273. font-style:normal;
  274. text-align:center;
  275. opacity:1;
  276. word-spacing:1px;
  277. -moz-transition-duration:.5s;
  278. -webkit-transition-duration:.5s;
  279. -o-transition-duration:.5s;
  280. }
  281.  
  282. .pagination a {
  283. text-align:right;
  284. color:{color:link};
  285. }
  286.  
  287. .pagination a:hover {
  288. color:{color:hover}
  289. }
  290.  
  291. #sidebar:hover .pagination{
  292. opacity:1;
  293. -moz-transition-duration:.5s;
  294. -webkit-transition-duration:.5s;
  295. -o-transition-duration:.5s;
  296. }
  297.  
  298.  
  299. #postcontainer {
  300. float:left;
  301. width:500px;
  302. margin-left:365px;
  303. margin-top:30px;
  304. text-align:justify;
  305. background-color:{color:bg};
  306. color:{color:text};
  307. margin-bottom: 35px;
  308. }
  309.  
  310.  
  311. #posts {
  312. width:500px;
  313. padding:10px;
  314. margin-top:0px;
  315. margin-left:-250px;
  316. text-align:justify;
  317. font-size:11px;
  318. line-height:100%;
  319. letter-spacing:0x;
  320. color:{color:text};
  321.  
  322. }
  323.  
  324.  
  325.  
  326. #info {
  327. font-family:cambria;
  328. width:490px;
  329. margin-top:3px;
  330. padding:2px;
  331. padding-left:8px;
  332. font-size:8px;
  333. color:{color:link};
  334. background:transparent;
  335. font-style:normal;
  336. letter-spacing:2px;
  337. text-align:left;
  338. border-top:1px solid {color:border};
  339. -moz-transition-duration:0.5s;
  340. -webkit-transition-duration:0.5s;
  341. -o-transition-duration:0.5s;
  342. }
  343.  
  344. #info a {
  345. color:{color:link};
  346. text-align:right;
  347. letter-spacing:1px;
  348. font-style:normal;
  349. }
  350.  
  351. #info a:hover {
  352. color:{color:hover};
  353. }
  354.  
  355. .caption {
  356. width:500px;
  357. text-align:justify;
  358. line-height:120%;
  359. }
  360.  
  361. .question {
  362. padding:10px;
  363. text-align:left;
  364. color:{color:text};
  365. }
  366.  
  367. .icon img {
  368. width:25px;
  369. height:25px;
  370. margin-top:-10px;
  371. float:left;
  372. border:double {color:answerborder};
  373. }
  374.  
  375. .answer {
  376. padding:5px;
  377. width:495px;
  378. font-family:times new;
  379. letter-spacing:1px;
  380. text-align:left;
  381. font-style:none;
  382. margin-left:-4px;
  383. margin-top:-3px;
  384. font-size:9px;
  385.  
  386. }
  387.  
  388. .music {
  389. width:495px;
  390. padding-bottom:10px;
  391. background-color:{color:infobg};
  392. }
  393.  
  394. .albumart {
  395. float:left;
  396. padding:0px 10px 10px 0px;
  397. }
  398.  
  399. .albumart img {
  400. width:45px;
  401. height:45px;
  402. }
  403.  
  404. .playercontainer {
  405. text-align:left;
  406. padding:10px;
  407. background-color:transparent;
  408. width:480px;
  409. }
  410.  
  411. .musicinfo {
  412. padding:10px;
  413. color:{color:text};
  414. }
  415.  
  416. .postnote {
  417. text-transform:uppercase;
  418. font-style:normal;
  419. letter-spacing:0px;
  420. font-size: 9px;
  421. text-align:left;
  422. line-height:90%;
  423. margin-left:-40px;
  424. }
  425.  
  426. .postnote li {
  427. list-style-type:none;
  428. border-bottom:1px solid {color:border};
  429. padding:10px 25px 10px 25px;
  430. text-align:left;
  431. margin:0px;
  432. -moz-transition-duration:0.5s;
  433. -webkit-transition-duration:0.5s;
  434. -o-transition-duration:0.5s;
  435. }
  436.  
  437. .tags {
  438. opacity:0;
  439. font-family:cambria;
  440. letter-spacing:0px;
  441. text-transform:lowercase;
  442. font-size:8px;
  443. font-style:italic;
  444. line-height:60%;
  445. margin-top:4px;
  446. text-align:left;
  447. width:500px;
  448. height:0px;
  449. -webkit-transition: all 0.6s ease-in-out;
  450. -moz-transition: all 0.6s ease-in-out;
  451. -o-transition: all 0.6s ease-in-out;
  452. -ms-transition: all 0.6s ease-in-out;
  453. transition: all 0.6s ease-in-out;
  454. }
  455.  
  456. .tags a {
  457. display:inline;
  458. background-color:{color:bg};
  459. line-height:110%;
  460. padding:-3px;
  461. text-align:left;
  462. -webkit-transition: all 0.6s ease-in-out;
  463. -moz-transition: all 0.6s ease-in-out;
  464. -o-transition: all 0.6s ease-in-out;
  465. -ms-transition: all 0.6s ease-in-out;
  466. transition: all 0.6s ease-in-out;
  467. }
  468.  
  469. #posts:hover .tags {
  470. opacity:1;
  471. -webkit-transition: all 0.6s ease-in-out;
  472. -moz-transition: all 0.6s ease-in-out;
  473. -o-transition: all 0.6s ease-in-out;
  474. -ms-transition: all 0.6s ease-in-out;
  475. transition: all 0.6s ease-in-out;
  476. }
  477.  
  478. ul.chat, .chat ol, .chat li {
  479. list-style-type:none;
  480. margin:0px;
  481. padding:2px;
  482. background:{color:bg};
  483. }
  484.  
  485. .tab {
  486. text-decoration:underline;
  487. font-weight:700;
  488. background-color:{color:bg};
  489. margin-right:5px;
  490. }
  491.  
  492. .credit {
  493. position:fixed;
  494. font-family:trebuchet ms;
  495. font-size:9px;
  496. line-height:100%;
  497. letter-spacing:0px;
  498. width:auto;
  499. right:7px;
  500. bottom:3px;
  501. text-transform:uppercase;
  502. text-align:center;
  503. -moz-transition-duration:0.7s;
  504. -webkit-transition-duration:0.7s;
  505. -o-transition-duration:0.7s;
  506. }
  507.  
  508. .credit a {
  509. display:block;
  510. width:13px;
  511. height:10px;
  512. padding:5px;
  513. color:#aaa;
  514. border:1px solid {color:bg};
  515. -moz-transition-duration:0.7s;
  516. -webkit-transition-duration:0.7s;
  517. -o-transition-duration:0.7s;
  518. }
  519.  
  520. .credit a:hover {
  521. color:#fff;
  522. background:#ccc;
  523. text-shadow:#ddd 0px 1px 1px;
  524. -moz-transition-duration:0.7s;
  525. -webkit-transition-duration:0.7s;
  526. -o-transition-duration:0.7s;
  527. }
  528. {CustomCSS}
  529.  
  530. </style></head>
  531.  
  532. <body>
  533. <div id="themenum">
  534. <div id="sidebar">
  535. <img src="{image:sidebar}" />
  536.  
  537. <div class="slinks">
  538. {block:IfLink1}
  539. <a href="{text:Link 1 url}">{text:Link 1}</a>
  540. {/block:IfLink1}
  541. {block:IfLink2}
  542. <a href="{text:Link 2 url}">{text:Link 2}</a>
  543. {/block:IfLink2}
  544. {block:IfLink3}
  545. <a href="{text:Link 3 url}">{text:Link 3}</a>
  546. {/block:IfLink3}
  547. {block:IfLink4}
  548. <a href="{text:Link 4 url}">{text:Link 4}</a>
  549. {/block:IfLink4}
  550. {block:IfLink5}
  551. <a href="{text:Link 5 url}">{text:Link 5}</a>
  552. {/block:IfLink5}
  553. </div>
  554. <div class="description">
  555. {Description}
  556. {block:Pagination}
  557. <div class="pagination">
  558. {block:PreviousPage}
  559. <a href="{PreviousPage}"><i>back</i></a>
  560. {/block:PreviousPage}
  561. {block:NextPage}
  562. — <a href="{NextPage}"><i>forth</i></a>
  563. {/block:NextPage}
  564. </div>
  565. {/block:Pagination}
  566. </div>
  567. <div class="title"></div>
  568.  
  569.  
  570.  
  571. </div>
  572.  
  573.  
  574.  
  575. <div id="postcontainer">
  576.  
  577. {block:Posts}
  578.  
  579. <div id="posts">
  580.  
  581. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  582.  
  583. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  584.  
  585. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  586. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  587.  
  588. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  589.  
  590. {block:Photoset}<center>{Photoset-500}</center>
  591. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  592.  
  593. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="tab">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  594.  
  595. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  596.  
  597. {block:Answer}<div class="question"><div class="icon"><img src="{AskerPortraitURL-24}"></div>&nbsp;&nbsp;&nbsp;<b>{Asker}</b> asked: {Question}</div><div class="answer">{Answer}</div>{/block:answer}
  598.  
  599. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  600. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  601. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  602. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  603. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  604.  
  605.  
  606.  
  607. {block:Date}<div id="info"><a href="{Permalink}" title="view permalink">{TimeAgo}</a> {block:NoteCount} with <font color=#c8332f>♥</font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} {block:RebloggedFrom} — <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  608. {block:ContentSource} , <a href="{SourceURL}">source</a> {/block:ContentSource}{/block:Date}</div>
  609. {block:HasTags}
  610. <div class="tags">
  611. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  612. {/block:HasTags}
  613. <div class="postnote">
  614. {block:PostNotes}{PostNotes}{/block:PostNotes}
  615. </div>
  616. </div>
  617. {/block:Posts}
  618.  
  619.  
  620.  
  621. <div class="credit"><a href="http://hzrrys.tumblr.com">HZ</a></div>
  622.  
  623. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!