API tools faq
paste
Advertisement
Jean

lavender 01

Jean
Feb 2nd, 2014
4,907
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  4. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  5. <link rel="shortcut icon" href="{Favicon}"/>
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  7.  
  8. <!--
  9. _________________________
  10. | |
  11. | hello hacker fucker |
  12. | this is matt furniss |
  13. | heres the deal. |
  14. | if you hack this game |
  15. | i will find you |
  16. | where ever you are |
  17. | and break your legs |
  18. | and thats a promise |
  19. |_________________________|
  20.  
  21. lavender redux edit by jean @ hazuknagisa.tumblr.com
  22.  
  23. this is my first theme ever so it's sure to have bugs. if you need help please just send me an ask and i'll try to fix your problem.
  24.  
  25. feel free to edit the code as much as you want! just please don't remove the credit, i put a lot of time into this.
  26.  
  27. original redux theme by jacob @ jacobbijani.com
  28. inconsolata by raph levien @ levien.com
  29. infinite scrolling script by cody sherman @ codysherman.com
  30. tooltip script by manos malihutsakis @ manos.malihu.gr
  31.  
  32. -->
  33.  
  34. <!-- OPTIONS -->
  35. <!-- COLORS -->
  36. <meta name="color:ask background" content="#ff85be"/>
  37. <meta name="color:ask text" content="#666"/>
  38. <meta name="color:background" content="#fff7fc"/>
  39. <meta name="color:borders" content="#ffd2e7"/>
  40. <meta name="color:description text" content="#666"/>
  41. <meta name="color:footer background" content="#fff"/>
  42. <meta name="color:footer background hover" content="#fff"/>
  43. <meta name="color:links" content="#ff85be"/>
  44. <meta name="color:links hover" content="#ffd2e7"/>
  45. <meta name="color:link post link background" content="#ff85be"/>
  46. <meta name="color:link post link background hover" content="#ffeef6"/>
  47. <meta name="color:link post link text" content="#ffeef6"/>
  48. <meta name="color:link post link text hover" content="#ff85be"/>
  49. <meta name="color:post background" content="#ffeef6"/>
  50. <meta name="color:quote post quote text" content="#000"/>
  51. <meta name="color:scrollbar" content="#ff85be"/>
  52. <meta name="color:selection background" content ="#ffd2e7"/>
  53. <meta name="color:selection text" content="#ff85be"/>
  54. <meta name="color:shadows" content="#ffd2e7"/>
  55. <meta name="color:sidebar background" content="#ffeef6"/>
  56. <meta name="color:sidebar links" content="#ff85be"/>
  57. <meta name="color:sidebar links hover" content="#ffd2e7"/>
  58. <meta name="color:text" content="#666"/>
  59. <meta name="color:title color" content="#ff85be"/>
  60. <meta name="color:title color hover" content="#ffd2e7"/>
  61. <meta name="color:tooltip background" content="#fff"/>
  62. <meta name="color:tooltip text" content="#ff85be"/>
  63.  
  64. <!-- DROPDOWNS -->
  65. <meta name="select:border style" content="none" title="none">
  66. <meta name="select:border style" content="solid" title="solid">
  67. <meta name="select:border style" content="dotted" title"dotted">
  68. <meta name="select:border style" content="dashed" title="dashed">
  69. <meta name="select:font" content="arial, sans-serif" title="Arial">
  70. <meta name="select:font" content="arial black, sans-serif" title="Arial Black">
  71. <meta name="select:font" content="calibri, sans-serif" title="Calibri">
  72. <meta name="select:font" content="comic sans ms, cursive" title="Comic Sans MS">
  73. <meta name="select:font" content="courier new, monospace" title="Courier New">
  74. <meta name="select:font" content="georgia, serif" title="Georgia">
  75. <meta name="select:font" content="impact, sans-serif" title="Impact">
  76. <meta name="select:font" content="inconsolata, monospace" title="Inconsolata">
  77. <meta name="select:font" content="lucida console, monospace" title="Lucida Console">
  78. <meta name="select:font" content="lucida sans unicode, sans-serif" title="Lucida Sans Unicode">
  79. <meta name="select:font" content="palatino linotype, serif" title="Palatino Linotype">
  80. <meta name="select:font" content="tahoma, sans-serif" title="Tahoma">
  81. <meta name="select:font" content="times new roman, serif" title="Times New Roman">
  82. <meta name="select:font" content="trebuchet ms, sans-serif" title="Trebuchet MS">
  83. <meta name="select:font" content="verdana, sans-serif" title="Verdana">
  84.  
  85. <!-- BOOLEANS -->
  86. <meta name="if:250px" content="0"/>
  87. <meta name="if:400px" content="1"/>
  88. <meta name="if:500px" content="0"/>
  89. <meta name="if:background cover" content="0"/>
  90. <meta name="if:footer hover" content="0"/>
  91. <meta name="if:infinite scroll" content="0"/>
  92. <meta name="if:jump pagination" content="1"/>
  93. <meta name="if:link 1" content="1"/>
  94. <meta name="if:link 2" content="1"/>
  95. <meta name="if:link 3" content="1"/>
  96. <meta name="if:link 4" content="0"/>
  97. <meta name="if:link 5" content="0"/>
  98. <meta name="if:link 6" content="0"/>
  99. <meta name="if:link underline" content="1"/>
  100. <meta name="if:link underline appears on hover" content="0"/>
  101. <meta name="if:link underline disappears on hover" content="0"/>
  102. <meta name="if:post borders" content="1"/>
  103. <meta name="if:rounded corners" content="1"/>
  104. <meta name="if:rounded corners appear on hover" content="0"/>
  105. <meta name="if:rounded corners disappear on hover" content="0"/>
  106. <meta name="if:semi transparent footers" content="1"/>
  107. <meta name="if:semi transparent posts" content="0"/>
  108. <meta name="if:semi transparent sidebar" content="0"/>
  109. <meta name="if:semi transparent tooltips" content="0"/>
  110. <meta name="if:shadows" content="1"/>
  111. <meta name="if:shadows appear on hover" content="1"/>
  112. <meta name="if:shadows disappear on hover" content="0"/>
  113. <meta name="if:show album art" content="1"/>
  114. <meta name="if:show captions" content="1"/>
  115. <meta name="if:show tags" content="1"/>
  116. <meta name="if:sidebar borders" content="1"/>
  117. <meta name="if:sidebar links appear on hover" content="0"/>
  118. <meta name="if:small cursor" content="1"/>
  119. <meta name="if:white audio player" content="0"/>
  120. <meta name="if:white footers" content="0"/>
  121. <meta name="if:white posts" content="0"/>
  122. <meta name="if:white sidebar" content="0"/>
  123. <meta name="if:white tooltips" content="0"/>
  124.  
  125. <!-- FORMS -->
  126. <meta name="text:audio player opacity" content="1"/>
  127. <meta name="text:footer opacity" content="0"/>
  128. <meta name="text:home symbol" content="01."/>
  129. <meta name="text:home title" content="home"/>
  130. <meta name="text:ask symbol" content="02."/>
  131. <meta name="text:ask title" content="ask"/>
  132. <meta name="text:archive symbol" content="03."/>
  133. <meta name="text:archive title" content="archive"/>
  134. <meta name="text:link 1 symbol" content="04."/>
  135. <meta name="text:link 1 url" content="/link1"/>
  136. <meta name="text:link 1 title" content="link 1"/>
  137. <meta name="text:link 2 symbol" content="05."/>
  138. <meta name="text:link 2 url" content="/link2"/>
  139. <meta name="text:link 2 title" content="link 2"/>
  140. <meta name="text:link 3 symbol" content="06."/>
  141. <meta name="text:link 3 url" content="/link3"/>
  142. <meta name="text:link 3 title" content="link 3"/>
  143. <meta name="text:link 4 symbol" content="07."/>
  144. <meta name="text:link 4 url" content="/link4"/>
  145. <meta name="text:link 4 title" content="link 4"/>
  146. <meta name="text:link 5 symbol" content="08."/>
  147. <meta name="text:link 5 url" content="/link5"/>
  148. <meta name="text:link 5 title" content="link 5"/>
  149. <meta name="text:link 6 symbol" content="09."/>
  150. <meta name="text:link 6 url" content="/link6"/>
  151. <meta name="text:link 6 title" content="link 6"/>
  152. <meta name="text:post opacity" content="0.7"/>
  153. <meta name="text:posts left" content="420px"/>
  154. <meta name="text:render bottom" content="50px"/>
  155. <meta name="text:render left" content="50px"/>
  156. <meta name="text:render size" content="200px"/>
  157. <meta name="text:sidebar left" content="100px"/>
  158. <meta name="text:sidebar opacity" content="0.7"/>
  159. <meta name="text:sidebar title" content="custom title"/>
  160. <meta name="text:sidebar top" content="125px"/>
  161. <meta name="text:sidebar width" content="200px"/>
  162. <meta name="text:tooltip opacity" content="0.7"/>
  163.  
  164. <!-- IMAGES -->
  165. <meta name="image:background" content=""/>
  166. <meta name="image:sidebar" content=""/>
  167. <meta name="image:render" content""/>
  168. <!-- OPTIONS END -->
  169.  
  170. <!-- FONTS -->
  171. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  172. <!-- FONTS END -->
  173.  
  174. <!-- TOOLTIPS -->
  175. <link href="http://static.tumblr.com/boe2ve6/WNEn0ddpr/style-my-tooltips.css" rel="stylesheet" type="text/css"/>
  176. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  177. <script src="http://static.tumblr.com/boe2ve6/74Sn0ddox/jquery.style-my-tooltips.js"></script>
  178. <script>
  179. (function($){
  180. $(document).ready(function(){
  181. $("[title]").style_my_tooltips({
  182. tip_follows_cursor:true,
  183. tip_delay_time:0,
  184. tip_fade_speed:0,
  185. attribute:"title"
  186. });
  187. });
  188. })(jQuery);
  189. </script>
  190. <!-- TOOLTIPS END -->
  191.  
  192. {block:ifinfinitescroll}
  193. <!-- INFINITE SCROLL -->
  194. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  195. <!-- INFINTE SCROLL END -->
  196. {/block:ifinfinitescroll}
  197.  
  198. <style type="text/css">
  199.  
  200. body {
  201. background:{color:background} url('{image:background}') top left fixed repeat;
  202. {block:ifbackgroundcover}background-size:cover;{/block:ifbackgroundcover}
  203. font-family:{select:font};
  204. font-size:16px;
  205. line-height:130%;
  206. word-break:break-word;
  207. {block:ifsmallcursor}
  208. cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif'), progress;
  209. {/block:ifsmallcursor}
  210. }
  211.  
  212. a, a:active, a:visited {
  213. color:{color:links};
  214. {block:iflinkunderline}
  215. text-decoration:underline;
  216. {/block:iflinkunderline}
  217. {block:iflinkunderlinedisappearsonhover}
  218. text-decoration:underline;
  219. {/block:iflinkunderlinedisappearsonhover}
  220. {block:iflinkunderlineappearsonhover}
  221. text-decoration:none;
  222. {/block:iflinkunderlineappearsonhover}
  223. {block:ifnotlinkunderline}
  224. text-decoration:none;
  225. {/block:ifnotlinkunderline}
  226. {block:ifsmallcursor}
  227. cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), progress;
  228. {/block:ifsmallcursor}
  229. -webkit-transition:all 0.2s ease-in-out;
  230. -moz-transition:all 0.2s ease-in-out;
  231. -o-transition:all 0.2s ease-in-out;
  232. transition:all 0.2s ease-in-out;
  233. }
  234.  
  235. a:hover {
  236. color:{color:links hover};
  237. {block:iflinkunderline}
  238. text-decoration:underline;
  239. {/block:iflinkunderline}
  240. {block:iflinkunderlinedisappearsonhover}
  241. text-decoration:none;
  242. {/block:iflinkunderlinedisappearsonhover}
  243. {block:iflinkunderlineappearsonhover}
  244. text-decoration:underline;
  245. {/block:iflinkunderlineappearsonhover}
  246. {block:ifnotlinkunderline}
  247. text-decoration:none;
  248. {/block:ifnotlinkunderline}
  249. {block:ifsmallcursor}
  250. cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), progress;
  251. {/block:ifsmallcursor}
  252. }
  253.  
  254. blockquote {
  255. margin:10px 0 10px 10px;
  256. padding-left:15px;
  257. border-left:solid 1px {color:text};
  258. }
  259.  
  260. pre {
  261. background:transparent;
  262. overflow:auto;
  263. }
  264.  
  265. h1 {
  266. margin:0;
  267. line-height:130%;
  268. padding:0;
  269. }
  270.  
  271. h2 {
  272. margin:0;
  273. line-height:130%;
  274. padding:0;
  275. }
  276.  
  277. h3 {
  278. margin:0;
  279. line-height:130%;
  280. padding:0;
  281. }
  282.  
  283. h4 {
  284. margin:0;
  285. line-height:130%;
  286. padding:0;
  287. }
  288.  
  289. h5 {
  290. margin:0;
  291. line-height:130%;
  292. padding:0;
  293. }
  294.  
  295. h6 {
  296. margin:0;
  297. line-height:130%;
  298. padding:0;
  299. }
  300.  
  301. img {
  302. max-width:100%;
  303. }
  304.  
  305. #s-m-t-tooltip {
  306. margin:10px 10px 10px 17px;
  307. max-width:300px;
  308. {block:ifnotsemitransparenttooltips}
  309. background-color:{color:tooltip background};
  310. opacity:100%;
  311. {/block:ifnotsemitransparenttooltips}
  312. {block:ifsemitransparenttooltips}
  313. {block:ifwhitetooltips}
  314. background:rgba(255,255,255,{text:tooltip opacity});
  315. {/block:ifwhitetooltips}
  316. {block:ifnotwhitetooltips}
  317. background:rgba(0,0,0,{text:tooltip opacity});
  318. {/block:ifnotwhitetooltips}
  319. {/block:ifsemitransparenttooltips}
  320. color:{color:tooltip text};
  321. font-family:{select:font};
  322. font-size:14px;
  323. line-height:130%;
  324. border:1px solid {color:tooltip text};
  325. border-radius:0;
  326. -moz-border-radius:0;
  327. -webkit-border-radius:0;
  328. -moz-box-shadow:0 0 0 #000;
  329. -webkit-box-shadow:0 0 0 #000;
  330. box-shadow:0 0 0 #000;
  331. padding:6px;
  332. z-index:999999999;
  333. }
  334.  
  335. ::-webkit-scrollbar {
  336. width:7px;
  337. height:7px;
  338. background:{color:background};
  339. }
  340.  
  341. ::-webkit-scrollbar-thumb {
  342. background-color:{color:scrollbar};
  343. }
  344.  
  345. ::selection {
  346. background:{color:selection background};
  347. color:{color:selection text};
  348. }
  349.  
  350. ::-moz-selection {
  351. background:{color:selection background};
  352. color:{color:selection text};
  353. }
  354.  
  355. .clear {
  356. clear:both;
  357. height:0;
  358. overflow:hidden;
  359. }
  360.  
  361. #crxx {
  362. position:fixed;
  363. bottom:5px;
  364. right:5px;
  365. background:{color:tooltip background};
  366. word-break:normal;
  367. border:1px solid {color:tooltip text};
  368. padding:4px 0 4px 0;
  369. -webkit-transition:all 0.2s ease-in-out;
  370. -moz-transition:all 0.2s ease-in-out;
  371. -o-transition:all 0.2s ease-in-out;
  372. transition:all 0.2s ease-in-out;
  373. z-index:99999999;
  374. }
  375.  
  376. #crxx:hover {
  377. background:{color:tooltip text};
  378. color:{color:tooltip background};
  379. border:1px solid {color:tooltip background};
  380. }
  381.  
  382. /* POSTS */
  383. #content {
  384. margin-top:35px;
  385. margin-left:{text:posts left};
  386. {block:IndexPage}
  387. {block:if250px}width:270px;{/block:if250px}
  388. {block:if400px}width:420px;{/block:if400px}
  389. {block:if500px}width:520px;{/block:if500px}
  390. {/block:IndexPage}
  391. {block:PermalinkPage}
  392. width:520px;
  393. {/block:PermalinkPage}
  394. }
  395.  
  396. #content .post {
  397. position:relative;
  398. {block:ifnotsemitransparentposts}
  399. background:{color:post background};
  400. {/block:ifnotsemitransparentposts}
  401. {block:ifsemitransparentposts}
  402. {block:ifwhiteposts}
  403. background:rgba(255,255,255,{text:post opacity});
  404. {/block:ifwhiteposts}
  405. {block:ifnotwhiteposts}
  406. background:rgba(0,0,0,{text:post opacity});
  407. {/block:ifnotwhiteposts}
  408. {/block:ifsemitransparentposts}
  409. {block:ifpostborders}
  410. border-width:1px;
  411. border-style:{select:border style};
  412. border-color:{color:borders};
  413. {/block:ifpostborders}
  414. {block:ifshadows}
  415. box-shadow:7px 7px 0 {color:shadows};
  416. {/block:ifshadows}
  417. {block:ifshadowsappearonhover}
  418. box-shadow:none;
  419. {/block:ifshadowsappearonhover}
  420. {block:ifshadowsdisappearonhover}
  421. box-shadow:7px 7px 0 {color:shadows};
  422. {/block:ifshadowsdisappearonhover}
  423. {block:ifroundedcorners}
  424. -moz-border-radius:10px;
  425. -webkit-border-radius:10px;
  426. border-radius:10px;
  427. {/block:ifroundedcorners}
  428. {block:ifroundedcornersappearonhover}
  429. -moz-border-radius:0;
  430. -webkit-border-radius:0;
  431. border-radius:0;
  432. {/block:ifroundedcornersappearonhover}
  433. {block:ifroundedcornersdisappearonhover}
  434. -moz-border-radius:10px;
  435. -webkit-border-radius:10px;
  436. border-radius:10px;
  437. {/block:ifroundedcornersdisappearonhover}
  438. padding:10px;
  439. -webkit-transition:all 0.2s ease-in-out;
  440. -moz-transition:all 0.2s ease-in-out;
  441. -o-transition:all 0.2s ease-in-out;
  442. transition:all 0.2s ease-in-out;
  443. }
  444.  
  445. #content .post:hover {
  446. {block:ifroundedcorners}
  447. {/block:ifroundedcorners}
  448. {block:ifroundedcornersappearonhover}
  449. -moz-border-radius:10px;
  450. -webkit-border-radius:10px;
  451. border-radius:10px;
  452. {/block:ifroundedcornersappearonhover}
  453. {block:ifroundedcornersdisappearonhover}
  454. -moz-border-radius:0;
  455. -webkit-border-radius:0;
  456. border-radius:0;
  457. {/block:ifroundedcornersdisappearonhover}
  458. {block:ifshadows}
  459. box-shadow:7px 7px 0 {color:shadows};
  460. {/block:ifshadows}
  461. {block:ifshadowsappearonhover}
  462. box-shadow:7px 7px 0 {color:shadows};
  463. {/block:ifshadowsappearonhover}
  464. {block:ifshadowsdisappearonhover}
  465. box-shadow:none;
  466. {/block:ifshadowsdisappearonhover}
  467. }
  468.  
  469. #content .post .copy {
  470. color:{color:text};
  471. padding:0 10px 0 10px;
  472. }
  473.  
  474. #content .post .title {
  475. color:{color:text};
  476. font-weight:bold;
  477. padding:10px 10px 0 10px;
  478. }
  479.  
  480. #content .post .question {
  481. color:{color:ask text};
  482. font-weight:bold;
  483. background:{color:ask background};
  484. {block:ifroundedcorners}
  485. -moz-border-radius:10px;
  486. -webkit-border-radius:10px;
  487. border-radius:10px;
  488. {/block:ifroundedcorners}
  489. margin:0 0 15px 0;
  490. padding:15px 20px;
  491. position:relative;
  492. }
  493.  
  494. #content .post .asker_container {
  495. margin:0 0 20px 24px;
  496. }
  497.  
  498. #content .post .asker_container img {
  499. margin:0 12px -7px 0;
  500. }
  501.  
  502. #content .post .quote {
  503. color:{color:quote post quote text};
  504. font-weight:bold;
  505. padding:20px 20px 5px 20px;
  506. }
  507.  
  508. #content .post .quote_source {
  509. padding:0 0 15px 0;
  510. -webkit-transition:all 0.3s ease-in-out;
  511. -moz-transition:all 0.3s ease-in-out;
  512. -o-transition:all 0.3s ease-in-out;
  513. transition:all 0.3s ease-in-out;
  514. }
  515.  
  516. #content .post:hover .quote_source {
  517. }
  518.  
  519. #content .post .link {
  520. margin:4px 0 2px 0;
  521. line-height:25px;
  522. }
  523.  
  524. #content .post .link a {
  525. background:{color:link post link background};
  526. color:{color:link post link text};
  527. text-decoration:none;
  528. padding:5px 7px;
  529. {block:ifroundedcorners}
  530. -moz-border-radius:10px;
  531. -webkit-border-radius:10px;
  532. border-radius:10px;
  533. {/block:ifroundedcorners}
  534. -webkit-transition:all 0.2s ease-in-out;
  535. -moz-transition:all 0.2s ease-in-out;
  536. -o-transition:all 0.2s ease-in-out;
  537. transition:all 0.2s ease-in-out;
  538. }
  539.  
  540. #content .post .link a:hover {
  541. background:{color:link post link background hover};
  542. color:{color:link post link text hover};
  543. {block:ifroundedcorners}
  544. -moz-border-radius:10px;
  545. -webkit-border-radius:10px;
  546. border-radius:10px;
  547. {/block:ifroundedcorners}
  548. }
  549.  
  550. #content .post .chat .lines {
  551. margin-left:1px;
  552. }
  553.  
  554. #content .post .chat .lines .line {
  555. background:{color:link post link background};
  556. color:{color:link post link text};
  557. margin-bottom:1px;
  558. padding:3px 5px;
  559. }
  560.  
  561. #content .post .chat .lines .line.even {
  562. background:{color:link post link background hover};
  563. color:{color:link post link text hover};
  564. }
  565.  
  566. .tumblr_audio_player {
  567. margin-top:-5px;
  568. {block:IndexPage}
  569. {block:if250px}
  570. width:248px;
  571. {/block:if250px}
  572. {block:if400px}
  573. width:398px;
  574. {/block:if400px}
  575. {block:if500px}
  576. width:498px;
  577. {/block:if500px}
  578. {/block:IndexPage}
  579. {block:PermalinkPage}
  580. width:500px;
  581. {/block:PermalinkPage}
  582. height:85px;
  583. opacity:{text:audio player opacity};
  584. }
  585.  
  586. /* FOOTERS */
  587. #content .post .footer {
  588. {block:ifnotsemitransparentfooters}
  589. background:{color:footer background};
  590. {/block:ifnotsemitransparentfooters}
  591. {block:ifsemitransparentfooters}
  592. {block:ifwhitefooters}
  593. background:rgba(255,255,255,{text:footer opacity});
  594. {/block:ifwhitefooters}
  595. {block:ifnotwhitefooters}
  596. background:rgba(0,0,0,{text:footer opacity});
  597. {/block:ifnotwhitefooters}
  598. {/block:ifsemitransparentfooters}
  599. -moz-border-radius:0;
  600. -webkit-border-radius:0;
  601. border-radius:0;
  602. color:{color:text};
  603. text-align:center;
  604. padding:5px 10px 10px 10px;
  605. {block:iffooterhover}
  606. margin-top:-50px;
  607. background:rgba(255,255,255,0);
  608. opacity:0;
  609. {/block:iffooterhover}
  610. {block:ifnotfooterhover}
  611. margin-top:0;
  612. {/block:ifnotfooterhover}
  613. -webkit-transition:all 0.3s ease-in-out;
  614. -moz-transition:all 0.3s ease-in-out;
  615. -o-transition:all 0.3s ease-in-out;
  616. transition:all 0.3s ease-in-out;
  617. }
  618.  
  619. #content .post .footer:hover {
  620. {block:ifnotsemitransparentfooters}
  621. background:{color:footer background hover};
  622. {/block:ifnotsemitransparentfooters}
  623. }
  624.  
  625. #content .post .footer a:hover {
  626. color:{color:links hover};
  627. }
  628.  
  629. #content .post:hover .footer {
  630. {block:iffooterhover}
  631. margin-top:0;
  632. opacity:1;
  633. {block:ifnotsemitransparentfooters}
  634. background:{color:footer background};
  635. {/block:ifnotsemitransparentfooters}
  636. {block:ifsemitransparentfooters}
  637. {block:ifwhitefooters}
  638. background:rgba(255,255,255,{text:footer opacity});
  639. {/block:ifwhitefooters}
  640. {block:ifnotwhitefooters}
  641. background:rgba(0,0,0,{text:footer opacity});
  642. {/block:ifnotwhitefooters}
  643. {/block:ifsemitransparentfooters}
  644. {/block:iffooterhover}
  645. }
  646.  
  647. #content .post:hover .footer:hover {
  648. {block:ifnotsemitransparentfooters}
  649. background:{color:footer background hover};
  650. {/block:ifnotsemitransparentfooters}
  651. }
  652.  
  653. #content .post:hover .footer a:hover {
  654. color:{color:links hover};
  655. }
  656.  
  657. #content .post .footer.with_source_url .tags {
  658. max-width:330px;
  659. float:left;
  660. }
  661.  
  662. #content .post .footer.with_source_url .source_url {
  663. float:right;
  664. max-width:160px;
  665. overflow:hidden;
  666. white-space:nowrap;
  667. }
  668.  
  669. #content .post .footer.with_source_url .source_url img {
  670. vertical-align:top;
  671. -moz-opacity:0.5;
  672. opacity:0.5;
  673. }
  674.  
  675. #content .bottom {
  676. width:513px;
  677. height:40px;
  678. margin:0 auto;
  679. }
  680. /* FOOTERS END */
  681. /* POSTS END */
  682.  
  683. /* PAGINATION */
  684. {block:ifnotinfinitescroll}
  685. #content #navigation {
  686. text-align:right;
  687. padding-bottom:35px;
  688. text-transform:lowercase;
  689. -webkit-transition:all 0.2s ease-in-out;
  690. -moz-transition:all 0.2s ease-in-out;
  691. -o-transition:all 0.2s ease-in-out;
  692. transition:all 0.2s ease-in-out;
  693. }
  694.  
  695. #content #navigation a {
  696. {block:ifnotsemitransparentposts}
  697. background-color:{color:post background};
  698. {/block:ifnotsemitransparentposts}
  699. {block:ifsemitransparentposts}
  700. {block:ifwhiteposts}
  701. background:rgba(255,255,255,{text:post opacity});
  702. {/block:ifwhiteposts}
  703. {block:ifnotwhiteposts}
  704. background:rgba(0,0,0,{text:post opacity});
  705. {/block:ifnotwhiteposts}
  706. {/block:ifsemitransparentposts}
  707. color:{color:links};
  708. padding:5px 10px;
  709. text-decoration:none;
  710. margin-left:25px;
  711. -webkit-transition:all 0.2s ease-in-out;
  712. -moz-transition:all 0.2s ease-in-out;
  713. -o-transition:all 0.2s ease-in-out;
  714. transition:all 0.2s ease-in-out;
  715. }
  716.  
  717. #content #navigation a:hover {
  718. color:{color:links hover};
  719. }
  720.  
  721. #content #navigation.jump_pagination {}
  722.  
  723. #content #navigation.jump_pagination a {
  724. margin:0 0 0 4px;
  725. }
  726.  
  727. #content #navigation.jump_pagination .current_page {
  728. color:{color:links};
  729. background:transparent;
  730. border:2px solid {color:borders};
  731. padding:3px 8px;
  732. margin:0 0 0 4px;
  733. cursor:default;
  734. }
  735.  
  736. #content #navigation.jump_pagination .jump_page {}
  737. {/block:ifnotinfinitescroll}
  738. /* PAGINATION END */
  739.  
  740. /* PERMALINK PAGE NOTES */
  741. #content .post .notecontainer {
  742. background:transparent;
  743. color:{color:text};
  744. }
  745. /* PERMALINK PAGE NOTES END */
  746.  
  747. /* SIDEBAR */
  748. #sidebar {
  749. top:{text:sidebar top};
  750. left:{text:sidebar left};
  751. width:{text:sidebar width};
  752. {block:ifsemitransparentsidebar}
  753. {block:ifwhitesidebar}
  754. background:rgba(255,255,255,{text:sidebar opacity});
  755. {/block:ifwhitesidebar}
  756. {block:ifnotwhitesidebar}
  757. background:rgba(0,0,0,{text:sidebar opacity});
  758. {/block:ifnotwhitesidebar}
  759. {/block:ifsemitransparentsidebar}
  760. {block:ifnotsemitransparentsidebar}
  761. background:{color:sidebar background};
  762. {/block:ifnotsemitransparentsidebar}
  763. {block:ifsidebarborders}
  764. border-width:1px;
  765. border-style:{select:border style};
  766. border-color:{color:borders};
  767. {/block:ifsidebarborders}
  768. {block:ifroundedcorners}
  769. -moz-border-radius:10px;
  770. -webkit-border-radius:10px;
  771. border-radius:10px;
  772. {/block:ifroundedcorners}
  773. {block:ifroundedcornersappearonhover}
  774. -moz-border-radius:0;
  775. -webkit-border-radius:0;
  776. border-radius:0;
  777. {/block:ifroundedcornersappearonhover}
  778. {block:ifroundedcornersdisappearonhover}
  779. -moz-border-radius:10px;
  780. -webkit-border-radius:10px;
  781. border-radius:10px;
  782. {/block:ifroundedcornersdisappearonhover}
  783. text-align:center;
  784. font-family:{select:font};
  785. font-size:16px;
  786. color:{color:description text};
  787. z-index:999999;
  788. position:fixed;
  789. padding:15px;
  790. {block:ifshadows}
  791. box-shadow:7px 7px 0 {color:shadows};
  792. {/block:ifshadows}
  793. {block:ifshadowsappearonhover}
  794. box-shadow:none;
  795. {/block:ifshadowsappearonhover}
  796. {block:ifshadowsdisappearonhover}
  797. box-shadow:7px 7px 0 {color:shadows};
  798. {/block:ifshadowsdisappearonhover}
  799. -webkit-transition:all 0.2s ease-in-out;
  800. -moz-transition:all 0.2s ease-in-out;
  801. -o-transition:all 0.2s ease-in-out;
  802. transition:all 0.2s ease-in-out;
  803. }
  804.  
  805. #sidebar:hover {
  806. {block:ifshadows}
  807. box-shadow:7px 7px 0 {color:shadows};
  808. {/block:ifshadows}
  809. {block:ifshadowsappearonhover}
  810. box-shadow:7px 7px 0 {color:shadows};
  811. {/block:ifshadowsappearonhover}
  812. {block:ifshadowsdisappearonhover}
  813. box-shadow:none;
  814. {/block:ifshadowsdisappearonhover}
  815. {block:ifroundedcorners}
  816. {/block:ifroundedcorners}
  817. {block:ifroundedcornersappearonhover}
  818. -moz-border-radius:10px;
  819. -webkit-border-radius:10px;
  820. border-radius:10px;
  821. {/block:ifroundedcornersappearonhover}
  822. {block:ifroundedcornersdisappearonhover}
  823. -moz-border-radius:0;
  824. -webkit-border-radius:0;
  825. border-radius:0;
  826. {/block:ifroundedcornersdisappearonhover}
  827. }
  828.  
  829. #sidebar .links {
  830. {block:ifsidebarlinksappearonhover}
  831. opacity:0;
  832. margin-top:-30px;
  833. {/block:ifsidebarlinksappearonhover}
  834. {block:ifnotsidebarlinksappearonhover}
  835. opacity:1;
  836. margin-top:0;
  837. {/block:ifnotsidebarlinksappearonhover}
  838. padding-top:10px;
  839. -webkit-transition:all 0.2s ease-in-out;
  840. -moz-transition:all 0.2s ease-in-out;
  841. -o-transition:all 0.2s ease-in-out;
  842. transition:all 0.2s ease-in-out;
  843. }
  844.  
  845. #sidebar:hover .links {
  846. {block:ifsidebarlinksappearonhover}
  847. opacity:1;
  848. margin-top:0;
  849. {/block:ifsidebarlinksappearonhover}
  850. }
  851.  
  852. #sidebar .links a {
  853. color:{color:sidebar link};
  854. -webkit-transition:all 0.2s ease-in-out;
  855. -moz-transition:all 0.2s ease-in-out;
  856. -o-transition:all 0.2s ease-in-out;
  857. transition:all 0.2s ease-in-out;
  858. text-decoration:none;
  859. background:none;
  860. }
  861.  
  862. #sidebar .title {
  863. font-family:{select:font};
  864. font-size:22px;
  865. font-weight:bold;
  866. color:{color:title color};
  867. padding-bottom:10px;
  868. }
  869.  
  870. #sidebar .title a {
  871. color:{color:title color};
  872. background:none;
  873. }
  874.  
  875. #sidebar .title a:hover {
  876. color:{color:title color hover};
  877. }
  878.  
  879. #sidebar .inner {
  880. max-width:100%;
  881. height:auto;
  882. margin-right:auto;
  883. margin-left:auto;
  884. padding-bottom:5px;
  885. }
  886.  
  887. #sidebar a {
  888. color:{color:sidebar link};
  889. -webkit-transition:all 0.2s ease-in-out;
  890. -moz-transition:all 0.2s ease-in-out;
  891. -o-transition:all 0.2s ease-in-out;
  892. transition:all 0.2s ease-in-out;
  893. text-decoration:none;
  894. background:none;
  895. }
  896.  
  897. #sidebar a:hover {
  898. color:{color:sidebar link hover};
  899. }
  900.  
  901. #sideimg {
  902. position:fixed;
  903. max-width:{text:render size};
  904. left:{text:render left};
  905. bottom:{text:render bottom};
  906. z-index:0;
  907. }
  908. /* SIDEBAR END */
  909.  
  910. {CustomCSS}
  911.  
  912. </style>
  913. </head>
  914.  
  915. <body>
  916.  
  917. <a href="http://hazuknagisa.tumblr.com" title="theme by hazuknagisa"><div id="crxx">（笑）</div></a>
  918. <div id="sideimg"><img src="{image:render}"/></div>
  919. <div id="sidebar"><div class="title"><a href="/">{text:sidebar title}</a></div><img class="inner" src="{image:sidebar}"/>{Description}
  920. <div class="links">
  921. <a href="/" title="{text:home title}">{text:home symbol}</a>
  922. {block:AskEnabled}<a href="/ask" title="{text:ask title}">{text:ask symbol}</a> {/block:AskEnabled}
  923. {block:SubmissionsEnabled}<a href="/submit" title="{text:submit title}">{text:submit symbol}</a> {/block:SubmissionsEnabled}
  924. <a href="/archive" title="{text:archive title}">{text:archive symbol}</a>
  925. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1 title}">{text:link 1 symbol}</a> {/block:iflink1}
  926. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2 title}">{text:link 2 symbol}</a> {/block:iflink2}
  927. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3 title}">{text:link 3 symbol}</a> {/block:iflink3}
  928. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4 title}">{text:link 4 symbol}</a> {/block:iflink4}
  929. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5 title}">{text:link 5 symbol}</a> {/block:iflink5}
  930. {block:iflink6}<a href="{text:link 6 url}" title="{text:link 6 title}">{text:link 6 symbol}</a>{/block:iflink6}
  931. </div>
  932. </div>
  933.  
  934. <div id="wrapper">
  935. <div id="content">
  936. {block:ifinfinitescroll}
  937. <!-- INFINITE SCROLL -->
  938. <div class="autopagerize_page_element">
  939. <!-- INFINITE SCROLL END -->
  940. {/block:ifinfinitescroll}
  941. {block:Posts}
  942. <div class="post">
  943. {block:Photo}
  944. <div class="media">{LinkOpenTag}{block:IndexPage}{block:if500px}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{/block:if500px}{block:if400px}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>{/block:if400px}{block:if250px}<center><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></center>{/block:if250px}{/block:IndexPage}{block:PermalinkPage}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{/block:PermalinkPage}{LinkCloseTag}</div>
  945. {block:IndexPage}{block:ifshowcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}{/block:IndexPage}
  946. {block:PermalinkPage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  947. {/block:Photo}
  948.  
  949. {block:Video}
  950. <div class="media">{block:IndexPage}{block:if500px}<center>{Video-500}</center>{/block:if500px}{block:if400px}<center>{Video-400}</center>{/block:if400px}{block:if250px}<center>{Video-250}</center>{/block:if250px}{/block:IndexPage}{block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}</div>
  951. {block:IndexPage}{block:ifshowcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}{/block:IndexPage}
  952. {block:PermalinkPage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  953. {/block:Video}
  954.  
  955. {block:Audio}
  956. {block:AudioEmbed}
  957. {AudioEmbed}
  958. {/block:AudioEmbed}
  959. {block:AudioPlayer}
  960. {block:ifshowalbumart}
  961. {block:AlbumArt}
  962. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  963. {/block:AlbumArt}
  964. {/block:ifshowalbumart}
  965. <div class="audio">
  966. {block:ifwhiteaudioplayer}{AudioPlayerWhite}{/block:ifwhiteaudioplayer}{block:ifnotwhiteaudioplayer}{AudioPlayerBlack}{/block:ifnotwhiteaudioplayer}
  967. <div class="meta">{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  968. <div class="clear"></div>
  969. </div>
  970. {/block:AudioPlayer}
  971. <div class="clear"></div>
  972. {block:ifshowcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  973. {/block:Audio}
  974.  
  975. {block:Quote}
  976. <div class="quote {Length}"><h1>{Quote}</h1></div>
  977. <div class="copy">
  978. {block:Source}
  979. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  980. <tr>
  981. <td valign="top" style="width:20px;">&mdash;</td>
  982. <td valign="top" class="quote_source">
  983. {Source}
  984. </td>
  985. </tr>
  986. </table>
  987. {/block:Source}
  988. </div>
  989. {/block:Quote}
  990.  
  991. {block:Text}
  992. {block:Title}<div class="title"><h2>{Title}</h2></div>{/block:Title}
  993. <div class="copy">{Body}</div>
  994. {/block:Text}
  995.  
  996. {block:Answer}
  997. <div class="question">
  998. {Question}
  999. </div>
  1000. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1001. <div class="copy">{Answer}</div>
  1002. {/block:Answer}
  1003.  
  1004. {block:Chat}
  1005. {block:Title}<div class="title"><h2>{Title}</h2></div>{/block:Title}
  1006. <div class="chat">
  1007. <div class="lines">
  1008. {block:Lines}
  1009. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1010. {/block:Lines}
  1011. </div>
  1012. </div>
  1013. <div class="clear"></div>
  1014. <div style="height:10px;"></div>
  1015. {/block:Chat}
  1016.  
  1017. {block:Link}
  1018. <div class="link"><h2><a href="{URL}" {Target}>{Name} &raquo;</a></h2></div>
  1019. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1020. {/block:Link}
  1021.  
  1022. {block:Date}
  1023. <div class="footer">
  1024. {block:IndexPage}
  1025. <a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{Permalink}">{TimeAgo}</a>{block:Reblog} · <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}, <a href="{SourceURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:Reblog}
  1026. {/block:IndexPage}
  1027. {block:PermalinkPage}
  1028. Posted {TimeAgo} on {Month} {DayOfMonth}, {Year} at {24HourWithZero}:{Minutes} with {NoteCountWithLabel}{block:Reblog}<br>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}, originally by <a href="{SourceURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:Reblog}
  1029. {/block:PermalinkPage}
  1030. {/block:Date}
  1031. {block:IndexPage}
  1032. {block:IfShowTags}
  1033. {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a><span class="tag-commas"> </span>{/block:Tags}</div>{/block:HasTags}
  1034. {/block:IfShowTags}
  1035. {/block:IndexPage}
  1036. {block:PermalinkPage}
  1037. {block:HasTags}<div class="tags">Tagged:&nbsp;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  1038. {/block:PermalinkPage}
  1039. <div class="clear"></div>
  1040. </div>
  1041. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1042. {block:IfDisqusShortname}
  1043. {block:Permalink}
  1044. <div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
  1045. <div id="disqus_thread"></div>
  1046. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1047. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  1048. </div>
  1049. <div style="text-align:right; margin-top:5px;">
  1050. {lang:Blog comments powered by Disqus 2}
  1051. </div>
  1052. {/block:Permalink}
  1053. {/block:IfDisqusShortname}
  1054. </div>
  1055. <div class="bottom"></div>
  1056. {/block:Posts}
  1057.  
  1058. {block:ifnotinfinitescroll}
  1059. {block:Pagination}
  1060. <div id="navigation" {block:ifjumppagination}class="jump_pagination"{/block:ifjumppagination}>
  1061. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  1062. {block:ifjumppagination}
  1063. {block:JumpPagination length="5"}
  1064. {block:CurrentPage}
  1065. <span class="current_page">{PageNumber}</span>
  1066. {/block:CurrentPage}
  1067. {block:JumpPage}
  1068. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1069. {/block:JumpPage}
  1070. {/block:JumpPagination}
  1071. {/block:ifjumppagination}
  1072. {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  1073. </div>
  1074. {/block:Pagination}
  1075. {/block:ifnotinfinitescroll}
  1076. </div>
  1077.  
  1078. </body>
  1079. </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!