API tools faq
paste
cloverfield

t#1 plain theme

cloverfield
Aug 24th, 2014
7,097
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><!--
  2.  
  3.  
  4.  
  5. > BASE CODE FROM KOGAMI
  6. > my first theme... rip. do whatever you want with this idc
  7.  
  8.  
  9.  
  10. --><html>
  11.  
  12. <head>
  13.  
  14. <title>{Title}</title>
  15.  
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. <link rel="shortcut icon" href="{image:favicon}">
  18.  
  19. <meta name="image:favicon" content=""/>
  20. <meta name="image:sidepic" content=""/>
  21. <meta name="image:corner pic" content=""/>
  22. <meta name="image:background" content=""/>
  23. <meta name="image:home button" content="http://media.tumblr.com/0082cfeb56bc31b5fb577425e285267d/tumblr_inline_muh326HKuP1qcza22.png"/>
  24. <meta name="image:ask button" content="http://media.tumblr.com/752349eafb1b9b8028c87a02b14d93a2/tumblr_inline_muh34uzkn01qcza22.png"/>
  25. <meta name="image:archive button" content="http://media.tumblr.com/322d9affd47ecf736ec86e6985ee2367/tumblr_inline_muh339AQ961qcza22.png"/>
  26. <meta name="image:theme credit" content="http://media.tumblr.com/7e7f160a4e6e34b14cfd9689b68c1ec1/tumblr_inline_muh351NzDU1qcza22.png"/>
  27.  
  28. <meta name="if:250px posts" content="0"/>
  29. <meta name="if:300px posts" content="0"/>
  30. <meta name="if:400px posts" content="1"/>
  31. <meta name="if:light theme" content="1"/>
  32. <meta name="if:dark theme" content="0"/>
  33. <meta name="if:pic in sidebar" content="1"/>
  34. <meta name="if:post border" content="1" />
  35. <meta name="if:sidebar border" content="1" />
  36. <meta name="if:sidepic border" content="0" />
  37. <meta name="if:round corners" content="0" />
  38. <meta name="if:background cover" content="1" />
  39. <meta name="if:right permalink" content="0" />
  40. <meta name="if:transparent permalink" content="0" />
  41. <meta name="if:dropdown menu" content="1" />
  42. <meta name="if:show tags" content="1" />
  43. <meta name="if:link 1" content="0" />
  44. <meta name="if:link 2" content="0" />
  45. <meta name="if:link 3" content="0" />
  46. <meta name="if:link 4" content="0" />
  47. <meta name="if:link 5" content="0" />
  48. <meta name="if:link 6" content="0" />
  49.  
  50. <meta name="color:background" content="#e7f1f3"/>
  51. <meta name="color:text" content="#000"/>
  52. <meta name="color:links" content="#5d8cad"/>
  53. <meta name="color:permalink" content="#e7e7e7"/>
  54. <meta name="color:border" content="#c1c1c1"/>
  55. <meta name="color:blockquote" content="#e7e7e7"/>
  56. <meta name="color:accent" content="#e7e7e7"/>
  57. <meta name="color:accent border" content="#c1c1c1"/>
  58. <meta name="color:dropdown background" content="#e7e7e7" />
  59. <meta name="color:dropdown text" content="#000" />
  60.  
  61. <meta name="text:nav text" content="navigation" />
  62. <meta name="text:perm symbol" content="◇" />
  63. <meta name="text:font family" content="arial" />
  64. <meta name="text:font size" content="11px" />
  65. <meta name="text:blockquote width" content="3px" />
  66. <meta name="text:post opacity" content="1.0" />
  67. <meta name="text:sidebar opacity" content="1.0" />
  68. <meta name="text:sidebar left" content="-150px" />
  69. <meta name="text:corner pic bottom" content="-10px" />
  70. <meta name="text:corner pic right" content="-10px" />
  71. <meta name="text:link 1" content="" />
  72. <meta name="text:link 1 title" content=""/>
  73. <meta name="text:link 2" content="" />
  74. <meta name="text:link 2 title" content="" />
  75. <meta name="text:link 3" content="" />
  76. <meta name="text:link 3 title" content=""/>
  77. <meta name="text:link 4" content="" />
  78. <meta name="text:link 4 title" content="" />
  79. <meta name="text:link 5" content="" />
  80. <meta name="text:link 5 title" content="" />
  81. <meta name="text:link 6" content="" />
  82. <meta name="text:link 6 title" content="" />
  83.  
  84. <style type="text/css">
  85.  
  86. iframe#tumblr_controls { right:0px !important;position:fixed !important; }
  87.  
  88. body { font-family:{text:font family}; font-weight:normal; font-size:{text:font size}; line-height:13px; color:{color:text}; text-align:left; background-color:{color:background}; margin:0; background-image:url('{image:background}'); background-attachment:fixed; {block:ifbackgroundcover}-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;{/block:ifbackgroundcover} }
  89.  
  90. a { color:{color:links}; }
  91.  
  92. b, strong { font-weight:heavy; }
  93.  
  94. i, em { font-weight:light; }
  95.  
  96. li { list-style:square; }
  97.  
  98. blockquote { border-left:{text:blockquote width} solid; border-color:{color:blockquote}; color:{color:text} ; margin:15px 5px 5px 15px; padding:0px 0px 0px 15px; }
  99.  
  100. #content { margin:auto; width:300px; }
  101.  
  102. #content img { border:0px; }
  103.  
  104. .posts { padding:15px; {block:iflighttheme} background:rgba(255,255,255,{text:post opacity}) {/block:iflighttheme}; {block:ifdarktheme} background:rgba(0,0,0,{text:post opacity}) {/block:ifdarktheme}; margin-top:20px; margin-bottom:20px; overflow:hidden; word-wrap: break-word; {block:if250pxposts}width:250px;{/block:if250pxposts} {block:if300pxposts}width:300px;{/block:if300pxposts} {block:if400pxposts}width:400px;{/block:if400pxposts}; {block:ifpostborder}border:1px solid; border-color:{color:border}; color:{color:text};{/block:ifpostborder} {block:ifnotpostborder}border:0px {/block:ifnotpostborder};{color:border} {block:ifroundcorners} -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;{/block:ifroundcorners}{block:ifnotroundcorners}-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;{/block:ifnotroundcorners}; }
  105.  
  106. .posts img { max-width:100%; border:0px; } }
  107.  
  108. #captions { background-color:rgba(255,255,255,0); }
  109.  
  110. #title { color:{color:text}; margin-bottom:10px; text-align:center; font-weight:900; font-size:12px; }
  111.  
  112. #pperma { margin:6px 0px 0px 0px; width:100%; padding:0px 0px 0px 0px; line-height:20px; {block:iftransparentpermalink} background-color:rgba(255,255,255,0); {/block:iftransparentpermalink} {block:ifnottransparentpermalink} background-color:{color:permalink};{/block:ifnottransparentpermalink} {block:ifrightpermalink} text-align:right {/block:ifrightpermalink};{block:ifnotrightpermalink} text-align:left {/block:ifnotrightpermalink}; }
  113.  
  114. #ptags { {block:ifshowtags} margin:6px 0px 0px 0px; width:100%; padding:0px 0px 0px 0px; line-height:20px; {block:iftransparentpermalink} background-color:rgba(255,255,255,0); {/block:iftransparentpermalink} {block:ifnottransparentpermalink} background-color:{color:permalink};{/block:ifnottransparentpermalink} {block:ifrightpermalink}; {block:ifrightpermalink} text-align:right {/block:ifrightpermalink};{block:ifnotrightpermalink} text-align:left {/block:ifnotrightpermalink};margin-top:-2px; {/block:ifshowtags} {block:ifnotshowtags} width:0px; line-height:0px; display:none; {/block:ifnotshowtags}}
  115.  
  116. #pnotes { margin:8px 0px 0px 0px; width:100%; {block:indexpage}display:none;{/block:indexpage} }
  117.  
  118. #sidebar { z-index:2; position:fixed; margin:0px 0px 0px {text:sidebar left}; {block:iflighttheme} background:rgba(255,255,255,{text:sidebar opacity}) {/block:iflighttheme}; {block:ifdarktheme} background:rgba(0,0,0,{text:sidebar opacity}) {/block:ifdarktheme}; padding:15px; {block:ifsidebarborder}border:1px solid; border-color:{color:border} ; {/block:ifsidebarborder} {block:ifnotsidebarborder}border: 0px{/block:ifnotsidebarborder};color:{color:text}; {block:ifroundcorners} -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;{/block:ifroundcorners}{block:ifnotroundcorners}-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;{/block:ifnotroundcorners} }
  119.  
  120. #sidebar #pic { {block:ifpicinsidebar} width:100px; {block:ifsidepicborder}border:1px solid {color:border};{/block:ifsidepicborder}{block:ifnotsidepicborder}border: 0px;{/block:ifnotsidepicborder}; {/block:ifpicinsidebar} {block:ifnotpicinsidebar} width:0px; {/block:ifnotpicinsidebar}}
  121.  
  122. #descrip { margin:10px 0px 0px 0px; width:100px; }
  123.  
  124. #linx { display:inline-block; text-align:center; }
  125.  
  126. .src { {block:ifshowsource} width:100%; {block:iftransparentpermalink} background-color:rgba(255,255,255,0); {/block:iftransparentpermalink} {block:ifnottransparentpermalink} background-color:{color:permalink};{/block:ifnottransparentpermalink} {block:ifrightpermalink}text-align:left;{/block:ifrightpermalink}{block:ifnotrightpermalink}text-align:right;{/block:ifnotrightpermalink} margin:-16px 0px 0px 0px; {/block:ifshowsource} {block:ifnotshowsource} display:none; {/block:ifnotshowsource}}
  127.  
  128. .question { border:1px solid; border-color:{color:accent border}; color:{color:text} ; padding:5px; margin-top:0px; margin-left:60px; min-height: 38px;}
  129.  
  130. .answer { margin-top:15px; color:{color:text};}
  131.  
  132. .audioplayer { width:27px; height:27px; border: 3px solid {color:accent}; overflow:hidden; position:absolute; background-color:#ffffff;}
  133.  
  134. .audioinfo {margin-left:50px; text-align:center; margin-bottom:20px; border:1px solid {color:accent border}; background:{color:accent}; padding:2px; color:{color:text}; }
  135.  
  136. .linkpost { text-align:center; padding: 10px; border:1px solid ; border-color:{color:accent border} ; background: {color:accent}; font-size:12px; font-weight:900;}
  137.  
  138. .quote { text-align:center; font-size:20px; line-height:22px; text-transform:bold; text-align:center; color:{color:text};}
  139.  
  140. .quoteinfo { text-align:center; padding:15px 0px 0px 0px;}
  141.  
  142. .tooltip{ display: inline; position: relative; } #s-m-t-tooltip { max-width:200px ; font-family:{text:font family}; font-size:11px; margin-top:15px; margin-left:10px; color: {color:text}; z-index:999999999999999999999999999999999999;}
  143.  
  144. #pagi { width:45px; padding:5px 5px 5px 15px; {block:ifpostborder} border: 1px solid {color:border}; {/block:ifpostborder} {block:ifnotpostborder} border: 0px; {/block:ifnotpostborder} {block:iflighttheme} background-color:rgba(255,255,255,{text:post opacity});{/block:iflighttheme}{block:ifdarktheme} background-color:rgba(0,0,0,{text:post opacity}); {/block:ifdarktheme} text-align:center; }
  145.  
  146. </style>
  147.  
  148. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  149.  
  150. </head>
  151.  
  152. <body>
  153.  
  154. <div style="position:fixed; bottom:{text:corner pic bottom}; right:{text:corner pic right}; z-index: -1;"><img style="border: 0;" src="{image:corner pic}"/></div>
  155.  
  156. <div id="content">
  157. <div class="tooltip">
  158. <div id="sidebar">
  159. <img id="pic" src="{image:sidepic}">
  160. <div id="descrip">{description}</div>
  161.  
  162. <br><center>
  163. <a id="linx" href="/" title="index"><img src={image:home button}></a>
  164. <a id="linx" href="/ask" title="ask"><img src={image:ask button}></a>
  165. <a id="linx" href="/archive" title="archive"><img src={image:archive button}></a>
  166. <a id="linx" href="http://01kido.tumblr.com" title="theme"><img src={image:theme credit}></a>
  167. </center>
  168.  
  169. {block:ifdropdownmenu}
  170.  
  171. <br>
  172.  
  173. <select onChange="location.href=this.options[this.selectedIndex].value;" style="background-color:{color:dropdown background}; color: {color:dropdown txt}; font-family:arial; font-size:11px; padding: 2px; width: 100px; border: 0px ;">
  174.  
  175. <option value="/">{text:nav text}</option>
  176. {block:iflink1}
  177. <option value="{text:link 1}">{text:link 1 title}</option>
  178. {/block:iflink1}
  179. {block:iflink2}
  180. <option value="{text:link 2}">{text:link 2 title}</option>
  181. {/block:iflink2}
  182. {block:iflink3}
  183. <option value="{text:link 3}">{text:link 3 title}</option>
  184. {/block:iflink3}
  185. {block:iflink4}
  186. <option value="{text:link 4}">{text:link 4 title}</option>
  187. {/block:iflink4}
  188. {block:iflink5}
  189. <option value="{text:link 5}">{text:link 5 title}</option>
  190. {/block:iflink5}
  191. {block:iflink6}
  192. <option value="{text:link 6}">{text:link 6 title}</option>
  193. {/block:iflink6}
  194.  
  195. </select>
  196. {/block:ifdropdownmenu}
  197.  
  198. </div>
  199.  
  200. <div id="posts">
  201.  
  202. {block:Posts} {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} -->
  203.  
  204. <div class="posts">
  205.  
  206. {block:Photo}
  207.  
  208. <img style="width:100%;" src="{PhotoURL-HighRes}">
  209.  
  210. {block:Caption} <div id="captions">{Caption}</div> {/block:Caption}
  211.  
  212. {block:date} <div id="pperma"><a href="{permalink}">{TimeAgo} {text:perm symbol} {NoteCountWithLabel}</a></div>
  213.  
  214. {block:HasTags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  215.  
  216. {block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}
  217.  
  218. {/block:Photo}
  219.  
  220.  
  221. {block:Photoset} <div style="max-width:100%;">{Photoset}</div>
  222.  
  223. {block:Caption} <div id="captions">{Caption}</div> {/block:Caption}
  224.  
  225. {block:date} <div id="pperma"><a href="{permalink}">{TimeAgo} {text:perm symbol} {NoteCountWithLabel}</a></div>
  226.  
  227. {block:HasTags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  228.  
  229. {block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}
  230.  
  231. {/block:Photoset}
  232.  
  233.  
  234. {block:Text}
  235.  
  236. {block:Title} <div id="title">{Title}</div> {/block:Title}
  237.  
  238. {Body}
  239.  
  240. {block:date} <div id="pperma"><a href="{permalink}">{TimeAgo} {text:perm symbol} {NoteCountWithLabel}</a></div>
  241.  
  242. {block:HasTags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  243.  
  244. {block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}
  245.  
  246. {/block:Text}
  247.  
  248.  
  249. {block:Answer}
  250.  
  251. <img src="{AskerPortraitURL-48}" align="left" style="border: 1px solid {color:accent border};">
  252. <div class="question">{Asker}: {Question}</div>
  253. <div class="answer">{Answer}</div>
  254.  
  255. {block:date} <div id="pperma"><a href="{permalink}">{TimeAgo} {text:perm symbol} {NoteCountWithLabel}</a></div>
  256.  
  257. {block:HasTags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  258.  
  259. {block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}
  260.  
  261. {/block:Answer}
  262.  
  263.  
  264. {block:Chat}
  265.  
  266. {block:Title}<div id="title">{Title}</div>{/block:Title}
  267.  
  268. {block:Lines}
  269.  
  270. <div style="border-bottom:1px dotted {color:border};line-height:20px;">
  271. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  272. </div>
  273.  
  274. {/block:Lines}
  275.  
  276. {block:date} <div id="pperma"><a href="{permalink}">{TimeAgo} {text:perm symbol} {NoteCountWithLabel}</a></div>
  277.  
  278. {block:HasTags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  279.  
  280. {block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}
  281.  
  282. {/block:Chat}
  283.  
  284.  
  285. {block:Quote}
  286. <div class="quote">
  287. "{Quote}" </div>
  288. <div class="quoteinfo">{block:source}-{source}{/block:source}</div>
  289.  
  290. {block:date} <div id="pperma"><a href="{permalink}">{TimeAgo} {text:perm symbol} {NoteCountWithLabel}</a></div>
  291.  
  292. {block:HasTags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  293.  
  294. {block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}
  295.  
  296. {/block:Quote}
  297.  
  298.  
  299. {block:Audio}
  300.  
  301. <div class="audioplayer">{AudioPlayerWhite}</div>
  302. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br> plays: {FormattedPlayCount}{block:Artist} - {Artist}{/block:Artist}
  303. </div>
  304.  
  305. {block:Caption} <div id="captions">{Caption}</div> {/block:Caption}
  306.  
  307. {block:date} <div id="pperma"><a href="{permalink}">{TimeAgo} {text:perm symbol} {NoteCountWithLabel}</a></div>
  308.  
  309. {block:HasTags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  310.  
  311. {block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}
  312.  
  313. {/block:Audio}
  314.  
  315.  
  316. {block:Link}
  317.  
  318. <div class="linkpost"><a href="{URL}" {Target}>{Name} ▶</a></div>
  319.  
  320. {description}
  321.  
  322. {block:date} <div id="pperma"><a href="{permalink}">{TimeAgo} {text:perm symbol} {NoteCountWithLabel}</a></div>
  323.  
  324. {block:HasTags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  325.  
  326. {block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}
  327.  
  328. {/block:Link}
  329.  
  330.  
  331. {block:Video}
  332.  
  333. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  334. {block:if300pxposts}{Video-250}{/block:if300pxposts}
  335. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  336.  
  337. {block:Caption} <div id="captions">{Caption}</div> {/block:Caption}
  338.  
  339. {block:date} <div id="pperma"><a href="{permalink}">{TimeAgo} {text:perm symbol} {NoteCountWithLabel}</a></div>
  340.  
  341. {block:HasTags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:date}
  342.  
  343. {block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}
  344.  
  345. {/block:Video}
  346.  
  347. </div>
  348.  
  349. {/block:Posts}
  350.  
  351. {block:Pagination} <div id="pagi">
  352.  
  353. {block:PreviousPage}
  354. <a href="{PreviousPage}">◀ prev</a>
  355. {/block:PreviousPage}
  356.  
  357. {block:NextPage}
  358. <a href="{NextPage}">next ▶</a>
  359. {/block:NextPage}
  360.  
  361. </div>{/block:Pagination}
  362.  
  363. </div>
  364.  
  365. </body>
  366.  
  367. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!