API tools faq
paste
fatblackcat

silvergxrden

fatblackcat
Mar 29th, 2016
43
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="https://40.media.tumblr.com/3b511fb4ec75b9a60268925d8b2a9ac2/tumblr_o4exvxBmdw1ufxgs3o1_75sq.png">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <script>
  12. $(document).ready(function() {
  13. //
  14. $('a.poplight[href^=#]').click(function() {
  15. var popID = $(this).attr('rel'); //Get Popup Name
  16. var popURL = $(this).attr('href'); //Get Popup href to define size
  17. var query= popURL.split('?');
  18. var dim= query[1].split('&');
  19. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  20. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  21. var popMargTop = ($('#' + popID).height() + 80) / 2;
  22. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  23. //Apply Margin to Popup
  24. $('#' + popID).css({
  25. 'margin-top' : -popMargTop,
  26. 'margin-left' : -popMargLeft
  27. });
  28. $('body').append('<div id="fade"></div>');
  29. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  30. return false;
  31. });
  32. $('a.close, #fade').live('click', function() {
  33. $('#fade , .popup_block').fadeOut(function() {
  34. $('#fade, a.close').remove(); //fade them both out
  35. });
  36. return false;
  37. });
  38. });
  39. </script>
  40.  
  41. <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  42.  
  43. <link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  44.  
  45. <link href='https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911' rel='stylesheet' type='text/css'>
  46.  
  47. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  48.  
  49. <link href='https://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  50.  
  51. <link href='https://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
  52.  
  53. <script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = "| 静かに寄り添って";tb8_messages[1] = "| 何処にもいかないで";tb8_messages[2] = "| 窓辺で囀って何をなくしたって";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()</script>
  54.  
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  57. <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("[title],a[title],img[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:90,
  63. tip_fade_speed:600,
  64. attribute:"title"
  65. });
  66. });
  67. })(jQuery);
  68. </script>
  69.  
  70. <meta name="text:bg url" content="http://41.media.tumblr.com/748712934a21970ea66d334ebb37711e/tumblr_o4gzgglwFd1ufxgs3o1_1280.png" />
  71.  
  72. <meta name="color:background" content="#efe4ef"/>
  73. <meta name="color:text" content="#7b5f7b"/>
  74. <meta name="color:text shadow" content="#daa6d7"/>
  75. <meta name="color:bold" content="#472f47"/>
  76. <meta name="color:bold shadow" content="#b693b4"/>
  77. <meta name="color:italic shadow" content="#daa6d7"/>
  78. <meta name="color:blockquote" content="#230523"/>
  79. <meta name="color:link" content="#9a639a"/>
  80. <meta name="color:link hover" content="#e2b2e2"/>
  81. <meta name="color:extra links" content="#b8b8b8"/>
  82. <meta name="color:extra links hover" content="#f2f2f2"/>
  83. <meta name="color:border" content="#d7bcd7"/>
  84. <meta name="color:scrollbar" content="#230523"/>
  85. <meta name="color:tooltip color" content="#b568b5"/>
  86. <meta name="color:tooltip border" content="#d7bcd7"/>
  87. <meta name="color:tooltip bg" content="#f0e6f0"/>
  88.  
  89. <meta name="text:cont height" content="330px" />
  90. <meta name="text:cont top axis" content="280px" />
  91. <meta name="text:cont left axis" content="180px" />
  92.  
  93. <meta name="text:tag symbol" content="✿" />
  94.  
  95. <meta name="text:pagination forward" content="✿" />
  96. <meta name="text:pagination forward title" content="past" />
  97. <meta name="text:pagination backward" content="❀" />
  98. <meta name="text:pagination backward title" content="future" />
  99. <meta name="text:pagination left axis" content="400px" />
  100. <meta name="text:pagination top axis" content="150px" />
  101.  
  102. <meta name="text:A links title" content="reincarnate" />
  103. <meta name="text:A links url" content="/" />
  104. <meta name="text:A links symbol" content="+" />
  105. <meta name="text:A links size" content="25px" />
  106. <meta name="text:A links left axis" content="490px" />
  107. <meta name="text:A links top axis" content="25px" />
  108.  
  109. <meta name="text:B links title" content="Profe" />
  110. <meta name="text:B links url" content="/" />
  111. <meta name="text:B links symbol" content="+" />
  112. <meta name="text:B links size" content="25px" />
  113. <meta name="text:B links left axis" content="520px" />
  114. <meta name="text:B links top axis" content="75px" />
  115.  
  116. <meta name="text:C links title" content="Commandments" />
  117. <meta name="text:C links url" content="/" />
  118. <meta name="text:C links symbol" content="+" />
  119. <meta name="text:C links size" content="25px" />
  120. <meta name="text:C links left axis" content="580px" />
  121. <meta name="text:C links top axis" content="75px" />
  122.  
  123. <meta name="text:D links title" content="Confess" />
  124. <meta name="text:D links url" content="/" />
  125. <meta name="text:D links symbol" content="+" />
  126. <meta name="text:D links size" content="25px" />
  127. <meta name="text:D links left axis" content="600px" />
  128. <meta name="text:D links top axis" content="50px" />
  129.  
  130. <meta name="text:E links title" content="Bestow" />
  131. <meta name="text:E links url" content="/" />
  132. <meta name="text:E links symbol" content="+" />
  133. <meta name="text:E links size" content="25px" />
  134. <meta name="text:E links left axis" content="650px" />
  135. <meta name="text:E links top axis" content="75px" />
  136.  
  137. <meta name="text:F links title" content="Link F" />
  138. <meta name="text:F links url" content="/" />
  139. <meta name="text:F links symbol" content="+" />
  140. <meta name="text:F links size" content="25px" />
  141. <meta name="text:F links left axis" content="700px" />
  142. <meta name="text:F links top axis" content="75px" />
  143.  
  144. <style type="text/css">
  145.  
  146. /** basic tooltip from tutorial-baby**/
  147. .tooltip{
  148. display:inline;
  149. position:relative;
  150. }
  151. #s-m-t-tooltip{
  152. max-width:300px; /*how big the tooltip can be at most*/
  153. border-radius: 3px; /*change your border radius*/
  154. padding:2px 2px 2px 2px; /*padding inside tooltip*/
  155. margin:20px 7px -2px 20px; /*distance from word*/
  156. background-color:{color:tooltip bg};/*background color*/
  157. border:1px solid {color:tooltip border}; /*border info*/
  158. font-family: 'Goudy Bookletter 1911', serif; /*tooltip font*/
  159. font-size:11px; /*tooltip font size*/
  160. letter-spacing:1px; /*tooltip letter spacing*/
  161. text-transform:uppercase; /*makes the tooltip title uppercase*/
  162. color:{color:tooltip color}; /*tooltip font color*/
  163. z-index:99999999999999999999;
  164. }
  165.  
  166. ::-webkit-scrollbar-thumb{
  167. background-color: {color:scrollbar};
  168. height:auto;
  169. }
  170.  
  171. ::-webkit-scrollbar {
  172. height:auto;
  173. width:4px;
  174.  
  175. }
  176.  
  177. /*- body -*/
  178.  
  179. body {
  180. margin:0px;
  181. font-family: 'Goudy Bookletter 1911', serif;
  182. font-size:14px;
  183. text-shadow: 1px 1px 1px {color:Text shadow};
  184. letter-spacing:1px;
  185. line-height:120%;
  186. color:{color:text};
  187. background:{color:background};
  188. background-image:url({text:bg url});
  189. background-attachment: fixed;
  190. background-image:stretch;
  191. background-repeat: no-repeat;
  192. background-image:cover;
  193. background-position:left top;
  194. }
  195.  
  196. b, strong{
  197. color: {color:bold};
  198. text-shadow: 1px 1px 1px {color:Bold shadow};
  199. font-size:15px;
  200. letter-spacing:1px;
  201. font-family: 'Dancing Script', cursive;
  202. }
  203.  
  204. i, em, strong {
  205. font-size:15px;
  206. text-shadow: 1px 1px 1px {color:Italic shadow};
  207. letter-spacing:1px;
  208. font-family: 'Satisfy', cursive;
  209. }
  210.  
  211. h1 {
  212. color: {color:bold};
  213. font-size:25px;
  214. text-shadow: 1px 1px 1px {color:bold shadow};
  215. text-align:center;
  216. font-family: 'La Belle Aurore', cursive;
  217. line-height:120%;
  218. font-weight:normal;
  219. }
  220.  
  221. h2 {
  222. color: {color:bold};
  223. font-size:20px;
  224. text-shadow: 1px 1px 1px {color:bold shadow};
  225. text-align:center;
  226. font-family: 'La Belle Aurore', cursive;
  227. line-height:120%;
  228. font-normal:normal;
  229. }
  230.  
  231. blockquote {
  232. border-radius:7px;
  233. border-left:2px solid {color:blockquote};
  234. padding-left:10px;
  235. padding-top:0.5px;
  236. padding-bottom:0.5px;
  237. margin:5px;
  238. }
  239.  
  240. a {
  241. text-decoration:none;
  242. outline:none;
  243. -moz-outline-style:none;
  244. color:{color:link};
  245. -webkit-transition: all 0.6s ease;
  246. -moz-transition: all 0.6s ease;
  247. -o-transition: all 0.6s ease
  248. }
  249.  
  250. a:hover {
  251. color:{color:link hover};
  252. -webkit-transition: all 0.8s ease;
  253. -moz-transition: all 0.8s ease;
  254. -o-transition: all 0.8s ease
  255. }
  256.  
  257. blockquote img {
  258. max-width:100%;
  259. height:auto;
  260. }
  261.  
  262. img {
  263. max-width: 100%;
  264. }
  265.  
  266. /*- posts/entries -*/
  267.  
  268. #entries {
  269. left:{text:cont left axis};
  270. top:{text:cont top axis};
  271. position:fixed;
  272. background-color:transparent;
  273. width:455px;
  274. height:{text:cont height};
  275. padding: 20px;
  276. overflow-x:scroll;
  277. scroll:left;
  278. overflow-x:hidden;
  279. }
  280.  
  281.  
  282. #post {
  283. padding-bottom:30px;
  284. margin-top:20px;
  285. }
  286.  
  287.  
  288. #links {
  289. margin-top:{text:links top axis};
  290. margin-left:{text:links left axis};
  291. width:10px;
  292. height:auto;
  293. text-align:center;
  294. font-size:25px;
  295. font-family:calibri;
  296. word-spacing:2px;
  297. position:fixed;
  298. }
  299.  
  300. #links a {
  301. -webkit-transition: all 0.4s ease;
  302. -moz-transition: all 0.4s ease;
  303. -o-transition: all 0.4s ease;
  304. }
  305.  
  306. #links a:hover {
  307. -webkit-filter: blur(4px);
  308. color:{color:link hover}
  309. -webkit-transition: all 0.4s ease;
  310. -moz-transition: all 0.4s ease;
  311. -o-transition: all 0.4s ease;
  312. }
  313.  
  314. #alinks {
  315. top:{text:A links top axis};
  316. left:{text:A links left axis};
  317. height:auto;
  318. text-align:center;
  319. font-size:{text:A links size};
  320. font-family:calibri;
  321. position:fixed;
  322. }
  323.  
  324. #alinks a {
  325. color:{color:extra links};
  326. -webkit-transition: all 0.4s ease;
  327. -moz-transition: all 0.4s ease;
  328. -o-transition: all 0.4s ease;
  329. }
  330.  
  331. #alinks a:hover {
  332. color:{color:extra links hover};
  333. -webkit-transition: all 0.4s ease;
  334. -moz-transition: all 0.4s ease;
  335. -o-transition: all 0.4s ease
  336. }
  337.  
  338. #blinks {
  339. top:{text:B links top axis};
  340. left:{text:B links left axis};
  341. height:auto;
  342. text-align:center;
  343. font-size:{text:B links size};
  344. font-family:calibri;
  345. position:fixed;
  346. }
  347.  
  348. #blinks a {
  349. color:{color:extra links};
  350. -webkit-transition: all 0.4s ease;
  351. -moz-transition: all 0.4s ease;
  352. -o-transition: all 0.4s ease;
  353. }
  354.  
  355. #blinks a:hover {
  356. color:{color:extra links hover};
  357. -webkit-transition: all 0.4s ease;
  358. -moz-transition: all 0.4s ease;
  359. -o-transition: all 0.4s ease;
  360. }
  361.  
  362. #clinks {
  363. top:{text:C links top axis};
  364. left:{text:C links left axis};
  365. height:auto;
  366. text-align:center;
  367. font-size:{text:C links size};
  368. font-family:calibri;
  369. position:fixed;
  370. }
  371.  
  372. #clinks a {
  373. color:{color:extra links};
  374. -webkit-transition: all 0.4s ease;
  375. -moz-transition: all 0.4s ease;
  376. -o-transition: all 0.4s ease;
  377. }
  378.  
  379. #clinks a:hover {
  380. color:{color:extra links hover};
  381. -webkit-transition: all 0.4s ease;
  382. -moz-transition: all 0.4s ease;
  383. -o-transition: all 0.4s ease;
  384. }
  385.  
  386. #dlinks {
  387. top:{text:D links top axis};
  388. left:{text:D links left axis};
  389. text-align:center;
  390. height:auto;
  391. font-size:{text:D links size};
  392. font-family:calibri;
  393. position:fixed;
  394. }
  395.  
  396. #dlinks a {
  397. color:{color:extra links};
  398. -webkit-transition: all 0.4s ease;
  399. -moz-transition: all 0.4s ease;
  400. -o-transition: all 0.4s ease;
  401. }
  402.  
  403. #dlinks a:hover {
  404. color:{color:extra links hover};
  405. -webkit-transition: all 0.4s ease;
  406. -moz-transition: all 0.4s ease;
  407. -o-transition: all 0.4s ease;
  408. }
  409.  
  410. #elinks {
  411. top:{text:E links top axis};
  412. left:{text:E links left axis};
  413. height:auto;
  414. text-align:center;
  415. font-size:{text:E links size};
  416. font-family:calibri;
  417. position:fixed;
  418. }
  419.  
  420. #elinks a {
  421. color:{color:extra links};
  422. -webkit-transition: all 0.4s ease;
  423. -moz-transition: all 0.4s ease;
  424. -o-transition: all 0.4s ease;
  425. }
  426.  
  427. #elinks a:hover {
  428. color:{color:extra links hover};
  429. -webkit-transition: all 0.4s ease;
  430. -moz-transition: all 0.4s ease;
  431. -o-transition: all 0.4s ease;
  432. }
  433.  
  434. #flinks {
  435. top:{text:F links top axis};
  436. left:{text:F links left axis};
  437. height:auto;
  438. text-align:center;
  439. font-size:{text:F links size};
  440. font-family:calibri;
  441. position:fixed;
  442. }
  443.  
  444. #flinks a {
  445. color:{color:extra links};
  446. -webkit-transition: all 0.4s ease;
  447. -moz-transition: all 0.4s ease;
  448. -o-transition: all 0.4s ease;
  449. }
  450.  
  451. #flinks a:hover {
  452. color:{color:extra links hover};
  453. -webkit-transition: all 0.4s ease;
  454. -moz-transition: all 0.4s ease;
  455. -o-transition: all 0.4s ease;
  456. }
  457.  
  458.  
  459. #pagination {
  460. margin-top:{text:pagination top axis};
  461. margin-left:{text:pagination left axis};
  462. text-align:center;
  463. font-size:20px;
  464. position:fixed;
  465. font-family:calibri;
  466. }
  467.  
  468. /*- others -*/
  469.  
  470. #info {
  471. text-align:center;
  472. width:450px;
  473. margin-top:10px;
  474. padding: 5px;
  475. font-size: 12px;
  476. color: {color:link};
  477. border-top: 1px solid {color:border};
  478. }
  479.  
  480. #ask {
  481. padding:9px;
  482. padding-top:4px;
  483. padding-bottom:4px;
  484. text-align:left;
  485. text-transform:italic;
  486. color:{color:text};
  487. border-left:2px solid {color:blockquote};
  488. border-radius:7px;
  489. line-height:200%
  490. }
  491.  
  492. #answer {
  493. width: 450px;
  494. padding-top: 5px;
  495. margin-left: 7px;
  496. line-height:120%;
  497. }
  498.  
  499. #quote {
  500. font-size: 20px;
  501. text-align: center;
  502. line-height: 100%;
  503. font-family: 'Calligraffitti', cursive;
  504. }
  505.  
  506. #credit {
  507. font-size:9px;
  508. font-family:calibri;
  509. letter-spacing:1px;
  510. }
  511.  
  512. #credit a {
  513. color:{color:tooltip color};
  514. background-color:{color:tooltip bg};
  515. border:1px solid {color:tooltip border};
  516. border-radius:5px;
  517. padding:5px;
  518. position:fixed;
  519. right:15px;
  520. bottom:10px
  521. }
  522.  
  523. #credit a hover {
  524. color:{color:link hover};
  525. }
  526.  
  527. #tags {
  528. font-style:normal;
  529. width:450px;
  530. text-transform:normal;
  531. font-style:normal;
  532. line-height:120%;
  533. text-align:center;
  534. }
  535.  
  536. #fade { /*--Transparent background layer--*/
  537. display: none; /*--hidden by default--*/
  538. background: #000;
  539. position: fixed; left: 0; top: 0;
  540. width: 100%; height: 100%;
  541. opacity: .80;
  542. z-index: 9999;
  543. }
  544. .popup_block{
  545.  
  546. display: none; /*--hidden by default--*/
  547. background-image:url("https://41.media.tumblr.com/4bf910a2a59c70dd0375e2b7b4cabaa4/tumblr_o4fahxSCvx1ufxgs3o1_400.png");
  548. height:550px;
  549. padding: 5px;
  550. border: 3px solid #d7bcd7;
  551. text-align:center;
  552. float: left;
  553. position: fixed;
  554. top: 55%; left: 55%;
  555. z-index: 999999;
  556. /*--CSS3 Box Shadows--*/
  557. -webkit-box-shadow: 0px 0px 20px #000;
  558. -moz-box-shadow: 0px 0px 20px #000;
  559. box-shadow: 0px 0px 20px #000;
  560. /*--CSS3 Rounded Corners--*/
  561. -webkit-border-radius: 2px;
  562. -moz-border-radius: 2px;
  563. border-radius: 10px;
  564. }
  565. img.btn_close {
  566. float: right;
  567. margin: -2px -2px 0 0;
  568. }
  569. /*--Making IE6 Understand Fixed Positioning--*/
  570. *html #fade {
  571. position: absolute;
  572. }
  573. *html .popup_block {
  574. position: absolute;
  575. }
  576.  
  577. /************** FLAGS UPDATES TAB **************/
  578. /* tutorial by deanlirium|tumblr (clarence.tk) */
  579.  
  580. #flags {
  581. position:fixed;
  582. top:50px; /* distance from the top of the page - adjust as you wish! */
  583. left:-10px;
  584. text-align:left;
  585. /* the text is in all caps - delete this line and it won't be */
  586. color:#7b5f7b; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  587. font-size:12px; /* adjust font size */
  588. letter-spacing:1px;
  589. z-index:2147483607;
  590. font-family: 'Goudy Bookletter 1911', serif;}
  591.  
  592.  
  593. #flag1 {
  594. border:solid 6px #230523; /* flag color */
  595. border-right:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  596. padding-left:10px;
  597. width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  598. height:0px;
  599. position:absolute;
  600. -moz-transition:all 0.7s ease-out;
  601. -webkit-transition:all 0.7s ease-out;
  602. -o-transition:all 0.7s ease-out;}
  603.  
  604. #flag1:hover {
  605. width:180px;} /* lenght of the OPEN flag */
  606.  
  607. #upd1 {
  608. position:absolute;
  609. width:110px;
  610. padding:10px;
  611. padding-left:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
  612. left:-180px;
  613. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  614. opacity:0;
  615. -moz-transition:all 0.7s ease-out;
  616. -webkit-transition:all 0.7s ease-out;
  617. -o-transition:all 0.7s ease-out;}
  618.  
  619. #flag1:hover #upd1{
  620. left:0px;
  621. opacity:1;}
  622.  
  623. /* following is the coding for the other flags - same as above! */
  624.  
  625. #flag2 {
  626. border:solid 6px #472f47;
  627. margin-top:20px;
  628. position:absolute;
  629. border-right:solid 6px transparent;
  630. padding-left:10px;
  631. width:20px;
  632. height:0px;
  633. -moz-transition:all 0.7s ease-out;
  634. -webkit-transition:all 0.7s ease-out;
  635. -o-transition:all 0.7s ease-out;}
  636.  
  637. #flag2:hover {
  638. width:180px;}
  639.  
  640. #upd2 {
  641. position:absolute;
  642. width:110px;
  643. padding:10px;
  644. padding-left:60px;
  645. left:-180px;
  646. margin-top:6px;
  647. opacity:0;
  648. -moz-transition:all 0.7s ease-out;
  649. -webkit-transition:all 0.7s ease-out;
  650. -o-transition:all 0.7s ease-out;}
  651.  
  652. #flag2:hover #upd2{
  653. left:0px;
  654. opacity:1;}
  655.  
  656. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
  657.  
  658. #flag3 {
  659. border:solid 6px #9a639a;
  660. position:absolute;
  661. margin-top:40px; /* this one! */
  662. border-right:solid 6px transparent;
  663. padding-left:10px;
  664. width:20px;
  665. height:0px;
  666. -moz-transition:all 0.7s ease-out;
  667. -webkit-transition:all 0.7s ease-out;
  668. -o-transition:all 0.7s ease-out;}
  669.  
  670. #flag3:hover {
  671. width:180px;}
  672.  
  673. #upd3 {
  674. position:absolute;
  675. width:110px;
  676. padding:10px;
  677. padding-left:60px;
  678. left:-180px;
  679. margin-top:6px;
  680. opacity:0;
  681. -moz-transition:all 0.7s ease-out;
  682. -webkit-transition:all 0.7s ease-out;
  683. -o-transition:all 0.7s ease-out;}
  684.  
  685. #flag3:hover #upd3{
  686. left:0px;
  687. opacity:1;}
  688.  
  689. /* to here */
  690.  
  691. {CustomCSS}</style></head><body>
  692.  
  693. <div id="flags">
  694. <div id="flag1"><div id="upd1">
  695.  
  696. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/s/29e4vf1qy0nglj0/01.mp3?dl=0&t0=君の銀の庭&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></p>
  697.  
  698. Indie <i>Labrador/Ilyusha Krat</i> Roleplay and Ask Blog.</br>
  699. <b>Private</b> | <b>Highly Selective</b></p>
  700. <i>Please read the rules before interacting.</i></p>
  701.  
  702. Will answer asks or do short one liner things/crack/smut</p>
  703.  
  704. </div></div>
  705.  
  706. <div id="flag2"><div id="upd2">
  707.  
  708. <b>Magical Anons</b>: </p>
  709. <i>Active but slow replies</i></p>
  710. <b>Tracking:</b> silvergxrden</p>
  711. <b>NSFW tag:</b> </p>
  712.  
  713. </div></div>
  714.  
  715. <!---- if you want more flags, copy from here ---->
  716.  
  717. <div id="flag3"><div id="upd3">
  718.  
  719. <b>Credit:</b>
  720.  
  721. Theme by <b><a href="http://amxthystus.tumblr.com">amxthystus</a></b></p>
  722.  
  723. <b>Icons:</b></p>
  724.  
  725. <b>Other blogs: </b></p>
  726.  
  727. </div></div>
  728.  
  729. <!---- to here and change the numbers according to your css! ---->
  730.  
  731. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  732.  
  733. </div>
  734.  
  735. <div id="links">
  736.  
  737.  
  738. <div id="alinks"><a href="{text:A links url}" title="{text:A links title}"><img src="https://41.media.tumblr.com/14fe923cc6deddd64ecfc5101010f532/tumblr_o4dwokMUUF1ufxgs3o1_75sq.png"></a></div>
  739. <div id="blinks"><a href="{text:B links url}" title="{text:B links title}"><img src="https://41.media.tumblr.com/825299271828e3bcc2961ea09271fd8d/tumblr_o4dwokMUUF1ufxgs3o2_75sq.png"></a></div>
  740. <div id="clinks"><a href="{text:C links url}" title="{text:C links title}"><img src="https://41.media.tumblr.com/57c09902c2c59ef44abd494875db239a/tumblr_o4dwokMUUF1ufxgs3o3_75sq.png"></a></div>
  741. <div id="dlinks"><a href="#?w=400" rel="q" class="poplight" title="{text:D links title}"><img src="https://41.media.tumblr.com/825299271828e3bcc2961ea09271fd8d/tumblr_o4dwokMUUF1ufxgs3o2_75sq.png"></a></div>
  742. <div id="elinks"><a href="#?w=400" rel="submit" class="poplight" title="{text:E links title}"><img src="https://41.media.tumblr.com/14fe923cc6deddd64ecfc5101010f532/tumblr_o4dwokMUUF1ufxgs3o1_75sq.png"></a></div>
  743. <div id="flinks"><a href="{text:F links url}" title="{text:F links title}"><img src="https://41.media.tumblr.com/57c09902c2c59ef44abd494875db239a/tumblr_o4dwokMUUF1ufxgs3o3_75sq.png"></a></div>
  744.  
  745. </div>
  746.  
  747. </div>
  748.  
  749. {block:Pagination}
  750. <div id="pagination">
  751.  
  752. {block:PreviousPage}<a href="{PreviousPage}" title="{text:pagination backward title}">{text:pagination backward}</a>{/block:PreviousPage} —
  753. {block:NextPage} <a href="{NextPage}" title="{text:pagination forward title}">{text:pagination forward}</a>{/block:NextPage}
  754. </div>{/block:Pagination}
  755.  
  756. </div></div>
  757.  
  758. <div id="entries">{block:Posts}<div id="post">
  759.  
  760. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  761.  
  762. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  763.  
  764. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  765.  
  766. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  767.  
  768.  
  769. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  770.  
  771. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  772.  
  773. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  774. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  775. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  776. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  777. {/block:Audio}
  778.  
  779. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  780.  
  781. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="float:left;">&nbsp;<b>{Asker}:</b> <i>{Question}</i></div><br><div id="answer">{Answer}</div>{/block:Answer}
  782.  
  783. <div id="info">
  784. {block:Date}<a href="{Permalink}">
  785. {TimeAgo}</a></a>{/block:Date} | <a href="{Permalink}">
  786. {NoteCountWithLabel}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}"
  787. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} <br>
  788. {block:HasTags}<div class="tags"> {block:Tags}<a href="{TagURL}">{text:tag symbol}{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  789.  
  790. </div>
  791.  
  792. </div>
  793. {/block:Posts}
  794. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  795. {/block:Posts}</div></div></div>
  796.  
  797. <div id="credit"><a href="http://empireofoao.tumblr.com/post/140496825751/you-found-aoibaras-indie-contained-theme-code" title="code by Aoibara">oAo</a></center></div>
  798.  
  799.  
  800. </body>
  801.  
  802. <div id="q" class="popup_block">
  803. <div style="background-color:#transparent; width:76px;padding:10px;text-align:normal; text-style:normal; letter-spacing:1px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:520px ; width: 380px;">
  804. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/silvergxrden.tumblr.com" width="100%"></iframe></p>
  805.  
  806. <h1>What would you like to ask the flowers?</h1></p>
  807.  
  808. </div></div></div></div>
  809. <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  810.  
  811.  
  812. <div id="submit" class="popup_block">
  813. <div style="background-color:#transparent; width:76px;padding:10px;text-align:normal; text-style:normal; letter-spacing:1px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:520px ; width: 380px;">
  814. <iframe frameborder="0" height="200" id="submit_form" scrolling="yes" src="http://www.tumblr.com/submit_form/silvergxrden.tumblr.com" width="100%"></iframe>
  815.  
  816. <h1>Is this for the flowers? They will surely appreciate it.</h1></p>
  817.  
  818. </div></div></div></div>
  819. </html>
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!