Guest User

Winter Solstice Theme

a guest
Dec 5th, 2013
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.79 KB | None | 0 0
  1.  
  2.  
  3. <!--
  4.  
  5. Theme by MAK
  6. http://mistlechesters.tumblr.com/
  7.  
  8. You may edit as desired, but please DO NOT remove this or the credit.
  9. If you have questions, kindly contact me directly.
  10. Otherwise, enjoy!
  11.  
  12. -->
  13.  
  14.  
  15.  
  16. <!--
  17.  
  18. For "Personality Type" in the 2nd Description, find yours out by taking a shortened version of the Myers-Briggs Personality Inventory here!:
  19. http://www.humanmetrics.com/cgi-win/jtypes2.asp
  20. (You may remove this)
  21.  
  22. -->
  23.  
  24.  
  25. <!--
  26.  
  27. Many things in this theme are customizable, but be aware that this theme is intended for people with a basic knowledge of CSS/HTML (particularly within the pre-fab pop-up pages). I have left indicators throughout the theme to let users know where/how to edit certain areas of their blog to help teach coding to those who are interested in learning.
  28. (You may remove this)
  29.  
  30. -->
  31.  
  32. <head>
  33. <title>{title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36.  
  37.  
  38.  
  39.  
  40. <!-- JAVASCRIPTS -->
  41.  
  42. <script type="text/javascript">
  43. function unhide(divID) {
  44. var item = document.getElementById(divID);
  45. if (item) {
  46. item.className=(item.className=='hidden')?'unhidden':'hidden';
  47. }
  48. }
  49. </script>
  50.  
  51.  
  52.  
  53. <!-- POP UP BOX 1 JS -->
  54.  
  55.  
  56. <script type="text/javascript"
  57. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  58. <script>
  59. $(document).ready(function() {
  60. //
  61. $('a.poplight[href^=#]').click(function() {
  62. var popID = $(this).attr('rel'); //Get Popup Name
  63. var popURL = $(this).attr('href'); //Get Popup href to define size
  64. var query= popURL.split('?');
  65. var dim= query[1].split('&');
  66. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  67. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/b28c104906c576285505ca134600853a/tumblr_inline_mfp5cwdybL1qh7cpd.gif" class="btn_close" title="Close" alt="Close" /></a>');
  68. var popMargTop = ($('#' + popID).height() + 80) / 2;
  69. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  70. //Apply Margin to Popup
  71. $('#' + popID).css({
  72. 'margin-top' : -popMargTop,
  73. 'margin-left' : -popMargLeft
  74. });
  75. $('body').append('<div id="fade"></div>');
  76. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  77. return false;
  78. });
  79. $('a.close, #fade').live('click', function() {
  80. $('#fade , .popup_block').fadeOut(function() {
  81. $('#fade, a.close').remove(); //fade them both out
  82. });
  83. return false;
  84. });
  85. });
  86. </script>
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93. <!-- END JAVASCRIPTS -->
  94.  
  95.  
  96.  
  97. <!-- GOOGLE FONT INSTALLATION -->
  98.  
  99. <link href='http://fonts.googleapis.com/css?family=Life+Savers:700|Playball|Petit+Formal+Script' rel='stylesheet' type='text/css'>
  100.  
  101. <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
  102.  
  103.  
  104. <link href='http://fonts.googleapis.com/css?family=Bilbo+Swash+Caps' rel='stylesheet' type='text/css'>
  105.  
  106. <!-- END GOOGLE FONT INSTALLATION -->
  107.  
  108.  
  109. <!-- META NAMES -->
  110.  
  111. <meta name="color:background" content="" />
  112. <meta name="color:text" content="" />
  113. <meta name="color:link" content="" />
  114. <meta name="color:link hover" content="" />
  115. <meta name="image:leftpic" content="" />
  116. <meta name="image:rightpic" content="" />
  117. <meta name="image:about" content="" />
  118. <meta name="color:info" content="" />
  119. <meta name="color:tags" content="" />
  120. <meta name="color:borders" content="" />
  121. <meta name="if:bloggerinfo" content="1" />
  122. <meta name="ifnot:bloggerinfo" content="0" />
  123. <meta name="text:bloggername" content="" />
  124. <meta name="text:bloggerage" content="" />
  125. <meta name="text:bloggerloc" content="" />
  126. <meta name="text:bloggerpers" content="" />
  127. <meta name="text:lefttitle" content="" />
  128. <meta name="text:righttitle" content="" />
  129. <meta name="text:navititle" content="" />
  130. <meta name="text:onlinestatus" content="" />
  131.  
  132.  
  133.  
  134. <!-- END META NAMES -->
  135.  
  136. <style type="text/css">
  137. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height:100px;}
  138.  
  139. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height:10px !important;}
  140.  
  141. ::-webkit-scrollbar {height:9px; width:9px; background-color: {color:Background};}
  142.  
  143.  
  144.  
  145.  
  146.  
  147. /*-- SLIDE DOWN MENU PART 1 --*/
  148.  
  149. #bananas {
  150. text-align: center;
  151. font-family:"calibri";
  152. color:{color:text};
  153. font-size: 8px;
  154. position:fixed;
  155. letter-spacing:1px;
  156. left:5px;
  157. top:-150px; /*--CHANGE HOW "HIGH" MENU SLIDES UP HERE--*/
  158. background-color:#fff;
  159. opacity:1;
  160. margin-top:-17px;
  161. margin-bottom:-20px;
  162. padding: 2px 2px 0px 0px;
  163. -webkit-transition: all .5s ease-in-out;
  164. -moz-transition: all .5s ease-in-out;
  165. -o-transition: all .5s ease-in-out;
  166. z-index:999;
  167. }
  168.  
  169. #bananas:hover {top:0px;}
  170.  
  171. #apple {
  172. border-right-style:none;
  173. color:{color:text};
  174. border-bottom-style:solid;
  175. border-left-style:none;
  176. border-width:1px;
  177. border-color:#e4e4e4;
  178. padding: 2px 0px 25px 0px;
  179. background:#fff;
  180. opacity:0.8;
  181. width:200px;
  182. height:150px; /*--CHANGE HEIGHT OF TEXT BOX HERE--*/
  183. border-bottom-right-radius: 5px;
  184. -moz-border-radius-bottomright: 5px;
  185. -webkit-border-bottom-right-radius: 5px;
  186. z-index: 9999;
  187. }
  188.  
  189. #appletab {
  190. color:#000000;
  191. border-top-style:none;
  192. border-right-style:none;
  193. border-bottom-style:none;
  194. border-left-style:none;
  195. border-width:1px;
  196. border-color:#000;
  197. text-align: center;
  198. height:11px;
  199. opacity:0.5;
  200. margin-top:3px;
  201. font-size:15px;
  202. line-height:120%;
  203. padding: 8px 0 5px 0;
  204. background:#fff;
  205. border-bottom-left-radius: 5px;
  206. -moz-border-radius-bottomleft: 5px;
  207. -webkit-border-bottom-left-radius: 5px;
  208. border-bottom-right-radius: 5px;
  209. -moz-border-radius-bottomright: 5px;
  210. -webkit-border-bottom-right-radius: 5px;
  211. width: 200px;
  212. }
  213.  
  214.  
  215.  
  216.  
  217.  
  218.  
  219. /*-- END SLIDE DOWN MENU PART 1 --*/
  220.  
  221.  
  222. /*--BASIC FONTS, LINK COLORS, ETC--*/
  223.  
  224. body {
  225. background-color: {color:background};
  226. background-image:url({image:Background});
  227. background-attachment: fixed;
  228. background-repeat: repeat;
  229. font-size:12px;
  230. font-family:{font:blog text};
  231. line-height:14px;
  232. text-transform:none;
  233. color:{color:text};
  234. opacity:1;
  235. }
  236.  
  237.  
  238. a {
  239. font-family:"arial";
  240. text-decoration:none;
  241. letter-spacing:2px;
  242. color:{color:link};
  243. -webkit-transition: all 0.4s linear;
  244. -moz-transition: all 0.4s linear;
  245. transition: all 0.4s linear;
  246. }
  247.  
  248.  
  249. a:hover{
  250. color: {color:link hover};
  251. }
  252.  
  253.  
  254. /*--END--*/
  255.  
  256. /*--INDENTED TEXT (I.E.: REBLOGGED CAPTIONS--*/
  257.  
  258. blockquote {
  259. border-left:1px solid #090909;
  260. padding:0px;
  261. padding-left:5px;
  262. margin:10px;
  263. }
  264.  
  265. blockquote blockquote {
  266. border-left: 1px solid #090909;
  267. padding:0px;
  268. padding-left:5px;
  269. margin:5px;
  270. }
  271.  
  272. /*--END--*/
  273.  
  274. /*--APPEARANCE OF UNDERLINED TEXT--*/
  275.  
  276. u {
  277. color:#8DB6CD;
  278. }
  279.  
  280. /*--END--*/
  281.  
  282.  
  283. /*--MISC OTHER STUFF YOU NEED--*/
  284.  
  285. h1 {
  286. font-family:"copperplate";
  287. color:#b1b4b4;
  288. text-transform:uppercase;
  289. font-size:15px;
  290. font-weight:bold;
  291. }
  292.  
  293. h1 a {
  294. font-family:"copperplate";
  295. }
  296.  
  297. h1 a:hover {
  298. font-family:"copperplate";
  299. }
  300.  
  301. #border {
  302. border-bottom:1px solid #b1b4b4;
  303. }
  304.  
  305. #border2 {
  306. font-style:normal;
  307. border-bottom:1px solid #b1b4b4;
  308. }
  309.  
  310.  
  311. #container {
  312. margin:40px auto;
  313. }
  314.  
  315.  
  316.  
  317.  
  318.  
  319. /*--SIDEBAR--*/
  320.  
  321. #sidebar {
  322. width:360px;
  323. height:190px;
  324. position:fixed;
  325. text-align:justify;
  326. margin-left:190px;
  327. margin-top:170px;
  328. padding:5px;
  329.  
  330. }
  331.  
  332.  
  333.  
  334.  
  335.  
  336. .sbimages {
  337. text-align:center;
  338. width:300px;
  339. margin-left:30px;
  340. position:fixed;
  341. }
  342.  
  343.  
  344.  
  345.  
  346. #sidebar:hover .leftpic img {
  347. margin-left:-22px;
  348. opacity:0.1;
  349. -webkit-transition: all 0.6s ease-in;
  350. -moz-transition: all 0.6s ease-in;
  351. transition: all 0.6s ease-in;
  352. -webkit-transition: all 0.6s ease-out;
  353. -moz-transition: all 0.6s ease-out;
  354. transition: all 0.6s ease-out;
  355. }
  356.  
  357.  
  358. .leftpic img {
  359. text-align:center;
  360. float:left;
  361. opacity:0.8;
  362. max-width:130px;
  363. max-height:176px;
  364. padding:2px 2px 2px 2px;
  365. margin:5px 0px 5px 10px;
  366. -webkit-transition: all 0.6s ease-in;
  367. -moz-transition: all 0.6s ease-in;
  368. transition: all 0.6s ease-in;
  369. -webkit-transition: all 0.6s ease-out;
  370. -moz-transition: all 0.6s ease-out;
  371. transition: all 0.6s ease-out;
  372. }
  373.  
  374.  
  375.  
  376. #sidebar .descriptionbox1 {
  377. filter: alpha(opacity = 0);
  378. opacity:0;
  379. }
  380.  
  381. #sidebar:hover .descriptionbox1 {
  382. opacity:1;
  383. filter: alpha(opacity = 100);
  384. filter: alpha(opacity = 100);
  385. -webkit-transition: all 0.1s ease-in;
  386. -moz-transition: all 0.1s ease-in;
  387. transition: all 0.1s ease-in;
  388. -webkit-transition: all 0.1s ease-out;
  389. -moz-transition: all 0.1s ease-out;
  390. transition: all 0.1s ease-out;
  391.  
  392.  
  393. }
  394.  
  395.  
  396.  
  397. .descriptionbox1 {
  398. position:fixed;
  399. float:left;
  400. color:{color:Text};
  401. font-family:"cambria";
  402. overflow:auto;
  403. opacity:1;
  404. font-size:8px;
  405. font-style:italic;
  406. padding:8px;
  407. margin-top:5px;
  408. margin-left:5px;
  409. width:114px;
  410. height:160px;
  411. border:1px solid #000;
  412.  
  413. }
  414.  
  415.  
  416. .descriptionbox1 a {
  417. color:{color:Link};
  418. font-size:8px;
  419. font-family:"cambria";
  420. opacity:1;
  421. font-style:italic;
  422. letter-spacing:1px;
  423.  
  424. }
  425.  
  426. .descriptionbox1 a:hover {
  427. color:{color:Link Hover};
  428. font-family:"cambria";
  429. font-style:italic;
  430. opacity:1;
  431. }
  432.  
  433.  
  434. .midchunk {
  435. position:fixed;
  436. text-align:center;
  437. width:60px;
  438. float:left;
  439. padding:8px;
  440. margin-top:5px;
  441. margin-left:141px;
  442. opacity:0;
  443.  
  444. }
  445.  
  446. #sidebar .midchunk {
  447. opacity:0;
  448. -webkit-transition: all 0.2s ease-in;
  449. -moz-transition: all 0.2s ease-in;
  450. transition: all 0.2s ease-in;
  451. -webkit-transition: all 0.2s ease-out;
  452. -moz-transition: all 0.2s ease-out;
  453. transition: all 0.2s ease-out;
  454. }
  455.  
  456. #sidebar:hover .midchunk {
  457. opacity:1;
  458. -webkit-transition: all 0.2s ease-in;
  459. -moz-transition: all 0.2s ease-in;
  460. transition: all 0.2s ease-in;
  461. -webkit-transition: all 0.2s ease-out;
  462. -moz-transition: all 0.2s ease-out;
  463. transition: all 0.2s ease-out;
  464. }
  465.  
  466.  
  467.  
  468.  
  469. .navi {
  470. opacity:1;
  471. color:#2C5197;
  472. font-family:'times';
  473. font-size:10px;
  474. text-align:center;
  475.  
  476.  
  477. }
  478.  
  479. .navi a {
  480. text-align:center;
  481. opacity:1;
  482. display:inline-block;
  483. padding:2px 2px 0px 2px;
  484. color:#5D7B93;
  485. font-family:'times';
  486. font-style:italic;
  487. font-size:10px;
  488.  
  489. }
  490.  
  491. .navi a:hover {
  492. opacity:1;
  493. display:inline-block;
  494. color:#C6E2FF;
  495. font-family:'times';
  496. font-size:10px;
  497. border-bottom:1px solid #ebebeb;
  498. }
  499.  
  500.  
  501. #sidebar:hover .rightpic img {
  502. margin-right:-25px;
  503. opacity:0.1;
  504. -webkit-transition: all 0.6s ease-in;
  505. -moz-transition: all 0.6s ease-in;
  506. transition: all 0.6s ease-in;
  507. -webkit-transition: all 0.6s ease-out;
  508. -moz-transition: all 0.6s ease-out;
  509. transition: all 0.6s ease-out;
  510. }
  511.  
  512.  
  513. .rightpic img {
  514. text-align:center;
  515. float:right;
  516. opacity:0.8;
  517. max-width:130px;
  518. max-height:176px;
  519. padding:2px 2px 2px 2px;
  520. margin:5px 10px 5px 5px;
  521. -webkit-transition: all 0.5s ease-in;
  522. -moz-transition: all 0.5s ease-in;
  523. transition: all 0.5s ease-in;
  524. -webkit-transition: all 0.5s ease-out;
  525. -moz-transition: all 0.5s ease-out;
  526. transition: all 0.5s ease-out;
  527.  
  528. }
  529.  
  530.  
  531. #sidebar .descriptionbox2 {
  532. filter: alpha(opacity = 0);
  533. opacity:0;
  534.  
  535. }
  536.  
  537.  
  538. #sidebar:hover .descriptionbox2 {
  539. opacity:1;
  540. filter: alpha(opacity = 100);
  541. filter: alpha(opacity = 100);
  542. -webkit-transition: all 0.1s ease-in;
  543. -moz-transition: all 0.1s ease-in;
  544. transition: all 0.1s ease-in;
  545. -webkit-transition: all 0.1s ease-out;
  546. -moz-transition: all 0.1s ease-out;
  547. transition: all 0.1s ease-out;
  548.  
  549. }
  550.  
  551. .descriptionbox2 {
  552. position:fixed;
  553. color:{color:Text};
  554. font-family:"cambria";
  555. overflow:auto;
  556. opacity:1;
  557. font-size:8px;
  558. font-style:italic;
  559. padding:5px;
  560. margin-top:4px;
  561. margin-left:222px;
  562. width:118px;
  563. height:167px;
  564. border:1px solid #000;
  565.  
  566. }
  567.  
  568.  
  569. .descriptionbox2 a {
  570. color:{color:Link};
  571. font-size:8px;
  572. font-family:"cambria";
  573. opacity:1;
  574. font-style:italic;
  575. letter-spacing:1px;
  576.  
  577. }
  578.  
  579. .descriptionbox2 a:hover {
  580. color:{color:Link Hover};
  581. font-family:"cambria";
  582. font-style:italic;
  583. opacity:1;
  584. }
  585.  
  586.  
  587. .lefttitle {
  588. color:#b1b4b4;
  589. text-align:center;
  590. font-family:"calibri";
  591. font-size:12px;
  592. letter-spacing:1.3px;
  593. text-transform:uppercase;
  594. font-style:none;
  595. border-bottom:1px solid #b1b4b4;
  596. padding-bottom:3px;
  597. }
  598.  
  599. .righttitle {
  600. color:#b1b4b4;
  601. text-align:center;
  602. font-family:"calibri";
  603. font-size:12px;
  604. letter-spacing:1.3px;
  605. text-transform:uppercase;
  606. font-style:none;
  607. border-bottom:1px solid #b1b4b4;
  608. padding-bottom:3px;
  609. padding-top:4px;
  610.  
  611. }
  612.  
  613. .navititle {
  614. color:#b1b4b4;
  615. text-align:center;
  616. font-family:"calibri";
  617. font-size:12px;
  618. letter-spacing:1.3px;
  619. text-transform:uppercase;
  620. font-style:none;
  621. border-bottom:1px solid #b1b4b4;
  622. padding-bottom:3px;
  623. padding-top:1px;
  624. }
  625.  
  626. #bloggerinfo {
  627. font-style:normal;
  628. text-transform:uppercase;
  629. padding-top:5px;
  630. margin-left:12px;
  631. color:#000;
  632. }
  633.  
  634.  
  635. #sidebar #pagination {
  636. opacity:0;
  637. -webkit-transition: all 0.4s ease-in;
  638. -moz-transition: all 0.4s ease-in;
  639. transition: all 0.4s ease-in;
  640. -webkit-transition: all 0.4s ease-out;
  641. -moz-transition: all 0.4s ease-out;
  642. transition: all 0.4s ease-out;
  643. }
  644.  
  645. #sidebar:hover #pagination {
  646. opacity:1;
  647. -webkit-transition: all 0.4s ease-in;
  648. -moz-transition: all 0.4s ease-in;
  649. transition: all 0.4s ease-in;
  650. -webkit-transition: all 0.4s ease-out;
  651. -moz-transition: all 0.4s ease-out;
  652. transition: all 0.4s ease-out;
  653. }
  654.  
  655. #pagination {
  656. text-align:center;
  657. color:#000;
  658. font-family:"times";
  659. position:fixed;
  660. margin-top:20px;
  661. margin-left:0px;
  662. width:60px;
  663. }
  664.  
  665. /*--SIDEBAR END--*/
  666.  
  667.  
  668. /*--BASIC POSTS/ENTRIES--*/
  669.  
  670. #entries {
  671. width:500px;
  672. margin-left:570px;
  673. margin-top:40px;
  674. margin-bottom:30px;
  675. padding:10px;
  676. letter-spacing:1.5px;
  677. }
  678.  
  679.  
  680. #posts {
  681. color:#5D7B93;
  682. text-align:justify;
  683. font-family:'arial';
  684. font-size:10px;
  685. letter-spacing:1.7px;
  686. width:500px;
  687. padding-top:20px;
  688. padding-bottom:10px;
  689. }
  690.  
  691.  
  692. #info {
  693. font-family:"verdana";
  694. opacity:1;
  695. width:500px;
  696. text-align:center;
  697. margin-top:10px;
  698. margin-bottom:1px;
  699. padding:1px;
  700. text-transform:uppercase;
  701. font-size:7px;
  702. letter-spacing:1px;
  703. font-style:none;
  704. border-top:1px solid #ebebeb;
  705. border-bottom:1px solid #ebebeb;
  706. }
  707.  
  708. #info a {
  709. color:{color:Info};
  710. opacity:1;
  711. font-size:7px;
  712. font-family:"arial";
  713. font-style:normal;
  714. }
  715.  
  716. #info a:hover {
  717. color:{color:Info};
  718. font-style:normal;
  719. font-family:"arial";
  720. text-decoration:underline;
  721. }
  722.  
  723. #tags {
  724. font-family:"calibri";
  725. font-weight:normal;
  726. letter-spacing:1.5px;
  727. line-height:100%;
  728. text-transform:none;
  729. font-size:8px;
  730. font-style:none;
  731. margin-top:1px;
  732. text-align:center;
  733. }
  734.  
  735. #tags a {
  736. color:{color:Tags};
  737. opacity:1;
  738. font-size:8px;
  739. font-weight:normal;
  740. font-family:"calibri";
  741. text-transform:none;
  742. display:inline;
  743. padding:-3px;
  744. text-align:left;
  745. -webkit-transition: all 0.6s ease-in-out;
  746. -moz-transition: all 0.6s ease-in-out;
  747. -o-transition: all 0.6s ease-in-out;
  748. -ms-transition: all 0.6s ease-in-out;
  749. transition: all 0.6s ease-in-out;
  750. }
  751.  
  752. #tags a:hover {
  753. color:{color:Tags};
  754. font-family:"calibri";
  755. font-style:normal;
  756. text-decoration:underline;
  757. }
  758.  
  759. /*--END BASIC POSTS/ENTRIES--*/
  760.  
  761. /*--SPECIFIC POST TYPES--*/
  762.  
  763. #ask {
  764. font-family:"calibri";
  765. font-size:8px;
  766. border:1px solid #b1b4b4;
  767. padding:7px;
  768. }
  769.  
  770. #asker {
  771. float:left;
  772. margin-right:5px;
  773.  
  774. }
  775.  
  776. #asker img {
  777. opacity:0.5;
  778.  
  779. }
  780.  
  781. #askurl {
  782. font-family:"playball";
  783. font-size:20px;
  784. margin-left:7px;
  785. margin-top:7px;
  786. margin-right:5px;
  787. letter-spacing:3px;
  788. text-transform:lowercase;
  789.  
  790. }
  791.  
  792. #askurl a {
  793. text-transform:lowercase;
  794. font-style:normal;
  795. font-family:"playball";
  796. letter-spacing:3px;
  797.  
  798. }
  799.  
  800. #askurl a:hover {
  801. color:#ebebeb;
  802. }
  803.  
  804. #askleft {
  805. display:inline-block;
  806. padding:2px;
  807. }
  808.  
  809. #askright {
  810. display:inline-block;
  811. padding:2px;
  812. margin-top:-5px;
  813. }
  814.  
  815. #askborder {
  816. border-bottom:1px solid #ebebeb;
  817. margin: -5px 0px 0px 40px;
  818. width:404px
  819. }
  820.  
  821. #question {
  822. font-family:"arial";
  823. letter-spacing:1.2px;
  824. font-size:9px;
  825. margin-left:40px;
  826. margin-right:40px;
  827. padding:0px 0px 5px 0px;
  828. text-align:justify;
  829.  
  830. }
  831.  
  832.  
  833. #albumart {
  834. position:absolute;
  835. width:125px;
  836. height:125px;}
  837. #albumart img {
  838. width:125px;
  839. height:125px;
  840. float:left;
  841. padding:5px;}
  842. #audioinfo {
  843. font-size:7px;
  844. color:text;}
  845.  
  846.  
  847. #chat
  848. .chat ul {list-style-type:none;}
  849.  
  850. .chat{
  851. line-height:12px;
  852. list-style:none;
  853.  
  854. padding: 5px;
  855. margin: 3px;
  856.  
  857. }
  858.  
  859. .even {list-style:none;
  860. background-color:#ffffff;
  861. color:#5D7B93;
  862. padding: 4px;
  863. width:450px;
  864. margin-left:2px;}
  865.  
  866. .even ul {list-style-type:none;}
  867. .odd ul {list-style-type:none;}
  868.  
  869. .odd {list-style:none;
  870. background-color:#F0F8FF;
  871.  
  872. color:#5D7B93;
  873. padding: 4px;
  874. width:450px;
  875. margin-left:2px;}
  876.  
  877. .even .label {
  878.  
  879. list-style:none;
  880. font-weight:bold;
  881. text-transform:uppercase;
  882. padding-right:3px;
  883. margin-left:0px;
  884. margin-right:0px;
  885. letter-spacing:1.5;
  886. color:#5D7B93;
  887. }
  888.  
  889. .odd .label {
  890. list-style:none;
  891. font-weight:bold;
  892. text-transform:uppercase;
  893. padding-right:3px;
  894. margin-left:0px;
  895. margin-right:0px;
  896. color:#5D7B93;
  897. letter-spacing:1.5;
  898. }
  899.  
  900. /*--END SPECIFIC POST TYPE--*/
  901.  
  902. /*--POP UP INFO--*/
  903.  
  904.  
  905. #fade { /*--Transparent background layer--*/
  906. display: none; /*--hidden by default--*/
  907. background: #000;
  908. position: fixed; left: 0; top: 0;
  909. width: 100%; height: 100%;
  910. opacity: .80;
  911. z-index: 9999;
  912. }
  913.  
  914. .popup_block{
  915.  
  916. display: none; /*--hidden by default--*/
  917. background: #fff;
  918. height:300px;
  919. overflow:auto;
  920. padding: 5px;
  921. border: 3px solid #ddd;
  922. text-align:center;
  923. float: left;
  924. font-size: 1.2em;
  925. position: fixed;
  926. top: 55%; left: 55%;
  927. z-index: 99999;
  928. /*--CSS3 Box Shadows--*/
  929. -webkit-box-shadow: 0px 0px 20px #000;
  930. -moz-box-shadow: 0px 0px 20px #000;
  931. box-shadow: 0px 0px 20px #000;
  932. /*--CSS3 Rounded Corners--*/
  933. -webkit-border-radius: 2px;
  934. -moz-border-radius: 2px;
  935. border-radius: 2px;
  936. }
  937. img.btn_close {
  938. float: right;
  939. margin: -2px -2px 0 0;
  940. }
  941. /*--Making IE6 Understand Fixed Positioning--*/
  942. *html #fade {
  943. position: absolute;
  944. }
  945. *html .popup_block {
  946. position: absolute;
  947. }
  948.  
  949. /*--ASK/FAQ POP UP--*/
  950.  
  951. .faqtext {
  952. font-size:8px;
  953. color:#b1b4b4;
  954. letter-spacing:2px;
  955. padding-right:2px;
  956. text-transform:uppercase;
  957.  
  958. }
  959.  
  960. .faqtext a {
  961. color:#5D7B93;
  962.  
  963. }
  964.  
  965. .faqtext a:hover {
  966. color:#b1b4b4;
  967. }
  968.  
  969.  
  970. /*--END ASK/FAQ POP UP--*/
  971.  
  972. /*--NAVIGATION POP UP--*/
  973.  
  974. #navigatechunk {
  975. position:relative;
  976. float:left;
  977. display:block;
  978. text-align:center;
  979. width:130px;
  980. height:100px;
  981. padding-left:5px;
  982. padding-left:5px;
  983. }
  984.  
  985. #navigate {
  986. position:relative;
  987. float:left;
  988. display:block;
  989. text-align:center;
  990. margin-top:5px;
  991. margin-left:16px;
  992. width:117px;
  993. padding:3px;
  994.  
  995. }
  996.  
  997. #navigateheaders {
  998. float:left;
  999. position:relative;
  1000. margin-top:10px;
  1001. text-align:center;
  1002. color:#b1b4b4;
  1003. font-size:12px;
  1004. font-family:'calibri';
  1005. text-transform:uppercase;
  1006. display:block;
  1007. width:130px;
  1008. padding-left:2px;
  1009. padding-right:2px;
  1010. letter-spacing:2px;
  1011. margin-left:18px;
  1012. border-bottom:1px solid #eee;
  1013. width:90%;
  1014.  
  1015. }
  1016.  
  1017. #navigate a {
  1018. display:block;
  1019. text-align:center;
  1020. height:2px;
  1021. color:#090909;
  1022. width:115px;
  1023. font-family:'calibri';
  1024. letter-spacing:2px;
  1025. font-style:italic;
  1026. font-size:9px;
  1027. padding-top:2px;
  1028. padding-bottom:2px;
  1029. text-transform:lowercase;
  1030. }
  1031.  
  1032. #navigate a:hover {
  1033. display:block;
  1034. text-align:center;
  1035. height:2px;
  1036. color:#ebebeb;
  1037. width:115px;
  1038. font-family:'calibri';
  1039. letter-spacing:2px;
  1040. font-style:italic;
  1041. font-size:9px;
  1042. padding-top:2px;
  1043. padding-bottom:2px;
  1044. text-transform:lowercase;
  1045. }
  1046.  
  1047.  
  1048. /*--END NAVIGATION POP UP--*/
  1049.  
  1050.  
  1051. /*--ABOUT POP UP--*/
  1052.  
  1053. #aboutpic img {
  1054. float:left;
  1055. margin-top:5px;
  1056. display:block;
  1057. width:165px;
  1058. padding-right:19px;
  1059. padding-left:10px;
  1060. margin-left:15px;
  1061. opacity:0.7;
  1062. border-right:1px solid #b1b4b4;
  1063. }
  1064.  
  1065. #aboutinfo {
  1066. color:#090909;
  1067. padding-top:8px;
  1068. margin-right:14px;
  1069. float:right;
  1070. display:block;
  1071. width:167px;
  1072. text-align:justify;
  1073. padding-left:3px;
  1074. padding-right:3px;
  1075. font-family:'calibri';
  1076. font-size:9px;
  1077. }
  1078.  
  1079. #aboutheader {
  1080. margin-right:27px;
  1081. float:right;
  1082. text-align:center;
  1083. color:#b1b4b4;
  1084. font-size:12px;
  1085. font-family:'calibri';
  1086. text-transform:uppercase;
  1087. padding:4px;
  1088. letter-spacing:2px;
  1089. margin-left:8px;
  1090. border-bottom:1px solid #eee;
  1091. width:35%;
  1092.  
  1093. }
  1094.  
  1095.  
  1096. /*--END ABOUT POP UP--*/
  1097.  
  1098.  
  1099.  
  1100. /*--END POP UPS--*/
  1101.  
  1102.  
  1103. /*--EXTRA NECESSITIES--*/
  1104.  
  1105. pre {
  1106. width:auto;
  1107. height:auto;
  1108. opacity:0.8;
  1109. border:0.2px solid #b1b4b4;
  1110. background:#F7F7F7;
  1111. font-family:'calibri';
  1112. font-size:10px;
  1113. font-style:italic;
  1114. letter-spacing:1.3px;
  1115. color:#090909;
  1116. padding-top:7px;
  1117. padding-bottom:7px;
  1118. padding-left:10px;
  1119. padding-right:10px;
  1120.  
  1121.  
  1122. white-space: pre-wrap; /* css-3 */
  1123. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  1124. white-space: -pre-wrap; /* Opera 4-6 */
  1125. white-space: -o-pre-wrap; /* Opera 7 */
  1126. word-wrap: break-word; /* Internet Explorer 5.5+ */
  1127. }
  1128.  
  1129.  
  1130. #readmore{
  1131. font-family: 'copperplate';
  1132. letter-spacing:3px;
  1133. }
  1134.  
  1135. .popuptext {
  1136. padding:0px 2px 2px 0px;
  1137. margin-top:5px;
  1138. text-align:center;
  1139. }
  1140.  
  1141. .popuptext a {
  1142. text-align:center;
  1143. color:#b1b4b4;
  1144. font-family:'calibri';
  1145. font-size:9px;
  1146. letter-spacing:3px;
  1147.  
  1148. }
  1149.  
  1150.  
  1151. .shag {
  1152. color:#090909;
  1153. font-family:'calibri';
  1154. text-align:center;
  1155. line-height:12px;
  1156. display:block;
  1157. font-size:11px;
  1158. letter-spacing:5px;
  1159. padding:1px 2px 2px 0px;
  1160. margin:0px 0 2px;
  1161. text-transform:uppercase;
  1162. border-bottom:1px solid #EEE;
  1163. width:90%;}
  1164.  
  1165. .shagtime {
  1166. font-family:'calibri';
  1167. text-align:center;
  1168. line-height:12px;
  1169. display:block;
  1170. font-size:11px;
  1171. letter-spacing:2px;
  1172. padding:2px 0px 2px 0px;
  1173. margin:0 0 -15px;
  1174. text-transform:none;
  1175. color:#b1b4b4;
  1176. border-bottom:1px solid #EEE;
  1177. width:80%;}
  1178.  
  1179.  
  1180. .hidden {display: none;
  1181. color:#000000;
  1182. font-size:10px;
  1183. line-height:120%;
  1184. opacity:1;
  1185. font-family:"calibri";
  1186. letter-spacing:1px;}
  1187.  
  1188.  
  1189. .unhidden {display: block;
  1190. color:#000000;
  1191. font-size:12px;
  1192. padding-top:4px;
  1193. text-align:justify;
  1194. line-height:120%;
  1195. opacity:1;
  1196. font-family:"calibri";
  1197. letter-spacing:1px;
  1198. -webkit-transition: all 0.6s ease-in;
  1199. -moz-transition: all 0.6s ease-in;
  1200. transition: all 0.6s ease-in;
  1201. -webkit-transition: all 0.6s ease-out;
  1202. -moz-transition: all 0.6s ease-out;
  1203. transition: all 0.6s ease-out;
  1204. }
  1205.  
  1206.  
  1207.  
  1208.  
  1209. /*--CREDIT - DO NOT REMOVE--*/
  1210.  
  1211. #credit {
  1212. position:fixed;
  1213. bottom:8px;
  1214. right:8px;
  1215. }
  1216.  
  1217. #credit a {
  1218. padding-top:2px;
  1219. padding-bottom:2px;
  1220. font-family:"calibri";
  1221. color:#b1b4b4;
  1222. line-height:125%;
  1223.  
  1224.  
  1225. }
  1226.  
  1227. #credit a:hover {
  1228. color:#5D7B93;
  1229. border-top:1px solid #b1b4b4;
  1230. border-bottom:1px solid #b1b4b4;
  1231. }
  1232.  
  1233.  
  1234. /*--END CREDIT--*/
  1235.  
  1236.  
  1237. {CustomCSS}
  1238. </style>
  1239.  
  1240.  
  1241.  
  1242.  
  1243.  
  1244. </head>
  1245. <body>
  1246.  
  1247.  
  1248. <!-- *SLIDEDOWN MENU* -->
  1249.  
  1250. <div id="bananas">
  1251. <div id="apple"> <center>
  1252. <br>
  1253.  
  1254. <br /><center>
  1255. <div class="shag"></div>
  1256.  
  1257. <br />
  1258. <u>Currently Watching:</u> TEXT HERE
  1259. <br /><br />
  1260.  
  1261. <u>Currently Reading:</u> TEXT HERE
  1262. <br /><br />
  1263.  
  1264. <u>Tracked Tags:</u> TEXT HERE
  1265. <br /><br />
  1266.  
  1267. <u>Networks:</u> TEXT HERE
  1268. <br /><br />
  1269.  
  1270.  
  1271. </center> </div>
  1272. <div id="appletab"><div style="font-family: 'petit formal script', cursive;"><font color=#5D7B93>-★ updates ★-</font></div><br><!-- IF YOU WANT AN IMAGE YOU WILL PUT THE IMG SRC CODE/URL HERE -->
  1273. </div>
  1274. </div>
  1275.  
  1276. <!-- *END SLIDEDOWN MENU* -->
  1277.  
  1278.  
  1279. <div id="container">
  1280.  
  1281.  
  1282. <!-- *ALL THINGS SIDEBAR* -->
  1283.  
  1284. <div id="sidebar">
  1285.  
  1286.  
  1287. <!-- LEFT SIDE -->
  1288. <div class="sbimages">
  1289. <div class="leftpic"><img src="{image:leftpic}"></div><div class="rightpic"><img src="{image:rightpic}"></div></div>
  1290.  
  1291. <div class="descriptionbox1"> <div class="lefttitle">{text:lefttitle}</div>
  1292. {block:Description} {Description} {/block:Description}</div>
  1293.  
  1294.  
  1295. <!-- END LEFT SIDE -->
  1296.  
  1297. <!-- MIDDLE -->
  1298. <div class="midchunk">
  1299. <div class="navititle"><i>{text:navititle}</i></div> <div class="navi">
  1300. <a href="/">home</a><br> <a href="#?w=440" rel="askfaq" class="poplight">ask</a><br> <a href="#?w=575" rel="tagslinks" class="poplight">tags</a><br> <a href="#?w=418" rel="about" class="poplight">about</a>
  1301. <br> <a href="#?w=200" rel="credits" class="poplight">credits</a>
  1302. </div>
  1303.  
  1304.  
  1305.  
  1306. <div id="pagination">{block:Pagination}
  1307. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  1308.  
  1309. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  1310. {/block:Pagination}</div>
  1311. </div>
  1312.  
  1313. <!-- END MIDDLE -->
  1314.  
  1315.  
  1316.  
  1317. <!-- RIGHT SIDE -->
  1318.  
  1319.  
  1320. <!-- RS OPTION 1 DEFAULT - BLOGGER INFO -->
  1321. {block:ifbloggerinfo}<div class="descriptionbox2"><div class="righttitle">{text:righttitle}</div><div id="bloggerinfo"><u>NAME:</u>&nbsp {text:BloggerName} <br><u>AGE:</u> &nbsp{text:BloggerAge}<br><u>LOCATION:</u> &nbsp{text:BloggerLoc} <br><u>PERSONALITY:</u> &nbsp{text:BloggerPers}</div><br /><center><div id="border2"></div><div id="border2">{text:OnlineStatus}</center></div></div> {/block:ifbloggerinfo}
  1322. <!-- END RS OPTION 1 -->
  1323.  
  1324.  
  1325. <!-- RS OPTION 2 - 2nd DESCRIPTION -->
  1326.  
  1327. {block:ifnotbloggerinfo} <!-- ADD ANOTHER BRIEF DESCRIPTION HERE -->
  1328. {/block:ifnotbloggerinfo}
  1329.  
  1330. <!-- END RS OPTION 2 -->
  1331.  
  1332.  
  1333. <!-- END RIGHT SIDE -->
  1334.  
  1335.  
  1336. </div>
  1337.  
  1338. <!-- *END ALL THINGS SIDEBAR* -->
  1339.  
  1340.  
  1341.  
  1342.  
  1343. <!-- *POSTS/ENTRIES AND SPECIFIC TYPES* -->
  1344.  
  1345. <div id="entries">
  1346. {block:Posts}
  1347. <div id="posts">
  1348.  
  1349.  
  1350. <!-- TEXT POSTS -->
  1351.  
  1352. {block:Text}
  1353.  
  1354. <h1>{block:Title}{Title}{/block:Title}</h1>{Body}
  1355. <div id="readmore"> {block:More}
  1356. <p class="read-more"><a href="{Permalink}#more"> →
  1357. </a></p><a name="read-more">{/block:More} </div>
  1358.  
  1359. {/block:Text}
  1360.  
  1361. <!-- END TEXT POSTS -->
  1362.  
  1363.  
  1364. <!-- PHOTO POSTS -->
  1365.  
  1366. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1367.  
  1368. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1369.  
  1370. <!-- END PHOTO POSTS -->
  1371.  
  1372.  
  1373. <!-- QUOTE POSTS -->
  1374.  
  1375. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  1376.  
  1377. <!-- END QUOTE POSTS -->
  1378.  
  1379.  
  1380. <!-- LINK POSTS -->
  1381.  
  1382. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1383.  
  1384. <!-- END LINK POSTS -->
  1385.  
  1386. <!-- CHAT POSTS -->
  1387.  
  1388. {block:Chat}
  1389. {block:ifHideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHideTags}
  1390.  
  1391. <div id="chat">
  1392.  
  1393. {block:Lines}
  1394. <li class="{Alt}">
  1395. {block:Label}
  1396. <span class="label">{Label}</span>
  1397. {/block:Label}
  1398.  
  1399. {Line}
  1400. </li>
  1401. {/block:Lines}
  1402. </ul>
  1403.  
  1404. </div>
  1405. {/block:Chat}
  1406.  
  1407. <!-- END CHAT POSTS -->
  1408.  
  1409.  
  1410. <!-- AUDIO POSTS -->
  1411.  
  1412. {block:Audio}
  1413. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" />{/block:AlbumArt}<p>
  1414. {AudioPlayerWhite}
  1415. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}
  1416. <br>
  1417. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}
  1418. <br>
  1419. {block:Album}<b>Album:</b> {Album}{/block:Album}
  1420.  
  1421. {/block:Audio}
  1422.  
  1423. <!-- END AUDIO POSTS -->
  1424.  
  1425.  
  1426. <!-- VIDEO POSTS -->
  1427.  
  1428. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1429.  
  1430. <!-- END VIDEO POSTS -->
  1431.  
  1432.  
  1433. <!-- PUBLISHED ASK POSTS -->
  1434.  
  1435.  
  1436. {block:Answer}<div id="ask"><div id="askleft"><div id="asker"><img src="{AskerPortraitURL-24}"></div><div id="askright"><div id="askurl">{Asker}</div></div></div><div id="askborder"></div><br><div id="question">{Question}</div></div>{Answer}{/block:Answer}
  1437.  
  1438.  
  1439. <!-- END PUBLISHED ASK POSTS -->
  1440.  
  1441.  
  1442.  
  1443. <!-- POST FOOTER -->
  1444.  
  1445.  
  1446.  
  1447. <div id="info">
  1448. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  1449. {NoteCountWithLabel}</a> {block:RebloggedFrom} | <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> / <a href="{ReblogRootURL}"title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}<br> {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<p></div>
  1450.  
  1451.  
  1452. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1453.  
  1454.  
  1455.  
  1456. <!-- END POST FOOTER -->
  1457.  
  1458. {/block:Posts}
  1459.  
  1460.  
  1461. </div> </div> </div> </div>
  1462.  
  1463. <!-- * END POSTS/ENTRIES AND SPECIFIC TYPES* -->
  1464.  
  1465.  
  1466.  
  1467.  
  1468. <div id="credit"><a href="http://mistlechesters.tumblr.com">★ MAK ★</a></div>
  1469.  
  1470.  
  1471. </body>
  1472.  
  1473. <!-- *POP UPS* -->
  1474.  
  1475. <!-- ASK/FAQ/SUBMIT -->
  1476.  
  1477. <div id="askfaq" class="popup_block" style="height:500px">
  1478. <br><br>
  1479. <center><div style="font-size:35px"><font face="bilbo swash caps"><font color=#b1b4b4>ask</div></center></font></font><p>
  1480.  
  1481. <center> <img src="http://static.tumblr.com/bae09c01300e56b73c66ccbeb4c92caa/mlbfz13/le1mu5xay/tumblr_static_seperator.png"></center><p>
  1482.  
  1483. <center><div class="faqtext">
  1484. YOU CAN ADD A FAQ HERE IF YOU SO CHOOSE<p>
  1485.  
  1486. <div class="shag"><p align="left">QUESTION 1</p></div>
  1487. <p align="right">ANSWER 1</p>
  1488. <p></p>
  1489.  
  1490. <div class="shag"><p align="left">QUESTION 2</p></div>
  1491. <p align="right">ANSWER 2</p>
  1492. <p></p>
  1493.  
  1494. <div class="shag"><p align="left">Ex: Where did you get your theme?</p></div>
  1495. <p align="right">I got it from the <a href="http://mistlechesters.tumblr.com">beautiful Marcella!</a></p>
  1496. <br /><br />
  1497. <iframe frameborder="0" height="200" id="ask_form" scrolling="no"
  1498. src="http://www.tumblr.com/ask_form/brmtests.tumblr.com"
  1499. width="100%"></iframe><!—[if IE]><mce:script type="text/javascript">
  1500. <!document.getElementById(‘ask_form’).allowTransparency=true; // —>
  1501. <!—[endif] —></center>
  1502. <br /><br />
  1503.  
  1504. <center><iframe frameborder="0" scrolling="yes" width="90%" height="520" src="http://tumblr.com/submit_form/brmtests.tumblr.com" style="background-color:transparent; overflow:hidden;" id="submit_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></center>
  1505.  
  1506. </div>
  1507. </div>
  1508. <!-- END ASK/FAQ/SUBMIT -->
  1509.  
  1510.  
  1511. <!-- TAGS (CUSTOMIZE HEADERS AND LINKS)-->
  1512. <div id="tagslinks" class="popup_block" style="height:350px">
  1513.  
  1514. <br><br>
  1515. <center><div style="font-size:35px"><font face="bilbo swash caps"><font color=#b1b4b4>navigate</div></center></font></font><br><br>
  1516.  
  1517. <center> <img src="http://static.tumblr.com/bae09c01300e56b73c66ccbeb4c92caa/mlbfz13/le1mu5xay/tumblr_static_seperator.png"></center> <p>
  1518.  
  1519. <center>
  1520.  
  1521. <div id="navigatechunk">
  1522. <div id="navigateheaders">fandoms</div>
  1523. <div id="navigate">
  1524. <center>
  1525. <a href="/tagged/">fandom 1</a><br>
  1526. <a href="/tagged/">fandom 2</a><br>
  1527. <a href="/tagged/">fandom 3</a><br>
  1528. <a href="/tagged/">fandom 4</a><br>
  1529. <a href="/tagged/">fandom 5</a><br>
  1530. </center></div></div>
  1531.  
  1532. <div id="navigatechunk">
  1533. <div id="navigateheaders">ships</div>
  1534. <div id="navigate">
  1535. <center>
  1536. <a href="/tagged/">ship 1</a><br>
  1537. <a href="/tagged/">ship 2</a><br>
  1538. <a href="/tagged/">ship 3</a><br>
  1539. <a href="/tagged/">ship 4</a><br>
  1540. <a href="/tagged/">ship 5</a><br></center>
  1541. </div></div>
  1542.  
  1543. <div id="navigatechunk">
  1544.  
  1545. <div id="navigateheaders">celebrities</div>
  1546. <div id="navigate">
  1547. <center>
  1548. <a href="/tagged/">celeb 1</a><br>
  1549. <a href="/tagged/">celeb 2</a><br>
  1550. <a href="/tagged/">celeb 3</a><br>
  1551. <a href="/tagged/">celeb 4</a><br>
  1552. <a href="/tagged/">celeb 5</a><br></center>
  1553. </div></div>
  1554.  
  1555. <div id="navigatechunk">
  1556. <div id="navigateheaders">links</div>
  1557. <div id="navigate">
  1558. <center>
  1559. <a href="/tagged/">link 1</a><br>
  1560. <a href="/tagged/">link 2</a><br>
  1561. <a href="/tagged/">link 3</a><br>
  1562. <a href="/tagged/">link 4</a><br>
  1563. <a href="/tagged/">link 5</a><br>
  1564. </center></div>
  1565. </div>
  1566.  
  1567.  
  1568. </center>
  1569. </div>
  1570. <!-- END TAGS -->
  1571.  
  1572. <!-- ABOUT -->
  1573.  
  1574. <div id="about" class="popup_block" style="height:270px">
  1575. <br><br>
  1576. <center><div style="font-size:35px"><font face="bilbo swash caps"><font color=#b1b4b4>about</div></center></font></font><p>
  1577.  
  1578. <center> <img src="http://static.tumblr.com/bae09c01300e56b73c66ccbeb4c92caa/mlbfz13/le1mu5xay/tumblr_static_seperator.png"></center><p>
  1579.  
  1580. <center><p>
  1581. <div id="aboutpic"><img src="{image:About}"></div><p> <!-- IMAGE MUST BE 165px WIDE -->
  1582. <div id="aboutheader">BRIEF BIO</div><div id="aboutinfo">
  1583. "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." <p>
  1584.  
  1585. </div>
  1586. </center>
  1587.  
  1588. </div>
  1589.  
  1590. <!-- END ABOUT -->
  1591.  
  1592.  
  1593. <!-- CREDITS -->
  1594.  
  1595. <div id="credits" class="popup_block" style="height:500px">
  1596. <br><br>
  1597. <center><div style="font-size:35px"><font face="bilbo swash caps"><font color=#b1b4b4>credits</div></center></font></font><p>
  1598.  
  1599. <center> <img src="http://static.tumblr.com/bae09c01300e56b73c66ccbeb4c92caa/mlbfz13/le1mu5xay/tumblr_static_seperator.png"></center><p>
  1600.  
  1601. <center>
  1602. <div class="shag">THEME</div>
  1603. <div class="popuptext"><a href="http://mistlechesters.tumblr.com">M ★ A ★ K</a></div>
  1604. <p>
  1605. <div class="shag">SIDEBAR PICTURE</div>
  1606.  
  1607. <div class="shag">MISCELLANEOUS</div>
  1608.  
  1609.  
  1610. </center>
  1611. </div>
  1612.  
  1613. <!-- END CREDITS -->
  1614.  
  1615. <!-- *END POP UPS* -->
  1616.  
  1617. </html>
Advertisement
Add Comment
Please, Sign In to add comment