API tools faq
paste
Advertisement
hzrrys

HzrrysTheme21

hzrrys
Jul 24th, 2013
816
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.46 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="#98b99e">
  14. <meta name="color:text" content="#a5a5a5">
  15. <meta name="color:hover" content="#f5f5f5">
  16. <meta name="color:border" content="#cccccc">
  17. <meta name="color:answerbg" content="#fbfbfb">
  18. <meta name="color:desc" content="#aaaaaa">
  19. <meta name="color:sblink" content="#7a967f">
  20.  
  21. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="text:Link 1" content="/">
  24. <meta name="text:Link 1 url" content="/">
  25. <meta name="text:Link 2" content="/">
  26. <meta name="text:Link 2 url" content="/">
  27. <meta name="text:Link 3" content="/">
  28. <meta name="text:Link 3 url" content="/">
  29. <meta name="text:Link 4" content="/">
  30. <meta name="text:Link 4 url" content="/">
  31. <meta name="text:Link 5" content="/">
  32. <meta name="text:Link 5 url" content="/">
  33.  
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  35. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36. <link rel="shortcut icon" href="{Favicon}" />
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  39. <style>
  40. div#qTip {
  41. padding: 2px;
  42. display: none;
  43. text-align: center;
  44. text-decoration:none;
  45. position: absolute;
  46. margin-top:-33px;
  47. margin-left:8px;
  48. font-size:8px;
  49. line-height:9px;
  50. font-family:calibri;
  51. z-index: 1000;
  52. background-color:{color:desc};
  53. color:#fff;
  54. text-transform:uppercase;
  55. letter-spacing: 1px;
  56. }
  57. </style>
  58. <style type="text/css">
  59. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  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:176px;
  146. height:98px;
  147. margin-top:440px;
  148. margin-left:-200px;
  149. text-align:left;
  150. padding:15px;
  151. background:transparent;
  152. -moz-transition-duration:.8s;
  153. -webkit-transition-duration:.8s;
  154. -o-transition-duration:.8s;
  155. -webkit-transition-duration:.8s;
  156. }
  157.  
  158.  
  159.  
  160. #sidebar img {
  161. width:205px;
  162. height:115px;
  163. margin-bottom:10px;
  164. margin-top:-30px;
  165. margin-left:80px;
  166. padding:0px;
  167. opacity:1;
  168. -moz-transition-duration:1s;
  169. -webkit-transition-duration:1s;
  170. -o-transition-duration:1s;
  171. }
  172.  
  173. #sidebar:hover img{
  174. opacity:1;
  175. -moz-transition-duration:.8s;
  176. -webkit-transition-duration:.8s;
  177. -o-transition-duration:.8s;
  178. }
  179.  
  180. .slinks {
  181. margin-bottom:10px;
  182. margin-top:-150px;
  183. margin-left:34px;
  184. font-size:8px;
  185. text-transform:uppercase;
  186. background:transparent;
  187. text-align:center;
  188. letter-spacing:4px;
  189. line-height:100%;
  190. width:270px;
  191. height:16px;
  192. opacity:0;
  193. position:fixed;
  194. z-index:999;
  195. -moz-transition-duration:1s;
  196. -webkit-transition-duration:1s;
  197. -o-transition-duration:1s;
  198. }
  199.  
  200. .slinks a{
  201. padding:3px;
  202. color:{color:sblink};
  203. margin-left:20px;
  204. margin-top:4px;
  205. width:11px;
  206. height:11px;
  207. display:inline-block;
  208. letter-spacing:0px;
  209. text-decoration:none;
  210. text-shadow:{color:desc} 0px 1px 1px;
  211. -moz-transition-duration:.5s;
  212. -webkit-transition-duration:.5s;
  213. -o-transition-duration:.5s;
  214. }
  215.  
  216. .slinks a:hover{
  217. color:{color:hover};
  218. -webkit-transition: all 0.2s ease-out;
  219. -moz-transition: all 0.2s ease-out;
  220. transition: all 0.2s ease-out;
  221. text-shadow:-7px 0px 0 {color:desc}, 7px 0px 0 {color:link};
  222. -moz-transition-duration:.5s;
  223. -webkit-transition-duration:.5s;
  224. -o-transition-duration:.5s;
  225. }
  226.  
  227. #sidebar:hover .slinks{
  228. opacity:1;
  229. margin-top:-160px
  230. -moz-transition-duration:.8s;
  231. -webkit-transition-duration:.8s;
  232. -o-transition-duration:.8s;
  233. }
  234.  
  235. #sidebar:hover .title {
  236. opacity:1;
  237. -moz-transition-duration:.8s;
  238. -webkit-transition-duration:.8s;
  239. -o-transition-duration:.8s;
  240. }
  241.  
  242. .title {
  243. border-bottom:3px solid {color:bg};
  244. background-color:transparent;
  245. margin-top:-25px;
  246. margin-left:80px;
  247. width:201px;
  248. height:1px;
  249. padding:2px;
  250. opacity:1;
  251. position:fixed;
  252. z-index:999999;
  253. -moz-transition-duration:.8s;
  254. -webkit-transition-duration:.8s;
  255. -o-transition-duration:.8s;
  256. }
  257.  
  258. .description {
  259. margin-bottom:15px;
  260. margin-top:-18px;
  261. margin-left:81px;
  262. text-align:left;
  263. font-family:georgia;
  264. font-style:none;
  265. font-size:7px;
  266. width:202px;
  267. height:auto;
  268. background:transparent;
  269. word-wrap: break-word;
  270. color:{color:desc};
  271. letter-spacing:1px;
  272. word-spacing:3px;
  273. line-height:130%;
  274. position:fixed;
  275. opacity:1;
  276. -moz-transition-duration:.5s;
  277. -webkit-transition-duration:.5s;
  278. -o-transition-duration:.5s;
  279. }
  280.  
  281.  
  282. .pagination {
  283. margin-left:35px;
  284. margin-top:45px;
  285. font-size:8px;
  286. text-decoration:italic;
  287. letter-spacing:2px;
  288. font-style:normal;
  289. text-align:center;
  290. opacity:1;
  291. -moz-transition-duration:.5s;
  292. -webkit-transition-duration:.5s;
  293. -o-transition-duration:.5s;
  294. }
  295.  
  296. .pagination a {
  297. color:{color:link};
  298. }
  299.  
  300. .pagination a:hover {
  301. color:{color:hover}
  302. }
  303.  
  304. #sidebar:hover .pagination{
  305. opacity:1;
  306. -moz-transition-duration:.5s;
  307. -webkit-transition-duration:.5s;
  308. -o-transition-duration:.5s;
  309. }
  310.  
  311.  
  312. #postcontainer {
  313. float:left;
  314. width:400px;
  315. margin-left:350px;
  316. margin-top:70px;
  317. text-align:justify;
  318. background-color:{color:bg};
  319. color:{color:text};
  320. margin-bottom: 35px;
  321. }
  322.  
  323.  
  324. #posts {
  325. width:400px;
  326. padding:10px;
  327. margin-top:5px;
  328. margin-left:-200px;
  329. text-align:justify;
  330. font-size:11px;
  331. line-height:100%;
  332. letter-spacing:0x;
  333. color:{color:text};
  334.  
  335. }
  336.  
  337.  
  338.  
  339. #info {
  340. font-family:cambria;
  341. width:390px;
  342. margin-top:3px;
  343. padding:2px;
  344. padding-left:8px;
  345. font-size:8px;
  346. color:{color:link};
  347. background:transparent;
  348. font-style:normal;
  349. letter-spacing:2px;
  350. text-align:left;
  351. border-top:1px solid {color:border};
  352. -moz-transition-duration:0.5s;
  353. -webkit-transition-duration:0.5s;
  354. -o-transition-duration:0.5s;
  355. }
  356.  
  357. #info a {
  358. color:{color:link};
  359. text-align:right;
  360. letter-spacing:1px;
  361. font-style:normal;
  362. }
  363.  
  364. #info a:hover {
  365. color:{color:hover};
  366. }
  367.  
  368. .caption {
  369. width:400px;
  370. text-align:justify;
  371. line-height:120%;
  372. }
  373.  
  374. .question {
  375. padding:10px;
  376.  
  377. text-align:center;
  378. color:{color:text};
  379. border:1px solid {color:border};
  380. background-color:{color:answerbg};
  381. }
  382.  
  383. .answer {
  384. padding:5px;
  385. width:395px;
  386. font-family:times new;
  387. letter-spacing:1px;
  388. text-align:left;
  389. font-style:none;
  390. margin-left:-4px;
  391. margin-top:-3px;
  392. font-size:9px;
  393.  
  394. }
  395.  
  396. .music {
  397. width:395px;
  398. padding-bottom:10px;
  399. background-color:{color:infobg};
  400. }
  401.  
  402. .albumart {
  403. float:left;
  404. padding:0px 10px 10px 0px;
  405. }
  406.  
  407. .albumart img {
  408. width:45px;
  409. height:45px;
  410. }
  411.  
  412. .playercontainer {
  413. text-align:left;
  414. padding:10px;
  415. background-color:transparent;
  416. width:380px;
  417. }
  418.  
  419. .musicinfo {
  420. padding:10px;
  421. color:{color:text};
  422. }
  423.  
  424. .postnote {
  425. text-transform:uppercase;
  426. font-style:normal;
  427. letter-spacing:0px;
  428. font-size: 9px;
  429. text-align:left;
  430. line-height:90%;
  431. margin-left:-40px;
  432. }
  433.  
  434. .postnote li {
  435. list-style-type:none;
  436. border-bottom:1px solid {color:border};
  437. padding:10px 25px 10px 25px;
  438. text-align:left;
  439. margin:0px;
  440. -moz-transition-duration:0.5s;
  441. -webkit-transition-duration:0.5s;
  442. -o-transition-duration:0.5s;
  443. }
  444.  
  445. .tags {
  446. opacity:0;
  447. font-family:cambria;
  448. letter-spacing:0px;
  449. text-transform:lowercase;
  450. font-size:8px;
  451. font-style:italic;
  452. line-height:60%;
  453. margin-top:4px;
  454. text-align:left;
  455. width:400px;
  456. height:0px;
  457. -webkit-transition: all 0.6s ease-in-out;
  458. -moz-transition: all 0.6s ease-in-out;
  459. -o-transition: all 0.6s ease-in-out;
  460. -ms-transition: all 0.6s ease-in-out;
  461. transition: all 0.6s ease-in-out;
  462. }
  463.  
  464. .tags a {
  465. display:inline;
  466. background-color:{color:bg};
  467. line-height:110%;
  468. padding:-3px;
  469. text-align:left;
  470. -webkit-transition: all 0.6s ease-in-out;
  471. -moz-transition: all 0.6s ease-in-out;
  472. -o-transition: all 0.6s ease-in-out;
  473. -ms-transition: all 0.6s ease-in-out;
  474. transition: all 0.6s ease-in-out;
  475. }
  476.  
  477. #posts:hover .tags {
  478. opacity:1;
  479. -webkit-transition: all 0.6s ease-in-out;
  480. -moz-transition: all 0.6s ease-in-out;
  481. -o-transition: all 0.6s ease-in-out;
  482. -ms-transition: all 0.6s ease-in-out;
  483. transition: all 0.6s ease-in-out;
  484. }
  485.  
  486. ul.chat, .chat ol, .chat li {
  487. list-style-type:none;
  488. margin:0px;
  489. padding:2px;
  490. background:{color:bg};
  491. }
  492.  
  493. .tab {
  494. text-decoration:underline;
  495. font-weight:700;
  496. background-color:{color:bg};
  497. margin-right:5px;
  498. }
  499.  
  500. .credit {
  501. position:fixed;
  502. font-family:trebuchet ms;
  503. font-size:9px;
  504. line-height:100%;
  505. letter-spacing:0px;
  506. width:auto;
  507. right:7px;
  508. bottom:3px;
  509. text-transform:uppercase;
  510. text-align:center;
  511. -moz-transition-duration:0.7s;
  512. -webkit-transition-duration:0.7s;
  513. -o-transition-duration:0.7s;
  514. }
  515.  
  516. .credit a {
  517. display:block;
  518. width:13px;
  519. height:10px;
  520. padding:5px;
  521. color:#aaa;
  522. border:1px solid {color:bg};
  523. -moz-transition-duration:0.7s;
  524. -webkit-transition-duration:0.7s;
  525. -o-transition-duration:0.7s;
  526. }
  527.  
  528. .credit a:hover {
  529. color:#fff;
  530. background:#ccc;
  531. text-shadow:#ddd 0px 1px 1px;
  532. -moz-transition-duration:0.7s;
  533. -webkit-transition-duration:0.7s;
  534. -o-transition-duration:0.7s;
  535. }
  536. {CustomCSS}
  537.  
  538. </style></head>
  539.  
  540. <body>
  541. <div id="themenum">
  542. <div id="sidebar">
  543. <img src="{image:sidebar}">
  544.  
  545. <div class="slinks"><b>
  546. {block:IfLink1}
  547. <a href="{text:Link 1 url}" title="{text:Link 1}">I.</a>
  548. {/block:IfLink1}
  549. {block:IfLink2}
  550. <a href="{text:Link 2 url}" title="{text:Link 2}">II.</a>
  551. {/block:IfLink2}
  552. {block:IfLink3}
  553. <a href="{text:Link 3 url}" title="{text:Link 3}">III.</a>
  554. {/block:IfLink3}
  555. {block:IfLink4}
  556. <a href="{text:Link 4 url}" title="{text:Link 4}">IV.</a>
  557. {/block:IfLink4}
  558. {block:IfLink5}
  559. <a href="{text:Link 5 url}" title="{text:Link 5}">V.</a>
  560. {/block:IfLink5}</b>
  561. </div>
  562. <div class="description">
  563. <p>{Description}
  564. </div>
  565. <div class="title"></div>
  566. {block:Pagination}
  567. <div class="pagination">
  568. {block:PreviousPage}
  569. <a href="{PreviousPage}"><i>back</i></a>
  570. {/block:PreviousPage}
  571. {block:NextPage}
  572. — <a href="{NextPage}"><i>forth</i></a>
  573. {/block:NextPage}
  574. </div>
  575. {/block:Pagination}
  576.  
  577.  
  578. </div>
  579.  
  580.  
  581.  
  582. <div id="postcontainer">
  583.  
  584. {block:Posts}
  585.  
  586. <div id="posts">
  587.  
  588. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  589.  
  590. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  591.  
  592. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  593. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  594.  
  595. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  596.  
  597. {block:Photoset}<center>{Photoset-400}</center>
  598. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  599.  
  600. {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}
  601.  
  602. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  603.  
  604. {block:Answer}<div class="question"><b>{Asker}</b> asked: {Question}</div><div class="answer">{Answer}</div>{/block:answer}
  605.  
  606. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  607. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  608. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  609. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  610. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  611.  
  612.  
  613.  
  614. {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}
  615. {block:ContentSource} , <a href="{SourceURL}">source</a> {/block:ContentSource}{/block:Date}</div>
  616. {block:HasTags}
  617. <div class="tags">
  618. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  619. {/block:HasTags}
  620. <div class="postnote">
  621. {block:PostNotes}{PostNotes}{/block:PostNotes}
  622. </div>
  623. </div>
  624. {/block:Posts}
  625.  
  626.  
  627.  
  628. <div class="credit"><a href="http://hzrrys.tumblr.com">HZ</a></div>
  629.  
  630. </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!