API tools faq
paste
Advertisement
Guest User

elilly new theme 1/17/19

a guest
Jan 17th, 2019
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.09 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. Theme: Volcano Designs Theme 02
  3. Designed by: http://volcanodesigns.tumblr.com
  4. Description: Free Fansite theme.
  5.  
  6. I hope you enjoy it as much as I enjoyed creating it for you. :). Please keep the credit.
  7.  
  8. Rules:
  9.  
  10. - Do not steal or claim as your own.
  11. - You can edit the theme, but DO NOT USE as a base.
  12. - DO NOT redistribute any parts of the code.
  13. - DO NOT remove my credit.
  14.  
  15. PLEASE DO NOT COPY. BE NICE. BE ORIGINAL.
  16. --->
  17.  
  18. <!DOCTYPE html>
  19. <head>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26.  
  27. <link href="https://fonts.googleapis.com/css?family=Zilla+Slab:700" rel="stylesheet">
  28.  
  29. <link href="https://fonts.googleapis.com/css?family=Raleway:800" rel="stylesheet">
  30.  
  31. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  32.  
  33. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  34. <script type=“text/javascript” src=“http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js”></script>
  35. <script>
  36. (function($){
  37. $(document).ready(function(){
  38. $(“[title]”).style_my_tooltips();
  39. });
  40. })(jQuery);
  41. </script>
  42.  
  43. <style type="text/css">
  44.  
  45. /* ----------------------- CSS STARTS HERE ----------------------- */
  46.  
  47. <style type="text/css">
  48. #s-m-t-tooltip{
  49. max-width:400px;
  50. background: #fff;
  51. margin:15px;
  52. z-index:999;
  53. padding:5px;
  54. font-size:8px;
  55. letter-spacing:0.5px;}
  56.  
  57. /* -----------------------BODY----------------------- */
  58.  
  59. body {
  60. background-color: #FAF0F0;
  61. color:#5b5b5b;
  62. font-family: arial;
  63. margin:0;
  64. font-size:10px
  65.  
  66. }
  67.  
  68. a {
  69. color: #9CCFBB;
  70. text-decoration: none;
  71. transition: all 0.5s;
  72. -webkit-transition: all 0.5s;
  73. -moz-transition: all 0.5s;}
  74.  
  75.  
  76. a:hover {
  77. color: #5b5b5b;
  78. transition: all 0.5s;
  79. -webkit-transition: all 0.5s;
  80. -moz-transition: all 0.5s;}
  81.  
  82. .permalink {
  83. width:500px;
  84. font-size: 11px;
  85. font-weight:500;
  86. font-family: 'Montserrat';
  87. letter-spacing:0px;
  88. border-top:1px solid #eeeeee;
  89. padding-top:0px;
  90. margin-bottom:30px;
  91. line-height:150%;}
  92.  
  93.  
  94. .permalink a {
  95. font-size: 11px;
  96. font-weight:500;
  97. font-family: Arial;
  98. letter-spacing:0px;
  99. color: #eee;}
  100.  
  101.  
  102. .permalink a:hover {
  103. color: #eee;
  104. transition: all 0.5s;
  105. -webkit-transition: all 0.5s;
  106. -moz-transition: all 0.5s;}
  107.  
  108. /* -----------------------CONTAIN----------------------- */
  109.  
  110. #contain {
  111. background-color:#fff;
  112. background-repeat: repeat;
  113. width: 1100px;
  114. margin: 0px auto;
  115. margin-top: 50px;
  116. min-height:3000px; /* change this number for a bigger one if the contain table is too short */
  117. webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  118. box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  119. }
  120.  
  121. /* -----------------------POSTS----------------------- */
  122.  
  123. h2 {
  124. float: center;
  125. font-family: Raleway;
  126. font-size: 18px;
  127. text-transform: uppercase;
  128. margin-bottom: 10px;
  129. margin-top: 0px;
  130. color: #5b5b5b;
  131. line-height: 22px;}
  132.  
  133. h1 {
  134. font-family: arial;
  135. font-style: italic;
  136. font-size: 11px;
  137. font-weight: normal;
  138. }
  139.  
  140. blockquote {
  141. padding-left: 10px;
  142. margin-left: 30px;
  143. border-left: 1px solid #eee;}
  144.  
  145. .clear {
  146. clear: both;}
  147.  
  148. #posts img {
  149. max-width: 540px;
  150. padding: 0px 0px 0px 1px;
  151. }
  152.  
  153. #posts {
  154. text-align: justify;
  155. color: #5b5b5b;
  156. margin-bottom: 20px;
  157. margin-left: 438px;
  158. margin-top: 40px;
  159. width: 540px;
  160. z-index: 999999;
  161. font-family: arial;
  162. font-size:11px;
  163. padding-left: 50px;
  164. border-left: 1px solid #eee;
  165. }
  166.  
  167. .ph {
  168. position:relative;
  169. overflow:hidden;
  170. }
  171.  
  172. .yu .ph {margin-bottom:15px;}
  173.  
  174. .ph img {
  175. width:100%;
  176. display:block;
  177. }
  178.  
  179. #post {
  180. webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  181. box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  182. background-color: #fff;
  183. padding: 20px;
  184. color: #5b5b5b;
  185. text-align: justify;
  186. margin-bottom: 50px;
  187. width: 540px;
  188. margin-top: 20px;}
  189.  
  190. #post b{
  191. color: #5b5b5b;
  192. }
  193.  
  194. #post i {
  195. color: #B2DDCC;
  196. }
  197.  
  198. .permalink {
  199. margin-bottom: -25px;
  200. font-family: arial;
  201. padding: 10px;
  202. letter-spacing: 0px;
  203. font-size: 11px;
  204. line-height:150%;
  205. background-color: #EFEFE3;}
  206.  
  207. .permalink a {
  208. color: #4D4D4D;}
  209.  
  210. .permalink a:hover {
  211. color: #4D4D4D;}
  212.  
  213. ol.notes {
  214. list-style: none;
  215. width:500px;
  216. padding-left:0px;
  217. overflow: auto;
  218. height:500px;
  219. margin-left:0px;
  220. margin-top:30px;
  221. background:#fff;
  222. margin-bottom:100%;}
  223.  
  224. ol.notes a {
  225. {color:links};
  226. font-size:9px;
  227. text-transform:lowercase;}
  228.  
  229. ol.notes li.note {
  230. margin-bottom: 2px;
  231. padding: 7px;
  232. font-size:9px;
  233. text-transform:lowercase;
  234. line-height: 20px;}
  235.  
  236. ol.notes li.note img.avatar {
  237. vertical-align: -5px;
  238. margin-right: 10px;
  239. width:18px;
  240. height: 18px; }
  241.  
  242. /* -----------------------TAGS----------------------- */
  243.  
  244. .tags {
  245. float: center;
  246. margin-top: -40px;
  247. font-style: normal;
  248. font-size:11px;
  249. text-align: center;
  250. margin-bottom: 20px;
  251. }
  252. .tags a{
  253. margin-top: 20px;
  254. text-align: center;
  255. float: center;
  256. padding: 6px;
  257. display:inline-block;
  258. font-family: Raleway;
  259. font-size: 10px;
  260. letter-spacing: 1px;
  261. text-transform: uppercase;
  262. color: #5b5b5b;
  263. background-color: #eee;
  264.  
  265. }
  266.  
  267. #infodate {
  268. margin-bottom: 10px;
  269. }
  270.  
  271. /* -----------------------TOP POST----------------------- */
  272.  
  273. .bottompost {
  274. width:403px;
  275. margin-top: -47px;
  276. margin-right: -40px;
  277. float: right;
  278. text-align: left;
  279. background-color:#9CCFBB ;
  280. padding: 17px;
  281. font-size: 10px;
  282. text-transform: uppercase;
  283. font-family: Raleway;
  284. text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.2);
  285. color: #fff;
  286. display: inline-block;
  287. letter-spacing: 1.5px;
  288.  
  289. }
  290. .bottompost a {
  291. color: #fff;
  292. }
  293.  
  294. .bottompost a:hover {
  295. color:#fff;
  296. }
  297.  
  298. .datepost a{
  299. margin-top: 0px;
  300. padding: 15px;
  301. background-color:#D9B3B8;
  302. display: inline-block;
  303. font-size: 13px;
  304. text-transform: uppercase;
  305. font-family: Raleway;
  306. text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.2);
  307. letter-spacing: 2.5px;
  308. color: #fff;
  309.  
  310. }
  311.  
  312. /* -----------------------HEADER----------------------- */
  313.  
  314. #header {
  315. width: 1100px;
  316. height: 450px;
  317. background-image:url(http://static.tumblr.com/did4hxy/xj6ou0yya/header.png);
  318. background-repeat:no-repeat;
  319. background-position:top center;
  320. }
  321.  
  322. /* -----------------------SLOGAN----------------------- */
  323.  
  324. #navigation .name {
  325. float: left;
  326. font-family: 'Raleway', sans-serif;
  327. letter-spacing: 1px;
  328. font-size:13px;
  329. color: #fff;
  330. text-transform:uppercase;
  331. }
  332.  
  333. /* -----------------------NAVIGATION BOX ----------------------- */
  334.  
  335. #navigation {
  336. background-image:url(http://static.tumblr.com/did4hxy/aSRou12ga/topnav.png);
  337. background-repeat:no-repeat;
  338. background-color: #fff;
  339. font-family: 'Zilla Slab', serif;
  340. letter-spacing: .5px;
  341. font-size:10px;
  342. color: {color:sidebar title};
  343. padding: 16px;
  344. width:1068px;
  345. height: 20px;
  346. line-height: 20px;
  347. text-align: justify;
  348. }
  349.  
  350. #navigation .links {
  351. float: right;
  352. }
  353.  
  354. #navigation a {
  355. padding:17.5px;
  356. font-weight: bold;
  357. font-family: 'Raleway', sans-serif;
  358. letter-spacing: .5px;
  359. font-size:13px;
  360. color: #fff;
  361. text-transform:uppercase;
  362. }
  363.  
  364. #navigation a:hover {
  365. letter-spacing: .5px;
  366. background-color: #90C6B1;
  367. color: {color:sidebar title};
  368. text-transform:uppercase;
  369. padding:17-5px;
  370. background-color: bd7787;
  371. }
  372.  
  373. .navi a:first-child {border:none;}
  374. .navi a:before {content:'› ';font-size:10px;margin-right:4px;}
  375. .navi a i {margin-right:4px;
  376. font-weight:700;}
  377. .navi a:hover {padding-left:20px;}
  378. .navi a {display:block;padding:7px;border-top:1px solid #eee;}
  379. input::-webkit-input-placeholder {color:#999;}
  380. input::-moz-placeholder {color:#999;}
  381. input:-moz-placeholder {color:#999;}
  382. input:-ms-input-placeholder {color:#999;}
  383. input::-webkit-input-placeholder {color:{color:Link};}
  384. input::-moz-placeholder {color:{color:Link};}
  385. input:-moz-placeholder {color:{color:Link};}
  386. input:-ms-input-placeholder {color:{color:Link};}
  387.  
  388. /* ---------------- UPCOMING EVENTS & BIOGRAPHY BOX ----------------- */
  389.  
  390. #topnav2 {
  391. background-image: url(http://static.tumblr.com/did4hxy/Uhrou19dj/bottomnav.png);
  392. font-family: 'Arial';
  393. padding-left: 20px;
  394. padding-right: 20px;
  395. padding-top: 20px;
  396. font-size: 11px;
  397. width:1060px;
  398. height: 300px;
  399. line-height: 20px;
  400. color: #5b5b5b;
  401. text-align: justify;
  402. }
  403.  
  404. /* -----------------------BIOGRAPHY ----------------------- */
  405.  
  406. #topnav2 .biography {
  407.  
  408. padding: 20px;
  409. background-color: #fff;
  410. font-size: 11px;
  411. float: right;
  412. width: 600px;
  413. font-family: arial;
  414.  
  415. }
  416.  
  417. #topnav2 .biography b {
  418. color: #CF98A4;}
  419.  
  420. #topnav2 .biography u{
  421. color: #9c9c9c;
  422. }
  423.  
  424. #topnav2 .biography i {
  425. color:#B2DDCC;
  426. }
  427.  
  428. #topnav2 .topnameright {
  429. webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  430. box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  431. float:right;
  432. padding: 15px;
  433. width: 300px;
  434. background-color: #fff;
  435. font-family: 'Raleway', sans-serif;
  436. letter-spacing: 1px;
  437. font-size:13px;
  438. color: #DAB1BA;
  439. text-transform:uppercase;
  440. margin-top: -70px;
  441. margin-right: 310px;
  442. }
  443.  
  444. /* -----------------------UPCOMING EVENTS----------------------- */
  445.  
  446. #topnav2 .topname {
  447. webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  448. box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  449. padding: 15px;
  450. width: 310px;
  451. background-color: #fff;
  452. font-family: 'Raleway', sans-serif;
  453. letter-spacing: 1px;
  454. font-size:13px;
  455. color: #DAB1BA;
  456. text-transform:uppercase;
  457. margin-bottom: 20px;
  458.  
  459. }
  460.  
  461. #topnav2 .upcomingevents {
  462. padding: 20px;
  463. background-color: #fff;
  464. font-size: 11px;
  465. float: left;
  466. width: 300px;
  467. font-family: arial;
  468.  
  469. }
  470.  
  471. .date {
  472. float:left;
  473. background-color: #9CCFBB;
  474. color: #fff;
  475. padding: 5px;
  476. margin-right:10px;
  477. font-family: Raleway;
  478. font-size: 9px;
  479. letter-spacing:.5px;
  480. text-transform: uppercase;
  481. }
  482.  
  483. .e {
  484. border-bottom: 1px solid #eee;
  485. font-family: Arial;
  486. color: #5b5b5b;
  487. font-size: 10px;
  488. padding-bottom: 10px;}
  489.  
  490. /* -----------------------SOCIAL MEDIA----------------------- */
  491.  
  492. #topnav2 .socialmedia {
  493. float:left;
  494. width: 290px;
  495. margin-left: 430px;
  496. margin-top: -220px;
  497. }
  498.  
  499. #topnav2 .socialmedia a {
  500. margin-right: 8px;
  501. webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  502. box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  503. padding-top: 20px;
  504. padding-left: 15px;
  505. padding-right: 13px;
  506. padding-bottom: 12px;
  507. font-family: 'Raleway', sans-serif;
  508. letter-spacing: 1px;
  509. font-size:13px;
  510. color: #9CCFBB;
  511. background-color: #fff;
  512. text-transform:uppercase;
  513. }
  514.  
  515. #topnav2 .socialmedia a:hover {
  516. background-color: #90C6B1;
  517. color: #fff;
  518. }
  519.  
  520. /* -----------------------WELCOME MESSAGE----------------------- */
  521.  
  522. #welcome-message {
  523. padding: 20px;
  524. font-family: 'Arial';
  525. font-size: 11px;
  526. width:1060px;
  527. line-height: 20px;
  528. color: #5b5b5b;
  529. background-color: #fff;
  530. text-align: justify;
  531. }
  532.  
  533. #welcome-message b {
  534. color: #CF98A4;}
  535.  
  536. #welcome-message u{
  537. color: #9c9c9c;
  538. }
  539. #welcome-message i {
  540. color:#B2DDCC;
  541. }
  542.  
  543. /* -----------------------SIDEBAR----------------------- */
  544.  
  545.  
  546. #sidebar {
  547. background:#ffffff;
  548. margin-left: 30px;
  549. height:auto;
  550. position: absolute;
  551. width: 360px;
  552. margin-top: 40px;
  553. z-index: 999999;
  554. text-align: justify;
  555.  
  556. }
  557.  
  558. .icon {
  559. width: 15px;
  560. padding-right: 17px;
  561. padding-left: 20px;
  562. padding-bottom: 18px;
  563. padding-top: 18px;
  564. background-color: #D9B3B8;
  565. color:#fff;
  566. float: left;
  567. font-size: 13px;
  568. text-transform: uppercase;
  569. font-family: Raleway;
  570. text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.2);
  571. letter-spacing:2.5px;}
  572.  
  573. #section {
  574. font-family: arial;
  575. color:#5b5b5b;
  576. margin-top: 20px;
  577. text-transform:normal;
  578. font-size: 11px;
  579. line-height: 20px;
  580. text-align: justify;
  581. margin-bottom: 30px;
  582. }
  583.  
  584. #section b {
  585. color: #BA7081;
  586. }
  587.  
  588. .sidebartitle {
  589. margin-left: 60px;
  590. padding: 20px;
  591. background-color: #9CCFBB;
  592. color:#fff;
  593. line-height:100%;
  594. font-size: 13px;
  595. text-transform: uppercase;
  596. font-family: Raleway;
  597. text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.2);
  598. letter-spacing:2.5px;}
  599.  
  600. #sidebar .sitestats {
  601. padding:10px;
  602. border-bottom: 1px solid #eee;}
  603.  
  604. #sidebar .sitestats b {
  605. font-size: 11px;
  606. margin-right: 3px;
  607. font-weight: bold;
  608. color: #CF98A4;
  609. }
  610.  
  611. /* -----------------------PROJECTS ----------------------- */
  612.  
  613. .projects {
  614. float: center;
  615. }
  616. .projects img {
  617. webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.100);
  618. box-shadow: 0 0 30px 0 rgba(0,0,0,0.100);
  619. width: 360px;
  620. float: center;
  621. margin-bottom: 5px;
  622. opacity: 1;
  623. }
  624.  
  625. .projects img:hover {
  626. opacity: 0.9;
  627. transition: all 0.5s;
  628. -webkit-transition: all 0.5s;
  629. -moz-transition: all 0.5s;}
  630.  
  631. .projects name {
  632. text-transform: uppercase;
  633. font-size: 13px;
  634. font-family: Raleway;
  635. letter-spacing: 1px;
  636. color: #D8B2B7;
  637. }
  638.  
  639. .projects date {
  640. font-size: 7pt;
  641. font-family: Raleway;
  642. letter-spacing: 2px;
  643. color: #fff;
  644. padding: 5px;
  645. background-color: #D8B2B7;
  646. text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.2);
  647. text-transform: uppercase;
  648. text-decoration: none;
  649. }
  650.  
  651.  
  652. .projects info{
  653. margin-top: 10px;
  654.  
  655. }
  656.  
  657. .projects b {
  658. color: #BA7081;
  659. }
  660.  
  661. .projects a {
  662. border-bottom: 2px solid #9CCFBB;
  663. font-size: 6pt;
  664. font-family: Raleway;
  665. letter-spacing: 2px;
  666. color:#5b5b5b;
  667. padding: 5px;
  668. text-transform: uppercase;
  669. text-decoration: none;}
  670.  
  671. }
  672.  
  673. /* -----------------------AFFILIATES----------------------- */
  674.  
  675. .affiliates {
  676. float: center;
  677. height:auto;}
  678.  
  679. .affiliates img {
  680. webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.100);
  681. box-shadow: 0 0 30px 0 rgba(0,0,0,0.100);
  682. float: center;
  683. margin-bottom: 6px;
  684. margin-right: 6px;
  685. opacity: 1;
  686. }
  687.  
  688. .affiliates img:hover {
  689. opacity: 0.9;
  690. transition: all 0.5s;
  691. -webkit-transition: all 0.5s;
  692. -moz-transition: all 0.5s;}
  693.  
  694. /* -----------------------PAGINATION----------------------- */
  695.  
  696. #pagination {
  697. padding:35px 0px 30px 0px;
  698. text-transform:uppercase;
  699. text-align:center;
  700. font-family: Raleway;
  701. font-size:8pt;
  702. }
  703. #pagination a{
  704. color: #fff;
  705. font-size: 8pt;
  706. text-transform:uppercase;
  707. font-family: Raleway;
  708. letter-spacing: 2px;
  709. margin:0 3px 0 3px;
  710. padding:11px;
  711. background-color: #D9B3B8;
  712. display:inline-block;
  713. text-align:center;
  714. min-width:16px;
  715. }
  716. span.current_page {
  717. color: #fff;
  718. font-size: 8pt;
  719. text-transform:uppercase;
  720. font-family: Raleway;
  721. letter-spacing: 2px;
  722. margin:0 3px 0 3px;
  723. padding:11px;
  724. background-color: #D9B3B8;
  725. display:inline-block;
  726. text-align:center;
  727. min-width:16px;
  728. }
  729. span.total_pages {
  730. color: #fff;
  731. font-size: 8pt;
  732. text-transform:uppercase;
  733. font-family: Raleway;
  734. letter-spacing: 2px;
  735. margin:0 3px 0 3px;
  736. padding:11px;
  737. background-color: #D9B3B8;
  738. display:inline-block;
  739. text-align:center;
  740. min-width:16px;
  741. }
  742. #pagination a:hover{
  743. color: #fff;
  744. font-size: 8pt;
  745. text-transform:uppercase;
  746. font-family: Raleway;
  747. letter-spacing: 2px;
  748. margin:0 3px 0 3px;
  749. padding:11px;
  750. background-color: #9CCFBB;
  751. display:inline-block;
  752. text-align:center;
  753. min-width:16px;
  754. }
  755.  
  756. .sform input {
  757.  
  758. outline:none;
  759. text-align:left;
  760. border:none;
  761. width:calc(100% - 23px);
  762. background: #9CCFBB;
  763. padding:10px;
  764. }
  765. ::-webkit-input-placeholder { color:{color:text}; }
  766. :-moz-placeholder { color:{color:text}; }
  767. ::-moz-placeholder { color:{color:text}; }
  768. :-ms-input-placeholder { color:{color:text}; }
  769. .sbox {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:{color:text}; }
  770. .sbox:hover { background:transparent; color:{color:Text}; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; border-color:{color:accent};}
  771.  
  772. #tumblr_controls, .tmblr-iframe { -webkit-filter: invert(100%); filter: invert(100%); left:auto !important; right:10px !important; float:right !important; opacity:0.1 !important; top:10px !important; z-index:9999999!important; }
  773.  
  774. /* -----------------------FOOTER----------------------- */
  775.  
  776. #footer {
  777. background-image:url(http://static.tumblr.com/did4hxy/aSRou12ga/topnav.png);
  778. background-repeat:no-repeat;
  779. background-color: #fff;
  780. font-family: 'Zilla Slab', serif;
  781. letter-spacing: .5px;
  782. font-size:10px;
  783. color: {color:sidebar title};
  784. padding: 16px;
  785. width:1068px;
  786. height: 20px;
  787. margin-top: 20px;
  788. line-height: 20px;
  789. text-align: justify;
  790. }
  791.  
  792. #footer .name {
  793. float: left;
  794. font-family: 'Raleway', sans-serif;
  795. letter-spacing: 1px;
  796. font-size:13px;
  797. color: #fff;
  798. text-transform:uppercase;
  799. }
  800.  
  801. #footer .links {
  802. float: right;
  803. }
  804.  
  805. #footer a {
  806. font-family: 'Raleway', sans-serif;
  807. letter-spacing: .5px;
  808. font-size:13px;
  809. color: #fff;
  810. text-transform:uppercase;
  811. }
  812.  
  813. #disclaimer {
  814. webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  815. box-shadow: 0 0 50px 0 rgba(0,0,0,0.100);
  816. margin-bottom: 50px;
  817. padding: 20px;
  818. font-family: 'Arial';
  819. font-size: 11px;
  820. width:1060px;
  821. line-height: 20px;
  822. color: #5b5b5b;
  823. background-color: #fff;
  824. text-align: justify;
  825. }
  826.  
  827. #disclaimer b {
  828. color: #CF98A4;}
  829.  
  830. #disclaimer u{
  831. color: #9c9c9c;
  832. }
  833. #disclaimer i {
  834. color:#B2DDCC;
  835. }
  836.  
  837. /* ----------------------- CSS ENDS HERE ----------------------- */
  838.  
  839. {CustomCSS}
  840.  
  841. </style></head>
  842.  
  843. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  844. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  845. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  846.  
  847. <body>
  848.  
  849. <!---------------------- CONTAIN STARTS HERE --------------------->
  850.  
  851. <div id="contain">
  852.  
  853. <!------------------------- NAVIGATION --------------------------->
  854.  
  855. <center>
  856. <div id="navigation"><div class="name">
  857.  
  858. <i class="fa fa-bars" aria-hidden="true"></i> Evangeline Lilly Daily</div>
  859.  
  860. <div class="links">
  861. <a href="/">homepage</a>
  862. <a href="/ask">Contact</a>
  863. <a href="/tags">Tags</a>
  864. <a href="/links">Links</a>
  865. <a href="/tagged/edits">Edits</a>
  866. <a href="/tagged/*">Gifs</a>
  867. <a href="/submit">Apply</a>
  868.  
  869. </div></div>
  870.  
  871. <!------------------------- HEADER IMAGE ----------------------->
  872.  
  873. <div id="header">
  874. </div>
  875.  
  876. <!--------------------- SIDEBAR SECTION STARTS HERE -------------------->
  877.  
  878. <section id="sidebar">
  879.  
  880. <div class="icon"><i class="fa fa-bars" aria-hidden="true"></i></div>
  881. <div class="sidebartitle">About</div>
  882. <div id="section">
  883.  
  884. Your best source for everything <b>Evangeline Lilly</b> related, an actress and writer best known for her roles in Lost, Ant-Man, and Ant-Man and the Wasp. We track #evangelinedaily.
  885. </div>
  886.  
  887.  
  888. <div class="icon"><i class="fa fa-bars" aria-hidden="true"></i></div>
  889. <div class="sidebartitle">Site Updates</div>
  890. <div id="section">
  891.  
  892. <b>Evangeline Lilly Daily</b> is currently looking for new members to join our team! If you are interested and sincerely want to be a part of this blog, then please <b><a href="http://evangelinelillydaily.tumblr.com/submit">go here</a></b> to apply.
  893. </div>
  894.  
  895. <!--PROJECTS-->
  896.  
  897. <div class="icon"><i class="fa fa-heart" aria-hidden="true"></i></div>
  898. <div class="sidebartitle">Projects</div>
  899. <div id="section">
  900.  
  901. <div class="projects"><img src="http://static.tumblr.com/did4hxy/kHnou2jgu/katyproject1.png" align="left">
  902. <name>Ant-Man and the Wasp</name> <date>2018</date><br>
  903. <b>Evangeline as</b> Hope Van Dyne/The Wasp<br>
  904. <info>As Scott Lang balances being both a Super Hero and a father, Hope van Dyne and Dr. Hank Pym present an urgent new mission that finds the Ant-Man fighting alongside The Wasp to uncover secrets from their past.</info>
  905. <br><a href="https://www.imdb.com/title/tt5095030/">iMDb</a> <a href="https://evangelinelillydaily.tumblr.com/tagged/ant man and the wasp">Photos</a></div>
  906.  
  907. <br>
  908.  
  909. <div class="projects"><img src="http://static.tumblr.com/did4hxy/kHnou2jgu/katyproject1.png" align="left">
  910. <name>Avengers: Endgame</name> <date>2019</date><br>
  911. <b>Evangeline as</b> Hope Van Dyne/The Wasp<br>
  912. <info>With the help of remaining allies, the Avengers must assemble once more in order to undo Thanos' actions and restore order to the universe once and for all, no matter what consequences may be in store.</info>
  913. <br><a href="https://www.imdb.com/title/tt4154796/">iMDb</a> <a href="https://evangelinelillydaily.tumblr.com/tagged/ant man and the wasp">Photos</a></div>
  914.  
  915. <br>
  916.  
  917. </div>
  918.  
  919. <div class="icon"><i class="fa fa-diamond" aria-hidden="true"></i></div>
  920. <div class="sidebartitle">Affiliates</div>
  921. <div id="section">
  922. <div class="affiliates">
  923. <center>
  924.  
  925. <a href="http://kristensource.tumblr.com/" title="Kristen Source"><img src="http://static.tumblr.com/did4hxy/uubobf1az/kristensource.png"></a>
  926.  
  927. <a href="http://sjohanssonsource.tumblr.com/" title="Scarlett Johansson Source"><img src="http://static.tumblr.com/did4hxy/17Yobf1bb/scarletsource.png"></a>
  928.  
  929. <a href="http://headerdesigns.tumblr.com/" title="HeaderDesigns"><img src="http://static.tumblr.com/did4hxy/t4Bobf1bj/headerdesign.png"></a>
  930.  
  931. <a href="http://dailylmgifs.tumblr.com/" title="Daily Little Mix Gifs"><img src="http://static.tumblr.com/did4hxy/NAIobf1bp/dailylm.png"></a>
  932.  
  933. <a href="http://dailywomen.tumblr.com/" title="Daily Women"><img src="http://static.tumblr.com/did4hxy/tv6obf1bv/dailywomen.png"></a>
  934.  
  935. <a href="http://ellenpagedaily.tumblr.com/" title="Ellen Page Daily"><img src="http://static.tumblr.com/did4hxy/jcnobg6nc/ellenpagedaily.png"></a>
  936.  
  937. <a href="http://jennersdeluxe.tumblr.com/" title="Jenners Deluxe"><img src="http://static.tumblr.com/did4hxy/T1Tobnkt7/jennersdeluxe.png"></a>
  938.  
  939. <a href="http://msturnerdaily.tumblr.com/" title="Sophie Turner Daily"><img src="http://static.tumblr.com/did4hxy/4H1obo5tb/sophieturnerdaily.png"></a>
  940.  
  941. <a href="http://thetomlinsondaily.com/" title="The Tomlinson Daily"><img src="http://static.tumblr.com/did4hxy/fCiobtcud/thetomlinsondaily.png"></a>
  942.  
  943. <a href="http://roselesliesource.tumblr.com/" title="Rose Leslie Source"><img src="http://static.tumblr.com/did4hxy/q3Qobv8vh/roselesliesource.png"></a>
  944.  
  945. <a href="http://dailyclarke.tumblr.com/" title="Daily Clarke"><img src="http://static.tumblr.com/did4hxy/WlAobwz8g/dailyclarkw.png"></a>
  946.  
  947. <a href="http://ohsophieturner.tumblr.com/" title="Oh Sophie Turner"><img src="http://static.tumblr.com/did4hxy/zXIobyex8/ohsophieturner.png"></a>
  948.  
  949. <a href="http://kristensource.tumblr.com/" title="Kristen Source"><img src="http://static.tumblr.com/did4hxy/uubobf1az/kristensource.png"></a>
  950.  
  951. <a href="http://sjohanssonsource.tumblr.com/" title="Scarlett Johansson Source"><img src="http://static.tumblr.com/did4hxy/17Yobf1bb/scarletsource.png"></a>
  952.  
  953.  
  954. </center>
  955. </div>
  956. </div>
  957.  
  958. <div class="icon"><i class="fa fa-group" aria-hidden="true"></i></div>
  959. <div class="sidebartitle">Members</div>
  960. <div id="section">
  961.  
  962. {block:GroupMembers}
  963. <table style="margin-left:0px;">
  964. {block:GroupMember}
  965. <tr>
  966. <td style="width:40px;">
  967. <img src="{GroupMemberPortraitURL-40}" width="40px;" height="auto;" style="margin-right: 15px; webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.100);
  968. box-shadow: 0 0 30px 0 rgba(0,0,0,0.100);">
  969. </td>
  970. <td style="width:350px; height:auto;">
  971. <div id="m" style="margin-top:5px; line-height: 100%">
  972. <a href="{GroupMemberURL}" style="font-size: 12px; font-family: Raleway; color: #5b5b5b; leter-spacing: 1px">{GroupMemberName}</a> <br><br><div style="font-size: 11px;">{GroupMemberTitle}</div></div>
  973. </td>
  974. </tr>
  975. {/block:GroupMember}
  976. </table>
  977. {/block:GroupMembers}
  978. </div>
  979.  
  980. <div class="icon"><i class="fa fa-home" aria-hidden="true"></i></div>
  981. <div class="sidebartitle">About The Blog</div>
  982. <div id="section">
  983.  
  984. <div class="sitestats"><b>Celebrity:</b>Evangeline Lilly</div> <br>
  985.  
  986. <div class="sitestats"><b>Established:</b>April 2018 </div> <br>
  987.  
  988. <div class="sitestats"><b>Currently Online:</b> <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5477107";
  989. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  990. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  991. </script> </div> <br>
  992.  
  993. <div class="sitestats"><b>Website Visits:</b> <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3323968";
  994. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  995. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  996. </script> </div>
  997.  
  998. </div>
  999.  
  1000. </section>
  1001.  
  1002. <!--------------------- SIDEBAR SECTION ENDS HERE -------------------->
  1003.  
  1004.  
  1005. <!--------------------- POSTS SECTION STARTS HERE -------------------->
  1006.  
  1007. <section id="posts">
  1008. {block:Posts}
  1009.  
  1010.  
  1011. {block:Date}
  1012. <div id="infodate">
  1013. <div class="datepost"><a href="{Permalin}"> {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}</a></div>
  1014. <center>
  1015. <div class="bottompost">
  1016. Published By{block:GroupMembers} <b><a href="{PostAuthorURL}">{PostAuthorName}</a></b>{/block:GroupMembers}
  1017. {block:NoteCount}
  1018. • <a href="{Permalink}">{NoteCountWithLabel}</a>
  1019. {/block:NoteCount}
  1020. &nbsp;<i class="fa fa-heart" aria-hidden="true"></i> &nbsp;<a href="{ReblogUrl}">Reblog</a></div></center>
  1021.  
  1022. {/block:Date}
  1023.  
  1024.  
  1025. <div id="post" >
  1026. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  1027.  
  1028.  
  1029. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  1030.  
  1031. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  1032. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1033.  
  1034. <div class="media"><div class="ph">
  1035. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}</div></div>
  1036.  
  1037. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1038. <div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div></center></div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1039.  
  1040. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  1041.  
  1042. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1043.  
  1044. {block:Answer}
  1045. <div class="ask"><div style="color: #5b5b5b; font-style: italic; padding: 10px; font-family: arial;"><table><td><img src="{AskerPortraitURL-30}" style="webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.100);
  1046. box-shadow: 0 0 30px 0 rgba(0,0,0,0.100);
  1047. opacity: 1; margin: 1px; margin-right: 5px;"></td><td><font style="font-size: 12px; letter-spacing: 1px; color: #5b5b5b;font-style: normal; font-family: raleway, sans-serif; text-transform: uppercase; width: 64px; margin-top: -2px;">{Asker} SAID:</font><br><font style="text-transform: lowercase;">
  1048. {Question}</font></td></table>
  1049. </div><div style="margin-left: 0px; margin-top: 0px;">
  1050. {Answer}</div></div>
  1051. {/block:Answer}
  1052.  
  1053.  
  1054. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  1055. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1056. {/block:ExternalAudio}
  1057. <br>{AudioPlayerwhite}<br></span>
  1058. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1059. </div>
  1060.  
  1061. {block:HasTags}</center><div class="tags">{block:Tags} <a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1062.  
  1063.  
  1064.  
  1065. </div>
  1066.  
  1067. {block:PostNotes}
  1068. {PostNotes}{/block:PostNotes}
  1069. {/block:Posts}
  1070.  
  1071. <center>
  1072.  
  1073. {block:Pagination}
  1074. <div id="pagination">
  1075. {block:PreviousPage}
  1076. <a href="{PreviousPage}">{lang:Previous}</a>
  1077. {/block:PreviousPage}
  1078. {block:JumpPagination length="6"}
  1079. {block:CurrentPage}
  1080. <span class="current_page">{CurrentPage}</span>
  1081. {/block:CurrentPage}
  1082. {block:JumpPage}
  1083. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1084. {/block:JumpPage}
  1085. {/block:JumpPagination}
  1086. {block:NextPage}
  1087. <a href="{NextPage}">{lang:Next}</a>
  1088. {/block:NextPage}
  1089. </div>
  1090. {/block:Pagination}</center>
  1091.  
  1092. </div>
  1093. </body>
  1094.  
  1095. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1096. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1097. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1098.  
  1099. <script>
  1100. // PXU Photoset Script by Pixel Union
  1101. $(document).ready(function(){
  1102. $('.photo-slideshow').pxuPhotoset({
  1103. lightbox:true,
  1104. rounded:false,
  1105. gutter:'0px',
  1106. borderRadius:'0px',
  1107. photoset:'.photo-slideshow',
  1108. photoWrap:'.photo-data',
  1109. photo:'.pxu-photo'
  1110. });
  1111. });
  1112. </script>
  1113. </html>
  1114.  
  1115.  
  1116. <!--------------------- POSTS SECTION ENDS HERE -------------------->
  1117.  
  1118.  
  1119. <!--------------------- FOOTER SECTION STARTS HERE -------------------->
  1120.  
  1121. <center>
  1122.  
  1123. <div id="footer"><div class="name">
  1124.  
  1125. <i class="fa fa-copyright" aria-hidden="true"></i> {Name} / Designed by: <a href="http://volcanodesigns.tumblr.com">Volcano Designs</a> / Hosted by: <a href="http://tumblr.com">Tumblr</a></div>
  1126.  
  1127. </div></div>
  1128.  
  1129.  
  1130. <div id="disclaimer">
  1131.  
  1132. Your best source for everything <b>Evangeline Lilly</b> related, an actress and writer best known for her roles in Lost, Ant-Man, and Ant-Man and the Wasp. We track #evangelinedaily.
  1133.  
  1134. </div>
  1135.  
  1136. </center>
  1137.  
  1138.  
  1139. <!--------------------- END OF THE THEME -------------------->
  1140.  
  1141. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!