API tools faq
paste
Advertisement
yuukithemes

another cute theme

yuukithemes
Oct 5th, 2014
7,812
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.34 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head><title>{Title}</title>
  3.  
  4. <!--
  5.  
  6. updated!!!! // fixed some minor things
  7.  
  8. another cute theme by hentaist
  9.  
  10. tHIS THEME IS SO MUCH FUN TO CUSTOMIZE AND PLAY WITH
  11. PLUS IT SUPER CUTE (IT CAN BE PLAIN IF U WANT THAT STYLE)
  12.  
  13. AS ALL OF MY THEMES, I MAKE THEM FUN AND CUSTOMIZABLE
  14. TO FIT YOUR OWN PERSONAL STYLES, SO DON'T BE SHY
  15. TRY SOME THINGS OUT!!!!!!
  16.  
  17. also do not touch the credit, thank u i love u and bye
  18.  
  19. -->
  20.  
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="image:background" content=""/>
  27. <meta name="color:Text" content="#aaaaaa"/>
  28. <meta name="color:Link" content="#000000"/>
  29. <meta name="color:border" content="#ccc"/>
  30. <meta name="color:italic" content="#444444">
  31. <meta name="color:shadow" content="#fff"/>
  32. <meta name="color:bold" content="#444444">
  33. <meta name="if:double borders" content="0"/>
  34. <meta name="image:sidepic" content=""/>
  35. <meta name="image:tiny" content="http://media.tumblr.com/tumblr_ls1xyyq5Hz1qa2mwe.gif"/>
  36. <meta name="if:endless scroll" content="1"/>
  37. <meta name="if:pagination" content="0"/>
  38. <meta name="if:sidebar two" content="0"/>
  39. <meta name="if:sidebar one" content="1"/>
  40. <meta name="if:rounded" content="0"/>
  41. <meta name="if:description" content="0"/>
  42. <meta name="if:slide down links" content="0"/>
  43. <meta name="if:text links" content="1"/>
  44. <meta name="if:perma style 2" content="1"/>
  45. <meta name="if:background cover" content="0"/>
  46. <meta name="if:shadow1" content="1"/>
  47. <meta name="if:shadow2" content="0"/>
  48. <meta name="if:300px" content="1"/>
  49. <meta name="if:250px" content="0"/>
  50. <meta name="if:400px" content="0"/>
  51. <meta name="if:500px" content="0"/>
  52.  
  53. <meta name="text:Link 1 URL" content="" />
  54. <meta name="text:Link 1" content="" />
  55. <meta name="text:Link 2 URL" content="" />
  56. <meta name="text:Link 2" content="" />
  57. <meta name="text:Link 3 URL" content="" />
  58. <meta name="text:Link 3" content="" />
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63. iframe#tumblr_controls {
  64. right:0px !important;
  65. position:fixed !important; }
  66.  
  67. a {
  68. color:{color:link};
  69. text-decoration:none;}
  70.  
  71. b, strong {
  72. font-weight:heavy;
  73. color:{color:bold};}
  74.  
  75. i, em {
  76. font-weight:light;
  77. color:{color:italic};}
  78.  
  79. #content {
  80. margin:auto;
  81. {block:if300px}
  82. width:330px;
  83. {/block:if300px}
  84. {block:if250px}
  85. width:300px;
  86. {/block:if250px}
  87. {block:if400px}
  88. width:450px;
  89. {/block:if400px}
  90. {block:if500px}
  91. width:550px;
  92. {/block:if500px}
  93. }
  94.  
  95. body{
  96. background:{color:Background};
  97. background-image:url('{image:Background}');
  98. font-size:10px;
  99. background-attachment:fixed;
  100. font-family:consolas;
  101. color:{color:Text};
  102. {block:ifbackgroundcover}
  103. background-size:cover;
  104. {/block:ifbackgroundcover}
  105. word-wrap:break-word;
  106. }
  107.  
  108. .posts {
  109. padding:15px;
  110. background:#ffffff;
  111. margin-top:20px;
  112. margin-bottom:60px;
  113. overflow:hidden;
  114. {block:ifrounded}
  115. border-radius:6px;
  116. {/block:ifrounded}
  117. {block:ifshadow1}
  118. box-shadow:0px 0px 4px 4px {color:shadow};
  119. {/block:ifshadow1}
  120. {block:ifshadow2}
  121. box-shadow:4px 4px {color:shadow};
  122. {/block:ifshadow2}
  123. {block:if300px}
  124. width:300px;
  125. {/block:if300px}
  126. {block:if250px}
  127. width:250px;
  128. {/block:if250px}
  129. {block:if400px}
  130. width:400px;
  131. {/block:if400px}
  132. {block:if500px}
  133. width:500px;
  134. {/block:if500px}
  135. border:1px solid {color:border};
  136. {block:ifdoubleborders}
  137. border:4px double {color:border};
  138. {/block:ifdoubleborders}
  139. }
  140.  
  141. .posts img {
  142. max-width:100%;
  143. border:0px; }
  144.  
  145. blockquote {
  146. padding-left:6px;
  147. margin:10px;
  148. border-left:3px solid {color:border};
  149. word-wrap:break-word;
  150. }
  151.  
  152. #title {
  153. color:{color:text};
  154. margin-bottom:10px;
  155. text-align:right;
  156. font-weight:900;
  157. font-size:13px; }
  158.  
  159. #permalink {
  160. margin:8px;
  161. width:100%;
  162. padding:0px;
  163. text-align:left;
  164. font-size:11px;
  165. }
  166.  
  167. #permalink a {
  168. background:{color:background};
  169. {block:ifpermastyle2}
  170. background:{color:background};
  171. padding:2px;
  172. border:1px dashed {color:border};
  173. {/block:ifpermastyle2}
  174. }
  175.  
  176. #taggus {
  177. margin-top:7px;
  178. {block:ifpermastyle2}
  179. background:{color:background};
  180. border-bottom:1px dashed {color:border};
  181. {/block:ifpermastyle2}
  182. padding:3px;
  183. line-height:17px;
  184. text-align:left; }
  185.  
  186. #taggus a {
  187. background:{color:background};
  188. }
  189.  
  190. .q {
  191. margin-bottom:10px;
  192. font-style:italic;
  193. background:{color:background};
  194. border-bottom:1px dashed {color:border};
  195. padding:5px;
  196. text-align:justify;
  197. word-wrap:break-word;
  198. }
  199.  
  200. .a {
  201. margin:5px;
  202. text-align:justify;
  203. word-wrap:break-word;
  204. }
  205.  
  206. #pagenotes {
  207. margin:8px 0px 0px 0px;
  208. width:100%;
  209. max-height:200px;
  210. overflow:auto;
  211. {block:indexpage}
  212. display:none;
  213. {/block:indexpage} }
  214.  
  215. #pagenotes img {
  216. display:none;
  217. }
  218.  
  219. #sidebar {
  220. position:fixed;
  221. margin:0px 0px 0px -230px;
  222. background:#ffffff;
  223. padding:10px;
  224. border:1px solid {color:border};
  225. {block:ifrounded}
  226. border-radius:6px;
  227. {/block:ifrounded}
  228. {block:ifdoubleborders}
  229. border:4px double {color:border};
  230. {/block:ifdoubleborders}
  231. {block:ifshadow1}
  232. box-shadow:0px 0px 4px 4px {color:shadow};
  233. {/block:ifshadow1}
  234. {block:ifshadow2}
  235. box-shadow:4px 4px {color:shadow};
  236. {/block:ifshadow2}
  237. }
  238.  
  239. .sidebar {
  240. position:fixed;
  241. margin:110px 0px 0px -230px;
  242. background:#ffffff;
  243. padding:10px;
  244. width:130px;
  245. border:1px solid {color:border};
  246. {block:ifrounded}
  247. border-radius:6px;
  248. {/block:ifrounded}
  249. {block:ifdoubleborders}
  250. border:4px double {color:border};
  251. {/block:ifdoubleborders}
  252. {block:ifshadow1}
  253. box-shadow:0px 0px 4px 4px {color:shadow};
  254. {/block:ifshadow1}
  255. {block:ifshadow2}
  256. box-shadow:4px 4px {color:shadow};
  257. {/block:ifshadow2}
  258. }
  259.  
  260. #sidebar #pic {
  261. width:110px;
  262. padding:5px;
  263. border:1px solid {color:border};
  264. }
  265.  
  266. #descrip {
  267. width:120px;
  268. margin:5px 0px 0px 0px;}
  269.  
  270. #titlequote{
  271. text-align:left;
  272. font-size:14px;
  273. line-height:18px;
  274. font-family:courier;
  275. }
  276.  
  277. #source {
  278. margin-top:15px;
  279. margin-left:15px;}
  280.  
  281. .chat ol {
  282. padding:0;
  283. list-style:none;
  284. }
  285.  
  286. .chat li {
  287. margin:5px;
  288. }
  289.  
  290. .line {
  291. padding:5px 0;
  292. border-bottom:1px solid {color:border};}
  293.  
  294. .label {
  295. font-weight:bold;
  296. }
  297.  
  298. .player {
  299. width: 26px;
  300. height: 27px;
  301. display: block;
  302. border:1px solid {color:border};
  303. overflow: hidden;
  304. -moz-transition:all linear 0.8s;
  305. -webkit-transition:all linear 0.8s;
  306. -o-transition:all linear 0.8s;
  307. transition:all linear 0.8s;
  308. }
  309.  
  310. .links_list {
  311. position:fixed;
  312. padding:0px;
  313. width:140px;}
  314.  
  315. .links_head {
  316. padding-top:0px;
  317. padding-bottom:7px;
  318. margin-top:25px;
  319. margin-left:50px;
  320. cursor:pointer;}
  321.  
  322. .links_body{
  323. width:250px;
  324. margin-top: 5px;
  325. margin-left:-72px;
  326. }
  327.  
  328. .links_body a{
  329. text-align:center;
  330. background-color: white;
  331. border:1px solid {color:border};
  332. border-radius:2px;
  333. margin-top:0px;
  334. text-transform:none;
  335. font-size:11px;
  336. width:110px;
  337. margin-left:10px;
  338. padding:3px 5px 3px 5px;}
  339.  
  340. #pagination {
  341. margin:50px 0;
  342. text-align:center;
  343. text-transform:lowercase;
  344. font-weight:bold;
  345. }
  346.  
  347. #pagination a {
  348. padding:8px;
  349. margin-right:15px;
  350. color:{color:text};
  351. font-size:14px;
  352. font-family:courier new;
  353. background:white;
  354. border:1px solid {color:border};
  355. }
  356.  
  357. </style>
  358.  
  359. </style> </head>
  360.  
  361.  
  362.  
  363. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  364. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  365. <script>
  366. (function($){
  367. $(document).ready(function(){
  368. $("[title],a[title],img[title]").style_my_tooltips({
  369. tip_follows_cursor:true,
  370. tip_delay_time:100,
  371. tip_fade_speed:250,
  372. attribute:"title"
  373. });
  374. });
  375. })(jQuery);
  376. </script>
  377.  
  378. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  379. <script type="text/javascript">
  380. $(document).ready(function(){
  381. $(".links_body").hide();
  382. $(".links_head").click(function(){
  383. $(this).next(".links_body").slideToggle('fast');
  384. }); }); </script>
  385. </style>
  386.  
  387. <body>
  388.  
  389. {block:ifendlessscroll}
  390. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifendlessscroll}
  391. <div id="content">
  392. {block:iffullcontainer}<div id="border"></div>{/block:iffullcontainer}
  393. {block:ifsidebarone}
  394. <div id="sidebar">
  395.  
  396. <a href="/"><img id="pic" src="{image:sidepic}"></a>
  397.  
  398. {block:ifdescription}
  399. <div id="descrip">{description}</div>
  400. {/block:ifdescription}
  401.  
  402. {block:iftextlinks}
  403. <div style="margin-top:5px;width:120px">
  404. <center>
  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}</center>
  409. </div>
  410. {/block:iftextlinks}
  411.  
  412. {block:iflinkstyle2}
  413. <div class="two">
  414. <center>
  415. <center>
  416. <a href="/ask">ask</a>
  417. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  418. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  419. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}</center>
  420. </center>
  421. </div>
  422. {/block:iflinkstyle2}
  423.  
  424. {block:ifslidedownlinks}
  425. <div class="links_list">
  426. <div class="links_head"> <img src="{image:tiny}" height="15" width="15"> </div>
  427. <div class="links_body">
  428. <center>
  429.  
  430. <a href="/ask">ask</a>
  431. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  432. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  433. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}</center>
  434. </div></div>
  435. {/block:ifslidedownlinks}
  436.  
  437. </div>
  438. {/block:ifsidebarone}
  439.  
  440. {/block:ifsidebarone}
  441.  
  442. {block:ifsidebartwo}
  443. <div class="sidebar">
  444. <a href="/"><img src="{image:sidepic}" style="width:80px;margin-left:35px;
  445. border:1px solid {color:border};margin-top:-100px;background:white;
  446. position:absolute;padding:5px;{block:ifrounded}border-radius:4px;{/block:ifrounded}"></a>
  447. {block:ifdescription}
  448. <div id="descrip">{description}</div>
  449. {/block:ifdescription}
  450.  
  451. {block:iftextlinks}
  452. <div style="margin-top:5px;width:120px">
  453. <center>
  454. <a href="/ask">ask</a> /
  455. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a> /{/block:ifLink1}
  456. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a> /{/block:ifLink2}
  457. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}</center>
  458. </div>
  459. {/block:iftextlinks}
  460.  
  461. {block:iflinkstyle2}
  462. <div class="two">
  463. <center>
  464. <center>
  465. <a href="/ask">ask</a>
  466. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  467. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  468. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}</center>
  469. </center>
  470. </div>
  471. {/block:iflinkstyle2}
  472.  
  473. {block:ifslidedownlinks}
  474. <div class="links_list">
  475. <div class="links_head"> <img src="{image:tiny}" height="15" width="15"> </div>
  476. <div class="links_body">
  477. <center>
  478.  
  479. <a href="/ask">ask</a>
  480. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  481. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  482. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}</center>
  483. </div></div>
  484. {/block:ifslidedownlinks}
  485. </div>
  486. {/block:ifsidebartwo}
  487.  
  488.  
  489. {block:Posts}
  490.  
  491. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  492.  
  493. <div class="posts">
  494.  
  495. {block:Photo}
  496. <img style="width:100%;" src="{PhotoURL-HighRes}">
  497. {block:Caption}{Caption}{/block:Caption}
  498. {/block:Photo}
  499.  
  500. {block:Photoset}
  501. <div style="max-width:100%;">{Photoset}</div>
  502. {block:Caption}{Caption}{/block:Caption}
  503. {/block:Photoset}
  504.  
  505. {block:Text}
  506. {block:Title}
  507. <div id="title">{Title}</div> {/block:Title}
  508. {Body}{/block:Text}
  509.  
  510. {block:Answer}
  511. <div class="q">
  512. <b>{Asker} said: </b>{Question}</div>
  513. <div class="a">{Answer}</div>
  514. {/block:Answer}
  515.  
  516. {block:Chat}
  517. {block:Title}<div id="title">{Title}</div>{/block:Title}
  518. <div class="chat">
  519. <ol>{block:Lines}
  520. <li class="line {Alt}">
  521. {block:Label}
  522. <span class="label">
  523. {Label}</span>
  524. {/block:Label}{Line}</li>
  525. {/block:Lines}
  526. </ol></div>
  527. {/block:Chat}
  528.  
  529. {block:Quote}
  530. <div id="titlequote">“{Quote}”</div>
  531. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  532. {/block:Quote}
  533.  
  534. {block:Audio}
  535. <div style="border:1px dashed {color:border}; padding:4px; font-style:italic;background:{color:background};border-radius:4px;padding-bottom:5px;">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div><div style="margin-top:-30px;margin-left:35px;background:color:{color:background};border-radius:4px;">{block:TrackName} {TrackName}{/block:TrackName} {block:Artist} / {Artist}{/block:Artist}<br>{block:PlayCount}{PlayCountWithLabel} {/block:PlayCount}</div>
  536. {/block:AudioPlayer}</div>
  537. {/block:Audio}
  538.  
  539. {block:Link}
  540. <div id="title"><a href="{URL}" {Target}>{Name}</a></div>
  541. {description}{/block:Link}
  542.  
  543. {block:Video}
  544. {block:if300px}
  545. <div style="padding:10px;background:{color:background};border:1px dashed {color:border};width:250px;margin:13px;"><center>{Video-250}</center></div>{/block:if300px}<center>{block:if250px}{video-250}{/block:if250px}{block:if400px}{video-400}{/block:if400px}{block:if500px}{video-500}{/block:if500px}</center>
  546. {/block:Video}
  547.  
  548. {block:date} <div id="permalink"><a href="{permalink}">{DayOfWeek} at {24Hour}:{Minutes}</a> {block:NoteCount} <a href="{permalink}" style="float:right;margin:-2px 18px 0px 0px;padding-bottom:0;">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  549. {block:HasTags}<div id="taggus">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  550. {block:PostNotes} <div id="pagenotes">{PostNotes}</div> {/block:PostNotes}
  551. </div>
  552. {/block:Posts}
  553.  
  554.  
  555. {block:ifpagination}
  556. <div id="pagination">
  557. {block:Pagination}
  558. {block:PreviousPage}
  559. <a href="{PreviousPage}"> &larr; previous </a>
  560. {/block:PreviousPage}
  561. {block:NextPage}
  562. <a href="{NextPage}"> next &rarr;</a>
  563. {/block:NextPage}
  564. {/block:Pagination}
  565. </div>{/block:ifpagination}
  566.  
  567. <!-- don't touch it, only if a music player is blocking it, you must move it to your links or somewhere else, but don't delete it or hide it! -->
  568.  
  569. <div style="background:white;border:1px solid {color:border};padding:3px;position:fixed;bottom:5px;left:5px;"><a href="http://hentaist.tumblr.com" style="color:{color:border}">HENTAIST</a></div>
  570.  
  571. </body>
  572.  
  573.  
  574. </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!