API tools faq
paste
Advertisement
akouos

retired theme: daydream

akouos
Jul 6th, 2014
861
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.46 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!-------------------
  4. DAYDREAM
  5. theme by akouos
  6. ---------------------
  7. RULES OF USE
  8.  
  9. I. DO NOT REDISTRIBUTE.
  10. II. DO NOT REMOVE OR MOVE CREDIT.
  11. III. DO NOT USE AS A BASE.
  12. IV. DO NOT CLAIM AS YOUR OWN.
  13. --------------------->
  14.  
  15. <!DOCTYPE html>
  16. <head>
  17.  
  18. <!----Options---->
  19. <meta name="color:Background" content="#ffffff" />
  20. <meta name="color:Desc" content="#000" />
  21. <meta name="color:Text" content="#000" />
  22. <meta name="color:Posts" content="#ffffff" />
  23. <meta name="color:Links" content="#000" />
  24. <meta name="color:Links hover" content="#f3f3f3" />
  25. <meta name="color:Nav Links" content="#000" />
  26. <meta name="color:Nav Links Hover" content="#000" />
  27. <meta name="color:Nav Links Background" content="#f8f8f8" />
  28. <meta name="color:Nav Links Background Hover" content="#fbfbfb" />
  29. <meta name="color:Borders" content="#f3f3f3" />
  30. <meta name="color:Titles" content="#000" />
  31.  
  32.  
  33. <meta name="image:Sidebar" content="http://i.imgur.com/tjA2tCl.png"/>
  34.  
  35.  
  36. <meta name="text:Ask Action" content="asked:" />
  37. <meta name="text:Link 1" content="/ask" />
  38. <meta name="text:Link 1 Title" content="mail" />
  39. <meta name="text:Link 2" content="/" />
  40. <meta name="text:Link 2 Title" content="link" />
  41. <meta name="text:Link 3" content="/" />
  42. <meta name="text:Link 3 Title" content="link" />
  43. <meta name="text:Link 4" content="/" />
  44. <meta name="text:Link 4 Title" content="link" />
  45. <meta name="text:Link 5" content="/" />
  46. <meta name="text:Link 5 Title" content="link" />
  47. <meta name="text:Link 6" content="/" />
  48. <meta name="text:Link 6 Title" content="link" />
  49. <meta name="text:Link 7" content="/ask" />
  50. <meta name="text:Link 7 Title" content="link" />
  51. <meta name="text:Link 8" content="/" />
  52. <meta name="text:Link 8 Title" content="link" />
  53.  
  54. <meta name="if:400px Posts" content="1"/>
  55. <meta name="if:500px Posts" content="0"/>
  56. <meta name="if:White Audioplayer" content="1"/>
  57. <meta name="if:Black Audioplayer" content="0"/>
  58. <meta name="if:Custom Scrollbar" content="1"/>
  59. <meta name="if:Extra Links" content="1"/>
  60. <meta name="if:Hover Info" content="1"/>
  61. <title>{Title}</title>
  62.  
  63. <!----Favicon/RSS---->
  64. <link rel="shortcut icon" href="{Favicon}">
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67.  
  68. <!----Scripts---->
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  70. <script src="http://static.tumblr.com/ggbmqqa/Yzrn815tb/jquery.style-my-tooltips.js"></script>
  71.  
  72. <script>
  73. (function($){
  74. $(document).ready(function(){
  75. $("[title]").style_my_tooltips({
  76. tip_follows_cursor:true,
  77. tip_delay_time:200,
  78. tip_fade_speed:600,
  79. attribute:"title"
  80. });
  81. });
  82. })(jQuery);
  83. </script>
  84.  
  85.  
  86. <style>
  87.  
  88. /*Scrollbar*/
  89. {block:ifCustomScrollbar}
  90. ::-webkit-scrollbar {margin:2px;
  91. width:11px;}
  92. ::-webkit-scrollbar-track {width:9px;
  93. background-color:{color:borders};
  94. border:5px solid {color:background};}
  95. ::-webkit-scrollbar-thumb {width:5px;
  96. background-color:{color:nav links background};
  97. border:1px solid {color:borders};
  98. height:auto;}
  99. {/block:ifCustomScrollbar}
  100.  
  101. /*Tooltip*/
  102. #s-m-t-tooltip{max-width:250px;
  103. height:auto;
  104. padding:5px;
  105. margin-left:20px;
  106. margin-top:20px;
  107. background-color:{color:nav links background};
  108. border:1px solid {color:borders};
  109. font-family:verdana;
  110. font-size:9px;
  111. letter-spacing:1px;
  112. padding-bottom:5px;
  113. color:#000;
  114. z-index:999999999999999999999999999999999999;}
  115.  
  116. /*Basics*/
  117. body {background-color:{color:background};
  118. font-family:verdana;
  119. font-size:9px;
  120. color:{color:text};}
  121.  
  122. a {font-family:helvetica;
  123. font-size:9px;
  124. color:{color:links};
  125. text-transform:lowercase;text-decoration:none;
  126. -moz-transition-duration: 0.7s;
  127. -o-transition-duration: 0.7s;
  128. -webkit-transition-duration: 0.7s;
  129. transition-duration: 0.7s;}
  130.  
  131. a:hover {color:{color:links hover};
  132. -moz-transition-duration: 0.7s;
  133. -o-transition-duration: 0.7s;
  134. -webkit-transition-duration: 0.7s;
  135. transition-duration: 0.7s;}
  136.  
  137.  
  138. /*Sidebar*/
  139. .sidebar {width: 200;
  140. height: auto;
  141. position: fixed;
  142. margin-right:50px;
  143. top: 250px;
  144. left: 50px;
  145. z-index:1000;
  146. text-align: center;}
  147.  
  148. .description {width:200px;
  149. height:auto;
  150. color:{color:desc};}
  151.  
  152. .sidebar img {padding:15px;
  153. background-color:{color:nav links background};
  154. height: 50px;
  155. margin-top:15px;
  156. margin-bottom:10px;
  157. width:50px;
  158. border:1px solid {color:borders};}
  159.  
  160.  
  161. /*Links*/
  162. .navi{width:200px;}
  163.  
  164. .navi a {border:1px solid {color:borders};
  165. background-color:{color:nav links background};
  166. text-transform:lowercase;
  167. color:{color:nav links};
  168. margin-bottom:5px;
  169. display: inline-block;
  170. padding:5px;
  171. margin-top: 1px;
  172. margin-right: 1px;
  173. margin-left: 1px;
  174. font-style:italic;
  175. width: 15%;
  176. height: auto;
  177. -moz-transition-duration: 0.7s;
  178. -o-transition-duration: 0.7s;
  179. -webkit-transition-duration: 0.7s;
  180. transition-duration: 0.7s;}
  181.  
  182. .navi a:hover {background-color:{color:nav links background hover};
  183. color:{color:nav links hover};
  184. letter-spacing:1px;
  185. -moz-transition-duration: 0.7s;
  186. -o-transition-duration: 0.7s;
  187. -webkit-transition-duration: 0.7s;
  188. transition-duration: 0.7s;}
  189.  
  190.  
  191. /*Posts*/
  192. .column {width: 600px;
  193. padding-top:100px;
  194. height:100%;
  195. margin-left:260px;}
  196.  
  197. .posts {
  198. {block:if500pxPosts}
  199. width:500px;
  200. {/block:if500pxPosts}
  201. {block:if400pxPosts}
  202. width:400px;
  203. {/block:if400pxPosts}
  204. margin: auto;
  205. padding:20px 25px 20px 20px;
  206. background-color:{color:posts};
  207. margin-bottom:75px;
  208. position:relative;
  209. -moz-transition-duration: 0.7s;
  210. -o-transition-duration: 0.7s;
  211. -webkit-transition-duration: 0.7s;
  212. transition-duration: 0.7s;}
  213.  
  214. .posts h1{font-family:helvetica;
  215. text-transform:lowercase;
  216. color:{color:titles};
  217. font-size:16px;
  218. text-align:center;
  219. margin-bottom:10px;
  220. font-weight:bold;}
  221. .posts h2 a {font-family:helvetica;
  222. text-transform:lowercase;
  223. color:{color:titles};
  224. font-size:16px;
  225. text-align:center;
  226. margin-bottom:10px;
  227. font-weight:bold;}
  228.  
  229. .posts li {list-style: square;}
  230. .posts blockquote {border-left: 1px solid {color:borders};
  231. padding-left: 5px;}
  232. .textpost img {
  233. {block:if500pxPosts}
  234. max-width:440px;
  235. {/block:if500pxPosts}
  236. {block:if400pxPosts}
  237. max-width:340px;
  238. {/block:if400pxPosts}}
  239.  
  240.  
  241. /*Quote Post*/
  242. .quote {color:{color:titles};
  243. font-family:helvetica;
  244. font-size:14px;
  245. font-weight:bold;
  246. text-align:center;}
  247. .source {width:250px;
  248. max-width:250px;
  249. {block:if500pxPosts}
  250. margin-left:120px;
  251. {/block:if500pxPosts}
  252. {block:if400pxPosts}
  253. margin-left:80px;
  254. {/block:if400pxPosts}
  255. padding-top:10px;
  256. text-align:center;
  257. border-top:1px {color:borders} solid;}
  258.  
  259.  
  260. /*Ask Post*/
  261. .ask {{block:if500pxPosts}width:458px;
  262. max-width:500px;
  263. {/block:if500pxPosts}
  264. {block:if400pxPosts}
  265. width:358px;
  266. max-width:400px;
  267. {/block:if400pxPosts}
  268. background-color:{color:nav links background};
  269. padding:20px;
  270. max-width:500px;
  271. border:1px solid {color:borders};
  272. height:auto;
  273. color:{color:text};}
  274. .asker {color:{color:titles};
  275. font-family:helvetica ;
  276. font-size:12px;
  277. font-weight:bold;
  278. font-style:italic;}
  279.  
  280. /*Audio Post*/
  281. .cover {position: relative;
  282. z-index: 1;
  283. width:150px;}
  284. .playbutton {width: 20px;
  285. height: 30px;
  286. overflow: hidden;
  287. position: relative;
  288. z-index: 999;
  289. margin: 50px 57px 50px 50px;}
  290. .playbox {{block:ifWhiteAudioPlayer}
  291. background-color: #fff;
  292. {/block:ifWhiteAudioPlayer}
  293. {block:ifBlackAudioPlayer}
  294. background-color: #000;
  295. {/block:ifBlackAudioPlayer}
  296. position: absolute;
  297. z-index: 999;
  298. margin-top: 10px;
  299. margin-left: 11px;
  300. -webkit-transition: opacity 0.7s ease-in-out;
  301. -moz-transition: opacity 0.7s ease-in-out;
  302. -ms-transition: opacity 0.7s ease-in-out;
  303. -o-transition: opacity 0.7s ease-in-out;
  304. opacity: 0.5;}
  305. .playbox:hover {
  306. -webkit-transition: opacity 0.7s ease-in-out;
  307. -moz-transition: opacity 0.7s ease-in-out;
  308. -ms-transition: opacity 0.7s ease-in-out;
  309. -o-transition: opacity 0.7s ease-in-out;
  310. opacity: 1;}
  311.  
  312. /*Audio Post Info*/
  313. .musicinfo
  314. {{block:if500pxPosts}
  315. width:287px;
  316. {/block:if500pxPosts}
  317. {block:if400pxPosts}
  318. width:187px;
  319. {/block:if400pxPosts}
  320. position:absolute;
  321. padding-left:185px;
  322. text-align:center;
  323. vertical-align:middle;
  324. margin-top:-100px;
  325. z-index:1;}
  326.  
  327. .mtitle {font-family:helvetica ;
  328. text-transform:lowercase;
  329. color:{color:title};
  330. font-size:16px;
  331. font-weight:bold;}
  332.  
  333. .martist {color:{color:titles};
  334. font-family:verdana;
  335. font-size:10px;
  336. text-transform:lowercase;}
  337.  
  338. .mplaycount {font-size:8px;}
  339.  
  340.  
  341. /*Chat Post*/
  342. .chat {text-transform:lowercase
  343. margin-top:23px;
  344. {block:if500pxPosts}
  345. width:500px;
  346. {/block:if500pxPosts}
  347. {block:if400pxPosts}
  348. width:400px;
  349. {/block:if400pxPosts}}
  350. .chat li{padding:5px;
  351. list-style:none;
  352. border:solid 1px #f3f3f3;
  353. background-color:#f8f8f8;
  354. margin-bottom:5px;
  355. margin-left:-40px;}
  356.  
  357.  
  358. /*Post Info*/
  359. .postinfo {position: absolute;
  360. font-size:8px;
  361. {block:if500pxPosts}
  362. margin-left: 530px;
  363. {/block:if500pxPosts}
  364. {block:if400pxPosts}
  365. margin-left: 430px;
  366. {/block:if400pxPosts}
  367. padding: 0px 10px;
  368. top: 0px;
  369. width: 100px;
  370. max-width: 100px;
  371. {block:ifNotHoverInfo}
  372. opacity: 1;
  373. {/block:ifNotHoverInfo}
  374. {block:IfHoverInfo}
  375. opacity:0;
  376. {/block:ifHoverInfo}
  377. -moz-transition-duration: 0.7s;
  378. -o-transition-duration: 0.7s;
  379. -webkit-transition-duration: 0.7s;
  380. transition-duration: 0.7s;}
  381. .postinfo a {font-weight:bold;}
  382.  
  383. .posts:hover .postinfo {opacity: 1.0;
  384. -moz-transition-duration: 0.7s;
  385. -o-transition-duration: 0.7s;
  386. -webkit-transition-duration: 0.7s;
  387. transition-duration: 0.7s;}
  388.  
  389.  
  390. /*Tags*/
  391. .tags {border-top:1px solid {color:borders};
  392. padding:5px;
  393. {block:if500pxPosts}
  394. max-width:500px;
  395. {/block:if500pxPosts}
  396. {block:if400pxPosts}
  397. max-width:400px;
  398. {/block:if400pxPosts}
  399. -moz-transition-duration: 0.7s;
  400. -o-transition-duration: 0.7s;
  401. -webkit-transition-duration: 0.7s;
  402. transition-duration: 0.7s;}
  403.  
  404.  
  405. .tags a {padding-right:8px;
  406. text-transform:lowercase;
  407. color:{color:links};
  408. -moz-transition-duration: 0.7s;
  409. -o-transition-duration: 0.7s;
  410. -webkit-transition-duration: 0.7s;
  411. transition-duration: 0.7s;}
  412.  
  413. .tags a:hover {color:{color:links hover};
  414. -moz-transition-duration: 0.7s;
  415. -o-transition-duration: 0.7s;
  416. -webkit-transition-duration: 0.7s;
  417. transition-duration: 0.7s;}
  418.  
  419. /*Navigation*/
  420. .pagination {text-align:center;margin-right:10px;}
  421. .pagination a{color:{color:text};
  422. font-size:10px;
  423. padding-left:10px;
  424. font-family:arial ;
  425. font-weight:bold;
  426. text-transform:lowercase;}
  427. .pagination a:hover {color:{color:links hover};}
  428.  
  429.  
  430. /*Post Info Page*/
  431. .notecontainer {
  432. margin: 20px auto;
  433. {block:if500pxPosts}
  434. width: 500px;
  435. {/block:if500pxPosts}
  436. {block:if400pxPosts}
  437. width: 400px;
  438. {/block:if400pxPosts}
  439. font-size: 9px;
  440. list-style:none;}
  441. .notecontainer ol.notes {
  442. margin-left:30px;
  443. padding:10px;}
  444. .notecontainer img.avatar {
  445. margin-right: 10px;
  446. width: 10px;
  447. height: 10px;}
  448. .notecontainer li {list-style-type:decimal;}
  449.  
  450. /*Can't Touch This by MC Hammer*/
  451. .credit {background-color:{color:background};
  452. position:fixed;
  453. bottom:15px;
  454. right:15px;
  455. font-weight:bold;
  456. margin-top:8px;
  457. -moz-transition-duration: 0.7s;
  458. -o-transition-duration: 0.7s;
  459. -webkit-transition-duration: 0.7s;
  460. transition-duration: 0.7s;}
  461.  
  462. .credit a:hover {color:{color:links hover};
  463. -moz-transition-duration: 0.7s;
  464. -o-transition-duration: 0.7s;
  465. -webkit-transition-duration: 0.7s;
  466. transition-duration: 0.7s;}
  467.  
  468. .credit a {text-decoration:none;
  469. font-size:8px;
  470. color:{color:links};
  471. font-family:helvetica;
  472. text-transform:uppercase;}
  473.  
  474.  
  475. </style>
  476. </head>
  477.  
  478. <body>
  479.  
  480.  
  481.  
  482. <div class="sidebar">
  483. <div class="sbaricon">
  484. <a href="/"><img src="{image:sidebar}" alt="sbar"></a>
  485. </div>
  486. <div class="navi">
  487. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  488. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  489. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  490. <a href="{text:Link 4}">{text:Link 4 Title}</a>{block:ifExtraLinks}<br>
  491. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  492. <a href="{text:Link 6}">{text:Link 6 Title}</a>
  493. <a href="{text:Link 7}">{text:Link 7 Title}</a>
  494. <a href="{text:Link 8}">{text:Link 8 Title}</a>
  495. {/block:ifExtraLinks}
  496. </div>
  497.  
  498. <br>
  499. <div class="description">
  500. {Description}
  501. </div>
  502. <br><br>
  503. <div class="pagination">
  504. {block:Pagination}
  505. {block:PreviousPage}
  506. <a href="{PreviousPage}">retreat</a>{/block:PreviousPage}
  507. {block:NextPage}
  508. <a href="{NextPage}">forward</a>
  509. {/block:NextPage}
  510. {/block:Pagination}
  511. </div>
  512.  
  513. </div>
  514.  
  515.  
  516.  
  517. <div class="column">
  518. {block:Posts}
  519.  
  520. <!--Blocks Source-->
  521. {block:ContentSource}
  522. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  523. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  524. {/block:SourceLogo}
  525. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  526. {/block:ContentSource}
  527. <!--Blocks Via-->
  528. <!-- {block:NoRebloggedFrom}
  529. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  530. {/block:NoRebloggedFrom} -->
  531.  
  532.  
  533. <div class="posts">
  534. <div class="textpost">
  535. {block:Text}
  536. {block:Title}<h1>{Title}</h1>{/block:Title}
  537. {Body}
  538. {/block:text}
  539. </div>
  540. {block:Answer}
  541. <div class="ask"> {Asker} {text:Ask Action} {Question}
  542. </div>
  543. <div class="textpost">
  544. {Answer}
  545. </div>
  546. {/block:Answer}
  547.  
  548. {block:Quote}
  549. <div class="quote">
  550. "{Quote}"
  551. </div>
  552. {block:Source}<br><div class="source">-{Source}</div>{/block:Source}
  553. {/block:Quote}
  554.  
  555. {block:Link}
  556. <h2><a href="{URL}">{Name}</a></h2>
  557. {block:Description}{Description}{/block:Description}
  558. {/block:Link}
  559.  
  560. {block:Chat}
  561. {block:Title}<h1>{Title}</h1>{/block:Title}
  562. <div class=chat>
  563. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  564. {Line}</li>{/block:Lines}</ul>
  565. </div>
  566. {/block:Chat}
  567.  
  568. {block:Photo}
  569. {block:if500pxPosts}
  570. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  571. {/block:if500pxPosts}
  572. {block:if400pxPosts}
  573. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
  574. {/block:if400pxPosts}
  575. {block:Caption}{Caption}{/block:Caption}
  576. {/block:Photo}
  577.  
  578. {block:Photoset}
  579. {block:if500pxPosts}
  580. {Photoset-500}
  581. {/block:if500pxPosts}
  582. {block:if400pxPosts}
  583. {Photoset-400}
  584. {/block:if400pxPosts}
  585. {block:Caption}{Caption}{/block:Caption}
  586. {/block:Photoset}
  587.  
  588. {block:Audio}
  589. <div class="playbox"><div class="playbutton">
  590. {block:ifWhiteAudioPlayer}
  591. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  592. {/block:ifWhiteAudioPlayer}
  593. {block:ifBlackAudioPlayer}
  594. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  595. {/block:ifBlackAudioPlayer}
  596. </div>
  597. </div>
  598.  
  599. {block:AlbumArt}
  600. <img src="{AlbumArtUrl}" class="cover">
  601. {/block:AlbumArt}
  602.  
  603. <div class="musicinfo">
  604. {block:TrackName}
  605. <div class="mtitle">
  606. {TrackName}
  607. <br>
  608. </div>
  609. {/block:TrackName}
  610. {block:Artist}
  611. <div class="martist">
  612. {Artist}
  613. <br>
  614. </div>
  615. {/block:Artist}
  616. <div class="mplaycount">
  617. {block:PlayCount}
  618. {PlayCountWithLabel}
  619. {/block:PlayCount}
  620. </div>
  621. </div>
  622. {/block:Audio}
  623.  
  624.  
  625. {block:Video}
  626. {block:if500pxPosts}
  627. {Video-500}
  628. {/block:if500pxPosts}
  629. {block:if400pxPosts}
  630. {Video-400}
  631. {/block:if400pxPosts}
  632. {block:Caption}{Caption}{/block:Caption}
  633. {/block:Video}
  634. <br><br>
  635. <div class="postinfo">
  636. <br>
  637. <a href="{Permalink}">
  638. {block:Date}{TimeAgo}{/block:Date}</a>
  639. {block:NoteCount}<br>+ {NoteCount}
  640. <br>{/block:NoteCount}
  641.  
  642. </div>
  643.  
  644.  
  645.  
  646. <div class="credit">
  647. <a href="http://akouos.tumblr.com">AKS</a>
  648. </div>
  649.  
  650. {block:HasTags}
  651. <div class="tags">
  652. {block:Tags}
  653. <a href="{TagURL}"> <small>#</small>{TAG} </a> {/block:Tags}
  654. </div>
  655. {/block:HasTags}
  656. </div>
  657. {block:PermalinkPage}
  658.  
  659.  
  660. {block:PostNotes}
  661. <div class="notecontainer">{PostNotes}</div>
  662. {/block:PostNotes}
  663. {/block:PermalinkPage}
  664. {/block:Posts}
  665.  
  666. </div>
  667. </div>
  668.  
  669.  
  670.  
  671.  
  672.  
  673.  
  674.  
  675. </body>
  676. </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!