Advertisement
kawaiibuu

bloom theme

Oct 11th, 2013
4,101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.22 KB | None | 0 0
  1. <!--
  2. *-*,
  3. ,*\/|`| \
  4. \' | |'| *,
  5. \ `| | |/ )
  6. | |'| , /
  7. |'| |, /
  8. __|_|_|_|__
  9. [___________]
  10. | | cacti bloom
  11. | | http://jubileethemes.tumblr.com
  12. | | made by meancutie
  13. |_________| do not remove this or theme credits
  14. -->
  15. <meta name="color:Background" content="#fff" />
  16. <meta name="color:Text" content="#000" />
  17. <meta name="color:Links" content="#000" />
  18. <meta name="color:border" content=""/>
  19. <meta name="color:post background" content=""/>
  20. <meta name="color:footer background" content=""/>
  21. <meta name="color:sidebar background" content=""/>
  22.  
  23.  
  24. <meta name="if:Fullsized Background Image" content="0"/>
  25. <meta name="if:post border" content="1" />
  26. <meta name="if:scrolling header" content="0" />
  27. <meta name="if:show tags" content="0" />
  28. <meta name="if:post shadow" content="1" />
  29. <meta name="if:sidebar border" content="1" />
  30.  
  31. <meta name="if:footer border" content="1" />
  32. <meta name="if:tags border" content="1" />
  33. <meta name="if:navigation dropbox" content="1" />
  34. <meta name="if:disappearing borders" content="1" />
  35. <meta name="if:sidebar background" content="1" />
  36. <meta name="if:infinite scroll" content="1" />
  37. <meta name="if:hover photo effect" content="0" />
  38.  
  39. <meta name="if:transparent post" content="0" />
  40. <meta name="if:transparent footer" content="0" />
  41.  
  42.  
  43.  
  44. <meta name="image:background" content=""/>
  45. <meta name="image:sidebar" content=""/>
  46. <meta name="image:bottom image" content="" />
  47. <meta name="image:links image" content="" />
  48. <meta name="image:header" content="" />
  49. <meta name="image:permalink" content="" />
  50.  
  51.  
  52. <meta name="text:Sidebar vertical" content="150"/>
  53. <meta name="text:Post gaps" content="55" />
  54. <meta name="text:border curve" content="" />
  55. <meta name="text:dropbox title" content="navigation" />
  56. <meta name="text:Sidebar width" content="115" />
  57.  
  58. <meta name="text:link 1 title" content="" />
  59. <meta name="text:link 2 title" content="" />
  60. <meta name="text:link 3 title" content="" />
  61. <meta name="text:link 4 title" content="" />
  62. <meta name="text:link 5 title" content="" />
  63.  
  64. <meta name="text:link 1 url" content="" />
  65. <meta name="text:link 2 url" content="" />
  66. <meta name="text:link 3 url" content="" />
  67. <meta name="text:link 4 url" content="" />
  68. <meta name="text:link 5 url" content="" />
  69.  
  70. <meta name="if:150px" content="0">
  71. <meta name="if:250px" content="1">
  72. <meta name="if:200px" content="" />
  73.  
  74. <script type="text/javascript">
  75. function unhide(divID) {
  76. var item = document.getElementById(divID);
  77. if (item) {
  78. item.className=(item.className=='hidden')?'unhidden':'hidden';
  79. }
  80. }
  81. </script>
  82.  
  83.  
  84. <script type="text/javascript"
  85. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  86. <title>{Title}</title>
  87. <link rel="shortcut icon" href="{Favicon}">
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92.  
  93. body{
  94. height:100%;
  95. text-align:justify;
  96. font-family:consolas;
  97. font-size: 12px;
  98. color:{color:text};
  99. background-color:{color:Background};
  100. {block:IfNotFullsizedBackgroundImage}
  101. background:fixed;
  102. background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:IfNotFullsizedBackgroundImage}
  103. {block:ifFullsizedBackgroundImage}background:fixed;
  104. background: {color:Background} url('{image:Background}') top left fixed no-repeat;
  105. background-size: cover;{/block:ifFullsizedBackgroundImage}
  106. }
  107.  
  108. a {
  109.  
  110. text-decoration: none;
  111. color: {color:links};
  112. }
  113.  
  114. a:hover {
  115. font-style:oblique
  116. }
  117. img {
  118. max-width: 100%;
  119. -webkit-border-radius:{text:border curve}px;
  120. -moz-border-radius:{text:border curve}px;
  121. border-radius:{text:border curve}px;
  122. }
  123. img:hover {
  124. }
  125. blockquote {
  126. border-left: 1px solid {color:border};
  127. padding: 0px 10px;
  128. margin: 5px 0px 0px 5px;
  129. }
  130. .wrapper{
  131. margin:1px 0px;
  132. margin-left: auto;
  133. }
  134.  
  135.  
  136. #info {
  137. font-family: 'consolas';
  138. font-size: 12px;
  139. color: {color:Text};
  140. text-align: center;
  141. line-height: 14px;
  142. margin-top: 3px;
  143. margin-bottom: 3px;
  144. overflow: auto;
  145. }
  146.  
  147.  
  148. #posts {
  149.  
  150. {block:if150px}width: 250px;{/block:if150px}
  151. {block:if200px}width: 300px;{/block:if200px}
  152. {block:if250px}width: 350px;{/block:if250px}
  153. margin: 90px 50px;
  154.  
  155. }
  156.  
  157. .entry {
  158. {block:ifpostborder}border: double {color:border};{/block:ifpostborder}
  159. {block:ifnotpostborder}border: double transparent;{/block:ifnotpostborder}
  160. padding: 5px;
  161.  
  162.  
  163. {block:if150px}width: 150px;{/block:if150px}
  164. {block:if200px}width: 200px;{/block:if200px}
  165. {block:if250px}width: 250px;{/block:if250px}
  166. float: left;
  167. margin: 10px;
  168. margin-bottom: {text:Post gaps}px;
  169. margin-top: 95px;
  170.  
  171. {block:ifnottransparentpost} background-color: {color:post background};{/block:ifnottransparentpost}
  172.  
  173. {block:ifpostshadow}
  174. -webkit-box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1);
  175. -moz-box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1);
  176. box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1); {/block:ifpostshadow}
  177. -webkit-border-radius:{text:border curve}px;
  178. -moz-border-radius:{text:border curve}px;
  179. border-radius:{text:border curve}px;
  180. -moz-transition:all 0.5s ease-out;
  181. -o-transition:all 0.5s ease-out;
  182. -webkit-transition all 0.5s ease-out;
  183. transition:all 0.5s ease-out;
  184. }
  185.  
  186. .entry:hover {
  187. -moz-transition:all 0.5s ease-out;
  188. -o-transition:all 0.5s ease-out;
  189. -webkit-transition all 0.5s ease-out;
  190. transition:all 0.5s ease-out;
  191. {block:ifdisappearingborders} border: double transparent;{/block:ifdisappearingborders}
  192. }
  193.  
  194. .audio{
  195. width:100%;
  196. overflow: hidden;
  197. margin-bottom:4px;
  198. }
  199.  
  200. .stone {
  201. text-align: right;
  202. font-size: 10px;
  203. {block:iffooterborder}border: double {color:border};{/block:iffooterborder}
  204. {block:ifnottransparentfooter} background-color: {color:footer background}; {/block:ifnottransparentfooter}
  205. opacity: 1;
  206. padding: 3px;
  207. margin-top: 3px;
  208. -moz-transition:all 0.5s ease-out;
  209. -o-transition:all 0.5s ease-out;
  210. -webkit-transition all 0.5s ease-out;
  211. transition:all 0.5s ease-out;
  212. -webkit-border-radius:{text:border curve}px;
  213. -moz-border-radius:{text:border curve}px;
  214. border-radius:{text:border curve}px;
  215. }
  216. .stone:hover {
  217.  
  218. -moz-transition:all 0.5s ease-out;
  219. -o-transition:all 0.5s ease-out;
  220. -webkit-transition all 0.5s ease-out;
  221. transition:all 0.5s ease-out;
  222. {block:ifdisappearingborders} border: double transparent;{/block:ifdisappearingborders}
  223.  
  224. }
  225. .stone a {
  226.  
  227.  
  228. }
  229. .stone a:hover {
  230. -moz-transition:all 0.5s ease-out;
  231. -o-transition:all 0.5s ease-out;
  232. -webkit-transition all 0.5s ease-out;
  233. transition:all 0.5s ease-out;
  234. }
  235. .photoset_row{ height: auto !important; width: auto !important; }
  236. .photoset_row img { width: auto !important; max-width: 200px; }
  237.  
  238.  
  239.  
  240. ul, ol, li{
  241. list-style:katakana;
  242. margin-left:15px;
  243. padding:5px;
  244. color:{color:text};}
  245.  
  246. #pep {
  247. padding: 5px;
  248. max-width: 100%;
  249. }
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257. .jongin {
  258. {block:ifnottransparentfooter}background-color: {color:footer background}; {/block:ifnottransparentfooter}
  259. padding: 3px;
  260. margin-top: 5px;
  261. opacity:1;
  262. -webkit-transition: all 0.5s ease-out;
  263. -moz-transition: all 0.5s ease-out;
  264. transition: all 0.5s ease-out;
  265. {block:iftagsborder}border: double {color:border};{/block:iftagsborder}
  266. font-size:10px;
  267. max-width:100%;
  268. text-align: center;
  269. -webkit-border-radius:{text:border curve}px;
  270. -moz-border-radius:{text:border curve}px;
  271. border-radius:{text:border curve}px;
  272. }
  273. .jongin a {
  274. color:{color:text};
  275.  
  276. }
  277. .jongin:hover {
  278. opacity: 1;
  279. }
  280.  
  281. .hidden {display: none;}
  282. .unhidden {display: block;}
  283.  
  284.  
  285.  
  286. #top {
  287. margin-top: -20px;
  288. overflow: hidden; -webkit-transition: all .6s ease-in-out;
  289. -moz-transition: all .6s ease-in-out;
  290. -o-transition: all .6s ease-in-out;
  291. opacity: 0;
  292. }
  293.  
  294. #top:hover{
  295. overflow: visible;
  296. -webkit-transition: all .6s ease-in-out;
  297. -moz-transition: all .6s ease-in-out;
  298. -o-transition: all .6s ease-in-out;
  299. opacity: 1;
  300. }
  301.  
  302.  
  303. #navigation {width:0px; margin:auto; position:absolute; }
  304.  
  305.  
  306.  
  307.  
  308. #head {
  309. background: {block:ifsidebarbackground}{color:sidebar background}{/block:ifsidebarbackground} {block:ifnotsidebarbackground}url('{image:background}'){/block:ifnotsidebarbackground} top right fixed repeat;
  310. border: double {color:border};
  311. margin-left: 10px;
  312. {block:ifscrollingheader}position:absolute;{/block:ifscrollingheader}{block:ifnotscrollingheader}position:fixed;{/block:ifnotscrollingheader}
  313. padding: 5px;
  314. -webkit-border-radius:{text:border curve}px;
  315. -moz-border-radius:{text:border curve}px;
  316. border-radius:{text:border curve}px;
  317. {block:if150px}width: 150px;{/block:if150px}
  318. {block:if200px}width: 200px;{/block:if200px}
  319. {block:if250px}width: 250px;{/block:if250px}
  320.  
  321.  
  322.  
  323. }
  324.  
  325. #head:hover {
  326.  
  327. -moz-transition:all 0.5s ease-out;
  328. -o-transition:all 0.5s ease-out;
  329. -webkit-transition all 0.5s ease-out;
  330. transition:all 0.5s ease-out;
  331. {block:ifdisappearingborders} border: double transparent;{/block:ifdisappearingborders}
  332. }
  333.  
  334. #vid {
  335. {block:if150px}overflow:hidden; width: 150px;{/block:if150px}
  336. {block:if200px}overflow:hidden; width: 200px;{/block:if200px}
  337. {block:if250px}width: 250px;{/block:if250px}
  338.  
  339. }
  340.  
  341.  
  342.  
  343.  
  344. #p1 { float:left;
  345.  
  346.  
  347. }
  348.  
  349. #prev {
  350. {block:if150px}margin-left: 300px;{/block:if150px}
  351. {block:if200px}margin-left: 350px;{/block:if200px}
  352. {block:if250px}margin-left: 400px;{/block:if250px}
  353. background:transparent;
  354. background-size:cover;
  355. height: 110%%;
  356. width: 90%;
  357. border: double;
  358. position:fixed;
  359. float: right;
  360.  
  361. margin-top: -100px;
  362. }
  363.  
  364. #sidee {
  365. z-index: 99;
  366. {block:ifsidebarborder}border: double {color:border};{/block:ifsidebarborder}
  367. background: {block:ifsidebarbackground}{color:sidebar background}{/block:ifsidebarbackground} {block:ifnotsidebarbackground}url('{image:background}'){/block:ifnotsidebarbackground} top right fixed repeat;
  368. -webkit-border-radius:{text:border curve}px;
  369. -moz-border-radius:{text:border curve}px;
  370. border-radius:{text:border curve}px;
  371. padding: 10px;
  372. position:fixed;
  373. width: {text:sidebar width}px;
  374. margin-top: {text:sidebar vertical}px;
  375. {block:if150px}margin-left: 400px;{/block:if150px}
  376. {block:if200px}margin-left: 450px;{/block:if200px}
  377. {block:if250px}margin-left: 500px;{/block:if250px}
  378. }
  379. #sidee:hover {
  380. -webkit-transition: all .6s ease-in-out;
  381. -moz-transition: all .6s ease-in-out;
  382. -o-transition: all .6s ease-in-out;
  383. {block:ifdisappearingborders} border: double transparent;{/block:ifdisappearingborders}
  384.  
  385.  
  386. }
  387. #navii {
  388.  
  389.  
  390.  
  391. }
  392. #navii a {
  393. background: {block:ifsidebarbackground}{color:sidebar background}{/block:ifsidebarbackground} {block:ifnotsidebarbackground}url('{image:background}'){/block:ifnotsidebarbackground} top right fixed repeat;
  394. margin-left: 5px;
  395. padding: 5px;
  396. border: double {color:border};
  397. }
  398. </style>
  399. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  400. {block:ifinfinitescroll}
  401. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script> {/block:ifinfinitescroll}
  402. <script>
  403. $.fn.changebackground = function(msg) {
  404. $("#prev").css("background-image", "url("+msg+")");
  405. };
  406. </script>
  407. </head>
  408. <body>
  409.  
  410. <div id="prev"></div>
  411. <div class="wrapper">
  412.  
  413. <div id="sidee">
  414. {block:ifsidebarimage}<img src="{image:sidebar}" style="width:100%; margin-top: -90px;"/><br> {/block:ifsidebarimage}
  415. <center>{Description}<br></center>
  416. {block:ifnotnavigationdropbox}
  417. <a href="javascript:unhide('displaybx');">
  418. <center><img src="{image:links image}" style="margin-top:4px;cursor:url(http://static.tumblr.com/mqkrxog/PGjmuhmwv/comment_question_1_.png),auto;">
  419. </a>
  420. <div id="displaybx" class="hidden">
  421. <a href="{text:Link 1 URL}">{text:Link 1 title}</a>
  422. <a href="{text:Link 2 URL}">{text:Link 2 title}</a>
  423. <a href="{text:Link 3 URL}">{text:Link 3 title}</a>
  424. <a href="{text:Link 4 URL}">{text:Link 4 title}</a>
  425. <a href="{text:Link 5 URL}">{text:Link 5 title}</a>
  426. </center></span>
  427. {/block:ifnotnavigationdropbox}
  428. {block:ifnavigationdropbox}
  429. <center><select style="
  430. background: {color:footer background};
  431. color:{color:links};
  432. border: double {color:Border};
  433. -webkit-appearance:none;
  434. padding:0px;
  435. font-size: 11px;
  436. line-height: 15px;
  437. font-family: consolas;" onChange="location.href=this.options[this.selectedIndex].value;">
  438. <option value="/">{text:dropbox title}</option>
  439. {block:iflink1title}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:iflink1title}
  440. {block:iflink2title}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:iflink2title}
  441. {block:iflink3title}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:iflink3title}
  442. {block:iflink4title}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:iflink4title}
  443. {block:iflink5title}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:iflink5title}
  444. </select></center>
  445. {/block:ifnavigationdropbox}
  446.  
  447.  
  448.  
  449. </div>
  450. </div>
  451. <div class="left">
  452.  
  453. <div id="posts">
  454.  
  455.  
  456.  
  457. <div id="head">
  458. <img src="{image:header}" style="z-index: -1; position:absolute; margin-left: 50%; margin-top: -70px;"/><center/>
  459. <a href="/">home</a> <a href="/ask">message</a> <a href="/archive">index</a> <a href="/submit">submit</a>
  460.  
  461.  
  462.  
  463.  
  464.  
  465. </center>
  466. </div>
  467. {block:ContentSource}
  468. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  469. {/block:ContentSource}
  470. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  471.  
  472. {block:Posts}
  473. {block:ifinfinitescroll}<div class="autopagerize_page_element">{/block:ifinfinitescroll}
  474. <div class="entry">
  475.  
  476. {block:Text}
  477. <div id="entry">
  478. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  479. {Body}
  480.  
  481.  
  482. </div>
  483. {/block:Text}
  484.  
  485. {block:Photo}
  486. <div id="entry"><center>
  487. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" {block:ifnothoverphotoeffect}onmouseover="$(this).changebackground('{PhotoURL-HighRes}')"{/block:ifnothoverphotoeffect}></a>{/block:IndexPage}</div>
  488. {block:PermalinkPage}
  489. <div style="padding-top:15px; padding-bottom:9px; padding-left:10px; padding-right:10px;">
  490. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" onmouseover="$(this).changebackground('{PhotoURL-HighRes}')"/>
  491. {block:Caption}{Caption}{/block:Caption}
  492. </div>
  493. {/block:PermalinkPage}
  494. </center>
  495. {/block:Photo}
  496.  
  497. {block:Photoset}
  498. <div id="entry">
  499. {block:if150px}<div class="photoset">{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" {block:ifnothoverphotoeffect}onmouseover="$(this).changebackground('{PhotoURL-HighRes}')"{/block:ifnothoverphotoeffect}></a>{/block:Photos}</div>{/block:if150px}
  500. {block:if200px}<div class="photoset">{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" {block:ifnothoverphotoeffect}onmouseover="$(this).changebackground('{PhotoURL-HighRes}')"{/block:ifnothoverphotoeffect}></a>{/block:Photos}</div>{/block:if200px}
  501. {block:if250px}{Photoset-250}{/block:if250px}
  502. </div>
  503. {/block:Photoset}
  504.  
  505. {block:Quote}
  506. <div id="entry">
  507. {Quote}
  508. </div>
  509. {/block:Quote}
  510.  
  511. {block:Link}
  512. <div id="entry">
  513. <a href="{URL}"{Target}><center>{Name}</center></a>
  514. {block:Description}{Description}{/block:Description}
  515. </div>
  516. {/block:Link}
  517.  
  518. {block:Video}
  519. <div id="entry">
  520. <div id="vid">
  521. {Video-250}</div>
  522.  
  523. {block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  524.  
  525. </div>
  526. {/block:Video}
  527.  
  528. {block:Chat}
  529. <div id="entry">
  530. {block:Title}
  531. <div class="ptitle">{Title}</div>
  532. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  533.  
  534. </div>
  535. {/block:Chat}
  536.  
  537. {block:Audio}
  538. {block:AlbumArt}
  539. <div id="entry">
  540. <div class="albumart"><img src="{AlbumArtURL}" width="100%" {block:ifnothoverphotoeffect}onmouseover="$(this).changebackground('{AlbumArtURL}')"{/block:ifnothoverphotoeffect}></a></div></div>{/block:AlbumArt}
  541. <div class="audio"><center>{AudioPlayerWhite}</center></div>
  542. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  543. {/block:Audio}
  544.  
  545. {block:Answer}
  546. <div id="entry">
  547. <div class="question"><u>{Asker}</u>: &nbsp;{Question}</div>
  548. {Answer}
  549.  
  550.  
  551. </div>
  552. {/block:Answer}
  553.  
  554. {block:PermalinkPage}
  555. <div style="padding-top:15px; padding-bottom:9px; padding-left:10px; padding-right:10px;">{block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}</div>
  556. {block:PostNotes}{PostNotes}{/block:PostNotes}
  557. {/block:PermalinkPage}
  558.  
  559.  
  560.  
  561.  
  562. {block:IndexPage}<div class="stone"> <a href="{Permalink}" title="{NoteCountWithLabel}"><img src="{image:permalink}" height= "12px;" style="float:left;" title="{NoteCountWithLabel}"/></a><a href="{Permalink}" title="{NoteCountWithLabel}">{ShortMonth}, {dayofmonth}{dayofmonthsuffix}</a> <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a> </div>
  563.  
  564. {block:ifshowtags}<div class="jongin">{block:hastags}{block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}{/block:hastags}</div>{/block:ifshowtags}
  565. {/block:IndexPage}
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572. </div>
  573.  
  574. {/block:Posts}
  575.  
  576. {block:IndexPage}{block:ifnotinfinitescroll}
  577. {block:Pagination}<div id="navii"> {block:PreviousPage} <a href="{PreviousPage}">previous</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a> {/block:NextPage} </div>{/block:Pagination}
  578. {/block:ifnotinfinitescroll}
  579. {/block:IndexPage}
  580.  
  581.  
  582.  
  583.  
  584.  
  585. </div>
  586. </div>
  587.  
  588.  
  589.  
  590.  
  591.  
  592. </body>
  593.  
  594.  
  595.  
  596.  
  597.  
  598. <div style="position:fixed; bottom: 0px; left: 0px; opacity: 0.5;"><a href="http://jubileethemes.tumblr.com" title="credit">&copy;</a></div>
  599. <div style="position:fixed; bottom:0px; right:0px; z-index: 1;"><img src="{image:bottom Image}"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement