API tools faq
paste
Advertisement
cvndythemes

middletonmarkle_theme

cvndythemes
May 16th, 2018
216
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.46 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. midletonandmarkle.tumblr.com
  21. ⓒ 2016 - 2018
  22.  
  23. >> TERMS OF USE
  24.  
  25. Do NOT remove the credit
  26. Do NOT claim as your own
  27.  
  28. *You can move the credit, but leave it visible
  29. *Edit as much as you'd like
  30. *Feel free to ask about basic customization
  31. *Theme suggestions always welcomed
  32.  
  33. >> CREDITS
  34.  
  35. icons by fontawesome
  36.  
  37.  
  38. -->
  39.  
  40.  
  41.  
  42.  
  43. <!-- COLORS -->
  44. <meta name="color:Background" content="#f7f7f7" />
  45. <meta name="color:Text" content="#000000" />
  46. <meta name="color:Links" content="#2c2c2c" />
  47.  
  48. <meta name="color:Accent One" content="#a9cfdd" />
  49. <meta name="color:Accent Two" content="#e1b7d2" />
  50.  
  51. <meta name="color:Topbar Background" content="#ffffff" />
  52. <meta name="color:Topbar Links" content="#000000" />
  53.  
  54. <meta name="color:Content Background" content="#ffffff" />
  55.  
  56. <meta name="color:Welcome Background" content="#ffffff" />
  57. <meta name="color:Welcome Text" content="#000000" />
  58.  
  59. <meta name="color:Sidebar Background" content="#ffffff" />
  60. <meta name="color:Sidebar Text" content="#000000" />
  61.  
  62.  
  63.  
  64.  
  65. <!-- IMAGES -->
  66. <meta name="image:Header" content="https://static.tumblr.com/zvesamf/LEMp8te0o/middletonmarkle_header.png"/>
  67.  
  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.  
  77. <!-- SCRIPTS -->
  78.  
  79. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
  80.  
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82.  
  83. <script src="http://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  84.  
  85. <script>
  86. (function($){
  87. $(document).ready(function(){
  88. $("[title]").style_my_tooltips({
  89. tip_delay_time:200,
  90. tip_fade_speed:300,
  91. tip_follows_cursor:true
  92. }
  93. );
  94. });
  95. })(jQuery);
  96. </script>
  97.  
  98. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  99.  
  100. <script>
  101. $container.infinitescroll({
  102. itemSelector: '.posts',
  103. navSelector: '.pagination',
  104. nextSelector: '.pagination a',
  105. loadingImg: '',
  106. loadingText: '<em></em>',
  107. bufferPx: 2000
  108. },
  109. function( newElements ) {
  110. var $newElems = $(newElements);
  111. var $newElemsIDs = $newElems.map(function(){
  112. return this.id;
  113. }).get();
  114. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  115. });
  116. </script>
  117.  
  118. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  119.  
  120. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|Khula:300,400,700" rel="stylesheet">
  121.  
  122. <!-- STYLESHEET -->
  123. <style type="text/css">
  124.  
  125. /* --- SCROLLBAR ---*/
  126.  
  127. ::-webkit-scrollbar {height:15px;width:15px;}
  128.  
  129. ::-webkit-scrollbar {background-color:{color:Background};}
  130.  
  131. ::-webkit-scrollbar-track {background-color:#dbdbdb;border:7px solid {color:Background};}
  132.  
  133. ::-webkit-scrollbar-thumb {min-height:25px;min-width:25px;background-color:{color:Text};border:7px solid {color:Background};}
  134.  
  135.  
  136. /* --- SELECTION ---*/
  137.  
  138. ::-moz-selection {
  139. color:{color:Content Background};
  140. background:{color:Accent One};
  141. opacity:1;
  142. }
  143.  
  144. ::selection {
  145. color:{color:Content Background};
  146. background:{color:Accent One};
  147. opacity:1;
  148. }
  149.  
  150. /* --- TOOLTIPS ---*/
  151.  
  152. #s-m-t-tooltip {
  153. max-width:200px;
  154. margin:15px;
  155. background-color:{color:Accent Two};
  156. padding:5px 8px;
  157. font-size:10px;
  158. line-height:100%;
  159. word-wrap:break-word;
  160. text-transform:lowercase;
  161. font-style:italic;
  162. word-break:break-all;
  163. color:{color:Content Background};
  164. z-index:8;
  165. }
  166.  
  167. /* --- TUMBLR TOOLS --- */
  168.  
  169. {block:IndexPage}
  170. iframe.tmblr-iframe {
  171. z-index:10!important;
  172. top:14px!important;
  173. right:0!important;
  174. opacity:0;
  175. padding-right:60px;
  176. transform:scale(0.6);
  177. transform-origin:100% 0;
  178. -webkit-transform:scale(0.6);
  179. -webkit-transform-origin:100% 0;
  180. -o-transform:scale(0.6);
  181. -o-transform-origin:100% 0;
  182. -moz-transform:scale(0.6);
  183. -moz-transform-origin:100% 0;
  184. -ms-transform:scale(0.6);
  185. -ms-transform-origin:100% 0;
  186. filter:invert(1);
  187. -webkit-filter:invert(1);
  188. -o-filter:invert(1);
  189. -moz-filter:invert(1);
  190. -ms-filter:invert(1);
  191. transition:.2s ease-in-out;
  192. -webkit-transition:.2s ease-in-out;
  193. -moz-transition:.2s ease-in-out;
  194. }
  195.  
  196. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  197.  
  198. .tcontrols {
  199. position:fixed;
  200. top:23px;
  201. right:20px;
  202. z-index:9;
  203. color:{color:Topbar Links};
  204. font-size:14px;
  205. transition:.2s ease-in-out;
  206. -webkit-transition:.2s ease-in-out;
  207. -moz-transition:.2s ease-in-out;
  208. }
  209.  
  210. {/block:IndexPage}
  211.  
  212.  
  213. {block:PermalinkPage}
  214. iframe.tmblr-iframe {
  215. z-index:10!important;
  216. top:14px!important;
  217. right:0!important;
  218. opacity:0.5;
  219. padding-right:30px;
  220. transform:scale(0.6);
  221. transform-origin:100% 0;
  222. -webkit-transform:scale(0.6);
  223. -webkit-transform-origin:100% 0;
  224. -o-transform:scale(0.6);
  225. -o-transform-origin:100% 0;
  226. -moz-transform:scale(0.6);
  227. -moz-transform-origin:100% 0;
  228. -ms-transform:scale(0.6);
  229. -ms-transform-origin:100% 0;
  230. filter:invert(1);
  231. -webkit-filter:invert(1);
  232. -o-filter:invert(1);
  233. -moz-filter:invert(1);
  234. -ms-filter:invert(1);
  235. }
  236. {/block:PermalinkPage}
  237.  
  238.  
  239. /* --- BODY --- */
  240.  
  241. body {
  242. margin:0px;
  243. padding:0px;
  244. font-family:'Open Sans', sans-serif;
  245. color:{color:Text};
  246. font-size:11px;
  247. font-weight:400;
  248. line-height:150%;
  249. font-weight:normal;
  250. word-wrap:normal;
  251. text-align:left;
  252. background:{color:Background};
  253. }
  254.  
  255. a {
  256. color:{color:Links};
  257. text-decoration:none;
  258. border:0;
  259. }
  260.  
  261. b,strong {font-weight:700;}
  262. i,italic {font-style:italic;}
  263. small {font-size:10px;}
  264. big {font-size:10px;}
  265.  
  266. hr.divider, hr, hr.separator {
  267. display: block;
  268. margin-top: 0.5em;
  269. margin-bottom: 0.5em;
  270. margin-left: auto;
  271. margin-right: auto;
  272. border-style: inset;
  273. border-color:{color:Text};
  274. border-bottom: 1px;
  275. }
  276.  
  277. pre {
  278. white-space: pre-wrap;
  279. white-space: -moz-pre-wrap;
  280. white-space: -pre-wrap;
  281. white-space: -o-pre-wrap;
  282. word-wrap: break-word;
  283. }
  284.  
  285. /* --- TOPBAR ---*/
  286.  
  287. .topbar {
  288. margin:0 auto;
  289. position:fixed;
  290. top:0px;
  291. left:0px;
  292. height:60px;
  293. width:100%;
  294. background:{color:Topbar Background};
  295. font-family: 'Khula', sans-serif;
  296. z-index:3;
  297. }
  298.  
  299. .topbartitle {
  300. position:fixed;
  301. top:24px;
  302. left:20px;
  303. text-transform:uppercase;
  304. font-size:16px;
  305. font-style:italic;
  306. color:{color:Topbar Links};
  307. }
  308.  
  309. .topbartitle b {
  310. color:{color:Accent One};
  311. font-weight:400!important;
  312. }
  313.  
  314. .topbartitle i {
  315. color:{color:Accent Two};
  316. }
  317.  
  318. .topbarlinks {
  319. margin:0 auto;
  320. position:fixed;
  321. top:23px;
  322. width:100%;
  323. text-align:center;
  324. }
  325.  
  326. .topbarlinks a {
  327. color:{color:Topbar Links};
  328. display:inline-block;
  329. text-transform:uppercase;
  330. font-size:10px;
  331. font-style:italic;
  332. text-decoration:none;
  333. padding:0px 8px;
  334. margin:0px 20px;
  335. border-bottom:2px solid {color:Topbar Background};
  336. transition:.2s ease-in-out;
  337. -webkit-transition:.2s ease-in-out;
  338. -moz-transition:.2s ease-in-out;
  339. }
  340.  
  341. .topbarlinks a:nth-child(2n + 1):hover {border-bottom:2px solid {color:Accent One};}
  342. .topbarlinks a:nth-child(2n + 2):hover {border-bottom:2px solid {color:Accent Two};}
  343.  
  344.  
  345. /* --- HEADER ---*/
  346.  
  347. .header {
  348. margin:0 auto;
  349. margin-top:60px;
  350. width:100%;
  351. height:450px;
  352. background-image: url('{image:Header}');
  353. background-position:center top;
  354. background-repeat:no-repeat;
  355. }
  356.  
  357. /* --- CONTAINER --- */
  358.  
  359. .container {
  360. margin:0 auto;
  361. width:1180px;
  362. background:{color:Background};
  363. padding:20px;
  364. }
  365.  
  366. #end {
  367. clear: both;
  368. text-align:center;
  369. }
  370.  
  371. /* --- WELCOME --- */
  372.  
  373. .welcome {
  374. margin:0 auto!important;
  375. width:620px;
  376. padding:20px 145px;
  377. margin:10px 0px;
  378. background:{color:Welcome Background};
  379. text-align:center;
  380. font-style:italic;
  381. }
  382.  
  383. .welcome b {
  384. color:{color:Welcome Text};
  385. font-weight:700;
  386. }
  387.  
  388. .welcome i:nth-child(2n + 1) {color:{color:Accent One};}
  389. .welcome i:nth-child(2n + 2) {color:{color:Accent Two};}
  390.  
  391. /* --- SIDEBAR --- */
  392.  
  393. .sidebar {
  394. float:left;
  395. width:440px;
  396. background:{color:Background};
  397. margin:50px 0px 0px -20px;
  398. font-style:normal;
  399. }
  400.  
  401. .side {
  402. width:400px;
  403. padding:10px;
  404. min-height:75px;
  405. margin-bottom:100px;
  406. background:{color:Content Background};
  407. font-style:italic;
  408. }
  409.  
  410. .sidebartitle {
  411. display:inline-block;
  412. font-family: 'Khula', sans-serif;
  413. text-transform:uppercase;
  414. font-size:14px;
  415. color:#ffffff;
  416. font-style:normal;
  417. padding:6px 10px 4px 10px;
  418. }
  419.  
  420. .side:nth-of-type(2n + 1) .sidebartitle {background:{color:Accent One};}
  421. .side:nth-of-type(2n + 2) .sidebartitle {background:{color:Accent Two};}
  422.  
  423. .sidetitleborder {
  424. height:1px;
  425. margin:-14px 0px 29px 0px;
  426. }
  427.  
  428. .side:nth-of-type(2n + 1) .sidetitleborder {background:{color:Accent One};}
  429. .side:nth-of-type(2n + 2) .sidetitleborder {background:{color:Accent Two};}
  430.  
  431.  
  432. /* --- SIDEBAR EXTRAS --- */
  433.  
  434. .upcoming {
  435. margin-bottom:20px;
  436. }
  437.  
  438. .recent {
  439. margin-bottom:20px;
  440. min-height:145px;
  441. }
  442.  
  443. .recent img {
  444. height:145px;
  445. width:120px;
  446. margin-right:10px;
  447. }
  448.  
  449. /* --- POSTS --- */
  450.  
  451. .posts {
  452. float:right;
  453. width:520px;
  454. padding:5px;
  455. margin:45px 73px 0px 0px;
  456. background:{color:Background};
  457. }
  458.  
  459. .iposts {
  460. width:500px;
  461. padding:10px;
  462. padding-left:10px;
  463. background:{color:Content Background};
  464. }
  465.  
  466. .iposts img {max-width:500px;}
  467.  
  468. .ipostpxu {
  469. margin-left:5px;
  470. width:490px;
  471. }
  472.  
  473. .content {background:red;}
  474.  
  475. .content:nth-of-type(2n + 1) .postdate {background:{color:Accent One};}
  476. .content:nth-of-type(2n + 2) .postdate {background:{color:Accent Two};}
  477.  
  478. .content:nth-of-type(2n + 1) .postborder {background:{color:Accent One};}
  479. .content:nth-of-type(2n + 2) .postborder {background:{color:Accent Two};}
  480.  
  481.  
  482. /* --- POST DATE --- */
  483.  
  484. .poststart {
  485. width:520px;
  486. background:{color:Content Background};
  487. padding-top:29px;
  488. }
  489.  
  490. .postborder {
  491. width:520px;
  492. height:1px;
  493. margin:5px 0px -49px 10px;
  494. }
  495.  
  496. .postdate {
  497. position:relative;
  498. top:14px;
  499. left:520px;
  500. font-family: 'Khula', sans-serif;
  501. text-transform:uppercase;
  502. text-align:center;
  503. display:inline-block;
  504. padding:25px 15px 15px 15px;
  505. }
  506.  
  507. .postdate a {color:{color:Content Background};}
  508.  
  509. .postday {
  510. font-size:26px;
  511. font-weight:300;
  512. }
  513.  
  514. .postmonth {
  515. font-size:9px;
  516. }
  517.  
  518. /* --- POST INFO --- */
  519.  
  520. .postinfo {padding:10px;background:{color:Content Background};min-height:10px;}
  521.  
  522. .postinfo a {
  523. text-transform:uppercase;
  524. text-decoration:none;
  525. font-size:10px;
  526. }
  527.  
  528. /* --- POST CONTROL --- */
  529.  
  530. .postcontrol {
  531. float:right;
  532. margin-top:2px;
  533.  
  534. }
  535.  
  536. .postcontrol i {
  537. color:{color:Text};
  538. height:auto;
  539. padding:1px;
  540. display:block;
  541. overflow:visible;
  542. height:auto;
  543. }
  544.  
  545. .postcontrol a {
  546. position:relative;
  547. display:inline-block;
  548. overflow:hidden;
  549. padding:0px;
  550. }
  551.  
  552. .postcontrol .reblog {
  553. opacity:1;
  554. }
  555.  
  556. .postcontrol .reblog i {
  557. font-size:11px;
  558. }
  559.  
  560. .reblog i {
  561. color:{color:Text};
  562. transition:0.2s ease-in-out;
  563. -webkit-transition:0.2s ease-in-out;
  564. -moz-transition:0.2s ease-in-out;
  565. }
  566.  
  567. .postcontrol .like .liked + i {
  568. color:{color:Text};
  569. opacity:1;
  570. }
  571.  
  572. .like {
  573. position:relative;
  574. top:-1px;
  575. }
  576.  
  577. .like i {
  578. color:{color:Text};
  579. font-size:9px;
  580. transition:0.2s ease-in-out;
  581. -webkit-transition:0.2s ease-in-out;
  582. -moz-transition:0.2s ease-in-out;
  583. }
  584.  
  585. .postcontrol .like .liked + i {
  586. color:{color:Accent One};
  587. }
  588.  
  589. .postcontrol .like .like_button {
  590. position:relative;
  591. }
  592.  
  593. .postcontrol .like .like_button iframe {
  594. position:absolute;
  595. top:0;
  596. left:0;
  597. bottom:0;
  598. right:0;
  599. z-index:2;
  600. opacity:0;
  601. }
  602.  
  603. /* --- POST TAGS --- */
  604.  
  605. .posttags {
  606. background:{color:Content Background};
  607. text-align:center;
  608. font-size:9px;
  609. padding:10px;
  610. margin-bottom:100px;
  611. }
  612.  
  613. .posttags a {
  614. color:{color:Links};
  615. text-transform:lowercase;
  616. font-size:9px!important;
  617. text-decoration:none;
  618. margin-right:3px;
  619. }
  620.  
  621. /* --- POST STYLES --- */
  622.  
  623. h1, h2 {
  624. display:inline-block;
  625. font-size:11px;
  626. color:{color:Text};
  627. display:inline-block;
  628. text-transform:uppercase;
  629. font-style:italic;
  630. font-weight:700;
  631. }
  632.  
  633. blockquote {
  634. padding:10px;
  635. text-decoration:none;
  636. letter-spacing:1px;
  637. border-left:1px solid {color:Text};
  638. }
  639.  
  640. blockquote img {
  641. max-width:100%;
  642. display:block;
  643. margin-bottom:5px;
  644. }
  645.  
  646. .user_1 .label {font-weight: 700;}
  647. .user_2 .label {font-weight: 400;}
  648. .user_3 .label {font-weight: 700;}
  649. .user_4 .label {font-weight: 400;}
  650. .user_5 .label {font-weight: 700;}
  651. .user_6 .label {font-weight: 400;}
  652. .user_7 .label {font-weight: 700;}
  653. .user_8 .label {font-weight: 400;}
  654.  
  655. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  656.  
  657. .chat li {
  658. list-style: none;
  659. margin: 0px;
  660. padding: 2px;
  661. border: none;
  662. }
  663.  
  664. .chat li:first-child {border:none;}
  665.  
  666. /* --- QUESTIONS --- */
  667.  
  668. .question {
  669. margin:0px;
  670. width:500px;
  671. text-align:justify;
  672. line-height:130%;
  673. color:{color:Links};
  674. }
  675.  
  676. .questiontext {
  677. opacity:0.5;
  678. transition:.2s ease-in-out;
  679. -webkit-transition:.2s ease-in-out;
  680. -moz-transition:.2s ease-in-out;
  681. }
  682.  
  683. .questiontext:hover {opacity:1;color:{color:Accent};}
  684.  
  685. .question img {padding:1px 12px 0px 0px;}
  686.  
  687. .question a {color:{color:Text};}
  688.  
  689. /* --- AUDIO --- */
  690.  
  691. .audio { background:{color:Container};}
  692.  
  693. .player {
  694. position:absolute;
  695. margin-top:-69px;
  696. margin-left:35px;
  697. opacity:0.6;
  698. }
  699.  
  700. .audiop, .player {display:inline-block;}
  701.  
  702. .trackname {
  703. margin-left:120px;
  704. margin-top:-75px;
  705. color:{color:Text};
  706. text-transform:uppercase;
  707. }
  708.  
  709. .artist {
  710. margin-left:120px;
  711. margin-top:-5px;
  712. color:{color:Text};
  713. }
  714.  
  715. .albuname {
  716. margin-left:120px;
  717. margin-top:0px;
  718. color:{color:Text};
  719. }
  720.  
  721. .audiop {
  722. position:absolute;
  723. display:block;
  724. margin-top:4px
  725. margin-top:-109px;
  726. }
  727.  
  728. .audioimg img {
  729. margin-top:10px;
  730. height:100px;
  731. width:100px;
  732. }
  733.  
  734. .tumblr_audio_player {
  735. width:30px;
  736. height:27px;
  737. overflow:hidden;
  738. }
  739.  
  740. .soundcloud_audio_player {padding-top:15px;}
  741.  
  742. /* --- LIGHTBOXES ---*/
  743.  
  744. .vignette, #vignette {opacity:0;}
  745.  
  746. .lightbox-image, #tumblr_lightbox img {
  747. box-shadow:none !important;
  748. border-radius:0 !important;
  749. max-width:none;
  750. -moz-box-sizing:border-box;
  751. box-sizing:border-box;
  752. }
  753.  
  754. .tmblr-lightbox, #tumblr_lightbox {
  755. background-color:rgba({select:Lightbox}.90) !important;
  756. }
  757.  
  758. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  759.  
  760. /* --- PAGINATION --- */
  761.  
  762. .pagination {
  763. width:500px;
  764. float:right;
  765. background:{color:Background};
  766. font-size:12px;
  767. font-family: 'Khula', sans-serif;
  768. font-style:italic;
  769. padding:10px;
  770. text-align:center;
  771. color:{color:Text};
  772. }
  773.  
  774. .pagination a {
  775. display:inline-block;
  776. color:{color:Text};
  777. padding:4px 11px 4px 8px;
  778. }
  779.  
  780. .pagination .current {
  781. display:inline-block;
  782. margin:8px;
  783. color:{color:Text};
  784. min-width:15px;
  785. }
  786.  
  787. .current_page {
  788. padding:2px 11px 2px 8px;
  789. border-bottom:1px solid {color:Text};
  790. }
  791.  
  792. .pagination a.jump {
  793. font-size:10px;
  794. line-height:10px;
  795. color:{color:Text};
  796. min-width:15px;
  797. }
  798.  
  799. /* ---PERMALINK NOTES --- */
  800.  
  801. /* width */
  802. #permanote::-webkit-scrollbar {height:5px;width:2px;}
  803.  
  804. /* Track */
  805. #permanote::-webkit-scrollbar-track {border:0px;background:{color:Background};}
  806.  
  807. /* Handle */
  808. #permanote::-webkit-scrollbar-thumb {background:{color:Text};height:5px;width:2px;border:0px;}
  809.  
  810.  
  811. #permanote {
  812. width:480px;
  813. max-height:500px;
  814. margin:-50px 0 20px 16px;
  815. padding:0px 0px 0px 9px;
  816. text-align:center;
  817. overflow-x:hidden;
  818. overflow-y:scroll;
  819. }
  820.  
  821. ol.notes {
  822. display:inline-block;
  823. padding:0px;
  824. margin:15px 0px;
  825. background:transparent;
  826. list-style-type:none;
  827. text-align:center;
  828. border-bottom:0px;
  829. letter-spacing: 1px;
  830. }
  831.  
  832. .notes a {display:inline-block;text-align:center;}
  833.  
  834. ol.notes li.note {padding:0px;float:left;text-align:center;}
  835.  
  836. ol.notes li.note img.avatar {
  837. width:32px;
  838. height:32px;
  839. margin:0px 2px 0px 2px;
  840. }
  841.  
  842. ol.notes li.note span.action {display:none;}
  843.  
  844. ol.notes li.note .answer_content {display:none;}
  845.  
  846. ol.notes li.note blockquote {display:none;}
  847.  
  848. ol.notes li.note blockquote a {display:none;}
  849.  
  850. ol.notes li.note.more_notes_link_container {
  851. display:block;
  852. position:relative;
  853. text-align:center;
  854. display:block;
  855. width:100%;
  856. padding-top:10px;
  857. }
  858.  
  859. /* --- SCROLL TO TOP --- */
  860.  
  861. #scrollToTop {
  862. display:none;
  863. position:fixed;
  864. bottom:15px;
  865. right:10px;
  866. cursor:default;
  867. }
  868.  
  869. #scrollToTop i {
  870. color:{color:Text};
  871. font-size:13px;
  872. display:inline-block;
  873. padding:5px;
  874. transition:.2s ease-in-out;
  875. -webkit-transition:.2s ease-in-out;
  876. -moz-transition:.2s ease-in-out;
  877. -o-transition:.2s ease-in-out;
  878. }
  879.  
  880.  
  881. /* --- FOOTER --- */
  882.  
  883. footer {
  884. margin:0 auto;
  885. width:940px;
  886. margin-top:50px;
  887. padding:20px;
  888. line-height:150%;
  889. text-align:center;
  890. font-family: 'Khula', sans-serif;
  891. font-size:12px!important;
  892. letter-spacing:1px;
  893. text-transform:uppercase;
  894. font-style:italic;
  895. color:{color:Text};
  896. background:{color:Container};
  897. }
  898.  
  899. footer b {font-weight:300;color:{color:Accent One};}
  900.  
  901. footer i {color:{color:Accent Two};font-weight:300;}
  902.  
  903. {CustomCSS}
  904. </style>
  905.  
  906. </head>
  907. <body>
  908.  
  909.  
  910.  
  911.  
  912. <!-- START TOPBAR -->
  913. <div class="topbar">
  914.  
  915. <div class="topbartitle"><b>Middleton</b> & <i>Markle</i></div>
  916.  
  917. <div class="topbarlinks">
  918. <a href="/">Index</a>
  919. <a href="/ask">Message</a>
  920. <a href="/nav">Navigation</a>
  921. <a href="/tagged/royaltyedit">Edits</a>
  922. <a href="/engagements">Engagements</a>
  923. <a href="/icons">Icons</a>
  924. </div>
  925.  
  926. {block:IndexPage}
  927. <div class="tcontrols">
  928. <b>+</b>
  929. </div>
  930. {/block:IndexPage}
  931.  
  932. </div>
  933. <!-- END TOPBAR -->
  934.  
  935.  
  936.  
  937.  
  938.  
  939. <!-- START HEADER -->
  940. <div class="header"></div>
  941. <!-- END HEADER -->
  942.  
  943.  
  944.  
  945.  
  946. <!-- START CONTAINER -->
  947. <div class="container">
  948.  
  949.  
  950.  
  951. <!-- START WELCOME -->
  952. <div class="welcome">
  953.  
  954. Hello, my name is <b>Ash</b> and I spend entirely too much time obsessing over royals. Particularly the <i>Duchess of Cambridge</i> and the soon-to-be Duchess, <i>Meghan Markle</i>. Here I will try to keep up with <b>Kate & Meghan’s</b> current news and events. You will also see lots of other <b>royal families</b> posted here as well. Thanks for stopping by!
  955.  
  956. </div>
  957. <!-- END WELCOME -->
  958.  
  959.  
  960.  
  961.  
  962. <!-- START SIDEBAR -->
  963. <div class="sidebar">
  964.  
  965.  
  966.  
  967.  
  968. <!-- Upcoming Events -->
  969. <div class="side">
  970. <div class="sidebartitle">Upcoming Events</div>
  971. <div class="sidetitleborder"></div>
  972.  
  973. <div class="upcoming">
  974. <b>4/14/2018 ;</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.
  975. </div>
  976.  
  977. <div class="upcoming">
  978. <b>4/14/2018 ;</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.
  979. </div>
  980.  
  981. <div class="upcoming">
  982. <b>4/14/2018 ;</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.
  983. </div>
  984.  
  985.  
  986. </div>
  987.  
  988.  
  989.  
  990.  
  991.  
  992.  
  993.  
  994. <!-- Recent Events -->
  995. <div class="side">
  996. <div class="sidebartitle">Recent Events</div>
  997. <div class="sidetitleborder"></div>
  998.  
  999. <div class="recent">
  1000. <img src="http://placehold.it/120X145" align="left"> <b>Event Name ;</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. View Event
  1001. </div>
  1002.  
  1003. <div class="recent">
  1004. <img src="http://placehold.it/120X145" align="left"> <b>Event Name ;</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. View Event
  1005. </div>
  1006.  
  1007. <div class="recent">
  1008. <img src="http://placehold.it/120X145" align="left"> <b>Event Name ;</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. View Event
  1009. </div>
  1010.  
  1011.  
  1012. </div>
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018. {block:IndexPage}
  1019. <!-- Twitter -->
  1020. <div class="side">
  1021. <div class="sidebartitle">Twitter</div>
  1022. <div class="sidetitleborder"></div>
  1023.  
  1024. <center>
  1025. <a class="twitter-timeline" data-width="430" data-height="350" data-dnt="true" data-link-color="#bac35f" href="https://twitter.com/kensingtonroyal">Tweets by kensingto Rroyal</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  1026. </center>
  1027.  
  1028. </div>
  1029. {/block:IndexPage}
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036. <!-- Blog Info -->
  1037. <div class="side">
  1038. <div class="sidebartitle">Blog Info</div>
  1039. <div class="sidetitleborder"></div>
  1040.  
  1041. <b>About:</b> Catherine, Duchess of Cambridge & Meghan Markle<br>
  1042. <b>Established:</b> March 4th, 2017<br>
  1043. <b>Currently online: </b><br>
  1044. <b>Total visits: </b><br>
  1045. <b>Theme:</b> <a href="http://ethereal-themes.tumblr.com">ethereal</a>
  1046.  
  1047. </div>
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054.  
  1055. <!-- Disclaimer -->
  1056. <div class="side">
  1057. <div class="sidebartitle">Disclaimer</div>
  1058. <div class="sidetitleborder"></div>
  1059.  
  1060. Our site claims no credit for any videos posted on this site unless stated otherwise. information on this blog are copyright to their respectful owners. If there is any content appearing on this blog that belongs to you and do not wish for it appear on this site, please message us with a link to say which post and it will be promptly removed.
  1061.  
  1062. </div>
  1063.  
  1064.  
  1065.  
  1066.  
  1067. </div>
  1068. <!-- END SIDEBAR -->
  1069.  
  1070.  
  1071.  
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078. <!-- START POSTS -->
  1079. <div class="posts">
  1080.  
  1081. {block:Posts}
  1082.  
  1083. <div class="content"><!-- CONTAINER FOR NOTES COLOR -->
  1084.  
  1085.  
  1086. <!-- START POST INFO -->
  1087. <div class="poststart">
  1088.  
  1089. <div class="postborder"></div>
  1090.  
  1091. {block:Date}
  1092. <div class="postdate">
  1093. <div class="postday"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix}</a></div>
  1094. <div class="postmonth"><a href="{Permalink}">{Month} {Year}</a></div>
  1095. </div>
  1096. {/block:Date}
  1097.  
  1098. </div>
  1099. <!-- END POST INFO -->
  1100.  
  1101.  
  1102.  
  1103.  
  1104. <!-- POST STYLES START -->
  1105. <div class="iposts" id="{PostID}">
  1106.  
  1107. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1108.  
  1109. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1110. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1111.  
  1112. {block:Quote}<h1>“{Quote}”</h1> -{Source}</b>{/block:Quote}
  1113.  
  1114. {block:Photo}<center><div class="oddhour-high-res">
  1115. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1116. </div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1117.  
  1118. {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>
  1119. {block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  1120.  
  1121. {block:Chat}
  1122. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1123. {/block:Chat}
  1124.  
  1125. {block:Audio}
  1126. <div class="audio">
  1127.  
  1128. {block:AlbumArt}
  1129. <div class="audioimg">
  1130. <img src="{AlbumArtURL}" />
  1131. </div>
  1132. {block:AlbumArt}
  1133.  
  1134. {block:AudioPlayer}
  1135. <div class="player">
  1136. {AudioPlayerBlack}
  1137. </div>
  1138. {/block:AudioPlayer}
  1139.  
  1140. <div class="audiop">
  1141. {block:TrackName}
  1142. <div class="trackname">
  1143. {TrackName}
  1144. </div>
  1145. {/block:TrackName}
  1146. {block:Artist}
  1147. <div class="artist">
  1148. by {Artist}
  1149. </div>
  1150. {/block:Artist}
  1151. </div>
  1152. {block:Caption}{Caption}{/block:Caption}
  1153. </div>
  1154. {/block:Audio}
  1155.  
  1156.  
  1157. {block:Video}<center>{Video-500}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  1158.  
  1159. {block:Answer}
  1160. <div class="question">
  1161. <img src="{AskerPortraitURL-48}" align="left" />{Asker} asked<br>
  1162. <div class="questiontext">{Question}</div>
  1163. </div>
  1164. {Answer}{/block:Answer}
  1165.  
  1166. </div>
  1167. <!-- POST STYLES END -->
  1168.  
  1169.  
  1170.  
  1171.  
  1172. <!-- POST INFO START -->
  1173.  
  1174. <div class="postinfo">
  1175.  
  1176. {block:NoteCount}<b><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCountWithLabel}</a></b>{/block:NoteCount} {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource}<a title="{ReblogRootName}" href="{SourceURL}"> / src</a>{/block:ContentSource}{/block:RebloggedFrom}
  1177.  
  1178. {block:IndexPage}
  1179. <div class="postcontrol">
  1180. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fa fa-retweet"></i></a>
  1181. <a href="#" class="like">{LikeButton}<i class="fa fa-heart"></i></a>
  1182. </div>
  1183. {/block:IndexPage}
  1184.  
  1185. </div>
  1186. <!-- POST INFO END -->
  1187.  
  1188.  
  1189.  
  1190.  
  1191. <!-- POST END START -->
  1192. <div class="posttags">
  1193. {block:HasTags}{block:Tags}
  1194. #<a href="{TagURL}">{Tag}</a>&nbsp;
  1195. {/block:Tags}{/block:HasTags}
  1196. </div>
  1197. <!-- POST END END -->
  1198.  
  1199.  
  1200.  
  1201.  
  1202. </div><!-- CONTAINER FOR NOTES COLOR -->
  1203.  
  1204.  
  1205.  
  1206.  
  1207. <!-- PERMALINK NOTES -->
  1208. {block:PostNotes}
  1209. <div id="permanote"><center>{PostNotes-64}</center></div>
  1210. {/block:PostNotes}
  1211. {/block:Posts}
  1212.  
  1213.  
  1214.  
  1215.  
  1216. <!-- START PAGINATION -->
  1217. {block:IndexPage}
  1218. {block:Pagination}
  1219. <div class="pagination">
  1220. {block:PreviousPage}
  1221. <a href="{PreviousPage}"><</a>
  1222. {/block:PreviousPage}
  1223.  
  1224. {block:JumpPagination length="10"}
  1225. {block:CurrentPage}
  1226. <span class="current_page">{PageNumber}</span>
  1227. {/block:CurrentPage}
  1228.  
  1229. {block:JumpPage}
  1230. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1231. {/block:JumpPage}
  1232. {/block:JumpPagination}
  1233.  
  1234. {block:NextPage}
  1235. <a class="next" href="{NextPage}">></a>
  1236. {/block:NextPage}
  1237. </div>
  1238.  
  1239. {/block:Pagination}
  1240. {/block:IndexPage}
  1241. <!-- END PAGINATION -->
  1242.  
  1243.  
  1244.  
  1245. </div><!-- END POSTS -->
  1246. <div id="end"></div>
  1247.  
  1248. <!-- START FOOTER -->
  1249. <footer>
  1250. Copyright <b>Middleton</b>&<i>Markle</i> 2018
  1251. </footer>
  1252. <!-- END FOOTER -->
  1253.  
  1254.  
  1255.  
  1256. </div></div>
  1257. <!-- END CONTAINER -->
  1258.  
  1259.  
  1260.  
  1261.  
  1262. <!-- ADDITIONAL SCRIPTS -->
  1263.  
  1264. {block:IndexPage}
  1265. <script>
  1266. $(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")}})});
  1267. </script>
  1268.  
  1269. <a href="javascript:;" id="scrollToTop" rel="nofollow"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
  1270. {/block:IndexPage}
  1271.  
  1272. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1273. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1274. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1275.  
  1276. <script>
  1277. $(document).ready(function(){
  1278. $('.photo-slideshow').pxuPhotoset({
  1279. lightbox: true,
  1280. rounded: false,
  1281. gutter: '1px',
  1282. borderRadius: '0px',
  1283. photoset: '.photo-slideshow',
  1284. photoWrap: '.photo-data',
  1285. photo: '.pxu-photo'
  1286. });
  1287. });
  1288. </script>
  1289.  
  1290. </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!