Advertisement
Guest User

Untitled

a guest
Apr 28th, 2015
198
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6. <link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
  7.  
  8. <!--
  9.  
  10.  
  11. #10 ETUDE THEME (VER.2) BY COCORINI (http://www.cocorini.com).
  12. PLEASE DO NOT REMOVE THIS CREDIT. THANK YOU!
  13.  
  14.  
  15. -->
  16.  
  17. <meta name="color:Main Background" content="#efefef"/>
  18. <meta name="color:Blog Border" content="#fffdf4"/>
  19. <meta name="color:Blog Shadow" content="#e9d9c2"/>
  20.  
  21. <meta name="color:Sidebar BG" content="#f9f7e0"/>
  22. <meta name="color:Title Text" content="#836363"/>
  23. <meta name="color:Title BG" content="#ffffff"/>
  24. <meta name="color:Title Border" content="#cec6c6"/>
  25. <meta name="color:Subtitle Text" content="#b7b7b7"/>
  26. <meta name="color:Title Section BG" content="#f6bebe"/>
  27. <meta name="color:Sidebar Image Border" content="#dec5c5"/>
  28. <meta name="color:Description BG" content="#f9f7e0"/>
  29. <meta name="color:Description Text" content="#938b8b"/>
  30.  
  31. <meta name="color:Custom Links BG" content="#e5efdd"/>
  32. <meta name="color:Custom Links Menu Text" content="#b09a87"/>
  33. <meta name="color:Custom Links Menu Text Shadow" content="#ffffff"/>
  34. <meta name="color:Custom Links Menu BG" content="#eeeadb"/>
  35. <meta name="color:Custom Links Menu Border" content="#ffffff"/>
  36.  
  37. <meta name="color:Entries Column BG" content="#fdefe1"/>
  38. <meta name="color:Entries Column Border" content="#f2c0c0"/>
  39. <meta name="color:Entries" content="#ffffff"/>
  40. <meta name="color:Entries Text" content="#737373"/>
  41. <meta name="color:Entries Border" content="#f4e6e6"/>
  42. <meta name="color:Blockquote Text" content="#859452"/>
  43. <meta name="color:Blockquote Border" content="#f2d0a1"/>
  44.  
  45. <meta name="color:Entries Title Text" content="#7e4343"/>
  46. <meta name="color:Entries Title BG" content="#f5d1d1"/>
  47. <meta name="color:Entries Title Border" content="#ffffff"/>
  48. <meta name="color:Entries Link Title Text" content="#6d9353"/>
  49. <meta name="color:Entries Link Title Text Hover" content="#7ab99a"/>
  50. <meta name="color:Entries Link Title BG" content="#dbefd6"/>
  51. <meta name="color:Entries Link Title Border" content="#ffffff"/>
  52.  
  53. <meta name="color:Links" content="#b49a59"/>
  54. <meta name="color:Links Hover" content="#f3a45b"/>
  55. <meta name="color:Bold Text" content="#89aea7"/>
  56. <meta name="color:Italic Text" content="#da9898"/>
  57.  
  58. <meta name="color:Permalink BG" content="#f2f8e9"/>
  59. <meta name="color:Permalink Text" content="#6a5240"/>
  60. <meta name="color:Permalink Links" content="#a25e37"/>
  61. <meta name="color:Permalink Links Hover" content="#e96c3f"/>
  62. <meta name="color:Time Text Highlight" content="#d8e6a1"/>
  63. <meta name="color:Notes Text Highlight" content="#fccbcb"/>
  64. <meta name="color:Tags Text Highlight" content="#cceddb"/>
  65. <meta name="color:Source Text Highlight" content="#e4cbec"/>
  66.  
  67. <meta name="color:Ask Text" content="#a87b7b"/>
  68. <meta name="color:Ask Background" content="#fbe5e5"/>
  69. <meta name="color:Asker Text" content="#ffffff"/>
  70. <meta name="color:Asker Highlight" content="#e6acac"/>
  71. <meta name="color:Chat Label Text" content="#8e4e4e"/>
  72. <meta name="color:Chat Label BG" content="#eedede"/>
  73. <meta name="color:Chat Line Text" content="#978667"/>
  74. <meta name="color:Chat Line BG" content="#efefdf"/>
  75.  
  76. <meta name="color:Cat Face" content="#de7468"/>
  77. <meta name="color:Cat Features" content="#905252"/>
  78. <meta name="color:Cat Body" content="#f8f3dd"/>
  79. <meta name="color:Cat Navigation Link" content="#ae4747"/>
  80.  
  81. <meta name="color:Rabbit Face" content="#f99d9d"/>
  82. <meta name="color:Rabbit Features" content="#bb6363"/>
  83. <meta name="color:Rabbit Body" content="#f8f3dd"/>
  84. <meta name="color:Rabbit Navigation Link" content="#e97171"/>
  85.  
  86. <meta name="color:Bear Face" content="#a3cfc8"/>
  87. <meta name="color:Bear Features" content="#729588"/>
  88. <meta name="color:Bear Body" content="#f8f3dd"/>
  89. <meta name="color:Bear Navigation Link" content="#86b4a1"/>
  90.  
  91. <meta name="color:Panda Face" content="#c5c5c5"/>
  92. <meta name="color:Panda Features" content="#858585"/>
  93. <meta name="color:Panda Body" content="#f8f3dd"/>
  94. <meta name="color:Panda Navigation Link" content="#9a9a9a"/>
  95.  
  96. <meta name="color:Normal Navigation Links Text" content="#b09583"/>
  97. <meta name="color:Normal Navigation Links BG" content="#edddd0"/>
  98.  
  99. <meta name="color:Pagination Link Text" content="#ffffff"/>
  100. <meta name="color:Pagination Link BG" content="#a6cea8"/>
  101. <meta name="color:Pagination Current Page BG" content="#ffffff"/>
  102. <meta name="color:Pagination Current Page Text" content="#c08662"/>
  103.  
  104. <meta name="color:Music Player BG" content="#c6bcdc"/>
  105. <meta name="color:Music Player Border" content="#ffffff"/>
  106.  
  107. <meta name="color:Scrollbar" content="#ffd1b0"/>
  108. <meta name="color:Scrollbar Background" content="#ffffff"/>
  109. <meta name="color:Back To Top Text" content="#ffffff"/>
  110. <meta name="color:Back To Top BG" content="#d2ad8b"/>
  111.  
  112. <meta name="font:Entries" content="Helvetica Neue, Arial, Helvetica, sans-serif"/>
  113. <meta name="font:Description" content="Helvetica Neue, Arial, Helvetica, sans-serif"/>
  114. <meta name="font:Permalink" content="News Gothic FS, sans-serif"/>
  115.  
  116. <meta name="image:Main Background" content="http://static.tumblr.com/60258e73e78ddd833e85bd49fac2a5a8/1xjieua/AOsn0ouq0/tumblr_static_pattern-22.png"/>
  117. <meta name="image:Title Section BG" content="http://static.tumblr.com/94db70a6eed538586c395fc92c32fcb6/1xjieua/BtUn0omrm/tumblr_static_pattern-28.png"/>
  118. <meta name="image:Sidebar Image" content="https://31.media.tumblr.com/f9c2b032e927fdb3fc6e6e737fc54d3e/tumblr_inline_n0ypu5gNCQ1sna172.png"/>
  119. <meta name="image:Custom Links BG" content="http://static.tumblr.com/90ad8e5ea598956f912d26e9057982fd/1xjieua/cRDn0sz4a/tumblr_static_pattern-1.png"/>
  120. <meta name="image:Entries Column BG" content="http://static.tumblr.com/37cede077dd0e486c1c3bc4fc109b86c/1xjieua/s64n0szi4/tumblr_static_white_wall_hash-peach.png"/>
  121. <meta name="image:Permalink BG" content="http://static.tumblr.com/01b4442629b0e47248ff8e7cbabc9f56/1xjieua/bTLn0qask/tumblr_static_pattern-20b.png"/>
  122. <meta name="image:Music Player Image" content="http://static.tumblr.com/f8f11ddaa9f1b9dc8c84f4854c8814a7/1xjieua/ajSn0w5td/tumblr_static_musicplayer.gif"/>
  123. <meta name="image:Ask Background" content="http://static.tumblr.com/86e8437430277418f021fa7d07483d4f/1xjieua/7W0n0wlja/tumblr_static_tumblr_static_pattern-20a.png"/>
  124.  
  125. <meta name="text:Entries Text Size" content="12"/>
  126. <meta name="text:Description Text Size" content="11"/>
  127. <meta name="text:Permalink Text Size" content="8"/>
  128. <meta name="text:Subtitle" content="your subtitle here"/>
  129. <meta name="text:Music Player Code" content=""/>
  130.  
  131. <meta name="text:Custom Links Title" content="more links"/>
  132. <meta name="text:Custom Link 1" content="extra link 1"/>
  133. <meta name="text:Custom Link 1 URL" content=""/>
  134. <meta name="text:Custom Link 2" content="extra link 2"/>
  135. <meta name="text:Custom Link 2 URL" content=""/>
  136. <meta name="text:Custom Link 3" content="extra link 3"/>
  137. <meta name="text:Custom Link 3 URL" content=""/>
  138. <meta name="text:Custom Link 4" content=""/>
  139. <meta name="text:Custom Link 4 URL" content=""/>
  140. <meta name="text:Custom Link 5" content=""/>
  141. <meta name="text:Custom Link 5 URL" content=""/>
  142. <meta name="text:Custom Link 6" content=""/>
  143. <meta name="text:Custom Link 6 URL" content=""/>
  144. <meta name="text:Custom Link 7" content=""/>
  145. <meta name="text:Custom Link 7 URL" content=""/>
  146. <meta name="text:Custom Link 8" content=""/>
  147. <meta name="text:Custom Link 8 URL" content=""/>
  148. <meta name="text:Custom Link 9" content=""/>
  149. <meta name="text:Custom Link 9 URL" content=""/>
  150. <meta name="text:Custom Link 10" content=""/>
  151. <meta name="text:Custom Link 10 URL" content=""/>
  152.  
  153. <meta name="if:Show Tags" content="1"/>
  154. <meta name="if:Show Captions" content="1"/>
  155. <meta name="if:Show Like Reblog" content="1"/>
  156. <meta name="if:Image Fade" content="1"/>
  157. <meta name="if:Links Hover Fade" content=""/>
  158. <meta name="if:Inverted Tumblr Icons" content="1"/>
  159. <meta name="if:Show Animals" content="1"/>
  160.  
  161. <style type="text/css">
  162.  
  163. @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/u/54526653/tinytots.TTF');}
  164.  
  165. /* BACKGROUND */
  166.  
  167. body {
  168. background-image: url('{image:Main Background}');
  169. background-attachment: fixed;
  170. background-color: {color:Main Background};
  171. }
  172.  
  173. ::-webkit-scrollbar-thumb:vertical {
  174. background-color: {color:Scrollbar};
  175. height: auto;
  176. }
  177.  
  178. ::-webkit-scrollbar-thumb:horizontal {
  179. background-color: {color:Scrollbar};
  180. height: auto;
  181. }
  182.  
  183. ::-webkit-scrollbar {
  184. height: 5px;
  185. width: 5px;
  186. background-color: {color:Scrollbar Background};
  187. }
  188.  
  189. #container {
  190. height: 500px;
  191. width: 800px;
  192. margin: auto;
  193. margin-top: 100px;
  194. {block:IfNotShowAnimals}margin-top: 50px;{/block:IfNotShowAnimals}
  195. border: 20px solid {color:Blog Border};
  196. box-shadow: 0px 0px 12px 4px {color:Blog Shadow};
  197. }
  198.  
  199. /* LINKS & MAIN TEXT */
  200.  
  201. a {
  202. color: {color:Links};
  203. text-decoration: none;
  204. {block:IfLinksHoverFade}-webkit-transition: all 0.5s ease-in-out;
  205. -moz-transition: all 0.5s ease-in-out;
  206. -o-transition: all 0.5s ease-in-out;
  207. -ms-transition: all 0.5s ease-in-out;
  208. transition: all 0.5s ease-in-out;{/block:IfLinksHoverFade}
  209. }
  210.  
  211. a:hover {
  212. color: {color:Links Hover};
  213. text-decoration: none;
  214. }
  215.  
  216. b, strong {
  217. color: {color:Bold Text};
  218. }
  219.  
  220. i, em {
  221. color: {color:Italic Text};
  222. }
  223.  
  224. /* SIDEBAR */
  225.  
  226. #sidebar {
  227. position: fixed;
  228. }
  229.  
  230. #sidebarbg {
  231. z-index: 1;
  232. width: 300px;
  233. height: 470px;
  234. background-color: {color:Sidebar BG};
  235. position: fixed;
  236. padding: 15px;
  237. margin-top: 43px;
  238. {block:IfNotShowAnimals}margin-top: 0px;{/block:IfNotShowAnimals}
  239. }
  240.  
  241. #title {
  242. width: 260px;
  243. padding: 20px 10px 20px 10px;
  244. font-family: Oranienbaum;
  245. font-size: 18px;
  246. background-color: {color:Title BG};
  247. color: {color:Title Text};
  248. text-align: center;
  249. margin-left: 18px;
  250. margin-top: 20px;
  251. margin-bottom: 20px;
  252. border-radius: 30px;
  253. letter-spacing: 1px;
  254. border: 2px solid {color:Title Border};
  255. box-shadow: 0px 0px 0px 4px {color:Title BG};
  256. }
  257.  
  258. #title a {
  259. text-decoration: none;
  260. color: {color:Title Text};
  261. }
  262.  
  263. #titlebg {
  264. background-color: {color:Title Section BG};
  265. background-image: url('{image:Title Section BG}');
  266. width: 320px;
  267. padding: 5px;
  268. margin-top: -15px;
  269. margin-left: -15px;
  270. position: fixed;
  271. }
  272.  
  273. #subtitle {
  274. font-family: helvetica neue;
  275. font-size: 9px;
  276. text-transform: uppercase;
  277. color: {color:Subtitle Text};
  278. }
  279.  
  280. #sidebarplace {
  281. margin-top: 130px;
  282. }
  283.  
  284. #sidebarimg img {
  285. max-width: 280px;
  286. border: 10px solid {color:Sidebar Image Border};
  287. }
  288.  
  289. #description {
  290. font-family: {font:Description};
  291. width: 277px;
  292. height: 70px;
  293. overflow: auto;
  294. padding: 12px;
  295. background-color: {color:Description BG};
  296. color: {color:Description Text};
  297. font-size: {text:Description Text Size}px;
  298. text-align: justify;
  299. }
  300.  
  301. /* CUSTOM LINKS */
  302.  
  303. #sidebarbottom {
  304. background-color: {color:Custom Links BG};
  305. background-image: url('{image:Custom Links BG}');
  306. width: 281px;
  307. padding: 10px;
  308. text-align: center;
  309. }
  310.  
  311. select {
  312. border: 0;
  313. color: {color:Custom Links Menu Text};
  314. background-color: {color:Custom Links Menu BG};
  315. font-size: 10px;
  316. font-family: consolas;
  317. text-transform: uppercase;
  318. letter-spacing: 1px;
  319. width: 280px;
  320. padding: 5px 20px 5px 20px;
  321. box-shadow: 0px 0px 0px 4px {color:Custom Links Menu BG};
  322. border: 1px solid {color:Custom Links Menu Border};
  323. border-radius: 10px;
  324. text-shadow: 1px 1px 1px {color:Custom Links Menu Text Shadow};
  325. -webkit-appearance: none;
  326. }
  327.  
  328. /* NAVIGATION */
  329.  
  330. #navi {
  331. position: absolute;
  332. margin-left: 45px;
  333. margin-top: 1px;
  334. }
  335.  
  336. #navi a {
  337. text-align: center;
  338. display: inline-block;
  339. width: 50px;
  340. font-family: tinytots;
  341. font-size: 8px;
  342. text-transform: uppercase;
  343. letter-spacing: 1px;
  344. background-color: {color:Normal Navigation Links BG};
  345. color: {color:Normal Navigation Links Text};
  346. padding: 2px;
  347. }
  348.  
  349. #animals {
  350. margin-top: -43px;
  351. margin-left: 58px;
  352. {block:IfNotMusicPlayerCode}margin-left: 38px;{/block:IfNotMusicPlayerCode}
  353. }
  354.  
  355. /* -- NAVIGATION - CAT -- */
  356.  
  357. #cat { position: fixed; height: 45px; width: 55px; background-color: {color:Cat Face}; border-radius: 55px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
  358.  
  359. #cat:hover { margin-top: -57px; }
  360.  
  361. #catear1 { position: fixed; margin-top: -6px; margin-left: 6px; color: {color:Cat Face}; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -o-transform: rotate(200deg); font-size: 15px; }
  362.  
  363. #catear2 { position: fixed; margin-top: -6px; margin-left: 34px; color: {color:Cat Face}; -webkit-transform: rotate(247deg); -moz-transform: rotate(247deg); -o-transform: rotate(247deg); font-size: 15px; }
  364.  
  365. #cateye1 { margin-top: 18px; margin-left: 13px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Cat Features}; }
  366.  
  367. #cateye2 { margin-top: 18px; margin-left: 37px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Cat Features}; }
  368.  
  369. #catnose { position: fixed; font-size: 6px; margin-left: 23px; margin-top: 20px; color: {color:Cat Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
  370.  
  371. #catmouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Cat Features}; }
  372.  
  373. #catmouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Cat Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
  374.  
  375. #catmouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Cat Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
  376.  
  377. #catwhisker1 { width: 2px; height: 8px; margin-top: 22px; margin-left: 10px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -o-transform: rotate(100deg); }
  378.  
  379. #catwhisker2 { width: 2px; height: 8px; margin-top: 26px; margin-left: 10px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(260deg); -moz-transform: rotate(260deg); -o-transform: rotate(260deg); }
  380.  
  381. #catwhisker3 { width: 2px; height: 8px; margin-top: 22px; margin-left: 42px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -o-transform: rotate(80deg); }
  382.  
  383. #catwhisker4 { width: 2px; height: 8px; margin-top: 26px; margin-left: 42px; position: fixed; background-color: {color:Cat Features}; border-radius: 20px; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -o-transform: rotate(100deg); }
  384.  
  385. #catbody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Cat Face}; }
  386.  
  387. #catbody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Cat Body}; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; text-align: center; }
  388.  
  389. #catbody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; color: {color:Cat Navigation Link}; }
  390.  
  391. /* -- NAVIGATION - RABBIT -- */
  392.  
  393. #rabbit { position: fixed; height: 45px; width: 55px; background-color: {color:Rabbit Face}; border-radius: 55px; margin-left: 65px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
  394.  
  395. #rabbit:hover { margin-top: -57px; }
  396.  
  397. #rabbitear1 { width: 20px; height: 40px; position: fixed; margin-top: -16px; margin-left: 5px; background-color: {color:Rabbit Face}; font-size: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; }
  398.  
  399. #rabbitear2 { width: 20px; height: 40px; position: fixed; margin-top: -16px; margin-left: 30px; background-color: {color:Rabbit Face}; font-size: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; }
  400.  
  401. #rabbiteye1 { margin-top: 18px; margin-left: 13px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Rabbit Features}; }
  402.  
  403. #rabbiteye2 { margin-top: 18px; margin-left: 37px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Rabbit Features}; }
  404.  
  405. #rabbitnose { position: fixed; font-size: 6px; margin-left: 23px; margin-top: 20px; color: {color:Rabbit Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
  406.  
  407. #rabbitmouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Rabbit Features}; }
  408.  
  409. #rabbitmouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Rabbit Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
  410.  
  411. #rabbitmouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Rabbit Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
  412.  
  413. #rabbitbody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Rabbit Face}; }
  414.  
  415. #rabbitbody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Rabbit Body}; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; text-align: center; }
  416.  
  417. #rabbitbody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; color: {color:Rabbit Navigation Link}; }
  418.  
  419. /* -- NAVIGATION - BEAR -- */
  420.  
  421. #bear { position: fixed; height: 45px; width: 55px; background-color: {color:Bear Face}; border-radius: 55px; margin-left: 130px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
  422.  
  423. #bear:hover { margin-top: -57px; }
  424.  
  425. #bearear1 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: -1px; background-color: {color:Bear Face}; font-size: 15px; border-radius: 20px; }
  426.  
  427. #bearear2 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: 35px; background-color: {color:Bear Face}; font-size: 15px; border-radius: 20px; }
  428.  
  429. #beareye1 { margin-top: 18px; margin-left: 13px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Bear Features}; }
  430.  
  431. #beareye2 { margin-top: 18px; margin-left: 37px; position: fixed; width: 4px; height: 4px; border-radius: 10px; background-color: {color:Bear Features}; }
  432.  
  433. #bearnose { width: 4px; height: 4px; position: fixed; margin-left: 25px; margin-top: 23px; background-color: {color:Bear Features}; border-radius: 10px; }
  434.  
  435. #bearmouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Bear Features}; }
  436.  
  437. #bearmouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Bear Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
  438.  
  439. #bearmouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Bear Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
  440.  
  441. #bearbody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Bear Face}; }
  442.  
  443. #bearbody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Bear Body}; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;text-align: center; }
  444.  
  445. #bearbody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; color: {color:Bear Navigation Link}; }
  446.  
  447. /* -- NAVIGATION - PANDA -- */
  448.  
  449. #panda { position: fixed; height: 45px; width: 55px; background-color: {color:Panda Face}; border-radius: 55px; margin-left: 195px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
  450.  
  451. #panda:hover { margin-top: -57px; }
  452.  
  453. #pandaear1 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: -1px; background-color: {color:Panda Face}; font-size: 15px; border-radius: 20px; }
  454.  
  455. #pandaear2 { width: 20px; height: 20px; position: fixed; margin-top: -5px; margin-left: 35px; background-color: {color:Panda Face}; font-size: 15px; border-radius: 20px; }
  456.  
  457. #pandaeye1 { margin-top: 17px; margin-left: 9px; position: fixed; width: 12px; height: 8px; border-radius: 10px; background-color: {color:Panda Features}; -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -o-transform: rotate(150deg); }
  458.  
  459. #pandaeye2 { margin-top: 17px; margin-left: 33px; position: fixed; width: 12px; height: 8px; border-radius: 10px; background-color: {color:Panda Features}; -webkit-transform: rotate(210deg); -moz-transform: rotate(210deg); -o-transform: rotate(210deg); }
  460.  
  461. #pandanose { width: 4px; height: 4px; position: fixed; margin-left: 25px; margin-top: 23px; background-color: {color:Panda Features}; border-radius: 10px; }
  462.  
  463. #pandamouth1 { width: 2px; height: 3px; position: fixed; margin-left: 26px; margin-top: 27px; background-color: {color:Panda Features}; }
  464.  
  465. #pandamouth2 { width: 2px; height: 5px; position: fixed; margin-left: 24px; margin-top: 29px; background-color: {color:Panda Features}; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
  466.  
  467. #pandamouth3 { width: 2px; height: 5px; position: fixed; margin-left: 28px; margin-top: 29px; background-color: {color:Panda Features}; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); }
  468.  
  469. #pandabody { width: 41px; height: 80px; margin-top: 20px; margin-left: 7px; background-color: {color:Panda Face}; }
  470.  
  471. #pandabody2 { width: 39px; height: 21px; margin-top: -45px; margin-left: 3px; background-color: {color:Panda Body};-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; text-align: center; }
  472.  
  473. #pandabody2 a { font-family: tinytots; font-size: 8px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; color: {color:Panda Navigation Link}; }
  474.  
  475. /* ENTRIES */
  476.  
  477. #container1 {
  478. position: fixed;
  479. width: 470px;
  480. height: 500px;
  481. overflow: hidden;
  482. overflow: auto;
  483. margin-left: 330px;
  484. background-color: {color:Entries Column BG};
  485. background-image: url('{image:Entries Column BG}');
  486. border-left: 2px dotted {color:Entries Column Border};
  487. }
  488.  
  489. #entriesbg {
  490. padding: 10px;
  491. }
  492.  
  493. .entry {
  494. font-family: {font:Entries};
  495. position: relative;
  496. background-color: {color:Entries};
  497. box-shadow: 0px 0px 0px 10px {color:Entries};
  498. border: 2px dotted {color:Entries Border};
  499. color: {color:Entries Text};
  500. width: 400px;
  501. padding: 10px;
  502. font-size: {text:Entries Text Size}px;
  503. line-height: 20px;
  504. text-align: justify;
  505. margin-bottom: 30px;
  506. left: 10px;
  507. top: 10px;
  508. word-wrap: break-word;
  509. }
  510.  
  511. .entry img {
  512. max-width: 100%;
  513. }
  514.  
  515. #entrytitle {
  516. font-family: Oranienbaum;
  517. font-size: 16px;
  518. text-align: center;
  519. letter-spacing: 1px;
  520. padding: 3px;
  521. color: {color:Entries Title Text};
  522. background-color: {color:Entries Title BG};
  523. border: 1px solid {color:Entries Title Border};
  524. box-shadow: 0px 0px 0px 4px {color:Entries Title BG};
  525. border-radius: 20px;
  526. margin-bottom: 10px;
  527. }
  528.  
  529. #entrytitle1 {
  530. font-family: Oranienbaum;
  531. font-size: 16px;
  532. text-align: center;
  533. letter-spacing: 1px;
  534. padding: 3px;
  535. background-color: {color:Entries Link Title BG};
  536. border: 1px solid {color:Entries Link Title Border};
  537. box-shadow: 0px 0px 0px 4px {color:Entries Link Title BG};
  538. border-radius: 20px;
  539. margin-bottom: 10px;
  540. }
  541.  
  542. #entrytitle1 a {
  543. color: {color:Entries Link Title Text};
  544. text-decoration: none;
  545. }
  546.  
  547. #entrytitle1 a:hover {
  548. color: {color:Entries Link Title Text Hover};
  549. }
  550.  
  551. blockquote {
  552. border-left: 5px solid {color:Blockquote Border};
  553. color: {color:Blockquote Text};
  554. padding: 0px 5px 0px 5px;
  555. }
  556.  
  557. /* PERMALINK */
  558.  
  559. #permalink {
  560. padding: 5px;
  561. font-family: {font:Permalink};
  562. text-transform: uppercase;
  563. font-size: {text:Permalink Text Size}px;
  564. letter-spacing: 1px;
  565. text-align: center;
  566. line-height: 16px;
  567. color: {color:Permalink Text};
  568. background-color: {color:Permalink BG};
  569. border-radius: 60px;
  570. margin-top: 10px;
  571. background-image: url('{image:Permalink BG}');
  572. }
  573.  
  574. #permalink a {
  575. color: {color:Permalink Links};
  576. }
  577.  
  578. #permalink a:hover {
  579. color: {color:Permalink Links Hover};
  580. }
  581.  
  582. span.time {
  583. padding: 2px;
  584. background-color: {color:Time Text Highlight};
  585. }
  586.  
  587. span.notes {
  588. padding: 2px;
  589. background-color: {color:Notes Text Highlight};
  590. }
  591.  
  592. span.tags {
  593. padding: 2px;
  594. background-color: {color:Tags Text Highlight};
  595. }
  596.  
  597. span.source {
  598. padding: 2px;
  599. background-color: {color:Source Text Highlight};
  600. }
  601.  
  602. ol.notes {
  603. margin-top: 20px;
  604. margin-left: -25px;
  605. padding-bottom: 5px;
  606. font-size: 9px;
  607. text-align: left;
  608. list-style-type: none;
  609. letter-spacing: 1px;
  610. max-height: 250px;
  611. overflow: auto;
  612. }
  613.  
  614. ol.notes img {
  615. margin-right: 5px;
  616. }
  617.  
  618. /* PAGINATION */
  619.  
  620. #pagination {
  621. {block:PermalinkPage}bottom: -35px;{/block:PermalinkPage}
  622. position: absolute;
  623. z-index: 9999;
  624. font-family: helvetica neue;
  625. font-size: 10px;
  626. padding: 2px;
  627. text-align: center;
  628. margin-top: 10px;
  629. margin-bottom: 30px;
  630. width: 450px;
  631. }
  632.  
  633. #pagination a {
  634. display: inline-block;
  635. font-size: 10px;
  636. padding: 3px 5px 3px 5px;
  637. margin: 2px;
  638. margin-bottom: 10px;
  639. background-color: {color:Pagination Link BG};
  640. text-align: center;
  641. color: {color:Pagination Link Text};
  642. }
  643.  
  644. span.pagination {
  645. padding: 3px 5px 3px 5px;
  646. background-color: {color:Pagination Current Page BG};
  647. color: {color:Pagination Current Page Text};
  648. }
  649.  
  650. /* CHAT */
  651.  
  652. #label {
  653. background-color: {color:Chat Label BG};
  654. color: {color:Chat Label Text};
  655. padding: 3px;
  656. min-width: 80px;
  657. }
  658.  
  659. #line {
  660. background-color: {color:Chat Line BG};
  661. color: {color:Chat Line Text};
  662. padding: 3px;
  663. min-width: 300px;
  664. }
  665.  
  666. /* QUOTE */
  667.  
  668. #quote {
  669. font-family: Oranienbaum;
  670. font-size: 16px;
  671. letter-spacing: 1px;
  672. padding: 10px 12px 10px 12px;
  673. }
  674.  
  675. /* AUDIO */
  676.  
  677. #audio img {
  678. width: 80px;
  679. float: left;
  680. padding: 5px;
  681. background-color: {color:Entries};
  682. border: 2px solid {color:Entries Border};
  683. margin: 0px 10px 5px 0px;
  684. }
  685.  
  686. #player {
  687. position: absolute;
  688. width: 28px;
  689. height: 28px;
  690. overflow: hidden;
  691. margin: 34px 0px 0px 34px;
  692. opacity: 0.6;
  693. -webkit-transition: all 0.5s ease-in-out;
  694. -moz-transition: all 0.5s ease-in-out;
  695. -o-transition: all 0.5s ease-in-out;
  696. -ms-transition: all 0.5s ease-in-out;
  697. transition: all 0.5s ease-in-out;
  698. }
  699.  
  700. #player:hover {
  701. opacity: 1;
  702. }
  703.  
  704. /* ASK */
  705.  
  706. #portrait img {
  707. float: left;
  708. border-radius: 20px;
  709. }
  710.  
  711. #ask {
  712. background-color: {color:Ask Background};
  713. background-image: url('{image:Ask Background}');
  714. margin-left: 45px;
  715. padding: 10px;
  716. color: {color:Ask Text};
  717. border-radius: 20px;
  718. }
  719.  
  720. span.ask {
  721. padding: 3px;
  722. margin: 3px;
  723. background-color: {color:Asker Highlight};
  724. color: {color:Asker Text};
  725. }
  726.  
  727. #ask a {
  728. color: {color:Asker Text};
  729. }
  730.  
  731. /* PHOTO HOVER */
  732.  
  733. {block:IfImageFade}.photo {
  734. opacity: .7;
  735. -webkit-transition: all 0.5s ease-in-out;
  736. -moz-transition: all 0.5s ease-in-out;
  737. -o-transition: all 0.5s ease-in-out;
  738. -ms-transition: all 0.5s ease-in-out;
  739. transition: all 0.5s ease-in-out;
  740. }
  741.  
  742. .photo:hover {
  743. opacity: 1;
  744. }
  745.  
  746. .entry img {
  747. opacity: .7;
  748. -webkit-transition: all 0.5s ease-in-out;
  749. -moz-transition: all 0.5s ease-in-out;
  750. -o-transition: all 0.5s ease-in-out;
  751. -ms-transition: all 0.5s ease-in-out;
  752. transition: all 0.5s ease-in-out;
  753. }
  754.  
  755. .entry img:hover {
  756. opacity: 1;
  757. }{/block:IfImageFade}
  758.  
  759. /* MUSIC PLAYER */
  760.  
  761. #musicplayer {
  762. position: fixed;
  763. width: 28px;
  764. height: 55px;
  765. margin-left: 3px;
  766. overflow: hidden;
  767. background-color: {color:Music Player BG};
  768. margin-top: -25px;
  769. border-top-left-radius: 20px;
  770. border-top-right-radius: 20px;
  771. -webkit-transition: all 0.5s ease-in-out;
  772. -moz-transition: all 0.5s ease-in-out;
  773. -o-transition: all 0.5s ease-in-out;
  774. -ms-transition: all 0.5s ease-in-out;
  775. transition: all 0.5s ease-in-out;
  776. border: 1px solid {color:Music Player Border};
  777. box-shadow: 0px 0px 0px 3px {color:Music Player BG};
  778. }
  779.  
  780. #musicplayer img {
  781. margin: 8px 0px 0px 7px;
  782. }
  783.  
  784. #musicplayer:hover {
  785. margin-top: -55px;
  786. }
  787.  
  788. /* TUMBLR STUFF */
  789.  
  790. iframe#tumblr_controls {
  791. right: 3px !important;
  792. position: fixed !important;
  793. opacity: 0.2;
  794. {block:IfInvertedTumblrIcons}white-space: nowrap;
  795. -webkit-filter: invert(100%);
  796. -moz-filter: invert(100%);
  797. -o-filter: invert(100%);
  798. -ms-filter: invert(100%);
  799. filter: invert(100%);{/block:IfInvertedTumblrIcons}
  800. -webkit-transition: opacity 0.7s linear;
  801. -webkit-transition: all 0.5s ease-in-out;
  802. -moz-transition: all 0.5s ease-in-out;
  803. -o-transition: all 0.5s ease-in-out;
  804. transition: all 0.5s ease-in-out;
  805. }
  806.  
  807. iframe#tumblr_controls:hover {
  808. opacity: 0.7;
  809. }
  810.  
  811. #credit {
  812. position: fixed;
  813. bottom: 8px;
  814. left: 8px;
  815. font-size: 10px;
  816. }
  817.  
  818. #credit a {
  819. color: #aaa;
  820. text-shadow: 1px 1px 1px #fff;
  821. }
  822.  
  823. </style>
  824.  
  825. </head><body>
  826.  
  827.  
  828. <div id="container">
  829. <div id="sidebar">
  830.  
  831. {block:IfMusicPlayerCode}
  832. <div id="musicplayer"><img src="{image:Music Player Image}">
  833. <div style="margin-left: -15px">
  834. {text:Music Player Code}
  835. </div></div>
  836. {/block:IfMusicPlayerCode}
  837.  
  838. {block:IfShowAnimals}
  839. <div id="animals">
  840. <div id="cat">
  841. <div id="catear1">◢</div><div id="catear2">◢</div>
  842. <div id="cateye1"></div><div id="cateye2"></div>
  843. <div id="catnose">◢</div>
  844. <div id="catmouth1"></div><div id="catmouth2"></div><div id="catmouth3"></div>
  845. <div id="catwhisker1"></div><div id="catwhisker2"></div><div id="catwhisker3"></div><div id="catwhisker4"></div>
  846. <div id="catbody"></div><div id="catbody2"><a href="/">home</a></div>
  847. </div>
  848.  
  849. <div id="rabbit">
  850. <div id="rabbitear1"></div><div id="rabbitear2"></div>
  851. <div id="rabbiteye1"></div><div id="rabbiteye2"></div>
  852. <div id="rabbitnose">◢</div>
  853. <div id="rabbitmouth1"></div><div id="rabbitmouth2"></div><div id="rabbitmouth3"></div>
  854. <div id="rabbitbody"></div><div id="rabbitbody2"><a href="/ask">message</a></div>
  855. </div>
  856.  
  857. <div id="bear">
  858. <div id="bearear1"></div><div id="bearear2"></div>
  859. <div id="beareye1"></div><div id="beareye2"></div>
  860. <div id="bearnose"></div>
  861. <div id="bearmouth1"></div><div id="bearmouth2"></div><div id="bearmouth3"></div>
  862. <div id="bearbody"></div><div id="bearbody2"><a href="/archive">archive</a></div>
  863. </div>
  864.  
  865. <div id="panda">
  866. <div id="pandaear1"></div><div id="pandaear2"></div>
  867. <div id="pandaeye1"></div><div id="pandaeye2"></div>
  868. <div id="pandanose"></div>
  869. <div id="pandamouth1"></div><div id="pandamouth2"></div><div id="pandamouth3"></div>
  870. <div id="pandabody"></div><div id="pandabody2"><a href="http://www.cocorini.com">theme</a></div>
  871. </div>
  872. </div>
  873. {/block:IfShowAnimals}
  874.  
  875. <div id="sidebarbg">
  876. <div id="titlebg"><div id="title"><a href="/">{Title}</a><div id="subtitle">{text:Subtitle}</div></div>
  877. {block:IfNotShowAnimals}
  878. <div id="navi"><a href="/">home</a>
  879. <a href="/ask">message</a>
  880. <a href="/archive">archive</a>
  881. <a href="http://www.cocorini.com/" target="_blank">theme</a>
  882. </div>{/block:IfNotShowAnimals}
  883. </div>
  884. <div id="sidebarplace">
  885. <div id="sidebarimg"><img src="{image:Sidebar Image}"></div>
  886. <div id="description">{Description}</div></div>
  887.  
  888. {block:IfCustomLink1}<div id="sidebarbottom">
  889. <select onChange="location.href=this.options[this.selectedIndex].value;">
  890. <option value="/">{text:Custom Links Title} &rarr;</option>
  891.  
  892. <option value="{block:ifCustomLink1URL}{text:Custom Link 1 URL}{/block:ifCustomLink1URL}">{text:Custom Link 1}</option>{/block:IfCustomLink1}
  893.  
  894. {block:IfCustomLink2}<option value="{block:ifCustomLink2URL}{text:Custom Link 2 URL}{/block:ifCustomLink2URL}">{text:Custom Link 2}</option>{/block:IfCustomLink2}
  895.  
  896. {block:IfCustomLink3}<option value="{block:ifCustomLink3URL}{text:Custom Link 3 URL}{/block:ifCustomLink3URL}">{text:Custom Link 3}</option>{/block:IfCustomLink3}
  897.  
  898. {block:IfCustomLink4}<option value="{block:ifCustomLink4URL}{text:Custom Link 4 URL}{/block:ifCustomLink4URL}">{text:Custom Link 4}</option>{/block:IfCustomLink4}
  899.  
  900. {block:IfCustomLink5}<option value="{block:ifCustomLink5URL}{text:Custom Link 5 URL}{/block:ifCustomLink5URL}">{text:Custom Link 5}</option>{/block:IfCustomLink5}
  901.  
  902. {block:IfCustomLink6}<option value="{block:ifCustomLink6URL}{text:Custom Link 6 URL}{/block:ifCustomLink6URL}">{text:Custom Link 6}</option>{/block:IfCustomLink6}
  903.  
  904. {block:IfCustomLink7}<option value="{block:ifCustomLink7URL}{text:Custom Link 7 URL}{/block:ifCustomLink7URL}">{text:Custom Link 7}</option>{/block:IfCustomLink7}
  905.  
  906. {block:IfCustomLink8}<option value="{block:ifCustomLink8URL}{text:Custom Link 8 URL}{/block:ifCustomLink8URL}">{text:Custom Link 8}</option>{/block:IfCustomLink8}
  907.  
  908. {block:IfCustomLink9}<option value="{block:ifCustomLink9URL}{text:Custom Link 9 URL}{/block:ifCustomLink9URL}">{text:Custom Link 9}</option>{/block:IfCustomLink9}
  909.  
  910. {block:IfCustomLink10}<option value="{block:ifCustomLink10URL}{text:Custom Link 10 URL}{/block:ifCustomLink10URL}">{text:Custom Link 10}</option>{/block:IfCustomLink10}
  911. </select>
  912.  
  913. </div></div></div>
  914.  
  915. <div id="container1">
  916. <div id="entriesbg">
  917.  
  918. {block:Posts}
  919. <div class="entry">
  920.  
  921. {block:Text}
  922. {block:Title}<div id="entrytitle">{Title}</div>{/block:Title}
  923. {Body}
  924. {/block:Text}
  925.  
  926. {block:Photo}
  927. {LinkOpenTag}<img src="{PhotoURL-highres}" width="400px" alt="{PhotoAlt}">{LinkCloseTag}
  928. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  929. {/block:Photo}
  930.  
  931. {block:Photoset}
  932. <div class="photo">{Photoset-400}</div>
  933. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  934. {/block:Photoset}
  935.  
  936. {block:Audio}
  937. {block:AlbumArt}<div id="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  938. <div id="player">{AudioPlayerGrey}</div>
  939. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist} {block:Album}<br /><b>Album:</b> {Album}{/block:Album} {block:TrackName}<br /><b>Track:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}
  940. <br><br>
  941. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  942. {/block:Audio}
  943.  
  944. {block:Video}
  945. {Video-400}
  946. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  947. {/block:Video}
  948.  
  949. {block:Quote}
  950. <div id="quote">{Quote}</div>
  951. <div style="text-align: right; font-size: 9px; font-style: italic; padding-top: 3px;">—{Source}</div>
  952. {/block:Quote}
  953.  
  954. {block:Link}
  955. <div id="entrytitle1"><t><a href="{URL}" {Target}>{Name}</a></t></div>
  956. {Description}
  957. {/block:Link}
  958.  
  959. {block:Chat}
  960. {block:Title}{Title}{/block:Title}
  961. <table>
  962. {block:Lines}<tr><td>{block:Label}<div id="label">{Label}</div>{/block:Label}</td> <td><div id="line">{Line}</div></td></tr>{/block:Lines}
  963. </table>
  964. {/block:Chat}
  965.  
  966. {block:Answer}
  967. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  968. <div id="ask"><span class="ask">{Asker}</span> {Question}</div>
  969. {Answer}
  970. {/block:Answer}
  971.  
  972. {block:IndexPage}
  973. <div id="permalink">
  974. {block:Date}<span class="time"><img src="http://media.tumblr.com/tumblr_m2l4z2LGF51r92csh.gif"> <a href="{permalink}">{TimeAgo}</a></span>{/block:Date} {block:NoteCount}<span class="notes"><img src="http://media.tumblr.com/tumblr_m2n9rxQdgx1rnjuep.png"> <a href="{permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
  975. {block:IfShowLikeReblog}<div style="position: absolute; margin-left: 351px; margin-top: -15px;">{LikeButton size="13"}</div>
  976. <div style="position: absolute; margin-left: 370px; margin-top: -15px;">{ReblogButton size="13"}</div>{/block:IfShowLikeReblog}
  977. {block:IfShowTags}{block:HasTags}<br>{block:Tags}<span class="tags"><a href="{TagURL}"><img src="http://media.tumblr.com/tumblr_m2n9rtOtpC1rnjuep.png"> {Tag}</a></span> {/block:Tags}{block:HasTags}{/block:IfShowTags}
  978. </div>
  979. {/block:IndexPage}
  980.  
  981. {block:PermalinkPage}
  982. {block:IfNotShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotShowCaptions}
  983. {block:Date}<div id="permalink"><span class="time"><img src="http://media.tumblr.com/tumblr_m2l4z2LGF51r92csh.gif"> <a href="{permalink}">{12Hour}:{Minutes}{AmPm} {ShortDayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}</a></span>{/block:Date} {block:NoteCount}<span class="notes"><img src="http://media.tumblr.com/tumblr_m2n9rxQdgx1rnjuep.png"> <a href="{permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}
  984. {block:RebloggedFrom}<br><span class="source">source: <a href="{ReblogRootURL}">{ReblogRootName}</a></span> <span class="source">via: <a href="{ReblogParentURL}">{ReblogParentName}</a></span>{/block:RebloggedFrom}
  985. {block:IfShowTags}{block:HasTags}<br>{block:Tags}<span class="tags"><a href="{TagURL}"><img src="http://media.tumblr.com/tumblr_m2n9rtOtpC1rnjuep.png"> {Tag}</a></span> {/block:Tags}{block:HasTags}{/block:IfShowTags}
  986. </div>
  987. {block:PostNotes}{PostNotes}{/block:PostNotes}
  988.  
  989. <div id="pagination"></div>
  990. {/block:PermalinkPage}
  991. </div>
  992.  
  993. {/block:Posts}
  994.  
  995. {block:Pagination}
  996. <div id="pagination">
  997. {block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}
  998. {block:JumpPagination length="5"}
  999. {block:CurrentPage}&nbsp;<span class="current_page"><span class="pagination">{PageNumber}</span></span>&nbsp;{/block:CurrentPage}
  1000. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1001. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  1002. </div>
  1003. {/block:Pagination}
  1004.  
  1005. </div><div></div></div>
  1006.  
  1007. <div id="credit"><a href="http://www.cocorini.com" target="_blank">☂</a></div>
  1008.  
  1009.  
  1010. </body>
  1011. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement