API tools faq
paste
Advertisement
diorhaz

theme 37

diorhaz
Jul 10th, 2014
1,412
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.04 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. <!-- this sucks but i like borders, i dumbshit forgot to edit it that you can change the color with border but with "infobg"-->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:bg" content="#FFFFFF">
  12. <meta name="color:link" content="#E6E4E4">
  13. <meta name="color:hover" content="#454545">
  14. <meta name="color:infobg" content="#FCFCFC">
  15. <meta name="color:text" content="#9A9A9A">
  16. <meta name="color:tags" content="#EDEDED">
  17. <meta name="color:scrollbar" content="#D6D5D5">
  18. <meta name="color:border" content="#FAFAFA">
  19.  
  20. <meta name="text:title" content="">
  21. <meta name="if:caption" content="1"/>
  22.  
  23. <meta name="text:LinkA" content="">
  24. <meta name="text:LinkA url" content="/">
  25. <meta name="text:linkB" content="">
  26. <meta name="text:linkB url" content="/">
  27. <meta name="text:linkC" content="">
  28. <meta name="text:linkC url" content="/">
  29. <meta name="text:linkD" content="">
  30. <meta name="text:linkD url" content="/">
  31. <meta name="text:linkE" content="">
  32. <meta name="text:linkE url" content="/">
  33. <meta name="text:linkF" content="">
  34. <meta name="text:linkF url" content="/">
  35.  
  36. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  37. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38. <link rel="shortcut icon" href="{Favicon}" />
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  40.  
  41. <link href='http://fonts.googleapis.com/css?family=Duru+Sans|Lato|Ruda|Gafata' rel='stylesheet' type='text/css'>
  42.  
  43. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  44.  
  45. <style>
  46. div#qTip {
  47. padding: 5px;
  48. display: none;
  49. text-align: center;
  50. position: absolute;
  51. font-style:normal;
  52. margin-top:0px;
  53. margin-left:5px;
  54. font-size:7px;
  55. line-height:9px;
  56. font-family:arial;
  57. z-index: 1000;
  58. background-color:#fff;
  59. color: {color:text};
  60. text-transform:uppercase;
  61. border: 1px solid {color:tags};
  62. letter-spacing: 1px;
  63. box-shadow:3px 3px 1px {color:infobg};
  64. }
  65. </style>
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78. a {
  79. color:{color:link};
  80. text-decoration:none;
  81. -moz-transition-duration:0.5s;
  82. -webkit-transition-duration:0.5s;
  83. -o-transition-duration:0.5s;
  84. }
  85.  
  86. a:hover {
  87. color:{color:hover};
  88. text-decoration:none;
  89. -moz-transition-duration:0.5s;
  90. -webkit-transition-duration:0.5s;
  91. -o-transition-duration:0.5s;
  92. }
  93.  
  94.  
  95. ::-webkit-scrollbar-thumb{
  96. background-color: {color:bg};
  97. width:2px;
  98. border: 3px solid {color:bg};
  99. height:auto;
  100.  
  101. }
  102.  
  103. ::-webkit-scrollbar {
  104. height:0px;
  105. width:5px;
  106. border-left:1px dotted {color:infobg};
  107. background-color: {color:bg};
  108. }
  109.  
  110. ::-webkit-scrollbar-thumb:vertical {
  111. background-color: {color:bg};
  112. height:100px;
  113. border-left:1px solid {color:infobg};
  114. }
  115.  
  116.  
  117.  
  118. body {
  119. background-color:{color:bg};
  120. font-family:helvetica;
  121. font-weight:lighter;
  122. font-weight:normal;
  123. font-size: 10px;
  124. }
  125.  
  126.  
  127.  
  128.  
  129. h1 {
  130. font-weight:normal;
  131. font-size:7px;
  132. text-align:right;
  133. margin-top:-7px;
  134. font-style:normal;
  135. line-height:100%;
  136. letter-spacing:1px;
  137. text-transform:uppercase;
  138. color:{color:text};
  139. padding:8px;
  140. }
  141.  
  142. h2 {
  143. font-size:10px;
  144. text-align:center;
  145. line-height:140%;
  146. font-style:none;
  147. font-family:helvetica;
  148. letter-spacing:0.3px;
  149. color:{color:text};
  150. font-weight:normal;
  151. background-color: #fff;
  152. border-left:1px dotted {color:infobg};
  153. padding:18px;
  154. }
  155.  
  156.  
  157. blockquote {
  158. border-left:1px dotted {color:infobg};
  159. padding:8px;
  160. margin:5px;
  161. }
  162.  
  163. #con {
  164. background-color:{color:bg};
  165. width:100%;
  166. margin: 0 auto -12px auto;
  167. text-align: center;
  168. }
  169.  
  170. #sidebar {
  171. color:{color:text};
  172. position:fixed;
  173. border: 0px solid {color:infobg};
  174. width:200px;
  175. height:auto;
  176. margin-top:0px;
  177. margin-left:30px;
  178. text-align:left;
  179. border-left:1px solid {color:infobg};
  180. padding-top:160px;
  181. -moz-transition-duration:0.5s;
  182. -webkit-transition-duration:0.5s;
  183. -o-transition-duration:0.5s;
  184. }
  185.  
  186. #sidebar:hover{
  187. padding-top:190px;
  188. -moz-transition-duration:1s;
  189. -webkit-transition-duration:1s;
  190. -o-transition-duration:1s;
  191. }
  192.  
  193.  
  194.  
  195. .border {
  196. border-top: 1px solid;
  197. margin-top: 20px;
  198. width:20px;
  199. color: {color:infobg};
  200. }
  201.  
  202. .title {
  203. height:auto;
  204. text-align:left;
  205. margin-left:25px;
  206. font-weight:bold;
  207. text-transform: uppercase;
  208. font-family: helvetica;
  209. letter-spacing: 3px;
  210. line-height:120%;
  211. font-size:13px;
  212. margin-bottom:2px;
  213. margin-top: -12px;
  214. padding:5px;
  215. color: #010101;
  216. text-shadow: 2px 1px 0px {color:infobg};
  217. -moz-transition-duration:0.5s;
  218. -webkit-transition-duration:0.5s;
  219. -o-transition-duration:0.5s;
  220. }
  221.  
  222. .title a {
  223. opacity: 1;
  224. color: #010101;
  225.  
  226. }
  227.  
  228. .title a:hover{
  229. color:{color:link};
  230. letter-spacing:4px;
  231. -moz-transition-duration:0.5s;
  232. -webkit-transition-duration:0.5s;
  233. -o-transition-duration:0.5s;
  234. }
  235.  
  236.  
  237.  
  238. .links {
  239. font-family:arial;
  240. font-size:11px;
  241. margin-bottom:10px;
  242. padding-top:6px;
  243. padding-bottom:3px;
  244. text-transform:lowercase;
  245. text-align:left;
  246. letter-spacing:0.3px;
  247. word-spacing:-13px;
  248.  
  249. font-style:normal;
  250. line-height:16px;
  251. border-bottom:1px dotted {color:infobg};
  252. border-top:1px solid {color:infobg};
  253.  
  254.  
  255.  
  256. }
  257.  
  258. .links a{
  259. padding: 8px;
  260. padding-top:6px;
  261. color:{color:link};
  262. text-decoration:none;
  263. border-top:1px solid {color:infobg};
  264. margin-right:10px;
  265. display:inline-block;
  266. -moz-transition-duration:0.5s;
  267. -webkit-transition-duration:0.5s;
  268. -o-transition-duration:0.5s;
  269. }
  270.  
  271. .links a:hover{
  272. background-color: #fff;
  273. color:black;
  274. text-shadow:2px 2px 0px {color:infobg};
  275. border-top:1px dotted {color:infobg};
  276.  
  277. -moz-transition-duration:0.5s;
  278. -webkit-transition-duration:0.5s;
  279. -o-transition-duration:0.5s;
  280. }
  281.  
  282. .desc {
  283. margin-bottom:0px;
  284. font-family:helvetica;
  285. padding: 10px;
  286. text-align:left;
  287. font-size:10px;
  288. color:{color:link};
  289. letter-spacing:0px;
  290. line-height:140%;
  291. border-left:1px dotted {color:infobg};
  292. margin-left:5px;
  293.  
  294.  
  295. }
  296.  
  297. .desc a {
  298. color:{color:link};
  299. }
  300.  
  301. #pagination {
  302. width:500px;
  303. bottom:100px;
  304. padding-top:80px;
  305. padding-bottom:120px;
  306. font-size:11px;
  307. font-family:helvetica;
  308. text-align:center;
  309. font-style:normal;
  310. letter-spacing:0px;
  311.  
  312. }
  313.  
  314. #pagination a {
  315. color:{color:text};
  316. padding:20px;
  317. }
  318.  
  319.  
  320. .jump_page {
  321. padding:10px;
  322. background-color:{color:background};
  323. }
  324.  
  325.  
  326. .jump_page:hover {
  327. color:{color:hover};
  328. }
  329.  
  330.  
  331. .current_page {
  332. padding:10px;
  333. font-size: 8px;
  334. padding-left: 10px;
  335. padding-left: 14px;
  336. color:{color:hover};
  337. border:2px solid {color:tags};
  338. box-shadow:3px 4px 4px {color:scrollbar};
  339. }
  340.  
  341.  
  342. #stuffcontainer {
  343. float:left;
  344. margin-left:340px;
  345. margin-top:-120px;
  346. text-align:left;
  347. background-color:{color:bg};
  348. color:{color:text};
  349. margin-bottom: 35px;
  350. }
  351.  
  352.  
  353. #stuff {
  354. width:500px;
  355. margin-top:255px;
  356. line-height:120%;
  357. color:{color:text};
  358. }
  359.  
  360.  
  361.  
  362.  
  363. #stuff{
  364. padding-right:20px;
  365. border-right:1px solid {color:infobg};
  366. }
  367.  
  368.  
  369.  
  370.  
  371. #caption {
  372. width:500px;
  373. text-align:center;
  374. line-height:120%;
  375. }
  376.  
  377. .ask {
  378. padding:10px;
  379. text-align:right;
  380. color:{color:text};
  381. font-style: italic;
  382. border-bottom:1px dotted {color:infobg};
  383.  
  384. }
  385.  
  386. .ans {
  387. text-align:left;
  388. padding:10px;
  389. color:{color:text};
  390. }
  391.  
  392. .cover {
  393. position: relative;
  394. z-index: 1;
  395. width: 50px;
  396. float:left;
  397. padding:5px;
  398. border:1px solid {color:infobg};
  399. }
  400.  
  401. .player {
  402. width:19px;
  403. height:30px;
  404. overflow: hidden;
  405. position: relative;
  406. z-index: 99;
  407. margin: 17px 24px 13px 17px;
  408. }
  409.  
  410. .audiocontainer {
  411. background-color: #fff;
  412. position: absolute;
  413. z-index: 99;
  414. margin-top: 1px;
  415. margin-left: 1px;
  416. opacity: 0.1;
  417. -webkit-transition: opacity 0.2s linear;
  418. -webkit-transition: all 0.2s linear;
  419. -moz-transition: all 0.2s linear;
  420. -o-transition: all 0.2s linear;
  421. }
  422.  
  423.  
  424. .audiocontainer:hover {
  425. opacity:0.9;
  426. }
  427.  
  428. .audioinfo {
  429. padding:16px;
  430. font-size:11px;
  431. margin-left: 67px;
  432. text-align:right;
  433. border-left:1px dotted {color:infobg};
  434. margin-bottom:20px;
  435. height: 27px;
  436. }
  437.  
  438.  
  439. #postinfo {
  440. position:absolute;
  441. text-align:left;
  442. margin-bottom:10px;
  443. width:87px;
  444. margin-left: 510px;
  445. padding:5px;
  446. margin-top:12px;
  447. font-size:7px;
  448. color:black;
  449. text-transform:uppercase;
  450. background: white;
  451. font-style:normal;
  452. letter-spacing:2px;
  453. border-left: 1px dotted {color:infobg};
  454. border-bottom: 1px dotted {color:infobg};
  455.  
  456. -moz-transition-duration:0.5s;
  457. -webkit-transition-duration:0.5s;
  458. -o-transition-duration:0.5s;
  459. }
  460.  
  461. #postinfo a {
  462. padding:4px;
  463. text-align:right;
  464. letter-spacing:1px;
  465. font-style:normal;
  466. }
  467.  
  468. #postinfo a:hover {
  469. color:{color:hover};
  470. }
  471.  
  472.  
  473. .tags {
  474. position: absolute;
  475. font-style:normal;
  476. font-family:helvetica;
  477. width:100px;
  478. color:{color:tags};
  479. line-height:150%;
  480. letter-spacing: 0.1px;
  481. font-size:9px;
  482. text-align:left;
  483. margin-top:50px;
  484. padding:8px;
  485. margin-left: 520px;
  486. border-left: 1px solid {color:infobg};
  487.  
  488. -moz-transition-duration:0.5s;
  489. -webkit-transition-duration:0.5s;
  490. -o-transition-duration:0.5s;
  491. }
  492.  
  493. .tags a {
  494. display:inline-block;
  495. margin-left:-4px;
  496. color:{color:text};
  497. padding:2px;
  498.  
  499. -moz-transition-duration:0.7s;
  500. -webkit-transition-duration:0.7s;
  501. -o-transition-duration:0.7s;
  502. }
  503.  
  504. .tags a:hover {
  505. color:black;
  506. letter-spacing:0.1px;
  507. padding:2px;
  508. padding-left: 7px;
  509. -moz-transition-duration:0.7s;
  510. -webkit-transition-duration:0.7s;
  511. -o-transition-duration:0.7s;
  512. }
  513.  
  514.  
  515.  
  516.  
  517. .note {
  518. text-transform:lowercase;
  519. font-style:normal;
  520. letter-spacing:0px;
  521. font-size: 9px;
  522. text-align:left;
  523. line-height:90%;
  524. margin-left:-40px;
  525. margin-top: 50px;
  526. }
  527.  
  528. .note li {
  529. list-style-type:none;
  530. padding:10px 10px 10px 10px;
  531. text-align:left;
  532. margin:0px;
  533. -moz-transition-duration:0.5s;
  534. -webkit-transition-duration:0.5s;
  535. -o-transition-duration:0.5s;
  536. }
  537.  
  538. .note img{
  539. display:none;
  540. }
  541.  
  542. .note li:hover{
  543. font-style:none;
  544. background: {color:infobg};
  545. }
  546.  
  547.  
  548.  
  549.  
  550. .chat ol {
  551. padding:0;
  552. line-height:230%;
  553. list-style:none;
  554. }
  555.  
  556. .line.odd {
  557. background:{color:accents};
  558. padding:5px;
  559. }
  560.  
  561. .line.even {
  562. padding:5px;
  563. }
  564.  
  565. .label {font-weight:bold;
  566. padding-right:1px;
  567. letter-spacing:1px;
  568. text-transform:uppercase;
  569. color:{color:title};
  570. }
  571.  
  572.  
  573. #credit {
  574. position:fixed;
  575. right:0px;
  576. bottom:0px;
  577. padding:4px;
  578. text-transform:uppercase;
  579. letter-spacing:2px;
  580. font-size:8px;
  581. font-family: arial;
  582. margin-bottom:3px;
  583. margin-right:3px;
  584. border:double;
  585. border-color:#bbb;
  586. background: #fff;
  587.  
  588. }
  589.  
  590. {CustomCSS}
  591.  
  592. </style></head>
  593.  
  594. <body>
  595. <div id="con">
  596. <div id="sidebar">
  597.  
  598. <div class="desc">
  599. {Description}
  600. </div>
  601.  
  602. <div class="links">
  603. {block:IfLinkA}
  604. <a href="{text:LinkA url}">{text:LinkA}</a>
  605. {/block:IfLinkA}
  606. {block:IfLinkB}
  607. <a href="{text:linkB url}">{text:linkB}</a>
  608. {/block:IfLinkB}
  609. {block:IfLinkC}
  610. <a href="{text:linkC url}">{text:linkC}</a>
  611. {/block:IfLinkC}
  612. {block:IfLinkD}
  613. <a href="{text:linkD url}">{text:linkD}</a>
  614. {/block:IfLinkD}
  615. {block:IfLinkE}
  616. <a href="{text:linkE url}">{text:linkE}</a>
  617. {/block:IfLinkE}
  618. {block:IfLinkF}
  619. <a href="{text:linkF url}">{text:linkF}</a>
  620. {/block:IfLinkF}
  621. </div>
  622. <div class="border"></div>
  623. <div class="title">
  624. <a href="/">{text:title}</a></div></div>
  625.  
  626. <div id="stuffcontainer">
  627.  
  628. {block:Posts}
  629.  
  630.  
  631. <div id="stuff">
  632. {block:Date}
  633. <div id="postinfo">
  634. <a href="{Permalink}">{TimeAgo}</a><br>{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  635. {block:ContentSource} </a>{/block:ContentSource}</div>{/block:Date}
  636. {block:HasTags}
  637. <div class="tags">
  638. {block:Tags}<a href="{TagURL}">{Tag}</a><br>{/block:Tags}</div>
  639. {/block:HasTags}
  640.  
  641.  
  642. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  643.  
  644. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  645.  
  646. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  647. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  648.  
  649. {block:ifcaption}
  650. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo} {/block:ifcaption}
  651.  
  652.  
  653. {block:ifcaption}<!--{/block:ifcaption}
  654. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>{/block:PermalinkPage}{/block:Photo}{block:ifcaption}-->{/block:ifcaption}
  655.  
  656. {block:Photoset}<center>{Photoset-500}</center>
  657. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  658.  
  659. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  660.  
  661. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  662.  
  663. {block:Answer}<div class="ask">{Question} <br>– <b>{Asker}</b><br> </div><div class="ans">{Answer}</div>{/block:answer}
  664.  
  665. {block:Audio}<div class="audiocontainer"><div class="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>{block:AlbumArt}<img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}<div class="audioinfo">
  666. {block:TrackName}<div style="font-size:11px; font-style:italic; padding:5px!imporant;margin-bottom:-8px;">{TrackName}</div>{/block:Trackname}<br>{block:Album} {Album}</span>{/block:Album} – {block:Artist}<span style="font-size:10px;">{Artist}{/block:Artist}<br></div><div style="margin-top:20px;">{block:caption}{Caption}{/block:caption}</div>{/block:Audio}
  667.  
  668.  
  669. {block:ContentSource}
  670. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  671. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  672. {/block:SourceLogo}
  673. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  674. {/block:ContentSource}
  675.  
  676. {block:ReblogParentUrl}
  677. <!-- {URL}{block:SourceLogo}<img src="{BlackLogoURL}"
  678. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  679. {/block:SourceLogo}
  680. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  681. {/block:ReblogParentUrl}
  682.  
  683. <div class="note">
  684. {block:PostNotes}{PostNotes}{/block:PostNotes}
  685. </div>
  686. </div>
  687. {/block:Posts}<div id="pagination">
  688.  
  689. {block:Pagination}
  690. {block:PreviousPage}
  691. <a href="{PreviousPage}"><span class="p">&larr;</span> previous page</a>
  692. {/block:PreviousPage}
  693.  
  694. {block:NextPage}
  695. <a href="{NextPage}">next page <span class="p">&rarr;</span></a>
  696. {/block:NextPage}
  697. {/block:Pagination}
  698. </div>
  699.  
  700. </div>
  701.  
  702.  
  703.  
  704.  
  705.  
  706. <div id="credit"><a href="http://cloudplays.tumblr.com" target="_blank">©CP</a></div>
  707.  
  708. </div>
  709. </div>
  710. </div>
  711. </body>
  712. </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!