Advertisement
fatblackcat

hollywhoodbasepersonalforao

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