Advertisement
fatblackcat

hyuugaoftheblackhawks

Nov 30th, 2015
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.99 KB | None | 0 0
  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. <link href='https://fonts.googleapis.com/css?family=Averia+Serif+Libre' rel='stylesheet' type='text/css'>
  9.  
  10. <link href='https://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14. <script>
  15. $(document).ready(function() {
  16. //
  17. $('a.poplight[href^=#]').click(function() {
  18. var popID = $(this).attr('rel'); //Get Popup Name
  19. var popURL = $(this).attr('href'); //Get Popup href to define size
  20. var query= popURL.split('?');
  21. var dim= query[1].split('&');
  22. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  23. $('#' + 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>');
  24. var popMargTop = ($('#' + popID).height() + 80) / 2;
  25. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  26. //Apply Margin to Popup
  27. $('#' + popID).css({
  28. 'margin-top' : -popMargTop,
  29. 'margin-left' : -popMargLeft
  30. });
  31. $('body').append('<div id="fade"></div>');
  32. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  33. return false;
  34. });
  35. $('a.close, #fade').live('click', function() {
  36. $('#fade , .popup_block').fadeOut(function() {
  37. $('#fade, a.close').remove(); //fade them both out
  38. });
  39. return false;
  40. });
  41. });
  42. </script>
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45.  
  46. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47.  
  48. <script>
  49.  
  50. (function($){
  51.  
  52. $(document).ready(function(){
  53.  
  54. $("a[title]").style_my_tooltips({
  55.  
  56. tip_follows_cursor:true,
  57.  
  58. tip_delay_time:90,
  59.  
  60. tip_fade_speed:600,
  61.  
  62. attribute:"title"
  63.  
  64. });
  65.  
  66. });
  67.  
  68. })(jQuery);
  69.  
  70. </script>
  71. <!--basic tooltip from tutorial-baby! Enjoy-->
  72. <style>
  73. .tooltip{
  74. display: inline;
  75. position: relative;
  76. }
  77. #s-m-t-tooltip {
  78. max-width:300px; /*how big the tooltip can be at most*/
  79. border-radius: 2px; /*change your border radius*/
  80. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  81. margin:20px 7px -2px 20px; /*distance from word*/
  82. background-color:{color:link title hover bg}; /*background color*/
  83. border:1px solid {color:link title hover border}; /*border info*/
  84. font-family:times; /*tooltip font*/
  85. font-size:9px; /*tooltip font size*/
  86. letter-spacing:2px; /*tooltip letter spacing*/
  87. text-transform:uppercase; /*makes the tooltip title uppercase*/
  88. color:{color:link title color}; /*tooltip font color*/
  89. z-index:999999999999999999999999999999999999;
  90. }
  91. </style>
  92.  
  93. <!---- this is theme 52 by Hollywhood
  94. please don't remove the credit
  95. thank you
  96. --->
  97.  
  98. <meta name="color:Background" content="#ffffff"/>
  99. <meta name="color:Text" content="#9B9B9B"/>
  100. <meta name="color:bold" content="#9B9B9B"/>
  101. <meta name="color:Link" content="#b8b8b8"/>
  102. <meta name="color:Link Hover" content="#eeeeee"/>
  103. <meta name="color:Custom Link" content="#b8b8b8"/>
  104. <meta name="color:Custom Link Hover" content="#eeeeee"/>
  105. <meta name="color:blockquote" content="#eeeeee"/>
  106. <meta name="color:border" content="#EEEEEE"/>
  107. <meta name="color:scrollbar" content="#999999">
  108. <meta name="color:post info bg" content="#ffffff">
  109. <meta name="color:link title hover bg" content="#ffffff">
  110. <meta name="color:link title hover border" content="#ffffff">
  111. <meta name="color:link title color" content="#b690e7">
  112. <meta name="color:audio bg" content="#b690e7">
  113. <meta name="color:ask bg" content="#b690e7">
  114. <meta name="color:ask border" content="#b690e7">
  115.  
  116. <meta name="text:bg url" content=""/>
  117.  
  118. <meta name="text:tag symbol" content="#">
  119. <meta name="text:pagi back" content="♙">
  120. <meta name="text:pagi forward" content="♟">
  121.  
  122. <meta name="text:post width" content="450px"/>
  123. <meta name="text:cont height" content="450px"/>
  124. <meta name="text:cont width" content="455px"/>
  125. <meta name="text:cont left" content=""/>
  126. <meta name="text:cont top" content=""/>
  127.  
  128. <meta name="text:alinks symbol" content="❄"/>
  129. <meta name="text:alinks size" content="20px"/>
  130. <meta name="text:alinks top axis" content="135px"/>
  131. <meta name="text:alinks left axis" content="977px"/>
  132.  
  133. <meta name="text:blinks symbol" content="❄"/>
  134. <meta name="text:blinks size" content="20px"/>
  135. <meta name="text:blinks top axis" content="178px"/>
  136. <meta name="text:blinks left axis" content="1049px"/>
  137.  
  138. <meta name="text:clinks symbol" content="❄"/>
  139. <meta name="text:clinks size" content="20px"/>
  140. <meta name="text:clinks top axis" content="226px"/>
  141. <meta name="text:clinks left axis" content="965px"/>
  142.  
  143. <meta name="text:dlinks symbol" content="❄"/>
  144. <meta name="text:dlinks size" content="20px"/>
  145. <meta name="text:dlinks top axis" content="283px"/>
  146. <meta name="text:dlinks left axis" content="1015px"/>
  147.  
  148. <meta name="text:elinks symbol" content="❄"/>
  149. <meta name="text:elinks size" content="20px"/>
  150. <meta name="text:elinks top axis" content="344px"/>
  151. <meta name="text:elinks left axis" content="967px"/>
  152.  
  153. <meta name="text:flinks symbol" content="❄"/>
  154. <meta name="text:flinks size" content="20px"/>
  155. <meta name="text:flinks top axis" content="400px"/>
  156. <meta name="text:flinks left axis" content="1011px"/>
  157.  
  158. <meta name="text:glinks symbol" content="♥"/>
  159. <meta name="text:glinks size" content="50px"/>
  160. <meta name="text:glinks top axis" content="250px"/>
  161. <meta name="text:glinks left axis" content="120px"/>
  162.  
  163. <style type="text/css">
  164.  
  165. ::-webkit-scrollbar-thumb{
  166. background-color: {color:scrollbar};
  167. height:auto;
  168. }
  169.  
  170. ::-webkit-scrollbar {
  171. height:auto;
  172. width:4px;
  173.  
  174. }
  175.  
  176.  
  177. iframe#tumblr_controls {
  178. white-space:nowrap;
  179. -webkit-filter: invert(100%);
  180. -moz-filter: invert(100%);
  181. -o-filter: invert(100%);
  182. -ms-filter: invert(100%);
  183. filter: invert(100%);
  184. opacity:.2;transition: .8s ease-in-out;
  185. -webkit-transition: .8s ease-in-out;
  186. -moz-transition: .8s ease-in-out;
  187. -o-transition: .8s ease-in-out;
  188. }
  189.  
  190. h1 {
  191. font-weight:normal;
  192. font-size:20px;
  193. text-align:center;
  194. font-style:normal;
  195. line-height:100%;
  196. letter-spacing:1px;
  197. text-transform:normal;
  198. color:{color:bold};
  199. font-family: 'Averia Serif Libre', cursive;
  200. }
  201.  
  202. h2 {
  203. font-size:15px;
  204. text-align:center;
  205. line-height:100%;
  206. letter-spacing:1px;
  207. color:{color:bold};
  208. padding:5px;
  209. padding-bottom:2px;
  210. text-transform:normal;
  211. font-family: 'Averia Serif Libre', cursive;
  212. }
  213.  
  214. #quote {
  215. font-size: 15pt;
  216. text-align: center;
  217. line-height: 100%;
  218. font-family: 'Cedarville Cursive', cursive;
  219. }
  220.  
  221. blockquote {
  222. border-left:1px solid #ccc;
  223. padding:6px;
  224. margin:9px 2px 0px 9px
  225. }
  226.  
  227. body {
  228. background:{color:background};
  229. margin:0px;
  230. color:{color:text};
  231. font-family:times;
  232. font-size:12px;
  233. line-height:120%;
  234. background-image:url({text:bg url});
  235. background-attachment: fixed;
  236. background-image:stretch;
  237. background-repeat: no-repeat;
  238. background-image:cover;
  239. background-position:left top;
  240. }
  241.  
  242. a {
  243. text-decoration:none;
  244. outline:none;
  245. -moz-outline-style:none;
  246. color:{color:link};
  247. -moz-transition-duration:0.5s;
  248. -webkit-transition-duration:0.5s;
  249. -o-transition-duration:0.5s;
  250. }
  251.  
  252. a:hover {
  253. outline:none;
  254. -moz-outline-style:none;
  255. color:{color:link hover};
  256. }
  257.  
  258. b, strong{
  259. color: {color:bold};
  260. font-weight: bold;
  261. }
  262.  
  263. i, em, strong {
  264. color: {color:text};
  265.  
  266. }
  267.  
  268. blockquote {
  269. border-left:2px solid;
  270. border-color:{color:blockquote};
  271. padding-left:5px;
  272. margin:5px;
  273. border-radius:7px;
  274. }
  275.  
  276. img {
  277. border:none;
  278. }
  279.  
  280. #theme {
  281. width:450px;
  282. margin:0 auto -12px auto;
  283. }
  284.  
  285. #post {
  286. width:{text:post width};
  287. padding-bottom:30px;
  288. margin-top:20px;
  289. }
  290.  
  291. #entries {
  292. padding:10px;
  293. left:{text:cont left};
  294. top:{text:cont top};
  295. position:fixed;
  296. background-color:transparent;
  297. width:{text:cont width};
  298. height:{text:cont height};
  299. padding: 20px;
  300.  
  301. overflow-x:scroll;
  302. scroll:left;
  303. overflow-x:hidden;
  304. }
  305.  
  306. #line {
  307. width:450px;
  308. height:1px;
  309. margin-top:-6px;
  310. background-color:{color:border};
  311. }
  312.  
  313.  
  314. #links {
  315. position:fixed;
  316. font-family:times;
  317. width:130px;
  318. margin-top:15px;
  319. margin-left:0px;
  320. font-size:10px;
  321. letter-spacing:-1px;
  322. text-align:center;
  323. line-height:200%;
  324. }
  325.  
  326. #links a{
  327. line-height:200%;
  328. padding:1px;
  329. margin-top:1px;
  330. margin-left:4px;
  331. margin-right:4px;
  332. color:{color:link};
  333. -moz-transition-duration:.7s;
  334. -webkit-transition-duration:.7s;
  335. -o-transition-duration:.7s;
  336. }
  337.  
  338. #links a:hover {
  339. color: {color:link hover};
  340. -moz-transition-duration:.4s;
  341. -webkit-transition-duration:.4s;
  342. -o-transition-duration:.4s;
  343.  
  344. }
  345.  
  346. #description {
  347. position:fixed;
  348. width:180px;
  349. font-family:times;
  350. top:50px;
  351. left:40px;
  352. text-align:center;
  353. text-transform:uppercase;
  354. font-size:8px;
  355. color: {color:text};
  356. letter-spacing:1px;
  357. line-height:115%;
  358. padding: 3px;
  359.  
  360. }
  361.  
  362. #description a {
  363. color:{color:link};
  364. }
  365.  
  366. #description a:hover {
  367. color:{color:link hover};
  368. }
  369.  
  370. #pagination {
  371. font-size:20px;
  372. margin-top:40px;
  373. margin-left:250px;
  374. position:fixed;
  375. text-align:center;
  376. text-shadow: 0 0 0.3em #d8caea;
  377. }
  378.  
  379. #pagination a {
  380. color:{color:link};
  381. -moz-transition-duration:.4s;
  382. -webkit-transition-duration:.4s;
  383. -o-transition-duration:.4s;
  384. }
  385.  
  386. #pagination a:hover {
  387. color: {color:link hover};
  388. -moz-transition-duration:.4s;
  389. -webkit-transition-duration:.4s;
  390. -o-transition-duration:.4s;
  391.  
  392. }
  393.  
  394. #alinks {
  395. position:fixed;
  396. font-family:times;
  397. font-weight:bold;
  398. width:10px;
  399. top:{text:alinks top axis};
  400. left:{text:alinks left axis};
  401. font-size:{text:alinks size};
  402. text-transform:lowercase;
  403. text-align:center;
  404. line-height:170%;
  405. text-shadow:0px 0px 7px #fff;
  406.  
  407. }
  408.  
  409. #alinks a{
  410. line-height:200%;
  411. padding:1px;
  412. margin-top:1px;
  413. margin-left:4px;
  414. margin-right:4px;
  415. color:{color:custom link};
  416. -moz-transition-duration:.7s;
  417. -webkit-transition-duration:.7s;
  418. -o-transition-duration:.7s;
  419. }
  420.  
  421. #alinks a:hover {
  422. color: {color:custom link hover};
  423. -moz-transition-duration:.4s;
  424. -webkit-transition-duration:.4s;
  425. -o-transition-duration:.4s;
  426.  
  427. }
  428.  
  429. #blinks {
  430. position:fixed;
  431. font-family:times;
  432. width:10px;
  433. top:{text:blinks top axis};
  434. left:{text:blinks left axis};
  435. font-size:{text:blinks size};
  436. text-transform:lowercase;
  437. text-align:center;
  438. line-height:170%;
  439. text-shadow:0px 0px 3px #fff;
  440.  
  441. }
  442.  
  443. #blinks a{
  444. line-height:200%;
  445. padding:1px;
  446. margin-top:1px;
  447. margin-left:4px;
  448. margin-right:4px;
  449. color:{color:custom link};
  450. -moz-transition-duration:.7s;
  451. -webkit-transition-duration:.7s;
  452. -o-transition-duration:.7s;
  453. }
  454.  
  455. #blinks a:hover {
  456. color: {color:custom link hover};
  457. -moz-transition-duration:.4s;
  458. -webkit-transition-duration:.4s;
  459. -o-transition-duration:.4s;
  460.  
  461. }
  462.  
  463. #clinks {
  464. position:fixed;
  465. font-family:cambria;
  466. width:10px;
  467. top:{text:clinks top axis};
  468. left:{text:clinks left axis};
  469. font-size:{text:clinks size};
  470. text-transform:lowercase;
  471. text-align:center;
  472. line-height:170%;
  473. text-shadow:0px 0px 7px #fff;
  474. }
  475.  
  476. #clinks a{
  477. line-height:200%;
  478. padding:1px;
  479. margin-top:1px;
  480. margin-left:4px;
  481. margin-right:4px;
  482. color:{color:custom link};
  483. -moz-transition-duration:.7s;
  484. -webkit-transition-duration:.7s;
  485. -o-transition-duration:.7s;
  486. }
  487.  
  488. #clinks a:hover {
  489. color: {color:custom link hover};
  490. -moz-transition-duration:.4s;
  491. -webkit-transition-duration:.4s;
  492. -o-transition-duration:.4s;
  493.  
  494. }
  495.  
  496. #dlinks {
  497. position:fixed;
  498. font-family:cambria;
  499. width:10px;
  500. top:{text:dlinks top axis};
  501. left:{text:dlinks left axis};
  502. font-size:{text:dlinks size};
  503. text-transform:lowercase;
  504. text-align:center;
  505. line-height:170%;
  506. text-shadow:0px 0px 7px #fff;
  507. }
  508.  
  509. #dlinks a{
  510. line-height:200%;
  511. padding:1px;
  512. margin-top:1px;
  513. margin-left:4px;
  514. margin-right:4px;
  515. color:{color:custom link};
  516. -moz-transition-duration:.7s;
  517. -webkit-transition-duration:.7s;
  518. -o-transition-duration:.7s;
  519. }
  520.  
  521. #dlinks a:hover {
  522. color: {color:custom link hover};
  523. -moz-transition-duration:.4s;
  524. -webkit-transition-duration:.4s;
  525. -o-transition-duration:.4s;
  526.  
  527. }
  528.  
  529. #elinks {
  530. position:fixed;
  531. font-family:cambria;
  532. width:10px;
  533. top:{text:elinks top axis};
  534. left:{text:elinks left axis};
  535. font-size:{text:elinks size};
  536. text-transform:lowercase;
  537. text-align:center;
  538. line-height:170%;
  539. text-shadow:0px 0px 7px #fff;
  540. }
  541.  
  542. #elinks a{
  543. line-height:200%;
  544. padding:1px;
  545. margin-top:1px;
  546. margin-left:4px;
  547. margin-right:4px;
  548. color:{color:custom link};
  549. -moz-transition-duration:.7s;
  550. -webkit-transition-duration:.7s;
  551. -o-transition-duration:.7s;
  552. }
  553.  
  554. #elinks a:hover {
  555. color: {color:custom link hover};
  556. -moz-transition-duration:.4s;
  557. -webkit-transition-duration:.4s;
  558. -o-transition-duration:.4s;
  559.  
  560. }
  561.  
  562. #flinks {
  563. position:fixed;
  564. font-family:cambria;
  565. width:10px;
  566. top:{text:flinks top axis};
  567. left:{text:flinks left axis};
  568. font-size:{text:flinks size};
  569. text-transform:lowercase;
  570. text-align:center;
  571. line-height:170%;
  572. text-shadow:0px 0px 7px #fff;
  573. }
  574.  
  575. #flinks a{
  576. line-height:200%;
  577. padding:1px;
  578. margin-top:1px;
  579. margin-left:4px;
  580. margin-right:4px;
  581. color:{color:custom link};
  582. -moz-transition-duration:.7s;
  583. -webkit-transition-duration:.7s;
  584. -o-transition-duration:.7s;
  585. }
  586.  
  587. #flinks a:hover {
  588. color: {color:custom link hover};
  589. -moz-transition-duration:.4s;
  590. -webkit-transition-duration:.4s;
  591. -o-transition-duration:.4s;
  592.  
  593. }
  594.  
  595. #glinks {
  596. position:fixed;
  597. font-family:cambria;
  598. width:10px;
  599. top:{text:glinks top axis};
  600. left:{text:glinks left axis};
  601. font-size:{text:glinks size};
  602. text-transform:lowercase;
  603. text-align:center;
  604. line-height:170%;
  605. text-shadow: 0 0 0.3em #e6f9ff;
  606. }
  607.  
  608. #glinks a{
  609. line-height:200%;
  610. padding:1px;
  611. margin-top:1px;
  612. margin-left:4px;
  613. margin-right:4px;
  614. color:{color:custom link};
  615. -moz-transition-duration:.7s;
  616. -webkit-transition-duration:.7s;
  617. -o-transition-duration:.7s;
  618. }
  619.  
  620. #glinks a:hover {
  621. color: {color:custom link hover};
  622. -moz-transition-duration:.4s;
  623. -webkit-transition-duration:.4s;
  624. -o-transition-duration:.4s;
  625.  
  626. }
  627.  
  628. #info {
  629. font-family:times;
  630. width:450px;
  631. margin-top:5px;
  632. padding-top:7px;
  633. font-size:11px;
  634. color:{color:link hover};
  635. letter-spacing:1px;
  636. font-style:normal;
  637. text-align:center;
  638. -moz-transition-duration:0.2s;
  639. -webkit-transition-duration:0.2s;
  640. -o-transition-duration:0.2s;
  641. }
  642.  
  643. #info a {
  644. color:{color:link};
  645. background: {color:post info bg};
  646. padding:3px;
  647. font-style:normal;
  648. }
  649.  
  650. #info a:hover {
  651. color:{color:link hover};
  652. -moz-transition-duration:0.2s;
  653. -webkit-transition-duration:0.2s;
  654. -o-transition-duration:0.2s;
  655. }
  656.  
  657. .tags {
  658. font-family:times;
  659. font-style:normal;
  660. width:{text:post width};
  661. text-transform:normal;
  662. font-style:normal;
  663. line-height:120%;
  664. margin-top:15px;
  665. font-size:11px;
  666. text-align:center;
  667. -moz-transition-duration:0.2s;
  668. -webkit-transition-duration:0.2s;
  669. -o-transition-duration:0.2s;
  670. }
  671. .tags a{
  672. color:{color:link};
  673. }
  674. .tags a:hover{
  675. color:{color:link hover};
  676. }
  677.  
  678. .audio{
  679. background-color:{color:audio bg};
  680. height:65px;
  681. overflow:hidden;
  682. }
  683.  
  684. .question {
  685. padding:9px;
  686. text-align:left;
  687. text-transform:italic;
  688. color:{color:text};
  689. background-color: {color:ask bg};
  690. border-left:3px solid {color:ask border};
  691. border-radius:7px;
  692. line-height:120%;
  693. }
  694.  
  695. .answer {
  696. text-align:left;
  697. padding:7px;
  698. color:{color:text};
  699. }
  700.  
  701. #credit {
  702. font-size:9px;
  703. font-family:cambria;
  704. font-style:italic;
  705. letter-spacing:1px;
  706. -moz-transition-duration:0.5s;
  707. -webkit-transition-duration:0.5s;
  708. -o-transition-duration:0.5s;
  709. }
  710.  
  711. #credit a {
  712. background-color:#fff;
  713. padding:5px;
  714. border:1px solid #e9e9e9;
  715. position:fixed;
  716. right:15px;
  717. bottom:10px
  718. }
  719.  
  720. #credit a:hover {
  721. color:#fff;
  722. background-color:#191919;
  723. }
  724.  
  725. #fade { /*--Transparent background layer--*/
  726. display: none; /*--hidden by default--*/
  727. background: #fff;
  728. position: fixed; left: 0; top: 0;
  729. width: 100%; height: 100%;
  730. opacity: .80;
  731. z-index: 99999;
  732. }
  733. .popup_block{
  734.  
  735. display: none; /*--hidden by default--*/
  736. background-image:url("http://41.media.tumblr.com/9a8b923340331f1499c2fa1f9d3ce70f/tumblr_nxuuw1xlfB1ukp48vo1_1280.png");
  737. height:430px;
  738.  
  739. padding: 5px;
  740. border: 3px solid #bfced3;
  741. text-align:center;
  742. float: left;
  743. font-size: 12px;
  744. position: fixed;
  745. top: 55%; left: 55%;
  746. z-index: 999999;
  747. /*--CSS3 Box Shadows--*/
  748. -webkit-box-shadow: 0px 0px 20px #000;
  749. -moz-box-shadow: 0px 0px 20px #000;
  750. box-shadow: 0px 0px 20px #000;
  751. /*--CSS3 Rounded Corners--*/
  752. -webkit-border-radius: 2px;
  753. -moz-border-radius: 2px;
  754. border-radius: 10px;
  755. }
  756. img.btn_close {
  757. float: right;
  758. margin: -2px -2px 0 0;
  759. }
  760. /*--Making IE6 Understand Fixed Positioning--*/
  761. *html #fade {
  762. position: absolute;
  763. }
  764. *html .popup_block {
  765. position: absolute;
  766. }
  767.  
  768. /************** FLAGS UPDATES TAB **************/
  769. /* tutorial by deanlirium|tumblr (clarence.tk) */
  770.  
  771. #flags {
  772. position:fixed;
  773. top:50px; /* distance from the top of the page - adjust as you wish! */
  774. right:0px;
  775. text-align:left;
  776. /* the text is in all caps - delete this line and it won't be */
  777. color:#5d7076; /* 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 #! */
  778. font-size:8px; /* adjust font size */
  779. letter-spacing:1px;
  780. z-index:2147483607;
  781. font-family:calibri;}
  782.  
  783.  
  784. #flag1 {
  785. border:solid 6px #2d6b81; /* flag color */
  786. 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! */
  787. padding-right:10px;
  788. right:00px;
  789. width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  790. height:0px;
  791. position:absolute;
  792. -moz-transition:all 0.7s ease-out;
  793. -webkit-transition:all 0.7s ease-out;
  794. -o-transition:all 0.7s ease-out;}
  795.  
  796. #flag1:hover {
  797. width:150px;} /* lenght of the OPEN flag */
  798.  
  799. #upd1 {
  800. position:absolute;
  801. width:110px;
  802. padding:10px;
  803. 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 */
  804. right:-180px;
  805. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  806. opacity:0;
  807. -moz-transition:all 0.7s ease-out;
  808. -webkit-transition:all 0.7s ease-out;
  809. -o-transition:all 0.7s ease-out;}
  810.  
  811. #flag1:hover #upd1{
  812. right:0px;
  813. opacity:1;}
  814.  
  815. /* following is the coding for the other flags - same as above! */
  816.  
  817. #flag2 {
  818. border:solid 6px #007ca2;
  819. margin-top:20px;
  820. position:absolute;
  821. border-left:solid 6px transparent;
  822. padding-right:10px;
  823. right:00px;
  824. width:20px;
  825. height:0px;
  826. -moz-transition:all 0.7s ease-out;
  827. -webkit-transition:all 0.7s ease-out;
  828. -o-transition:all 0.7s ease-out;}
  829.  
  830. #flag2:hover {
  831. width:150px;}
  832.  
  833. #upd2 {
  834. position:absolute;
  835. width:110px;
  836. padding:10px;
  837. padding-right:60px;
  838. right:-180px;
  839. margin-top:6px;
  840. opacity:0;
  841. -moz-transition:all 0.7s ease-out;
  842. -webkit-transition:all 0.7s ease-out;
  843. -o-transition:all 0.7s ease-out;}
  844.  
  845. #flag2:hover #upd2{
  846. right:0px;
  847. opacity:1;}
  848.  
  849. /*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: */
  850.  
  851. #flag3 {
  852. border:solid 6px #72bece;
  853. position:absolute;
  854. margin-top:40px; /* this one! */
  855. border-left:solid 6px transparent;
  856. padding-right:10px;
  857. right:0px;
  858. width:20px;
  859. height:0px;
  860. -moz-transition:all 0.7s ease-out;
  861. -webkit-transition:all 0.7s ease-out;
  862. -o-transition:all 0.7s ease-out;}
  863.  
  864. #flag3:hover {
  865. width:150px;}
  866.  
  867. #upd3 {
  868. position:absolute;
  869. width:110px;
  870. padding:10px;
  871. padding-right:60px;
  872. right:-180px;
  873. margin-top:6px;
  874. opacity:0;
  875. -moz-transition:all 0.7s ease-out;
  876. -webkit-transition:all 0.7s ease-out;
  877. -o-transition:all 0.7s ease-out;}
  878.  
  879. #flag3:hover #upd3{
  880. right:0px;
  881. opacity:1;}
  882.  
  883. /* to here */
  884.  
  885. {CustomCSS}</style></head><body>
  886.  
  887. <div id="flags">
  888. <div id="flag1"><div id="upd1">
  889.  
  890. <i>"Tsk tsk~ You shouldn't go and make Aya-tan angry!"</i><p>
  891. Indie/Selective Hyuuga of 07-GHOST.</p>
  892. <b>Please read rules and bio before interacting!</b>
  893. </p>
  894.  
  895. </div></div>
  896.  
  897. <div id="flag2"><div id="upd2">
  898.  
  899. <b>Tracks:</b> hyuugaoftheblackhawks</p>
  900.  
  901. </div></div>
  902.  
  903. <!---- if you want more flags, copy from here ---->
  904.  
  905. <div id="flag3"><div id="upd3">
  906.  
  907. How to use the tabs:</p>
  908.  
  909. 1. Click on the html. (Don't freak out!)</p>
  910. 2. Press ctrl+f and type in: div id="flags"</p>
  911. 3. Note that between the div id flag thingy and slash div tag, there is text copied from your description thingy from your page. Now don't touch anything out of there if you wanna edit.</p>
  912. 4. VOILA! DONE :DDDDDD</p>
  913.  
  914. </div></div>
  915.  
  916. <!---- to here and change the numbers according to your css! ---->
  917.  
  918. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  919.  
  920. </div>
  921.  
  922.  
  923. <div id="theme">
  924.  
  925. <div id="sidebar">
  926.  
  927. <div id="sidebarimage">
  928. <a title="{text:homelink title}" href="/"><img src="{image:sidebar}"> </a></div>
  929.  
  930. <div id="alinks"><a href="/" title="office">{text:alinks symbol}</a></div>
  931. <div id="blinks"><a href="#?w=530" rel="m" class="poplight" title="major">{text:blinks symbol}</a></div>
  932. <div id="clinks"><a href="#?w=530" rel="law" class="poplight" title="law">{text:clinks symbol}</a></div>
  933. <div id="dlinks"><a href="#?w=530" rel="q" class="poplight" title="inquiries">{text:dlinks symbol}</a></div>
  934. <div id="elinks"><a href="/submit" title="deskwork">{text:elinks symbol}</a></div>
  935. <div id="flinks"><a href="/masterlist" title="Documents">{text:flinks symbol}</a></div>
  936. <div id="glinks"><a href="/relationships" title="Personel">{text:glinks symbol}</a></div>
  937.  
  938.  
  939. {block:Pagination}
  940. <div id="pagination">
  941.  
  942. {block:PreviousPage}<a href="{PreviousPage}" title="back">{text:pagi back}</a>{/block:PreviousPage}
  943. {block:NextPage}— <a href="{NextPage}" title="forth">{text:pagi forward}</a>{/block:NextPage}
  944. </div>{/block:Pagination}
  945.  
  946. </div></div>
  947.  
  948.  
  949.  
  950. <div id="entries">{block:Posts}<div id="post">
  951.  
  952. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  953.  
  954. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  955.  
  956. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  957.  
  958. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  959.  
  960. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  961.  
  962. {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}
  963.  
  964. {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}
  965. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  966.  
  967. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  968.  
  969. {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}
  970.  
  971. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} &nbsp;{DayOfMonth}</a>
  972. {/block:Date} {block:NoteCount}&nbsp; <a href="{Permalink}">♥ {NoteCount} </a> {/block:NoteCount}
  973. &nbsp;
  974. {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>
  975. </div>
  976.  
  977. <div id="line"></div>
  978.  
  979. {block:HasTags}
  980. <div class="tags">
  981. {block:Tags} <a href="{TagURL}"> {text:tag symbol} {Tag} &nbsp; </a> {/block:Tags}</div>
  982. {/block:HasTags}
  983. <div class="postnote">
  984. {block:PostNotes}{PostNotes}{/block:PostNotes}
  985. </div>
  986.  
  987. </div>
  988.  
  989. {/block:Posts}
  990.  
  991.  
  992. </div>
  993. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</a></div> </div></div>
  994.  
  995. </body>
  996.  
  997. <div id="q" class="popup_block">
  998. <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:240px; margin-top:25px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:320px ; width: 280px;">
  999. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/hyuugaoftheblackhawks.tumblr.com" width="100%"></iframe></p>
  1000.  
  1001. <h1>Request Forms</h1></p>
  1002.  
  1003. </div></div></div></div>
  1004.  
  1005. <div id="law" class="popup_block">
  1006. <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:250px; margin-top:25px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:350px ; width: 260px;">
  1007.  
  1008. <h1>Law</h1></p>
  1009.  
  1010. <b>1.</b> I am selective.</p>
  1011.  
  1012. <b>2.</b> I will be very picky about rping with OCs.</p>
  1013.  
  1014. <b>3.</b> I work a lot, so my time online will be very sporadic. I do apologize in advanced for disappearing without a word for long periods of time.</p>
  1015.  
  1016. <b>4.</b> This blog will be NSFW.</p>
  1017.  
  1018. <b>5.</b> I will try to remember to properly tag things. Please let me know if anything is a trigger for you. Most intense scenes of smut, gore, etc. will be under a read more.</p>
  1019.  
  1020. <b>6.</b> I am a multi para roleplayer. It is okay if you do not match me in length, but i do prefer that you give me more than just a few sentences or words. I put forth a lot of effort into my writing, i expect the same in return.</p>
  1021.  
  1022. <b>7.</b> As far as ships go, I am willing to experiment. I will not autoship.</p>
  1023.  
  1024. <b>8.</b> When my muse speaks, the text will be bolded.</p>
  1025.  
  1026. <b>9.</b> I will roleplay any timeline of the series. I’ve seen all of the anime, read all the manga.</p>
  1027.  
  1028. <b>10.</b> I will try and keep my masterlist of main threads updated as much as possible. Please let me know if you want to drop something, or if you lose a post.</p>
  1029.  
  1030. <b>11.</b> I’m okay with being reminded or checked on every once in a while to make sure i got your reply, and I will do the same for you. Tumblr tends to eat things and I’d rather not assume anything.</p>
  1031.  
  1032. <b>12.</b> I will unfollow you without warning if I see something I do not like. Most cases it will just involve us never interacting, but one thing that will get you instant unfollowed will be any form of bashing or hate.</p>
  1033.  
  1034. <b>13.</b> Mun really is a nice person, so please don’t be afraid to send a message. She loves talking, plotting, doing memes and generally being a dorky fangirl.</p>
  1035.  
  1036. <b>14.</b> AUs are totally welcome.</p>
  1037.  
  1038. <b>15.</b> If you have read all of this please send “Reporting For Duty!”</p>
  1039.  
  1040. </div></div></div>
  1041.  
  1042. <div id="m" class="popup_block">
  1043. <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:250px; margin-top:25px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:350px ; width: 260px;">
  1044. <h1>The Shadow</h1>
  1045. <a href="/bio" title="Muse information"><div style="font-size:15px; text-align:center;">ID tag</a></div></p>
  1046. <a href="/funfacts" title="Headcanons"><div style="font-size:15px; text-align:center;">Additional Files</a></div></p>
  1047. <a href="/au" title="AUs"><div style="font-size:15px; text-align:center;">Exitences</a></div></p>
  1048.  
  1049. </div></div></div>
  1050.  
  1051. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement