API tools faq
paste
Advertisement
okesan

tiny themeeee

okesan
Feb 10th, 2015
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!---- "anemone theme" by seotureun @ tumblr
  10. - http://seotureun.tumblr.com
  11.  
  12.  
  13.  
  14. THE RULES
  15.  
  16.  
  17. 1. Feel free to customize however you want but DO NOT remove credits (!) And if you manage to screw up the coding by customizing my theme too much, tough luck.
  18.  
  19. 2. Do not claim as your own
  20.  
  21. 3. Do not use as a base code
  22.  
  23.  
  24. ✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿
  25.  
  26.  
  27. If you have any questions you can ask but try googling your problem first. Because I'm not very good at giving help;
  28.  
  29.  
  30. --->
  31.  
  32. <meta name="color:background" content="#eeeeee"/>
  33. <meta name="image:background" content=""/>
  34. <meta name="color:text" content="#999999"/>
  35. <meta name="color:link" content="#555555"/>
  36. <meta name="color:link hover" content="#cccccc"/>
  37. <meta name="color:scroll" content="#e5e5e5"/>
  38. <meta name="color:scrollBG" content="ffffff"/>
  39. <meta name="color:selection" content="949494"/>
  40.  
  41.  
  42. <meta name="if:250px" content="1">
  43. <meta name="if:400px" content="">
  44. <meta name="if:caption" content="">
  45. <meta name="if:tags" content="">
  46. <meta name="if:infinite" content="">
  47.  
  48.  
  49. <meta name="text:link four title" content="link four">
  50. <meta name="text:link four" content="/">
  51. <meta name="text:link five title" content="link five">
  52. <meta name="text:link five" content="/">
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. {CustomCSS}
  58.  
  59. ::-webkit-scrollbar-track { background-color:{color:scrollBG}; }
  60. ::-webkit-scrollbar-thumb { background-color:{color:scroll};
  61. border: 2px solid {color:scrollBG}; radius: 3px 3px 3px 3px; }
  62. ::-webkit-scrollbar { width:7px; height: 5px; }
  63.  
  64. ::selection {background-color: {color:selection};
  65. color:#fff;}
  66.  
  67. *, body, a {cursor: url(http://static.tumblr.com/q9ak3bz/vGcn8ujmh/body.png), auto;}
  68. a:hover {cursor: url(http://static.tumblr.com/q9ak3bz/Zbcn8ujn6/hover.gif), auto;}
  69.  
  70.  
  71. iframe#tumblr_controls {
  72. right: 0px !important;
  73. position: fixed !important;
  74. -webkit-filter:invert(100%);
  75. opacity: .2;
  76. }
  77.  
  78. body {
  79. background: {color:background};
  80. background-image: url('{image:background}');
  81. background-repeat: repeat;
  82. background-attachment: fixed;
  83. margin: 0px;
  84. color: {color:text};
  85. font-family: consolas;
  86. font-size: 10px;
  87. line-height: 100%;
  88. }
  89.  
  90. a {
  91. text-decoration: none;
  92. color: {color:link};
  93. }
  94.  
  95. a:hover {
  96. color: {color:link hover};
  97. text decoration: none;
  98. }
  99.  
  100. img {
  101. border: none;
  102. }
  103.  
  104. blockquote {
  105. padding-left: 5px;
  106. border-left: 1px solid #ccc;
  107. margin-top: 5px;
  108. margin-left: 10px;
  109. }
  110.  
  111. blockquote blockquote {
  112. padding-left: 5px;
  113. border-left: 1px solid #ccc;
  114. margin-top: 5px;
  115. margin-left: 0px;
  116. }
  117.  
  118. blockquote img {
  119. width: 50%;
  120. }
  121.  
  122. h1 {
  123. font-size: 12px;
  124. letter-spacing: 1px;
  125. }
  126.  
  127. #around {
  128. width: 100px;
  129. margin: auto;
  130. }
  131.  
  132. .top {
  133. top: 0px;
  134. position: fixed;
  135. border-bottom: 1px solid #eee;
  136. width: 100%;
  137. height: 100px;
  138. background: {color:background};
  139. background-image: url('{image:background}');
  140. background-repeat: repeat;
  141. background-attachment: fixed;
  142. z-index: 1;
  143. }
  144.  
  145. .side {
  146. top: 0px;
  147. position: fixed;
  148. margin-left: 200px;
  149. border-left: 1px solid #eee;
  150. height: 100%;
  151. z-index: 1;
  152. }
  153.  
  154. #entries {
  155. {block:indexpage}
  156. {block:if250px}width: 250px;{/block:if250px}
  157. {block:if400px}width: 400px;{/block:if400px}
  158. position: relative;
  159. margin-top: 120px;
  160. {/block:indexpage}
  161. {block:permalinkpage}
  162. margin-top: 120px;
  163. margin-bottom: 20px;
  164. max-width: 400px;{/block:permalinkpage}
  165. margin-left: auto;
  166. margin-right: auto;
  167. }
  168.  
  169.  
  170. .post {
  171. margin-top: 60px;
  172. margin-bottom: 40px;
  173. position: relative;
  174. margin-left: auto;
  175. margin-right: auto;
  176. padding: 5px;
  177. background: #fff;
  178. {block:indexpage}
  179. {block:if250px}width: 250px;{/block:if250px}
  180. {block:if400px}width: 400px;
  181. margin-left: -75px;{/block:if400px}
  182. {/block:indexpage}
  183. {block:permalinkpage}
  184. width: 400px;
  185. overflow: auto;
  186. margin-left: -75px;
  187. {/block:permalinkpage}
  188. }
  189.  
  190. #dango{
  191. opacity: 0.9;
  192. width: auto;
  193. height: auto;
  194. padding: 2px;
  195. margin-top: 5px;
  196. border-radius: 2px;
  197. text-transform: uppercase;
  198. text-align: left;
  199. letter-spacing: 1px;
  200. font-size: 8px;
  201. position: absolute;
  202. background: transparent;
  203. }
  204.  
  205. #dango a {
  206. text-decoration: underline;
  207. }
  208.  
  209. #tagged {
  210. font-family: lucida console;
  211. letter-spacing: 1px;
  212. font-size: 8px;
  213. width: auto;
  214. height: auto;
  215. margin-top: 20px;
  216. position: absolute;
  217. letter-spacing: 1px;
  218. background: transparent;
  219. }
  220.  
  221. #tagged a {
  222. text-decoration: underline;
  223. }
  224.  
  225.  
  226. #title {
  227. color: {color:text};
  228. font-family: consolas;
  229. font-size:15px;
  230. padding-bottom:0px;
  231. text-align: left;
  232. width: auto;
  233. line-height: 16px;
  234. margin-left: 210px;
  235. margin-top: -35px;
  236. position: fixed;
  237. z-index: 1;
  238. }
  239.  
  240. #links {
  241. width: auto;
  242. margin-top: -30px;
  243. margin-left: 130px;
  244. position: fixed;
  245. z-index: 1;
  246. }
  247.  
  248. .mochi {
  249. float: left;
  250. padding-right: 5px;
  251. font-size: 8px;
  252. text-transform: uppercase;
  253. }
  254.  
  255. #description {
  256. color: {color:text};
  257. font-family: lucida console;
  258. font-size: 8px;
  259. text-align: left;
  260. margin-top: 0px;
  261. margin-left: 210px;
  262. width: 60px;
  263. position: fixed;
  264. z-index: 1;
  265. }
  266.  
  267. #audio {
  268. letter-spacing: 1px;
  269. margin-left: 10px;
  270. font-size: 8px;
  271.  
  272. }
  273.  
  274. #audio_player {
  275. margin-left: 5px;
  276. width: 27px;
  277. height: 27px;
  278. padding: 3px;
  279. border: 2px solid #ccc;
  280. overflow: hidden;
  281. }
  282.  
  283. #audio_perma {
  284. margin-top: 10px;
  285. margin-left: 10px;
  286. font-size: 10px;
  287. letter-spacing: 1px;
  288. }
  289.  
  290. .navigation {
  291. padding: 5px;
  292. font-size:8px;
  293. font-family: consolas;
  294. letter-spacing: 1px;
  295. text-transform: uppercase;
  296. text-align: left;
  297. margin-left: 205px;
  298. width: 100%;
  299. bottom: -3px;
  300. position: fixed;
  301. }
  302.  
  303. #info {
  304. letter-spacing: 1px;
  305. font-size: 8px;
  306. text-transform: uppercase;
  307. margin-left: 5px;
  308. padding-top: 10px;
  309. }
  310.  
  311. #tags {
  312. font-family: lucida console;
  313. letter-spacing: 1px;
  314. font-size: 8px;
  315. }
  316.  
  317. #s-m-t-tooltip {
  318. max-width: 200px;
  319. background-color: #fff;
  320. font-family: consolas;
  321. text-align: center;
  322. font-size: 8px;
  323. color: {color:text};
  324. text-transform: uppercase;
  325. margin-top: 10px;
  326. letter-spacing: 1px;
  327. padding: 1px;
  328. padding-left: 2px;
  329. -webkit-transition: all 0.2s ease;
  330. -moz-transition: all 0.2s ease;
  331. -o-transition: all 0.2s ease;
  332. -webkit-border-radius: 2px 2px 2px 2px;
  333. border-radius: 2px 2px 2px 2px;
  334. z-index: 1;
  335. }
  336.  
  337. #notecontainer ol.notes {
  338. list-style-type: none;
  339. padding-left: 10px;
  340. }
  341.  
  342. #notecontainer li.note {
  343. padding-bottom: 2px;
  344. padding-top: 2px;
  345. }
  346.  
  347.  
  348. #notecontainer img.avatar {
  349. margin-right: 10px;
  350. vertical-align: -4px;
  351. }
  352.  
  353.  
  354. /*extra codes*/
  355.  
  356.  
  357.  
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367.  
  368. </style>
  369.  
  370.  
  371.  
  372.  
  373. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  374. <script src="http://static.tumblr.com/q9ak3bz/bHCn8uhtf/jquery.style-my-tooltips.js"></script>
  375. <script>
  376. (function($){
  377. $(document).ready(function(){
  378. $("[title],a[title],img[title]").style_my_tooltips({
  379. tip_follows_cursor:true,
  380. tip_delay_time:100,
  381. tip_fade_speed:300,
  382. attribute:"title"
  383. });
  384. });
  385. })(jQuery);
  386. </script>
  387.  
  388. {block:ifinfinite}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  389. {/block:ifinfinite}
  390.  
  391. </head><body>
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408. <a style="position:fixed; bottom: 2px; right: 2px; letter-spacing: 1px; font-size: 8px;" href="http://seotureun.tumblr.com" title="theme by seotureun">CREDIT.</a>
  409.  
  410.  
  411.  
  412. <div class="top"></div>
  413.  
  414. <div id="around">
  415. <div class="side"></div>
  416.  
  417.  
  418. <div id="title">{title}</div>
  419.  
  420. <div id="links">
  421. <div class="mochi"><a title="index" href="/">01</a></div>
  422. <div class="mochi"><a title="message" href="/ask">02</a></div>
  423. <div class="mochi"><a title="memoir" href="/archive">03</a></div>
  424. <div class="mochi"><a title="{text:link four title}" href="{text:link four}">04</a></div>
  425. <div class="mochi"><a title="{text:link five title}" href="{text:link five}">05</a></div>
  426. </div>
  427.  
  428. <div id="description">{description}</div>
  429.  
  430.  
  431.  
  432. </div>
  433.  
  434. <div id="entries">
  435. {block:Posts}
  436. <div class="post">
  437.  
  438.  
  439.  
  440. {block:Text}{block:Title}<h1>{Title}{/block:Title}</h1>{Body}
  441. {/block:Text}
  442.  
  443. {block:Photo}{block:indexpage}{LinkOpenTag}
  444. {block:if250px}<img src="{PhotoURL-500}" width="250px">{/block:if250px}
  445. {block:if400px}<img src="{PhotoURL-500}" width="400px">{/block:if400px}
  446. {LinkCloseTag}{block:ifcaption}{Caption}{/block:ifcaption}{/block:indexpage}
  447. {block:permalinkpage}<center>{LinkOpenTag}<img src="{PhotoURL-400}" width="400px">{LinkCloseTag}</center>{/block:permalinkpage}{/block:Photo}
  448.  
  449. {block:Photoset}{block:indexpage}{block:if250px}{Photoset-250}{/block:if250px}
  450. {block:if400px}{Photoset-400}{/block:if400px}
  451. {block:ifCaption}{Caption}{/block:ifCaption}{/block:indexpage}
  452. {block:permalinkpage}{Photoset-400}{/block:permalinkpage}
  453. {/block:Photoset}
  454.  
  455. {block:Quote}{block:indexpage}{/block:indexpage}
  456. <div style="padding-top: 5px; margin-bottom: 12px;"><center>“{Quote}”</center></div>
  457. <div align="right" style="padding-right: 10px; line-height: 13px;">{block:Source}&mdash; {Source}{/block:Source}</div> {/block:Quote}
  458.  
  459.  
  460. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  461.  
  462. {block:Chat}
  463. {block:Title}<h1>{Title}</h1>{/block:Title}<div style="line-height: 20px;">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  464. {block:permalinkpage}<div style="padding-bottom: 10px;"></div>{/block:permalinkpage}{/block:Chat}
  465.  
  466. {block:Audio}{block:indexpage}
  467. <table><tr><td><div id="audio_player">{AudioPlayerWhite}</div></td><td><div id="audio"><div style="text-transform:uppercase;">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist} {Artist}{/block:Artist}<br>{PlayCountWithLabel}</div></div></td></tr></table>{block:ifcaption}{Caption}{/block:ifCaption}{/block:indexpage}
  468. {block:permalinkpage}<table><tr><td>{block:AlbumArt}<img src="{AlbumArtURL}" width="100" height="100">{/block:AlbumArt}</td><td><div id="audio_perma">{AudioPlayerWhite}<br><div style="text-transform:uppercase;letter-spacing:1px;"><strong>Title:</strong> {block:TrackName}{TrackName}{/block:TrackName}<br><strong>Artist:</strong> {block:Artist} {Artist}{/block:Artist}<br>{PlayCountWithLabel}</div></div></td></tr></table>{/block:permalinkpage}{/block:Audio}
  469.  
  470. {block:Video}{block:indexpage}{block:if250px}{Video-250}{/block:if250px}
  471. {block:if400px}{Video-400}{/block:if400px}
  472. {block:ifCaption}{Caption}{/block:ifCaption}{/block:indexpage}
  473. {block:permalinkpage}{Video-400}{/block:permalinkpage}
  474. {/block:Video}
  475.  
  476. {block:Answer}
  477. {Asker}: {Question}{Answer}{/block:Answer}
  478.  
  479. {block:indexpage}
  480. <div id="dango">
  481. <a href="{Permalink}">{24HourWithZero}:{Minutes}</a> / <a href="{ReblogURL}" title="reblog?" target="_blank" >{NoteCount}</a></div>
  482. <div id="tagged">{block:iftags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:iftags}</div>
  483. {/block:indexpage}
  484.  
  485.  
  486. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}<div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}</div>{block:Date}<div id="info">{TimeAgo}<br/>{24HourWithZero}:{Minutes}, {Year}{MonthNumberWithZero}{DayOfMonthWithZero}<br/>{/block:Date}{block:PostNotes}{NoteCountWithLabel}<br/>{/block:PostNotes}{block:RebloggedFrom}(source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>), (via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>) </div>{/block:RebloggedFrom}
  487. <div id="notecontainer">{block:PostNotes}{PostNotes-16}{/block:PostNotes}</div>
  488. {/block:permalinkpage}
  489.  
  490. </div>
  491. {/block:Posts}
  492.  
  493. </div>
  494.  
  495.  
  496. {block:Pagination}
  497. {block:ifnotinfinite}
  498. <div id="around">
  499. <div class="navigation">
  500. {block:JumpPagination length="5"}
  501. {block:CurrentPage}
  502. <span class="current_page">{PageNumber}</span>
  503. {/block:CurrentPage}
  504.  
  505. {block:JumpPage}
  506. <a class="jump_page" href="{URL}">{PageNumber}</a>
  507. {/block:JumpPage}
  508. {/block:JumpPagination}
  509. </div></div>
  510. {/block:ifnotinfinite}
  511. {/block:Pagination}
  512.  
  513.  
  514. </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!