API tools faq
paste
Advertisement
irrationiall

Theme #28 (Queen of Disaster Theme Pack)

irrationiall
Sep 20th, 2013
488
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.02 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head><title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  12. <!--Default Variables-->
  13. <!--Colors-->
  14.  
  15. <meta name="color:Background" content="#fff"/>
  16. <meta name="color:Text" content="#333333"/>
  17. <meta name="color:Link" content="#000000"/>
  18. <meta name="color:askbg" content="#000000"/>
  19. <meta name="color:blockquote" content="#f5f5f5"/>
  20. <meta name="color:bold text" content="#aaa"/>
  21. <meta name="color:italic text" content="#eee"/>
  22. <meta name="color:asklink" content="#eee"/>
  23. <meta name="color:sidebar strip" content="#006363"/>
  24. <meta name="color:scrollbar" content="#000"/>
  25. <meta name="color:sidebar links" content="#fff"/>
  26. <meta name="color:sidebar links background" content="#000"/>
  27. <meta name="image:Sidebar" content=""/>
  28. <meta name="image:Sidebar gif" content=""/>
  29.  
  30. <!--Links-->
  31. <meta name="text:Home Link" content="/"/>
  32. <meta name="text:Home Link Title" content="home" />
  33. <meta name="text:Ask Link" content="/ask"/>
  34. <meta name="text:Ask Link Title" content="mail" />
  35. <meta name="text:Link1" content="/"/>
  36. <meta name="text:Link1 Title" content="" />
  37. <meta name="text:Link2" content="/"/>
  38. <meta name="text:Link2 Title" content="" />
  39. <meta name="text:Link3" content="/"/>
  40. <meta name="text:Link3 Title" content="" />
  41. <meta name="text:Header Text" content="we can't stop" />
  42.  
  43. <style type="text/css">
  44.  
  45. @font-face {font-family:cooper black italic;src:url(http://static.tumblr.com/smal9bi/YtHmpfbze/cooper_black_italic.ttf);}
  46.  
  47. @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  48.  
  49.  
  50.  
  51. ::-webkit-scrollbar-thumb {
  52.  
  53. background-color: {color:scrollbar};
  54.  
  55. border: 2px solid {color:background};
  56.  
  57. height:auto;
  58.  
  59. }
  60.  
  61. ::-webkit-scrollbar {
  62.  
  63. height:9px;
  64.  
  65. width:9px;
  66.  
  67. background-color: {color:scrollbar};
  68.  
  69. border: 4px solid {color:background};
  70.  
  71. }
  72.  
  73. ::selection {
  74.  
  75. background-color:{color:background};
  76.  
  77. }
  78.  
  79. body {
  80. background:{color:background};
  81. background-image: url;
  82. background-attachment: fixed;
  83. color:{color:text};
  84. font-family:consolas;
  85. font-size:10px;
  86. line-height:100%;
  87. }
  88.  
  89. a {
  90. text-decoration:none;
  91. outline:none;
  92. -moz-outline-style:none;
  93. color:#000;
  94. -webkit-transition: all 0.5s ease;
  95. -moz-transition: all 0.5s ease;
  96. -o-transition: all 0.5s ease
  97. }
  98.  
  99. img {
  100. border:none;
  101. }
  102.  
  103. blockquote blockquote {
  104. padding-left:5px;
  105. border-left:1px solid;
  106. }
  107.  
  108. h1 {
  109. font-size:12px;
  110. font-family:raleway;
  111. text-align: center;
  112. }
  113.  
  114. a:hover {
  115. opacity:10;
  116. color:{color:hover};
  117. -webkit-transition: all 0.7s ease;
  118. -moz-transition: all 0.7s ease;
  119. -o-transition: all 0.7s ease
  120. }
  121.  
  122. small{
  123. font-size:9px;
  124. line-height:110%
  125. }
  126.  
  127. big {
  128. font-size:12px;
  129. line-height:110%
  130. }
  131.  
  132. b, strong{
  133. color:{color:bold text};
  134. }
  135. i, em {
  136. color:{color:italic text};
  137. }
  138. p{
  139. margin-top:5px;
  140. margin-bottom:5px
  141. }
  142. blockquote {
  143. padding:0px;
  144. padding-left:5px;
  145. margin:5px;
  146. border-left:3px solid {color:blockquote};
  147. }
  148.  
  149. blockquote img {
  150. max-width:300px
  151. }
  152.  
  153. ul, li img {
  154. max-with:250px
  155. }
  156.  
  157. .audio {width:500px;height:160px;}
  158. .albumart {width:150px;height:150px;position:absolute; border:1px dotted {color:text}; padding:2px;}
  159. .albumart img {width:150px;height:150px;float:left;}
  160. .playercontainer {display:block;width:150px;height:150px;background-color:#ffffff;position:absolute;}
  161. .player {margin-left:36px;margin-top:36px;width:25px;height:25px;
  162. overflow:hidden;background-color:white;}
  163. .audioinfo {margin-left:160px;float:left;width:200px;padding:2px;margin-top:2px;}
  164.  
  165. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  166.  
  167. #entries {
  168. padding:0px;
  169. width:500px;
  170. margin-left:640px;
  171. margin-top:105px;
  172. margin-bottom: 25px;
  173. }
  174.  
  175.  
  176.  
  177. #post {
  178. width:500px;
  179. padding-bottom:0px;
  180. font-family:consolas;
  181. background: {color:background};
  182.  
  183. }
  184.  
  185.  
  186. #sidebar {
  187. width:400px;
  188. position:fixed;
  189. margin-left:-190px;
  190. margin-top:-30px;
  191. opacity:1;
  192. }
  193.  
  194.  
  195.  
  196. #sidebarimage img{
  197. padding:5px;
  198. margin-left: 325px;
  199. margin-top: 215px;
  200. width: 100px;
  201. height:100px;
  202. -webkit-transition: 0.6s;
  203. z-index:-2;
  204. }
  205.  
  206.  
  207. #lol {
  208. padding:22px;
  209. letter-spacing:4px;
  210. margin-left:130px;
  211. margin-top:300px;
  212. text-align: center;
  213. background: {color:sidebar links background};
  214. width:350px;
  215. color:#fff;
  216. font-family: bebas neue;
  217. font-size:40px;
  218. position:fixed;
  219. }
  220.  
  221. #giffy img{
  222. height:131px;
  223. width:250px;
  224. margin-top:45px;
  225. margin-left:260px;
  226. outline: 3px solid #000;
  227. position: fixed;
  228. }
  229.  
  230.  
  231.  
  232. #links {
  233. position: fixed;
  234. z-index:4;
  235. font-family:bebas neue;
  236. font-size:19px;
  237. opacity:1;
  238. text-align:center;
  239. padding-top:30px;
  240. letter-spacing:2px;
  241. text-transform:uppercase;
  242. line-height:100%;
  243. padding-bottom:0px;
  244. margin-top:15px;
  245. margin-left:140px;
  246. position: fixed;
  247. width: 100px;
  248. }
  249.  
  250. #links a:hover{
  251. -webkit-transition: 0.7s;
  252. -moz-transition: .7s;
  253. background:transparent;
  254. color: transparent;
  255. text-shadow: 0 0 5px rgba(0,0,0,0.5);
  256. }
  257.  
  258. #links a{
  259. display:block;
  260. text-align:center;
  261. margin-bottom: 5px;
  262. padding: 2px;
  263. opacity:1;
  264. letter-spacing:3px;
  265. -webkit-transition: .7s;
  266. -moz-transition: .7s;
  267. color: {color:sidebar links};
  268. background:{color:sidebar links background};
  269. }
  270.  
  271.  
  272. #description {
  273. z-index:4;
  274. font-family: bebas neue;
  275. line-height:100%;
  276. color: #000;
  277. padding:4px;
  278. font-size:14px;
  279. letter-spacing: 1px;
  280. font-style:;
  281. text-transform:uppercase;
  282. position:fixed;
  283. opacity:1;
  284. text-align:justify;
  285. margin-top:185px;
  286. margin-left:255px;
  287. width: 250px;
  288. max-height: 97px;
  289. overflow:auto;
  290. background: transparent;
  291. position: fixed;
  292. -webkit-transition: 0.6s;
  293. }
  294.  
  295. #description a{
  296. color: {color:link};
  297. }
  298.  
  299.  
  300.  
  301. #pagination {
  302. font-size:20px;
  303. color:#fff;
  304. font-family:bebas neue;
  305. letter-spacing:0px;
  306. margin-left:160px;
  307. margin-top: 345px;
  308. line-height: 220%;
  309. position:fixed;
  310. }
  311.  
  312. #pagination a{
  313. color: {color:link};
  314. }
  315.  
  316. #info {
  317. font-family:consolas;
  318. width:490px;
  319. margin-top:-4px;
  320. margin-left:-5px;
  321. line-height: 100%;
  322. padding:0px;
  323. padding-left:8px;
  324. font-size:12px;
  325. color: {color:link};
  326. text-transform:uppercase;
  327. font-style:;
  328. letter-spacing:2px;
  329. text-align:right;
  330. -moz-transition-duration:0.5s;
  331. -webkit-transition-duration:0.5s;
  332. -o-transition-duration:0.5s;
  333. margin-top: 23px;
  334. }
  335.  
  336.  
  337. #info a:hover {
  338. color:{color:hover};
  339. }
  340.  
  341. .date {
  342. font-family: consolas;
  343. font-size:8px;
  344. background-color:transparent;
  345. color: #000;
  346. width:100px;
  347. text-align: left;
  348. }
  349.  
  350. .date a{
  351. color: #000;
  352. }
  353.  
  354.  
  355. .notes {
  356. border-top: 1px solid #000;
  357. margin-top: -5px;
  358. margin-left: 0px;
  359. padding-top: 5px;
  360. font-family: consolas;
  361. font-size:8px;
  362. color: #000;
  363. width: 55px;
  364. text-align: left;
  365. }
  366.  
  367. .source {
  368. margin-top: 10px;
  369. margin-left:0px;
  370. color: #000;
  371. font-family: consolas;
  372. font-size: 8px;
  373. opacity:1;
  374. text-align: center;
  375. }
  376.  
  377. .caption {
  378. width:500px;
  379. text-align:justify;
  380. line-height:120%;
  381. }
  382.  
  383. .question {
  384. font-family:raleway;
  385. font-size:10px;
  386. width: 490px;
  387. margin-left:0px;
  388. padding:12px;
  389. text-align:left;
  390. color:{color:askfont};
  391. background-color:{color:askbg};
  392. line-height: 130%;
  393. }
  394.  
  395. .question a{
  396. background-color: {color:askbg};
  397. padding: 3px;
  398. color: #fff;
  399. font-family: raleway;
  400. font-style: none;
  401. font-size:11px;
  402. }
  403.  
  404. #name {
  405. margin-left:47px;
  406. margin-top:-60px;
  407. font-family: consolas;
  408. font-size: 9px;
  409. position: absolute;
  410. text-transform: uppercase;
  411. }
  412.  
  413.  
  414. #tri {
  415. width: 0px;
  416. height: 0px;
  417. border-style: solid;
  418. border-width: 30px 30px 0 0;
  419. border-color: {color:askbg} transparent transparent transparent;
  420. margin-left:40px;
  421. margin-top:-90px;
  422. position:absolute;
  423. z-index:-4;
  424. }
  425.  
  426. .icon {
  427. position:absolute;
  428. margin-top:-70px;
  429. margin-left:5px;
  430. z-index:-4;
  431. }
  432.  
  433. .icon img{
  434. outline:3px solid {color:askbg};
  435. outline-offset:2px;
  436. }
  437.  
  438.  
  439. .answer {
  440. text-align:left;
  441. font-family:raleway;
  442. font-size:10px;
  443. padding:10px;
  444. margin-top: 40px;
  445. color:{color:text};
  446.  
  447. }
  448.  
  449. .audio {
  450. height:60px;
  451. padding:5px;
  452. margin-bottom:55px;
  453. }
  454.  
  455. .audio-album {
  456. position:absolute;
  457. width:110px;
  458. -webkit-transition: opacity 0.6s linear;
  459. opacity: 1;
  460. border-radius:10px;
  461. }
  462.  
  463. .audio-player {
  464. opacity:1;
  465. filter:alpha(opacity=90);
  466. width:25px;
  467. height:25px;
  468. overflow:hidden;
  469. position:absolute;
  470. border:30px;
  471. z-index:2;
  472. margin-left:43px;
  473. margin-top:43px;
  474. opacity:0;
  475. -webkit-transition: all 0.6s ease-out;
  476. -o-transition: all 0.6s ease-out;
  477. -webkit-transition: all 0.6s ease-out;
  478. -moz-transition: all 0.6s ease-out;
  479. }
  480.  
  481. .audio-info {
  482. margin-top:7px;
  483. position:relative;
  484. font-family:bebas neue;
  485. font-size:12px;
  486. letter-spacing:2px;
  487. margin-left:120px;
  488. line-height:180%;
  489. padding:2px;
  490. }
  491.  
  492. .audio:hover .audio-player {
  493. opacity:.6;
  494. -webkit-transition: all 0.6s ease-out;
  495. -o-transition: all 0.6s ease-out;
  496. -webkit-transition: all 0.6s ease-out;
  497. -moz-transition: all 0.6s ease-out;
  498. }
  499.  
  500. .postnote {
  501. text-transform:lowercase;
  502. font-style:normal;
  503. letter-spacing:0px;
  504. font-size: 9px;
  505. text-align:left;
  506. line-height:90%;
  507. margin-left:20px;
  508. width:490px;
  509. margin-top:20px;
  510. }
  511.  
  512. .postnote li {
  513. list-style-type:none;
  514. border-bottom:1px dashed #f5f5f5;
  515. padding:10px 25px 10px 25px;
  516. text-align:left;
  517. width:400px;
  518. margin-left:-70px;
  519. -moz-transition-duration:0.5s;
  520. -webkit-transition-duration:0.5s;
  521. -o-transition-duration:0.5s;
  522. }
  523.  
  524. .tags {
  525. font-family:consolas;
  526. font-style:normal;
  527. width:500px;
  528. text-transform:uppercase;
  529. font-style:normal;
  530. color:#000;
  531. letter-spacing:2px;
  532. line-height:120%;
  533. font-size:8px;
  534. text-align:right;
  535. margin-top:11px;
  536. padding:2px;
  537. -moz-transition-duration:0.5s;
  538. -webkit-transition-duration:0.5s;
  539. -o-transition-duration:0.5s;
  540. opacity:1;
  541.  
  542. }
  543.  
  544. .tags a {
  545. color:{color:text};
  546. letter-spacing:1px;
  547. padding:1px;
  548. }
  549.  
  550. .tags a:hover {
  551. color:#f1f1f1;
  552. }
  553.  
  554. ul.chat, .chat ol, .chat li {
  555. list-style:none;
  556. margin:0px;
  557. padding:2px;
  558. }
  559.  
  560. .tab {
  561. text-decoration:underline;
  562. font-weight:700;
  563. background-color:#000;
  564. margin-right:5px;
  565. }
  566.  
  567.  
  568.  
  569.  
  570. {CustomCSS}</style></head><body>
  571.  
  572.  
  573.  
  574. <div id="giffy"><img src="{image:sidebar gif}"></div>
  575. <div id="lol">{text:header text}</div>
  576. <div id="click"></div>
  577.  
  578. <div id="sidebar">
  579. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div></div>
  580. <div id="description">{Description}</div>
  581. <div id="links">
  582. <a href="{text:home link}">{text:home link title}</a>
  583. <a href="{text:ask link}">{text:ask link title}</a>
  584. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  585. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  586. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  587. </div>
  588. {block:Pagination}
  589. <div id="pagination">
  590. {block:PreviousPage}
  591. <a href="{PreviousPage}">BACK</a>
  592. {/block:PreviousPage}
  593. {block:NextPage}
  594. <a href="{NextPage}">NEXT</a>
  595. {/block:NextPage}
  596. </div>
  597. {/block:Pagination}
  598.  
  599.  
  600.  
  601. <div id="post">
  602.  
  603. {block:Posts}</div>
  604.  
  605. <div id="entries">
  606.  
  607. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  608.  
  609. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  610.  
  611. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  612.  
  613. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  614.  
  615. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  616.  
  617. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  618.  
  619. {block:Audio}
  620. <div class="audio">
  621. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  622. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  623.  
  624. <div class="audio-info">
  625. {block:TrackName}{TrackName}<BR>{/block:TrackName}
  626. {block:Artist}{Artist}<BR>{/block:Artist}
  627. {block:Album}{Album}<BR>{/block:Album}
  628. {block:PlayCount}{PlayCount} plays<BR>{/block:PlayCount}
  629. </div></div>
  630. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  631. {/block:Audio}
  632.  
  633. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  634.  
  635. {block:Answer}<div class="question">{Question}</div><div class="answer">{Answer}</div><div id="name">{Asker}</div><div class="icon"><img src="{AskerPortraitURL-24}"</a></div><div id="tri"></div>{/block:answer}
  636.  
  637.  
  638.  
  639. {block:Date}<div id="info"><div class="notes"><a href="{Permalink}">♥ {NoteCount}</div></a><div class="date"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</div></a>
  640. {block:ContentSource} <div class="source">{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} / origin: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  641. {block:HasTags}
  642.  
  643.  
  644. {block:Tags}<div class="tags"><a href="{TagURL}">#{Tag}</a>,{/block:Tags}</div>
  645. {/block:HasTags}
  646. <div class="postnote">
  647. {block:PostNotes}{PostNotes}{/block:PostNotes}
  648. </div>
  649. </div>
  650. {/block:Posts}
  651.  
  652. <div style="font-size: 9px; letter-spacing: 1px; float: right; position: fixed; bottom: 10px; right: 5px; text-transform:lowercase;"><a href="http://elctra.tumblr.com"><img src="http://static.tumblr.com/smal9bi/3MXmn9vsh/icon_3.png"></a></div>
  653.  
  654. </body>
  655.  
  656. </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!