API tools faq
paste
Advertisement
yuukithemes

simply cute theme

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