API tools faq
paste
Advertisement
queenhuffman

So screw you!

queenhuffman
Nov 30th, 2013
1,033
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.54 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. Theme #8 by queenhuffman
  3. http://queenhuffman.tumblr.com
  4.  
  5. Well basically enjoy :) If you have any questions or something isn't working just message me ♥
  6. You know the rules-
  7. -Do not remove the credit.
  8. -Do not copy, redistribute or claim as your own.
  9. -You can use as base to make other themes and stuff) but please message me first.
  10.  
  11. ------>
  12.  
  13.  
  14.  
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head><title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24.  
  25. <!---Colors-->
  26. <meta name="color:Text" content="#bbbbbb"/>
  27. <meta name="color:Link" content="#aaaaaa"/>
  28. <meta name="color:Tags" content="#cccccc"/>
  29. <meta name="color:Hover" content="#f1f1f1"/>
  30. <meta name="color:Line" content="#f2f2f2"/>
  31. <meta name="color:Border" content="#eeeeee"/>
  32. <meta name="color:scrollbarbg" content="ffffff"/>
  33. <meta name="color:title" content="ffffff"/>
  34. <meta name="color:subtitle" content="ffffff"/>
  35. <meta name="text:bigletter" content="">
  36. <meta name="color:updatestab" content="#e6e6e6" />
  37. <meta name="color:first letter and links back" content="#202020">
  38.  
  39. <!---Images-->
  40. <meta name="image:Sidebar" content=""/>
  41. <meta name="image:Sidebar2" content=""/>
  42.  
  43. <!---Links-->
  44. <meta name="text:link 1 title" content="link 1" />
  45. <meta name="text:link 1 url" content="/" />
  46. <meta name="text:link 2 title" content="link 2" />
  47. <meta name="text:link 2 url" content="/" />
  48. <meta name="text:link 3 title" content="link 3" />
  49. <meta name="text:link 3 url" content="/" />
  50. <meta name="text:link 4 title" content="link 4" />
  51. <meta name="text:link 4 url" content="/" />
  52.  
  53. <!---Updates Tab-->
  54. <meta name="image:updatestab" content=""/>
  55. <meta name="text:updatestab" content=""/>
  56.  
  57. <!---Sub-->
  58. <meta name="text:title" content=""/>
  59. <meta name="text:bigletter" content="">
  60. <meta name="text:subtitle" content=""/>
  61. <meta name="text:pgmargintop" content=""/>
  62.  
  63. <meta name="if:roundsb" content="0"/>
  64. <meta name="if:fullgrayscale" content="0"/>
  65.  
  66.  
  67. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  68.  
  69.  
  70. <style type="text/css">
  71.  
  72.  
  73. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  74.  
  75.  
  76. @font-face{font-family:Jenna Sue;src:url(http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf);}
  77.  
  78.  
  79. @font-face { font-family: "meem"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  80.  
  81. @font-face{font-family:Black Swan;src:url(http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf);}
  82.  
  83. @font-face{font-family:Fangtasia;src:url(http://static.tumblr.com/9wzbixa/n1fmj2ibf/fangtasia.ttf);}
  84.  
  85. @font-face{font-family:Midnight;src:url(http://static.tumblr.com/9wzbixa/P2vmj3kyh/midnight-regular.ttf);}
  86.  
  87. @font-face{font-family:Gruenewald; src: url(http://static.tumblr.com/9wzbixa/Wsomj2iuz/gruenewald_va_normal.ttf);}
  88.  
  89. @font-face{font-family:James Fajardo;src:url(http://static.tumblr.com/9wzbixa/QYymj2mkr/james_fajardo.ttf);}
  90.  
  91. @font-face{font-family:Ballpark;src:url(http://static.tumblr.com/9wzbixa/cf6mj2fv4/ballw___.ttf);}
  92.  
  93. @font-face {font-family:Brannboll Fet; src:url(http://static.tumblr.com/9wzbixa/3mHmj2g3g/brannbollfet.ttf);}
  94.  
  95.  
  96. ::-webkit-scrollbar {
  97. width: 5px;height: 5px;}
  98. ::-webkit-scrollbar-button:start:decrement,
  99. ::-webkit-scrollbar-button:end:increment {
  100. height: 6px;display: block;background-color: {color:white};}
  101. ::-webkit-scrollbar-track-piece {
  102. background-color: {color:scrollbarbg};}
  103. ::-webkit-scrollbar-thumb:vertical {
  104. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  105.  
  106.  
  107. body {
  108. background:{color:background};
  109. margin:0px;
  110. color:{color:text};
  111. background-image: url('{image:Background}');
  112. font-family:Arial, Helvetica;
  113. font-size:9px;
  114. line-height:100%;
  115. }
  116.  
  117. a {
  118. text-decoration:none;
  119. -moz-outline-style:none;
  120. color:{color:link};
  121. }
  122.  
  123. img {
  124. border:none;
  125. }
  126.  
  127.  
  128. h1 {
  129. font-size:12px;
  130. text-transform:uppercase;
  131. }
  132.  
  133. blockquote {
  134. padding-left:5px;
  135. border-left:2px solid;
  136. }
  137.  
  138. blockquote blockquote {
  139. padding-left:5px;
  140. border-left:2px solid;
  141. }
  142.  
  143.  
  144. a:hover {
  145. opacity:1;
  146. color:{color:hover};
  147. -webkit-transition: all 0.5s ease;
  148. -moz-transition: all 0.5s ease;
  149. -o-transition: all 0.5s ease
  150. }
  151.  
  152. /*----Sidebar stuff---*/
  153.  
  154. #sidebar {
  155. position:fixed;
  156. width: 300px;
  157. height: 300px;
  158. margin-left:85px;
  159. margin-top:110px;
  160. z-index:10;
  161. }
  162.  
  163. #sb1 img {
  164. margin-left:105px;
  165. margin-top:40px;
  166. width: 90px;
  167. height: 90px;
  168. border:3px double #f2f2f2;
  169. border-radius:14px;
  170. {block:ifroundsb}
  171. border-radius:100px;
  172. {/block:ifroundsb}
  173. position:fixed;
  174. padding:2px;
  175. -webkit-transition: all .8s linear;
  176. }
  177.  
  178. #sidebar:hover #sb1 img{
  179. position:fixed;
  180. border-radius:0px;
  181. margin-left:50px;
  182. -webkit-filter: grayscale(50%);
  183. {block:iffullgrayscale}
  184. -webkit-filter: grayscale(100%);
  185. {/block:iffullgrayscale}
  186. -webkit-transition: all .8s linear;
  187. }
  188.  
  189. #sb2 img {
  190. margin-left:210px;
  191. margin-top:40px;
  192. position:fixed;
  193. width: 90px;
  194. height: 90px;
  195. border:3px double #f2f2f2;
  196. padding:2px;
  197. border-radius:14px;
  198. {block:ifroundsb}
  199. border-radius:100px;
  200. {/block:ifroundsb}
  201. -webkit-transition: all .8s linear;
  202. }
  203.  
  204. #sidebar:hover #sb2 img{
  205. position:fixed;
  206. margin-left:250px;
  207. border-radius:0px;
  208. -webkit-filter: grayscale(50%);
  209. {block:iffullgrayscale}
  210. -webkit-filter: grayscale(100%);
  211. {/block:iffullgrayscale}
  212. -webkit-transition: all .8s linear;
  213. }
  214.  
  215.  
  216.  
  217. /*---Title---*/
  218.  
  219. #subtitle{
  220. position:fixed;
  221. width:420px;
  222. height: auto;
  223. font-style:italic;
  224. font-family:'Jenna Sue';
  225. margin-top:-160px;
  226. margin-left:510px;
  227. padding:5px;
  228. padding-top:10px;
  229. text-align:center;
  230. font-size:35px;
  231. color:black;
  232. letter-spacing:1px;
  233. background-color:#fff;
  234. line-height:125%;
  235. border-bottom:1px solid #f2f2f2;
  236. -webkit-transition: all .8s linear;
  237. }
  238.  
  239.  
  240. #title{
  241. opacity:1;
  242. position:fixed;
  243. width:200px;
  244. height: 35px;
  245. font-style:italic;
  246. font-family:'Black Swan';
  247. margin-top:-10px;
  248. margin-left:102px;
  249. padding:5px;
  250. text-align:center;
  251. font-size:32px;
  252. color:black;
  253. letter-spacing:1px;
  254. line-height:125%;
  255. border-bottom:1px solid #f2f2f2;
  256. -webkit-transition: all .8s linear;
  257. }
  258.  
  259. #sidebar:hover #title {
  260. opacity:1;
  261. -webkit-transition: all .8s linear;
  262. }
  263.  
  264.  
  265. /*-------Links------*/
  266.  
  267. #links {
  268. opacity:0;
  269. position:fixed;
  270. width:auto;
  271. height:auto;
  272. margin-top:55px;
  273. margin-left:160px;
  274. text-align:center;
  275. }
  276.  
  277. #links a{
  278. display:block;
  279. width:75px;
  280. background:#f9f9f9;
  281. color:#202020;
  282. line-height:120%;
  283. font-style:italic;
  284. font-size:8px;
  285. padding:3px;
  286. margin-bottom:4px;
  287. letter-spacing:2px;
  288. text-decoration:none;
  289. -webkit-transition: all .7s linear;
  290. }
  291.  
  292. #links a:hover {
  293. background:#fff;
  294. color:#000;
  295. -webkit-transition: all .8s linear;
  296. }
  297.  
  298. #sidebar:hover #links {
  299. opacity:1;
  300. -webkit-transition: all .7s linear;
  301. }
  302.  
  303. /*------Description-------*/
  304.  
  305. #description {
  306. position:fixed;
  307. width:180px;
  308. height:90px;
  309. font-family:cambria;
  310. font-style:italic;
  311. line-height:120%;
  312. font-size:9px;
  313. padding-bottom:5px;
  314. text-align:justify;
  315. overflow:auto;
  316. margin-left:120px;
  317. margin-top:160px;
  318. opacity:1;
  319. -webkit-transition: all .8s linear;
  320. }
  321.  
  322. #sidebar:hover #description {
  323. opacity:.9;
  324. -webkit-transition: all .8s linear;
  325. }
  326.  
  327. #bigletter {
  328. background-color: #202020;
  329. padding: 3px;
  330. color: #ffffff;
  331. font-size: 20px;
  332. font-family: Californian FB;
  333. font-style:italic;
  334. text-transform:uppercase;
  335. font-style: none;
  336. float: left;
  337. font-weight:bold;
  338. margin-right:7px;
  339. line-height: 90%;
  340. padding-right:8px;
  341. }
  342.  
  343. /*---Pagination----*/
  344. #pagination {
  345. font-family:cambria;
  346. width:108px;
  347. font-size:28px;
  348. text-transform:uppercase;
  349. margin-top:{text:pgmargintop}px;
  350. margin-left:320px;
  351. padding-top:5px;
  352. letter-spacing:1px;
  353. font-style:normal;
  354. text-align:center;
  355. }
  356.  
  357. #pagination a {
  358. color:{color:link};
  359. }
  360.  
  361.  
  362.  
  363. /*------Updates Tab-------*/
  364. #Tab {
  365. text-align: center;
  366. font-size: 10px;
  367. position:fixed;
  368. left:15px;
  369. top:-137px;
  370. -webkit-transition: all .5s ease-in-out;
  371. -moz-transition: all .5s ease-in-out;
  372. -o-transition: all .5s ease-in-out;
  373. z-index:999;
  374. }
  375.  
  376. #Tab:hover {top:0px;}
  377.  
  378. #UpTab {
  379. border-right-style:solid;
  380. border-bottom-style:solid;
  381. border-left-style:solid;
  382. border-width:1px;
  383. border-color:#FFFFFF;
  384. padding: 5px 0 5px 0;
  385. background: #fff;
  386. width:100px;
  387. height:130px;
  388. z-index: 9999;
  389. }
  390.  
  391. #Updates img {
  392. text-align: center;
  393. color:#454545;
  394. height:25px;
  395. padding: 2px 0 8px 0;
  396. background:#fff;
  397. width: 90px;
  398. height:auto;
  399. }
  400. /*----End Updates Tab----*/
  401.  
  402.  
  403.  
  404. /*-----Posts containers ,tags and stuff----*/
  405.  
  406. #post {
  407. width:400px;
  408. padding-bottom:30px;
  409. margin-top:25px;
  410. }
  411.  
  412. #entries {
  413. padding:10px;
  414. width:400px;
  415. margin-left:600px;
  416. margin-top:50px;
  417. margin-bottom:40px;
  418. }
  419.  
  420.  
  421. #info {
  422. font-family:cambria;
  423. width:391px;
  424. margin-top:3px;
  425. padding:5px;
  426. font-size:9px;
  427. color:{color:text};
  428. font-style:normal;
  429. text-align:center;
  430. background-color:#f3f3f3;
  431. -moz-transition-duration:0.5s;
  432. -webkit-transition-duration:0.5s;
  433. -o-transition-duration:0.5s;
  434. }
  435.  
  436. #info a {
  437. color:{color:link};
  438. text-align:right;
  439. font-style:normal;
  440. }
  441.  
  442. #info a:hover {
  443. color:{color:link hover};
  444. }
  445.  
  446. .tags {
  447. font-family:cambria;
  448. font-style:normal;
  449. width:391px;
  450. text-transform:normal;
  451. font-style:italic;
  452. color:{color:link};
  453. line-height:120%;
  454. font-size:8px;
  455. opacity:1;
  456. text-align:center;
  457. padding-top:3px;
  458. -moz-transition-duration:.5s;
  459. -webkit-transition-duration:.5s;
  460. -o-transition-duration:.5s;
  461. }
  462.  
  463. .tags a:hover {
  464. color:{color:link hover};
  465. }
  466.  
  467. #post:hover .tags {
  468. opacity:1;
  469. -moz-transition-duration:.5s;
  470. -webkit-transition-duration:.5s;
  471. -o-transition-duration:.5s;
  472.  
  473. }
  474. .cover {
  475. position: relative;z-index: 1; width: 90px; float:left;}
  476.  
  477. .button {
  478. width:20px;
  479. height:30px;
  480. overflow: hidden;
  481. position: relative;
  482. z-index: 99;
  483. margin: 15px 24px 13px 16px;
  484. }
  485.  
  486. .musicbox {
  487. background-color: #fff;
  488. position: absolute;
  489. z-index: 99;
  490. margin-top: 15px;
  491. margin-left: 15px;
  492. opacity: 0.3;
  493. -webkit-transition: opacity 0.2s linear;
  494. -webkit-transition: all 0.2s linear;
  495. -moz-transition: all 0.2s linear;
  496. -o-transition: all 0.2s linear;
  497. }
  498. .musicbox:hover {opacity:0.9;}
  499. .musicinfo {
  500. padding:20px; font-size:12px;margin-left: 100px;text-align:center;background:#f7f7f7;margin-top:5px;}
  501.  
  502. .question {
  503. padding:7px;
  504. text-align:left;
  505. text-transform:italic;
  506. color:{color:text};
  507. border: double #e9e9e9;
  508. line-height:120%;
  509. }
  510.  
  511. .answer {
  512. text-align:left;
  513. padding:6px;
  514. color:{color:text};
  515. }
  516.  
  517.  
  518.  
  519. .credit {
  520. position:fixed;
  521. font-family:trebuchet ms;
  522. font-size:9px;
  523. line-height:100%;
  524. letter-spacing:0px;
  525. width:auto;
  526. right:7px;
  527. bottom:3px;
  528. text-transform:uppercase;
  529. text-align:center;
  530. -moz-transition-duration:0.7s;
  531. -webkit-transition-duration:0.7s;
  532. -o-transition-duration:0.7s;
  533. }
  534.  
  535. .credit a {
  536. display:block;
  537. width:13px;
  538. height:10px;
  539. padding:5px;
  540. color:#aaa;
  541. border:1px solid transparent;
  542. -moz-transition-duration:0.7s;
  543. -webkit-transition-duration:0.7s;
  544. -o-transition-duration:0.7s;
  545. }
  546.  
  547. .credit a:hover {
  548. color:#fff;
  549. background:#ccc;
  550. text-shadow:#ddd 0px 1px 1px;
  551. -moz-transition-duration:0.7s;
  552. -webkit-transition-duration:0.7s;
  553. -o-transition-duration:0.7s;
  554. }
  555.  
  556.  
  557. {CustomCSS}</style></head><body>
  558.  
  559. <div id="Tab">
  560. <div id="UpTab"> <center>
  561. <p>{text:updatestab}</p>
  562. </center></div>
  563. <div id="Updates"><img src="{image:updatestab}"></div>
  564. </div>
  565.  
  566. <div id="sidebar">
  567.  
  568. <div id="sb1"><img src="{image:Sidebar}"></div>
  569. <div id="sb2"><img src="{image:Sidebar2}"></div>
  570.  
  571. <div id="title">{block:Iftitle}{text:title}{/block:Iftitle}</div>
  572. <div id="subtitle"><b>{text:subtitle}</b></div>
  573.  
  574.  
  575. <div id="description">
  576. <div id="bigletter">{text:bigletter}</div>
  577. {Description}
  578. </div>
  579.  
  580. <div id="links">
  581. {block:Iflink1url}<a href="{text:link 1 url}">-{text:link 1 title}-</a>{/block:Iflink1url}
  582. {block:Iflink2url}<a href="{text:link 2 url}">-{text:link 2 title}-</a>{/block:Iflink2url}
  583. {block:Iflink3url}<a href="{text:link 3 url}">-{text:link 3 title}-</a>{/block:Iflink3url}
  584. {block:Iflink4url}<a href="{text:link 4 url}">-{text:link 4 title}-</a>{/block:Iflink4url}
  585. </div>
  586.  
  587. {block:Pagination}
  588. <div id="pagination">
  589. {block:PreviousPage}
  590. <a href="{PreviousPage}">«</a>
  591. {/block:PreviousPage}
  592. {block:NextPage}
  593. <a href="{NextPage}">»</a>
  594. {/block:NextPage}
  595. </div>
  596. {/block:Pagination}
  597. </div>
  598.  
  599. <div id="entries">{block:Posts}<div id="post">
  600.  
  601. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  602.  
  603. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  604.  
  605. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  606.  
  607. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  608.  
  609. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  610.  
  611. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  612.  
  613. {block:Audio}<div class="musicbox"><div class="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>{block:AlbumArt}<img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}<div class="musicinfo">
  614. {block:TrackName}<div style="font-size:12px; font-style:italic; padding:5px!imporant;">{TrackName}</div>{/block:Trackname}<br>{block:Artist}<span style="font-size:10px;">{Artist}{/block:Artist}{block:Album} - {Album}</span>{/block:Album}<br><br>{block:PlayCount}<span style="font-style:normal; font-size:8px; text-transform:uppercase; letter-spacing:1px;">{PlayCount} plays</span> {/block:PlayCount}</div><div style="margin-top:20px;">{block:caption}{Caption}{/block:caption}</div>{/block:Audio}
  615.  
  616. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  617.  
  618. {block:Answer}<div class="question"><i>{Asker}:</i> {Question}</div><div class="answer">{Answer}</div>{/block:answer}
  619.  
  620. {block:Date}<div id="info"> Posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} · <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  621. {block:ContentSource} · <a href="{SourceURL}">©</a> · {/block:ContentSource} {/block:Date} {block:NoteCount} with <font color=#d6bbc8>♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}</div>
  622. {block:HasTags}
  623. <div class="tags">
  624. {block:Tags} <a href="{TagURL}"> -{Tag}</a>{/block:Tags}</div>
  625. {/block:HasTags}
  626. <div class="postnote">
  627. {block:PostNotes}{PostNotes}{/block:PostNotes}
  628. </div>
  629. </div>
  630. {/block:Posts}
  631.  
  632.  
  633.  
  634. <div id="updates">
  635. <div id="update"> <center>
  636.  
  637. <div class="updates">{text:updates}</div>
  638.  
  639. </center></div>
  640. <div id="updatestab"> </div>
  641. </div>
  642.  
  643.  
  644.  
  645.  
  646. <div class="credit"><a href="http://queenhuffman.tumblr.com"><b>QH</b></a></div>
  647.  
  648.  
  649.  
  650. </body></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!