API tools faq
paste
Advertisement
diorhaz

theme 31

diorhaz
Nov 11th, 2013
3,628
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.71 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 cloudplays, postcontainer mostly made by leepace read the post for more info -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. </script>
  12.  
  13. <meta name="color:background" content="#FFFFFF">
  14. <meta name="color:link" content="#E6E4E4">
  15. <meta name="color:linkhover" content="#454545">
  16. <meta name="color:infobg" content="#FCFCFC">
  17. <meta name="color:text" content="#9A9A9A">
  18. <meta name="color:tags" content="#EDEDED">
  19. <meta name="color:scrollbar" content="#D6D5D5">
  20. <meta name="color:border" content="#FAFAFA">
  21. <meta name="color:postinfozbg" content="#FCFCFC">
  22.  
  23.  
  24. <meta name="text:sidebartitle" content="">
  25.  
  26. <meta name="text:linkA" content="">
  27. <meta name="text:linkA url" content="/">
  28. <meta name="text:linkB" content="">
  29. <meta name="text:linkB url" content="/">
  30. <meta name="text:linkC" content="">
  31. <meta name="text:linkC url" content="/">
  32. <meta name="text:linkD" content="">
  33. <meta name="text:linkD url" content="/">
  34. <meta name="text:linkE" content="">
  35. <meta name="text:linkE url" content="/">
  36. <meta name="text:linkF" content="">
  37. <meta name="text:linkF url" content="/">
  38.  
  39.  
  40. <!-- jquery -->
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42.  
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44.  
  45. <script>
  46.  
  47. (function($){
  48.  
  49. $(document).ready(function(){
  50.  
  51. $("a[title]").style_my_tooltips({
  52.  
  53. tip_follows_cursor:true,
  54.  
  55. tip_delay_time:30,
  56.  
  57. tip_fade_speed:300,
  58.  
  59. attribute:"title"
  60.  
  61. });
  62.  
  63. });
  64.  
  65. })(jQuery);
  66.  
  67. </script>
  68.  
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  70.  
  71. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72.  
  73. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  74. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  75. <link rel="shortcut icon" href="{Favicon}" />
  76. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC|Kristi|Cutive+Mono|Mr+De+Haviland|Alex+Brush|Monsieur+La+Doulaise|Meddon&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|IM+Fell+English|Megrim|Crimson+Text' rel='stylesheet' type='text/css'>
  81.  
  82. <link href='http://fonts.googleapis.com/css?family=Astloch|Snippet|Princess+Sofia|New+Rocker|Henny+Penny|Butcherman|Bigelow+Rules|UnifrakturCook:700|Inconsolata|VT323' rel='stylesheet' type='text/css'>
  83.  
  84.  
  85.  
  86.  
  87.  
  88. <style type="text/css">
  89.  
  90.  
  91.  
  92.  
  93. #s-m-t-tooltip {max-width:300px;
  94. padding:0px;
  95. margin:12px 0px 0px 12px;
  96. padding:3px 5px;
  97. background-color:{color:infobg};
  98. text-transform:lowercase;
  99. font-style: none;
  100. font-family: calibri;
  101. font-size:10px;
  102. letter-spacing: 1px;
  103. color:{color:text};
  104. border: 0px solid {color:border};
  105. z-index:999; }
  106.  
  107. a {
  108. color:{color:link};
  109. text-decoration:none;
  110. -moz-transition-duration:0.5s;
  111. -webkit-transition-duration:0.5s;
  112. -o-transition-duration:0.5s;
  113. }
  114.  
  115. a:hover {
  116. color:{color:hover};
  117. text-decoration:none;
  118. -moz-transition-duration:0.5s;
  119. -webkit-transition-duration:0.5s;
  120. -o-transition-duration:0.5s;
  121. }
  122.  
  123.  
  124. ::-webkit-scrollbar-thumb{
  125. background-color: {color:scrollbar};
  126. border: 2px solid {color:background};
  127. height:auto;
  128. border-radius: 500px;
  129. }
  130.  
  131. ::-webkit-scrollbar {
  132. height:auto;
  133. width:11px;
  134. background-color: {color:scrollbar};
  135. border:5px solid {color:background};
  136. border-radius: 500px;
  137. }
  138.  
  139.  
  140.  
  141. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  142.  
  143.  
  144.  
  145.  
  146. blockquote {
  147. border-left:1px solid {color:border};
  148. padding:16px;
  149. max-width:400px!important;
  150. margin:10px 2px 0px 10px}
  151.  
  152. h1 {
  153. font-size:13px;
  154. font-family: megrim;
  155. color:{color:title};}
  156.  
  157.  
  158.  
  159. body {
  160. background-color:{color:background};
  161. color:{color:text};
  162. font-family:corbel;
  163. font-size:10px;
  164. text-align:justify;
  165. line-height:13px;
  166. margin:0;
  167. line-height:120%;}
  168.  
  169.  
  170. a {
  171. color:{color:link};
  172. text-decoration:none;}
  173.  
  174. a:hover {
  175. color:{color:link hover}}
  176.  
  177. img{
  178. opacity:1;
  179. border:none;
  180. text-decoration:none}
  181.  
  182.  
  183. b, strong {
  184. color:{color:title}}
  185. i, em {
  186. color:{color:text}}
  187. p {
  188. margin-top:5px;
  189. margin-bottom:5px}
  190. ol {
  191. list-style:normal;}
  192. ul {
  193. list-style:square;}
  194.  
  195. small {
  196. font-size:9px;}
  197.  
  198. big {
  199. font-size:12px;}
  200.  
  201. #theme {
  202. background-color:{color:bg};
  203. width:700px;
  204. margin: 0 auto -12px auto;
  205. text-align: center;
  206. }
  207.  
  208. #sidebar {
  209. color:{color:text};
  210. position:relative;
  211. width:340px;
  212. height:auto;
  213. margin-bottom:70px;
  214. text-align:right;
  215. margin-left: 55%;
  216. margin-right: -200px;
  217. background-color: {color:background};
  218. opacity: 1;
  219. }
  220.  
  221.  
  222.  
  223. #sidebar img {
  224. width:80px;
  225. height:auto;
  226. margin-bottom:-2px;
  227. margin-right: 130px;
  228. margin-top: 20px;
  229. opacity: ;
  230. }
  231.  
  232. .sidebartitle {
  233. width:220px;
  234. margin-left: 60px;
  235. height:auto;
  236. text-align:center;
  237. padding-top:35px;
  238. font-style:none;
  239. font-family: megrim;
  240. text-transform:uppercase;
  241. letter-spacing: 3px;
  242. line-height:120%;
  243. font-size:25px;
  244. margin-top:2px;
  245. color: {color:text};
  246. -moz-transition-duration:0.5s;
  247. -webkit-transition-duration:0.5s;
  248. -o-transition-duration:0.5s;
  249. }
  250.  
  251. .sidebartitle:hover {
  252. -webkit-filter: blur(0px);
  253. -moz-transition-duration:0.5s;
  254. -webkit-transition-duration:0.5s;
  255. -o-transition-duration:0.5s;
  256. }
  257.  
  258. .links {
  259. margin-bottom:-10px;
  260. opacity: 1;
  261. font-size:15px;
  262. padding-bottom: 5px;
  263. text-transform:uppercase;
  264. font-family: megrim;
  265. font-style: none;
  266. text-align:center;
  267. letter-spacing:1px;
  268. line-height:170%;
  269. -moz-transition-duration:1s;
  270. -webkit-transition-duration:1s;
  271. -o-transition-duration:1s;
  272. }
  273.  
  274. .links a{
  275. color:{color:link};
  276. text-decoration:none;
  277. padding: 3px;
  278. -moz-transition-duration:1s;
  279. -webkit-transition-duration:1s;
  280. -o-transition-duration:1s;
  281. }
  282.  
  283. .links a:hover{
  284. color:{color:hover};
  285. letter-spacing: 1px;
  286. font-size: 15px;
  287. padding: 3px;
  288. -webkit-filter: blur(1px);
  289. -moz-transition-duration:0.5s;
  290. -webkit-transition-duration:0.5s;
  291. -o-transition-duration:0.5s;
  292. }
  293.  
  294. .desc {
  295. margin-bottom:5px;
  296. text-align:center;
  297. font-family: arial;
  298. font-style: none;
  299. text-transform: lowercase;
  300. font-size:9px;
  301. margin-top: 0px;
  302. font-weight: none;
  303. color:{color:text};
  304. letter-spacing:1px;
  305. line-height:110%;
  306. padding: 0px;
  307.  
  308. }
  309.  
  310. .desc a {
  311. color:{color:link};
  312. }
  313.  
  314. #pagination {
  315. font-size:9px;
  316. padding:100px 0 50px 0;
  317. color:{color:link};
  318. text-transform:lowercase;
  319. text-align:center;
  320. font-style:normal;
  321. }
  322.  
  323. #pagination a {
  324. word-spacing:5px;
  325. text-align:center;
  326. letter-spacing:1px;
  327. text-transform:uppercase;
  328. display:inline-block;
  329. margin:0 25px;}
  330.  
  331. /*container*/
  332. #con {position:absolute;
  333. left:55%;
  334. margin-left:-300px;
  335. margin-top: 100px;
  336.  
  337. }
  338.  
  339. /*posts*/
  340. #entries {position:absolute;
  341. width:400px;
  342. border-right:0px solid #ededed;
  343. border-left:0px solid #ededed;
  344. padding:25px 50px;
  345.  
  346.  
  347. }
  348.  
  349. #posts {
  350. padding:50px 0;
  351. overflow:hidden;
  352. width:400px;
  353. }
  354. #posts img {max-width: 400px;
  355. }
  356.  
  357.  
  358. #titlequote{font-size:12px;
  359. color:{color:title};
  360. text-align:center;
  361. padding:15px 0;
  362. border-bottom:1px solid #ededed
  363. }
  364. #posts img {display:block}
  365. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  366. .caption img{max-width:100%;}
  367. .caption {width:100%;
  368. margin-top: 5px;
  369. text-transform:none;
  370. }
  371.  
  372. #source {text-align:left;
  373. padding-top:5px;
  374. font-size:9px}
  375.  
  376.  
  377.  
  378.  
  379.  
  380. /*audio*/
  381. .albumart {height:100px;
  382. width:400px;
  383. overflow:hidden;
  384. z-index:99}
  385. .albumart img{
  386.  
  387. }
  388. .player {width:27px;
  389. height:27px;
  390. margin:12px 13px 13px 13px;
  391. overflow:hidden;
  392. z-index:99;
  393. position:relative;
  394. border-radius:100%;}
  395. .playerback:hover .player {opacity:1;}
  396.  
  397. .audioinfo {
  398. text-align:left;
  399. position:absolute;
  400. margin-bottom:0;
  401. background-color:white;
  402. margin-top:25px;
  403. width:255px;
  404. z-index:99;
  405. padding:0 10px;
  406. margin-left:100px;
  407. border-radius:2px;
  408. opacity:.3;
  409. height:50px;
  410. line-height:50px;
  411. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  412. .albumart:hover .audioinfo {opacity:.9;
  413. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  414.  
  415. .audioinfo b {font-size:12px;}
  416.  
  417. .playerback {height:50px;
  418. opacity:.3;
  419. width:50px;
  420. left:75px;
  421. z-index:99;
  422. margin-top:25px;
  423. position:absolute;
  424. background-color:white;
  425. border-radius:100%;
  426. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  427.  
  428. .albumart:hover .playerback {opacity:.9;
  429. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  430.  
  431.  
  432.  
  433.  
  434.  
  435. /*asks*/
  436. #question {color:{color:text}}
  437. .as {text-align:right;
  438. padding-top:5px;
  439. text-transform:uppercase;
  440. font-size:9px;}
  441. .as a {{color:text}}
  442. .q {
  443. padding:15px;
  444. border:1px solid #ededed;
  445. color:{color:title};
  446. text-align:right;
  447. }
  448. .a {color:{color:text};
  449. margin-top:15px;
  450. text-align:justify;}
  451.  
  452.  
  453.  
  454. .chat ol {
  455. padding:0;
  456. line-height:180%;
  457. list-style:none;
  458. }
  459.  
  460. .line.odd {
  461. background-color:#F5F5F5;
  462. padding:5px;
  463. }
  464.  
  465. .line.even {
  466. background-color:{color:background};
  467. padding:5px;
  468. }
  469.  
  470. .label {
  471. padding-right:1px;
  472. text-transform:uppercase;
  473. font-weight:bold;
  474. color:{color:title};
  475. }
  476.  
  477.  
  478.  
  479.  
  480.  
  481.  
  482.  
  483. /*permalink and notes*/
  484. #permalink {
  485. position:absolute;
  486. z-index:99;
  487. text-transform:uppercase;
  488. font-size:7px;
  489. margin-left:421px;
  490. padding-left:5px;
  491. letter-spacing: 1px;
  492. margin-top:10px;
  493. font-family: franklin gothic book;
  494. text-align:left;
  495. width:80px;
  496. opacity:0;
  497. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out
  498. }
  499.  
  500. #posts:hover #permalink {opacity:1;
  501. -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  502.  
  503. .tags {border-top:1px solid #ededed;
  504. font-family: arial;
  505. text-transform:none;
  506. margin-top:2px;
  507. font-size: 7px;
  508. letter-spacing: 0px;
  509. padding-top:2px
  510. }
  511.  
  512.  
  513. .pagenotes {
  514. {block:IndexPage}
  515. display: none!important;
  516. {/block:IndexPage}
  517. {block:PermalinkPage}
  518. width:400px;
  519. {/block:PermalinkPage}
  520. text-align:left;
  521.  
  522. }
  523. .pagenotes img {
  524. display:none!important;}
  525. .pagenotes li {
  526. list-style-type:none;
  527. padding:10px 10px;
  528. text-align:left;
  529. margin:0 0 0 -40px;
  530. line-height:130%;
  531. }
  532. .pagenotes li:hover {background-color:#F5F5F5;}
  533.  
  534. #credit {
  535. position:fixed;
  536. right:0px;
  537. bottom:0px;
  538. padding:4px;
  539. text-transform:uppercase;
  540. letter-spacing:2px;
  541. font-size:8px;
  542. font-family: arial;
  543. margin-bottom:3px;
  544. margin-right:3px;
  545. border:double;
  546. border-color:#bbb;
  547. background: #fff;
  548.  
  549. }
  550.  
  551. {CustomCSS}
  552.  
  553. </style>
  554.  
  555. </head>
  556.  
  557. <body>
  558.  
  559.  
  560. <div id="con">
  561. <div id="sidebar">
  562. <div class="sidebartitle">{text:sidebartitle}</div>
  563. <div class="desc">
  564. {Description}
  565. </div>
  566. <div class="links">
  567. {block:IfLinkA}
  568. <a href="{text:linkA url}" title="{text:LinkA}">I</a>&nbsp;
  569. {/block:IfLinkA}
  570. {block:IfLinkB}
  571. <a href="{text:linkB url}"title="{text:linkB}">II</a>&nbsp;
  572. {/block:IfLinkB}
  573. {block:IfLinkC}
  574. <a href="{text:linkC url}"title="{text:linkC}">III</a>&nbsp;
  575. {/block:IfLinkC}
  576. {block:IfLinkD}
  577. <a href="{text:linkD url}"title="{text:linkD}">IV</a>
  578. {/block:IfLinkD}
  579. {block:IfLinkE}
  580. <a href="{text:linkE url}"title="{text:linkE}">V</a>
  581. {/block:IfLinkE}
  582. {block:IfLinkF}
  583. <a href="{text:linkF url}"title="{text:linkF}">VI</a>
  584. {/block:IfLinkF}
  585. </div>
  586.  
  587. </div>
  588.  
  589. <div id="entries">
  590.  
  591. {block:Posts}
  592. <div id="posts">
  593.  
  594.  
  595.  
  596. {block:Date}
  597. <div id="permalink">
  598. <a href="{Permalink}">{TimeAgo}</a>
  599. {block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  600. {block:ContentSource}
  601. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  602. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  603. {/block:SourceLogo}
  604. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  605. {/block:ContentSource}
  606. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} ● <a href="{ReblogRootURL}" title="{ReblogRootName}">by</a>{/block:ContentSource}{/block:RebloggedFrom}
  607. {block:HasTags}<br><div class="tags">{block:Tags}- <a href="{TagUrl}">{Tag}</a><br>{/block:Tags}</div>{/block:HasTags}
  608. </div>
  609. {/block:Date}
  610.  
  611. {block:Quote}
  612.  
  613.  
  614. <div id="titlequote">“{Quote}”</div>
  615. {block:Source}<div id="source">{Source}</div>{/block:Source}
  616. {/block:Quote}
  617.  
  618.  
  619.  
  620. {block:Text}
  621.  
  622. {block:Title}
  623. <div id="title">{Title}</div>{/block:Title}
  624. {Body}
  625.  
  626.  
  627. {/block:Text}
  628.  
  629. {block:Link}
  630.  
  631. <h1><a href="{URL}">> {Name}</a></h1>{block:Description}{Description}{/block:Description}
  632.  
  633. {/block:Link}
  634.  
  635. {block:Chat}
  636. {block:Title}
  637. <h1>{Title}</h1>
  638. {/block:Title}
  639. <div class="chat">
  640. <ol>{block:Lines}
  641. <li class="line {Alt}">
  642. {block:Label}
  643. <span class="label">
  644. {Label}</span>
  645. {/block:Label}{Line}</li>
  646. {/block:Lines}
  647. </ol></div>
  648. {/block:Chat}
  649.  
  650. {block:Photo}
  651.  
  652. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  653.  
  654. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  655. {/block:Photo}
  656.  
  657. {block:Photoset}
  658.  
  659. <center>{Photoset-400}</center>
  660. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  661.  
  662.  
  663. {/block:Photoset}
  664.  
  665. {block:Video}
  666.  
  667. {Video-500}
  668.  
  669.  
  670. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  671.  
  672. {/block:Video}
  673.  
  674. {block:Audio}
  675.  
  676.  
  677. <div class="albumart">
  678. <div class="playerback">
  679. <div class="player">{AudioPlayerWhite}</div>
  680. </div>
  681. <div class="audioinfo">
  682. {block:TrackName}<b>{TrackName}</b>{/block:TrackName} &mdash;
  683. {block:Artist}{Artist}{/block:Artist}
  684. </div>{block:AlbumArt}<img src="{AlbumArtURL}" width="400"> {/block:AlbumArt}
  685.  
  686.  
  687.  
  688. </div>
  689. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  690.  
  691. {/block:Audio}
  692.  
  693. {block:Answer}
  694. <div id="question">
  695. <div class="q">
  696. {Question}</div>
  697. <div class="as">{Asker}</div>
  698. <div class="a">{Answer}</div>
  699. </div>
  700.  
  701. {/block:Answer}
  702.  
  703.  
  704.  
  705.  
  706.  
  707. </div>
  708.  
  709.  
  710.  
  711.  
  712.  
  713. {block:PermalinkPage}
  714. {/block:PermalinkPage}
  715. <div class="pagenotes">
  716. {PostNotes}
  717. </ol>
  718.  
  719.  
  720. </div>
  721. {/block:PostNotes}
  722. {/block:Posts}
  723.  
  724. <div id="pagination">
  725.  
  726. {block:Pagination}
  727. {block:PreviousPage}
  728. <a href="{PreviousPage}"><span class="p">&larr;</span> backward</a>
  729. {/block:PreviousPage}
  730.  
  731. {block:NextPage}
  732. <a href="{NextPage}">wayward <span class="p">&rarr;</span></a>
  733. {/block:NextPage}
  734. {/block:Pagination}
  735. </div>
  736.  
  737. </div>
  738. <div id="credit"><a href="http://cloudplays.tumblr.com/credits" target="_blank">©CP</a></div>
  739.  
  740.  
  741.  
  742. </div>
  743.  
  744. </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!