API tools faq
paste
Advertisement
yuukithemes

sleepy theme

yuukithemes
May 5th, 2014
6,300
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.54 KB | None | 0 0
raw download clone embed print report
  1. <!-- sleepy theme by hentaist,
  2. inspired by clouds and how simple and
  3. sleepy they make me -->
  4.  
  5. <!DOCTYPE html>
  6. <head>
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <!--Default Variables-->
  15.  
  16. <meta name="color:Background" content="#f4f4ff"/>
  17. <meta name="color:Text" content="#aaaaaa"/>
  18. <meta name="color:Link" content="#a8a6a6"/>
  19. <meta name="color:border" content="#dad8ff"/>
  20. <meta name="color:post info" content="#fbfbfb"/>
  21. <meta name="color:buttons" content="#f4f4ff"/>
  22. <meta name="color:shadow" content="#eee"/>
  23. <meta name="color:big border" content="#FFF"/>
  24.  
  25. <meta name="image:Sidebar Image" content=""/>
  26. <meta name="image:sidebarbg" content=""/>
  27. <meta name="if:long sidebar" content="1"/>
  28. <meta name="if:default sidebar" content="0"/>
  29. <meta name="if:default links" content="0"/>
  30. <meta name="if:button links" content="0"/>
  31. <meta name="if:drop down links" content="1"/>
  32. <meta name="if:pagination" content="1"/>
  33. <meta name="if:infinite scroll" content="0"/>
  34. <meta name="if:shadow" content="1"/>
  35. <meta name="if:big border" content="1"/>
  36.  
  37. <meta name="text:Link 1 URL" content="" />
  38. <meta name="text:Link 1" content="" />
  39. <meta name="text:Link 2 URL" content="" />
  40. <meta name="text:Link 2" content="" />
  41. <meta name="text:Link 3 URL" content="" />
  42. <meta name="text:Link 3" content="" />
  43. <meta name="text:post size" content="250" />
  44.  
  45.  
  46. <!-- jquery for tooltips-->
  47.  
  48.  
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50.  
  51. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52.  
  53. <script>
  54.  
  55. (function($){
  56.  
  57. $(document).ready(function(){
  58.  
  59. $("a[title]").style_my_tooltips({
  60.  
  61. tip_follows_cursor:true,
  62.  
  63. tip_delay_time:30,
  64.  
  65. tip_fade_speed:300,
  66.  
  67. attribute:"title"
  68.  
  69. });
  70.  
  71. });
  72.  
  73. })(jQuery);
  74.  
  75. </script>
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82. <!--CSS customization here. -->
  83.  
  84. <style type="text/css">
  85.  
  86. #s-m-t-tooltip{
  87. position:absolute;
  88. margin-top: 15px;
  89. z-index:9999;
  90. background:{color:background};
  91. }
  92.  
  93.  
  94.  
  95. /*basics*/
  96. blockquote{
  97. display: block;
  98. padding:5px;
  99. border:1px solid #eee;
  100. margin-left:40px;
  101. background-color:#f8f8f8;
  102. }
  103.  
  104. body {
  105. background:{color:background};
  106. color:{color:text};
  107. font-family:arial;
  108. font-size:11px;
  109. text-align:justify;
  110. margin:0;
  111. line-height:16px;}
  112.  
  113.  
  114. a {
  115. color:{color:link};
  116. text-decoration:none;
  117. }
  118.  
  119. a:hover {
  120. text-decoration:underline;}
  121.  
  122. img{opacity:1;
  123. border:none;
  124. text-decoration:none}
  125.  
  126.  
  127. small {
  128. font-size:9px;}
  129.  
  130. big {
  131. font-size:12px;}
  132.  
  133.  
  134. #title {font-size:12px;
  135. line-height:18px;
  136. font-weight:100;
  137. font-family:helvetica;
  138. margin-bottom:10px;
  139. text-transform:lowercase;
  140. text-align:center;}
  141.  
  142.  
  143. /*sidebar*/
  144. #sidebar {
  145. {block:ifshadow}
  146. box-shadow:5px 5px {color:shadow};
  147. {/block:ifshadow}
  148. position:fixed;
  149. padding:5px;
  150. background:#fff url('{image:sidebarbg}');
  151. margin-left:-225px;
  152. margin-top:100px;
  153. width:125px;
  154. border:1px solid {color:border};
  155. }
  156.  
  157. #long {
  158. {block:ifshadow}
  159. box-shadow:5px 5px {color:shadow};
  160. {/block:ifshadow}
  161. position:fixed;
  162. margin-left:-265px;
  163. margin-top:100px;
  164. width:200px;
  165. background:#fff url('{image:sidebarbg}');
  166. border:1px solid {color:border};
  167. height:100%;
  168. }
  169.  
  170. #sidebarim {margin-bottom:20px}
  171.  
  172. #sidebarim img {width:125px}
  173.  
  174. #sidebarim2 {margin-bottom:20px;}
  175.  
  176. #sidebarim2 img {width:175px;padding:14px 14px;}
  177.  
  178. #bigborder {
  179. width:50px;
  180. position:fixed;
  181. margin-left:-180px;
  182. height:100%;
  183. background:{color:big border};
  184. opacity:.9;
  185. border:1px dotted {color:border};
  186. z-index:-9999999;
  187. }
  188.  
  189. #links {
  190. line-height:16px;
  191. text-transform:lowercase;
  192. }
  193.  
  194. #buttons a{
  195. background:{color:buttons};
  196. padding:3px;
  197. line-height:25px;
  198. border:1px dotted {color:border};
  199. }
  200.  
  201. #buttons a:hover {
  202. opacity:.5;
  203. text-decoration:none;
  204. }
  205.  
  206.  
  207. #links a {
  208. margin-right:5px;
  209. display:inline-block;
  210. margin-bottom:5px;
  211. }
  212.  
  213. #description {
  214. margin:20px 0;
  215. text-align:center;
  216. }
  217.  
  218.  
  219. /*pagination*/
  220. #pagination {
  221. width:{text:post size}px;
  222. margin-left:0px;
  223. position:absolute;
  224. background:white;
  225. border:1px solid {color:border};
  226. text-transform:lowercase;
  227. text-align:center;
  228. padding:5px;
  229. }
  230. #pagination a {
  231. padding:0 15px;
  232. }
  233.  
  234. /*container*/
  235. #con {
  236. left:50%;
  237. margin-left:-250px;
  238. position:absolute;
  239. }
  240.  
  241.  
  242.  
  243. /*posts*/
  244.  
  245. #entries {
  246. margin-top:75px;
  247. width:{text:post size}px;
  248. }
  249.  
  250. iframe {
  251. max-width:100%;
  252. }
  253.  
  254. figure {
  255. margin:0;
  256. }
  257.  
  258. #posts {
  259. {block:ifshadow}
  260. box-shadow:5px 5px {color:shadow};
  261. {/block:ifshadow}
  262. width:{text:post size}px;
  263. padding:5px;
  264. background:white;
  265. border:1px solid {color:border};
  266. {block:IndexPage}
  267. margin-bottom:75px;
  268. {/block:IndexPage}
  269. {block:PermalinkPage}
  270. margin-bottom:50px;
  271. {/block:PermalinkPage}
  272.  
  273. }
  274. #posts img {
  275. max-width:{text:post size}px;
  276. }
  277.  
  278. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  279. .caption {width:100%;
  280. margin-top:10px;
  281.  
  282. }
  283.  
  284. /*quote*/
  285.  
  286. #titlequote{text-align:left;
  287. font-size:14px;
  288. line-height:18px;
  289. font-weight:bold;
  290. }
  291. #source {
  292. margin-top:15px;
  293. margin-left:15px;}
  294.  
  295. /*audio*/
  296.  
  297. .player {
  298. width:25px;
  299. height:25px;
  300. overflow:hidden;
  301. position:absolute;
  302. background:white;}
  303.  
  304. .audioinfo {
  305. margin-left:50px;
  306. }
  307.  
  308.  
  309. /*asks*/
  310. .q {margin-bottom:10px;
  311. text-align:center;
  312. background:{color:background};
  313. color:{color:text};
  314. padding:5px;
  315. border:1px solid {color:border};
  316. }
  317. .as {
  318. font-weight:bold;}
  319.  
  320. .a {
  321. margin-top:10px;
  322. }
  323.  
  324.  
  325. /*chat*/
  326.  
  327. .chat ol {
  328. padding:0;
  329. margin-left:15px;
  330. list-style:none;
  331. }
  332. .line {padding:5px 0;
  333. list-style:none;
  334. }
  335.  
  336. .label {font-weight:bold;
  337. }
  338.  
  339. li {
  340. list-style:square;
  341. margin-left:-15px;
  342. }
  343.  
  344.  
  345.  
  346. /*permalink and notes*/
  347.  
  348. #permalink {
  349. margin-top:15px;
  350. font-size:10px;
  351. font-family:courier new;
  352. text-transform:lowercase;
  353. background:{color:post info};
  354. border-top:1px solid #eee;
  355. }
  356. #permalink a {margin-right:10px;
  357. }
  358.  
  359.  
  360. .tags {
  361. word-break:break-all;
  362. font-size:9px;
  363. }
  364.  
  365. .pagenotes {
  366. {block:IndexPage}
  367. display: none!important;
  368. {/block:IndexPage}
  369. width:400px;
  370. text-align:left;
  371.  
  372. }
  373. .pagenotes img {
  374. display:none!important;}
  375. .pagenotes li {
  376. list-style-type:none;
  377. padding:5px 0px;
  378. text-align:left;
  379. margin:0 0 0 -40px;
  380. }
  381.  
  382. {CustomCSS}
  383.  
  384.  
  385. </style>
  386.  
  387.  
  388.  
  389. </head>
  390.  
  391. <body>
  392.  
  393. <div id="con">
  394. {block:iflongsidebar}
  395.  
  396. <!-- so confusing here lmao, long sidebar -->
  397.  
  398. <div id="long">
  399. <div id="sidebarim2"><img src="{image:Sidebar Image}"></div>
  400. <div id="description">{Description}</div>
  401. {block:ifdefaultlinks}
  402. <div id="links">
  403. <center>
  404. <a href="/">home</a>
  405. <a href="/ask">ask</a>
  406. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  407. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  408. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  409. </center>
  410. </div>
  411. {/block:ifdefaultlinks}
  412. {block:ifdropdownlinks}
  413. <center>
  414. <select onchange='location=this.options[this.selectedIndex].value;' style='width:150px; border-radius:none;background:{color:background};border:1px solid {color:border};color:{color:text}'>
  415.  
  416. <option>click me</option>
  417.  
  418. <option value="/">refresh</option>
  419.  
  420. <option value="/ask">mail</option>
  421.  
  422. <option value="http://{text:Link 1 URL}">{text:Link 1}</option>
  423.  
  424. <option value="http://{text:Link 2 URL}">{text:Link 2}</option>
  425.  
  426. <option value="http://{text:Link 3 URL}">{text:Link 3}</option>
  427.  
  428. </select>
  429. {/block:ifdropdownlinks}
  430. {block:ifbuttonlinks}
  431. <div id="buttons">
  432. <center>
  433. <a href="/">home</a>
  434. <a href="/ask">ask</a>
  435. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  436. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  437. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  438. </center>
  439. </div>
  440. {/block:ifbuttonlinks}
  441. {/block:iflongsidebar}
  442.  
  443. <!-- end of long sidebar, start of default sidebar -->
  444.  
  445. {block:ifdefaultsidebar}
  446. {block:ifbigborder}
  447. <div id="bigborder"></div>
  448. {/block:ifbigborder}
  449. <div id="sidebar">
  450. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  451. <div id="description">{Description}</div>
  452. {block:ifdropdownlinks}
  453. <center>
  454. <select onchange='location=this.options[this.selectedIndex].value;' style='width:100px; border-radius:none;background:{color:background};border:1px solid {color:border};color:{color:text}'>
  455.  
  456. <option>click me</option>
  457.  
  458. <option value="/">refresh</option>
  459.  
  460. <option value="/ask">mail</option>
  461.  
  462. <option value="http://{text:Link 1 URL}">{text:Link 1}</option>
  463.  
  464. <option value="http://{text:Link 2 URL}">{text:Link 2}</option>
  465.  
  466. <option value="http://{text:Link 3 URL}">{text:Link 3}</option>
  467.  
  468. </select>
  469. {/block:ifdropdownlinks}
  470. {block:ifdefaultlinks}
  471. <div id="links">
  472. <center>
  473. <a href="/">home</a>
  474. <a href="/ask">ask</a>
  475. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  476. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  477. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  478. </center>
  479. </div>
  480. {/block:ifdefaultlinks}
  481. {block:ifbuttonlinks}
  482. <div id="buttons">
  483. <center>
  484. <a href="/">home</a>
  485. <a href="/ask">ask</a>
  486. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  487. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  488. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  489. </center>
  490. </div>
  491. {/block:ifbuttonlinks}
  492. {/block:ifdefaultsidebar}
  493.  
  494.  
  495. </div>
  496.  
  497.  
  498.  
  499.  
  500. <div id="entries">
  501. <div class = "autopagerize_page_element" >
  502. {block:Posts}
  503. <div id="posts">
  504.  
  505.  
  506. {block:Quote}
  507.  
  508.  
  509. <div id="titlequote">“{Quote}”</div>
  510. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  511. {/block:Quote}
  512.  
  513.  
  514.  
  515. {block:Text}
  516.  
  517. {block:Title}
  518. <div id="title">{Title}</div>{/block:Title}
  519. {Body}
  520. {/block:Text}
  521.  
  522. {block:Link}
  523. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  524. {/block:Link}
  525.  
  526. {block:Chat}
  527. {block:Title}
  528. <h1>{Title}</h1>
  529. {/block:Title}
  530. <div class="chat">
  531. <ol>{block:Lines}
  532. <li class="line {Alt}">
  533. {block:Label}
  534. <span class="label">
  535. {Label}</span>
  536. {/block:Label}{Line}</li>
  537. {/block:Lines}
  538. </ol></div>
  539. {/block:Chat}
  540.  
  541. {block:Photo}
  542. <figure>
  543. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  544. </figure>
  545. {/block:Photo}
  546.  
  547. {block:Photoset}
  548. <figure>
  549. {Photoset}
  550. </figure>
  551. {/block:Photoset}
  552.  
  553. {block:Video}
  554. <figure>
  555. {Video-500}
  556. </figure>
  557. {/block:Video}
  558.  
  559. {block:Audio}
  560. <div class="player">{AudioPlayerWhite}</div>
  561. <div class="audioinfo">
  562. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  563. </div>
  564. {/block:Audio}
  565.  
  566. {block:Answer}
  567. <div class="q">
  568. <div class="as">{Asker} said: </div>
  569. {Question}</div>
  570. <div class="a">{Answer}</div>
  571. {/block:Answer}
  572.  
  573. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  574.  
  575. {block:Date}
  576. <div id="permalink">
  577. <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  578. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">+{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  579. </div>
  580. {/block:Date}
  581.  
  582.  
  583.  
  584. </div>
  585.  
  586.  
  587. {block:PostNotes}
  588. <div class="pagenotes">
  589. {PostNotes}
  590. </div>
  591. {/block:PostNotes}
  592.  
  593. {/block:Posts}
  594. </div>
  595.  
  596. {block:ifpagination}
  597. <div id="pagination">
  598. {block:Pagination}
  599. {block:PreviousPage}
  600. <a href="{PreviousPage}">&larr; previous </a>
  601. {/block:PreviousPage}
  602.  
  603.  
  604. {block:NextPage}
  605. <a href="{NextPage}">next &rarr;</a>
  606. {/block:NextPage}
  607. {/block:Pagination}
  608. <p></p>
  609. <!-- do not do not do not remove this, please please please. -->
  610. メロクによるテーマ. 2014 © <br><a href="http://hentaist.tumblr.com">sleepy theme by hentaist.</a>
  611. </div>
  612. {/block:ifpagination}
  613.  
  614.  
  615. </div>
  616.  
  617. </div>
  618.  
  619.  
  620. {block:ContentSource}
  621. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  622. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  623. {/block:SourceLogo}
  624. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  625. {/block:ContentSource}
  626.  
  627. {block:ifinfinitescroll}
  628. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  629.  
  630. <div style="position:fixed;background:white;border:1px solid {color:border}; color:{color:text};bottom:3px;left:3px;padding:3px"> <a href="http://meroku.tumblr.com">THEME</a></div>
  631. {/block:ifinfinitescroll}
  632.  
  633. </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!