API tools faq
paste
Advertisement
hzrrys

HzrrysTheme8

hzrrys
May 13th, 2013
1,334
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.88 KB | None | 0 0
raw download clone embed print report
  1. <script type="text/javascript"
  2. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  3.  
  4. <head>
  5.  
  6. <!--
  7. theme made by Sabrena (Hzrrys). Don't be stealin meh shit, i'll go hoodrat on y'all
  8. -->
  9.  
  10.  
  11. <meta name="color:background" content="#FFFFFF" />
  12. <meta name="color:text" content="#a8a8a8"/>
  13. <meta name="color:title" content="#92b1ae"/>
  14. <meta name="color:border" content="#f6f6f6" />
  15. <meta name="color:sblinkbg" content="#787878"/>
  16. <meta name="color:ask border" content="#e4e4e4"/>
  17. <meta name="color:link" content="#91b1ae"/>
  18. <meta name="color:linkHover" content="#f5f5f5"/>
  19. <meta name="color:answerb" content="#f8f8f8"/>
  20. <meta name="color:scrollbar" content="#BBBBBB" />
  21. <meta name="color:scrollbg" content="#FFFFFF" />
  22.  
  23.  
  24. <meta name="text:link1" content="">
  25. <meta name="text:link1 url" content="/">
  26. <meta name="text:link2" content="">
  27. <meta name="text:link2 url" content="/">
  28. <meta name="text:link3" content="">
  29. <meta name="text:link3 url" content="/">
  30. <meta name="text:link4" content="">
  31. <meta name="text:link4 url" content="/">
  32. <meta name="text:link5" content="">
  33. <meta name="text:link5 url" content="/">
  34. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  35. <style>
  36. div#qTip {
  37. padding: 2px;
  38. display: none;
  39. text-align: center;
  40. position: absolute;
  41. font-style:;
  42. font-size:7px;
  43. line-height:9px;
  44. font-family:cambria;
  45. z-index: 1000;
  46. border: 1px solid {color:title};
  47. background-color:#fcfcfc;
  48. color: #8cb5b7;
  49. text-transform:uppercase;
  50. letter-spacing: 1px;
  51. }
  52. </style>
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  55. <link href='http://fonts.googleapis.com/css?family=Allura|Ruthie|Dancing+Script|Pinyon+Script|Meddon|Herr+Von+Muellerhoff' rel='stylesheet' type='text/css'>
  56. <link href='http://fonts.googleapis.com/css?family=Meie+Script|Dynalight|Miss+Fajardose|Ruthie' rel='stylesheet' type='text/css'>
  57. <head><title>{Title}</title>
  58. <link rel="shortcut icon" href="{Favicon}">
  59. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  60. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  61. <style type="text/css">
  62.  
  63. @font-face { font-family: "font"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  64.  
  65. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  66.  
  67.  
  68. ::-webkit-scrollbar {width: 3px; height:auto; background:{color:background}}
  69. ::-webkit-scrollbar-corner {padding:2px;background:{color:background}}
  70. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
  71. ::-webkit-scrollbar-button:horizontal {width: 3px; height: 5px; display: block; background:{color:scrollbar}}
  72. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  73. ::-webkit-scrollbar-thumb:horizontal {background: {color:background};}
  74. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  75.  
  76. body {
  77. background:{color:background};
  78. margin:0px;
  79. font-family: times;
  80. font-size:9px;
  81. text-transform:none;
  82. letter-spacing:1px;
  83. color:{color:text};
  84. line-height:100%;}
  85.  
  86. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  87. a:hover{color:{color:linkhover}}
  88.  
  89. small{font-size:7px}
  90. big{font-size:14px}
  91. b, strong{color:{color:title}}
  92. i, em {color:{color:title}}
  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:{color:title}}
  99. i, em {color:{color:title}}
  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. img a{border:none; width:100%}
  104.  
  105. a {
  106. text-decoration:none;
  107. color:{color:link};
  108. -webkit-transition:all 0.5s ease-out;
  109. -moz-transition:all 0.5s ease-out;
  110. transition:all 0.5s ease-out;
  111.  
  112. }
  113.  
  114. a:hover {
  115. text-decoration:none;
  116. color:{color:linkHover};
  117. -webkit-transition:all 0.5s ease-out;
  118. -moz-transition:all 0.5s ease-out;
  119. transition:all 0.5s ease-out;
  120.  
  121. }
  122. }
  123. #container {
  124. background-color:{color:background};
  125. width: 814px;
  126. text-align: center;
  127. margin: 0 auto -10px auto
  128. }
  129.  
  130. #entries {
  131. padding:4px;
  132. width:500px;
  133. margin-left:570px;
  134. margin-top:30px;
  135. font-size:10px;
  136. text-transform:uppercase;
  137. font-family:inconsolata;
  138. font-size:8px;
  139. }
  140.  
  141. #post {
  142. width:500px;
  143. padding-bottom:20px;
  144. padding:4px;
  145. margin-top:30px;
  146. margin-bottom:10px;
  147. text-align:left;
  148. text-transform:none;
  149. font-family:cambria;
  150. letter-spacing:0px;
  151. font-size:9px;
  152. }
  153.  
  154. #sidebar {
  155. top: 190px;
  156. margin-left:330px;
  157. padding:0px;
  158. position:fixed;
  159. width:150px;
  160. }
  161.  
  162. #descri {
  163. background-color:{color:background};
  164. font-family: cambria;
  165. padding-top:-20px;
  166. margin-top:-300px;
  167. margin-left:12px;
  168. margin-bottom:25px;
  169. text-align:center;
  170. line-height:100%;
  171. font-size:8px;
  172. width:137px;
  173. padding:10px;
  174. height:2100px;
  175. }
  176.  
  177. #descri img {
  178. width:150px;
  179. height:210px;
  180. margin-left:-152px;
  181. margin-top:310px;
  182. background:transparent;
  183. -moz-transition-duration:.7s;
  184. -webkit-transition-duration:.7s;
  185. -o-transition-duration:.7s;
  186. }
  187.  
  188.  
  189. .links {
  190. margin-top:-165px;
  191. margin-left:-46px;
  192. font-size:8px;
  193. font-family:cambria;
  194. opacity:0;
  195. width:70px;
  196. height:180px;
  197. text-align:center;
  198. position:fixed !important;
  199. background-color:transparent;
  200. text-transform:uppercase;
  201. line-height:190%;
  202. letter-spacing:Opx;
  203. overflow:auto;
  204. -moz-transition-duration:.6s;
  205. -webkit-transition-duration:.6s;
  206. -o-transition-duration:.6s;
  207. }
  208.  
  209. .links a{
  210. padding:3px;
  211. color:{color:title};
  212. display:inline-block;
  213. letter-spacing:0px;
  214. text-decoration:none;
  215. background-color:#fff;
  216. border:1px solid #fff;
  217. height:14px;
  218. width:53px;
  219. line-height:-80px;
  220. text-align:center;
  221. border-radius: 20px;
  222. }
  223.  
  224. .links a:hover{
  225. color:{color:linkHover};
  226. background:{color:sblinkbg};
  227. -moz-transition-duration:.8s;
  228. -webkit-transition-duration:.8s;
  229. -o-transition-duration:.8s;
  230. }
  231.  
  232. #descri:hover .links{
  233. opacity:1;
  234. -moz-transition-duration:.6s;
  235. -webkit-transition-duration:.6s;
  236. -o-transition-duration:.6s;
  237. }
  238.  
  239. .title {
  240. margin-top:-141px;
  241. margin-left:-99px;
  242. font-family:font;
  243. text-transform:none;
  244. text-decoration:none;
  245. font-size:21px;
  246. font-style:none;
  247. text-align:center;
  248. word-spacing:-2px;
  249. letter-spacing:0px;
  250. line-height:12px;
  251. width:173px;
  252. height:auto;
  253. opacity:1;
  254. position:fixed;
  255. background-color:transparent;
  256. z-index:0;
  257. color:{color:title};
  258. -moz-transition-duration:.5s;
  259. -webkit-transition-duration:.5s;
  260. -o-transition-duration:.5;
  261. }
  262.  
  263. #descri:hover .title {
  264. margin-top:-180px;
  265. opacity:0;
  266. -moz-transition-duration:.5s;
  267. -webkit-transition-duration:.5s;
  268. -o-transition-duration:.5;
  269. }
  270.  
  271. .desc {
  272. font-family:times new;
  273. font-size:7px;
  274. text-transform:none;
  275. font-style: none;
  276. width:85px;
  277. height:110px;
  278. line-height: 140%;
  279. word-spacing:3px;
  280. margin-top:-121px;
  281. margin-bottom:7px;
  282. background:transparent;
  283. margin-left:-53px;
  284. color:{color:text};
  285. opacity:1;
  286. border-radius:50px;
  287. -moz-transition-duration:.5s;
  288. -webkit-transition-duration:.5s;
  289. -o-transition-duration:.5s;
  290. }
  291.  
  292. #descri:hover .desc{
  293. opacity:0;
  294. margin-top:-50px;
  295. -moz-transition-duration:.5s;
  296. -webkit-transition-duration:.5s;
  297. -o-transition-duration:.5s;
  298. }
  299.  
  300. .pagination {
  301. text-align:center;
  302. color:{color:body};
  303. left:213px;
  304. }
  305.  
  306. .current_page {
  307. background-color:;
  308. padding:5px;
  309. margin:5px;
  310. }
  311.  
  312. .jump_page, .next {
  313. background-color:;
  314. padding:5px;
  315. margin:5px;
  316. }
  317.  
  318. #footer {
  319. position:fixed;
  320. bottom:-10px;
  321. background-color:{color:background};
  322. width:630px;
  323. height:30px;
  324. padding:20px 0 20px 0px;
  325. text-align:center;
  326. }
  327.  
  328. h2{
  329. color:{color:title};
  330. font-family:{font:title};
  331. font-size:12px;
  332. line-height:11px;
  333. letter-spacing:0px;
  334. font-weight:normal;
  335. text-transform:none;
  336. margin:0px;
  337. padding:0px;
  338. margin-bottom:-0px;
  339. text-align:left
  340. }
  341.  
  342. #asker {
  343. padding:10px;
  344. text-align:center;
  345. background-color:{color:answerb}
  346. }
  347.  
  348. .user_1 .label {color:{color:link}; font-weight:bold}
  349. .user_2 .label {color:{color:text}; font-weight:bold}
  350. .user_3 .label {color:{color:link}; font-weight:bold}
  351. .user_4 .label {color:{color:text}; font-weight:bold}
  352. .user_5 .label {color:{color:link}; font-weight:bold}
  353. .user_6 .label {color:{color:text}; font-weight:bold}
  354. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  355.  
  356. #tags {
  357. text-transform:uppercase;
  358. padding-top:3px;
  359. padding:1px;
  360. margin:0px 5px 0px;
  361. font-size:8px;
  362. }
  363.  
  364. #tags:hover {
  365. color:{color:link hover};
  366. background-color:{color:linkhoverbg};}
  367.  
  368. #cred {
  369. font-family:consolas;
  370. font-size: 7px;
  371. letter-spacing:1px;
  372. bottom:20px;
  373. text-transform:
  374. uppercase;
  375. right:20px;
  376. position:fixed;
  377. padding:5px;
  378. text-align:center;
  379. border:1px solid #eee;
  380. height:10px;
  381. line-height:150%;
  382. -moz-transition-duration:0.5s;
  383. -webkit-transition-duration:0.5s;
  384. -o-transition-duration:0.5s;
  385. }
  386.  
  387. #cred:hover {
  388. background-color:#222;
  389. color:#fff;
  390. -moz-transition-duration:0.5s;
  391. -webkit-transition-duration:0.5s;
  392. -o-transition-duration:0.5s;
  393. border-radius: 13px;
  394. }
  395.  
  396. #updates {
  397. text-align: center;
  398. font-size:9px;
  399. font-family:cambria;
  400. position:fixed;
  401. left:567px;
  402. top:-111px;
  403. color:{color:text};
  404. -webkit-transition: all .4s ease-in-out;
  405. -moz-transition: all .4s ease-in-out;
  406. -o-transition: all .4s ease-in-out;
  407. z-index:999;
  408. }
  409.  
  410. #updates:hover {
  411. top:0px;
  412. -webkit-transition: all .4s ease-in-out;
  413. -moz-transition: all .4s ease-in-out;
  414. -o-transition: all .4s ease-in-out;
  415. }
  416.  
  417. #update {
  418. padding: 5px 0 5px 0;
  419. background: #fff;
  420. color:{color:text};
  421. width:520px;
  422. height:100px;
  423. z-index: 9999;
  424.  
  425. }
  426.  
  427. #updatestab {
  428. border-bottom:1px solid {color:border};
  429. font-size:9px;
  430. text-align: center;
  431. height:30px;
  432. padding: 2px 0 8px 0;
  433. background:#fff;
  434. width: 520px;
  435. }
  436.  
  437. #reblog {
  438. text-align:left;
  439. margin-top:-40px;
  440. margin-left:-5px;
  441. }
  442.  
  443. #reblog a {
  444. opacity:1; color:
  445. -webkit-transition: all .6s ease-in-out;
  446. -moz-transition: all .6s ease-in-out;
  447. -o-transition: all .6s ease-in-out;
  448. }
  449.  
  450. #reblog a:hover {
  451. opacity:1;
  452. background-color:none;
  453. opacity:.5;
  454. text-decoration:none;
  455. -webkit-transition: all .6s ease-in-out;
  456. -moz-transition: all .6s ease-in-out;
  457. -o-transition: all .6s ease-in-out;
  458. }
  459.  
  460. #info {
  461. text-align:left;
  462. text-transform:lowercase;
  463. margin-top:10px;
  464. margin-left:-1px;
  465. border-top:1px solid {color:border};
  466. height:30px;
  467. width:500px;
  468. }
  469.  
  470. .tags {
  471. opacity:0;
  472. font-size:7px
  473. font-family:calibri;
  474. -webkit-transition: all .6s ease-in-out;
  475. -moz-transition: all .6s ease-in-out;
  476. -o-transition: all .6s ease-in-out;
  477. }
  478.  
  479. #post:hover .tags{
  480. opacity:1;
  481. -webkit-transition: all .6s ease-in-out;
  482. -moz-transition: all .6s ease-in-out;
  483. -o-transition: all .6s ease-in-out;
  484. }
  485.  
  486. </style>
  487. <style type="text/css">{CustomCSS}</style>
  488.  
  489. </head>
  490. <body>
  491. <div id="updates">
  492. <div id="update"><center>
  493. <!--
  494.  
  495. ALL YOUR UPDATES OR WHATEVER GO BELOWWW
  496.  
  497. -->
  498. <small>&nbsp;&nbsp;updates tab credit: <a href="http://www.zerie.tumblr.com/">Zerie</a></small>
  499. <p><font color="{color:text}">status:<b><i> what's yo status</i></b>
  500. <p>idk man update
  501. <p>maybe another if you're cheeky
  502. <p>gettin wild, another update
  503. <p>someone's popular
  504. <p><b>idk</b>
  505. <p>
  506. </font>
  507.  
  508. </center></div>
  509. <div id="updatestab">
  510. <!--
  511.  
  512. THE WORDS THAT SHOW GO BELOW!!! PUT A QUOTE OR WHATEVER YOU WANT
  513.  
  514. -->
  515. <p><p><font color="{color:title}"><font size="4"><font face="font">T</font></font></font>his <b>is</b> pretty. Decorate it with <i>italics</i> and random <p><b>bold</b> words, that's <i>cool</i>.</div>
  516. </div>
  517. <div id="cred"><a href="http://hzrrys.tumblr.com/"><font size="1">HZ</a></font></a></div>
  518.  
  519. <div id="container">
  520. <div id="sidebar">
  521. <div id="descri">
  522. <div id="sidebarimage">
  523. <img src="http://static.tumblr.com/dt3ep3f/KhQmmr3xh/tumblr_inline_mmjhzzls9k1qz4rgp.jpg">
  524. <br></br>
  525. <div class="links">
  526. {block:IfLink1}
  527. <a href="{text:link1 url}">{text:link1}</a>
  528. {/block:IfLink1}
  529. {block:IfLink2}
  530. <a href="{text:link2 url}">{text:link2}</a>
  531. {/block:IfLink2}
  532. {block:IfLink3}
  533. <a href="{text:link3 url}">{text:link3}</a>
  534. {/block:IfLink3}
  535. {block:IfLink4}
  536. <a href="{text:link4 url}">{text:link4}</a>
  537. {/block:IfLink4}
  538. {block:IfLink5}
  539. <a href="{text:link5 url}">{text:link5}</a>
  540. {/block:IfLink5}
  541. </div>
  542. </div>
  543. <div class="title">{Title}</div>
  544. <div class="desc">{Description} </div>
  545.  
  546.  
  547. </div></div>
  548.  
  549.  
  550. <div id="entries">
  551. {block:Posts}<div id="post">
  552.  
  553. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  554.  
  555. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  556.  
  557. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  558.  
  559. {block:Link}<a href="{URL}"><h1>» {Name}</h1></a>
  560. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  561.  
  562. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  563.  
  564. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  565.  
  566. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  567.  
  568. {block:Answer}<div id="asker"><span style="font-family:calibri;font-size:9px;font-style:italic">{Asker}:</span> {Question}</div><center>{Answer}{/block:Answer}
  569.  
  570. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" opacity=".8" border="1px solid #eee" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  571. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  572. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  573. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  574. {/block:Audio}
  575.  
  576. <div id="info">
  577.  
  578. <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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="_#nk"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  579. {block:HasTags}<div class="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  580.  
  581. {/block:Posts}
  582. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  583. {/block:Posts}</div></div></div>
  584.  
  585. </div></div>
  586. <div id="footer" class="pagination" style="height:20px;padding:5px;margin-left:301px;">
  587. {block:Pagination}
  588. {block:PreviousPage}
  589. <a class="next" href="{PreviousPage}">←</a>
  590. {/block:PreviousPage}
  591.  
  592. {block:JumpPagination length="5"}
  593. {block:CurrentPage}
  594. <span class="current_page">{PageNumber}</span>
  595. {/block:CurrentPage}
  596.  
  597. {block:JumpPage}
  598. <a class="jump_page" href="{URL}">{PageNumber}</a>
  599. {/block:JumpPage}
  600. {/block:JumpPagination}
  601.  
  602. {block:NextPage}
  603. <a class="next" href="{NextPage}">→</a>
  604. {/block:NextPage}
  605. {/block:Pagination}
  606. </div>
  607.  
  608.  
  609. </body>
  610. </html>
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!