API tools faq
paste
Advertisement
sunkei

Karneval

sunkei
Apr 26th, 2013
3,879
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.25 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. karneval
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="image:Background" content="http://static.tumblr.com/ed945814470566a28e413ecc15fbe78e/s2ymoja/Po6mlqbxm/tumblr_static_pattern3.gif"/>
  21. <meta name="image:TopBG" content="http://static.tumblr.com/..."/>
  22. <meta name="image:Icon" content="http://static.tumblr.com/5167666ee163027e9266b414e6530e01/s2ymoja/ij8mlry35/tumblr_static_k7.png"/>
  23. <meta name="image:Notes" content="http://media.tumblr.com/tumblr_lkl5s8Ay6F1qfamg6.gif"/>
  24.  
  25. <meta name="color:Background" content="#fff" />
  26.  
  27. <meta name="color:TopBG" content="#6df1c8" />
  28. <meta name="color:Description" content="#d1a3c5" />
  29. <meta name="color:DescriptionBG" content="#22062e" />
  30.  
  31. <meta name="color:IconBorder" content="#fff" />
  32. <meta name="color:IconShadow" content="#6c9ba3" />
  33.  
  34. <meta name="color:Link" content="#ff003b" />
  35. <meta name="color:Link hover" content="#ff00e8" />
  36. <meta name="color:MenuLeft" content="#fd6ffd" />
  37. <meta name="color:MenuRight" content="#910100" />
  38. <meta name="color:MenuBG" content="#fff" />
  39. <meta name="color:MenuBGLeft" content="#6a177e" />
  40. <meta name="color:MenuBGRight" content="#ff254f" />
  41.  
  42. <meta name="color:PostsBG" content="#fff" />
  43. <meta name="color:Texts" content="#888" />
  44.  
  45.  
  46. <meta name="if:EndlessScroll" content="0"/>
  47. <meta name="text:LinkTitle1" content="Link one" />
  48. <meta name="text:LinkURL1" content="URL1" />
  49. <meta name="text:LinkTitle2" content="Link two" />
  50. <meta name="text:LinkURL2" content="URL2" />
  51. <meta name="text:LinkTitle3" content="Link three" />
  52. <meta name="text:LinkURL3" content="URL3" />
  53. <meta name="text:LinkTitle4" content="Link four" />
  54. <meta name="text:LinkURL4" content="URL4" />
  55.  
  56.  
  57. <meta name="if:500" content="0"/>
  58. <meta name="if:400" content="0"/>
  59. <meta name="if:250" content="1"/>
  60.  
  61.  
  62.  
  63. {block:IfEndlessScroll}
  64. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  65.  
  66. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  67.  
  68. <style type="text/css">
  69.  
  70. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  71.  
  72. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  73.  
  74.  
  75.  
  76. body
  77. {font-family:cambria;
  78. font-size:10px;
  79. color:{color:Texts};
  80. background-color:{color:Background};
  81. background-image:url('{image:Background}');
  82. background-position: fixed;
  83. background-attachment:fixed;
  84. background-repeat:repeat;}
  85.  
  86. a
  87. {text-decoration:none;
  88. color:{color:Link};
  89. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  90. opacity:1;}
  91.  
  92. a:hover
  93. {text-decoration:none;
  94. color:{color:Link hover};
  95. opacity:1;}
  96.  
  97. blockquote
  98. {border-left:2px solid {color:TopBG};
  99. padding-left:5px;}
  100.  
  101. img
  102. {margin-bottom:-3px;}
  103.  
  104.  
  105. #all
  106. {margin:0 auto;
  107. margin-top:-8px;}
  108.  
  109. .menu
  110. {width:{block:If500}275{/block:If500}{block:If400}225{/block:If400}{block:If250}150{/block:If250}px;padding:15px 0px 18px 0px;float:left;}
  111. .on
  112. {background-color:{color:MenuBG};font-family:consolas;font-size:8px;margin-bottom:5px;}
  113. .mae
  114. {background-color:{color:MenuBGRight};padding:0px 15px 0px 15px;color:{color:MenuRight};-webkit-transition: opacity 0.6s linear;opacity: 1;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  115. #uno .mae:hover
  116. {padding-left:35px;background-color:{color:MenuBG};color:{color:TopBG};}
  117. #dos .mae:hover
  118. {padding-right:35px;background-color:{color:MenuBG};color:{color:TopBG};}
  119. #uno .mae
  120. {background-color:{color:MenuBGLeft};color:{color:MenuLeft};}
  121.  
  122.  
  123. #posts
  124. {overflow:auto;width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;background-color:{color:PostsBG};padding:25px;
  125. background-image:url('{image:PostsBG}');
  126. background-position: fixed;
  127. background-attachment:fixed;
  128. background-repeat:repeat;}
  129. .post
  130. {width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;
  131. margin-bottom:25px;}
  132. .post img
  133. {max-width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;}
  134.  
  135. #top
  136. {margin-bottom:0px;width:{block:If500}550{/block:If500}{block:If400}450{/block:If400}{block:If250}300{/block:If250}px;background-color:{color:TopBG};background-image:url('{image:TopBG}');
  137. background-position: fixed;
  138. background-attachment:fixed;
  139. background-repeat:repeat;padding-top:10px;}
  140.  
  141. #middle
  142. {width:{block:If500}550{/block:If500}{block:If400}450{/block:If400}{block:If250}300{/block:If250}px;background-color:{color:PostsBG};height:100%;z-index:-999;position:fixed;}
  143.  
  144. #ic
  145. {width:50px;height:50px;overflow:hidden;border:15px solid {color:IconBorder};margin-left:{block:If500}235{/block:If500}{block:If400}185{/block:If400}{block:If250}110{/block:If250}px;border-radius:25px;box-shadow:0px 0px 10px {color:IconShadow};margin-bottom:5px;position:absolute;}
  146. #ic img
  147. {width:50px;}
  148. #about
  149. {text-align:center;max-height:50px;overflow:auto;color:{color:Description};padding:10px 25px 10px 25px;background-color:{color:DescriptionBG};margin-top:10px;font-family:courier new;font-size:9px;text-transform:uppercase;width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;}
  150.  
  151. #about i
  152. {color:{color:Link hover};}
  153. #about b
  154. {opacity:0.6;}
  155.  
  156. #dos
  157. {text-align:right;}
  158.  
  159. #reb
  160. {color:{color:MenuBGLeft};}
  161.  
  162. .lado
  163. {position:absolute;
  164. width:200px;
  165. margin-left:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;
  166. {block:IndexPage}opacity:0;{/block:IndexPage}
  167. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  168.  
  169. .coco
  170. {background-color:#fff;{block:IndexPage}padding:5px;{/block:IndexPage}border-radius:5px;-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;text-transform:uppercase;font-family:courier;font-size:8px;{block:PermalinkPage}padding:5px 5px 5px 35px;{/block:PermalinkPage}}
  171. .coc
  172. {margin-bottom:15px;-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  173. .coc:hover
  174. {padding-left:15px;}
  175. .post:hover .lado
  176. {opacity:1;}
  177. .post:hover .coco
  178. {padding:5px 5px 5px 35px;}
  179.  
  180. .texte
  181. {text-align:justify;}
  182. .tags
  183. {width:150px;{block:IndexPage}opacity:0;{/block:IndexPage}
  184. position:absolute;text-align:right;
  185. margin-left:-185px;-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  186.  
  187. .post:hover .tags
  188. {opacity:1;}
  189.  
  190. .tag
  191. {margin-bottom:5px;border-right:1px solid {color:Link hover};padding-right:5px;font-family:courier;font-size:8px;letter-spacing:1px;text-transform:uppercase;}
  192.  
  193. #quote
  194. {font-size:14px;text-align:justify;font-family:consolas;}
  195. .source
  196. {font-size:8px; text-transform:uppercase;font-family:courier;}
  197.  
  198. .title
  199. {font-size:14px;font-family:consolas;}
  200. .texte a
  201. {font-size:8px; text-transform:uppercase;font-family:courier;}
  202. .infos
  203. {text-align:center;font-size:8px; text-transform:uppercase;font-family:courier;margin-top:5px;}
  204.  
  205. #odd
  206. {color:{color:Link};}
  207. #even
  208. {color:{color:Link hover};}
  209.  
  210. #grey
  211. {background-color:#e5e5e5;}
  212. .topc
  213. {color:{color:TopBG};}
  214.  
  215. #icon
  216. {border:5px solid {color:TopBG};width:24px;}
  217.  
  218. #ans
  219. {width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;}
  220.  
  221. </style>
  222. </head>
  223. <body>
  224.  
  225. {block:IfEndlessScroll}
  226. <a style="position:fixed;bottom:10px;right:10px;font-size:8px; text-transform:uppercase;font-family:courier;" href="#top">back to top</a>{/block:IfEndlessScroll}
  227.  
  228.  
  229. <table id="all" border="0" cellpadding="0" cellspacing="0">
  230. <tr><td><div id="middle"></div>
  231. </td></tr>
  232. <tr><td><div id="backu"></div>
  233.  
  234. <div id="top">
  235.  
  236. <div id="ic"><img src="{image:Icon}"/></div>
  237. <div id="la">
  238. <div class="menu" id="uno">
  239. <a href="{text:LinkURL1}"><div class="on"><span class="mae">{text:LinkTitle1}</span></div></a>
  240. <a href="{text:LinkURL2}"><div class="on"><span class="mae">{text:LinkTitle2}</span></div></a>
  241. <a href="{text:LinkURL3}"><div class="on"><span class="mae">{text:LinkTitle3}</span></div></a>
  242. <a href="{text:LinkURL4}"><div class="on"><span class="mae">{text:LinkTitle4}</span></div></a>
  243. </div>
  244. <div class="menu" id="dos">
  245. <a href="/"><div class="on"><span class="mae">index</span></div></a>
  246. <a href="/ask"><div class="on"><span class="mae">ask</span></div></a>
  247. <a href="/archive"><div class="on"><span class="mae">archive</span></div></a>
  248. <a href="http://gyapo.tumblr.com"><div class="on"><span class="mae">theme</span></div></a>
  249. </div>
  250. </div><!--la-->
  251.  
  252. <div id="about"><span class="oh">{Description}</span>
  253. {block:Pagination}
  254. <div>{block:PreviousPage}<a href="{PreviousPage}">←</a>
  255. {/block:PreviousPage} <b>{CurrentPage}</b>/{TotalPages} {block:NextPage}
  256. <a href="{NextPage}">→</a>{/block:NextPage}</div>
  257. {/block:Pagination}
  258. </div>
  259. </div>
  260. </td></tr>
  261. <tr><td>
  262.  
  263.  
  264.  
  265. <div id="posts">
  266. {block:Posts}
  267.  
  268.  
  269. {block:RebloggedFrom}
  270. <!--{ReblogParentName}-->
  271. {/block:RebloggedFrom}
  272.  
  273. {block:ContentSource}
  274. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  275. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  276. {/block:SourceLogo}
  277. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  278. {/block:ContentSource}
  279.  
  280. <div class="post">
  281.  
  282. <div class="lado">
  283. <a href="{ReblogURL}"><div class="coc" id="reb"><span class="coco">reblog</span></div></a>
  284. <a href="{Permalink}"><div class="coc" id="nots"><span class="coco">{NoteCount} <img src="{image:Notes}"/></span></div></a>
  285. </div>
  286.  
  287. {block:HasTags}
  288. <div class="tags">
  289. {block:Tags}<a href="{TagURL}">
  290. <div class="tag">{Tag}</div>
  291. </a> {/block:Tags}
  292. </div>{/block:HasTags}
  293.  
  294.  
  295. {block:Quote}
  296. <div id="quote">"{Quote}" {block:Source}<span class="source">— {Source}</span>{/block:Source}</div>
  297. {/block:Quote}
  298.  
  299. {block:Text}
  300. {block:Title}<div class="title">{Title}</div>{/block:Title}
  301. <div class="texte">{Body}</div>
  302. {/block:Text}
  303.  
  304. {block:Answer}
  305. <table id="all" border="0" cellpadding="0" cellspacing="0">
  306. <tr>
  307. <td><div id="icon"><img src="{AskerPortraitURL-24}"></div></td>
  308. <td>
  309. <div class="infos" style="text-align:justify;margin-left:5px;">
  310. {Asker} asked : {Question}
  311. </div></td>
  312. </tr>
  313. <tr><td colspan="2">
  314. <div class="texte" id="ans">{Answer}</div>
  315. </td></tr>
  316. </table>
  317. {/block:Answer}
  318.  
  319. {block:Audio}
  320. <div id="grey">{AudioPlayerGrey}</div>
  321. <div class="infos">
  322. <div>
  323. {block:TrackName}
  324. <span class="topc">{TrackName}</span>
  325. {/block:TrackName}
  326. {block:Artist}
  327. by <b>{Artist}</b>
  328. {/block:Artist}
  329. </div>
  330. {block:PlayCount}<div>{PlayCountWithLabel}</div>{/block:PlayCount}
  331. </div>
  332. {/block:Audio}
  333.  
  334. {block:Chat}
  335. {block:Title}<div class="title">{Title}</div>{/block:Title}
  336. {block:Lines}<div id="line" class="texte">{block:Label}<span class="source" id="{Alt}">-{Label}</span>{/block:Label} {Line}</div>{/block:Lines}
  337. {/block:Chat}
  338.  
  339. {block:Link}
  340. <a href="{URL}" target="_blank"><div class="title" id="name">{Name}</div></a>
  341. {block:Description}<div class="texte">{Description}</div> {/block:Description}
  342. {/block:Link}
  343.  
  344. {block:Photo}
  345. {block:PermalinkPage}
  346. <a href="{SourceURL}">
  347. <img src="{PhotoURL-500}"></a>
  348. {/block:PermalinkPage}
  349. {block:IndexPage}
  350. <img src="{PhotoURL-500}">
  351. {/block:IndexPage}
  352. {/block:Photo}
  353.  
  354.  
  355. {block:Photoset}
  356. <div id="photo" style="margin-bottom:-3px;">
  357. {block:If250}
  358. {Photoset-250}
  359. {/block:If250}
  360. {block:If400}
  361. {Photoset-400}
  362. {/block:If400}
  363. {block:If500}
  364. {Photoset-500}
  365. {/block:If500}
  366. </div>
  367. {/block:Photoset}
  368.  
  369. {block:Video}
  370. <div id="photo" style="margin-bottom:-3px;">
  371. {block:If250}
  372. {Video-250}
  373. {/block:If250}
  374. {block:If400}
  375. {Video-400}
  376. {/block:If400}
  377. {block:If500}
  378. {Video-500}
  379. {/block:If500}
  380. </div>
  381. {/block:Video}
  382.  
  383.  
  384. {block:PermalinkPage}
  385. <div class="texte">{Caption}</div>
  386. <div class="perma">
  387. <div class="infos">{block:Date}{DayOfMonthWithZero}.{ShortMonth}.{ShortYear} {/block:Date} {block:NoteCount}<span class="hp">—</span> {NoteCountWithLabel}{/block:NoteCount}</div>
  388. {block:RebloggedFrom}<div class="infos"><a href="{ReblogParentURL}">via</a> / <a href="{ReblogRootURL}">O.P</a></div>{/block:RebloggedFrom}
  389.  
  390. {block:PostNotes}
  391. <div>
  392. {PostNotes}
  393. </div>
  394. {/block:PostNotes}
  395.  
  396. </div>
  397. {/block:PermalinkPage}
  398. </div>
  399. {/block:Posts}
  400. </div>
  401. </td></tr>
  402. <tr><td>
  403. <a href="#top"><div style="font-size:8px; text-transform:uppercase;font-family:courier;text-align:center;">back to top</div></a>
  404. </td><tr>
  405. </table>
  406.  
  407.  
  408.  
  409. </body>
  410. </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!