API tools faq
paste
mikit20

Flower Princess.

mikit20
Oct 12th, 2014
2,098
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.04 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3.  
  4. <meta name="image:Background" content=""/>
  5. <meta name="image:Sidebar" content=""/>
  6. <meta name="image:cursor" content=""/>
  7.  
  8. <meta name="color:Background" content="#FFFFFF"/>
  9. <meta name="color:Title" content="#999999"/>
  10. <meta name="color:Link" content="#555555"/>
  11. <meta name="color:Hover" content="#999999"/>
  12. <meta name="color:Links" content="#555555"/>
  13. <meta name="color:Links Hover" content="#555555"/>
  14. <meta name="color:Links Bg" content="#e1e1e1"/>
  15. <meta name="color:Text" content="#777777"/>
  16. <meta name="color:Permalink Bg" content="#777777"/>
  17. <meta name="color:Permalink" content="#e1e1e1"/>
  18. <meta name="color:Scrollbar Color" content="#FFFFFF"/>
  19.  
  20.  
  21. <meta name="text:Link 1" content=""/>
  22. <meta name="text:Link 1 URL" content=""/>
  23. <meta name="text:Link 2" content=""/>
  24. <meta name="text:Link 2 URL" content=""/>
  25. <meta name="text:Link 3" content=""/>
  26. <meta name="text:Link 3 URL" content=""/>
  27. <meta name="text:Link 4" content=""/>
  28. <meta name="text:Link 4 URL" content=""/>
  29. <meta name="text:Link 5" content=""/>
  30. <meta name="text:Link 5 URL" content=""/>
  31.  
  32. <meta name="text:Scrollbar Size" content="10" />
  33.  
  34. <script type="text/javascript">
  35. $(window).load(function(){
  36. var $wall = $('#entries');
  37. $wall.imagesLoaded(function(){
  38. $wall.masonry({
  39. itemSelector: '#post, #post_photo',
  40. isAnimated : false
  41. });
  42. });
  43.  
  44. $wall.infinitescroll({
  45. navSelector : '#pagination',
  46. nextSelector : '#pagination a',
  47. itemSelector : '#post, #post_photo',
  48. bufferPx : 2000,
  49. debug : false,
  50. errorCallback: function() {
  51. $('#scroll').fadeOut('normal');
  52. }},
  53. function( newElements ) {
  54. var $newElems = $( newElements );
  55. $newElems.hide();
  56. $newElems.imagesLoaded(function(){
  57. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  58. });
  59. }); $('#entries').show(500);
  60. });
  61. </script>
  62.  
  63.  
  64. <style type="text/css">body, a, a:hover {cursor: url({image:cursor}), progress;}</style>
  65.  
  66. <title>{Title}</title>
  67. {block:Description}
  68. <meta name="description" content="{MetaDescription}" />
  69. {/block:Description}
  70. <link rel="shortcut icon" href="{Favicon}">
  71.  
  72. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  73.  
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  75.  
  76. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  77. <script>
  78. (function($){$(document)
  79. .ready(function(){$("[title]")
  80. .style_my_tooltips();});})
  81. (jQuery);
  82. </script>
  83.  
  84. {block:IndexPage}
  85. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  86. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  87.  
  88. <script type="text/javascript">
  89. $(window).load(function(){
  90. var $wall = $('#entries');
  91. $wall.imagesLoaded(function(){
  92. $wall.masonry({
  93. itemSelector: '#post, #post_photo',
  94. isAnimated : false
  95. });
  96. });
  97.  
  98. $wall.infinitescroll({
  99. navSelector : '#pagination',
  100. nextSelector : '#pagination a',
  101. itemSelector : '#post, #post_photo',
  102. bufferPx : 2000,
  103. debug : false,
  104. errorCallback: function() {
  105. $('#scroll').fadeOut('normal');
  106. }},
  107. function( newElements ) {
  108. var $newElems = $( newElements );
  109. $newElems.hide();
  110. $newElems.imagesLoaded(function(){
  111. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  112. });
  113. }); $('#entries').show(500);
  114. });
  115. </script>
  116. {/block:IndexPage}
  117.  
  118. <!---------------END SCRIPTS--------------->
  119.  
  120. <style type="text/css">
  121.  
  122.  
  123. /************EDIT BODY HERE************/
  124.  
  125. ::-webkit-scrollbar {
  126. height: 6px;
  127. width: {text:Scrollbar Size}px;
  128. background: #ffffff;
  129. }
  130. ::-webkit-scrollbar-thumb {
  131. background: {color:Scrollbar Color};
  132. border-radius: 10px;
  133. }
  134.  
  135. body{
  136. margin:0px;
  137. background-color: {color:Background};
  138. background-image:url({image:Background});
  139. background-attachment:fixed;
  140. background-repeat:100%;
  141. background-position:bottom-right;
  142. font-family: Calibri;
  143. font-size:8px;
  144. letter-spacing:1px;
  145. text-transform:uppercase;
  146. text-align:left;
  147. line-height:11px;
  148. color: {color:Text};}
  149.  
  150.  
  151. a:link, a:active, a:visited{
  152. text-decoration: none;
  153. color: {color:Link};}
  154.  
  155. a:hover {
  156. color:{color:Link};
  157. text-decoration:none;}
  158.  
  159. /************EDIT TOOLTIP HERE************/
  160.  
  161.  
  162. #s-m-t-tooltip {
  163. padding: 3px;
  164. height:auto;
  165. display: none;
  166. font-family: consolas;
  167. font-size: 8px;
  168. text-transform:uppercase;
  169. text-align: center;
  170. letter-spacing:1px;
  171. margin-top:10px;
  172. margin-left: 15px;
  173. line-height: 8px;
  174. z-index: 999999999999;
  175. border-radius:3px;
  176. border: 1px solid #f5f5f5;
  177. background:#ffffff;
  178. color: #888;}
  179.  
  180. /************EDIT POST POSITION/WIDTH HERE************/
  181.  
  182. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  183.  
  184. #entries{
  185. text-align:left;
  186. width:780px;
  187. margin-left:220px;
  188. margin-top:10px;
  189. position:relative;
  190. overflow: hidden;
  191. }
  192.  
  193. /************EDIT OVERALL POSTS HERE************/
  194.  
  195. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  196.  
  197. #post{
  198. text-align:left;
  199. margin:35px;
  200. background:#ffffff;
  201. max-width: 100%;
  202. display:block;
  203. overflow:hidden;
  204. width:250px;
  205. padding:10px;
  206. font-size:10px;
  207. letter-spacing:1px;
  208. line-height:18px;
  209. border:1px solid #ddd;
  210. box-shadow: 10px 10px rgba(0,0,0,.07);
  211. -webkit-transition: all 0.7s ease-out;
  212. -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  213. opacity:.9;
  214. border-radius:7px;
  215. {block:PermalinkPage}
  216. width:500px;
  217. {/block:PermalinkPage}}
  218.  
  219. /*Do not delete #post img.*/
  220.  
  221. #post img{
  222. max-width:100%;
  223. border-radius:5px;
  224. }
  225.  
  226. #post:hover{
  227. opacity:1;
  228. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  229. }
  230.  
  231. /*Edit the permalinks all posts.*/
  232.  
  233. .permalink{
  234. text-transform:lowercase;
  235. font-size:9px;
  236. background-color:{color:Permalink Bg};
  237. border: 0px solid #E0F1FF;
  238. text-align:right;
  239. color:{color:Permalink};
  240. margin-top: 8px;
  241. padding:1px;
  242. padding-right:4px;
  243. line-height:12px;
  244. border-radius:3px;
  245. text-shadow:1px 1px 0px #BBBBBB;
  246. }
  247. .permalink a{
  248. text-transform:uppercase;
  249. line-height:15px;
  250. color:{color:Permalink};
  251. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  252. }
  253.  
  254. .permalink a:hover{
  255. color:{color:Permalink Hover};
  256. -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  257. }
  258.  
  259. .notes {
  260. float: left;
  261. text-align: left;
  262. padding-left:4px;
  263. }
  264.  
  265. /*Edit the titles on any text-based post.*/
  266.  
  267. .posttitle{
  268. font-size:10px;
  269. text-align:center;
  270. color:{color:Link};}
  271.  
  272. .posttitle a{
  273. color:{color:Link};}
  274.  
  275. /************EDIT QUOTE POSTS HERE************/
  276.  
  277. .quote{
  278. margin-right: 5px;}
  279.  
  280. .source{
  281. padding-top:5px;
  282. display:block;
  283. text-align:right;}
  284.  
  285.  
  286. /************EDIT ANSWER POSTS HERE************/
  287.  
  288. .bubble {align:right;background: #D8FFF2; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font-size:9px;}
  289. .bubble p {margin:1px 0px;}
  290. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #D8FFF2;}
  291.  
  292. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #fff, border:1px solid #ddd;}
  293.  
  294. /************EDIT AUDIO POSTS HERE************/
  295.  
  296. .audio{
  297. {block:IndexPage}width:180px;{/block:IndexPage}
  298. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  299. .info{
  300. padding:2px 0px 1px 57px;}
  301. .i {
  302. text-transform:uppercase;
  303. letter-spacing:1px;
  304. font-size:8px;}
  305. .pl b,strong{
  306. text-transform:lowercase;
  307. font-size:9px;}
  308. .player{
  309. position:absolute;
  310. overflow:hidden;
  311. margin-top:0px;
  312. margin-left:15px;
  313. background:#ffffff;
  314. width:24px;
  315. height:23px;}
  316.  
  317. /************EDIT VIDEO POSTS HERE************/
  318. /***********DO NOT DELETE THIS CODE************/
  319.  
  320. .video-container {
  321. position:relative;
  322. padding-bottom:56.25%;
  323. padding-top: 30px;
  324. height:0;
  325. overflow:hidden;}
  326.  
  327. .video-container iframe,
  328. .video-container object,
  329. .video-container embed {
  330. position: absolute;
  331. top: 0;
  332. left: 0;
  333. width: 100%;
  334. height: 100%;}
  335.  
  336. /************EDIT CHAT POSTS HERE************/
  337.  
  338. .chat{
  339. line-height:12px;
  340. list-style:none;}
  341. .chat ul{
  342. list-style:none;
  343. padding:0px 5px;
  344. line-height:15px;}
  345. .label{
  346. color:{color:Link};}
  347.  
  348. /************EDIT SIDEBAR HERE************/
  349.  
  350. #sidebar{
  351. background:#fff;
  352. border:1px #eee solid;
  353. margin-left:-190px;
  354. margin-top:250px;
  355. width:150px;
  356. position:fixed;
  357. text-align:center;
  358. box-shadow: 10px 10px rgba(0,0,0,.07);
  359. border-radius:5px;
  360. }
  361.  
  362. #sidebarimage img{
  363. border-radius:120px;
  364. background-color: #fff;
  365. border: 1px solid #eee;
  366. padding: 6px;
  367. height:100px;
  368. width:100px;
  369. }
  370.  
  371. #side{
  372. background:transparent;
  373. border:0px #f5f5f5 solid;
  374. margin-left:-190px;
  375. margin-top:90px;
  376. width:150px;
  377. position:fixed;
  378. text-align:center;}
  379.  
  380. .description{
  381. padding:5px;}
  382.  
  383. .links{
  384. padding:0px;
  385. width:150px;
  386. margin-top:5px;
  387. background-color: {color:Links Bg};
  388. padding-bottom:3px;
  389. }
  390.  
  391. .links a{
  392. color:{color:Links};
  393. margin-left:0px;
  394. text-shadow:1px 1px 0px #BBBBBB;
  395. }
  396.  
  397. .links a:hover{
  398. color:{color:Links Hover};}
  399.  
  400. /************EDIT TEXT SETTINGS HERE************/
  401.  
  402. i, em{
  403. color:{color:Link};}
  404. b, strong{
  405. font-weight:normal;
  406. text-transform:uppercase;
  407. color:{color:Link};}
  408. ul,ol{
  409. margin:0px;
  410. margin-left:-5px;}
  411. p{
  412. padding:0px;
  413. margin:2px;}
  414. u{
  415. text-decoration:none;
  416. color:{color:Title};}
  417.  
  418. blockquote {
  419. margin:0px;
  420. padding:4px;
  421. background:#fff;}
  422.  
  423. /************DO NOT DELETE #SCROLL************/
  424.  
  425. #scroll{
  426. bottom:-20px;
  427. position: absolute;
  428. left: 50%;
  429. width:10px;
  430. height:5px;
  431. overflow:hidden;
  432. margin-bottom:80px;}
  433.  
  434. /************EDIT CREDIT HERE************/
  435.  
  436. #credit{
  437. position:fixed;
  438. right:10px;
  439. bottom:10px;
  440. text-transform:uppercase;
  441. font-family:Calibri;
  442. font-size:8px;}
  443.  
  444. #credit a{
  445. color:#aaaaaa;}
  446.  
  447. </style>
  448. </head>
  449.  
  450. <body>
  451.  
  452.  
  453. <center>
  454.  
  455. <div id="entries">
  456.  
  457. <img src='http://static.tumblr.com/a16008d7a4a7dcc91b800caceb7b1b69/pd9lqla/buqn1nerm/tumblr_static_cherry_blossoms_transparent.png' style='position:fixed;top:0px;right:0px;z-index:-999'/>
  458.  
  459. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  460.  
  461. <div id="side">
  462. <center>
  463. <a href="/"><img src="http://media.tumblr.com/e66292d646491f8aa301e35fc0f0b0cc/tumblr_inline_muh35q7q7g1qcza22.png"></a>
  464. <a href="/ask"><img src="http://media.tumblr.com/c12f7f0e7cd821d414c09700d264e6d4/tumblr_inline_muh37dKIXQ1qcza22.png"></a>
  465. <a href="/archive"><img src="http://media.tumblr.com/f7467629af29df95cb6471b99901032e/tumblr_inline_muh38d52511qcza22.png"></a>
  466. </center><br>
  467. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"/></a></div>
  468. </div>
  469.  
  470. <div id="sidebar">
  471. <div class="description">{Description}</div>
  472. <div class="links">
  473. <a href="{text:Link 1 url}">{text:Link 1}</a>
  474. <a href="{text:link 2 url}">{text:link 2}</a>
  475. <a href="{text:link 3 url}">{text:link 3}</a>
  476. <a href="{text:link 4 url}">{text:link 4}</a>
  477. <a href="{text:link 5 url}">{text:link 5}</a>
  478.  
  479. </div>
  480. </div>
  481.  
  482.  
  483. {block:Posts}
  484.  
  485. <!---------------DO NOT DELETE block:ContentSource--------------->
  486.  
  487. {block:ContentSource}
  488. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  489. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  490. {/block:SourceLogo}
  491. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  492. {/block:ContentSource}
  493.  
  494. <div id="post">
  495.  
  496.  
  497. <!---------------EDIT TEXT POSTS HERE--------------->
  498.  
  499. {block:Text}
  500. <div class="text">
  501. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  502. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  503. </div>{/block:IndexPage}</div>
  504. {/block:Text}
  505.  
  506. <!---------------EDIT LINK POSTS HERE--------------->
  507.  
  508. {block:Link}
  509. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  510. {block:Description}{Description}{/block:Description}
  511. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  512. </div>{/block:IndexPage}
  513. {/block:Link}
  514.  
  515. <!---------------EDIT PHOTO POSTS HERE--------------->
  516.  
  517. {block:Photo}
  518. {block:IndexPage}
  519. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  520. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  521. {/block:Photo}
  522.  
  523. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  524.  
  525. {block:Photoset}
  526. {block:IndexPage}<a href="{Permalink}">{Photoset-250}</a><div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  527. </div>{/block:IndexPage}
  528. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  529. {/block:Photoset}
  530.  
  531. <!---------------EDIT QUOTE POSTS HERE--------------->
  532.  
  533. {block:Quote}
  534. {Quote}{block:Source}
  535. <div class="source">{Source}</div>{/block:Source}
  536. {block:IndexPage}
  537. <div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:IndexPage}</div>
  538. {/block:Quote}
  539.  
  540. <!---------------EDIT ANSWER POSTS HERE--------------->
  541.  
  542. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>
  543. <br>
  544. {Answer}
  545. <div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div></div>
  546. {/block:Answer}
  547.  
  548. <!---------------EDIT CHAT POSTS HERE--------------->
  549.  
  550. {block:Chat}
  551. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  552. <div class="chat"><ul>{block:Lines}
  553. <li class="person{UserNumber}">{block:Label}
  554. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div></div>
  555. {/block:IndexPage}
  556. {/block:Chat}
  557.  
  558. <!---------------EDIT AUDIO POSTS HERE--------------->
  559.  
  560. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  561. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div></div>
  562. {/block:IndexPage}
  563. {/block:Audio}
  564.  
  565. <!---------------EDIT VIDEO POSTS HERE--------------->
  566.  
  567. {block:Video}
  568. {block:IndexPage}<div class="video-container">{Video-250}</div>
  569. <div class="permalink"><a href="{ReblogURL}">Reblog</a> <div class="notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div></div>{/block:IndexPage}
  570. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  571. {/block:Video}
  572.  
  573. <!---------------EDIT PERMALINK PAGE HERE--------------->
  574.  
  575. {block:PermalinkPage}
  576. {block:Caption}{Caption}{/block:Caption}
  577. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  578. <div class="permapage">
  579. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  580. </div>
  581. {/block:Posts}
  582. </div>
  583.  
  584. <!---------------DO NOT DELETE THIS--------------->
  585.  
  586. {block:IndexPage}
  587. {block:Pagination}
  588. <div id="pagination">
  589. {block:NextPage}
  590. <a id="nextPage" href="{NextPage}"></a>
  591. {/block:NextPage}
  592. {block:PreviousPage}
  593. <a href="{PreviousPage}"></a>
  594. {/block:PreviousPage}
  595. </div>
  596. {/block:Pagination}
  597. {/block:IndexPage}
  598. </center>
  599. </body>
  600.  
  601. <!---------------EDIT CREDIT CONTENT HERE--------------->
  602.  
  603. <BODY onselectstart="return false;" ondragstart="return false;">
  604. <div style=" font-size:8px; position:fixed; bottom:5px; left:0px; text-align:center; font-family:arial">
  605. <a href="http://themesbymiki.tumblr.com/tagged/cute-themes">✿</a></div>
  606.  
  607. <div id="credit"><a href="http://dislikes.tumblr.com/">credit</a></div>
  608. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!