Advertisement
manon15

nomcther theme code

Feb 19th, 2017
118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.18 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- BACKGROUND & CODE BY ╰☆╮MANON / BUTSCREWMEFIRST╰☆╮
  5. DO NOT:
  6. -claim as your own.
  7. -steal.
  8. -use on another blog without asking.
  9. -take parts of this theme to use in your own.
  10. I AM ALWAYS WILLING TO HELP, SO YOU NEED ONLY ASK!
  11. for commissions for yourself, just contact me @butscrewmefirst.tumblr.com
  12. -->
  13.  
  14. <head>
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23. <link href="https://fonts.googleapis.com/css?family=Caveat|Clicker+Script|Cookie|Creepster|Damion|Dancing+Script|Finger+Paint|Fredericka+the+Great|Great+Vibes|Homemade+Apple|Kaushan+Script|Knewave|Marck+Script|Mr+Dafoe|Nothing+You+Could+Do|Pacifico|Permanent+Marker|Playball|Reenie+Beanie|Rock+Salt|Sacramento|Satisfy|Tangerine|Walter+Turncoat|Yellowtail" rel="stylesheet">
  24.  
  25.  
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28. <script>
  29. $(document).ready(function() {
  30. //
  31. $('a.poplight[href^=#]').click(function() {
  32. var popID = $(this).attr('rel'); //Get Popup Name
  33. var popURL = $(this).attr('href'); //Get Popup href to define size
  34. var query= popURL.split('?');
  35. var dim= query[1].split('&');
  36. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  37. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  38. var popMargTop = ($('#' + popID).height() + 80) / 2;
  39. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  40. //Apply Margin to Popup
  41. $('#' + popID).css({
  42. 'margin-top' : -popMargTop,
  43. 'margin-left' : -popMargLeft
  44. });
  45. $('body').append('<div id="fade"></div>');
  46. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  47. return false;
  48. });
  49. $('a.close, #fade').live('click', function() {
  50. $('#fade, .popup_block, .popup_block2, .popup_block3, .popup_block4, .question_block').fadeOut(function() {
  51. $('#fade, a.close').remove(); //fade them both out
  52. });
  53. return false;
  54. });
  55. });
  56. </script>
  57.  
  58. <!--tabs script-->
  59. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  60. <script type="text/javascript">
  61. $(document).ready(function(){
  62. $(".links_body").hide();
  63. $(".links_head").click(function(){
  64. $(this).next(".links_body").slideToggle("fast");
  65. }); }); </script>
  66. <style type="text/css">
  67. .links_list { margin:0px; padding:0px; width:100%;}
  68. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  69. .links_body { padding:10px; text-align:left; display:none;}
  70. </style>
  71.  
  72. <!-- verses script -->
  73. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  74.  
  75. <style type="text/css">
  76.  
  77. .popup_block{
  78. display:none;
  79. float:left;
  80. background-image: url('http://i.imgur.com/fOxFLt5.png');
  81. background-color: #fff;
  82. height:500px;
  83. position:fixed;
  84. top:50%; left: 50%;
  85. z-index:9999999999999;
  86. opacity:1;
  87. }
  88.  
  89. .popup_block2{
  90. display:none;
  91. float:left;
  92. background-image: url('http://i.imgur.com/rUSJM79.png');
  93. background-color: #fff;
  94. height:500px;
  95. position:fixed;
  96. top:50%; left: 50%;
  97. z-index:9999999999999;
  98. opacity:1;
  99. }
  100.  
  101. .popup_block3{
  102. display:none;
  103. float:left;
  104. background-image: url('http://i.imgur.com/96TQYEQ.png');
  105. background-color: #fff;
  106. height:500px;
  107. position:fixed;
  108. top:50%; left: 50%;
  109. z-index:9999999999999;
  110. opacity:1;
  111. }
  112.  
  113. .popup_block4{
  114. display:none;
  115. float:left;
  116. background-image: url('http://i.imgur.com/bwRPkqG.png');
  117. background-color: #fff;
  118. height:500px;
  119. position:fixed;
  120. top:50%; left: 50%;
  121. z-index:9999999999999;
  122. opacity:1;
  123. }
  124.  
  125. *html #fade {position: absolute;}
  126. *html .popup_block {position: absolute;}
  127. #fade {
  128. display:none;
  129. position:fixed;
  130. left:0px;
  131. top:0px;
  132. width:100%;
  133. height:100%;
  134. z-index:999999;
  135. background:#000001;
  136. opacity:.5;
  137. }
  138.  
  139.  
  140. #text {
  141. top:50%;
  142. left:50%;
  143. margin-top:50px;
  144. margin-left:450px;
  145. width:270px;
  146. height:200px;
  147. overflow:auto;
  148. text-align:justify;
  149. font-family:calibri;
  150. font-size:10px;f
  151. color:#fff;
  152. background:transparent;
  153. }
  154.  
  155. #heading {
  156. top:50%;
  157. left:50%;
  158. margin-top:477px;
  159. text-align:left;
  160. margin-left:352px;
  161. font-family:"prata";
  162. font-size:40px;
  163. color:#fff;
  164. background:transparent;
  165. text-shadow: 0px 0px 14px #fff;
  166. }
  167.  
  168. #poptext2 {
  169. margin-top:11px;
  170. margin-left:33px;
  171. width:265px;
  172. height:477px;
  173. font-family:'calibri';
  174. color:#fff;
  175. font-size:12px;
  176. overflow:auto;
  177. text-align:justify;
  178. }
  179.  
  180. #poptext {
  181. margin-top:11px;
  182. margin-left:24px;
  183. width:275px;
  184. height:476px;
  185. font-family:'calibri';
  186. color:#fff;
  187. font-size:12px;
  188. overflow:auto;
  189. text-align:justify;
  190. }
  191.  
  192. #headerbar{
  193. left:50%;
  194. top:50%;
  195. margin-left:15px;
  196. margin-top:15px;
  197. width:271px;
  198. overflow:auto;
  199. text-align:justify;
  200. color:#fff;
  201. font-family:"calibri";
  202. font-size:12px;
  203. }
  204.  
  205. #tabbar{
  206. left:50%;
  207. top:50%;
  208. margin-left:6px;
  209. margin-top:20px;
  210. width:285px;
  211. height:405px;
  212. overflow: auto;
  213. text-align:justify;
  214. color:#fff;
  215. font-family:"calibri";
  216. font-size:12px;
  217. }
  218.  
  219. ul#tabs {text-align:center;}
  220.  
  221. ul#tabs li {
  222. list-style-type: none;
  223. display:inline-block;
  224. padding:2px;
  225. cursor:pointer;
  226. text-decoration:none;
  227. opacity:1;
  228. color:#fff;
  229. }
  230.  
  231. ul#tabs li.active {
  232. background-color:#000;
  233. color:#fff;
  234. -webkit-transition: all 0.5s ease-out;
  235. -moz-transition: all 0.5s ease-out;
  236. transition: all 0.5s ease-out;
  237. }
  238.  
  239. ul#tab, ul#tabs {
  240. list-style-type: none;
  241. margin:0px;
  242. padding:0px;
  243. }
  244. ul#tab li {display: none;}
  245. ul#tab li.active {display: block;}
  246.  
  247. .links_list {
  248. margin:0px;
  249. padding:0.5px;
  250. width:260px;
  251. margin-top:0px;
  252. margin-left:23.5px;
  253. }
  254.  
  255. .links_head {
  256. padding-top:7px;
  257. padding-bottom:7px;
  258. cursor:pointer;
  259. position:relative;
  260. margin:1px;
  261. text-align:center;
  262. font-size:9px;
  263. letter-spacing:2px;
  264. background-color:#000;
  265. background-image:url("http://i.imgur.com/6vMRvlO.png");
  266. border:1px solid #fff;
  267. outline:0px solid #fff;
  268. }
  269.  
  270. .links_body {
  271. height:150px;
  272. overflow:auto;
  273. padding:10px;
  274. display:none;
  275. background:#181818;
  276. font-size:10px;
  277. text-align:center;
  278. letter-spacing: 1px;
  279. font-family:calibri;
  280. color:#fff;
  281. line-height:100%;
  282. text-transform:lowercase;
  283. }
  284.  
  285. .question_block{
  286. height:300px;
  287. display: none;
  288. float: left;
  289. position: fixed;
  290. top: 50%; left: 50%;
  291. z-index: 999999999999;
  292. }
  293.  
  294. para {
  295. font-family: 'Prata', serif;
  296. color:#000;
  297. text-shadow:0 0 2px #fff;
  298. font-size:15px;
  299.  
  300. }
  301.  
  302. /*edit scrollbar*/
  303.  
  304. ::-webkit-scrollbar-thumb {
  305. height:auto;
  306. }
  307.  
  308. ::-webkit-scrollbar {
  309. height:4px;
  310. width:3px;
  311. padding-right:2px;
  312. }
  313. /*edit the body this is what post text looks like, background color, etc.*/
  314.  
  315. body {
  316. background-image:url("http://i.imgur.com/XpDGaUl.png");
  317. background-position:left bottom;
  318. background-attachment:fixed;
  319. background-repeat:no-repeat;
  320. margin:0px;
  321. background-color:#181818;
  322. color:#fff;
  323. font-family:"calibri";
  324. font-size:11px;
  325. line-height:120%;
  326. overflow-x:hidden;
  327. overflow-y:hidden;
  328. }
  329.  
  330.  
  331. /*edit links*/
  332.  
  333. a {
  334. text-decoration:none;
  335. outline:#7b9594;
  336. -moz-outline-style:none;
  337. color:#7b9594;
  338. -moz-transition-duration:0.8s;
  339. -webkit-transition-duration:0.8s;
  340. -o-transition-duration:0.8s;
  341. text-transform:uppercase;
  342. text-shadow:0px 0px 1px #000;
  343. }
  344.  
  345. /*edit link hover*/
  346.  
  347. a:hover {
  348. color:#fff;
  349. outline:none;
  350. -moz-outline-style:none;
  351. text-decoration:none;
  352. border-radius: 20px 20px 20px 20px #fff;
  353. -webkit-filter: blur(0px);
  354. }
  355.  
  356. img {
  357. opacity:.8;
  358. -webkit-filter: Grayscale(50%);
  359. -webkit-transition-duration: 0.8s;
  360. -moz-transition-duration:0.8s;
  361. transition-duration:0.8s;
  362. -o-transition-duration:0.8s;
  363. -webkit-filter: blur(0px);
  364. border-radius: 20px 20px 20px 20px #000;
  365. }
  366.  
  367. img:hover {
  368. opacity:1;
  369. -webkit-filter: Grayscale(0%);
  370. -webkit-transition: all 0.8s ease-out;
  371. -moz-transition: all 0.8s ease-out;
  372. transition: all 0.8s ease-out;
  373. -webkit-filter: blur(0px);
  374. border-radius: 20px 20px 20px 20px #000;
  375.  
  376. }
  377.  
  378.  
  379. h1 { /*title*/
  380. font-size:20px;
  381. text-align:left;
  382. font-family:"oswald";
  383. text-align:center;
  384. line-height:115%;
  385. letter-spacing:1px;
  386. color:#7b9594;
  387. text-shadow:0px 0px 3px #7b9594;
  388. text-transform:uppercase;
  389. }
  390.  
  391. h2 {
  392. font-size:15px;
  393. text-align:left;
  394. font-family:"Caveat", sans-serif;
  395. text-align:center;
  396. line-height:115%;
  397. letter-spacing:1px;
  398. color:#4e2925;
  399. text-shadow:0px 0px 3px #4e2925;
  400. text-transform:none;
  401. }
  402.  
  403. pre {
  404. font-family:"calibri";
  405. font-size:12px;
  406. color:#fff;
  407. text-shadow:0px 0px 2px #fff;
  408. letter-spacing:1px;
  409. text-align:center;
  410. text-transform:uppercase;
  411. background:url('');
  412. padding:2px;
  413. background-clip:content-box;
  414. border-radius:2px;
  415. text-decoration:underline;
  416. }
  417.  
  418.  
  419.  
  420.  
  421. #title {
  422. color:#fff;
  423. font-family:arial;
  424. font-size:16px;
  425. text-transform:lowercase;
  426. border-bottom:1px solid #fff;
  427. font-weight:bold;
  428. letter-spacing:0px;
  429. padding:4px;
  430. margin-top:-20px;
  431. margin-left:-14px;
  432. position:fixed;
  433. text-align:left;
  434. }
  435.  
  436.  
  437. #navi {
  438. float:left;
  439. width:115px;
  440. padding:3px;
  441. }
  442.  
  443. @-webkit-keyframes cuntess{
  444. from { -webkit-transform:rotate(0deg);}
  445. to {-webkit-transform:rotate(360deg);}
  446. }
  447.  
  448. @-webkit-keyframes donovan{
  449. from {-webkit-transform: scale(0.5);}
  450. 75% {-webkit-transform: scale(1.0);}
  451. to {-webkit-transform: scale(0.5);}
  452. }
  453.  
  454. @-webkit-keyframes sally{
  455. from {-webkit-filter: blur(0px);}
  456. 60% {-webkit-filter: blur(3px);}
  457. to {-webkit-filter: blur(0px);}
  458. }
  459.  
  460.  
  461. /*sidebar links*/
  462.  
  463. .links {
  464. position: fixed;
  465. font-style:none;
  466. bottom:-43px;
  467. margin-left:963px;
  468. font-size:20px;
  469. line-height: 850%;
  470. text-align: left;
  471. width:30px;
  472. margin-right: auto;
  473. transform:rotate(0deg);
  474. -ms-transform: rotate(0deg);
  475. -webkit-transform: rotate(0deg);
  476.  
  477.  
  478. }
  479.  
  480. .links a {
  481. -webkit-filter:blur(0px);
  482. letter-spacing: 1px;
  483. padding:3px;
  484. text-shadow: 1px 0px 1px #000;
  485.  
  486. }
  487.  
  488. .links a:hover {
  489. color:#000;
  490. opacity:1;
  491. -webkit-transition: all 0.8s ease-out;
  492. -moz-transition: all 0.8s ease-out;
  493. transition: all 0.8s ease-out;
  494. -webkit-filter:blur(3px);
  495. }
  496.  
  497. .alinks {
  498. position: fixed;
  499. font-style:none;
  500. bottom:-43px;
  501. margin-left:986px;
  502. font-size:20px;
  503. word-spacing:2px;
  504. line-height: 850%;
  505. text-align: left;
  506. width:20px;
  507. margin-right: auto;
  508. transform:rotate(0deg);
  509. -ms-transform: rotate(0deg);
  510. -webkit-transform: rotate(0deg);
  511.  
  512. }
  513.  
  514. .alinks a {
  515. -webkit-filter:blur(0px);
  516. letter-spacing: 1px;
  517. padding:3px;
  518. text-shadow: 1px 0px 1px #000;
  519.  
  520. }
  521.  
  522. .alinks a:hover {
  523. color:#000;
  524. opacity:1;
  525. -webkit-transition: all 0.8s ease-out;
  526. -moz-transition: all 0.8s ease-out;
  527. transition: all 0.8s ease-out;
  528. -webkit-filter:blur(3px);
  529. }
  530.  
  531. .blinks {
  532. position: fixed;
  533. font-style:none;
  534. bottom:-43px;
  535. margin-left:1017px;
  536. font-size:20px;
  537. word-spacing:2px;
  538. line-height: 850%;
  539. text-align: left;
  540. width:20px;
  541. margin-right: auto;
  542. transform:rotate(0deg);
  543. -ms-transform: rotate(0deg);
  544. -webkit-transform: rotate(0deg);
  545.  
  546. }
  547.  
  548. .blinks a {
  549. -webkit-filter:blur(0px);
  550. letter-spacing: 1px;
  551. padding:3px;
  552. text-shadow: 1px 0px 1px #27282e;
  553. }
  554.  
  555. .blinks a:hover {
  556. color:#fff;
  557. opacity:1;
  558. -webkit-transition: all 0.8s ease-out;
  559. -moz-transition: all 0.8s ease-out;
  560. transition: all 0.8s ease-out;
  561. -webkit-filter:blur(3px);
  562. }
  563.  
  564. .clinks {
  565. position: fixed;
  566. font-style:none;
  567. bottom:-43px;
  568. margin-left:1054px;
  569. font-size:20px;
  570. word-spacing:2px;
  571. line-height: 850%;
  572. text-align: left;
  573. width:20px;
  574. margin-right: auto;
  575. transform:rotate(0deg);
  576. -ms-transform: rotate(0deg);
  577. -webkit-transform: rotate(0deg);
  578.  
  579. }
  580.  
  581. .clinks a {
  582. -webkit-filter:blur(0px);
  583. letter-spacing: 1px;
  584. padding:3px;
  585. text-shadow: 1px 0px 1px #27282e;
  586. }
  587.  
  588. .clinks a:hover {
  589. color:#fff;
  590. opacity:1;
  591. -webkit-transition: all 0.8s ease-out;
  592. -moz-transition: all 0.8s ease-out;
  593. transition: all 0.8s ease-out;
  594. -webkit-filter:blur(3px);
  595. }
  596.  
  597. .dlinks {
  598. position: fixed;
  599. font-style:none;
  600. bottom:-43px;
  601. margin-left:1088px;
  602. font-size:20px;
  603. word-spacing:2px;
  604. line-height: 850%;
  605. text-align: left;
  606. width:20px;
  607. margin-right: auto;
  608. transform:rotate(0deg);
  609. -ms-transform: rotate(0deg);
  610. -webkit-transform: rotate(0deg);
  611.  
  612. }
  613.  
  614. .dlinks a {
  615. -webkit-filter:blur(0px);
  616. letter-spacing: 1px;
  617. padding:3px;
  618. text-shadow: 1px 0px 1px #000;
  619. }
  620.  
  621. .dlinks a:hover {
  622. color:#000;
  623. opacity:1;
  624. -webkit-transition: all 0.8s ease-out;
  625. -moz-transition: all 0.8s ease-out;
  626. transition: all 0.8s ease-out;
  627. -webkit-filter:blur(3px);
  628. }
  629.  
  630. .elinks {
  631. position: fixed;
  632. font-style:none;
  633. bottom:-43px;
  634. margin-left:1113px;
  635. font-size:20px;
  636. word-spacing:2px;
  637. line-height: 850%;
  638. text-align: left;
  639. width:20px;
  640. margin-right: auto;
  641. transform:rotate(0deg);
  642. -ms-transform: rotate(0deg);
  643. -webkit-transform: rotate(0deg);
  644.  
  645. }
  646.  
  647. .elinks a {
  648. -webkit-filter:blur(0px);
  649. letter-spacing: 1px;
  650. padding:3px;
  651. text-shadow: 1px 0px 1px #000;
  652. }
  653.  
  654. .elinks a:hover {
  655. color:#000;
  656. opacity:1;
  657. -webkit-transition: all 0.8s ease-out;
  658. -moz-transition: all 0.8s ease-out;
  659. transition: all 0.8s ease-out;
  660. -webkit-filter:blur(3px);
  661. }
  662.  
  663. /* this is the box that comes up when you hover over something with a title*/
  664.  
  665. #s-m-t-tooltip {
  666. margin-left:15px;
  667. margin-top:-21px;
  668. letter-spacing:0px;
  669. font-family:"calibri";
  670. text-transform:auto;
  671. font-size:10px;
  672. text-transform:none;
  673. color:#fff;
  674. background-color:#191919;
  675. border:2px double #7b9594;
  676. text-shadow:0px 0px 3px #000;
  677. padding: 3px;
  678. z-index:99999999999999999999999;
  679. -webkit-transition:all 1.5s;
  680. -moz-transition:all 1.5s;
  681. -ms-transition:all 1.5s;
  682. -o-transition:all 1.5s;
  683. transition:all 1.5s;
  684. }
  685.  
  686. .buttons {
  687. display:inline-block;
  688. width:100px;
  689. border:1px solid #a09790;
  690. border-radius:2px;
  691. margin:5px;
  692. padding:5px;
  693. text-align:center;
  694. }
  695.  
  696. .buttons:hover {
  697. background:url('http://i.imgur.com/6vMRvlO.png');
  698. text-decoration: underline;
  699. }
  700.  
  701. /*next page and previous page*/
  702.  
  703. #pagination {
  704. bottom:301px;
  705. font-size:10px;
  706. margin-left:995px;
  707. color:#8d0404;
  708. position: absolute;
  709. font-family:"prata";
  710. text-align: left;
  711. letter-spacing:2px;
  712. padding-left:87px;
  713. width:300px;
  714. word-spacing:2px;
  715. text-transform:lowercase;
  716. -ms-transform: rotate(0deg); /* IE 9 */
  717. -webkit-transform: rotate(0deg); /* Safari */
  718. transform: rotate(0deg)
  719. }
  720.  
  721. #pagination a {
  722. padding:0 3px;
  723. opacity:2;
  724. -webkit-filter: Grayscale(0%);
  725. -webkit-transition: all 0.8s ease-out;
  726. -moz-transition: all 0.8s ease-out;
  727. transition: all 0.8s ease-out;
  728. -webkit-filter: blur(0px)
  729.  
  730. }
  731.  
  732. #pagination a:hover {
  733. color:#18191b;
  734. opacity:1;
  735. -webkit-transition: all 0.8s ease-out;
  736. -moz-transition: all 0.8s ease-out;
  737. transition: all 0.8s ease-out;
  738. -webkit-filter:blur(.8px);
  739. }
  740.  
  741. #container {
  742. position: fixed;
  743. width:405px;
  744. height:388px;
  745. bottom:180px;
  746. margin-left:25px;
  747. overflow:auto;
  748. text-align:justify;
  749. /*-webkit-mask-image: -webkit-gradient(linear, left bottom, left 80%, from(rgba(4, 4, 4, 0)), to(rgba(4, 4, 4, 1)));*/
  750. }
  751.  
  752. #post {
  753. width:400px;
  754. margin-top:5px;
  755. font-size:10px;
  756. line-height:110%;
  757. padding-top:10px;
  758. margin-bottom:20px;
  759. margin-left:auto;
  760. margin-right:auto;
  761. overflow:auto;
  762. }
  763.  
  764. #post blockquote {
  765. padding-left:10px;
  766. margin-left:10px;
  767. border-left:#7b9594 1px solid;
  768. text-shadow:0px 0px 3px #fff;
  769. border-radius:6px;
  770. }
  771.  
  772.  
  773. /*italics and bold stuffs. here is where you can put new fonts, many i have already supplied you with!*/
  774.  
  775. b, strong, bold {
  776. color:#621313;
  777. text-shadow:0px 0px 2px #621313;
  778. font-size:12px;
  779. letter-spacing:2px;
  780. font-family:"calibri";
  781. line-height:115%;
  782. font-weight: bold;
  783. text-transform:uppercase;
  784. }
  785.  
  786. i, em, italic {
  787. color:#fff;
  788. text-shadow:none;
  789. font-size:12px;
  790. line-height:115%;
  791. font-family:"Pacifico", cursive;
  792. font-weight:italic;
  793. text-transform:lowercase;
  794. letter-spacing:2px;
  795.  
  796. }
  797.  
  798. sup, sub {
  799. color: #fff;
  800. text-shadow:none;
  801. font-size:11px;
  802. line-height:115%;
  803. font-family:"calibri";
  804. font-weight:none;
  805. text-transform:lowercase;
  806. letter-spacing:2px;
  807. }
  808.  
  809. small {
  810. color: #fff;
  811. text-shadow:none;
  812. font-size:11px;
  813. line-height:115%;
  814. font-family:"calibri";
  815. font-weight:none;
  816. text-transform:lowercase;
  817. letter-spacing:2px;
  818. }
  819.  
  820. /*time posted, note count, via and source*/
  821.  
  822. #info {
  823. width:250px;
  824. font-size:16px;
  825. padding:4px 0px 1px 0px;
  826. margin:0px 0px 40px 0px;
  827. letter-spacing:4px;
  828. font-size:22px;
  829. color:#7b9594;
  830. }
  831.  
  832. #info a {
  833. color:#7b9594;
  834. text-shadow:1px 2px 4px #000;
  835. }
  836.  
  837. #info a:hover {
  838. color:#fff;
  839. text-shadow:0px 0px 1px #fff;
  840. }
  841.  
  842.  
  843. /*tags*/
  844.  
  845. .tags {
  846. width:350px;
  847. margin:-20px 0px 0px 30px;
  848. line-height:115%;
  849. padding:5px;
  850. font-size:10px;
  851. word-break:keep-all;
  852. text-align:center;
  853. font-family:calibri;
  854. background:#fff;
  855. border:dotted 1px #7b9594;
  856. border-radius:3px 3px 8px 8px;
  857. background:url('http://i.imgur.com/6vMRvlO.png');
  858. opacity:.5;
  859. }
  860.  
  861. .tags a {
  862. color:#fff;
  863. text-shadow:0px 0px 5px #000;;
  864. }
  865.  
  866. .tags a:hover {
  867. color:#fff;
  868. text-shadow:0px 0px 1px #8d0404;
  869. }
  870.  
  871. .postnote {
  872. width:350px;
  873. margin-top:40px;
  874. font-family:arial;
  875. text-transform:lowercase;
  876. font-style:normal;
  877. letter-spacing:0px;
  878. font-size:10px;
  879. text-align:left;
  880. }
  881.  
  882. .verses img {
  883. float:center;
  884. -webkit-filter: grayscale(0%);
  885. width:260px;
  886. height:100px;
  887. }
  888.  
  889. .pic img {
  890. float: center;
  891. padding: 0px;
  892. margin-right: 10px;
  893. width: 100px;
  894. height: 100px;
  895. }
  896.  
  897. /*here go asks*/
  898.  
  899. #ask {
  900. width:360px;
  901. margin-left:8px;
  902. font-size:28px;
  903. text-align:center;
  904. font-family:"Great Vibes", cursive;
  905. font-style:none;
  906. text-transform:lowercase;
  907. color:#fff;
  908. }
  909.  
  910. #ask a {
  911. color:#7b9594;
  912. text-transform:lowercase;
  913. text-shadow:0px 2px 5px #000;
  914.  
  915. }
  916.  
  917. #ask a:hover {
  918. color:#fff;
  919. letter-spacing:2px;
  920. text-shadow:0px 2px 7px #fff;
  921. }
  922.  
  923. #q {
  924. width:369px;
  925. margin-left:0px;
  926. padding:10px;
  927. text-align:center;
  928. font-family:"calibri";
  929. font-size:12px;
  930. color:#fff;
  931. text-shadow:0px 0px 5px #000;
  932. border-radius:0px 0px 0px 2px;
  933. border:1px double #000;
  934. background:url('http://i.imgur.com/6vMRvlO.png');
  935. }
  936.  
  937. #ans {
  938. text-align:justify;
  939. padding:5px;
  940. }
  941.  
  942.  
  943.  
  944.  
  945. /*audio player container*/
  946.  
  947. .playerbuttonbg {
  948. position: absolute;
  949. left: 10px;
  950. top: 10px;
  951. width: 18px;
  952. height: 18px;
  953. background-color:#e1e4e9;
  954. padding: 10px;
  955. -webkit-border-radius: 40px;
  956. -moz-border-radius: 40px;
  957. border-radius: 40px;
  958. opacity: .4;
  959. filter: alpha(opacity=40);
  960. -moz-opacity: 0.4;
  961. -khtml-opacity: 0.4;
  962. transition: opacity .7s ease-in-out;
  963. -moz-transition: opacity .7s ease-in-out;
  964. -webkit-transition: opacity .7s ease-in-out;
  965. }
  966.  
  967. .playerbuttonbg:hover {
  968. opacity: 1;
  969. filter: alpha(opacity=100);
  970. -moz-opacity: 1;
  971. -khtml-opacity: 1;
  972. }
  973.  
  974. .newplayerbutton {
  975. position: relative;
  976. width: 19px;height: 19px;
  977. overflow: hidden;
  978. }
  979.  
  980. .playerbuttonhug {
  981. position: absolute;
  982. top: -18px;left: -7px;
  983. }
  984.  
  985. .tumblr_audio_player {
  986. border:none;
  987. height: 50px;
  988. width: 350px;
  989. margin-left:3px;
  990. margin-top:3px;
  991. }
  992.  
  993. .audioimgwrapper {
  994. position: absolute;
  995. left: 0px;
  996. top: 0px;
  997. overflow: hidden;
  998. width: 60px;
  999. height: 60px;
  1000. }
  1001.  
  1002. .audioimgwrapper img {
  1003. width: 100%;
  1004. height: auto;
  1005. }
  1006. .trackdetails {
  1007. width: auto;
  1008. display:inline-block;
  1009. margin-left: 90px;
  1010. min-height: 85px;
  1011. }
  1012.  
  1013. .audiowrapper {
  1014. position: relative
  1015. ;display:inline-block;
  1016. }
  1017.  
  1018. #updates {
  1019. position:fixed;
  1020. width:167px;
  1021. height:226px;
  1022. bottom:57px;
  1023. margin-left:962px;
  1024. font-size:9px;
  1025. padding:5px;
  1026. overflow:auto;
  1027. text-align:center;
  1028. }
  1029.  
  1030. /*credit. only change this if you actually make the code your own*/
  1031.  
  1032. #credit {
  1033. position:fixed;
  1034. font-size:18px;
  1035. color:#7b9594;
  1036. font-weight:none;
  1037. line-height:50%;
  1038. letter-spacing:2px;
  1039. font-family:'prata';
  1040. right:20px;
  1041. bottom:15px;
  1042. text-transform:UPPERCASE;
  1043. text-align:left;
  1044. -webkit-transition: all 0.5s ease-in-out;
  1045. -moz-transition: all 0.5s ease-in-out;
  1046. -o-transition: all 0.5s ease-in-out;
  1047. }
  1048.  
  1049. #credit a {
  1050. letter-spacing: 0px;
  1051. padding:3px;
  1052. color:#7b9594;
  1053. }
  1054.  
  1055. #credit a:hover {
  1056. background:#181818;
  1057. color:#fff;
  1058. }
  1059.  
  1060.  
  1061.  
  1062.  
  1063. {CustomCSS}
  1064.  
  1065. }
  1066.  
  1067. </style></head><body>
  1068. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  1069. <script src=“http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  1070. <script>
  1071. (function($){
  1072. $(document).ready(function(){
  1073. $("a[title]").style_my_tooltips({
  1074. tip_follows_cursor:true,
  1075. tip_delay_time:7,
  1076. tip_fade_speed:7,
  1077. attribute:"title"
  1078. });
  1079. });
  1080. })(jQuery);
  1081. </script>
  1082.  
  1083.  
  1084. <!-- YOUR UPDATES TAB -->
  1085. <div id="updates">
  1086. <center><b>❝ D A U G H T E R❞</b>
  1087. <br>
  1088. <b>/dôdər/</b><br>
  1089. <i>noun</i> 1. A girl or woman in relation to her parents.<br>
  1090. <strong>synonyms:</strong>female,child, woman; more.<br> ☞Indie Eve from Underworld. <br>Semi-Selective. <br>Please read rules before interacting.☜
  1091.  
  1092. </div>
  1093. <!-- END UPDATES TAB -->
  1094.  
  1095. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1096. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1097. <script>
  1098.  
  1099. (function($){
  1100.  
  1101. $(document).ready(function(){
  1102.  
  1103. $("a[title]").style_my_tooltips({
  1104.  
  1105. tip_follows_cursor:true,
  1106.  
  1107. tip_delay_time:50,
  1108.  
  1109. tip_fade_speed:600,
  1110.  
  1111. attribute:"title"
  1112.  
  1113. });
  1114.  
  1115. });
  1116.  
  1117. })(jQuery);
  1118.  
  1119. </script>
  1120.  
  1121.  
  1122.  
  1123.  
  1124. <div class="links">
  1125. <a href="/" title="home.">i.</a></div>
  1126.  
  1127. <div class="alinks">
  1128. <a href="#?w=500" title="ask." rel="box1" class="poplight">ii.</a></div>
  1129.  
  1130. <div class="blinks">
  1131. <a href="#?w=600" title="guidelines." rel="box6" class="poplight">iii.</a></div>
  1132.  
  1133. <div class="clinks">
  1134. <a href="#?w=600" title="verses." rel="box3" class="poplight">iv.</a></div>
  1135.  
  1136. <div class="dlinks">
  1137. <a href="#?w=600" title="navigation." rel="box4" class="poplight">v.</a></div>
  1138.  
  1139. <div class="elinks">
  1140. <a href="#?w=600" title="biography." rel="box2" class="poplight">vi.</a></div>
  1141.  
  1142.  
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149.  
  1150.  
  1151.  
  1152.  
  1153. </div>
  1154.  
  1155. <div id="description">{Description}</div>
  1156.  
  1157.  
  1158. <div id="pagination">
  1159. {block:Pagination}
  1160. {block:PreviousPage}
  1161. <a href="{PreviousPage}">⟨⟨⟨</a>
  1162. {/block:PreviousPage}
  1163.  
  1164.  
  1165. {block:NextPage}
  1166. <a href="{NextPage}">⟩⟩⟩</a>
  1167. {/block:NextPage}
  1168. {/block:Pagination}
  1169. </div>
  1170.  
  1171.  
  1172.  
  1173. </div>
  1174.  
  1175.  
  1176. <div id="container">
  1177. <div id="content">
  1178.  
  1179. {block:Posts}<div id="post">
  1180.  
  1181. {block:Text}
  1182. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1183. {Body}
  1184. {/block:Text}
  1185.  
  1186. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1187.  
  1188. <center>{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  1189.  
  1190. {block:Quote}
  1191. <h2>{Quote}</h2>
  1192. —{Source}
  1193. {/block:Quote}
  1194.  
  1195. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1196.  
  1197. {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}
  1198.  
  1199. {block:AudioPlayer}
  1200. <div class="audiowrapper">
  1201. {block:AlbumArt}
  1202. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1203. {/block:AlbumArt}
  1204.  
  1205. <div class="playerbuttonbg">
  1206. <div class="newplayerbutton">
  1207. <div class="playerbuttonhug">
  1208. {AudioPlayerWhite}
  1209. </div></div></div>
  1210.  
  1211. <div class="trackdetails">
  1212. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  1213. {block:Artist}{Artist}{/block:Artist}<br/>
  1214. {PlayCountWithLabel}
  1215. </div></div>
  1216. {block:Caption}{Caption}{/block:Caption}
  1217. {/block:AudioPlayer}
  1218.  
  1219. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1220.  
  1221. {block:Answer}
  1222.  
  1223. <div id="ask">{Asker}</div>
  1224. <div id="q">{Question}</div>
  1225. <br/>{Answer}{/block:Answer}
  1226.  
  1227. {block:Date}
  1228. <div id="info">
  1229. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; font-size: 20px; margin-left:4px; margin-top:20px;-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg);">✕</a>
  1230. <a href="{Permalink}" title="{NoteCountWithLabel}" style="position:absolute; margin-left:25px; margin-top:3px;font-size:15px;-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);">♦</a>
  1231. <a href={ReblogURL} target=”_blank” class=”details” title="Reblog" style="position:absolute; margin-left:18px; margin-top:38px;font-size:19px;-webkit-transform: rotate(-50deg);-ms-transform: rotate(-50deg);transform: rotate(-50deg);">*</a>
  1232. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1233. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1234. </div>
  1235. {/block:Date}
  1236.  
  1237.  
  1238. {block:HasTags}
  1239. <div class="tags">
  1240. {block:Tags} <a href="{TagURL}" title="{Tag}">&nbsp;#{Tag}&nbsp;</a> {/block:Tags}</div>
  1241. {/block:HasTags}
  1242.  
  1243.  
  1244. <div class="postnote">
  1245. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1246. </div>
  1247. </div>
  1248. {/block:Posts}
  1249. </div>
  1250. </div>
  1251. </div>
  1252. </div></div>
  1253.  
  1254.  
  1255.  
  1256.  
  1257. </div></div></div></div>
  1258. </div>
  1259.  
  1260. <div id="credit"><a href="http://butscrewmefirst.tumblr.com" title="theme by manon"><big>Ⓜ</big></a></div>
  1261.  
  1262. </body>
  1263.  
  1264. <div id="box1" class="question_block">
  1265. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1266. </div>
  1267. </div></div></div></div></div></div></div></div></div></div>
  1268.  
  1269. <div id="box3" class="popup_block3">
  1270. <div id="headerbar">
  1271. <ul id="tabs">
  1272. <li class="active">VERSE TAB 1.</li>
  1273. <li>VERSE TAB 2.</li>
  1274. <li>VERSE TAB 3.</li>
  1275. <li>VERSE TAB 4.</li>
  1276. </ul></div>
  1277. <div id="tabbar">
  1278. <ul id="tab">
  1279.  
  1280. <li class="active">
  1281.  
  1282. <div class="links_list">
  1283. <p class="links_head">VERSE ONE TAB ONE.</p>
  1284. <div class="links_body">
  1285. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1286. <center>
  1287. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1288. </center>
  1289. </div></div>
  1290.  
  1291. <div class="links_list">
  1292. <p class="links_head">VERSE TWO.</p>
  1293. <div class="links_body">
  1294. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1295. <center>
  1296. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1297. </center>
  1298. </div></div>
  1299.  
  1300. <div class="links_list">
  1301. <p class="links_head">VERSE THREE.</p>
  1302. <div class="links_body">
  1303. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1304. <center>
  1305. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1306. </center>
  1307. </div></div>
  1308.  
  1309. </li>
  1310.  
  1311. <li>
  1312.  
  1313. <div class="links_list">
  1314. <p class="links_head">VERSE ONE TAB TWO.</p>
  1315. <div class="links_body">
  1316. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1317. <center>
  1318. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1319. </center>
  1320. </div></div>
  1321.  
  1322. <div class="links_list">
  1323. <p class="links_head">VERSE TWO.</p>
  1324. <div class="links_body">
  1325. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1326. <center>
  1327. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1328. </center>
  1329. </div></div>
  1330.  
  1331. <div class="links_list">
  1332. <p class="links_head">VERSE THREE.</p>
  1333. <div class="links_body">
  1334. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1335. <center>
  1336. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1337. </center>
  1338. </div></div>
  1339.  
  1340. </li>
  1341.  
  1342. <li>
  1343.  
  1344. <div class="links_list">
  1345. <p class="links_head">VERSE ONE TAB THREE.</p>
  1346. <div class="links_body">
  1347. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1348. <center>
  1349. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1350. </center>
  1351. </div></div>
  1352.  
  1353. <div class="links_list">
  1354. <p class="links_head">VERSE TWO.</p>
  1355. <div class="links_body">
  1356. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1357. <center>
  1358. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1359. </center>
  1360. </div></div>
  1361.  
  1362. <div class="links_list">
  1363. <p class="links_head">VERSE THREE.</p>
  1364. <div class="links_body">
  1365. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1366. <center>
  1367. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1368. </center>
  1369. </div></div>
  1370.  
  1371. </li>
  1372.  
  1373. <li>
  1374.  
  1375. <div class="links_list">
  1376. <p class="links_head">VERSE ONE TAB FOUR.</p>
  1377. <div class="links_body">
  1378. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1379. <center>
  1380. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1381. </center>
  1382. </div></div>
  1383.  
  1384. <div class="links_list">
  1385. <p class="links_head">VERSE TWO.</p>
  1386. <div class="links_body">
  1387. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1388. <center>
  1389. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1390. </center>
  1391. </div></div>
  1392.  
  1393. <div class="links_list">
  1394. <p class="links_head">VERSE THREE.</p>
  1395. <div class="links_body">
  1396. <a href="/VERSE TAG HERE"><img src="http://i.imgur.com/2AO4R9c.png"></a>
  1397. <center>
  1398. img 220x100. YOUR CONTENT GOES HERE. you can include links, images, and pretty much anything you want. you don’t need to watch the length of your content either, since this code automatically limits the dropdown part into a certain height, which you can edit through the previous code ( the non-script one ) that I shared above. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br>
  1399. </center>
  1400. </div></div>
  1401.  
  1402. </li>
  1403.  
  1404. </ul>
  1405. </div></div></div></div></div></div></div></div></div></div>
  1406.  
  1407. <div id="box6" class="popup_block">
  1408. <div id="poptext">
  1409. <h1>Rules and Regulation</h1>
  1410. 1. <b>NSFW Content:</b> there is likely to be heavy gore, blood, and violence. However there<b><i> will not be any smut, as Eve is a child (13).&nbsp;</i></b><br>
  1411. 2. <b>No puppeting/godmodding.</b> Please.<br>
  1412. 3. I may not do ships, as again, Eve is a <i>child</i>.&nbsp;<br>
  1413. 4. I have seen all the movies, and read all of the novelizations of the movies. I will tag spoilers and I am open to post-blood wars threads!<br>
  1414. 5. <b>Duplicates</b>:I would love to do interactions with other eve&rsquo;s and see what happens!<br>
  1415. 6. RP blogs of real life people or actors make me extremely uncomfortable. I will not follow or interact with these blogs as it seems invasive to me. So unless you&rsquo;re the actual person, I&rsquo;m unlikely to follow. Sorry<br>
  1416. 7. <b>Crossover friendly</b>! <i>However</i>, only within similar fandoms: IE, resident evil, hellboy, Blade, Harry potter, lord of the rings&hellip;.<br>
  1417. 8. <b>DISCLAIMER</b>: <i>I do not own Underworld, Or Eve, nor am I India Eisley, I am just a fan of the series hoping to do justice to my muse!</i><br>
  1418. 9. I (the mun) do not bite.<br>
  1419. 10. <b>Regarding starters:</b> I prefer to usually plot them, but feel free to throw one together and lob them my way anytime. I am <i>unlikely</i> to write a starter if you start following me.<br>
  1420. 11. <b>Following:</b> I will followback within my own fandom (<i>Underworld</i>), but if I like your character, writing style, etc I may follow you back regardless<br>
  1421. 12. Asks: I have no problem answering any ask put in my inbox, however please<i> don&rsquo;t reblog them</i>, turn them into a thread instead please.<br
  1422. >
  1423. 13. <i>I know this is a long list, but it&rsquo;s just to avoid confusion and friction between other Rpers. Thank you for reading, please put &ldquo;<b>Saw images through your eyes</b>&rdquo; in my inbox to let me know when you have read my rules. Have a nice day :)</i>
  1424.  
  1425.  
  1426.  
  1427. </div>
  1428. </div>
  1429. </div>
  1430.  
  1431. </div></div></div></div></div></div></div></div></div></div>
  1432.  
  1433. <div id="box2" class="popup_block2">
  1434. <div id="poptext">
  1435. <h1>Eve</h1><pre>Basics</pre>{-&#9770;-}</p><p><b>Name</b>: Eve (Corvin), Subject 2</p><p><b>Age</b>: 13</p><p><b>Birthday</b>: <em>Unknown</em></p><p><b>Race</b>: Tri-Hybrid (Half vampire, quarter immortal, quarter lycan)</p><p><b>Hair</b>: Black</p><p><b>Eyes</b>: Corvinus Blue</p><p><b>Height</b>: 5'4"</p><p><b>Weight</b>:133lbs</p><p>{-&#9770;-}
  1436. <pre>Abilities</pre>The full extent of Eve&rsquo;s abilities are not yet fully developed, as she is a pre-teen. Her parents are two of the most powerful in existence, and she is likely to be on the same level of power as them.</p><p>Eve has incredible endurance, able to heal from multiple cuts on her arms instantaneously and almost nonchalantly, as well as hold her own against an adult hybrid and win.Eve is one of the few immortals able to survive by means other than blood.</p><p>She posses no combat training (unlike her parents) but her raw strength alone allows her to defend herself against larger opponents with ease. She is also able to hold a door shut in her non transformed state, against a transformed lycan. She is incredibly quick, able to move fater than her mother, and agile enough to leap onto a lycan&rsquo;s back from the ground.</p><p>Her senses are advanced and she is able to predict the presence of other lycans, and possibly hybrids and vampires as well. She also has the ability to see out of her parents eyes, to see their memories when their brainwaves fall into sync.</p><p>After her first feeding, Eve gained the ability to heal and as her parents are both hybrids, it is instant healing.<pre>Personality</pre>Eve is quite intelligent and mature for her age, but she is easily scared, quite reserved &nbsp;and knows very little of the world, due to being raised in the captivity of Antigen all her life as a test subject and denied a proper childhood up unto her escape. Her only contact with others at that time was with the scientists that experimented her, and her caretaker Lydia, who tried to convince her that her mother was deceased. This didn&rsquo;t work as Eve could sense Selene and see images out of her eyes.</p><p>Eve can be a ferocious fighter, but she is not malevolent in nature, only fighting in her own defense and for those she loves. Her predatory nature is strong enough that she knows she often has to fight, or she will perish. She is ultimately a frightened girl caught up in circumstances beyond her control.<pre>Past</pre>Eve was born into captivity in Antigen, experimented on until she was thirteen and told all her life that her mother had died when she was born. Eve never believed this, and when she learned of the scientists plans to execute her and dissect her, she escapes the facility and frees her mother, Selene.</p><p>She is rescued from a lower lycan den and attack by her mother and David and taken to a coven, where she feeds for the first time, and expresses her frustration at her mother&rsquo;s distance and cold behavior towards her and learns about her father when Selene explains her behavior is due to heartbreak rather than not caring for her.</p><p>When Antigen lycans recapture Eve, Selene launched a attack on the facility, during which Eve manages to free herself and fight one of her tormentors, Doctor Jacob Lane, who sought to use her genetic makeup to create more silver resistant lycans. The two fight firecely until Eve wins when she literally rips out Lane&rsquo;s throat. Selene reunites with Eve, and they move to the roof when Eve has a vision of her father.</p>
  1437.  
  1438. </div>
  1439. </div>
  1440. </div>
  1441.  
  1442. </div></div></div></div></div></div></div></div></div></div>
  1443.  
  1444. <div id="box4" class="popup_block4">
  1445. <div id="poptext2">
  1446.  
  1447. <p><center><i>one title here</center></i>
  1448.  
  1449. <!-- copy from here... -->
  1450. <div id="navi">
  1451. <a href="/link here" class="buttons">link title</a><br>
  1452. <a href="/link here" class="buttons">link title</a><br>
  1453. <a href="/link here" class="buttons">link title</a><br>
  1454. <a href="/link here" class="buttons">link title</a><br>
  1455.  
  1456. </div>
  1457. <!--to here if you need another column of links!-->
  1458.  
  1459. <!-- copy from here... -->
  1460. <div id="navi">
  1461. <a href="/link here" class="buttons">link title</a><br>
  1462. <a href="/link here" class="buttons">link title</a><br>
  1463. <a href="/link here" class="buttons">link title</a><br>
  1464. <a href="/link here" class="buttons">link title</a><br>
  1465. </div>
  1466. <!--to here if you need another column of links!-->
  1467.  
  1468. <br>
  1469. <p><center><i>eyy another title</center></i>
  1470.  
  1471. <!-- copy from here... -->
  1472. <div id="navi">
  1473. <a href="/link here" class="buttons">link title</a><br>
  1474. <a href="/link here" class="buttons">link title</a><br>
  1475. <a href="/link here" class="buttons">link title</a><br>
  1476. <a href="/link here" class="buttons">link title</a><br>
  1477.  
  1478. </div>
  1479. <!--to here if you need another column of links!-->
  1480.  
  1481. <!-- copy from here... -->
  1482. <div id="navi">
  1483. <a href="/link here" class="buttons">link title</a><br>
  1484. <a href="/link here" class="buttons">link title</a><br>
  1485. <a href="/link here" class="buttons">link title</a><br>
  1486. <a href="/link here" class="buttons">link title</a><br>
  1487.  
  1488. </div>
  1489. <!--to here if you need another column of links!-->
  1490. <br>
  1491. <p><center><i>title title</center></i>
  1492.  
  1493. <!-- copy from here... -->
  1494. <div id="navi">
  1495. <a href="/link here" class="buttons">link title</a><br>
  1496. <a href="/link here" class="buttons">link title</a><br>
  1497. <a href="/link here" class="buttons">link title</a><br>
  1498. <a href="/link here" class="buttons">link title</a><br>
  1499.  
  1500. </div>
  1501. <!--to here if you need another column of links!-->
  1502.  
  1503. <!-- copy from here... -->
  1504. <div id="navi">
  1505. <a href="/link here" class="buttons">link title</a><br>
  1506. <a href="/link here" class="buttons">link title</a><br>
  1507. <a href="/link here" class="buttons">link title</a><br>
  1508. <a href="/link here" class="buttons">link title</a><br>
  1509.  
  1510. </div>
  1511. <!--to here if you need another column of links!-->
  1512.  
  1513. <br>
  1514. <p><center><i>title title wuddup</center></i>
  1515.  
  1516. <!-- copy from here... -->
  1517. <div id="navi">
  1518. <a href="/link here" class="buttons">link title</a><br>
  1519. <a href="/link here" class="buttons">link title</a><br>
  1520. <a href="/link here" class="buttons">link title</a><br>
  1521. <a href="/link here" class="buttons">link title</a><br>
  1522.  
  1523. </div>
  1524. <!--to here if you need another column of links!-->
  1525.  
  1526. <!-- copy from here... -->
  1527. <div id="navi">
  1528. <a href="/link here" class="buttons">link title</a><br>
  1529. <a href="/link here" class="buttons">link title</a><br>
  1530. <a href="/link here" class="buttons">link title</a><br>
  1531. <a href="/link here" class="buttons">link title</a><br>
  1532.  
  1533. </div>
  1534. <!--to here if you need another column of links!-->
  1535.  
  1536.  
  1537. </div>
  1538. </div>
  1539.  
  1540. </div></div></div></div></div></div></div></div></div></div>
  1541.  
  1542.  
  1543.  
  1544.  
  1545.  
  1546.  
  1547.  
  1548.  
  1549.  
  1550.  
  1551.  
  1552.  
  1553.  
  1554.  
  1555.  
  1556.  
  1557.  
  1558.  
  1559.  
  1560.  
  1561.  
  1562.  
  1563. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement