Advertisement
Guest User

for emm

a guest
Mar 20th, 2019
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.76 KB | None | 0 0
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  8.  
  9. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  10.  
  11. <link href="https://fonts.googleapis.com/css?family=Cabin|Encode+Sans+Semi+Expanded|Karla|Merriweather+Sans|Montserrat|Roboto+Mono|Ubuntu+Condensed|Varela+Round" rel="stylesheet">
  12.  
  13. <link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet" type='text/css'>
  14.  
  15. <link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet" type='text/css'>
  16.  
  17.  
  18. <head>
  19.  
  20. <script type="text/javascript"
  21. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22. <script>
  23. $(document).ready(function() {
  24. //
  25. $('a.poplight[href^=#]').click(function() {
  26. var popID = $(this).attr('rel'); //Get Popup Name
  27. var popURL = $(this).attr('href'); //Get Popup href to define size
  28. var query= popURL.split('?');
  29. var dim= query[1].split('&');
  30. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  31. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  32. var popMargTop = ($('#' + popID).height() + 80) / 2;
  33. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  34. //Apply Margin to Popup
  35. $('#' + popID).css({
  36. 'margin-top' : -popMargTop,
  37. 'margin-left' : -popMargLeft
  38. });
  39. $('body').append('<div id="fade"></div>');
  40. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  41. return false;
  42. });
  43. $('a.close, #fade').live('click', function() {
  44. $('#fade , .popup_block').fadeOut(function() {
  45. $('#fade, a.close').remove(); //fade them both out
  46. });
  47. return false;
  48. });
  49. });
  50. </script>
  51.  
  52.  
  53.  
  54.  
  55. <title>{Title}</title>
  56. <link rel="shortcut icon" href="{Favicon}">
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59.  
  60. <!----
  61.  
  62. #29 - mommae.
  63. by alicatwrites
  64.  
  65. --->
  66.  
  67. <meta name="image:Container" content="https://via.placeholder.com/740 x 540"/>
  68. <meta name="image:Sidebar" content="https://via.placeholder.com/225x100"/>
  69. <meta name="image:Icon1" content="https://via.placeholder.com/50x50"/>
  70. <meta name="image:Icon2" content="https://via.placeholder.com/50x50"/>
  71. <meta name="image:Icon3" content="https://via.placeholder.com/50x50"/>
  72. <meta name="image:Background" content=""/>
  73.  
  74. <meta name="color:Accent One" content="#000000"/>
  75. <meta name="color:Accent Two" content="#818181"/>
  76. <meta name="color:Accent Text" content="#ffffff"/>
  77. <meta name="color:Background" content="#f8f8f8"/>
  78. <meta name="color:Blockquote" content="#d4d4d4"/>
  79. <meta name="color:Border" content="#d4d4d4"/>
  80. <meta name="color:Container" content="#f0f0f0"/>
  81. <meta name="color:Entries" content="#ffffff"/>
  82. <meta name="color:Link" content="#767676"/>
  83. <meta name="color:Navigation" content="#000000"/>
  84. <meta name="color:Scrollbar" content="#f0f0f0"/>
  85. <meta name="color:Tags" content="#3c3636"/>
  86. <meta name="color:Text" content="#3c3636"/>
  87. <meta name="color:Title" content="#000000"/>
  88.  
  89. <meta name="select:opacity" content="1.0" title="100%" />
  90. <meta name="select:opacity" content="0.9" title="90%" />
  91. <meta name="select:opacity" content="0.8" title="80%" />
  92. <meta name="select:opacity" content="0.7" title="70%" />
  93. <meta name="select:opacity" content="0.6" title="60%" />
  94.  
  95. <meta name="select:body font" content="Cabin" title="Cabin" />
  96. <meta name="select:body font" content="Encode Sans Semi Expanded" title="Encode Sans Semi Expanded" />
  97. <meta name="select:body font" content="Karla" title="Karla" />
  98. <meta name="select:body font" content="Merriweather Sans" title="Merriweather Sans" />
  99. <meta name="select:body font" content="Montserrat" title="Montserrat" />
  100. <meta name="select:body font" content="Roboto Mono" title="Roboto Mono" />
  101. <meta name="select:body font" content="Ubuntu Condensed" title="Ubuntu Condensed" />
  102. <meta name="select:body font" content="Varela Round" title="Varela Round" />
  103. <meta name="select:body font" content="Special Elite" title="Special Elite" />
  104.  
  105.  
  106. <meta name="select:title font" content="Black Diamond" title="Black Diamond" />
  107. <meta name="select:title font" content="Chasing Embers" title="Chasing Embers" />
  108. <meta name="select:title font" content="Luna" title="Luna" />
  109. <meta name="select:title font" content="Midnight" title="Midnight" />
  110. <meta name="select:title font" content="Nazeefa" title="Nazeefa" />
  111. <meta name="select:title font" content="Shopping" title="Shopping" />
  112. <meta name="select:title font" content="Signerica" title="Signerica" />
  113. <meta name="select:title font" content="Sunrise" title="Sunrise" />
  114.  
  115. <meta name="text:title text size" content="26px">
  116. <meta name="text:post title text size" content="16px">
  117. <meta name="text:body text size" content="11px">
  118. <meta name="text:small text size" content="10px">
  119.  
  120. <meta name="text:sidebar title" content="sidebar title">
  121. <meta name="text:sidebar subtitle" content="sidebar subtitle">
  122.  
  123. <meta name="if:500 posts" content="0"/>
  124. <meta name="if:400 posts" content="1"/>
  125.  
  126. <meta name="if:small caps" content="0"/>
  127.  
  128. <meta name="text:link one url" content="link one"/>
  129. <meta name="text:link one label" content="one label"/>
  130. <meta name="text:link two url" content="link two"/>
  131. <meta name="text:link two label" content="two label"/>
  132.  
  133. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  134.  
  135. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  136.  
  137. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  138.  
  139. <script>
  140.  
  141. (function($){
  142.  
  143. $(document).ready(function(){
  144.  
  145. $("a[title]").style_my_tooltips({
  146.  
  147. tip_follows_cursor:true,
  148.  
  149. tip_delay_time:90,
  150.  
  151. tip_fade_speed:600,
  152.  
  153. attribute:"title"
  154.  
  155. });
  156.  
  157. });
  158.  
  159. })(jQuery);
  160.  
  161. </script>
  162.  
  163. <style type="text/css">
  164.  
  165.  
  166. @font-face {
  167. font-family: "black diamond";
  168. src: url('https://dl.dropbox.com/s/bmj380fotq6qa0q/Black%20Diamond.otf?dl=0'); ;}
  169.  
  170. @font-face {
  171. font-family: "chasing embers";
  172. src: url('https://dl.dropbox.com/s/9qrqejq7exluxda/Chasing%20Embers%20Demo%20Version.otf?dl=0'); ;}
  173.  
  174. @font-face {
  175. font-family: "luna";
  176. src: url('https://dl.dropbox.com/s/oa1mwfz43aep64h/Luna.ttf?dl=0'); ;}
  177.  
  178. @font-face {
  179. font-family: "midnight";
  180. src: url('https://dl.dropbox.com/s/8rvojhzd0nf2lc8/Midnight%20.otf?dl=0'); ;}
  181.  
  182. @font-face {
  183. font-family: "nazeefa";
  184. src: url('https://dl.dropbox.com/s/98m4w0dsre4djww/nazeefa-demo.otf?dl=0'); ;}
  185.  
  186. @font-face {
  187. font-family: "shopping";
  188. src: url('https://dl.dropbox.com/s/bvmzozosqofb6em/Shopping%20Script%20Demo.ttf?dl=0'); ;}
  189.  
  190. @font-face {
  191. font-family: "signerica";
  192. src: url('https://dl.dropbox.com/s/rf65lvmxgi5qnfy/Signerica_Fat.ttf?dl=0'); ;}
  193.  
  194. @font-face {
  195. font-family: "sunrise";
  196. src: url('https://dl.dropbox.com/s/1dib7lvhrints00/Sunrise%20International%20Demo.otf?dl=0'); ;}
  197.  
  198.  
  199.  
  200.  
  201. /* POPUP STUFF */
  202.  
  203. .popup_block{
  204. position: fixed;
  205. display:none;
  206. background-image:url('https://i.imgur.com/zQrgv6L.png');
  207. padding:0px;
  208. height: 360px;
  209. width: 500px;
  210. padding: 20px;
  211. float:left;
  212. top:50%;left:50%;
  213. z-index: 99999;
  214. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  215. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  216. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  217. }
  218.  
  219. *html #fade {position: fixed;}
  220. *html .popup_block {position: fixed;}
  221. #fade {
  222. display:none;
  223. position:fixed;
  224. left:0px;
  225. top:0px;
  226. width:100%;
  227. height:100%;
  228. z-index:999999999999999;
  229. background:#000; /* change to #fff for solid white */
  230. opacity:.5; /* change to opacity:1; */
  231. }
  232.  
  233. #ptext {
  234. margin-top:10px;
  235. margin-left:0px;
  236. width:450px;
  237. height:390px;
  238. overflow-y:scroll;
  239. text-align:justify;
  240. font-family:times;
  241. font-size:11px;
  242. padding-right: 10px;
  243. color:#ddd;
  244. }
  245.  
  246.  
  247. /* END POPUP STUFF */
  248.  
  249.  
  250.  
  251.  
  252. #s-m-t-tooltip {
  253. background-color:{color:accent two};
  254. font-size:10px;
  255. font-weight:bold;
  256. border-radius:5px 5px 5px 5px;
  257. color:{color:accent text};
  258. letter-spacing:1px;
  259. text-transform:lowercase;
  260. padding:10px;
  261. margin:20px 0px 0px 20px;
  262. z-index:9999999999999999999999;
  263.  
  264. }
  265.  
  266. ::-webkit-scrollbar-thumb {
  267. background-color:{color:Scrollbar};
  268. }
  269.  
  270. ::-webkit-scrollbar-track {
  271. background-color:{color:Entries};
  272. }
  273.  
  274. ::-webkit-scrollbar {
  275. height:4px;
  276. width:4px;
  277. }
  278.  
  279. ul {
  280. list-style-type: circle;
  281. padding-left:24px;
  282. line-height:13px;
  283. }
  284.  
  285. li {
  286. padding-left: 0px;
  287. margin-bottom: 0px;
  288. list-style: none;
  289. }
  290.  
  291. li:before {
  292. color: {color:title};
  293. content: "\f00d";
  294. font-family: FontAwesome;
  295. font-size:7px;
  296. display: inline-block;
  297. margin-left: -1.5em;
  298. width: 1.5em;
  299. }
  300.  
  301. hr {
  302. display:block;
  303. border-style:dotted;
  304. border-color:{color:border};
  305. }
  306.  
  307. body {
  308. background: {color:Background};
  309. background-image:url('{image:Background}');
  310. background-attachment:fixed;
  311. background-repeat:no-repeat;
  312. font-family: '{select:body font}', sans-serif;
  313. font-size: {text:body text size};
  314. line-height:15px;
  315. color: {color:Text};
  316. }
  317.  
  318. blockquote {
  319. text-align:justify;
  320. margin-top: 5px;
  321. margin-bottom: 5px;
  322. margin-left: 5px;
  323. padding-left: 10px;
  324. border-left: 3px solid {color:blockquote};
  325. margin-right:5px;
  326. }
  327.  
  328. a {
  329. text-decoration: none;
  330. color: {color:Link};
  331. }
  332.  
  333. small, sub {
  334. font-size:{text:small text size};
  335. }
  336.  
  337. b, strong {
  338. font-family: 'Montserrat', sans-serif;
  339. line-height:19px;
  340. font-size:15px;
  341. color:{color:title};
  342. text-align:right;
  343. font-style:bold;
  344. font-weight:bold;
  345. text-transform:uppercase;
  346. text-shadow:0 0 2px #000;
  347. }
  348.  
  349. i, italic {
  350. font-family: 'Chasing Embers', cursive;
  351. line-height:32px;
  352. font-size:28px;
  353. color: #fff;
  354. text-align:right;
  355. font-style:italic;
  356. text-transform:lowercase;
  357. text-shadow:0 0 2px #aeaeae;
  358. }
  359.  
  360. pre {
  361. padding:6px;
  362. border-bottom:1px dotted {color:border};
  363. text-align:center;
  364. text-transform:lowercase;
  365. font-family:{select:body font};
  366. font-size:{small text size};
  367. color:{color:title};
  368. }
  369.  
  370. h1 {
  371. background-color: transparent;
  372. font-family: 'Bangers', sans-serif;
  373. font-size: 16px;
  374. line-height: 20px;
  375. letter-spacing: 2px;
  376. text-align: center;
  377. text-transform:uppercase;
  378. color: #d1d1d1;
  379. }
  380.  
  381.  
  382. h2 {
  383. background-color: transparent;
  384. font-family: 'Bangers', sans-serif;
  385. font-size: 30px;
  386. line-height: 24px;
  387. letter-spacing: 0px;
  388. text-align: center;
  389. text-transform:uppercase;
  390. color: #4c0000;
  391. text-shadow: 3px 3px 3px #000;
  392. }
  393.  
  394.  
  395.  
  396. h3 {
  397. background-color: transparent;
  398. background-image:url("https://68.media.tumblr.com/ac6f6a770c10982c4c083f9d20ddd8c2/tumblr_inline_okbjriW5911trt42z_540.png");
  399. border:1px dotted #9b9b9b;
  400. font-family: Montserrat;
  401. color: #d1d1d1;
  402. text-shadow:0px 0px 2px #2c2f34;
  403. font-size: 15px;
  404. line-height: 12px;
  405. letter-spacing: 2px;
  406. text-align: center;
  407. text-transform:uppercase;
  408. padding:1px;
  409. line-height:120%;}
  410.  
  411. #contain {
  412. position:fixed;
  413. margin:80px auto;
  414. margin-top:200px;
  415. margin-left:275px;
  416. padding:20px;
  417. height:430px;
  418. {block:If400posts}
  419. width:700px;
  420. {/block:If400posts}
  421. {block:If500posts}
  422. width:800px;
  423. {/block:If500posts}
  424. overflow:hidden;
  425. background-color:{color:container};
  426. border-radius:8px 8px 8px 8px;
  427. background-image:url('{image:Container}')
  428. z-index: -999999;
  429. }
  430.  
  431.  
  432. #bloggerback {
  433. margin-top:0px;
  434. position:fixed;
  435. width:230px;
  436. height:405px;
  437. padding:10px;
  438. background-color:{color:entries};
  439. border-radius:8px 8px 8px 8px;
  440. opacity:{select:opacity};
  441.  
  442. }
  443.  
  444. #bloggerdeets {
  445. width:170px;
  446. height:168px;
  447. overflow:auto;
  448. float:left;
  449. z-index:999999999;
  450. text-align:justify;
  451. {block:IfSmallCaps}
  452. font-variant:small-caps;
  453. font-size:11px;
  454. font-family:Ubuntu Condensed;
  455. line-height:14px;
  456. letter-spacing:2px;
  457. {/block:IfSmallCaps}
  458. }
  459.  
  460. #headerbar {
  461. font-size:10px;
  462. line-height:18px;
  463. font-family:karla;
  464. text-align:center;
  465. display:inline-block;
  466. width:225px;
  467. height:100px;
  468. background-color:{color:accent two};
  469. padding:2px;
  470. border-radius:5px;
  471. }
  472.  
  473. #headerbar img {
  474. width:225px;
  475. height:100px;
  476. border-radius:5px;}
  477.  
  478. #photoback {
  479. font-size:10px;
  480. font-family:karla;
  481. line-height:10px;
  482. text-align:center;
  483. float:right;
  484. }
  485.  
  486. #photoback i {
  487. display:inline-block;
  488. width:50px;
  489. height:50px;
  490. background-color:{color:accent one};
  491. padding:2px;
  492. margin-bottom:3px;
  493. border-radius:5px;
  494.  
  495. }
  496.  
  497. #photoback i img {
  498. width:50px;
  499. height:50px;
  500. border-radius:5px;}
  501.  
  502. #photoback id {
  503. display:inline-block;
  504. width:50px;
  505. height:50px;
  506. background-color:{color:accent two};
  507. padding:2px;
  508. margin-bottom:3px;
  509. border-radius:5px;
  510.  
  511. }
  512.  
  513. #photoback id img {
  514. width:50px;
  515. height:50px;
  516. border-radius:5px;}
  517.  
  518. #photoback idk {
  519. display:inline-block;
  520. width:50px;
  521. height:50px;
  522. background-color:{color:accent one};
  523. padding:2px;
  524. margin-bottom:0px;
  525. border-radius:5px;
  526.  
  527. }
  528.  
  529. #photoback idk img {
  530. width:50px;
  531. height:50px;
  532. border-radius:5px;}
  533.  
  534. #navigation {
  535. text-align:center;
  536. font-size:9px;
  537. font-family:karla;
  538. font-weight:bold;
  539. letter-spacing:2px;
  540. }
  541.  
  542. #navigation a {
  543. text-align:center;
  544. display:inline-block;
  545. width:54px;
  546. height:35px;
  547. line-height:35px;
  548. font-size:9px;
  549. color:{color:navigation};
  550. font-family:karla;
  551. font-weight:bold;
  552. letter-spacing:2px;
  553. }
  554.  
  555. #toptitle {
  556. height:50px;
  557. margin-top:35px;
  558. text-align:center;
  559. margin-bottom:10px;
  560. font-variant:none;
  561. transform: rotate(-3deg);
  562. }
  563.  
  564. #toptitle main {
  565. font-family:{select:title font};
  566. text-transform:lowercase;
  567. font-size:{text:title text size};
  568. letter-spacing:0px;
  569. text-transform:lowercase;
  570. color:{color:title};
  571. }
  572.  
  573. #toptitle subb {
  574. background-color:{color:accent two};
  575. display:inline-block;
  576. padding-left:10px;
  577. padding-right:10px;
  578. line-height:14px;
  579. color:{color:accent text};
  580. font-family:karla;
  581. font-size:8px;
  582. letter-spacing:2px;
  583. font-weight:bold;
  584. border-radius:5px;
  585. text-transform:uppercase;
  586. }
  587.  
  588. #entries {
  589. position:absolute;
  590. {block:If400posts}
  591. width:430px;
  592. {/block:If400posts}
  593. {block:If500posts}
  594. width:530px;
  595. {/block:If500posts}
  596. margin-left:270px;
  597. margin-top:0px;
  598. height:425px;
  599. padding-right:10px;
  600. overflow:auto;
  601. border: 0px solid {color:Border};}
  602.  
  603.  
  604. #entry {
  605. background-color:{color:Entries};
  606. margin-bottom:15px;
  607. border-radius:8px 8px 8px 8px;
  608. opacity:{select:opacity};
  609. padding:15px;}
  610.  
  611. img {
  612. max-width: 100%;
  613. }
  614.  
  615. #posttitles {
  616. font-family:{select:title font};
  617. line-height:130%;
  618. font-size:{text:post title text size};
  619. color:{color:title};
  620. padding:5px;
  621. text-align:center;
  622. text-transform:lowercase;
  623. }
  624.  
  625. #boujee {
  626. text-align:right;
  627. position:fixed;
  628. color:{color:text};
  629. margin-top:-40px;
  630. margin-right:10px;
  631. display:block;
  632. text-transform:uppercase;
  633. letter-spacing:1px;
  634. font-size:8px;
  635. font-family:karla;
  636. border-radius:5px;
  637. color:{color:text};
  638. {block:If400posts}
  639. width:700px;
  640. {/block:If400posts}
  641. {block:If500posts}
  642. width:800px;
  643. {/block:If500posts}
  644. }
  645.  
  646. #boujee a {
  647. color:{color:text};
  648. font-size:9px;
  649. font-weight:bold;
  650. }
  651.  
  652. #ask {
  653. text-align:center;
  654. padding:10px;
  655. }
  656.  
  657. .asker {
  658. font-family: 'Chasing Embers', cursive;
  659. font-style:none;
  660. letter-spacing:2px;
  661. text-align:center;
  662. padding-top: 10px;
  663. margin-left:0px;
  664. text-transform:lowercase;
  665. color: #4c0000;
  666. font-size:30px;
  667. padding:5px;
  668. letter-spacing:0px
  669. text-shadow:0 0 2px #aeaeae;
  670. }
  671.  
  672.  
  673. .asker a{
  674. font-family: 'Chasing Embers', cursive;
  675. font-style:none;
  676. letter-spacing:2px;
  677. text-transform:lowercase;
  678. font-size:30px;
  679. letter-spacing: 0px;
  680. text-shadow: none;
  681. color: #4c0000;
  682. text-shadow:0 0 2px #1a1a1a;
  683. -webkit-filter: blur(0.5px);
  684. }
  685.  
  686.  
  687. .asker a:hover {
  688. color: #656565;
  689. letter-spacing: 0px;
  690. text-shadow:0 0 2px #000;
  691. -webkit-filter: blur(2px);
  692. -webkit-transition:all .5s ease-in-out;
  693. -moz-transition:all .5s ease-in-out;
  694. transition:all .5s ease-in-out;
  695. }
  696.  
  697. .question {
  698. font-family: 'Roboto Mono', serif;
  699. width:350px;
  700. font-size:8px;
  701. text-align:center;
  702. padding-top: 5px;
  703. margin-left:0px;
  704. text-transform:auto;
  705. letter-spacing:3px
  706. margin-top:-10px;
  707. padding:5px;
  708. background: #000;
  709. background: url("https://i.imgur.com/XluUvgo.png");
  710. color:#fff;
  711. text-transform: uppercase;
  712. border-bottom-left-radius: 10px;
  713. border-bottom-right-radius: 10px;
  714. border-top-left-radius: 10px;
  715. border-top-right-radius: 10px;
  716. padding:10px;
  717. letter-spacing:2px;
  718. border-bottom:solid 1px #717171;
  719. border-top:solid 1px #717171;
  720. }
  721.  
  722. #questionbox {
  723. word-wrap:break-word;
  724. padding:10px;
  725.  
  726. }
  727.  
  728.  
  729. #ans {
  730. text-align:justify;
  731. padding-top:2px;
  732. display:block;
  733. margin-top:20px;
  734. color:{color:text};
  735. }
  736.  
  737. #audioplayer {
  738. width:30px;
  739. height:30px;
  740. background-color:{color:ffffff};
  741. overflow:hidden;
  742. -moz-border-radius: 30px;
  743. -webkit-border-radius: 30px;
  744. border-radius: 30px;
  745. position:absolute;
  746. margin-top:25px;
  747. margin-left:25px;
  748. opacity:0.7;
  749. filter:alpha(opacity=70);
  750. -moz-opacity: 0.7;
  751. -khtml-opacity: 0.7;
  752. }
  753.  
  754. #albumart {
  755. float:left;
  756. margin:0px 0px;
  757. -moz-border-radius: 80px;
  758. -webkit-border-radius: 80px;
  759. border-radius: 80px;}
  760.  
  761. #albumart img {
  762. -moz-border-radius: 80px;
  763. -webkit-border-radius: 80px;
  764. border-radius: 80px;
  765. }
  766.  
  767. tehe {
  768. font-size:10px;
  769. text-transform:uppercase;
  770. padding-left:50px;
  771. padding-right:50px;
  772. padding-bottom:15px;
  773. display:block;
  774. margin-top:10px;
  775. margin-left:80px;
  776. text-align:center;
  777. }
  778.  
  779. #permalink {
  780. text-align: center;
  781. border:none;
  782. position: relative;
  783. font-size:10px;
  784. text-transform:lowercase;
  785. margin-top: 20px;
  786. display:block;
  787. padding: 10px;
  788. background-color:{color:background};
  789. border-radius:8px 8px 8px 8px;
  790. }
  791.  
  792. #permalink a {
  793. border-bottom:none;
  794. }
  795.  
  796.  
  797.  
  798. .dateline {
  799. height:0px;
  800. margin-left:0px;
  801. border:none;
  802. background-color:{color:border};
  803. z-index:-1;
  804. }
  805.  
  806. .date {
  807. color:{color:text};
  808. font-size:9px;
  809. z-index:10;
  810. text-transform:lowercase;
  811. border:none;
  812. text-align:right;
  813. }
  814.  
  815. .date iconback {
  816. width:25px;
  817. margin-right:10px;
  818. height:25px;
  819. font-size:9px;
  820. background-color:{color:entries};
  821. line-height:25px;
  822. text-align:center;
  823. border-radius:8px 8px 8px 8px;
  824. display:inline-block;
  825. }
  826.  
  827. timeicon {
  828. padding-left: 1.2em;
  829. list-style: none;
  830. }
  831. timeicon:before {
  832. content: "\f011";
  833. font-family: FontAwesome;
  834. display: inline-block;
  835. margin-left: -1.2em;
  836. width: 1.2em;
  837. }
  838.  
  839. noteicon {
  840. padding-left: 1.2em;
  841. list-style: none;
  842. }
  843. noteicon:before {
  844. content: "\f08a";
  845. font-family: FontAwesome;
  846. display: inline-block;
  847. margin-left: -1.2em;
  848. width: 1.2em;
  849. }
  850.  
  851. reblogicon {
  852. padding-left: 1.2em;
  853. list-style: none;
  854. }
  855. reblogicon:before {
  856. content: "\f021";
  857. font-family: FontAwesome;
  858. display: inline-block;
  859. margin-left: -1.2em;
  860. width: 1.2em;
  861. }
  862.  
  863. viaicon {
  864. padding-left: 1.2em;
  865. list-style: none;
  866. }
  867. viaicon:before {
  868. content: "\f041";
  869. font-family: FontAwesome;
  870. display: inline-block;
  871. margin-left: -1.2em;
  872. width: 1.2em;
  873. }
  874.  
  875. sourceicon {
  876. padding-left: 1.2em;
  877. list-style: none;
  878. }
  879. sourceicon:before {
  880. content: "\f1d9";
  881. font-family: FontAwesome;
  882. display: inline-block;
  883. margin-left: -1.2em;
  884. width: 1.2em;
  885. }
  886.  
  887. .tags {
  888. font-family: 'Montserrat';
  889. font-size: 7px;
  890. color:#000;
  891. margin-top:10px;
  892. text-align:right;
  893. border:none;
  894. text-transform:uppercase;
  895. font-style:normal;
  896. text-align:right;
  897. }
  898.  
  899. #tags a {
  900. display:inline-block;
  901. padding:-3px;
  902. opacity:0.8;
  903. text-align:center;
  904. color:#000;
  905.  
  906. }
  907.  
  908. #tags a:hover {
  909. color:{color:text};
  910. opacity: 50%;
  911. }
  912.  
  913. tagsicon {
  914. padding-left: 1.2em;
  915. list-style: none;
  916. }
  917. tagsicon:before {
  918. content: "\f00d";
  919. font-size:7px;
  920. padding-right:3px;
  921. color:{color:title};
  922. font-family: FontAwesome;
  923. display: inline-block;
  924. margin-left: -1.2em;
  925. width: 1.2em;
  926. }
  927.  
  928. #credit {
  929. font-size:9px;
  930. float:center;
  931. position:fixed;
  932. bottom:25px;
  933. letter-spacing:1px;
  934. right:25px;
  935. font-family:Roboto Mono;
  936. text-transform:lowercase;
  937. padding:8px;
  938. border-radius:5px;
  939. color:{color:entries};
  940. background-color:{color:accent one};
  941. }
  942.  
  943. #credit a {
  944. color:{color:entries};
  945. }
  946.  
  947. cred {
  948. padding-left: .5em;
  949. list-style: none;
  950. }
  951. cred:before {
  952. content: "\f121";
  953. font-family: FontAwesome;
  954. display: inline-block;
  955. margin-left: -.5em;
  956. width: .5em;
  957. }
  958.  
  959.  
  960. </style>
  961.  
  962. <script type="text/javascript"
  963. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  964.  
  965. </head>
  966.  
  967. <body>
  968.  
  969. <div id="contain">
  970.  
  971. <div id="boujee">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> &nbsp;&nbsp;{/block:PreviousPage} {CurrentPage} out of {TotalPages} {block:NextPage}&nbsp;&nbsp;<a href="{NextPage}">next</a>{/block:NextPage} {/block:Pagination}</div>
  972.  
  973. <div id="bloggerback">
  974.  
  975. <div id="toptitle"><main>{text:sidebar title}</main><subb>{text:sidebar subtitle}</subb></div>
  976.  
  977. <div id="bloggerdeets">
  978. {description}</div>
  979.  
  980. <div id="photoback">
  981. <i><img src="{image:Icon1}"></i><br>
  982. <id><img src="{image:Icon2}"></id><br>
  983. <idk><img src="{image:Icon3}"></idk><br>
  984. </div>
  985.  
  986. <div id="navigation">
  987. <a href="/" title="index">✮</a>
  988. <a href="/ask" title="message">✮</a>
  989. <a href="#?w=auto" rel="box1" class="poplight" title="navigation"> ✮</a>
  990. <a href="#?w=auto" rel="box2" class="poplight" title="dossier"> ✮</a>
  991. </div>
  992.  
  993. <div id="headerbar"><img src="{image:sidebar}"></div>
  994.  
  995.  
  996. </div>
  997.  
  998. <div id="entries">
  999. {block:Posts}
  1000. <div id="entry">
  1001.  
  1002.  
  1003. {block:Text}
  1004. <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
  1005. {Body}
  1006. {/block:Text}
  1007.  
  1008. {block:Photo}
  1009. {LinkOpenTag}{block:If400posts}<img src="{PhotoURL-400}">{/block:If400posts}{block:If500posts}<img src="{PhotoURL-500}">{/block:If500posts} {LinkCloseTag}
  1010. {block:Caption}{Caption}{/block:Caption}
  1011. {/block:Photo}
  1012.  
  1013. {block:Photoset}
  1014. {block:If400posts}
  1015. {Photoset-400}
  1016. {/block:If400posts}
  1017. {block:If500posts}
  1018. {Photoset-500}
  1019. {/block:If500posts}
  1020. {block:Caption}{Caption}{/block:Caption}
  1021. {/block:Photoset}
  1022.  
  1023. {block:Quote}
  1024. <div id="posttitles">{Quote}</div>
  1025. {block:Source}<br>—{Source}{/block:Source}
  1026. {/block:Quote}
  1027.  
  1028. {block:Link}
  1029. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  1030. {block:Description}{Description}{/block:Description}
  1031. {/block:Link}
  1032.  
  1033. {block:Chat}
  1034. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  1035. {block:Lines}
  1036. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  1037. {/block:Lines}
  1038. {/block:Chat}
  1039.  
  1040. {block:Audio}
  1041. <div id="audioplayer">{AudioPlayerWhite} </div>
  1042. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80">{/block:AlbumArt}</div>
  1043. <tehe>
  1044. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}
  1045. <br>
  1046. <B>SONG:</B> {block:TrackName}{TrackName}{/block:TrackName}
  1047. <br>
  1048. <b>CURRENTLY:</b> {PlayCountWithLabel}
  1049. </tehe>
  1050. {block:caption}{caption}{/block:caption}
  1051. {/block:Audio}
  1052.  
  1053. {block:Video}
  1054. {block:If400posts}
  1055. {Video-400}
  1056. {/block:If400posts}
  1057. {block:If500posts}
  1058. {Video-500}
  1059. {/block:If500posts}
  1060. {block:Caption}{Caption}{/block:Caption}
  1061. {/block:Video}
  1062.  
  1063. {block:Answer}
  1064. <div id="questionbox"><div class="question">{Question}</div><div class="askline"></div><div class="ask">{Asker}</div></div>
  1065. <div id="ans">{Answer}</div>
  1066. {/block:Answer}
  1067.  
  1068.  
  1069. <div id="permalink">
  1070. <div class="date">
  1071. <iconback><a href="{Permalink}" title="{block:Date}{TimeAgo}{/block:Date}"><timeicon></timeicon></a></iconback>
  1072.  
  1073. <iconback><a href="{Permalink}" title="{NoteCountWithLabel}"><noteicon></noteicon></a></iconback>
  1074.  
  1075. <iconback><a href="{ReblogURL}" title="reblog this post" target="_blank"><reblogicon></reblogicon></a></iconback>
  1076.  
  1077. {block:RebloggedFrom}
  1078.  
  1079. <iconback><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><viaicon></viaicon></a></iconback>
  1080.  
  1081. <iconback><a href="{ReblogRootURL}"title="{ReblogRoottitle}"><sourceicon></sourceicon></a></iconback>
  1082.  
  1083. {/block:RebloggedFrom}</div>
  1084.  
  1085.  
  1086. </div>
  1087.  
  1088. <div class="tags">{block:HasTags} {block:Tags} ✮ <a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  1089.  
  1090.  
  1091.  
  1092. <!-- /div entry ---> </div>
  1093.  
  1094. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1095.  
  1096. <div id="credit"><cred> &nbsp;<a href="https://alicatwrites.tumblr.com/">ali</a></cred></div>
  1097.  
  1098.  
  1099. </div></div></div></div></div></div></div></div></div></div></div></div>
  1100.  
  1101.  
  1102. </body>
  1103.  
  1104.  
  1105. <div id="box1" class="popup_block"><div id="ptext">
  1106. first thing’s first: <b>THIS BLOG DOES NOT FOLLOW ANY FORM OF SHOW CANON POST-STEFAN & DAMON’S TRANSFORMATION / 1864.</b> // this is not to say that that which happens in show canon can’t happen on this blog, but i will be writing stefan as if the series did not happen. i have a LOT of personal disagreements with how the character of stefan was handled in series, which is why this blog exists.
  1107. <blockquote>if you are wanting to write with my version of canon stefan, you can find him on my multi muse ( @ paroxiisms )</blockquote>
  1108.  
  1109. <b>DESCLAIMER //</b>
  1110. <blockquote>i am not <b>paul wesley, stefan salvatore,</b> nor do i own anything attached to <b>the vampire diaries.</b></blockquote>
  1111.  
  1112. <b>IMAGES //</b>
  1113. <blockquote>
  1114. all icons & static images for the theme as well as promos are created by myself!! please do not attempt to steal or recycle them for your own use. all other images and reblogs that feature here are credited to their respectful owners.</blockquote>
  1115. <p>
  1116. wip.
  1117. <p><b>
  1118. THE MUN //</b>
  1119. <blockquote>
  1120. linds / lindsey, adult ( aka 25+ ), she/her. other accounts - @paroxiisms, @soldaer, @hecktore</blockquote>
  1121.  
  1122. </div></div>
  1123.  
  1124. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement