API tools faq
paste
cvndythemes

adoringcaitrionabalfe_theme

cvndythemes
May 19th, 2018
285
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.10 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. adoringcaitrionabalfe.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. <!-- COLORS -->
  43. <meta name="color:Background" content="#ffffff" />
  44. <meta name="color:Text" content="#000000" />
  45. <meta name="color:Links" content="#2c2c2c" />
  46.  
  47. <meta name="color:Accent One" content="#ffb0c8" />
  48. <meta name="color:Accent Two" content="#949494" />
  49.  
  50. <meta name="color:Topbar Background" content="#ffffff" />
  51. <meta name="color:Topbar Links" content="#000000" />
  52.  
  53. <meta name="color:Container" content="#ffffff" />
  54.  
  55. <meta name="color:Welcome Background" content="#ffffff" />
  56. <meta name="color:Welcome Links" content="#000000" />
  57.  
  58. <meta name="color:Sidebar Background" content="#ffffff" />
  59. <meta name="color:Sidebar Text" content="#000000" />
  60.  
  61. <meta name="color:Posts Background" content="#ffffff" />
  62.  
  63.  
  64.  
  65.  
  66. <!-- IMAGES -->
  67. <meta name="image:Header" content="https://static.tumblr.com/zvesamf/FPOp8x65h/adoringcaitrionabalfe_header.jpg"/>
  68.  
  69.  
  70.  
  71.  
  72. <!-- SELECT -->
  73. <meta name="select:Lightbox" content="0,0,0," title="Black">
  74. <meta name="select:Lightbox" content="255,255,255," title="White">
  75.  
  76.  
  77.  
  78.  
  79. <!-- SCRIPTS -->
  80.  
  81. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
  82.  
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84.  
  85. <script src="http://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  86.  
  87. <script>
  88. (function($){
  89. $(document).ready(function(){
  90. $("[title]").style_my_tooltips({
  91. tip_delay_time:200,
  92. tip_fade_speed:300,
  93. tip_follows_cursor:true
  94. }
  95. );
  96. });
  97. })(jQuery);
  98. </script>
  99.  
  100. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  101.  
  102. <script>
  103. $container.infinitescroll({
  104. itemSelector: '.posts',
  105. navSelector: '.pagination',
  106. nextSelector: '.pagination a',
  107. loadingImg: '',
  108. loadingText: '<em></em>',
  109. bufferPx: 2000
  110. },
  111. function( newElements ) {
  112. var $newElems = $(newElements);
  113. var $newElemsIDs = $newElems.map(function(){
  114. return this.id;
  115. }).get();
  116. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  117. });
  118. </script>
  119.  
  120. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  121.  
  122. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet">
  123.  
  124. <!-- STYLESHEET -->
  125. <style type="text/css">
  126.  
  127. /* --- SCROLLBAR ---*/
  128.  
  129. ::-webkit-scrollbar {height:15px;width:15px;background-color:{color:Background};}
  130.  
  131.  
  132. ::-webkit-scrollbar-track {background-color:#dbdbdb;border:7px solid {color:Background};}
  133.  
  134. ::-webkit-scrollbar-thumb {min-height:25px;min-width:25px;background-color:{color:Accent One};border:7px solid {color:Background};}
  135.  
  136.  
  137. /* --- SELECTION ---*/
  138.  
  139. ::-moz-selection {
  140. color:{color:Background};
  141. background:{color:Accent Two};
  142. opacity:1;
  143. }
  144.  
  145. ::selection {
  146. color:{color:Background};
  147. background:{color:Accent Two};
  148. opacity:1;
  149. }
  150.  
  151. /* --- TOOLTIPS ---*/
  152.  
  153. #s-m-t-tooltip {
  154. max-width:200px;
  155. margin:15px;
  156. background-color:{color:Accent One};
  157. padding:5px 8px;
  158. font-size:10px;
  159. line-height:100%;
  160. word-wrap:break-word;
  161. text-transform:lowercase;
  162. font-style:italic;
  163. word-break:break-all;
  164. color:{color:Background};
  165. z-index:8;
  166. }
  167.  
  168. /* --- TUMBLR TOOLS --- */
  169.  
  170. {block:IndexPage}
  171. iframe.tmblr-iframe {
  172. z-index:999999!important;
  173. top:15px!important;
  174. right:0!important;
  175. opacity:0;
  176. padding-right:60px;
  177. transform:scale(0.6);
  178. transform-origin:100% 0;
  179. -webkit-transform:scale(0.6);
  180. -webkit-transform-origin:100% 0;
  181. -o-transform:scale(0.6);
  182. -o-transform-origin:100% 0;
  183. -moz-transform:scale(0.6);
  184. -moz-transform-origin:100% 0;
  185. -ms-transform:scale(0.6);
  186. -ms-transform-origin:100% 0;
  187. filter:invert(1);
  188. -webkit-filter:invert(1);
  189. -o-filter:invert(1);
  190. -moz-filter:invert(1);
  191. -ms-filter:invert(1);
  192. transition:.2s ease-in-out;
  193. -webkit-transition:.2s ease-in-out;
  194. -moz-transition:.2s ease-in-out;
  195. }
  196.  
  197. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  198.  
  199. .tcontrols {
  200. position:fixed;
  201. top:24px;
  202. right:20px;
  203. z-index:9;
  204. font-weight:700;
  205. color:{color:Topbar Links};
  206. font-size:14px;
  207. transition:.2s ease-in-out;
  208. -webkit-transition:.2s ease-in-out;
  209. -moz-transition:.2s ease-in-out;
  210. }
  211.  
  212.  
  213. {/block:IndexPage}
  214.  
  215.  
  216. {block:PermalinkPage}
  217. iframe.tmblr-iframe {
  218. z-index:999999!important;
  219. top:15px!important;
  220. right:0!important;
  221. opacity:0.5;
  222. padding-right:30px;
  223. transform:scale(0.6);
  224. transform-origin:100% 0;
  225. -webkit-transform:scale(0.6);
  226. -webkit-transform-origin:100% 0;
  227. -o-transform:scale(0.6);
  228. -o-transform-origin:100% 0;
  229. -moz-transform:scale(0.6);
  230. -moz-transform-origin:100% 0;
  231. -ms-transform:scale(0.6);
  232. -ms-transform-origin:100% 0;
  233. filter:invert(1);
  234. -webkit-filter:invert(1);
  235. -o-filter:invert(1);
  236. -moz-filter:invert(1);
  237. -ms-filter:invert(1);
  238. }
  239. {/block:PermalinkPage}
  240.  
  241. /* --- BODY --- */
  242.  
  243. body {
  244. margin:0px;
  245. padding:0px;
  246. font-family:'Roboto', sans-serif;
  247. color:{color:Text};
  248. font-size:11px;
  249. font-weight:400;
  250. line-height:150%;
  251. font-weight:normal;
  252. word-wrap:normal;
  253. text-align:left;
  254. background:{color:Background};
  255. }
  256.  
  257. a {
  258. color:{color:Links};
  259. text-decoration:none;
  260. border:0;
  261. }
  262.  
  263. b,strong {font-weight:700;}
  264. i,italic {font-style:italic;}
  265. small {font-size:10px;}
  266. big {font-size:10px;}
  267.  
  268. hr.divider, hr, hr.separator {
  269. display: block;
  270. margin-top: 0.5em;
  271. margin-bottom: 0.5em;
  272. margin-left: auto;
  273. margin-right: auto;
  274. border-style: inset;
  275. border-color:{color:Text};
  276. border-bottom: 1px;
  277. }
  278.  
  279. pre {
  280. white-space: pre-wrap;
  281. white-space: -moz-pre-wrap;
  282. white-space: -pre-wrap;
  283. white-space: -o-pre-wrap;
  284. word-wrap: break-word;
  285. }
  286.  
  287. /* --- TOPBAR --- */
  288.  
  289. {block:IndexPage}
  290.  
  291. #topbar {
  292. position:fixed;
  293. margin:0 auto;
  294. top:0;
  295. left:0;
  296. width:100%;
  297. height:200px;
  298. text-align:center;
  299. background:{color:Topbar Background};
  300. z-index:8;
  301. -webkit-transition: height .5s, line-height .5s;
  302. transition: height .5s, line-height .5s;
  303. }
  304.  
  305. .topbartitle {
  306. font-size:22px;
  307. font-weight:700;
  308. padding:60px 0px 20px 0px;
  309. color:{color:Topbar Links};
  310. display: inline-block;
  311. -webkit-transition: all .5s;
  312. transition: all .5s;
  313. }
  314.  
  315. .topbartitle b {color:{color:Accent One};}
  316.  
  317. .topbarborder {
  318. margin:0 auto;
  319. height:2px;
  320. width:100px;
  321. margin-top:20px;
  322. background:{color:Topbar Links};
  323. transition:0.1s ease-in-out;
  324. -webkit-transition:0.1s ease-in-out;
  325. -moz-transition:0.1s ease-in-out;
  326. }
  327.  
  328. .topbarlinks {padding-top:25px;}
  329.  
  330. .topbarlinks a {
  331. color:{color:Topbar Links};
  332. font-size:10px;
  333. font-weight:700;
  334. text-transform:uppercase;
  335. margin:0px 15px;
  336. padding-bottom:2px;
  337. border-bottom:1px solid {color:Topbar Background};
  338. transition:0.2s ease-in-out;
  339. -webkit-transition:0.2s ease-in-out;
  340. -moz-transition:0.2s ease-in-out;
  341. }
  342.  
  343. .topbarlinks a:hover {border-bottom:1px solid {color:Topbar Links};}
  344.  
  345. .scrolled-nav {
  346. height:62px!important;
  347. }
  348.  
  349. .scrolled-nav .topbartitle {font-size:16px;padding:0px 0px 20px 0px;}
  350.  
  351. .scrolled-nav .topbarborder {height:0px;width:0px;margin-top:0px;}
  352.  
  353. .scrolled-nav .topbarlinks {padding-top:2px;}
  354.  
  355. .scrolled-nav .topbarlinks a {font-size:9px;}
  356.  
  357. {/block:IndexPage}
  358.  
  359. {block:PermalinkPage}
  360.  
  361. #topbar {
  362. position:fixed;
  363. margin:0 auto;
  364. top:0;
  365. left:0;
  366. width:100%;
  367. height:62px;
  368. text-align:center;
  369. background:{color:Topbar Background};
  370. z-index:8;
  371. }
  372.  
  373. .topbartitle {
  374. font-size:16px;
  375. font-weight:700;
  376. padding:0px 0px 20px 0px;
  377. color:{color:Topbar Links};
  378. display: inline-block;
  379. -webkit-transition: all .5s;
  380. transition: all .5s;
  381. }
  382.  
  383. .topbartitle b {color:{color:Accent One};}
  384.  
  385. .topbarborder {height:0px;width:0px;margin-top:0px;}
  386.  
  387. .topbarlinks {padding-top:2px;}
  388.  
  389. .topbarlinks a {
  390. color:{color:Topbar Links};
  391. font-size:9px;
  392. font-weight:700;
  393. text-transform:uppercase;
  394. margin:0px 15px;
  395. padding-bottom:2px;
  396. border-bottom:1px solid {color:Topbar Background};
  397. transition:0.2s ease-in-out;
  398. -webkit-transition:0.2s ease-in-out;
  399. -moz-transition:0.2s ease-in-out;
  400. }
  401.  
  402. .topbarlinks a:hover {border-bottom:1px solid {color:Topbar Links};}
  403.  
  404. {/block:PermalinkPage}
  405.  
  406.  
  407. /* --- HEADER ---*/
  408.  
  409. .header {
  410. margin:0 auto;
  411.  
  412. {block:IndexPage}
  413. margin-top:200px;
  414. {/block:IndexPage}
  415.  
  416. {block:PermalinkPage}
  417. margin-top:62px;
  418. {/block:PermalinkPage}
  419.  
  420. width:1300px;
  421. height:500px;
  422. background-image: url('{image:Header}');
  423. background-position:center top;
  424. background-repeat:no-repeat;
  425. }
  426.  
  427. /* --- CONTAINER --- */
  428.  
  429. .container {
  430. margin:0 auto;
  431. width:1000px;
  432. background:{color:Container};
  433. padding:20px;
  434. }
  435.  
  436. #end {
  437. clear: both;
  438. text-align:center;
  439. }
  440.  
  441. /* --- WELCOME --- */
  442.  
  443. .welcome {
  444. margin:0 auto;
  445. width:600px;
  446. padding:30px 100px 15px 100px;
  447. background:{color:Welcome Background};
  448. font-size:11px;
  449. font-weight:700;
  450. line-height:200%;
  451. font-style:italic;
  452. text-align:center;
  453. color:{color:Welcome Text};
  454. }
  455.  
  456. .welcome b {
  457. display:inline-block;
  458. padding:0px 4px;
  459. background:{color:Accent One};
  460. color:{color:Welcome Background};
  461. }
  462.  
  463. .welcome i:nth-child(2n + 1) {color:{color:Accent Two};}
  464. .welcome i:nth-child(2n + 2) {color:{color:Accent One};}
  465.  
  466. /* --- SIDEBAR --- */
  467.  
  468. .sidebar {
  469. float:left;
  470. width:380px;
  471. background:{color:Container};
  472. {block:IndexPage}
  473. margin:50px 0px 0px 10px;
  474. {/block:IndexPage}
  475.  
  476. {block:PermalinkPage}
  477. margin:20px 0px 0px 20px;
  478. {/block:PermalinkPage}
  479.  
  480. font-style:normal;
  481. }
  482.  
  483. .side {
  484. width:360px;
  485. padding:10px;
  486. min-height:75px;
  487. margin-bottom:100px;
  488. background:{color:Sidebar Background};
  489. font-style:italic;
  490. }
  491.  
  492. .sidebartitles {
  493. text-align:left;
  494. font-weight:700;
  495. color:{color:Sidebar Text};
  496. font-size:12px;
  497. text-transform:lowercase;
  498. padding:15px 0px;
  499. }
  500.  
  501. /* --- SIDEBAR EXTRAS --- */
  502.  
  503. .links a {
  504. display:block;
  505. text-transform:lowercase;
  506. margin:5px 0px;
  507. transition:0.1s ease-in-out;
  508. -webkit-transition:0.1s ease-in-out;
  509. -moz-transition:0.1s ease-in-out;}
  510.  
  511. .links a:hover {transform:scale(1.2);}
  512.  
  513. a.linksleft:link, a.linksleft:visited {text-align:center;font-weight:700;}
  514.  
  515. a.linksright:link, a.linksright:visited {text-align:center;font-weight:700;}
  516.  
  517. .social {text-align:center;}
  518.  
  519. .social a {
  520. display:inline-block;
  521. border-radius:50%;
  522. font-size:16px;
  523. background:{color:Accent One};
  524. color:{color:Sidebar Background};
  525. margin:0px 10px;
  526. transition:0.1s ease-in-out;
  527. -webkit-transition:0.1s ease-in-out;
  528. -moz-transition:0.1s ease-in-out;
  529. }
  530.  
  531. .social a:hover {transform:scale(1.2);}
  532.  
  533. a.socialinsta:link, a.socialinsta:visited {padding:10px 11px;}
  534.  
  535. a.socialtwitter:link, a.socialtwitter:visited {padding:10px 10px 10px 11px;}
  536.  
  537. a.socialimdb:link, a.socialimdb:visited {padding:10px 11px;}
  538.  
  539. .projects {margin-bottom:40px;text-align:center;}
  540.  
  541.  
  542. .projects img {width:360px;height:160px;}
  543.  
  544. .projects b {color:{color:Accent One};font-weight:700;text-transform:uppercase;}
  545.  
  546. .projects i {font-weight:700;}
  547.  
  548. .affiliates {text-align:center;}
  549.  
  550. .affiliates img {
  551. height:66px;
  552. width:66px;
  553. margin:0px 1px!important;
  554. transition:0.1s ease-in-out;
  555. -webkit-transition:0.1s ease-in-out;
  556. -moz-transition:0.1s ease-in-out;
  557. }
  558.  
  559. .affiliates img:hover {transform:scale(1.1);}
  560.  
  561. .about {text-align:left;}
  562.  
  563. /* --- POSTS --- */
  564.  
  565. .posts {
  566. float:right;
  567. width:520px;
  568. padding:5px;
  569.  
  570. {block:IndexPage}
  571. margin:50px 10px 0px 0px;
  572. {/block:IndexPage}
  573.  
  574. {block:PermalinkPage}
  575. margin:20px 0px 0px 20px;
  576. {/block:PermalinkPage}
  577. background:{color:Container};
  578. }
  579.  
  580. .iposts {
  581. width:500px;
  582. padding:10px;
  583. padding-left:10px;
  584. background:{color:Posts Background};
  585. }
  586.  
  587. .iposts img {max-width:500px;}
  588.  
  589. .ipostpxu {
  590. margin-left:5px;
  591. width:490px;
  592. }
  593.  
  594. /* --- POST INFO --- */
  595.  
  596. .postinfo {
  597. width:500px;
  598. background:{color:Posts Background};
  599. padding:10px;
  600. font-style:italic;
  601. }
  602.  
  603. .postnotes {
  604. background:{color:Accent One};
  605. text-align:center;
  606. display:inline-block;
  607. padding:5px 10px;
  608. font-weight:700;
  609. font-size:11px;
  610. }
  611.  
  612. .postnotes a {color:{color:Posts Background};}
  613.  
  614. .postdate {
  615. text-transform:uppercase;
  616. text-align:center;
  617. display:inline-block;
  618. padding:5px 10px 5px 5px;
  619. }
  620.  
  621. .postdate a {color:{color:Text};font-weight:700;font-size:11px;}
  622.  
  623. /* --- POST CONTROL --- */
  624.  
  625. .postcontrol {
  626. float:right;
  627. margin-top:5px;
  628. }
  629.  
  630. .postcontrol i {
  631. color:{color:Text};
  632. height:auto;
  633. padding:1px;
  634. display:block;
  635. overflow:visible;
  636. height:auto;
  637. }
  638.  
  639. .postcontrol a {
  640. position:relative;
  641. display:inline-block;
  642. overflow:hidden;
  643. padding:0px;
  644. }
  645.  
  646. .postcontrol .reblog {
  647. opacity:1;
  648. }
  649.  
  650. .postcontrol .reblog i {
  651. font-size:11px;
  652. }
  653.  
  654. .reblog i {
  655. color:{color:Text};
  656. transition:0.2s ease-in-out;
  657. -webkit-transition:0.2s ease-in-out;
  658. -moz-transition:0.2s ease-in-out;
  659. }
  660.  
  661. .postcontrol .like .liked + i {
  662. color:{color:Text};
  663. opacity:1;
  664. }
  665.  
  666. .like {
  667. position:relative;
  668. top:-1px;
  669. }
  670.  
  671. .like i {
  672. color:{color:Text};
  673. font-size:9px;
  674. transition:0.2s ease-in-out;
  675. -webkit-transition:0.2s ease-in-out;
  676. -moz-transition:0.2s ease-in-out;
  677. }
  678.  
  679. .postcontrol .like .liked + i {
  680. color:{color:Accent One};
  681. }
  682.  
  683. .postcontrol .like .like_button {
  684. position:relative;
  685. }
  686.  
  687. .postcontrol .like .like_button iframe {
  688. position:absolute;
  689. top:0;
  690. left:0;
  691. bottom:0;
  692. right:0;
  693. z-index:2;
  694. opacity:0;
  695. }
  696.  
  697. /* --- POST END --- */
  698.  
  699. .postend {
  700. font-style:italic;
  701. padding:10px 10px 5px 10px;
  702. text-align:right;
  703. background:{color:Posts Background};
  704. }
  705.  
  706. .postend a {font-weight:700;}
  707.  
  708. .posttags {
  709. background:{color:Posts Background};
  710. color:{color:Accent Two};
  711. text-align:center;
  712. font-size:9px;
  713. padding:10px;
  714. margin-bottom:100px;
  715. }
  716.  
  717. .posttags a {
  718. color:{color:Accent Two};
  719. text-transform:lowercase;
  720. font-size:9px!important;
  721. text-decoration:none;
  722. margin-right:3px;
  723. }
  724.  
  725. /* --- POST STYLES --- */
  726.  
  727. h1, h2 {
  728. display:inline-block;
  729. font-size:11px;
  730. color:{color:Text};
  731. display:inline-block;
  732. text-transform:uppercase;
  733. font-style:italic;
  734. font-weight:700;
  735. }
  736.  
  737. blockquote {
  738. padding:10px;
  739. text-decoration:none;
  740. border-left:1px solid {color:Text};
  741. }
  742.  
  743. blockquote img {
  744. max-width:100%;
  745. display:block;
  746. margin-bottom:5px;
  747. }
  748.  
  749. .user_1 .label {font-weight: 700;}
  750. .user_2 .label {font-weight: 400;}
  751. .user_3 .label {font-weight: 700;}
  752. .user_4 .label {font-weight: 400;}
  753. .user_5 .label {font-weight: 700;}
  754. .user_6 .label {font-weight: 400;}
  755. .user_7 .label {font-weight: 700;}
  756. .user_8 .label {font-weight: 400;}
  757.  
  758. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  759.  
  760. .chat li {
  761. list-style: none;
  762. margin: 0px;
  763. padding: 2px;
  764. border: none;
  765. }
  766.  
  767. .chat li:first-child {border:none;}
  768.  
  769. /* --- QUESTIONS --- */
  770.  
  771. .question {
  772. margin:0px;
  773. width:500px;
  774. text-align:justify;
  775. line-height:130%;
  776. color:{color:Links};
  777. }
  778.  
  779. .questiontext {
  780. opacity:0.5;
  781. transition:.2s ease-in-out;
  782. -webkit-transition:.2s ease-in-out;
  783. -moz-transition:.2s ease-in-out;
  784. }
  785.  
  786. .questiontext:hover {opacity:1;color:{color:Accent};}
  787.  
  788. .question img {padding:1px 12px 0px 0px;}
  789.  
  790. .question a {color:{color:Text};}
  791.  
  792. /* --- AUDIO --- */
  793.  
  794. .audio { background:{color:Container};}
  795.  
  796. .player {
  797. position:absolute;
  798. margin-top:-69px;
  799. margin-left:35px;
  800. opacity:0.6;
  801. }
  802.  
  803. .audiop, .player {display:inline-block;}
  804.  
  805. .trackname {
  806. margin-left:120px;
  807. margin-top:-75px;
  808. color:{color:Text};
  809. text-transform:uppercase;
  810. }
  811.  
  812. .artist {
  813. margin-left:120px;
  814. margin-top:-5px;
  815. color:{color:Text};
  816. }
  817.  
  818. .albuname {
  819. margin-left:120px;
  820. margin-top:0px;
  821. color:{color:Text};
  822. }
  823.  
  824. .audiop {
  825. position:absolute;
  826. display:block;
  827. margin-top:4px
  828. margin-top:-109px;
  829. }
  830.  
  831. .audioimg img {
  832. margin-top:10px;
  833. height:100px;
  834. width:100px;
  835. }
  836.  
  837. .tumblr_audio_player {
  838. width:30px;
  839. height:27px;
  840. overflow:hidden;
  841. }
  842.  
  843. .soundcloud_audio_player {padding-top:15px;}
  844.  
  845. /* --- LIGHTBOXES ---*/
  846.  
  847. .vignette, #vignette {opacity:0;}
  848.  
  849. .lightbox-image, #tumblr_lightbox img {
  850. box-shadow:none !important;
  851. border-radius:0 !important;
  852. max-width:none;
  853. -moz-box-sizing:border-box;
  854. box-sizing:border-box;
  855. }
  856.  
  857. .tmblr-lightbox, #tumblr_lightbox {
  858. background-color:rgba({select:Lightbox}.90) !important;
  859. }
  860.  
  861. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  862.  
  863. /* --- PAGINATION --- */
  864.  
  865. .pagination {
  866. width:500px;
  867. float:right;
  868. background:{color:Container};
  869. margin:20px 0px;
  870. font-size:12px;
  871. font-style:italic;
  872. padding:10px;
  873. font-weight:400;
  874. text-align:center;
  875. color:{color:Accent Two};
  876. }
  877.  
  878. .pagination a {
  879. display:inline-block;
  880. color:{color:Accent Two};
  881. padding:4px 11px 4px 8px;
  882. }
  883.  
  884. .pagination .current {
  885. display:inline-block;
  886. margin:8px;
  887. color:{color:Text};
  888. min-width:15px;
  889. }
  890.  
  891. .current_page {
  892. padding:2px 11px 2px 8px;
  893. font-weight:700;
  894. }
  895.  
  896. .pagination a.jump {
  897. font-size:10px;
  898. line-height:10px;
  899. color:{color:Text};
  900. min-width:15px;
  901. }
  902.  
  903. /* ---PERMALINK NOTES --- */
  904.  
  905. #permanote::-webkit-scrollbar {height:5px;width:2px;}
  906.  
  907. #permanote::-webkit-scrollbar-track {border:0px;background:{color:Background};}
  908.  
  909. #permanote::-webkit-scrollbar-thumb {background:{color:Text};height:5px;width:2px;border:0px;}
  910.  
  911.  
  912. #permanote {
  913. width:480px;
  914. max-height:500px;
  915. margin:-50px 0 20px 16px;
  916. padding:0px 0px 0px 9px;
  917. text-align:center;
  918. overflow-x:hidden;
  919. overflow-y:scroll;
  920. }
  921.  
  922. ol.notes {
  923. display:inline-block;
  924. padding:0px;
  925. margin:15px 0px;
  926. background:transparent;
  927. list-style-type:none;
  928. text-align:center;
  929. border-bottom:0px;
  930. }
  931.  
  932. .notes a {display:inline-block;text-align:center;}
  933.  
  934. ol.notes li.note {padding:0px;float:left;text-align:center;}
  935.  
  936. ol.notes li.note img.avatar {
  937. width:32px;
  938. height:32px;
  939. margin:0px 2px 0px 2px;
  940. }
  941.  
  942. ol.notes li.note span.action {display:none;}
  943.  
  944. ol.notes li.note .answer_content {display:none;}
  945.  
  946. ol.notes li.note blockquote {display:none;}
  947.  
  948. ol.notes li.note blockquote a {display:none;}
  949.  
  950. ol.notes li.note.more_notes_link_container {
  951. display:block;
  952. position:relative;
  953. text-align:center;
  954. display:block;
  955. width:100%;
  956. padding-top:10px;
  957. }
  958.  
  959. /* --- SCROLL TO TOP --- */
  960.  
  961. #scrollToTop {
  962. display:none;
  963. position:fixed;
  964. bottom:15px;
  965. right:10px;
  966. cursor:default;
  967. }
  968.  
  969. #scrollToTop i {
  970. color:{color:Text};
  971. font-size:10px;
  972. display:inline-block;
  973. padding:5px;
  974. transition:.2s ease-in-out;
  975. -webkit-transition:.2s ease-in-out;
  976. -moz-transition:.2s ease-in-out;
  977. -o-transition:.2s ease-in-out;
  978. }
  979.  
  980. /* --- FOOTER --- */
  981.  
  982. footer {
  983. margin:0 auto;
  984. width:900px;
  985. margin-top:50px;
  986. padding:20px;
  987. line-height:150%;
  988. text-align:center;
  989. font-size:11px!important;
  990. text-transform:lowercase;
  991. font-style:normal;
  992. color:{color:Text};
  993. background:{color:Container};
  994. }
  995.  
  996. .footertitle {font-size:12px!important;font-weight:700;color:{color:Text};}
  997.  
  998. .footertitle b {font-weight:700;color:{color:Accent One};}
  999.  
  1000. footer i {font-style:italic;color:{color:Text};font-weight:700;}
  1001.  
  1002. {CustomCSS}
  1003. </style>
  1004.  
  1005. </head>
  1006. <body>
  1007.  
  1008.  
  1009.  
  1010.  
  1011. <!-- START TOPBAR -->
  1012. <nav id="topbar" class="nav">
  1013.  
  1014. <h1 class="topbartitle">adoring<b>caitriona</b>balfe</div>
  1015.  
  1016. <div class="topbarborder"></div>
  1017.  
  1018. <div class="topbarlinks">
  1019. <a href="/">home</a>
  1020. <a href="/ask">contact</a>
  1021. <a href="/website">website</a>
  1022. <a href="/cait">caitriona balfe</a>
  1023. <a href="/explore">explore</a>
  1024. <a href="/submit">apply</a>
  1025. </div>
  1026.  
  1027. {block:IndexPage}
  1028. <div class="tcontrols">+</div>
  1029. {/block:IndexPage}
  1030.  
  1031.  
  1032. </nav>
  1033. <!-- END TOPBAR -->
  1034.  
  1035.  
  1036.  
  1037.  
  1038. <!-- START HEADER -->
  1039. <div class="header"></div>
  1040. <!-- END HEADER -->
  1041.  
  1042.  
  1043.  
  1044.  
  1045. <!-- START CONTAINER -->
  1046. <div class="container">
  1047.  
  1048.  
  1049.  
  1050.  
  1051. <!-- START WELCOME -->
  1052. {block:IndexPage}
  1053. <div class="welcome">
  1054.  
  1055. Welcome to <b>Adoring Caitriona Balfe</b>, your newest source on tumblr <i>dedicated to the talented</i> and lovely model and actress <i>Caitriona Balfe</i>. Caitriona is most recognized for her role as <i>Claire Fraser</i> on Starz’s <i>Outlander</i>. Don’t forget to <i>follow us</i> before you leave and <i>visit us again</i> for more edits, news and more.
  1056.  
  1057. </div>
  1058. {/block:IndexPage}
  1059. <!-- END WELCOME -->
  1060.  
  1061.  
  1062.  
  1063.  
  1064.  
  1065.  
  1066.  
  1067. <!-- START SIDEBAR -->
  1068. <div class="sidebar">
  1069.  
  1070.  
  1071.  
  1072.  
  1073. <!-- Quick Tags -->
  1074. <div class="side">
  1075. <div class="sidebartitles">Quick Tags</div>
  1076.  
  1077. <div class="links">
  1078. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  1079. <tr><td width="50%" valign="top">
  1080.  
  1081. <a class="linksleft" href="">link</a>
  1082. <a class="linksleft" href="">link</a>
  1083. <a class="linksleft" href="">link</a>
  1084.  
  1085. </td><td><td width="50%" valign="top">
  1086.  
  1087. <a class="linksright" href="">link</a>
  1088. <a class="linksright" href="">link</a>
  1089. <a class="linksright" href="">link</a>
  1090.  
  1091. </td></tr></table>
  1092. </div>
  1093.  
  1094. </div>
  1095.  
  1096.  
  1097.  
  1098.  
  1099.  
  1100.  
  1101. <!-- Social Media -->
  1102. {block:IndexPage}
  1103. <div class="side">
  1104. <div class="sidebartitles">Social Media</div>
  1105.  
  1106. <div class="social">
  1107. <a class="socialinsta" href=""><i class="fa fa-instagram"></i></a>
  1108. <a class="socialtwitter" href=""><i class="fa fa-twitter"></i></a>
  1109. <a class="socialimdb" href=""><i class="fa fa-imdb"></i></a>
  1110. </div>
  1111.  
  1112. </div>
  1113. {/block:IndexPage}
  1114.  
  1115.  
  1116.  
  1117.  
  1118.  
  1119. <!-- Projects -->
  1120. {block:IndexPage}
  1121. <div class="side">
  1122. <div class="sidebartitles">Projects</div>
  1123.  
  1124. <div class="projects">
  1125. <img src="http://placehold.it/360X160"/>
  1126. <p>
  1127. <b>Outlander</b><i> / 2014 - present</i>
  1128. <p>
  1129. Caitriona as
  1130. <p>
  1131. 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.
  1132. </div>
  1133.  
  1134.  
  1135. <div class="projects">
  1136. <img src="http://placehold.it/360X160"/>
  1137. <p>
  1138. <b>Project</b><i> / Date - Date</i>
  1139. <p>
  1140. Caitriona as
  1141. <p>
  1142. 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.
  1143. </div>
  1144.  
  1145.  
  1146. </div>
  1147. {/block:IndexPage}
  1148.  
  1149.  
  1150.  
  1151.  
  1152.  
  1153. <!-- Affiliates -->
  1154. <div class="side">
  1155. <div class="sidebartitles">Affiliates</div>
  1156. <div class="affiliates">
  1157.  
  1158. <a href="" title=""><img src="http://placehold.it/72X72"></a>
  1159. <a href="" title=""><img src="http://placehold.it/72X72"></a>
  1160. <a href="" title=""><img src="http://placehold.it/72X72"></a>
  1161. <a href="" title=""><img src="http://placehold.it/72X72"></a>
  1162. <a href="" title=""><img src="http://placehold.it/72X72"></a>
  1163.  
  1164. <a href="" title=""><img src="http://placehold.it/72X72"></a>
  1165. <a href="" title=""><img src="http://placehold.it/72X72"></a>
  1166. <a href="" title=""><img src="http://placehold.it/72X72"></a>
  1167. <a href="" title=""><img src="http://placehold.it/72X72"></a>
  1168. <a href="/submit" title="apply"><img src="https://static.tumblr.com/zvesamf/T4cp8x8by/adoringcaitrionabalfe_affie.jpg"></a>
  1169.  
  1170. </div>
  1171. </div>
  1172.  
  1173.  
  1174.  
  1175.  
  1176.  
  1177.  
  1178. <!-- About -->
  1179. <div class="side">
  1180. <div class="sidebartitles">About</div>
  1181.  
  1182. <div class="about">
  1183.  
  1184. <b>Adoring:</b> Caitriona Balfe <br>
  1185. <b>Owner:</b> <br>
  1186. <b>Online:</b><br>
  1187. <b>Total Hits:</b><br>
  1188. <b>Theme:</b> <a href="http://ethereal-themes.tumblr.com">ethereal</a><br>
  1189.  
  1190. </div>
  1191.  
  1192. </div>
  1193.  
  1194.  
  1195.  
  1196.  
  1197. </div>
  1198. <!-- END SIDEBAR -->
  1199.  
  1200.  
  1201.  
  1202.  
  1203.  
  1204.  
  1205.  
  1206.  
  1207.  
  1208. <!-- START POSTS -->
  1209. <div class="posts">
  1210.  
  1211. {block:Posts}
  1212.  
  1213.  
  1214.  
  1215.  
  1216. <!-- START POST INFO -->
  1217. <div class="postinfo">
  1218.  
  1219. {block:NoteCount}<div class="postnotes"><a href="{Permalink}">{NoteCount}</a></a></b></div>{/block:NoteCount}
  1220.  
  1221. {block:Date}
  1222. <div class="postdate">
  1223. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a></div>
  1224. {/block:Date}
  1225.  
  1226. {block:IndexPage}
  1227. <div class="postcontrol">
  1228. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fa fa-retweet"></i></a>
  1229. <a href="#" class="like">{LikeButton}<i class="fa fa-heart"></i></a>
  1230. </div>
  1231. {/block:IndexPage}
  1232.  
  1233. </div>
  1234. <!-- END POST INFO -->
  1235.  
  1236.  
  1237.  
  1238.  
  1239. <!-- POST STYLES START -->
  1240. <div class="iposts" id="{PostID}">
  1241.  
  1242. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1243.  
  1244. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1245. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1246.  
  1247. {block:Quote}<h1>“{Quote}”</h1><br>-{Source}</b>{/block:Quote}
  1248.  
  1249. {block:Photo}<center><div class="oddhour-high-res">
  1250. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1251. </div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1252.  
  1253. {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>
  1254. {block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  1255.  
  1256. {block:Chat}
  1257. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1258. {/block:Chat}
  1259.  
  1260. {block:Audio}
  1261. <div class="audio">
  1262.  
  1263. {block:AlbumArt}
  1264. <div class="audioimg">
  1265. <img src="{AlbumArtURL}" />
  1266. </div>
  1267. {block:AlbumArt}
  1268.  
  1269. {block:AudioPlayer}
  1270. <div class="player">
  1271. {AudioPlayerBlack}
  1272. </div>
  1273. {/block:AudioPlayer}
  1274.  
  1275. <div class="audiop">
  1276. {block:TrackName}
  1277. <div class="trackname">
  1278. {TrackName}
  1279. </div>
  1280. {/block:TrackName}
  1281. {block:Artist}
  1282. <div class="artist">
  1283. by {Artist}
  1284. </div>
  1285. {/block:Artist}
  1286. </div>
  1287. {block:Caption}{Caption}{/block:Caption}
  1288. </div>
  1289. {/block:Audio}
  1290.  
  1291.  
  1292. {block:Video}<center>{Video-500}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  1293.  
  1294. {block:Answer}
  1295. <div class="question">
  1296. <img src="{AskerPortraitURL-48}" align="left" />{Asker} asked<br>
  1297. <div class="questiontext">{Question}</div>
  1298. </div>
  1299. {Answer}{/block:Answer}
  1300.  
  1301. </div>
  1302. <!-- POST STYLES END -->
  1303.  
  1304.  
  1305.  
  1306.  
  1307. <!-- POST INFO START -->
  1308.  
  1309. {block:RebloggedFrom}
  1310. <div class="postend">
  1311. <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource}<a title="{ReblogRootName}" href="{SourceURL}"> / src</a>{/block:ContentSource}
  1312. </div>
  1313. {/block:RebloggedFrom}
  1314. <!-- POST INFO END -->
  1315.  
  1316.  
  1317.  
  1318. <!-- POST TAGS START -->
  1319. <div class="posttags">
  1320. {block:HasTags}{block:Tags}
  1321. #<a href="{TagURL}">{Tag}</a>&nbsp;
  1322. {/block:Tags}{/block:HasTags}
  1323. </div>
  1324. <!-- POST TAGS END -->
  1325.  
  1326.  
  1327.  
  1328.  
  1329.  
  1330. <!-- PERMALINK NOTES -->
  1331. {block:PostNotes}
  1332. <div id="permanote"><center>{PostNotes-64}</center></div>
  1333. {/block:PostNotes}
  1334.  
  1335.  
  1336. {/block:Posts}
  1337.  
  1338.  
  1339.  
  1340.  
  1341. <!-- START PAGINATION -->
  1342. {block:IndexPage}
  1343. {block:Pagination}
  1344. <div class="pagination">
  1345. {block:PreviousPage}
  1346. <a href="{PreviousPage}"><</a>
  1347. {/block:PreviousPage}
  1348.  
  1349. {block:JumpPagination length="10"}
  1350. {block:CurrentPage}
  1351. <span class="current_page">{PageNumber}</span>
  1352. {/block:CurrentPage}
  1353.  
  1354. {block:JumpPage}
  1355. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1356. {/block:JumpPage}
  1357. {/block:JumpPagination}
  1358.  
  1359. {block:NextPage}
  1360. <a class="next" href="{NextPage}">></a>
  1361. {/block:NextPage}
  1362. </div>
  1363.  
  1364. {/block:Pagination}
  1365. {/block:IndexPage}
  1366. <!-- END PAGINATION -->
  1367.  
  1368.  
  1369. </div><!-- END POSTS -->
  1370.  
  1371.  
  1372.  
  1373.  
  1374.  
  1375. <div id="end"></div>
  1376.  
  1377.  
  1378.  
  1379.  
  1380. <!-- START FOOTER -->
  1381. <footer>
  1382.  
  1383. <div class="footertitle">adoring<b>caitriona</b>balfe</div>
  1384.  
  1385. <p>
  1386.  
  1387. This site claims no credit for any images posted on this site unless otherwise noted. Images on this blog are copyright to their respectful owners. If there is an image 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 said image and it will be removed.
  1388. <p>
  1389. <i>copyright 2018</i>
  1390.  
  1391. </footer>
  1392. <!-- END FOOTER -->
  1393.  
  1394.  
  1395.  
  1396.  
  1397.  
  1398. </div>
  1399. <!-- END CONTAINER -->
  1400.  
  1401.  
  1402.  
  1403.  
  1404. <!-- ADDITIONAL SCRIPTS -->
  1405.  
  1406. <script>
  1407. $(document).ready(function(){
  1408. var scrollTop = 0;
  1409. $(window).scroll(function(){
  1410. scrollTop = $(window).scrollTop();
  1411. $('.counter').html(scrollTop);
  1412.  
  1413. if (scrollTop >= 100) {
  1414. $('#topbar').addClass('scrolled-nav');
  1415. } else if (scrollTop < 100) {
  1416. $('#topbar').removeClass('scrolled-nav');
  1417. }
  1418.  
  1419. });
  1420.  
  1421. });
  1422. </script>
  1423.  
  1424. {block:IndexPage}
  1425. <script>
  1426. $(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")}})});
  1427. </script>
  1428.  
  1429. <a href="javascript:;" id="scrollToTop" rel="nofollow"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
  1430. {/block:IndexPage}
  1431.  
  1432. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1433. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1434. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1435.  
  1436. <script>
  1437. $(document).ready(function(){
  1438. $('.photo-slideshow').pxuPhotoset({
  1439. lightbox: true,
  1440. rounded: false,
  1441. gutter: '1px',
  1442. borderRadius: '0px',
  1443. photoset: '.photo-slideshow',
  1444. photoWrap: '.photo-data',
  1445. photo: '.pxu-photo'
  1446. });
  1447. });
  1448. </script>
  1449.  
  1450. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!