API tools faq
paste
Advertisement
fatblackcat

asdf

fatblackcat
Nov 12th, 2015
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.37 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <meta name="description" content="{MetaDescription}" />
  7.  
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10. <script>
  11. $(document).ready(function() {
  12. //
  13. $('a.poplight[href^=#]').click(function() {
  14. var popID = $(this).attr('rel'); //Get Popup Name
  15. var popURL = $(this).attr('href'); //Get Popup href to define size
  16. var query= popURL.split('?');
  17. var dim= query[1].split('&');
  18. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  19. $('#' + 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>');
  20. var popMargTop = ($('#' + popID).height() + 80) / 2;
  21. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  22. //Apply Margin to Popup
  23. $('#' + popID).css({
  24. 'margin-top' : -popMargTop,
  25. 'margin-left' : -popMargLeft
  26. });
  27. $('body').append('<div id="fade"></div>');
  28. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  29. return false;
  30. });
  31. $('a.close, #fade').live('click', function() {
  32. $('#fade , .popup_block').fadeOut(function() {
  33. $('#fade, a.close').remove(); //fade them both out
  34. });
  35. return false;
  36. });
  37. });
  38. </script>
  39.  
  40. <link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  41.  
  42.  
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44.  
  45. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  46.  
  47. <script>
  48.  
  49. (function($){
  50.  
  51. $(document).ready(function(){
  52.  
  53. $("a[title]").style_my_tooltips({
  54.  
  55. tip_follows_cursor:true,
  56.  
  57. tip_delay_time:90,
  58.  
  59. tip_fade_speed:600,
  60.  
  61. attribute:"title"
  62.  
  63. });
  64.  
  65. });
  66.  
  67. })(jQuery);
  68.  
  69. </script>
  70. <!--basic tooltip from tutorial-baby! Enjoy-->
  71. <style>
  72.  
  73. #s-m-t-tooltip {
  74. max-width:300px; /*how big the tooltip can be at most*/
  75. border-radius: 2px; /*change your border radius*/
  76. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  77. margin:20px 7px -2px 20px; /*distance from word*/
  78. background-color:{color:link title hover bg}; /*background color*/
  79. border:1px solid {color:link title hover border}; /*border info*/
  80. font-family:times; /*tooltip font*/
  81. font-size:9px; /*tooltip font size*/
  82. letter-spacing:2px; /*tooltip letter spacing*/
  83. text-transform:uppercase; /*makes the tooltip title uppercase*/
  84. color:{color:link title color}; /*tooltip font color*/
  85. z-index:999999999999999999999999999999999999;
  86. }
  87. </style>
  88.  
  89. <!---- this is theme 52 by Hollywhood
  90. please don't remove the credit
  91. thank you
  92. --->
  93.  
  94. <meta name="color:Background" content="#ffffff"/>
  95. <meta name="color:Text" content="#9B9B9B"/>
  96. <meta name="color:bold" content="#9B9B9B"/>
  97. <meta name="color:Link" content="#b8b8b8"/>
  98. <meta name="color:Link Hover" content="#eeeeee"/>
  99. <meta name="color:Custom Link" content="#b8b8b8"/>
  100. <meta name="color:Custom Link Hover" content="#eeeeee"/>
  101. <meta name="color:blockquote" content="#eeeeee"/>
  102. <meta name="color:border" content="#EEEEEE"/>
  103. <meta name="color:scrollbar" content="#999999">
  104. <meta name="color:post info bg" content="#ffffff">
  105. <meta name="color:link title hover bg" content="#ffffff">
  106. <meta name="color:link title hover border" content="#ffffff">
  107. <meta name="color:link title color" content="#b690e7">
  108. <meta name="color:audio bg" content="#b690e7">
  109. <meta name="color:ask bg" content="#b690e7">
  110. <meta name="color:ask border" content="#b690e7">
  111.  
  112. <meta name="text:bg url" content=""/>
  113.  
  114. <meta name="text:tag symbol" content="#">
  115. <meta name="text:pagi back" content="♙">
  116. <meta name="text:pagi forward" content="♟">
  117.  
  118. <meta name="text:post width" content="450px"/>
  119. <meta name="text:cont height" content="450px"/>
  120. <meta name="text:cont width" content="455px"/>
  121. <meta name="text:cont left" content=""/>
  122. <meta name="text:cont top" content=""/>
  123.  
  124. <meta name="text:alinks symbol" content="❄"/>
  125. <meta name="text:alinks size" content="20px"/>
  126. <meta name="text:alinks top axis" content="135px"/>
  127. <meta name="text:alinks left axis" content="977px"/>
  128.  
  129. <meta name="text:blinks symbol" content="❄"/>
  130. <meta name="text:blinks size" content="20px"/>
  131. <meta name="text:blinks top axis" content="178px"/>
  132. <meta name="text:blinks left axis" content="1049px"/>
  133.  
  134. <meta name="text:clinks symbol" content="❄"/>
  135. <meta name="text:clinks size" content="20px"/>
  136. <meta name="text:clinks top axis" content="226px"/>
  137. <meta name="text:clinks left axis" content="965px"/>
  138.  
  139. <meta name="text:dlinks symbol" content="❋"/>
  140. <meta name="text:dlinks size" content="20px"/>
  141. <meta name="text:dlinks top axis" content="283px"/>
  142. <meta name="text:dlinks left axis" content="1015px"/>
  143.  
  144. <meta name="text:elinks symbol" content="❋"/>
  145. <meta name="text:elinks size" content="20px"/>
  146. <meta name="text:elinks top axis" content="344px"/>
  147. <meta name="text:elinks left axis" content="967px"/>
  148.  
  149. <meta name="text:flinks symbol" content="❋"/>
  150. <meta name="text:flinks size" content="20px"/>
  151. <meta name="text:flinks top axis" content="400px"/>
  152. <meta name="text:flinks left axis" content="1011px"/>
  153.  
  154. <meta name="text:glinks symbol" content="♥"/>
  155. <meta name="text:glinks size" content="50px"/>
  156. <meta name="text:glinks top axis" content="250px"/>
  157. <meta name="text:glinks left axis" content="120px"/>
  158.  
  159. <style type="text/css">
  160.  
  161. ::-webkit-scrollbar-thumb{
  162. background-color: {color:scrollbar};
  163. height:auto;
  164. }
  165.  
  166. ::-webkit-scrollbar {
  167. height:auto;
  168. width:4px;
  169.  
  170. }
  171.  
  172.  
  173. iframe#tumblr_controls {
  174. white-space:nowrap;
  175. -webkit-filter: invert(100%);
  176. -moz-filter: invert(100%);
  177. -o-filter: invert(100%);
  178. -ms-filter: invert(100%);
  179. filter: invert(100%);
  180. opacity:.2;transition: .8s ease-in-out;
  181. -webkit-transition: .8s ease-in-out;
  182. -moz-transition: .8s ease-in-out;
  183. -o-transition: .8s ease-in-out;
  184. }
  185.  
  186. h1 {
  187. font-weight:normal;
  188. font-size:20px;
  189. text-align:center;
  190. font-style:normal;
  191. line-height:100%;
  192. letter-spacing:1px;
  193. text-transform:normal;
  194. color:{color:bold};
  195. font-family: 'Cookie', cursive;
  196. }
  197.  
  198. h2 {
  199. font-size:15px;
  200. text-align:center;
  201. line-height:100%;
  202. letter-spacing:-0.5px;
  203. color:{color:bold};
  204. font-weight:bold;
  205. padding:5px;
  206. padding-bottom:2px;
  207. font-family: 'Cookie', cursive;
  208. }
  209.  
  210. #quote {
  211. font-size: 15pt;
  212. text-align: center;
  213. line-height: 100%;
  214. font-family: 'Cookie', cursive;
  215. }
  216.  
  217. blockquote {
  218. border-left:1px solid #ccc;
  219. padding:6px;
  220. margin:9px 2px 0px 9px
  221. }
  222.  
  223. body {
  224. background:{color:background};
  225. margin:0px;
  226. color:{color:text};
  227. font-family:times;
  228. font-size:12px;
  229. line-height:120%;
  230. background-image:url({text:bg url});
  231. background-attachment: fixed;
  232. background-image:stretch;
  233. background-repeat: no-repeat;
  234. background-image:cover;
  235. background-position:left top;
  236. }
  237.  
  238. a {
  239. text-decoration:none;
  240. outline:none;
  241. -moz-outline-style:none;
  242. color:{color:link};
  243. -moz-transition-duration:0.5s;
  244. -webkit-transition-duration:0.5s;
  245. -o-transition-duration:0.5s;
  246. }
  247.  
  248. a:hover {
  249. outline:none;
  250. -moz-outline-style:none;
  251. color:{color:link hover};
  252. }
  253.  
  254. b, strong{
  255. color: {color:bold};
  256. font-weight: bold;
  257. }
  258.  
  259. i, em, strong {
  260. color: {color:text};
  261.  
  262. }
  263.  
  264. blockquote {
  265. border-left:2px solid;
  266. border-color:{color:blockquote};
  267. padding-left:5px;
  268. margin:5px;
  269. border-radius:7px;
  270. }
  271.  
  272. img {
  273. border:none;
  274. }
  275.  
  276. #theme {
  277. width:500px;
  278. margin:0 auto -12px auto;
  279. }
  280.  
  281. #post {
  282. width:{text:post width};
  283. padding-bottom:30px;
  284. margin-top:20px;
  285. }
  286.  
  287. #entries {
  288. padding:10px;
  289. left:{text:cont left};
  290. top:{text:cont top};
  291. position:fixed;
  292. background-color:transparent;
  293. width:{text:cont width};
  294. height:{text:cont height};
  295. padding: 20px;
  296.  
  297. overflow-x:scroll;
  298. scroll:left;
  299. overflow-x:hidden;
  300. }
  301.  
  302. #line {
  303. width:500px;
  304. height:1px;
  305. margin-top:-6px;
  306. background-color:{color:border};
  307. }
  308.  
  309.  
  310. #links {
  311. position:fixed;
  312. font-family:times;
  313. width:130px;
  314. margin-top:15px;
  315. margin-left:0px;
  316. font-size:10px;
  317. letter-spacing:-1px;
  318. text-align:center;
  319. line-height:200%;
  320. }
  321.  
  322. #links a{
  323. line-height:200%;
  324. padding:1px;
  325. margin-top:1px;
  326. margin-left:4px;
  327. margin-right:4px;
  328. color:{color:link};
  329. -moz-transition-duration:.7s;
  330. -webkit-transition-duration:.7s;
  331. -o-transition-duration:.7s;
  332. }
  333.  
  334. #links a:hover {
  335. color: {color:link hover};
  336. -moz-transition-duration:.4s;
  337. -webkit-transition-duration:.4s;
  338. -o-transition-duration:.4s;
  339.  
  340. }
  341.  
  342. #description {
  343. position:fixed;
  344. width:180px;
  345. font-family:times;
  346. top:50px;
  347. left:40px;
  348. text-align:center;
  349. text-transform:uppercase;
  350. font-size:8px;
  351. color: {color:text};
  352. letter-spacing:1px;
  353. line-height:115%;
  354. padding: 3px;
  355.  
  356. }
  357.  
  358. #description a {
  359. color:{color:link};
  360. }
  361.  
  362. #description a:hover {
  363. color:{color:link hover};
  364. }
  365.  
  366. #pagination {
  367. font-size:20px;
  368. margin-top:575px;
  369. margin-left:250px;
  370. position:fixed;
  371. text-align:center;
  372. text-shadow: 0 0 0.3em #d8caea;
  373. }
  374.  
  375. #pagination a {
  376. color:{color:link};
  377. -moz-transition-duration:.4s;
  378. -webkit-transition-duration:.4s;
  379. -o-transition-duration:.4s;
  380. }
  381.  
  382. #pagination a:hover {
  383. color: {color:link hover};
  384. -moz-transition-duration:.4s;
  385. -webkit-transition-duration:.4s;
  386. -o-transition-duration:.4s;
  387.  
  388. }
  389.  
  390. #alinks {
  391. position:fixed;
  392. font-family:times;
  393. width:10px;
  394. top:{text:alinks top axis};
  395. left:{text:alinks left axis};
  396. font-size:{text:alinks size};
  397. text-transform:lowercase;
  398. text-align:center;
  399. line-height:170%;
  400. text-shadow: 0 0 0.3em #dbdbe4;
  401.  
  402. }
  403.  
  404. #alinks a{
  405. line-height:200%;
  406. padding:1px;
  407. margin-top:1px;
  408. margin-left:4px;
  409. margin-right:4px;
  410. color:{color:custom link};
  411. -moz-transition-duration:.7s;
  412. -webkit-transition-duration:.7s;
  413. -o-transition-duration:.7s;
  414. }
  415.  
  416. #alinks a:hover {
  417. color: {color:custom link hover};
  418. -moz-transition-duration:.4s;
  419. -webkit-transition-duration:.4s;
  420. -o-transition-duration:.4s;
  421.  
  422. }
  423.  
  424. #blinks {
  425. position:fixed;
  426. font-family:times;
  427. width:10px;
  428. top:{text:blinks top axis};
  429. left:{text:blinks left axis};
  430. font-size:{text:blinks size};
  431. text-transform:lowercase;
  432. text-align:center;
  433. line-height:170%;
  434.  
  435. }
  436.  
  437. #blinks a{
  438. line-height:200%;
  439. padding:1px;
  440. margin-top:1px;
  441. margin-left:4px;
  442. margin-right:4px;
  443. color:{color:custom link};
  444. text-shadow: 0 0 0.3em #dbdbe4;
  445. -moz-transition-duration:.7s;
  446. -webkit-transition-duration:.7s;
  447. -o-transition-duration:.7s;
  448. }
  449.  
  450. #blinks a:hover {
  451. color: {color:custom link hover};
  452. -moz-transition-duration:.4s;
  453. -webkit-transition-duration:.4s;
  454. -o-transition-duration:.4s;
  455.  
  456. }
  457.  
  458. #clinks {
  459. position:fixed;
  460. font-family:cambria;
  461. width:10px;
  462. top:{text:clinks top axis};
  463. left:{text:clinks left axis};
  464. font-size:{text:clinks size};
  465. text-transform:lowercase;
  466. text-align:center;
  467. line-height:170%;
  468. text-shadow: 0 0 0.3em #dbdbe4;
  469. }
  470.  
  471. #clinks a{
  472. line-height:200%;
  473. padding:1px;
  474. margin-top:1px;
  475. margin-left:4px;
  476. margin-right:4px;
  477. color:{color:custom link};
  478. -moz-transition-duration:.7s;
  479. -webkit-transition-duration:.7s;
  480. -o-transition-duration:.7s;
  481. }
  482.  
  483. #clinks a:hover {
  484. color: {color:custom link hover};
  485. -moz-transition-duration:.4s;
  486. -webkit-transition-duration:.4s;
  487. -o-transition-duration:.4s;
  488.  
  489. }
  490.  
  491. #dlinks {
  492. position:fixed;
  493. font-family:cambria;
  494. width:10px;
  495. top:{text:dlinks top axis};
  496. left:{text:dlinks left axis};
  497. font-size:{text:dlinks size};
  498. text-transform:lowercase;
  499. text-align:center;
  500. line-height:170%;
  501. text-shadow: 0 0 0.3em #dbdbe4;
  502. }
  503.  
  504. #dlinks a{
  505. line-height:200%;
  506. padding:1px;
  507. margin-top:1px;
  508. margin-left:4px;
  509. margin-right:4px;
  510. color:{color:custom link};
  511. -moz-transition-duration:.7s;
  512. -webkit-transition-duration:.7s;
  513. -o-transition-duration:.7s;
  514. }
  515.  
  516. #dlinks a:hover {
  517. color: {color:custom link hover};
  518. -moz-transition-duration:.4s;
  519. -webkit-transition-duration:.4s;
  520. -o-transition-duration:.4s;
  521.  
  522. }
  523.  
  524. #elinks {
  525. position:fixed;
  526. font-family:cambria;
  527. width:10px;
  528. top:{text:elinks top axis};
  529. left:{text:elinks left axis};
  530. font-size:{text:elinks size};
  531. text-transform:lowercase;
  532. text-align:center;
  533. line-height:170%;
  534. text-shadow: 0 0 0.3em #dbdbe4;
  535. }
  536.  
  537. #elinks a{
  538. line-height:200%;
  539. padding:1px;
  540. margin-top:1px;
  541. margin-left:4px;
  542. margin-right:4px;
  543. color:{color:custom link};
  544. -moz-transition-duration:.7s;
  545. -webkit-transition-duration:.7s;
  546. -o-transition-duration:.7s;
  547. }
  548.  
  549. #elinks a:hover {
  550. color: {color:custom link hover};
  551. -moz-transition-duration:.4s;
  552. -webkit-transition-duration:.4s;
  553. -o-transition-duration:.4s;
  554.  
  555. }
  556.  
  557. #flinks {
  558. position:fixed;
  559. font-family:cambria;
  560. width:10px;
  561. top:{text:flinks top axis};
  562. left:{text:flinks left axis};
  563. font-size:{text:flinks size};
  564. text-transform:lowercase;
  565. text-align:center;
  566. line-height:170%;
  567. text-shadow: 0 0 0.3em #dbdbe4;
  568. }
  569.  
  570. #flinks a{
  571. line-height:200%;
  572. padding:1px;
  573. margin-top:1px;
  574. margin-left:4px;
  575. margin-right:4px;
  576. color:{color:custom link};
  577. -moz-transition-duration:.7s;
  578. -webkit-transition-duration:.7s;
  579. -o-transition-duration:.7s;
  580. }
  581.  
  582. #flinks a:hover {
  583. color: {color:custom link hover};
  584. -moz-transition-duration:.4s;
  585. -webkit-transition-duration:.4s;
  586. -o-transition-duration:.4s;
  587.  
  588. }
  589.  
  590. #glinks {
  591. position:fixed;
  592. font-family:cambria;
  593. width:10px;
  594. top:{text:glinks top axis};
  595. left:{text:glinks left axis};
  596. font-size:{text:glinks size};
  597. text-transform:lowercase;
  598. text-align:center;
  599. line-height:170%;
  600. text-shadow: 0 0 0.3em #dbdbe4;
  601. }
  602.  
  603. #glinks a{
  604. line-height:200%;
  605. padding:1px;
  606. margin-top:1px;
  607. margin-left:4px;
  608. margin-right:4px;
  609. color:{color:custom link};
  610. -moz-transition-duration:.7s;
  611. -webkit-transition-duration:.7s;
  612. -o-transition-duration:.7s;
  613. }
  614.  
  615. #glinks a:hover {
  616. color: {color:custom link hover};
  617. -moz-transition-duration:.4s;
  618. -webkit-transition-duration:.4s;
  619. -o-transition-duration:.4s;
  620.  
  621. }
  622.  
  623. #info {
  624. font-family:times;
  625. width:500px;
  626. margin-top:5px;
  627. padding-top:7px;
  628. font-size:11px;
  629. color:{color:link hover};
  630. letter-spacing:1px;
  631. font-style:normal;
  632. text-align:center;
  633. -moz-transition-duration:0.2s;
  634. -webkit-transition-duration:0.2s;
  635. -o-transition-duration:0.2s;
  636. }
  637.  
  638. #info a {
  639. color:{color:link};
  640. background: {color:post info bg};
  641. padding:3px;
  642. font-style:normal;
  643. }
  644.  
  645. #info a:hover {
  646. color:{color:link hover};
  647. -moz-transition-duration:0.2s;
  648. -webkit-transition-duration:0.2s;
  649. -o-transition-duration:0.2s;
  650. }
  651.  
  652. .tags {
  653. font-family:times;
  654. font-style:normal;
  655. width:500px;
  656. text-transform:normal;
  657. font-style:normal;
  658. line-height:120%;
  659. margin-top:15px;
  660. font-size:11px;
  661. text-align:center;
  662. -moz-transition-duration:0.2s;
  663. -webkit-transition-duration:0.2s;
  664. -o-transition-duration:0.2s;
  665. }
  666. .tags a{
  667. color:{color:link};
  668. }
  669. .tags a:hover{
  670. color:{color:link hover};
  671. }
  672.  
  673. .audio{
  674. background-color:{color:audio bg};
  675. height:65px;
  676. overflow:hidden;
  677. }
  678.  
  679. .question {
  680. padding:9px;
  681. text-align:left;
  682. text-transform:italic;
  683. color:{color:text};
  684. background-color: {color:ask bg};
  685. border-left:3px solid {color:ask border};
  686. border-radius:7px;
  687. line-height:120%;
  688. }
  689.  
  690. .answer {
  691. text-align:left;
  692. padding:7px;
  693. color:{color:text};
  694. }
  695.  
  696. #credit {
  697. font-size:9px;
  698. font-family:cambria;
  699. font-style:italic;
  700. letter-spacing:1px;
  701. -moz-transition-duration:0.5s;
  702. -webkit-transition-duration:0.5s;
  703. -o-transition-duration:0.5s;
  704. }
  705.  
  706. #credit a {
  707. background-color:#fff;
  708. padding:5px;
  709. border:1px solid #e9e9e9;
  710. position:fixed;
  711. right:15px;
  712. bottom:10px
  713. }
  714.  
  715. #credit a:hover {
  716. color:#fff;
  717. background-color:#191919;
  718. }
  719.  
  720. #fade { /*--Transparent background layer--*/
  721. display: none; /*--hidden by default--*/
  722. background: #fff;
  723. position: fixed; left: 0; top: 0;
  724. width: 100%; height: 100%;
  725. opacity: .80;
  726. z-index: 99999;
  727. }
  728. .popup_block{
  729.  
  730. display: none; /*--hidden by default--*/
  731. background-image:url("http://41.media.tumblr.com/a1d0d92c53a803aacbd4d6c94d8856a7/tumblr_nxonlnCEVk1uimum4o1_1280.png");
  732. height:430px;
  733.  
  734. padding: 5px;
  735. border: 3px solid #aeb0ff;
  736. border-radius: 10px;
  737. text-align:center;
  738. float: left;
  739. font-size: 12px;
  740. position: fixed;
  741. top: 55%; left: 55%;
  742. z-index: 999999;
  743. /*--CSS3 Box Shadows--*/
  744. -webkit-box-shadow: 0px 0px 20px #000;
  745. -moz-box-shadow: 0px 0px 20px #000;
  746. box-shadow: 0px 0px 20px #000;
  747. /*--CSS3 Rounded Corners--*/
  748. -webkit-border-radius: 2px;
  749. -moz-border-radius: 2px;
  750. border-radius: 2px;
  751. }
  752. img.btn_close {
  753. float: right;
  754. margin: -2px -2px 0 0;
  755. }
  756. /*--Making IE6 Understand Fixed Positioning--*/
  757. *html #fade {
  758. position: absolute;
  759. }
  760. *html .popup_block {
  761. position: absolute;
  762. }
  763.  
  764. /************** FLAGS UPDATES TAB **************/
  765. /* tutorial by deanlirium|tumblr (clarence.tk) */
  766.  
  767. #flags {
  768. position:fixed;
  769. top:100px; /* distance from the top of the page - adjust as you wish! */
  770. right:0px;
  771. text-align:left; /* the text is in all caps - delete this line and it won't be */
  772. color:#9295c9; /* 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 #! */
  773. font-size:8px; /* adjust font size */
  774. letter-spacing:1px;
  775. z-index:2147483607;
  776. font-family:calibri;}
  777.  
  778.  
  779. #flag1 {
  780. border:solid 6px #413481; /* flag color */
  781. border-left: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! */
  782. padding-right:10px;
  783. right:00px;
  784. width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  785. height:0px;
  786. position:absolute;
  787. -moz-transition:all 0.7s ease-out;
  788. -webkit-transition:all 0.7s ease-out;
  789. -o-transition:all 0.7s ease-out;}
  790.  
  791. #flag1:hover {
  792. width:180px;} /* lenght of the OPEN flag */
  793.  
  794. #upd1 {
  795. position:absolute;
  796. width:110px;
  797. padding:10px;
  798. padding-right:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
  799. right:-180px;
  800. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  801. opacity:0;
  802. -moz-transition:all 0.7s ease-out;
  803. -webkit-transition:all 0.7s ease-out;
  804. -o-transition:all 0.7s ease-out;}
  805.  
  806. #flag1:hover #upd1{
  807. right:0px;
  808. opacity:1;}
  809.  
  810. /* following is the coding for the other flags - same as above! */
  811.  
  812. #flag2 {
  813. border:solid 6px #a1a3ff;
  814. margin-top:20px;
  815. position:absolute;
  816. border-left:solid 6px transparent;
  817. padding-right:10px;
  818. right:00px;
  819. width:20px;
  820. height:0px;
  821. -moz-transition:all 0.7s ease-out;
  822. -webkit-transition:all 0.7s ease-out;
  823. -o-transition:all 0.7s ease-out;}
  824.  
  825. #flag2:hover {
  826. width:180px;}
  827.  
  828. #upd2 {
  829. position:absolute;
  830. width:110px;
  831. padding:10px;
  832. padding-right:60px;
  833. right:-180px;
  834. margin-top:6px;
  835. opacity:0;
  836. -moz-transition:all 0.7s ease-out;
  837. -webkit-transition:all 0.7s ease-out;
  838. -o-transition:all 0.7s ease-out;}
  839.  
  840. #flag2:hover #upd2{
  841. right:0px;
  842. opacity:1;}
  843.  
  844. /*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: */
  845.  
  846. #flag3 {
  847. border:solid 6px #e3e7ff;
  848. position:absolute;
  849. margin-top:40px; /* this one! */
  850. border-left:solid 6px transparent;
  851. padding-right:10px;
  852. right:0px;
  853. width:20px;
  854. height:0px;
  855. -moz-transition:all 0.7s ease-out;
  856. -webkit-transition:all 0.7s ease-out;
  857. -o-transition:all 0.7s ease-out;}
  858.  
  859. #flag3:hover {
  860. width:180px;}
  861.  
  862. #upd3 {
  863. position:absolute;
  864. width:110px;
  865. padding:10px;
  866. padding-right:60px;
  867. right:-180px;
  868. margin-top:6px;
  869. opacity:0;
  870. -moz-transition:all 0.7s ease-out;
  871. -webkit-transition:all 0.7s ease-out;
  872. -o-transition:all 0.7s ease-out;}
  873.  
  874. #flag3:hover #upd3{
  875. right:0px;
  876. opacity:1;}
  877.  
  878. /* to here */
  879.  
  880. {CustomCSS}</style></head><body>
  881.  
  882. <div id="flags">
  883. <div id="flag1"><div id="upd1">
  884.  
  885. "My name is Teito Klein but I was born Wahrheit Tiashe Raggs. You may call me Teito or Tiashe. I can't say I am fond of the name Wahrheit. I'm a former combat slave and deserter of the Barsburg Army. I'm the prince of the fallen Kingdom of Raggs."</p>
  886.  
  887. </div></div>
  888.  
  889. <div id="flag2"><div id="upd2">
  890.  
  891. Independent RP blog for Teito Klein from 07-GHOST.</p>
  892.  
  893. </div></div>
  894.  
  895. <!---- if you want more flags, copy from here ---->
  896.  
  897. <div id="flag3"><div id="upd3">
  898.  
  899. <b>tracks:</b> teitokleinprinceofraggs</p>
  900.  
  901. </div></div>
  902.  
  903. <!---- to here and change the numbers according to your css! ---->
  904.  
  905. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  906.  
  907. </div>
  908.  
  909.  
  910. <div id="theme">
  911.  
  912. <div id="sidebar">
  913.  
  914. <div id="sidebarimage">
  915. <a title="{text:homelink title}" href="/"><img src="{image:sidebar}"> </a></div>
  916.  
  917. <div id="alinks"><a href="/" title="office">{text:alinks symbol}</a></div>
  918. <div id="blinks"><a href="/muse" title="prince">{text:blinks symbol}</a></div>
  919. <div id="clinks"><a href="#?w=530" rel="r" class="poplight" title="commandments">{text:clinks symbol}</a></div>
  920. <div id="dlinks"><a href="#?w=530" rel="q" class="poplight" title="questions?">{text:dlinks symbol}</a></div>
  921. <div id="elinks"><a href="/submit" title="Bestow">{text:elinks symbol}</a></div>
  922. <div id="flinks"><a href="/mun" title="Mun">{text:flinks symbol}</a></div>
  923. <div id="glinks"><a href="/relationship" title="Bonds">{text:glinks symbol}</a></div>
  924.  
  925.  
  926. {block:Pagination}
  927. <div id="pagination">
  928.  
  929. {block:PreviousPage}<a href="{PreviousPage}" title="back">{text:pagi back}</a>{/block:PreviousPage}
  930. {block:NextPage}— <a href="{NextPage}" title="forth">{text:pagi forward}</a>{/block:NextPage}
  931. </div>{/block:Pagination}
  932.  
  933. </div></div>
  934.  
  935.  
  936.  
  937. <div id="entries">{block:Posts}<div id="post">
  938.  
  939. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  940.  
  941. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  942.  
  943. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  944.  
  945. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  946.  
  947. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  948.  
  949. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  950.  
  951. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  952. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  953.  
  954. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  955.  
  956. {block:Answer}<div class="question"><img src="{AskerPortraitURL-24}" style="float:left;">&nbsp;&nbsp; {ASKER}:<br><i>&nbsp;&nbsp; {Question}</i></div><div class="answer">{Answer}</div>{/block:answer}
  957.  
  958. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} &nbsp;{DayOfMonth}</a>
  959. {/block:Date} {block:NoteCount}&nbsp; <a href="{Permalink}">♥ {NoteCount} </a> {/block:NoteCount}
  960. &nbsp;
  961. {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} </br>
  962. </div>
  963.  
  964. <div id="line"></div>
  965.  
  966. {block:HasTags}
  967. <div class="tags">
  968. {block:Tags} <a href="{TagURL}"> {text:tag symbol} {Tag} &nbsp; </a> {/block:Tags}</div>
  969. {/block:HasTags}
  970. <div class="postnote">
  971. {block:PostNotes}{PostNotes}{/block:PostNotes}
  972. </div>
  973.  
  974. </div>
  975.  
  976. {/block:Posts}
  977.  
  978.  
  979. </div>
  980. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</a></div> </div></div>
  981.  
  982. </body>
  983.  
  984. <div id="q" class="popup_block">
  985. <div style="background-color:#transparent; width:76px;padding:10px;text-align:normal; text-style:normal; letter-spacing:1px;font-size:11px;font-family:'times new roman';margin-left:260px; margin-top:25px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:350px ; width: 265px;">
  986. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/teitokleinprinceofraggs.tumblr.com" width="100%"></iframe></p>
  987.  
  988. <h1>What do you want?</h1></p>
  989.  
  990. </div></div></div></div>
  991.  
  992. <div id="r" class="popup_block">
  993. <div style="background-color:#transparent; width:76px;padding:10px;text-align:normal; text-style:normal; letter-spacing:1px;font-size:11px;font-family:'times new roman';margin-left:260px; margin-top:25px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:350px ; width: 265px;">
  994. <h1>Commandments</h1></p>
  995.  
  996. Ok rules</p>
  997.  
  998. <b>♔</b> <b>I don’t tolerate god modding or over powered characters. I mean come on really guys?</b> Let’s just play fair yeah? No one likes a “cheater” if you will.</p>
  999.  
  1000. <b>♔</b> <b>I will NOT tolerate racism or discrimination.</b> That is not cool. </p>
  1001.  
  1002. <b>♔</b> <b>I have no problem RPing AUs or with Author Characters.</b> I have been roleplaying for about ten years. I am pretty flexible and I can use a variety of styles.</p>
  1003.  
  1004. <b>♔</b> <b>I do have some triggers and I will discuss those in private depending on the RP.</b> Sometimes they set me off and sometimes not but I would rather they be avoided. I know I do have a few triggers that I don’t know what they are. I’ve got an idea so that can be avoided.</p>
  1005.  
  1006. <b>♔</b> I have no problems doing a mature role play. <b>For personal reasons I do not do malexfemale mature roleplays. I will NOT do underage mature smut roleplays.</b> I have a big problem with that and I think it is wrong.</p>
  1007.  
  1008. <b>♔</b> <b>I have no problems doing other types of mature ropleplays like gore or violence.</b></p>
  1009.  
  1010. <b>♔</b> <b>I personally prefer longer replies as opposed to one liners.</b> I require a minimum of at least five sentences.</p>
  1011.  
  1012. <b>♔</b> <b>I have the right to drop a thread or put on on hold at anytime.</b></p>
  1013.  
  1014.  
  1015. </div></div></div>
  1016.  
  1017. </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!