API tools faq
paste
kitopia

TOYBOX theme

kitopia
Mar 26th, 2016
3,063
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6.  
  7. TOYBOX THEME by LPS666!!!!!!!! DONT REMOVE CREDIT OR ELSE!!!!
  8.  
  9. ----->
  10.  
  11. <meta charset="utf-8">
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <title>{Title}</title>
  18.  
  19. {block:ifnotcustomfavicon}
  20. <link rel="shortcut icon" href="{Favicon}">
  21. {/block:ifnotcustomfavicon}
  22. {block:ifcustomfavicon}
  23. <link rel="shortcut icon" href="{image:favicon}">
  24. {/block:ifcustomfavicon}
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  27.  
  28. <meta name="image:favicon" content=""/>
  29. <meta name="image:bg" content="http://static.tumblr.com/blpgwiz/mrIm4x10z/rainbow.jpg"/>
  30. <meta name="image:aboveicon" content="http://orig03.deviantart.net/6356/f/2015/168/7/6/balloon_divider_by_bigemofurry666-d8xqhfy.gif"/>
  31. <meta name="image:links" content="http://38.media.tumblr.com/da1a5b4decd6a4e91e546235c8c42116/tumblr_inline_o2vzwbMFue1s98fhw_500.gif"/>
  32. <meta name="image:date" content="http://dl.glitter-graphics.com/pub/2053/2053763xanzz361d3.jpg"/>
  33. <meta name="image:sidebarbg" content="http://dl.glitter-graphics.com/pub/2053/2053763xanzz361d3.jpg"/>
  34. <meta name="image:postbg" content="http://dl.glitter-graphics.com/pub/2053/2053763xanzz361d3.jpg"/>
  35.  
  36. <meta name="color:bg" content="#f00"/>
  37. <meta name="color:text" content="#000"/>
  38. <meta name="color:links" content="#eee"/>
  39. <meta name="color:borders" content="#00f"/>
  40. <meta name="color:date" content="#fcf"/>
  41.  
  42. <meta name="if:custom favicon" content="1"/>
  43. <meta name="if:Uppercaselinks" content="0"/>
  44. <meta name="if:bgcover" content="0"/>
  45. <meta name="if:avatar" content="0"/>
  46.  
  47.  
  48.  
  49.  
  50. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  51.  
  52. <style type="text/css">
  53.  
  54.  
  55. /*
  56. general text styles, fonts and colours
  57. */
  58.  
  59. body {
  60. margin:0px;
  61. background:{color:bg};
  62. background-image:url('{image:bg}');
  63. {block:ifbgcover}
  64. -webkit-background-size: cover;
  65. -moz-background-size: cover;
  66. -o-background-size: cover;
  67. background-size: cover;
  68. {/block:ifbgcover}
  69. font-family: 'comic sans ms';
  70. font-size:14px;
  71. line-height:140%;
  72. color: {color:Text};
  73. }
  74.  
  75. p{
  76. margin:0 0 10px 0;
  77. padding:0;
  78. }
  79.  
  80. pre {
  81. white-space: pre-wrap;
  82. white-space: -moz-pre-wrap;
  83. white-space: -pre-wrap;
  84. white-space: -o-pre-wrap;
  85. word-wrap: break-word;
  86. }
  87.  
  88. a{
  89. background:{color:links};
  90. {block:ifUppercaselinks}
  91. text-transform:uppercase;
  92. {/block:ifUppercaselinks}
  93. text-decoration:none;
  94. }
  95.  
  96. a:hover{
  97. }
  98.  
  99. li{
  100. margin-left:-15px;
  101. }
  102.  
  103. /*
  104. containers etc
  105. */
  106. #wrapper{
  107. width:600px;
  108. margin:50px auto;
  109. }
  110.  
  111. #sidebar{
  112. width:160px;
  113. position:fixed;
  114. background:{color:date};
  115. background-image:url('{image:sidebarbg}');
  116. text-align:center;
  117. padding:15px;
  118. border:3px solid {color:borders};}
  119.  
  120. #content{
  121. width:600px;
  122. margin-left:200px;
  123. }
  124.  
  125.  
  126.  
  127. #date{
  128. background-image: url('http://dl5.glitter-graphics.net/pub/1043/1043585ir2mebcqub.gif');
  129. width:150px;
  130. margin-top:-25px;
  131. z-index:2;
  132. padding:5px;
  133. border: 3px dotted {color:Borders};
  134. margin-bottom:10px;
  135. }
  136.  
  137. .post{
  138. width:400px;
  139. margin:0 0 50px 0;
  140. background:#f00;
  141. background-image:url('{image:postbg}');
  142. border:3px solid {color:borders};
  143.  
  144. padding:15px;
  145. }
  146.  
  147. #sidebar img, .post img{
  148. max-width:100%;
  149. }
  150.  
  151. #nav{
  152. margin:50px 0 0 0;
  153. }
  154.  
  155.  
  156. /*
  157. content in the body of the posts - quotes, asks, etc
  158. "media" contains photos, photosets, videos, audio posts
  159. */
  160. .media{
  161. margin:0 0 10px 0;
  162. }
  163.  
  164. .title{
  165. font-weight:normal;
  166. font-size:18px;
  167. margin:0 0 10px 0;
  168. }
  169.  
  170. .quote{
  171. font-weight:normal;
  172. font-size:16px;
  173. font-style:italic;
  174. margin:0 0 10px 0;
  175. }
  176.  
  177. .question{
  178. margin-bottom:10px;
  179. }
  180.  
  181. blockquote{
  182. margin:0 0 10px 10px;
  183. padding:0 0 0 10px;
  184. border-left:solid 1px #00f;
  185. }
  186.  
  187. /*
  188. post footers - date, tags, via and source
  189. */
  190. .post .footer{
  191. margin:0;
  192. text-align:left;
  193. }
  194.  
  195. .post .header{
  196. margin:5px;
  197. }
  198.  
  199. /*
  200. post notes
  201. */
  202. ol.notes{
  203. list-style-type:none;
  204. padding:0;
  205. margin:0;
  206. }
  207.  
  208. ol.notes li.note img{
  209. width:16px;
  210. height:16px;
  211. }
  212.  
  213. ol.notes li.note{
  214. margin:0px;
  215. }
  216.  
  217.  
  218.  
  219. {CustomCSS}
  220. </style>
  221. </head>
  222.  
  223. <body>
  224.  
  225.  
  226. <div id="wrapper">
  227.  
  228.  
  229. <div id="sidebar"><img src="{image:aboveicon}"><br>
  230. {block:ifAvatar}
  231. <img src="{PortraitURL-128}">
  232. {/block:ifAvatar}
  233. {block:Description}
  234. <p>{Description}</p>
  235. {/block:Description}
  236.  
  237. <img src="{image:links}"><br>
  238.  
  239. <a href="/">{lang:Home}</a><br>
  240. <a href="/archive">{lang:Archive}</a><br>
  241. {block:AskEnabled}
  242. <a href="/ask">{AskLabel}</a><br>
  243. {/block:AskEnabled}
  244. {block:SubmissionsEnabled}
  245. <a href="/ask">{SubmitLabel}</a><br>
  246. {/block:SubmissionsEnabled}
  247. {block:HasPages}
  248. {block:Pages}
  249. <a href="{URL}">{Label}</a><br>
  250. {/block:Pages}
  251. {/block:HasPages}
  252.  
  253.  
  254. </div>
  255.  
  256.  
  257.  
  258. <div id="content">
  259. {block:Posts}
  260.  
  261. <div class="post">
  262.  
  263. <div class="header">
  264. {block:Date}<div id="date"><a href="{Permalink}">{TimeAgo}</a></div>{/block:Date}
  265. {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  266.  
  267. </div>
  268.  
  269. {block:Text}
  270. {block:Title}
  271. <div class="title">{Title}</div>
  272. {/block:Title}
  273. {Body}
  274. {/block:Text}
  275.  
  276. {block:Photo}
  277. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  278. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  279. {/block:Photo}
  280.  
  281. {block:Photoset}
  282. <div class="media">{Photoset-400}</div>
  283. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  284. {/block:Photoset}
  285.  
  286. {block:Quote}
  287. <div class="quote">"{Quote}"</div>
  288. {block:Source}
  289. <div class="quotesource">{Source}</div>
  290. {/block:Source}
  291. {/block:Quote}
  292.  
  293. {block:Link}
  294. <div class="title"><a href="{URL}">{Name}</a></div>
  295. {block:Description}
  296. <div class="description">{Description}</div>
  297. {/block:Description}
  298. {/block:Link}
  299.  
  300. {block:Chat}
  301. {block:Title}
  302. <div class="title">{Title}</div>
  303. {/block:Title}
  304.  
  305. {block:Lines}
  306. <div class="{Alt} user_{UserNumber}">
  307. {block:Label}
  308. <b>{Label}</b>{/block:Label}
  309. &nbsp;{Line}
  310. </div>
  311. {/block:Lines}
  312. {/block:Chat}
  313.  
  314. {block:Video}
  315. <div class="media">{Video-400}</div>
  316. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  317. {/block:Video}
  318.  
  319. {block:Audio}
  320. <div class="media">
  321. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  322. {AudioPlayerWhite}
  323. {block:TrackName}{TrackName}<br>{/block:TrackName}
  324. {block:Artist}{Artist}<br>{/block:Artist}
  325. {block:Album}{Album}{/block:Album}
  326. </div>
  327. {block:Caption}{Caption}{/block:Caption}
  328. {/block:Audio}
  329.  
  330. {block:Answer}
  331. <div class="question">{Asker}: {Question}</div>
  332. <div class="caption">{Answer}</div>
  333. {/block:Answer}
  334.  
  335.  
  336. {block:Date}
  337. <div class="footer">
  338. <a href="{Permalink}">{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}</a>
  339. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  340. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}
  341. </div>
  342.  
  343. {block:PermalinkPage}
  344. {block:NoteCount}
  345. {block:PostNotes}{PostNotes}{/block:PostNotes}
  346. {/block:NoteCount}
  347. {/block:PermalinkPage}
  348. {/block:Date}
  349.  
  350. </div>
  351. {/block:Posts}
  352.  
  353. {block:Pagination}
  354. <div id="nav">
  355. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  356.  
  357. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  358. </div>
  359. {/block:Pagination}
  360. </div>
  361. </div>
  362.  
  363. </div>
  364.  
  365. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  366. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  367.  
  368. </body>
  369. </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!