API tools faq
paste
Advertisement
yuukithemes

cream puff theme

yuukithemes
Jun 3rd, 2014
5,815
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.07 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme by hentaist, don't remove or hide the credit to another page.-->
  2.  
  3. <html>
  4. <head>
  5.  
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  7. <title>{Title}</title>
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!-- DEFAULTS -->
  11. <meta name="color:background" content="#000000">
  12. <meta name="color:bold" content="#2ffdf7" />
  13. <meta name="color:italic" content="#caf86d" />
  14. <meta name="color:text" content="#4e4d4d" />
  15. <meta name="color:link" content="#5f8a71" />
  16. <meta name="color:scrollbar" content="#c0bdb8" />
  17. <meta name="color:scrollbg" content="#ffffff" />
  18. <meta name="color:border" content="#ffffff" />
  19. <meta name="color:bars" content="#ffffff" />
  20. <meta name="color:tags" content="#ffffff" />
  21.  
  22. <meta name="image:imagepixel" content=""/>
  23. <meta name="image:entries background" content=""/>
  24. <meta name="if:more links" content="1"/>
  25. <meta name="if:tags" content="1"/>
  26. <meta name="if:search bar" content="1"/>
  27. <meta name="text:post size" content="300"/>
  28.  
  29. <meta name="text:url 1" content="/" />
  30. <meta name="text:link 1" content="link" />
  31. <meta name="text:url 2" content="/" />
  32. <meta name="text:link 2" content="link" />
  33. <meta name="text:url 3" content="/" />
  34. <meta name="text:link 3" content="link" />
  35. <meta name="text:url 4" content="/" />
  36. <meta name="text:link 4" content="link" />
  37. <meta name="text:url 5" content="/" />
  38. <meta name="text:link 5" content="link" />
  39.  
  40. </head>
  41. <link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'>
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43.  
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45.  
  46. <script>
  47.  
  48. (function($){
  49.  
  50. $(document).ready(function(){
  51.  
  52. $("a[title]").style_my_tooltips({
  53.  
  54. tip_follows_cursor:true,
  55.  
  56. tip_delay_time:30,
  57.  
  58. tip_fade_speed:300,
  59.  
  60. attribute:"title"
  61.  
  62. });
  63.  
  64. });
  65.  
  66. })(jQuery);
  67.  
  68. </script>
  69.  
  70. <style type="text/css">
  71.  
  72. #s-m-t-tooltip{
  73. position:absolute;
  74. margin-top: 15px;
  75. z-index:99999;
  76. max-width:90px;
  77. width:90px;
  78. letter-spacing:1px;
  79. font-size:10px;
  80. font-family:arial;
  81. text-align:center;
  82. background:{color:background};
  83. }
  84.  
  85. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:100px;}
  86.  
  87. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px !important;}
  88.  
  89. ::-webkit-scrollbar { height:7px;width:7px; background-color:{color:scrollbg};}
  90.  
  91. .ask {padding:10px;position: left;background:{color:background};border:1px solid {color:border};}
  92. .ask p {margin:1px 0px;}
  93.  
  94. ::-moz-selection {background-color:{color:scrollbg}; color: {color:scrollbar};}
  95.  
  96. ::selection {background-color:{color:scrollbg}; color: {color:scrollbar};}
  97.  
  98. body {color:{color:text}; background-color:{color:background}; word-wrap:break-all; font-family:verdana; font-size:10px; line-height:16px; text-align:justify}
  99.  
  100. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  101.  
  102. a:hover {
  103. color:{color:sidebartitle};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  104.  
  105. small{font-size:11px}
  106.  
  107. big{font-size:13px;}
  108.  
  109. b, strong {
  110. font-weight:heavy;
  111. color:{color:bold};
  112. }
  113.  
  114. ul li {
  115. list-style:circle;
  116. margin-left:-5px;
  117. margin-right:5px;
  118. padding:3px;
  119. }
  120.  
  121.  
  122. i, em {
  123. font-weight:light;
  124. font-style:normal;
  125. color:{color:italic};
  126. }
  127.  
  128. pre {
  129. word-wrap:break-word;
  130. }
  131.  
  132. p{margin-top:6px; margin-bottom:6px}
  133.  
  134. blockquote {
  135. border-left:1px solid #eee;
  136. padding:1px 0px 1px 10px;
  137. font-family:verdana;
  138. word-wrap:break-all;
  139. margin:5px;}
  140.  
  141.  
  142. #container {background-color:transparent; text-align: center; }
  143.  
  144. #entries {margin-top:50px; width:{text:post size}px;text-align: justify; margin-left:340px;word-wrap:break-all;padding-left:10px;padding-right:33px;border:2px solid {color:border};background-image:url('{image:entries background}');background-attachment:fixed;}
  145.  
  146. #posts {margin-bottom:50px;width:{text:post size}px;text-align: justify; word-wrap:break-all;padding: 10px;background:white; border:1px solid {color:border};}
  147.  
  148. #sidebar {width:178px; background:{color:bars}; padding-bottom:7px; margin-top:32px; margin-left:160px; position:fixed;border-left:2px solid {color:border};border-right:2px solid {color:border};border-bottom:2px solid {color:border};}
  149.  
  150. #topbar {width:{text:post size}px;margin-top:-50px;border-top:2px solid {color:border}; border-left:2px solid {color:border}; border-right:2px solid {color:border};position:fixed;border-bottom:2px solid {color:border};height:80px;margin-left:160px;background:{color:bars};padding-right:223px;}
  151.  
  152. #sidebarimg img { height:auto; margin-top:100px;margin-left:0px;}
  153.  
  154. #description img {max-width:185px; text-align:center;}
  155.  
  156. #linko {
  157. text-align:right;
  158. height: 13px;
  159. padding-right:3px;
  160. overflow: hidden;
  161. font-family:verdana;
  162. -webkit-transition: all 0.5s ease-out;
  163. -moz-transition: all 0.5s ease-out;
  164. -ms-transition: all 0.5s ease-out;
  165. -o-transition: all 0.5s ease-out;
  166. transition: all 0.5s ease-out;
  167. }
  168.  
  169. #linko:hover {
  170. height:67px;
  171. -webkit-transition: all 0.9s ease-out;
  172. -moz-transition: all 0.9s ease-out;
  173. -ms-transition: all 0.9s ease-out;
  174. -o-transition: all 0.9s ease-out;
  175. transition: all 0.9s ease-out;
  176.  
  177. }
  178.  
  179. #linko #links {
  180. text-align:right;
  181. letter-spacing:1px;
  182. line-height:13px;
  183. }
  184.  
  185. #linko #links a:hover {
  186. color:{color:links};
  187. text-decoration:line-through;
  188. }
  189.  
  190. .info {
  191. font-family:verdana;
  192. color:{color:text};
  193. text-align:right;
  194. padding-top:5px;
  195. }
  196.  
  197. h1{color:{color:text}; font-family:{font:link}; font-size:12px; line-height:12px;font-weight:100; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:5px; margin-bottom:-5px; text-align:center}
  198.  
  199. h2{color:{color:text}; font-family:{font:link}; font-size:12px; line-height:12px;font-weight:100; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:5px; margin-bottom:-5px; text-align:center}
  200.  
  201. .tags {
  202. text-align:left;
  203. margin-top:10px;
  204. font-family:verdana;
  205. padding:8px 0px 0px 0px;
  206. border-top:1px solid #c7c7c7;
  207. color:{color:tags};
  208. -webkit-transition-duration: 0.3s;
  209. -moz-transition-duration: 0.3s;
  210. -o-transition-duration: 0.3s;
  211. -ms-transition-duration: 0.3s;
  212. }
  213.  
  214. .tags a {
  215. color:{color:tags};
  216. }
  217.  
  218. .tags a:hover {
  219. background:{color:border};
  220. color:gray;
  221. }
  222.  
  223. .player {
  224. width:25px;
  225. height:25px;
  226. overflow:hidden;
  227. position:absolute;
  228. background:white;}
  229.  
  230. .audioinfo {
  231. margin-left:50px;
  232. }
  233.  
  234. .user_1 .label {font-weight:bold}
  235. .user_2 .label {font-weight:italic}
  236. .user_3 .label {font-weight:bold}
  237. .user_4 .label {font-weight:italic}
  238.  
  239. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px; border-bottom:1px solid #eee;}
  240.  
  241.  
  242.  
  243. .notes img{width:10px; position:relative; top:1px}
  244. ol.notes, .notes li{width:{text:post size}px; list-style:none; margin:0px 0 -1px 5px; padding:0px;word-wrap:break-all;}
  245.  
  246. iframe {
  247. max-width:100%;
  248. }
  249.  
  250. figure {
  251. margin:0;
  252. }
  253.  
  254. img {
  255. max-width:100%;
  256. }
  257.  
  258. .q {
  259. font-style:italic;
  260. font-size:12px;
  261. font-family:verdana;
  262. line-height:18px;
  263. text-align:left;
  264. }
  265.  
  266. .s {
  267. text-align:right;
  268. margin-top:5px;
  269. font-size:10px;
  270. }
  271.  
  272. #searchresults {
  273. color: gray;
  274. padding:3px;
  275. width:{text:post size}px;
  276. text-align:center;
  277. margin-bottom:10px;
  278. font-family: 'arial';
  279. font-size: 15px;
  280. }
  281.  
  282. #searchresults .search_query {
  283. font-weight: 100;
  284. }
  285.  
  286. #searchresults .search_query:before {
  287. content:'“';
  288. }
  289.  
  290. #searchresults .search_query:after {
  291. content:'”';
  292. }
  293.  
  294. .pagenotes {
  295. {block:IndexPage}
  296. display: none!important;
  297. {/block:IndexPage}
  298. width:{text:post size}px;
  299. background:white;
  300. padding:10px;
  301. word-wrap:break-all;
  302. font-size:10px;
  303. margin-left:-5px;
  304. font-family:arial;
  305. margin-top:-25px;
  306. margin-bottom:10px;
  307. border:1px solid {color:border};
  308. text-align:left; }
  309.  
  310. .pagenotes li {
  311. list-style-type:none;
  312. padding:5px 0px;
  313. text-align:left;
  314. margin:0 0 0 -10px;
  315. }
  316.  
  317. ol .notes {
  318. width:{text:post size}px;
  319. word-wrap:break-all;
  320. }
  321.  
  322. .pagenotes img {display:none!important;}
  323.  
  324. .ppage {
  325. background:white;
  326. text-align:center;
  327. width:{text:post size}px;
  328. border:1px solid {color:border};
  329. padding:10px;
  330. margin-top:-25px;
  331. }
  332.  
  333. .swagger {
  334. margin-left:30px;
  335. margin-top:-50px;
  336. position:fixed;
  337. width:110px;
  338. list-style-type:none;
  339. }
  340.  
  341. .sidebar-link {
  342. margin-left:0px;
  343. color: black;
  344. width:110px;
  345. margin-bottom:5px;
  346. background:{color:background};
  347. border:1px solid {color:border};
  348. text-align: center;
  349. font-size: 11px;
  350. list-style-type: none;
  351. display: block;
  352. padding: 3px 5px;
  353. }
  354.  
  355. .sidebar-link:hover {
  356. color: gray; !important;
  357. text-decoration: none;
  358. opacity:.6;
  359. background-color: {color:background};
  360. border-left: 10px solid {color:border};
  361. }
  362.  
  363. </style>
  364. <style type="text/css">{CustomCSS}</style>
  365.  
  366.  
  367.  
  368. </head>
  369. <body>
  370.  
  371. <div id="topbar">
  372. <div style="position:fixed;margin-left:280px;font-size:20px;padding:10px;margin-top:20px;font-family:signika negative;letter-spacing:1px;background:{color:background};border:1px solid {color:border}">{title}</div>
  373. <img src="{PortraitURL-64}" style="position:fixed;margin-left:200px;margin-top:8px;border-radius:50px;opacity:1">
  374. </div>
  375. <div id="container">
  376. <div id="sidebar">
  377. <div class="swagger">
  378. <a class="sidebar-link" href="/">Refresh</a>
  379. <a class="sidebar-link" href="/ask">Message</a>
  380. <a class="sidebar-link" href="{text:url 1}">{text:link 1}</a>
  381. <a class="sidebar-link" href="{text:url 2}">{text:link 2}</a>
  382. </div>
  383. <div id="sidebarimg"><a href="/"><img src="{image:imagepixel}" style="opacity:1;"></a></div>
  384. {block:ifsearchbar}
  385. <div id="search" style="padding:3px 3px 3px 0px; margin-top:40px;position:inline;width:185px;margin-left:0px;margin-top:10px">
  386. <form action="/search" method="get" id="search-form">
  387. <input type="hidden" name="t" value="{Name}" />
  388. <input type="hidden" name="scope" value="all_of_tumblr" />
  389. <input type="text" name="q" class="query" value="{SearchQuery}" style="outline:none;background:{color: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;"/>
  390. <input type="submit" value="search" class="submit" style="width:auto;background:white;border-right:2px solid {color:border};border-bottom:2px solid {color:border};color:gray;padding-bottom:0;border-top:none;border-left:none;"/>
  391. </form>
  392. </div>
  393. {/block:ifsearchbar}
  394. {Description}
  395. {block:ifmorelinks}<p>
  396. <div id="linko">
  397. + hover for more links <p></p>
  398. <div id="links">
  399. <a href="{text:url 3}">{text:link 3}</a><br>
  400. <a href="{text:url 4}">{text:link 4}</a><br>
  401. <a href="{text:url 5}">{text:link 5}</a>
  402. </div>
  403. {/block:ifmorelinks}
  404. </div></div></div>
  405.  
  406. <!-- just leave it alone. it's sitting in a corner not bothering you. don't move it to another page, that would be not crediting me for my theme properly. i allow it for free public usage so you can at least pay me by leaving it alone. thanks. -->
  407. <a href="http://hentaist.tumblr.com" style="position:fixed;bottom:5px;left:5px;background:white;border:1px solid #aaa; padding:3px">hentaist</a>
  408. </div>
  409.  
  410. <div id="entries"><br><br><br>
  411. {block:SearchPage}
  412. {block:SearchResults}
  413. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>{/block:SearchResults}
  414. {block:NoSearchResults}
  415. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  416. {/block:NoSearchResults}
  417. {/block:SearchPage}
  418.  
  419. {block:posts}
  420.  
  421. <!-- {block:NoRebloggedFrom}
  422. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  423. {/block:NoRebloggedFrom} -->
  424.  
  425. <div id="posts" style="word-wrap:break-word;">
  426. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  427.  
  428.  
  429. {block:Quote}<div class="q">“{Quote}” </div> <div class="s">— {Source}</div><br>{/block:Quote}
  430.  
  431. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  432. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  433.  
  434. {block:Photo}
  435. <figure>
  436. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  437. </figure><br>
  438. {caption}
  439. {/block:Photo}
  440.  
  441. {block:Photoset}
  442. <figure>
  443. {Photoset}
  444. </figure><br>
  445. {caption}
  446. {/block:Photoset}
  447.  
  448. {block:Video}
  449. <figure>
  450. <center>
  451. {Video-250}
  452. </figure>
  453. {/block:Video}
  454.  
  455. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  456.  
  457. {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}
  458.  
  459. {block:Audio}
  460. <div class="player">{AudioPlayerWhite}</div>
  461. <div class="audioinfo">
  462. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  463. </div>
  464. {/block:Audio}
  465.  
  466. <div class="info">{block:Date}<a href="{Permalink}" title="permalink!">{24Hour} : {Minutes}{/block:Date} {block:NoteCount} / {NoteCountWithLabel}{/block:NoteCount} </a></div>
  467. {block:iftags}
  468. <div class="tags">{lang:Tagged}:{block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags}</center></div>
  469. {/block:iftags}
  470.  
  471. </div>
  472. <br />
  473.  
  474. {block:PostNotes}
  475. <div class="pagenotes">
  476. <ol class="notes" style="word-wrap:break-word;">
  477. {block:RebloggedFrom}<i>VIA: </i><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  478. {block:ContentSource} - <i>SOURCE: </i><a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}<p></p>
  479. {PostNotes}
  480. </div></ol>
  481. {/block:PostNotes}
  482.  
  483.  
  484. {/block:Posts}
  485.  
  486.  
  487.  
  488.  
  489. {block:ContentSource}
  490. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  491. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  492. {/block:SourceLogo}
  493. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  494. {/block:ContentSource}
  495.  
  496. <div style="text-align:center;">
  497. {block:Pagination}
  498. {block:PreviousPage}
  499. <a href="{PreviousPage}">previous </a>
  500. {/block:PreviousPage}
  501.  
  502.  
  503. {block:NextPage}
  504. <a href="{NextPage}">next</a>
  505. {/block:NextPage}
  506. <p></p>
  507. {/block:pagination}
  508.  
  509. </div>
  510. </div>
  511.  
  512. </body>
  513. </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!