API tools faq
paste
Advertisement
cvndythemes

watsonlove_theme_fin

cvndythemes
May 3rd, 2018
164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13.  
  14.  
  15. <!--
  16.  
  17. >> ETHEREAL THEMES // CUSTOM THEME
  18.  
  19. Designed by etherealthemes for
  20. watsonlove.tumblr.com
  21. etherealthemes.tumblr.com
  22. ⓒ 2016 - 2011
  23.  
  24. >> TERMS OF USE
  25.  
  26. Do NOT remove the credit
  27. Do NOT claim as your own
  28.  
  29. *You can move the credit, but leave it visible
  30. *Edit as much as you'd like
  31. *Feel free to ask about basic customization
  32. *Theme suggestions always welcomed
  33.  
  34. >> CREDITS
  35.  
  36. 500px / 540px post support by @oddhour
  37.  
  38.  
  39. -->
  40.  
  41.  
  42.  
  43.  
  44. <!-- IMAGES -->
  45. <meta name="image:Header" content="http://i.imgur.com/bvCbKOu.jpg"/>
  46. <meta name="image:Sidebar Titles" content="https://static.tumblr.com/zvesamf/wqHp81cml/sidebartitle.jpg"/>
  47. <meta name="image:Welcome" content="http://i.imgur.com/aw7bHcN.jpg"/>
  48. <meta name="image:Website" content="http://i.imgur.com/MIWOQC6.jpg"/>
  49. <meta name="image:Danielle" content="http://placehold.it/176X150"/>
  50. <meta name="image:Cassie" content="http://placehold.it/176X150"/>
  51.  
  52.  
  53.  
  54.  
  55. <!-- COLORS -->
  56. <meta name="color:Background" content="#ffffff" />
  57. <meta name="color:Text" content="#000000" />
  58. <meta name="color:Links" content="#2c2c2c" />
  59.  
  60. <meta name="color:Topbar Background" content="#ffffff" />
  61. <meta name="color:Topbar Links" content="#000000" />
  62.  
  63. <meta name="color:Accent" content="#6e2a41" />
  64. <meta name="color:Accent Two" content="#bf6f88" />
  65.  
  66. <meta name="color:Container" content="#ffffff" />
  67. <meta name="color:Content Background" content="#ffffff" />
  68.  
  69.  
  70. <!-- SELECT -->
  71. <meta name="select:Lightbox" content="0,0,0," title="Black">
  72. <meta name="select:Lightbox" content="255,255,255," title="White">
  73.  
  74.  
  75.  
  76. <!-- SCRIPTS -->
  77.  
  78. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
  79.  
  80. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  81.  
  82. <script src="http://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  83.  
  84. <script>
  85. (function($){
  86. $(document).ready(function(){
  87. $("[title]").style_my_tooltips({
  88. tip_delay_time:200,
  89. tip_fade_speed:300,
  90. tip_follows_cursor:true
  91. }
  92. );
  93. });
  94. })(jQuery);
  95. </script>
  96.  
  97. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  98.  
  99. <script>
  100. $container.infinitescroll({
  101. itemSelector: '.posts',
  102. navSelector: '.pagination',
  103. nextSelector: '.pagination a',
  104. loadingImg: '',
  105. loadingText: '<em></em>',
  106. bufferPx: 2000
  107. },
  108. function( newElements ) {
  109. var $newElems = $(newElements);
  110. var $newElemsIDs = $newElems.map(function(){
  111. return this.id;
  112. }).get();
  113. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  114. });
  115. </script>
  116.  
  117. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  118.  
  119. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  120.  
  121. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  122.  
  123. <!-- STYLESHEET -->
  124.  
  125. <style type="text/css">
  126.  
  127. /* --- SCROLLBAR ---*/
  128.  
  129. ::-webkit-scrollbar-thumb {
  130. background-color:{color:Accent};
  131. }
  132.  
  133. ::-webkit-scrollbar-button {
  134. background-color:{color:Background};
  135. height:0px;
  136. }
  137.  
  138. ::-webkit-scrollbar {
  139. width:4px;
  140. background:{color:Background};
  141. }
  142.  
  143. /* --- SELECTION ---*/
  144.  
  145. ::-moz-selection {
  146. color:{color:Background};
  147. background:{color:Accent};
  148. opacity:1;
  149. }
  150.  
  151. ::selection {
  152. color:{color:Background};
  153. background:{color:Accent};
  154. opacity:1;
  155. }
  156.  
  157. /* --- TOOLTIPS ---*/
  158.  
  159. #s-m-t-tooltip {
  160. max-width:200px;
  161. margin:15px;
  162. background-color:{color:Accent};
  163. padding:5px;
  164. font-size:9px;
  165. line-height:100%;
  166. word-wrap:break-word;
  167. text-transform:lowercase;
  168. font-style:italic;
  169. word-break:break-all;
  170. color:{color:Container};
  171. z-index:99999999;
  172. }
  173.  
  174. /* --- TUMBLR TOOLS --- */
  175.  
  176. {block:IndexPage}
  177. iframe.tmblr-iframe {
  178. z-index:99999999999999!important;
  179. top:17px!important;
  180. right:0!important;
  181. opacity:0;
  182. padding-right:60px;
  183. transform:scale(0.6);
  184. transform-origin:100% 0;
  185. -webkit-transform:scale(0.6);
  186. -webkit-transform-origin:100% 0;
  187. -o-transform:scale(0.6);
  188. -o-transform-origin:100% 0;
  189. -moz-transform:scale(0.6);
  190. -moz-transform-origin:100% 0;
  191. -ms-transform:scale(0.6);
  192. -ms-transform-origin:100% 0;
  193. filter:invert(1);
  194. -webkit-filter:invert(1);
  195. -o-filter:invert(1);
  196. -moz-filter:invert(1);
  197. -ms-filter:invert(1);
  198. transition:.2s ease-in-out;
  199. -webkit-transition:.2s ease-in-out;
  200. -moz-transition:.2s ease-in-out;
  201. }
  202.  
  203. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  204.  
  205. .tcontrols {
  206. position:fixed;
  207. top:25px;
  208. right:20px;
  209. z-index:999999999;
  210. color:{color:Topbar Links};
  211. font-size:12px;
  212. transition:.2s ease-in-out;
  213. -webkit-transition:.2s ease-in-out;
  214. -moz-transition:.2s ease-in-out;
  215. }
  216. {/block:IndexPage}
  217.  
  218.  
  219. {block:PermalinkPage}
  220. iframe.tmblr-iframe {
  221. z-index:99999999999999!important;
  222. top:17px!important;
  223. right:0!important;
  224. opacity:0.5;
  225. padding-right:30px;
  226. transform:scale(0.6);
  227. transform-origin:100% 0;
  228. -webkit-transform:scale(0.6);
  229. -webkit-transform-origin:100% 0;
  230. -o-transform:scale(0.6);
  231. -o-transform-origin:100% 0;
  232. -moz-transform:scale(0.6);
  233. -moz-transform-origin:100% 0;
  234. -ms-transform:scale(0.6);
  235. -ms-transform-origin:100% 0;
  236. filter:invert(1);
  237. -webkit-filter:invert(1);
  238. -o-filter:invert(1);
  239. -moz-filter:invert(1);
  240. -ms-filter:invert(1);
  241. }
  242. {/block:PermalinkPage}
  243.  
  244.  
  245. /* --- BODY --- */
  246.  
  247. body {
  248. margin:0px;
  249. padding:0px;
  250. font-family:'Open Sans', sans-serif;
  251. color:{color:Text};
  252. font-size:11px;
  253. font-weight:400;
  254. line-height:150%;
  255. font-weight:normal;
  256. word-wrap:normal;
  257. text-align:left;
  258. background:{color:Background};
  259. }
  260.  
  261. a {
  262. color:{color:Links};
  263. text-decoration:none;
  264. border:0;
  265. transition:.2s ease-in-out;
  266. -webkit-transition:.2s ease-in-out;
  267. -moz-transition:.2s ease-in-out;
  268. }
  269.  
  270. a:hover {opacity:0.6;}
  271.  
  272. b,strong {font-weight:700;}
  273. i,italic {font-style:italic;}
  274. small {font-size:10px;}
  275. big {font-size:10px;}
  276.  
  277. hr.divider, hr, hr.separator {
  278. display: block;
  279. margin-top: 0.5em;
  280. margin-bottom: 0.5em;
  281. margin-left: auto;
  282. margin-right: auto;
  283. border-style: inset;
  284. border-color:{color:Text};
  285. border-bottom: 1px;
  286. }
  287.  
  288. pre {
  289. white-space: pre-wrap;
  290. white-space: -moz-pre-wrap;
  291. white-space: -pre-wrap;
  292. white-space: -o-pre-wrap;
  293. word-wrap: break-word;
  294. }
  295.  
  296.  
  297. /* --- TOPBAR --- */
  298.  
  299. .topbar {
  300. position:fixed;
  301. top:0;
  302. left:0;
  303. height:43px;
  304. width:100%;
  305. padding-top:28px;
  306. text-align:center;
  307. background:{color:Topbar Background};
  308. z-index:3;
  309. }
  310.  
  311. .topbarlinks a {
  312. color:{color:Topbar Links};
  313. text-transform:uppercase;
  314. text-decoration:none;
  315. border:0;
  316. font-style:italic;
  317. font-size:12px;
  318. margin:10px 20px;
  319. transition:.2s ease-in-out;
  320. -webkit-transition:.2s ease-in-out;
  321. -moz-transition:.2s ease-in-out;
  322. }
  323.  
  324. .topbarlinks a:hover:nth-child(2n + 1) {color:{color:Accent};}
  325.  
  326. .topbarlinks a:hover:nth-child(2n + 2) {color:{color:Accent Two};}
  327.  
  328.  
  329. /* --- HEADER --- */
  330.  
  331. .header {
  332. margin:0 auto;
  333. margin-top:70px;
  334. width:1350px;
  335. height:500px;
  336. background-image: url('{image:Header}');
  337. }
  338.  
  339. /* --- CONTAINER --- */
  340.  
  341. .container {
  342. margin:0 auto;
  343. width:1020px;
  344. background:{color:Container};
  345. padding:0px 30px 0px 30px;
  346. }
  347.  
  348. #end {
  349. clear: both;
  350. text-align:center;
  351. }
  352.  
  353. /* --- TABLES --- */
  354.  
  355. .tables {
  356. margin:0 auto;
  357. background:{color:Container};
  358. width:980px;
  359. height:305px;
  360. padding-top:40px;
  361. margin-bottom:30px;
  362. }
  363.  
  364. .welcomecont {
  365. margin-left:10px;
  366. width:370px;
  367. padding-bottom:30px;
  368. }
  369.  
  370. .tabletitle {
  371. font-size:13px;
  372. text-transform:lowercase;
  373. color:{color:Text};
  374. text-align:center;
  375. font-style:italic;
  376. padding:10px 0px 15px 0px;
  377. }
  378.  
  379. .welcome {
  380. position:absolute;
  381. width:249px;
  382. margin:-35px 0px 0px 45px;
  383. background:{color:Accent};
  384. text-align:center;
  385. font-style:italic;
  386. color:{color:Content Background};
  387. padding:10px 15px;
  388. }
  389.  
  390. .photoscont {
  391. margin-left:420px;
  392. width:550px;
  393. margin-top:-371px;
  394. padding-bottom:30px;
  395. }
  396.  
  397. .photoscont img {height:148px;width:128px;}
  398.  
  399. /* --- SIDEBAR --- */
  400.  
  401. .sidebar {
  402. float:left;
  403. width:400px;
  404. background:{color:Container};
  405. margin-top:100px;
  406. padding:10px;
  407. }
  408.  
  409. .side {
  410. width:380px;
  411. background:{color:Content Background};
  412. padding:10px;
  413. margin-bottom:105px;
  414. font-style:italic;
  415. }
  416.  
  417. .sidebartitlecont {
  418. width:380px;
  419. height:75px;
  420. background-image: url('{image:Sidebar Titles}');
  421. text-align:center;
  422. margin-bottom:10px;
  423. }
  424.  
  425. .sidebartitle {
  426. margin-top:25px;
  427. font-size:12px;
  428. text-transform:lowercase;
  429. color:{color:Content Background};
  430. font-style:italic;
  431. padding:5px 25px;
  432. display:inline-block;
  433. background:{color:Accent};
  434. }
  435.  
  436. /* --- SIDEBAR EXTRAS --- */
  437.  
  438. .calendar {
  439. text-align:left;
  440. margin-bottom:15px;
  441. line-height:175%;
  442. }
  443.  
  444. .calendar b {
  445. display:inline-block;
  446. background:{color:Accent Two};
  447. padding:2px 5px;
  448. color:{color:Content Background};
  449. }
  450.  
  451. .project {
  452. margin-bottom:25px;
  453. text-align:center;
  454. }
  455.  
  456. .project b {
  457. display:block;
  458. font-size:12px;
  459. color:{color:Text};
  460. text-transform:uppercase;
  461. }
  462.  
  463. .project i {
  464. display:block;
  465. color:{color:Accent Two};
  466. font-size:11px;
  467. }
  468.  
  469. .project img {
  470. height:150px;
  471. width:380px;
  472. margin-bottom:10px;
  473. }
  474.  
  475. .members {
  476. width:180px;
  477. text-align:center;
  478. padding-bottom:180px;
  479. }
  480.  
  481. .memberone {
  482. position:absolute;
  483. margin-left:0px;
  484. }
  485.  
  486. .membertwo {
  487. position:absolute;
  488. margin-top:0px;
  489. margin-left:205px;
  490. }
  491.  
  492. .memberone img, .membertwo img {height:100px; width:100px;margin-left:40px;}
  493.  
  494. .membername {
  495. position:absolute;
  496. width:126px;
  497. margin-left:10px;
  498. margin-top:5px;
  499. text-align:center;
  500. background:{color:Accent};
  501. padding:10px 15px;
  502. }
  503.  
  504. .membername a {
  505. font-style:italic;
  506. text-transform:lowercase;
  507. color:{color:Content Background};
  508. border:0;
  509. text-decoration:none;
  510. }
  511.  
  512. .affiliates {
  513. text-align:center;
  514. }
  515.  
  516. .affiliates img {
  517. height:58px;
  518. width:58px;
  519. margin:0px 1px 0px 1px!important;
  520. }
  521.  
  522.  
  523. /* --- POSTS --- */
  524. .posts {
  525. float:right;
  526. width:560px;
  527. padding:5px;
  528. margin:92px 0px 0px 0px;
  529. background:{color:Container};
  530. }
  531.  
  532. .iposts {
  533. width:540px;
  534. padding:10px;
  535. background:{color:Content Background};
  536. }
  537.  
  538. .oddhour-high-res { width: 540px; text-align: center; }
  539. .oddhour-high-res img { max-width: 100%; }
  540.  
  541. .ipostpxu {
  542. margin-left:25px;
  543. width:490px;
  544. }
  545.  
  546. /* --- POST INFO --- */
  547.  
  548. .postinfo {
  549. width:540px;
  550. background:{color:Content Background};
  551. padding:15px 10px 10px 10px;
  552. font-style:italic;
  553. text-align:left;
  554. text-transform:uppercase;
  555. }
  556.  
  557. .postnotes {
  558. float:left;
  559. display:inline-block;
  560. }
  561.  
  562. .postnotes a {
  563. color:{color:Text};
  564. display:inline-block;
  565. padding:4px 5px;
  566. }
  567.  
  568. .postnotes a:hover, .postdate a:hover {
  569. opacity:1;
  570. }
  571.  
  572. .postdate {
  573. {block:PermalinkPage}
  574. float:right;
  575. {/block:PermalinkPage}
  576.  
  577. margin:0 auto;
  578. display:inline-block;
  579. }
  580.  
  581. .postdate a {
  582. display:inline-block;
  583. padding:4px 5px;
  584. color:{color:Text};
  585. }
  586.  
  587. /* --- POST CONTROL --- */
  588.  
  589. .postcontrol {
  590. float:right;
  591. margin-top:7px;
  592. }
  593.  
  594. .postcontrol i {
  595. color:{color:Text};
  596. height:auto;
  597. padding:1px;
  598. font-weight:400!important;
  599. display:block;
  600. overflow:visible;
  601. height:auto;
  602. }
  603.  
  604. .postcontrol a {
  605. position:relative;
  606. display:inline-block;
  607. overflow:hidden;
  608. padding:0px 0px 0px 4px;
  609. }
  610.  
  611. .postcontrol .reblog {
  612. opacity:1;
  613. }
  614.  
  615. .postcontrol .reblog i {
  616. font-size:10px;
  617. }
  618.  
  619. .reblog i {
  620. color:{color:Text};
  621. transition:.2s ease-in-out;
  622. -webkit-transition:.2s ease-in-out;
  623. -moz-transition:.2s ease-in-out;
  624. }
  625.  
  626. .postcontrol .like .liked + i {
  627. color:{color:Text};
  628. opacity:1;
  629. }
  630.  
  631. .like i {
  632. color:{color:Text};
  633. font-size:9px;
  634. transition:.2s ease-in-out;
  635. -webkit-transition:.2s ease-in-out;
  636. -moz-transition:.2s ease-in-out;
  637. }
  638.  
  639. .postcontrol .like .liked + i {
  640. color:{color:Accent};
  641. }
  642.  
  643. .postcontrol .like .like_button {
  644. position:relative;
  645. }
  646.  
  647. .postcontrol .like .like_button iframe {
  648. position:absolute;
  649. top:0;
  650. left:0;
  651. bottom:0;
  652. right:0;
  653. z-index:2;
  654. opacity:0;
  655. }
  656.  
  657. /* --- POST END --- */
  658.  
  659. .postend {
  660. width:540px;
  661. padding:10px;
  662. background:{color:Content Background};
  663. font-style:italic;
  664. color:{color:Text};
  665. text-transform:lowercase;
  666. }
  667.  
  668. .postsrc {
  669. float:right;
  670. color:{color:Text};
  671. }
  672.  
  673. .postsrc a {
  674. color:{color:Text};
  675. text-decoration:none;
  676. border:0;
  677. }
  678.  
  679. /* --- POST TAGS --- */
  680.  
  681. .posttags {
  682. width:540px;
  683. padding:10px 10px 15px 10px;
  684. color:{color:Text};
  685. background:{color:Content Background};
  686. text-transform:uppercase;
  687. font-style:italic;
  688. font-size:10px;
  689. margin-bottom:100px;
  690. text-align:center;
  691. }
  692.  
  693. .posttags a {
  694. text-transform:lowercase!important;
  695. color:{color:Links};
  696. text-decoration:none;
  697. border:0;
  698. opacity:0.8;
  699. }
  700.  
  701. /* --- POST STYLES --- */
  702.  
  703. h1, h2 {
  704. display:inline-block;
  705. font-size:11px;
  706. color:{color:Text};
  707. display:inline-block;
  708. text-transform:uppercase;
  709. font-style:italic;
  710. font-weight:700;
  711. }
  712.  
  713. blockquote {
  714. padding:10px;
  715. text-decoration:none;
  716. letter-spacing:1px;
  717. border-left:1px solid {color:Text};
  718. }
  719.  
  720. blockquote img {
  721. max-width:100%;
  722. display:block;
  723. margin-bottom:5px;
  724. }
  725.  
  726. .user_1 .label {font-weight: 700;}
  727. .user_2 .label {font-weight: 400;}
  728. .user_3 .label {font-weight: 700;}
  729. .user_4 .label {font-weight: 400;}
  730. .user_5 .label {font-weight: 700;}
  731. .user_6 .label {font-weight: 400;}
  732. .user_7 .label {font-weight: 700;}
  733. .user_8 .label {font-weight: 400;}
  734.  
  735. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  736.  
  737. .chat li {
  738. list-style: none;
  739. margin: 0px;
  740. padding: 2px;
  741. border: none;
  742. }
  743.  
  744. .chat li:first-child {border:none;}
  745.  
  746. /* --- QUESTIONS --- */
  747.  
  748. .question {
  749. margin:0px;
  750. width:535px;
  751. text-align:justify;
  752. line-height:130%;
  753. color:{color:Links};
  754. }
  755.  
  756. .questiontext {
  757. opacity:0.5;
  758. transition:.2s ease-in-out;
  759. -webkit-transition:.2s ease-in-out;
  760. -moz-transition:.2s ease-in-out;
  761. }
  762.  
  763. .questiontext:hover {opacity:1;}
  764.  
  765. .question img {padding:1px 12px 0px 0px;}
  766.  
  767. .question a {color:{color:Text};}
  768.  
  769. /* --- AUDIO --- */
  770.  
  771. .audio { background:{color:Content Background};}
  772.  
  773. .player {
  774. position:absolute;
  775. margin-top:-69px;
  776. margin-left:35px;
  777. opacity:0.6;
  778. }
  779.  
  780. .audiop, .player {display:inline-block;}
  781.  
  782. .trackname {
  783. margin-left:120px;
  784. margin-top:-75px;
  785. color:{color:Text};
  786. text-transform:uppercase;
  787. }
  788.  
  789. .artist {
  790. margin-left:120px;
  791. margin-top:-5px;
  792. color:{color:Text};
  793. }
  794.  
  795. .albuname {
  796. margin-left:120px;
  797. margin-top:0px;
  798. color:{color:Text};
  799. }
  800.  
  801. .audiop {
  802. position:absolute;
  803. display:block;
  804. margin-top:4px
  805. margin-top:-109px;
  806. }
  807.  
  808. .audioimg img {
  809. margin-top:10px;
  810. height:100px;
  811. width:100px;
  812. }
  813.  
  814. .tumblr_audio_player {
  815. width:30px;
  816. height:27px;
  817. overflow:hidden;
  818. }
  819.  
  820. .soundcloud_audio_player {padding-top:15px;}
  821.  
  822. /* --- LIGHTBOXES ---*/
  823.  
  824. .vignette, #vignette {opacity:0;}
  825.  
  826. .lightbox-image, #tumblr_lightbox img {
  827. box-shadow:none !important;
  828. border-radius:0 !important;
  829. max-width:none;
  830. -moz-box-sizing:border-box;
  831. box-sizing:border-box;
  832. }
  833.  
  834. .tmblr-lightbox, #tumblr_lightbox {
  835. background-color:rgba({select:Lightbox}.90) !important;
  836. }
  837.  
  838. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  839.  
  840. /* --- PAGINATION --- */
  841.  
  842. .pagination {
  843. width:540px;
  844. float:right;
  845. background:{color:Container};
  846. font-size:10px;
  847. text-transform:uppercase;
  848. padding:10px;
  849. text-align:center;
  850. margin:20px 0px 0px 0px;
  851. color:{color:Text};
  852. word-spacing:10px;
  853. }
  854.  
  855. .pagination a {
  856. display:inline-block;
  857. color:{color:Text};
  858. min-width:15px;
  859. }
  860.  
  861. .pagination .current {
  862. display:inline-block;
  863. margin:8px;
  864. color:{color:Text};
  865. min-width:15px;
  866. }
  867.  
  868. .pagination a.jump {
  869. font-size:10px;
  870. line-height:10px;
  871. color:{color:Text};
  872. min-width:15px;
  873. }
  874.  
  875. /* ---PERMALINK NOTES --- */
  876.  
  877. #permanote::-webkit-scrollbar-thumb {
  878. background-color:{color:Accent};
  879. border:2px solid {color:Content Background};
  880. }
  881.  
  882. #permanote::-webkit-scrollbar-button {
  883. background-color:{color:Content Background};
  884. height:0px;
  885. }
  886.  
  887. #permanote::-webkit-scrollbar {
  888. width:6px;
  889. background:{color:Content Background};
  890. }
  891.  
  892. #permanote {
  893. width:551px;
  894. max-height:500px;
  895. margin:-50px 0 20px 0px;
  896. padding:0px 0px 0px 9px;
  897. text-align:center;
  898. overflow-x:hidden;
  899. overflow-y:scroll;
  900. }
  901.  
  902. ol.notes {
  903. display:inline-block;
  904. padding:0px;
  905. margin:15px 0px;
  906. background:transparent;
  907. list-style-type:none;
  908. text-align:center;
  909. border-bottom:0px;
  910. letter-spacing: 1px;
  911. }
  912.  
  913. .notes a {display:inline-block;text-align:center;}
  914.  
  915. ol.notes li.note {padding:0px;float:left;text-align:center;}
  916.  
  917. ol.notes li.note img.avatar {
  918. width:32px;
  919. height:32px;
  920. margin:0px 2px 0px 2px;
  921. }
  922.  
  923. ol.notes li.note span.action {display:none;}
  924.  
  925. ol.notes li.note .answer_content {display:none;}
  926.  
  927. ol.notes li.note blockquote {display:none;}
  928.  
  929. ol.notes li.note blockquote a {display:none;}
  930.  
  931. ol.notes li.note.more_notes_link_container {
  932. display:block;
  933. position:relative;
  934. text-align:center;
  935. display:block;
  936. width:100%;
  937. padding-top:10px;
  938. }
  939.  
  940. /* --- SCROLL TO TOP --- */
  941.  
  942. #scrollToTop {
  943. display:none;
  944. position:fixed;
  945. bottom:15px;
  946. right:10px;
  947. }
  948.  
  949. #scrollToTop i {
  950. color:{color:Text};
  951. font-size:15px;
  952. display:inline-block;
  953. padding:5px;
  954. transition:.2s ease-in-out;
  955. -webkit-transition:.2s ease-in-out;
  956. -moz-transition:.2s ease-in-out;
  957. -o-transition:.2s ease-in-out;
  958. }
  959.  
  960. /* --- FOOTER --- */
  961.  
  962. footer {
  963. margin:0 auto;
  964. width:940px;
  965. margin-top:25px;
  966. padding:0px 50px 50px 30px;
  967. line-height:150%;
  968. text-align:center;
  969. }
  970.  
  971. .footertext {
  972. display:inline-block;
  973. font-size:10px!important;
  974. letter-spacing:1px;
  975. font-style:italic;
  976. font-size:12px;
  977. color:{color:Text};
  978. padding:8px 12px;
  979. margin-top:50px;
  980. }
  981.  
  982. .footercopyright {
  983. font-size:11px;
  984. text-transform:uppercase;
  985. font-weight:700;
  986. letter-spacing:1px;
  987. font-style:italic;
  988. }
  989.  
  990. .footercopyright b {
  991. color:{color:Accent};
  992. }
  993.  
  994.  
  995. {CustomCSS}
  996. </style>
  997.  
  998. </head>
  999. <body>
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005.  
  1006. <!-- START TOPBAR -->
  1007. <div class="topbar">
  1008.  
  1009. <div class="topbarlinks">
  1010. <a href="/">Home</a>
  1011. <a href="/ask">Message</a>
  1012. <a href="/submit">Submit</a>
  1013. <a href="/tags">Tags</a>
  1014. <a href="/emma">About Emma</a>
  1015. <a href="/tagged/icons">Icons</a>
  1016. <a href="/archive">Archives</a>
  1017. <a href="http://emmawatsonnews.flaunt.nu">Website</a>
  1018. </div>
  1019.  
  1020. {block:IndexPage}
  1021. <div class="tcontrols">
  1022. <b>+</b>
  1023. </div>
  1024. {/block:IndexPage}
  1025.  
  1026. </div>
  1027. <!-- END TOPBAR -->
  1028.  
  1029.  
  1030.  
  1031.  
  1032. <!-- START HEADER -->
  1033. <div class="header"></div>
  1034. <!-- END HEADER -->
  1035.  
  1036.  
  1037.  
  1038.  
  1039. <!-- START CONTAINER -->
  1040. <div class="container">
  1041.  
  1042.  
  1043.  
  1044.  
  1045.  
  1046. <!-- START WELCOME AND PHOTOS -->
  1047. {block:IndexPage}
  1048. <div class="tables">
  1049.  
  1050. <div class="welcomecont">
  1051. <div class="tabletitle">Welcome</div>
  1052.  
  1053. <center>
  1054. <!-- CHANGING PICTURES --><script type="text/javascript">
  1055. window.onload = function(){
  1056. window.displayImgCount = 0;
  1057. function cycleImage(){
  1058. if (displayImgCount !== 0) {
  1059. document.getElementById("img" + displayImgCount).style.display = "none";
  1060. }
  1061. displayImgCount = displayImgCount === 12 ? 1 : displayImgCount + 1;
  1062. document.getElementById("img" + displayImgCount).style.display = "block";
  1063. setTimeout(cycleImage, 4000);
  1064. }
  1065. cycleImage();
  1066. }
  1067. </script>
  1068. <img id="img1" src="http://i.imgur.com/aw7bHcN.jpg" style="display: none"><img id="img2" src="http://i.imgur.com/FyjttPF.jpg" style="display: none"><img id="img3" src="http://i.imgur.com/Z6pBNXP.jpg" style="display: none"><img id="img4" src="http://i.imgur.com/vXKbM84.jpg" style="display: none"><img id="img5" src="http://i.imgur.com/S4ctPPQ.jpg" style="display: none">
  1069.  
  1070. <img id="img6" src="http://i.imgur.com/JpFzBpE.jpg" style="display: none"><img id="img7" src="http://i.imgur.com/3oXXDCu.jpg" style="display: none">
  1071.  
  1072. <img id="img8" src="http://i.imgur.com/IKxl7Ot.jpg" style="display: none"><img id="img9" src="http://i.imgur.com/OJPAd9o.jpg" style="display: none">
  1073.  
  1074. <img id="img10" src="http://i.imgur.com/14x0feV.jpg" style="display: none">
  1075.  
  1076. <img id="img11" src="http://i.imgur.com/2Mzag0k.jpg" style="display: none">
  1077.  
  1078. <img id="img12" src="http://i.imgur.com/KWRPbHb.jpg" style="display: none">
  1079. </center>
  1080.  
  1081. <div class="welcome">
  1082. Keeping you up to date with all things Emma Watson since 2010. Enjoy!
  1083. </div>
  1084. </div>
  1085.  
  1086.  
  1087. <div class="photoscont">
  1088. <div class="tabletitle">Photo Gallery</div>
  1089. <center>
  1090.  
  1091. <!-- First Row -->
  1092. <a href="http://emmawatsonnews.flaunt.nu/gallery/thumbnails.php?album=592"><img src="http://emmawatsonnews.flaunt.nu/gallery/albums/Photoshoots/2018/Vogue%20Australia/normal_001_303.jpg"></a>
  1093.  
  1094. <a href="http://emmawatsonnews.flaunt.nu/gallery/thumbnails.php?album=592"><img src="http://emmawatsonnews.flaunt.nu/gallery/albums/Photoshoots/2018/Vogue%20Australia/normal_012_126.jpg"></a>
  1095.  
  1096. <a href="http://emmawatsonnews.flaunt.nu/gallery/thumbnails.php?album=592"><img src="http://emmawatsonnews.flaunt.nu/gallery/albums/Photoshoots/2018/Vogue%20Australia/normal_019_90.jpg"></a>
  1097.  
  1098. <a href="http://emmawatsonnews.flaunt.nu/gallery/thumbnails.php?album=592"><img src="http://emmawatsonnews.flaunt.nu/gallery/albums/Photoshoots/2018/Vogue%20Australia/normal_020_88.jpg"></a>
  1099.  
  1100.  
  1101. <!-- Second Row -->
  1102. <a href="http://emmawatsonnews.flaunt.nu/gallery/thumbnails.php?album=592"><img src="http://emmawatsonnews.flaunt.nu/gallery/albums/Photoshoots/2018/Vogue%20Australia/normal_peterlindbergh-018.jpg"></a>
  1103.  
  1104. <a href="http://emmawatsonnews.flaunt.nu/gallery/thumbnails.php?album=592"><img src="http://emmawatsonnews.flaunt.nu/gallery/albums/Photoshoots/2018/Vogue%20Australia/normal_peterlindbergh-009c.jpg"></a>
  1105.  
  1106. <a href="http://emmawatsonnews.flaunt.nu/gallery/thumbnails.php?album=592"><img src="http://emmawatsonnews.flaunt.nu/gallery/albums/Photoshoots/2018/Vogue%20Australia/normal_vogueaustraliamarch18-002.jpg"></a>
  1107.  
  1108. <a href="http://emmawatsonnews.flaunt.nu/gallery/thumbnails.php?album=592"><img src="http://emmawatsonnews.flaunt.nu/gallery/albums/Photoshoots/2018/Vogue%20Australia/normal_peterlindbergh-009b.jpg"></a>
  1109.  
  1110. </center>
  1111. </div>
  1112.  
  1113.  
  1114. </div>
  1115. {/block:IndexPage}
  1116. <!-- END WELCOME AND PHOTOS -->
  1117.  
  1118.  
  1119.  
  1120.  
  1121.  
  1122.  
  1123.  
  1124.  
  1125.  
  1126. <!-- START SIDEBAR -->
  1127. <div class="sidebar">
  1128.  
  1129.  
  1130. <!-- Website -->
  1131. <div class="side">
  1132. <div class="sidebartitlecont">
  1133. <div class="sidebartitle">Website</div>
  1134. </div>
  1135. <center>
  1136. <a href="http://emmawatsonnews.flaunt.nu"><img src="{image:Website}" /></a>
  1137. </center>
  1138.  
  1139. </div>
  1140.  
  1141.  
  1142.  
  1143.  
  1144.  
  1145.  
  1146.  
  1147. <!-- Calendar -->
  1148. {block:IndexPage}
  1149. <div class="side">
  1150. <div class="sidebartitlecont">
  1151. <div class="sidebartitle">Calendar</div>
  1152. </div>
  1153.  
  1154. <div class="calendar">
  1155. <b>Jan.07</b> The Golden Globes
  1156. </div>
  1157.  
  1158. <div class="calendar">
  1159. <b>TBA</b>
  1160. </div>
  1161.  
  1162. </div>
  1163. {/block:IndexPage}
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169.  
  1170. <!-- Quick Facts -->
  1171. {block:IndexPage}
  1172. <div class="side">
  1173. <div class="sidebartitlecont">
  1174. <div class="sidebartitle">Quick Facts</div>
  1175. </div>
  1176.  
  1177. <b>Full Name:</b> Emma Charlotte Duerre Watson<br>
  1178. <b>Born:</b> April 15, 1990 <br>
  1179. <b>Birthplace:</b> Paris, France <br>
  1180. <b>Raised at:</b> Oxford, England <br>
  1181. <b>Height:</b> 5′5″ <br>
  1182. <b>Eye Color:</b> Brown <br>
  1183. <b>Siblings:</b> 1 full brother, 1 half-brother, 2 half-sisters <br>
  1184. <b>More info:</b> <a href="/emma">here</a><br>
  1185.  
  1186. </div>
  1187. {/block:IndexPage}
  1188.  
  1189.  
  1190.  
  1191.  
  1192.  
  1193.  
  1194. <!-- Twitter -->
  1195. {block:IndexPage}
  1196. <div class="side">
  1197. <div class="sidebartitlecont">
  1198. <div class="sidebartitle">Emma's Twitter</div>
  1199. </div>
  1200.  
  1201. <center>
  1202. <a class="twitter-timeline" data-width="360" data-height="350" data-dnt="true" data-link-color="{color:Accent}" href="https://twitter.com/emmawatson">Tweets by emmawatson</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  1203.  
  1204. </center>
  1205.  
  1206. </div>
  1207. {/block:IndexPage}
  1208.  
  1209.  
  1210.  
  1211.  
  1212.  
  1213.  
  1214. <!-- Instagram -->
  1215. {block:IndexPage}
  1216. <div class="side">
  1217. <div class="sidebartitlecont">
  1218. <div class="sidebartitle">Emma's Instagram</div>
  1219. </div>
  1220.  
  1221. <center>
  1222. <!-- InstaWidget -->
  1223. <a href="https://instawidget.net/v/user/emmawatson" id="link-28441f79046ef87e01d14d94cb68c4fe1d51c72366c6b0c5ad88217fd8313cf6">@emmawatson</a>
  1224. <script src="https://instawidget.net/js/instawidget.js?u=28441f79046ef87e01d14d94cb68c4fe1d51c72366c6b0c5ad88217fd8313cf6&width=360px"></script>
  1225. </center>
  1226.  
  1227. </div>
  1228. {/block:IndexPage}
  1229.  
  1230.  
  1231.  
  1232.  
  1233.  
  1234.  
  1235. <!-- Projects -->
  1236. {block:IndexPage}
  1237. <div class="side">
  1238. <div class="sidebartitlecont">
  1239. <div class="sidebartitle">Projects</div>
  1240. </div>
  1241.  
  1242.  
  1243. <div class="project">
  1244. <img src="http://i.imgur.com/o8BYkCM.gif" /><br>
  1245. <b>BEAUTY AND THE BEAST (2017)</b>
  1246. <i>Completed</i>
  1247. Belle, a bright, beautiful and independent young woman, is taken prisoner by a beast in its castle. Despite her fears, she befriends the castle's enchanted staff and learns to look beyond the beast's hideous exterior, allowing her to recognize the kind heart and soul of the true prince that hides on the inside.the lives and futures of her friends, family and that of humanity.
  1248. </div>
  1249.  
  1250.  
  1251.  
  1252. <div class="project">
  1253. <img src="http://i.imgur.com/aFvkR5E.gif" /><br>
  1254. <b>THE CIRCLE (2017)</b>
  1255. <i>Completed</i>
  1256. Mae Holland seizes the opportunity of a lifetime when she lands a job with the world's most powerful technology and social media company. Encouraged by the company's founder, Mae joins a groundbreaking experiment that pushes the boundaries of privacy, ethics and personal freedom. Her participation in the experiment, and every decision she makes soon starts to affect the lives and futures of her friends, family and that of humanity
  1257. </div>
  1258.  
  1259.  
  1260. </div>
  1261. {/block:IndexPage}
  1262.  
  1263.  
  1264.  
  1265.  
  1266.  
  1267. <!-- Members -->
  1268. <div class="side">
  1269. <div class="sidebartitlecont">
  1270. <div class="sidebartitle">Members</div>
  1271. </div>
  1272.  
  1273.  
  1274. <div class="members">
  1275.  
  1276. <div class="memberone">
  1277. <img src="https://api.tumblr.com/v2/blog/ginweaslay.tumblr.com/avatar/512" />
  1278. <div class="membername"><a href="http://ginweaslay.tumblr.com">Danielle</a></div>
  1279. </div>
  1280.  
  1281.  
  1282. <div class="membertwo">
  1283. <img src="https://api.tumblr.com/v2/blog/careforbes.tumblr.com/avatar/512" />
  1284. <div class="membername"><a href="http://careforbes.tumblr.com">Cassie</a></div>
  1285. </div>
  1286.  
  1287. </div>
  1288.  
  1289. </div>
  1290.  
  1291.  
  1292.  
  1293.  
  1294.  
  1295.  
  1296.  
  1297. <!-- Affiliates -->
  1298. <div class="side">
  1299. <div class="sidebartitlecont">
  1300. <div class="sidebartitle">Affiliates</div>
  1301. </div>
  1302.  
  1303. <div class="affiliates">
  1304.  
  1305. <a href="http://dailyhermionegranger.tumblr.com/" title="dailyhermionegranger"><img src="http://i.imgur.com/j0lxF5n.jpg"/></a>
  1306.  
  1307. <a href="http://dailytomfelton.tumblr.com/" title="dailytomfelton"><img src="http://i.imgur.com/L940YcU.jpg"/></a>
  1308.  
  1309. <a href="http://dailyrebelcaptain.tumblr.com/" title="dailyrebelcaptain"><img src="http://i.imgur.com/Ve39Rjm.jpg"/></a>
  1310.  
  1311. <a href="http://ewatsondaily.tumblr.com/" title="ewatsondaily"><img src="https://api.tumblr.com/v2/blog/ewatsondaily.tumblr.com/avatar/58"/></a>
  1312.  
  1313. <a href="https://iheartfelicityjones.tumblr.com/" title="iheartfelicityjones"><img src="https://api.tumblr.com/v2/blog/iheartfelicityjones.tumblr.com/avatar/58"/></a>
  1314.  
  1315. <a href="http://harrypotternetwork.tumblr.com/" title="harrypotternetwork"><img src="https://api.tumblr.com/v2/blog/harrypotternetwork.tumblr.com/avatar/58"/></a>
  1316.  
  1317. <a href="http://mrobbiesource.tumblr.com/" title="mrobbiesource"><img src="https://api.tumblr.com/v2/blog/mrobbiesource.tumblr.com/avatar/58"/></a>
  1318.  
  1319. <a href="djohnsoned.tumblr.com" title="djohnsoned"><img src="https://api.tumblr.com/v2/blog/djohnsoned.tumblr.com/avatar/58"/></a>
  1320.  
  1321. <a href="/affiliates" title="join?"><img src="http://i.imgur.com/HyNSPpS.jpg"/></a>
  1322. <a href="/affiliates" title="join?"><img src="http://i.imgur.com/HyNSPpS.jpg"/></a>
  1323. <a href="/affiliates" title="join?"><img src="http://i.imgur.com/HyNSPpS.jpg"/></a>
  1324. <a href="/affiliates" title="join?"><img src="http://i.imgur.com/HyNSPpS.jpg"/></a>
  1325.  
  1326. </div>
  1327.  
  1328. </div>
  1329.  
  1330.  
  1331.  
  1332.  
  1333.  
  1334.  
  1335.  
  1336. <!-- Site Info -->
  1337. <div class="side">
  1338. <div class="sidebartitlecont">
  1339. <div class="sidebartitle">Site Info</div>
  1340. </div>
  1341.  
  1342. <b>About:</b> Emma Watson <br>
  1343. <b>Established:</b> 2010 <br>
  1344. <b>Header by:</b> <a href="http://careforbes.tumblr.com">Cassie</a> <br>
  1345. <b>Theme:</b> <a href="http://etherealthemes.co.vu">ethereal</a> <br>
  1346. <b>Online:</b> <br>
  1347.  
  1348. <br>
  1349.  
  1350. This blog is not associated with Emma Watson at all. This is simply a fan blog run blog her fans. We do not take credit for any original photos/videos that are posted. If you see something that is yours and wish for it to be removed, contact us through messages.
  1351.  
  1352. </div>
  1353.  
  1354.  
  1355.  
  1356. </div>
  1357. <!-- END SIDEBAR -->
  1358.  
  1359.  
  1360.  
  1361.  
  1362.  
  1363.  
  1364.  
  1365.  
  1366.  
  1367. <!-- START POSTS -->
  1368. <div class="posts">
  1369. {block:Posts}
  1370.  
  1371.  
  1372.  
  1373.  
  1374. <!-- START POST INFO -->
  1375. <div class="postinfo">
  1376.  
  1377. {block:NoteCount}<div class="postnotes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount} {block:Date}<div class="postdate"><a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year}</a></div>{/block:Date}
  1378.  
  1379. {block:IndexPage}
  1380. <div class="postcontrol">
  1381. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fa fa-retweet" aria-hidden="true"></i></a>
  1382. <a href="#" class="like">{LikeButton}<i class="fa fa-heart" aria-hidden="true"></i></a>
  1383. </div>
  1384. {/block:IndexPage}
  1385.  
  1386.  
  1387. </div>
  1388. <!-- END POST INFO -->
  1389.  
  1390.  
  1391.  
  1392.  
  1393. <!-- POST STYLES START -->
  1394. <div class="iposts" id="{PostID}">
  1395.  
  1396. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1397.  
  1398. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1399. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1400.  
  1401. {block:Quote}<h1>“{Quote}”</h1> -{Source}</b>{/block:Quote}
  1402.  
  1403. {block:Photo}<center><div class="oddhour-high-res">
  1404. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1405. </div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1406.  
  1407. {block:Photoset}<div class="ipostpxu"><center><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<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></center>
  1408. {block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  1409.  
  1410. {block:Chat}
  1411. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1412. {/block:Chat}
  1413.  
  1414. {block:Audio}
  1415. <div class="audio">
  1416.  
  1417. {block:AlbumArt}
  1418. <div class="audioimg">
  1419. <img src="{AlbumArtURL}" />
  1420. </div>
  1421. {block:AlbumArt}
  1422.  
  1423. {block:AudioPlayer}
  1424. <div class="player">
  1425. {AudioPlayerBlack}
  1426. </div>
  1427. {/block:AudioPlayer}
  1428.  
  1429. <div class="audiop">
  1430. {block:TrackName}
  1431. <div class="trackname">
  1432. {TrackName}
  1433. </div>
  1434. {/block:TrackName}
  1435. {block:Artist}
  1436. <div class="artist">
  1437. by {Artist}
  1438. </div>
  1439. {/block:Artist}
  1440. </div>
  1441. {block:Caption}{Caption}{/block:Caption}
  1442. </div>
  1443. {/block:Audio}
  1444.  
  1445.  
  1446. {block:Video}<center>{Video-500}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  1447.  
  1448. {block:Answer}
  1449. <div class="question">
  1450. <img src="{AskerPortraitURL-48}" align="left" />{Asker} asked<br>
  1451. <div class="questiontext">{Question}</div>
  1452. </div>
  1453. {Answer}{/block:Answer}
  1454.  
  1455. </div>
  1456. <!-- POST STYLES END -->
  1457.  
  1458.  
  1459.  
  1460.  
  1461. <!-- POST END START -->
  1462. {block:RebloggedFrom}
  1463. <div class="postend">
  1464.  
  1465. <div class="postsrc">
  1466. <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
  1467.  
  1468. {block:ContentSource}
  1469. / <a title="{ReblogRootName}" href="{SourceURL}">src</a>
  1470. {/block:ContentSource}
  1471.  
  1472. </div>
  1473.  
  1474. </div>
  1475. {/block:RebloggedFrom}
  1476. <!-- POST END END -->
  1477.  
  1478.  
  1479.  
  1480.  
  1481. <!-- POST TAGS START -->
  1482. <div class="posttags">
  1483.  
  1484. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:HasTags}
  1485.  
  1486. </div>
  1487. <!-- POST TAGS END -->
  1488.  
  1489.  
  1490. <!-- PERMALINK NOTES -->
  1491. {block:PostNotes}
  1492. <div id="permanote"><center>{PostNotes-64}</center></div>
  1493. {/block:PostNotes}
  1494.  
  1495.  
  1496.  
  1497.  
  1498. {/block:Posts}
  1499.  
  1500.  
  1501.  
  1502.  
  1503. <!-- START PAGINATION -->
  1504. {block:IndexPage}
  1505. {block:Pagination}
  1506. <div class="pagination">
  1507. {block:PreviousPage}
  1508. <a href="{PreviousPage}"><</a>
  1509. {/block:PreviousPage}
  1510.  
  1511. {block:JumpPagination length="10"}
  1512. {block:CurrentPage}
  1513. <span class="current_page">{PageNumber}</span>
  1514. {/block:CurrentPage}
  1515.  
  1516. {block:JumpPage}
  1517. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1518. {/block:JumpPage}
  1519. {/block:JumpPagination}
  1520.  
  1521. {block:NextPage}
  1522. <a class="next" href="{NextPage}">></a>
  1523. {/block:NextPage}
  1524. </div>
  1525.  
  1526. {/block:Pagination}
  1527. {/block:IndexPage}
  1528. <!-- END PAGINATION -->
  1529.  
  1530.  
  1531.  
  1532. </div><!-- END POSTS -->
  1533.  
  1534.  
  1535.  
  1536.  
  1537. <div id="end"></div>
  1538.  
  1539. <!-- START FOOTER -->
  1540. <footer>
  1541.  
  1542. <div class="footertext">
  1543.  
  1544. This blog is not associated with Emma Watson at all. This is simply a fan blog run blog her fans. We do not take credit for any original photos/videos that are posted. If you see something that is yours and wish for it to be removed, contact us through messages.
  1545. </div>
  1546.  
  1547. <div class="footercopyright">
  1548. COPYRIGHT <b>WATSONLOVE</b> 2018
  1549. </div>
  1550.  
  1551.  
  1552. </footer>
  1553. <!-- END FOOTER -->
  1554.  
  1555. </div>
  1556. <!-- END CONTAINER -->
  1557.  
  1558.  
  1559.  
  1560.  
  1561. <!-- ADDITIONAL SCRIPTS -->
  1562.  
  1563. {block:IndexPage}
  1564. <script>
  1565. $(function(){$window=$(window);$link=$("#scrollToTop");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=1000){$link.fadeOut("fast")}else{$link.fadeIn("fast")}})});
  1566. </script>
  1567.  
  1568. <a href="javascript:;" id="scrollToTop" rel="nofollow"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
  1569. {/block:IndexPage}
  1570.  
  1571. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1572. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1573. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1574.  
  1575. <script>
  1576. $(document).ready(function(){
  1577. $('.photo-slideshow').pxuPhotoset({
  1578. lightbox: true,
  1579. rounded: false,
  1580. gutter: '1px',
  1581. borderRadius: '0px',
  1582. photoset: '.photo-slideshow',
  1583. photoWrap: '.photo-data',
  1584. photo: '.pxu-photo'
  1585. });
  1586. });
  1587. </script>
  1588.  
  1589. </body></html>
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!