API tools faq
paste
Advertisement
hzrrys

HzrrysTheme24

hzrrys
Aug 20th, 2013
329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.11 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:sidebarbg" 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.  
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  34. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35. <link rel="shortcut icon" href="{Favicon}" />
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  37. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  38. <style>
  39. div#qTip {
  40. padding: 2px;
  41. display: none;
  42. text-align: center;
  43. text-decoration:none;
  44. position: absolute;
  45. margin-top:-33px;
  46. margin-left:8px;
  47. font-size:8px;
  48. line-height:9px;
  49. font-family:calibri;
  50. z-index: 1000;
  51. background-color:{color:desc};
  52. color:{color:bg};
  53. text-transform:uppercase;
  54. letter-spacing: 1px;
  55. }
  56. </style>
  57. <style type="text/css">
  58. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  59.  
  60.  
  61. a {
  62. color:{color:link};
  63. text-decoration:none;
  64. -moz-transition-duration:0.5s;
  65. -webkit-transition-duration:0.5s;
  66. -o-transition-duration:0.5s;
  67. }
  68.  
  69. a:hover {
  70. color:{color:hover};
  71. -moz-transition-duration:0.5s;
  72. -webkit-transition-duration:0.5s;
  73. -o-transition-duration:0.5s;
  74. }
  75.  
  76.  
  77. ::-webkit-scrollbar {background-color:#eee; border:3px solid #fff;height:8px; width:8px;}
  78. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border}; border:2px solid {color:bg}; height:50px;border-radius:300px;-webkit-border-radius: 300px;
  79. -moz-border-radius: 300px;}
  80. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:link};border:2px solid {color:bg}; height:8px!important}
  81.  
  82.  
  83. body {
  84. background-color:{color:bg};
  85. font-family:Cambria;
  86. font-weight:normal;
  87. }
  88.  
  89. small{font-size:7px}
  90. big{font-size:14px}
  91. b, strong{color:link}
  92. i, em {color:link}
  93. p{margin-top:5px; margin-bottom:5px}
  94. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  95.  
  96. small{font-size:7px}
  97. big{font-size:14px}
  98. b, strong{color:link}
  99. i, em {color:link}
  100. p{margin-top:5px; margin-bottom:5px}
  101. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  102.  
  103.  
  104. h1 {
  105. font-weight:normal;
  106. font-size:11px;
  107. text-align:center;
  108. font-style:italic;
  109. line-height:50%;
  110. letter-spacing:1px;
  111. text-transform:lowercase;
  112. color:{color:text};
  113. }
  114.  
  115. h2 {
  116. font-size:10px;
  117. text-align:center;
  118. line-height:100%;
  119. letter-spacing:-0.5px;
  120. color:{color:text};
  121. font-weight:bold;
  122. text-transform:uppercase;
  123. padding:5px;
  124. padding-bottom:2px;
  125. }
  126.  
  127.  
  128. blockquote {
  129. border-left:2px solid {color:text};
  130. padding-left:5px;
  131. margin:5px;
  132. }
  133.  
  134. #themenum {
  135. background-color:{color:bg};
  136. width:700px;
  137. margin: 0 auto -12px auto;
  138. text-align: center;
  139. }
  140.  
  141.  
  142. #sidebar {
  143. color:{color:text};
  144. position:fixed;
  145. width:70px;
  146. height:190px;
  147. margin-top:280px;
  148. margin-left:-50px;
  149. text-align:left;
  150. padding:15px;
  151. background:{color:sidebarbg};
  152. -moz-transition-duration:.8s;
  153. -webkit-transition-duration:.8s;
  154. -o-transition-duration:.8s;
  155. -webkit-transition-duration:.8s;
  156. }
  157.  
  158. #sidebar img {
  159. width:84px;
  160. height:40px;
  161. margin-top:-7px;
  162. margin-left:-7px;
  163. }
  164.  
  165. .slinks {
  166. margin-bottom:10px;
  167. margin-top:-5px;
  168. margin-left:-99px;
  169. font-size:8px;
  170. font-weight:bold;
  171. text-transform:uppercase;
  172. background:transparent;
  173. text-align:center;
  174. letter-spacing:4px;
  175. line-height:100%;
  176. width:270px;
  177. height:16px;
  178. opacity:1;
  179. position:fixed;
  180. z-index:999;
  181. font-weight:none;
  182. -moz-transition-duration:1s;
  183. -webkit-transition-duration:1s;
  184. -o-transition-duration:1s;
  185. }
  186.  
  187. .slinks a{
  188. padding:3px;
  189. color:{color:sblink};
  190. margin-left:-4px;
  191. margin-top:4px;
  192. width:11px;
  193. height:11px;
  194. display:inline-block;
  195. letter-spacing:0px;
  196. text-decoration:none;
  197. text-shadow:{color:bg} 0px 1px 2px;
  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:14px;
  243. margin-left:-3px;
  244. text-align:center;
  245. font-family:calibri;
  246. font-style:none;
  247. font-size:9px;
  248. width:76px;
  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:2px;
  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:14px;
  268. margin-top:168px;
  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:350px;
  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}" title="{text:Link 1}">I.</a>
  540. {/block:IfLink1}
  541. {block:IfLink2}
  542. <a href="{text:Link 2 url}" title="{text:Link 2}">II.</a>
  543. {/block:IfLink2}
  544. {block:IfLink3}
  545. <a href="{text:Link 3 url}" title="{text:Link 3}">III.</a>
  546. {/block:IfLink3}
  547. {block:IfLink4}
  548. <a href="{text:Link 4 url}" title="{text:Link 4}">IV.</a>
  549. {/block:IfLink4}
  550. </div>
  551. <div class="description">
  552. {Description}
  553. </div>
  554. <div class="title"></div>
  555. {block:Pagination}
  556. <div class="pagination">
  557. {block:PreviousPage}
  558. <a href="{PreviousPage}"><i>back</i></a>
  559. {/block:PreviousPage}
  560. {block:NextPage}
  561. <a href="{NextPage}"><i>forth</i></a>
  562. {/block:NextPage}
  563. </div>
  564. {/block:Pagination}
  565.  
  566.  
  567. </div>
  568.  
  569.  
  570.  
  571. <div id="postcontainer">
  572.  
  573. {block:Posts}
  574.  
  575. <div id="posts">
  576.  
  577. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  578.  
  579. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  580.  
  581. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  582. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  583.  
  584. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  585.  
  586. {block:Photoset}<center>{Photoset-500}</center>
  587. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  588.  
  589. {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}
  590.  
  591. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  592.  
  593. {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}
  594.  
  595. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  596. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  597. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  598. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  599. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  600.  
  601.  
  602.  
  603. {block:Date}<div id="info"><a href="{Permalink}" title="view permalink"style="background:{color:border};padding:3px;color:#fff; margin-top:-4px;">{TimeAgo}</a> {block:NoteCount} with <font color=#999>♥</font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} {block:RebloggedFrom} — <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  604. {block:ContentSource} , <a href="{SourceURL}">source</a> {/block:ContentSource}{/block:Date}</div>
  605. {block:HasTags}
  606. <div class="tags">
  607. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  608. {/block:HasTags}
  609. <div class="postnote">
  610. {block:PostNotes}{PostNotes}{/block:PostNotes}
  611. </div>
  612. </div>
  613. {/block:Posts}
  614.  
  615.  
  616.  
  617. <div class="credit"><a href="http://hzrrys.tumblr.com">HZ</a></div>
  618.  
  619. </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!