API tools faq
paste
Advertisement
hzrrys

HzrrysTheme27

hzrrys
Sep 29th, 2013
1,286
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.80 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. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  11. <script type="text/javascript">
  12. $(document).ready(function(){
  13. $(".desc_body").hide();
  14. $(".desc_head").click(function(){
  15. $(this).next(".desc_body").slideToggle('fast');
  16. }); }); </script>
  17.  
  18. <script type="text/javascript"
  19. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  20. <script>
  21.  
  22. $(function(){ // document ready
  23.  
  24. if (!!$('.slinks').offset()) { // make sure ".sticky" element exists
  25.  
  26. var stickyTop = $('.slinks').offset().top; // returns number
  27.  
  28. $(window).scroll(function(){ // scroll event
  29.  
  30. var windowTop = $(window).scrollTop(); // returns number
  31.  
  32. if (stickyTop < windowTop){
  33. $('.slinks').css({ position: 'fixed', top: 0});
  34. }
  35. else {
  36. $('.slinks').css('position','static');
  37. }
  38.  
  39. });
  40.  
  41. }
  42.  
  43. });
  44.  
  45.  
  46. </script>
  47.  
  48.  
  49. <meta name="color:bg" content="#FFFFFF">
  50. <meta name="color:link" content="#aaaaaa">
  51. <meta name="color:text" content="#a5a5a5">
  52. <meta name="color:hover" content="#f5f5f5">
  53. <meta name="color:border" content="#d3d3d3">
  54. <meta name="color:answerborder" content="#eeeeee">
  55. <meta name="color:descbg" content="#000000">
  56. <meta name="color:desc" content="#ffffff">
  57. <meta name="color:sblink" content="#8d8d8d">
  58. <meta name="color:sblinkhover" content="#000000">
  59. <meta name="color:linkborder" content="#000000">
  60. <meta name="color:title" content="#ffffff">
  61. <meta name="color:titlebg" content="#000000">
  62.  
  63. <meta name="image:sidebar" content=""/>
  64.  
  65. <meta name="text:title2" content="second title here">
  66. <meta name="text:Link 1" content="/">
  67. <meta name="text:Link 1 url" content="/">
  68. <meta name="text:Link 2" content="/">
  69. <meta name="text:Link 2 url" content="/">
  70. <meta name="text:Link 3" content="/">
  71. <meta name="text:Link 3 url" content="/">
  72. <meta name="text:Link 4" content="/">
  73. <meta name="text:Link 4 url" content="/">
  74. <meta name="text:Link 5" content="/">
  75. <meta name="text:Link 5 url" content="/">
  76.  
  77. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  78. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  79. <link rel="shortcut icon" href="{Favicon}" />
  80. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  81. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  82. <style>
  83. div#qTip {
  84. padding: 2px;
  85. display: none;
  86. text-align: center;
  87. text-decoration:none;
  88. position: absolute;
  89. margin-top:-33px;
  90. margin-left:8px;
  91. font-size:8px;
  92. line-height:9px;
  93. font-family:calibri;
  94. z-index: 1000;
  95. background-color:{color:desc};
  96. color:{color:bg};
  97. text-transform:uppercase;
  98. letter-spacing: 1px;
  99. }
  100. </style>
  101. <style type="text/css">
  102. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  103.  
  104.  
  105. a {
  106. color:{color:link};
  107. text-decoration:none;
  108. -moz-transition-duration:0.5s;
  109. -webkit-transition-duration:0.5s;
  110. -o-transition-duration:0.5s;
  111. }
  112.  
  113. a:hover {
  114. color:{color:hover};
  115. -moz-transition-duration:0.5s;
  116. -webkit-transition-duration:0.5s;
  117. -o-transition-duration:0.5s;
  118. }
  119.  
  120.  
  121. ::-webkit-scrollbar {background-color:#eee; border:3px solid #fff;height:8px; width:8px;}
  122. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border}; border:2px solid {color:bg}; height:50px;border-radius:300px;-webkit-border-radius: 300px;
  123. -moz-border-radius: 300px;}
  124. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:link};border:2px solid {color:bg}; height:8px!important}
  125.  
  126.  
  127. body {
  128. background-color:{color:bg};
  129. font-family:Cambria;
  130. font-weight:normal;
  131. }
  132.  
  133. small{font-size:7px}
  134. big{font-size:14px}
  135. b, strong{color:link}
  136. i, em {color:link}
  137. p{margin-top:5px; margin-bottom:5px}
  138. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  139.  
  140. small{font-size:7px}
  141. big{font-size:14px}
  142. b, strong{color:link}
  143. i, em {color:link}
  144. p{margin-top:5px; margin-bottom:5px}
  145. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  146.  
  147.  
  148. h1 {
  149. font-weight:normal;
  150. font-size:11px;
  151. text-align:center;
  152. font-style:italic;
  153. line-height:50%;
  154. letter-spacing:1px;
  155. text-transform:lowercase;
  156. color:{color:text};
  157. }
  158.  
  159. h2 {
  160. font-size:10px;
  161. text-align:center;
  162. line-height:100%;
  163. letter-spacing:-0.5px;
  164. color:{color:text};
  165. font-weight:bold;
  166. text-transform:uppercase;
  167. padding:5px;
  168. padding-bottom:2px;
  169. }
  170.  
  171.  
  172. blockquote {
  173. border-left:2px solid {color:text};
  174. padding-left:5px;
  175. margin:5px;
  176. }
  177.  
  178. #themenum {
  179. background-color:{color:bg};
  180. width:700px;
  181. margin: 0 auto -12px auto;
  182. text-align: center;
  183. }
  184.  
  185.  
  186. #sidebar {
  187. color:{color:text};
  188. position:fixed;
  189. width:70px;
  190. height:190px;
  191. margin-top:175px;
  192. margin-left:-50px;
  193. text-align:left;
  194. padding:15px;
  195. background:transparent;
  196. -moz-transition-duration:.8s;
  197. -webkit-transition-duration:.8s;
  198. -o-transition-duration:.8s;
  199. -webkit-transition-duration:.8s;
  200. }
  201.  
  202. #sidebar img {
  203. width:130px;
  204. height:170px;
  205. margin-top:5px;
  206. margin-left:-7px;
  207. }
  208.  
  209. .sbtitle {
  210. width:120px;
  211. padding:5px;
  212. color:{color:desc};
  213. background:{color:descbg};
  214. font-size:11px;
  215. font-family:calibri;
  216. text-align:center;
  217. margin-left:-7px;
  218. }
  219.  
  220. #title {
  221. width:480px;
  222. text-align:left;
  223. color:{color:title};
  224. background:{color:titlebg};
  225. font-size:20px;
  226. margin-top:-10px;
  227. margin-left:125px;
  228. padding:10px;
  229. word-spacing:1px;
  230. }
  231.  
  232. .desc_list {
  233. margin-left:-8px;
  234. margin-top:0px;
  235. padding:0px;
  236. width:124px;
  237. }
  238.  
  239. .desc_head {
  240. padding:3px;
  241. color:{color:desc};
  242. background:{color:descbg};
  243. position:relative;
  244. width:124px;
  245. font-size:10px;
  246. font-family:calibri;
  247. margin:1px;
  248. text-align:center;
  249. -moz-transition-duration:.5s;
  250. -webkit-transition-duration:.5s;
  251. -o-transition-duration:.5s;
  252. }
  253.  
  254. .desc_head:hover {
  255. color:{color:descbg};
  256. background:{color:desc};
  257. -moz-transition-duration:.5s;
  258. -webkit-transition-duration:.5s;
  259. -o-transition-duration:.5s;
  260. }
  261.  
  262.  
  263. .desc_body {
  264. padding:3px;
  265. font-size:10px;
  266. font-family:calibri;
  267. text-align:left;
  268. background:transparent;
  269. color:{color:text};
  270. display:none;
  271. width:124px;
  272. }
  273.  
  274.  
  275. .slinks {
  276. margin-bottom:10px;
  277. margin-top:-1px;
  278. margin-left:125px;
  279. font-size:9px;
  280. font-family:calibri;
  281. text-transform:uppercase;
  282. background:{color:bg};
  283. text-align:right;
  284. letter-spacing:4px;
  285. line-height:280%;
  286. padding:4px;
  287. width:492px;
  288. height:25px;
  289. opacity:1;
  290. position:static;
  291. z-index:999999999;
  292. border-bottom:1px solid {color:linkborder};
  293. -moz-transition-duration:1s;
  294. -webkit-transition-duration:1s;
  295. -o-transition-duration:1s;
  296. }
  297.  
  298. .slinks a{
  299. padding:5px;
  300. color:{color:sblink};
  301. margin-left:0px;
  302. width:11px;
  303. height:11px;
  304. display:inline;
  305. letter-spacing:0px;
  306. text-decoration:none;
  307. -moz-transition-duration:.5s;
  308. -webkit-transition-duration:.5s;
  309. -o-transition-duration:.5s;
  310. }
  311.  
  312. .slinks a:hover{
  313. background:{color:sblinkhover};
  314. color:{color:hover};
  315. -moz-transition-duration:.5s;
  316. -webkit-transition-duration:.5s;
  317. -o-transition-duration:.5s;
  318. }
  319.  
  320. #sidebar:hover .slinks{
  321. opacity:1;
  322. margin-top:-160px
  323. -moz-transition-duration:.8s;
  324. -webkit-transition-duration:.8s;
  325. -o-transition-duration:.8s;
  326. }
  327.  
  328. .links2 {
  329. width:135px;
  330. color:{color:desc};
  331. background:{color:bg};
  332. font-size:10px;
  333. font-family:calibri;
  334. margin-top:-1px;
  335. margin-left:-10px;
  336. text-align:center;
  337. }
  338. .links2 a{
  339. padding:3px;
  340. width:124px;
  341. margin-top:2px;
  342. background:{color:descbg};
  343. color:{color:desc};
  344. display:inline-block;
  345. -moz-transition-duration:.5s;
  346. -webkit-transition-duration:.5s;
  347. -o-transition-duration:.5s;
  348. }
  349. .links2 a:hover {
  350. background:{color:desc};
  351. color:{color:descbg};
  352. -moz-transition-duration:.5s;
  353. -webkit-transition-duration:.5s;
  354. -o-transition-duration:.5s;
  355. }
  356.  
  357.  
  358. .pagination {
  359. text-align:right;
  360. margin-left:180px;
  361. margin-top:15px;
  362. font-size:8px;
  363. text-decoration:italic;
  364. width:80px;
  365. letter-spacing:1px;
  366. font-style:normal;
  367. text-align:center;
  368. opacity:1;
  369. word-spacing:1px;
  370. -moz-transition-duration:.5s;
  371. -webkit-transition-duration:.5s;
  372. -o-transition-duration:.5s;
  373. }
  374.  
  375. .pagination a {
  376. text-align:right;
  377. color:{color:link};
  378. }
  379.  
  380. .pagination a:hover {
  381. color:{color:hover}
  382. }
  383.  
  384. #sidebar:hover .pagination{
  385. opacity:1;
  386. -moz-transition-duration:.5s;
  387. -webkit-transition-duration:.5s;
  388. -o-transition-duration:.5s;
  389. }
  390.  
  391.  
  392. #postcontainer {
  393. float:left;
  394. width:500px;
  395. margin-left:365px;
  396. margin-top:10px;
  397. text-align:justify;
  398. background-color:{color:bg};
  399. color:{color:text};
  400. margin-bottom: 35px;
  401. }
  402.  
  403.  
  404. #posts {
  405. width:500px;
  406. padding:10px;
  407. margin-top:0px;
  408. margin-left:-250px;
  409. text-align:justify;
  410. font-size:11px;
  411. line-height:100%;
  412. letter-spacing:0x;
  413. color:{color:text};
  414.  
  415. }
  416.  
  417.  
  418.  
  419. #info {
  420. font-family:cambria;
  421. width:490px;
  422. margin-top:3px;
  423. padding:2px;
  424. padding-left:8px;
  425. font-size:8px;
  426. color:{color:link};
  427. background:transparent;
  428. font-style:normal;
  429. letter-spacing:2px;
  430. text-align:left;
  431. border-top:1px solid {color:border};
  432. -moz-transition-duration:0.5s;
  433. -webkit-transition-duration:0.5s;
  434. -o-transition-duration:0.5s;
  435. }
  436.  
  437. #info a {
  438. color:{color:link};
  439. text-align:right;
  440. letter-spacing:1px;
  441. font-style:normal;
  442. }
  443.  
  444. #info a:hover {
  445. color:{color:hover};
  446. }
  447.  
  448. .caption {
  449. width:500px;
  450. text-align:justify;
  451. line-height:120%;
  452. }
  453.  
  454. .question {
  455. padding:10px;
  456. text-align:left;
  457. color:{color:text};
  458. }
  459.  
  460. .icon img {
  461. width:25px;
  462. height:25px;
  463. margin-top:-10px;
  464. float:left;
  465. border:double {color:answerborder};
  466. }
  467.  
  468. .answer {
  469. padding:5px;
  470. width:495px;
  471. font-family:times new;
  472. letter-spacing:1px;
  473. text-align:left;
  474. font-style:none;
  475. margin-left:-4px;
  476. margin-top:-3px;
  477. font-size:9px;
  478.  
  479. }
  480.  
  481. .music {
  482. width:495px;
  483. padding-bottom:10px;
  484. background-color:{color:infobg};
  485. }
  486.  
  487. .albumart {
  488. float:left;
  489. padding:0px 10px 10px 0px;
  490. }
  491.  
  492. .albumart img {
  493. width:45px;
  494. height:45px;
  495. }
  496.  
  497. .playercontainer {
  498. text-align:left;
  499. padding:10px;
  500. background-color:transparent;
  501. width:480px;
  502. }
  503.  
  504. .musicinfo {
  505. padding:10px;
  506. color:{color:text};
  507. }
  508.  
  509. .postnote {
  510. text-transform:uppercase;
  511. font-style:normal;
  512. letter-spacing:0px;
  513. font-size: 9px;
  514. text-align:left;
  515. line-height:90%;
  516. margin-left:-40px;
  517. }
  518.  
  519. .postnote li {
  520. list-style-type:none;
  521. border-bottom:1px solid {color:border};
  522. padding:10px 25px 10px 25px;
  523. text-align:left;
  524. margin:0px;
  525. -moz-transition-duration:0.5s;
  526. -webkit-transition-duration:0.5s;
  527. -o-transition-duration:0.5s;
  528. }
  529.  
  530. .tags {
  531. opacity:0;
  532. font-family:cambria;
  533. letter-spacing:0px;
  534. text-transform:lowercase;
  535. font-size:8px;
  536. font-style:italic;
  537. line-height:60%;
  538. margin-top:4px;
  539. text-align:left;
  540. width:500px;
  541. height:0px;
  542. -webkit-transition: all 0.6s ease-in-out;
  543. -moz-transition: all 0.6s ease-in-out;
  544. -o-transition: all 0.6s ease-in-out;
  545. -ms-transition: all 0.6s ease-in-out;
  546. transition: all 0.6s ease-in-out;
  547. }
  548.  
  549. .tags a {
  550. display:inline;
  551. background-color:{color:bg};
  552. line-height:110%;
  553. padding:-3px;
  554. text-align:left;
  555. -webkit-transition: all 0.6s ease-in-out;
  556. -moz-transition: all 0.6s ease-in-out;
  557. -o-transition: all 0.6s ease-in-out;
  558. -ms-transition: all 0.6s ease-in-out;
  559. transition: all 0.6s ease-in-out;
  560. }
  561.  
  562. #posts:hover .tags {
  563. opacity:1;
  564. -webkit-transition: all 0.6s ease-in-out;
  565. -moz-transition: all 0.6s ease-in-out;
  566. -o-transition: all 0.6s ease-in-out;
  567. -ms-transition: all 0.6s ease-in-out;
  568. transition: all 0.6s ease-in-out;
  569. }
  570.  
  571. ul.chat, .chat ol, .chat li {
  572. list-style-type:none;
  573. margin:0px;
  574. padding:2px;
  575. background:{color:bg};
  576. }
  577.  
  578. .tab {
  579. text-decoration:underline;
  580. font-weight:700;
  581. background-color:{color:bg};
  582. margin-right:5px;
  583. }
  584.  
  585. .credit {
  586. position:fixed;
  587. font-family:trebuchet ms;
  588. font-size:9px;
  589. line-height:100%;
  590. letter-spacing:0px;
  591. width:auto;
  592. right:7px;
  593. bottom:3px;
  594. text-transform:uppercase;
  595. text-align:center;
  596. -moz-transition-duration:0.7s;
  597. -webkit-transition-duration:0.7s;
  598. -o-transition-duration:0.7s;
  599. }
  600.  
  601. .credit a {
  602. display:block;
  603. width:13px;
  604. height:10px;
  605. padding:5px;
  606. color:#aaa;
  607. border:1px solid {color:bg};
  608. -moz-transition-duration:0.7s;
  609. -webkit-transition-duration:0.7s;
  610. -o-transition-duration:0.7s;
  611. }
  612.  
  613. .credit a:hover {
  614. color:#fff;
  615. background:#ccc;
  616. text-shadow:#ddd 0px 1px 1px;
  617. -moz-transition-duration:0.7s;
  618. -webkit-transition-duration:0.7s;
  619. -o-transition-duration:0.7s;
  620. }
  621. {CustomCSS}
  622.  
  623. </style></head>
  624.  
  625. <body>
  626. <div id="themenum">
  627. <div id="sidebar">
  628. <div class="sbtitle">{text:title2}</div>
  629. <img src="{image:sidebar}" />
  630.  
  631. <div class="desc_list">
  632. <p class="desc_head">description</p>
  633. <div class="desc_body">
  634. <center>
  635. {Description}
  636. </center>
  637. </div></div>
  638. <div class="links2">
  639. {block:IfLink4}
  640. <a href="{text:Link 4 url}">{text:Link 4}</a>
  641. {/block:IfLink4}
  642. {block:IfLink5}
  643. <a href="{text:Link 5 url}">{text:Link 5}</a>
  644. {/block:IfLink5}
  645. {block:Pagination}
  646. {block:PreviousPage}
  647. <a href="{PreviousPage}">▼</a>
  648. {/block:PreviousPage}
  649. {block:NextPage}
  650. <a href="{NextPage}">▲</a>
  651. {/block:NextPage}
  652. {/block:Pagination}
  653. </div>
  654.  
  655.  
  656. </div>
  657. <div id="title">{Title}</div>
  658.  
  659.  
  660. <div class="slinks">
  661. {block:IfLink1}
  662. <a href="{text:Link 1 url}">{text:Link 1}</a>
  663. {/block:IfLink1}
  664. {block:IfLink2}
  665. <a href="{text:Link 2 url}">{text:Link 2}</a>
  666. {/block:IfLink2}
  667. {block:IfLink3}
  668. <a href="{text:Link 3 url}">{text:Link 3}</a>
  669. {/block:IfLink3}
  670. {block:IfLink5}
  671. <a href="http://hzrrys.tumblr.com/" style="font-size:11px;">©</a>
  672. {/block:IfLink5}
  673. </div>
  674.  
  675.  
  676. <div id="postcontainer">
  677.  
  678. {block:Posts}
  679.  
  680. <div id="posts">
  681.  
  682. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  683.  
  684. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  685.  
  686. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  687. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  688.  
  689. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  690.  
  691. {block:Photoset}<center>{Photoset-500}</center>
  692. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  693.  
  694. {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}
  695.  
  696. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  697.  
  698. {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}
  699.  
  700. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  701. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  702. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  703. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  704. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  705.  
  706.  
  707.  
  708. {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}
  709. {block:ContentSource} , <a href="{SourceURL}">source</a> {/block:ContentSource}{/block:Date}</div>
  710. {block:HasTags}
  711. <div class="tags">
  712. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  713. {/block:HasTags}
  714. <div class="postnote">
  715. {block:PostNotes}{PostNotes}{/block:PostNotes}
  716. </div>
  717. </div>
  718. {/block:Posts}
  719.  
  720.  
  721.  
  722. <div class="credit"><a href="http://hzrrys.tumblr.com">HZ</a></div>
  723.  
  724. </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!