API tools faq
paste
Advertisement
cvndythemes

daniellecampbells_theme

cvndythemes
Nov 30th, 2017
515
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.54 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>{Title} </title>
  5.  
  6. <link rel="shortcut icon" href="{favicon}">
  7.  
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!--
  13.  
  14. >> ETHEREAL THEMES // CUSTOM THEME
  15.  
  16. Designed by etherealthemes for
  17. daniellecampbells.tumblr.com
  18. etherealthemes.tumblr.com
  19. ⓒ 2016 - 2017
  20.  
  21. >> TERMS OF USE
  22.  
  23. Do NOT remove the credit
  24. Do NOT claim as your own
  25.  
  26. *You can move the credit, but leave it visible
  27. *Edit as much as you'd like
  28. *Feel free to ask about basic customization
  29. *Theme suggestions always welcomed
  30.  
  31. >> CREDITS
  32.  
  33. PXU Photosets and Video Resizer by @shythemes
  34.  
  35. -->
  36.  
  37.  
  38.  
  39. <!-- COLORS -->
  40. <meta name="color:Background" content="#080808" />
  41. <meta name="color:Scrollbar" content="#000000" />
  42. <meta name="color:Text" content="#ffffff" />
  43. <meta name="color:Links" content="#ffffff" />
  44.  
  45. <meta name="color:Accent Pink" content="#e54c7b" />
  46. <meta name="color:Accent Blue" content="#037aa5" />
  47. <meta name="color:Accent Peach" content="#f25f72" />
  48. <meta name="color:Accent Light Blue" content="#01acc6" />
  49.  
  50. <meta name="color:Topbar Background" content="#080808" />
  51. <meta name="color:Topbar Links" content="#ffffff" />
  52. <meta name="color:Topbar Hover Links" content="#ffffff" />
  53.  
  54. <meta name="color:Header Social Media Icons" content="#ffffff" />
  55. <meta name="color:Header Social Media Icons BG" content="#000000" />
  56.  
  57. <meta name="color:Container" content="#121212" />
  58. <meta name="color:Welcome Text" content="#ffffff" />
  59.  
  60. <meta name="color:Sidebar" content="#121212" />
  61. <meta name="color:Sidebar Containers" content="#1f1f1f" />
  62. <meta name="color:Sidebar Text" content="#ffffff" />
  63. <meta name="color:Sidebar Links" content="#e7e7e7" />
  64. <meta name="color:Sidebar Icons" content="#ffffff" />
  65. <meta name="color:Sidebar Accent" content="#000000" />
  66.  
  67. <meta name="color:Post Container" content="#121212" />
  68. <meta name="color:Posts" content="#1f1f1f" />
  69. <meta name="color:Posts Links" content="#ffffff" />
  70. <meta name="color:Posts Text" content="#ffffff" />
  71. <meta name="color:Tags" content="#7e7e7e" />
  72.  
  73. <meta name="color:Footer Text" content="#ffffff" />
  74. <meta name="color:Footer Background" content="#000000" />
  75.  
  76.  
  77.  
  78.  
  79. <!-- IMAGES -->
  80. <meta name="image:Welcome Avatar" content="http://placehold.it/80X80">
  81. <meta name="image:Header" content="http://placehold.it/1300X500">
  82. <meta name="image:Header BG" content="http://placehold.it/1300X500">
  83.  
  84.  
  85.  
  86. <!-- IF -->
  87. <meta name="if:Topbar Avatar" content="1">
  88. <meta name="if:Table Welcome" content="1">
  89. <meta name="if:Header Icons" content="1">
  90. <meta name="if:Table Shadows" content="0">
  91.  
  92.  
  93.  
  94.  
  95. <!-- SELECT -->
  96. <meta name="select:Lightbox" content="0,0,0," title="Black">
  97. <meta name="select:Lightbox" content="255,255,255," title="White">
  98.  
  99. <meta name="select:Hover Transition Speed" content="8" title="Slow">
  100. <meta name="select:Hover Transition Speed" content="5" title="Meduim">
  101. <meta name="select:Hover Transition Speed" content="2" title="Fast">
  102.  
  103.  
  104.  
  105. <!-- TEXT -->
  106. <meta name="text:Link One URL" content="" />
  107. <meta name="text:Link One" content="" />
  108. <meta name="text:Link Two URL" content="" />
  109. <meta name="text:Link Two" content="" />
  110. <meta name="text:Link Three URL" content="" />
  111. <meta name="text:Link Three" content="" />
  112. <meta name="text:Link Four URL" content="" />
  113. <meta name="text:Link Four" content="" />
  114. <meta name="text:Link Five URL" content="" />
  115. <meta name="text:Link Five" content="" />
  116. <meta name="text:Link Six URL" content="" />
  117. <meta name="text:Link Six" content="" />
  118. <meta name="text:Link Seven URL" content="" />
  119. <meta name="text:Link Seven" content="" />
  120. <meta name="text:Link Eight URL" content="" />
  121. <meta name="text:Link Eight" content="" />
  122. <meta name="text:Link Nine URL" content="" />
  123. <meta name="text:Link Nine" content="" />
  124.  
  125. <meta name="text:Tumblr Tools Opacity" content="" />
  126.  
  127. <meta name="text:Header Icons Top Margin" content="148" />
  128. <meta name="text:Header Icons Left Margin" content="1055" />
  129.  
  130. <meta name="text:Website URL" content="" />
  131. <meta name="text:Twitter URL" content="" />
  132. <meta name="text:Instagram URL" content="" />
  133. <meta name="text:IMDB URL" content="" />
  134.  
  135.  
  136.  
  137.  
  138. <!-- SCRIPTS -->
  139.  
  140. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  141.  
  142. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  143.  
  144. <script src="http://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  145.  
  146. <script>
  147. (function($){
  148. $(document).ready(function(){
  149. $("[title]").style_my_tooltips({
  150. tip_delay_time:200,
  151. tip_fade_speed:300,
  152. tip_follows_cursor:true
  153. }
  154. );
  155. });
  156. })(jQuery);
  157. </script>
  158.  
  159. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  160.  
  161. <script>
  162. $container.infinitescroll({
  163. itemSelector: '.posts',
  164. navSelector: '.pagination',
  165. nextSelector: '.pagination a',
  166. loadingImg: '',
  167. loadingText: '<em></em>',
  168. bufferPx: 2000
  169. },
  170. function( newElements ) {
  171. var $newElems = $(newElements);
  172. var $newElemsIDs = $newElems.map(function(){
  173. return this.id;
  174. }).get();
  175. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  176. });
  177. </script>
  178.  
  179. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700|Roboto:300" rel="stylesheet">
  180.  
  181. <!-- STYLESHEET -->
  182.  
  183. <style type="text/css">
  184.  
  185. /* --- SCROLLBAR ---*/
  186.  
  187. ::-webkit-scrollbar-thumb {
  188. background-color:{color:Scrollbar};
  189. }
  190.  
  191. ::-webkit-scrollbar-button {
  192. background-color:{color:Background};
  193. height:0px;
  194. }
  195.  
  196. ::-webkit-scrollbar {
  197. width:4px;
  198. background:{color:Background};
  199. }
  200.  
  201.  
  202. /* --- SELECTION ---*/
  203.  
  204. ::-moz-selection {
  205. color:{color:Topbar Links};
  206. background:{color:Topbar Background};
  207. opacity:1;
  208. }
  209.  
  210. ::selection {
  211. color:{color:Topbar Links};
  212. background:{color:Topbar Backround};
  213. opacity:1;
  214. }
  215.  
  216. /* --- TOOLTIPS ---*/
  217.  
  218. #s-m-t-tooltip {
  219. max-width:200px;
  220. margin:15px;
  221. background-color:{color:Topbar Background};
  222. padding:5px;
  223. line-height:100%;
  224. word-wrap:break-word;
  225. text-transform:uppercase;
  226. word-break:break-all;
  227. color:{color:Topbar Links};
  228. z-index:99999999;
  229. }
  230.  
  231. /* --- TUMBLR TOOLS--- */
  232.  
  233. {block:IndexPage}
  234. iframe.tmblr-iframe {
  235. z-index:99999999999999!important;
  236. top:30px!important;
  237. right:0!important;
  238. opacity:0;
  239. padding-right:45px;
  240. transform:scale(0.6);
  241. transform-origin:100% 0;
  242. -webkit-transform:scale(0.6);
  243. -webkit-transform-origin:100% 0;
  244. -o-transform:scale(0.6);
  245. -o-transform-origin:100% 0;
  246. -moz-transform:scale(0.6);
  247. -moz-transform-origin:100% 0;
  248. -ms-transform:scale(0.6);
  249. -ms-transform-origin:100% 0;
  250. }
  251.  
  252. iframe.tmblr-iframe:hover {
  253. opacity:{text:Tumblr Tools Opacity}!important;}
  254.  
  255. .tcontrols {
  256. position:fixed;
  257. top:42px;
  258. right:15px;
  259. z-index:999999999;}
  260.  
  261. .tcontrols i {
  262. font-size:10px;
  263. color:{color:Topbar Links};
  264. border:0px;
  265. transition:.{select:Hover Transition Speed}s ease-in-out;
  266. -webkit-transition:.{select:Hover Transition Speed}s ease-in-out;
  267. -moz-transition:.{select:Hover Transition Speed}s ease-in-out;
  268. opacity:1!important;
  269. }
  270. {/block:IndexPage}
  271.  
  272.  
  273. {block:PermalinkPage}
  274. iframe.tmblr-iframe {
  275. z-index:99999999999999!important;
  276. top:30px!important;
  277. right:5!important;
  278. opacity:{text:Tumblr Tools Opacity}!important;
  279. padding-right:40px;
  280. transform:scale(0.6);
  281. transform-origin:100% 0;
  282. -webkit-transform:scale(0.6);
  283. -webkit-transform-origin:100% 0;
  284. -o-transform:scale(0.6);
  285. -o-transform-origin:100% 0;
  286. -moz-transform:scale(0.6);
  287. -moz-transform-origin:100% 0;
  288. -ms-transform:scale(0.6);
  289. -ms-transform-origin:100% 0;
  290. }
  291. {/block:PermalinkPage}
  292.  
  293.  
  294. /* --- BODY --- */
  295.  
  296. body {
  297. margin: 0px;
  298. padding: 0px;
  299. font-family:'Open Sans', sans-serif;
  300. color:{color:Text};
  301. font-size:10px;
  302. line-height:150%;
  303. font-weight:normal;
  304. word-wrap:normal;
  305. text-align:left;
  306. background:{color:Background};
  307. }
  308.  
  309. a {
  310. color:{color:Links};
  311. text-decoration:none;
  312. border:0;
  313. }
  314.  
  315. b,strong {font-weight:700;}
  316. i,italic {font-style:italic;}
  317. small {font-size:10px;}
  318. big {font-size:10px;}
  319.  
  320. hr.divider, hr, hr.separator {
  321. display:block;
  322. margin-top:0.5em;
  323. margin-bottom:0.5em;
  324. margin-left:auto;
  325. margin-right:auto;
  326. border-style:inset;
  327. border-color:{color:Background};
  328. border-bottom:1px;
  329. }
  330.  
  331. pre {
  332. white-space:pre-wrap;
  333. white-space:-moz-pre-wrap;
  334. white-space:-pre-wrap;
  335. white-space:-o-pre-wrap;
  336. word-wrap:break-word;
  337. }
  338.  
  339. /* --- TOPBAR --- */
  340.  
  341. .topbar {
  342. position:fixed;
  343. top:0;
  344. left:0;
  345. height:80px;
  346. padding:10px 0px 10px 0px;
  347. width:100%;
  348. background:{color:Background};
  349. z-index:10;
  350. display:inline-block;
  351.  
  352. {block:IfNotTopbarAvatar}
  353. height:50px;
  354. padding:40px 10px 10px 10px;
  355. text-align:center;
  356. {/block:IfNotTopbarAvatar}
  357. }
  358.  
  359. .topbar a {
  360. color:{color:Topbar Links}!important;
  361. text-decoration:none;
  362. text-transform:uppercase;
  363. color:{color:Topbar Links};
  364. background:{color:Topbar Background};
  365. padding:5px 15px 5px 15px;
  366. margin:0px 8px 0px 8px;
  367. transition:.{select:Hover Transition Speed}s ease-in-out;
  368. -webkit-transition:.{select:Hover Transition Speed}s ease-in-out;
  369. -moz-transition:.{select:Hover Transition Speed}s ease-in-out;
  370. }
  371.  
  372. .topbar a:hover {color:{color:Topbar Hover Links};}
  373.  
  374. {block:IfNotTopbarAvatar}
  375. .topbar a:nth-child(odd):hover {background:{color:Accent Pink};}
  376. .topbar a:nth-child(even):hover {background:{color:Accent Blue};}
  377. {/block:IfNotTopbarAvatar}
  378.  
  379. {block:IfTopbarAvatar}
  380. .topbarleft {
  381. float:left;
  382. margin:-10px 0px;
  383. display:inline-block;
  384. width:calc(50% - 60px);
  385. height:50px;
  386. padding:40px 10px 10px 10px;
  387. text-align:right;
  388. }
  389.  
  390. .topbarleft a:nth-child(odd):hover {background:{color:Accent Pink};}
  391. .topbarleft a:nth-child(even):hover {background:{color:Accent Blue};}
  392.  
  393. .topbarright {
  394. float:right;
  395. margin:-90px 0px;
  396. display:inline-block;
  397. float:right;
  398. width:calc(50% - 60px);
  399. height:50px;
  400. padding:40px 10px 10px 10px;
  401. text-align:left;
  402. }
  403.  
  404. .topbarright a:nth-child(even):hover {background:{color:Accent Pink};}
  405. .topbarright a:nth-child(odd):hover {background:{color:Accent Blue};}
  406.  
  407. .topbaravatar {
  408. margin:0 auto;
  409. width:80px;
  410. height:80px;
  411. }
  412.  
  413. .topbaravatar img {
  414. height:80px;
  415. width:80px;
  416. border-radius:50%;
  417. }
  418. {/block:IfTopbarAvatar}
  419.  
  420. /* --- HEADER --- */
  421.  
  422. .bg {
  423. margin:0 auto;
  424. width:100%;
  425. height:500px;
  426. margin-top:100px;
  427. background-image: url('{image:Header BG}');
  428. background-position:top center;
  429. background-repeat:repeat-x;
  430. }
  431.  
  432. .headercont {
  433. margin:0 auto;
  434. width:1300px;
  435. }
  436.  
  437. .header {
  438. width:1300px;
  439. height:500px;
  440. margin-top:-500px;
  441. background-image: url('{image:Header}');
  442. background-position:top center;
  443. background-repeat:no-repeat;
  444. }
  445.  
  446. {block:IfHeaderIcons}
  447. .headerlinks {
  448. margin:0 auto;
  449. width:1300px;
  450. height:500px;
  451. margin-top:-500px;
  452. }
  453.  
  454. .headersocialmedia {
  455. text-align:right;
  456. width:40px;
  457. height:100px;
  458. padding-top:{text:Header Icons Top Margin}px;
  459. margin-left:{text:Header Icons Left Margin}px;
  460. }
  461.  
  462. .headersocialmedia a {
  463. display:block;
  464. }
  465.  
  466. .headersocialmedia i {
  467. border-radius:50%;
  468. background:{color:Header Social Media Icons BG};
  469. padding:7px;
  470. color:{color:Header Social Media Icons};
  471. font-size:9px;
  472. margin-top:10px;
  473. transition:.{select:Hover Transition Speed}s ease-in-out;
  474. -webkit-transition:.{select:Hover Transition Speed}s ease-in-out;
  475. -moz-transition:.{select:Hover Transition Speed}s ease-in-out;
  476. }
  477.  
  478. .headerweb i:hover {color:{color:Accent Pink};}
  479. .headertwitter i:hover {color:{color:Accent Light Blue};}
  480. .headerinsta i:hover {color:{color:Accent Peach};}
  481. .headerimdb i:hover {color:{color:Accent Blue};}
  482.  
  483. .headerweb {padding-right:0px;}
  484. .headertwitter {padding-right:3px;}
  485. .headerinsta {padding-right:6px;}
  486. .headerimdb {padding-right:9px;}
  487.  
  488. {/block:IfHeaderIcons}
  489.  
  490. /* --- CONTAINER --- */
  491.  
  492. .container {
  493. width:1020px;
  494. margin:0 auto;
  495. background:{color:Container};
  496. padding:10px 10px 40px 10px;
  497.  
  498. {block:IfNotTableWelcome}
  499. padding-top:45px;
  500. {/block:IfNotTableWelcome}
  501. }
  502.  
  503. #end {
  504. clear: both;
  505. text-align:center;
  506. }
  507.  
  508. /* --- WELCOME --- */
  509.  
  510. .welcome {
  511. margin:0 auto;
  512. width:1000px;
  513. margin:-10px 0px 10px 0px;
  514. padding:40px 10px;
  515. background:{color:Container};
  516. font-size:11px;
  517. color:{color:Welcome Text};
  518. line-height:120%;
  519. text-align:center;
  520. }
  521.  
  522. .welcome em {color:{color:Accent Pink};}
  523.  
  524. .welcome i {color:{color:Welcome Text};}
  525.  
  526. .welcome span {
  527. color:{color:Welcome Text};
  528. font-weight:700;
  529. text-transform:uppercase;
  530. padding:1px 7px 1px 7px;
  531. border-radius:10px 10px 10px 10px;
  532. }
  533.  
  534. .welcomefirst {
  535. position:relative;
  536. top:24px;
  537. left:0px;
  538. display:inline-block;
  539. font-size:46px;
  540. color:{color:Accent Light Blue};
  541. padding-right:3px;
  542. }
  543.  
  544. /* --- SIDEBAR --- */
  545.  
  546. .sidebar {
  547. float:left;
  548. width:370px;
  549. background:{color:Sidebar};
  550. padding:5px;
  551. }
  552.  
  553. .side {
  554. width:350px;
  555. padding:10px 10px 15px 10px;
  556. background:{color:Sidebar Containers};
  557. margin-bottom:75px;
  558. color:{color:Sidebar Text};
  559.  
  560. {block:IfTableShadows}
  561. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  562. {/block:IfTableShadows}
  563. }
  564.  
  565. .sidebar a, .side a {color:{color:Sidebar Links}!important;}
  566.  
  567. .side:nth-of-type(4n + 1) .sidebaricon i {background:{color:Accent Pink};}
  568. .side:nth-of-type(4n + 2) .sidebaricon i {background:{color:Accent Light Blue};}
  569. .side:nth-of-type(4n + 3) .sidebaricon i {background:{color:Accent Peach};}
  570. .side:nth-of-type(4n + 4) .sidebaricon i {background:{color:Accent Blue};}
  571.  
  572. .sidebaricon i {
  573. font-size:13px;
  574. font-weight:400;
  575. border-radius:50%;
  576. padding:6px;
  577. color:{color:Sidebar Icons};
  578. }
  579.  
  580. .sidebartitle {
  581. margin:-30px 0px 10px -5px;
  582. text-transform:uppercase;
  583. font-size:14px;
  584. color:{color:Sidebar Text};
  585. background:{color:Sidebar Containers};
  586. padding:10px 15px 12px 40px;
  587. width:305px;
  588. }
  589.  
  590. /* --- SIDEBAR SECTIONS --- */
  591.  
  592. .projects {text-align:left;margin-bottom:40px;}
  593.  
  594. .projects img {height:165px;width:350px;}
  595.  
  596. .projects h1 {
  597. display:block;
  598. text-transform:uppercase;
  599. font-size:12px;
  600. color:{color:Accent Peach};
  601. padding:0px;
  602. margin-left:-2px;
  603. font-style:italic;
  604. margin-bottom:0px;
  605. }
  606.  
  607. .projects b {font-size:11px;font-weight:400!important};
  608.  
  609. .membercont {
  610. position:relative;
  611. top:0;
  612. left:0;
  613. width:340px;
  614. height:60px;
  615. color:{color:Sidebar Text};
  616. }
  617.  
  618. .memberavi {
  619. display:inline-block;
  620. width:48px;
  621. height:48px;
  622. border:1px solid {color:Sidebar Containers};
  623. transition:.{select:Hover Transition Speed}s ease-in-out;
  624. -webkit-transition:.{select:Hover Transition Speed} ease-in-out;
  625. -moz-transition:.{select:Hover Transition Speed}s ease-in-out;
  626. }
  627.  
  628. .memberavi:hover {border:1px solid {color:Sidebar Accent};}
  629.  
  630. .memberavi img {
  631. height:40px;
  632. width:40px;
  633. border:4px solid {color:Sidebar Containers};
  634. }
  635.  
  636. .membername {
  637. display:inline-block;
  638. text-align:left;
  639. width:240px;
  640. height:15px;
  641. padding-top:5px;
  642. position:relative;
  643. top:-6px;
  644. left:3px;
  645. text-transform:uppercase;
  646. font-style:italic;
  647. font-size:11px;
  648. }
  649.  
  650. .membertitle {
  651. display:inline-block;
  652. text-align:left;
  653. width:240px;
  654. height:15px;
  655. position:relative;
  656. top:-7px;
  657. left:3px;
  658. text-transform:lowercase;
  659. font-size:10px;
  660. }
  661.  
  662. .membername a, .membertitle a {
  663. color:{color:Sidebar Text};
  664. border:0;
  665. text-decoration:none;
  666. }
  667.  
  668. .linksleft {
  669. display:inline-block;
  670. width:173px;
  671. }
  672.  
  673. .linksleft a {
  674. padding-right:35px;
  675. text-align:right;
  676. border-left:5px solid {color:Sidebar Containers};
  677. transition:.{select:Hover Transition Speed}s ease-in-out;
  678. -webkit-transition:.{select:Hover Transition Speed}s ease-in-out;
  679. -moz-transition:.{select:Hover Transition Speed}s ease-in-out;
  680. }
  681.  
  682. .linksleft a:hover {border-left:5px solid {color:Accent Light Blue};}
  683.  
  684. .linksright {
  685. display:inline-block;
  686. width:173px;
  687. }
  688.  
  689. .linksright a {
  690. padding-left:35px;
  691. text-align:left;
  692. border-right:5px solid {color:Sidebar Containers};
  693. transition:.{select:Hover Transition Speed}s ease-in-out;
  694. -webkit-transition:.{select:Hover Transition Speed}s ease-in-out;
  695. -moz-transition:.{select:Hover Transition Speed}s ease-in-out;
  696. }
  697.  
  698. .linksright a:hover {border-right:5px solid {color:Accent Light Blue};}
  699.  
  700. .linksleft a, .linksright a {
  701. text-transform:uppercase;
  702. font-size:11px;
  703. color:{color:Sidebar Text};
  704. display:block;
  705. margin-bottom:20px;
  706. }
  707.  
  708. .updates {
  709. margin-bottom:30px;
  710. line-height:180%;
  711. }
  712.  
  713. .updatetime {
  714. position:relative;
  715. top:0px;
  716. left:0px;
  717. background:{color:Sidebar Accent};
  718. text-align:center;
  719. padding:3px 6px;
  720. display:inline-block;
  721. }
  722.  
  723. .updatetime em {
  724. text-transform:uppercase;
  725. font-style:normal;
  726. }
  727.  
  728. .updatetime b {
  729. font-weight:700px;
  730. color:{color:Sidebar Text};
  731. }
  732.  
  733. /* --- POSTS --- */
  734.  
  735. .posts {
  736. float:right;
  737. width:560px;
  738. padding:5px;
  739. margin:0px 0px 50px 0px;
  740. color:{color:Posts Text};
  741. background:{color:Post Container};
  742. }
  743.  
  744. .iposts {
  745. width:540px;
  746. color:{color:Posts Text};
  747. padding:10px 10px 10px 10px;
  748. background:{color:Posts};
  749. }
  750.  
  751. .iposts img {
  752. width:540px;
  753. height:auto;
  754. }
  755.  
  756. .ipostpxu {
  757. width:540px;
  758. }
  759.  
  760. .video {
  761. width:540px;
  762. }
  763.  
  764. {block:IndexPage}
  765. {block:IfTableShadows}
  766. .table {
  767. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  768. }
  769. {/block:IfTableShadows}
  770. {/block:IndexPage}
  771.  
  772. .posts a {color:{color:Posts Links};}
  773.  
  774. .posts, .iposts, .ipostpxu, .video, .table, {color:{color:Posts Text};}
  775.  
  776. /* --- POST INFO --- */
  777.  
  778. .postinfo {
  779. background:{color:Posts};
  780. padding:20px 15px 10px 15px;
  781. }
  782.  
  783. .postdate {
  784. text-transform:uppercase;
  785. }
  786.  
  787. .postdate a {
  788. text-decoration:none;
  789. }
  790.  
  791. .postcontrol {
  792. float:right;
  793. width:50px;
  794. text-align:right;
  795. margin-right:0px;
  796. margin-top:-15px;
  797. }
  798.  
  799. .postcontrol svg {
  800. fill:{color:Text};
  801. height:auto;
  802. padding:1px;
  803. display:block;
  804. overflow:visible;
  805. width:11px;
  806. height:auto;
  807. }
  808.  
  809. .postcontrol a {
  810. position:relative;
  811. display:inline-block;
  812. overflow:hidden;
  813. padding:0px 0px 0px 4px;
  814. }
  815.  
  816. .postcontrol .reblog {
  817. opacity:1;
  818. }
  819.  
  820. .postcontrol .reblog svg {
  821. width:12px!important;
  822. }
  823.  
  824. .reblog svg, .like svg {fill:{color:Text};}
  825.  
  826. .postcontrol .like .liked + svg {
  827. fill:{color:Text};
  828. opacity:1;
  829. }
  830.  
  831. .like svg {width:13px!important;}
  832.  
  833. .postcontrol .like .liked + svg path {
  834. fill:{color:Accent Pink};
  835. }
  836.  
  837. .postcontrol .like .like_button {
  838. position:relative;
  839. }
  840.  
  841. .postcontrol .like .like_button iframe {
  842. position:absolute;
  843. top:0;
  844. left:0;
  845. bottom:0;
  846. right:0;
  847. z-index:2;
  848. opacity:0;
  849. }
  850.  
  851. /* --- POST END --- */
  852.  
  853. .postend {
  854. position:relative;
  855. width:540px;
  856. background:{color:Posts};
  857. padding:10px 10px 25px 10px;
  858. text-transform:uppercase;
  859. }
  860.  
  861. .postnotes {
  862. float:left;
  863. text-align:left;
  864. display:inline-block;
  865. }
  866.  
  867. .postsrc {
  868. float:right;
  869. text-align:right;
  870. display:inline-block;
  871. }
  872.  
  873. .postnotes a, .postsrc a {color:{color:Text}!important;text-decoration:none;}
  874.  
  875. .posttags {
  876. width:540px;
  877. background:{color:Posts};
  878. text-align:center;
  879. padding:10px;
  880. color:{color:Tags};
  881. margin-bottom:100px;
  882. }
  883.  
  884. .posttags a {color:{color:Tags}!important;}
  885.  
  886. /* --- POST STYLES --- */
  887.  
  888. h1, h2 {
  889. display:inline-block;
  890. padding:10px;
  891. text-transform:uppercase;
  892. color:{color:Text};
  893. font-size:12px;
  894. letter-spacing:2px;
  895. text-align:left;
  896. }
  897.  
  898. blockquote {
  899. padding: 10px;
  900. text-decoration:none;
  901. letter-spacing:1px;
  902. border-left: 1px solid {color:Text};
  903. }
  904.  
  905. blockquote img {
  906. max-width: 100%;
  907. display: block;
  908. margin-bottom:5px;
  909. }
  910.  
  911. .user_1 .label {font-weight: 700;}
  912. .user_2 .label {font-weight: 400;}
  913. .user_3 .label {font-weight: 700;}
  914. .user_4 .label {font-weight: 400;}
  915. .user_5 .label {font-weight: 700;}
  916. .user_6 .label {font-weight: 400;}
  917. .user_7 .label {font-weight: 700;}
  918. .user_8 .label {font-weight: 400;}
  919.  
  920. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  921.  
  922. .chat li {
  923. list-style: none;
  924. margin: 0px;
  925. padding: 2px;
  926. border: none;
  927. }
  928.  
  929. .chat li:first-child {border: none; }
  930.  
  931.  
  932. /* --- QUESTIONS --- */
  933.  
  934. .asker {width:540px;}
  935.  
  936. .askername {text-align:left;}
  937.  
  938. .question {
  939. margin-top:5px;
  940. width:520px;
  941. text-align:justify;
  942. padding:10px;
  943. transition:.{select:Hover Transition Speed}s ease-in-out;
  944. -webkit-transition:.{select:Hover Transition Speed}s ease-in-out;
  945. -moz-transition:.{select:Hover Transition Speed}s ease-in-out;
  946. }
  947.  
  948. .question:hover {
  949. border-radius:0px 5px 5px 5px;
  950. background:{color:Accent Pink};
  951. color:{color:Text};
  952. }
  953.  
  954. /* --- AUDIO --- */
  955.  
  956. .audio { background:{color:Posts};}
  957.  
  958. .player {
  959. position:absolute;
  960. margin-top:-69px;
  961. margin-left:35px;
  962. opacity:0.5;
  963. }
  964.  
  965. .audiop, .player {display:inline-block;}
  966.  
  967. .trackname {
  968. margin-left:120px;
  969. margin-top:-72px;
  970. color:{color:Text};
  971. text-transform:uppercase;
  972. font-weight:700;
  973. }
  974.  
  975. .artist {
  976. margin-left:120px;
  977. margin-top:-5px;
  978. color:{color:Text};
  979. }
  980.  
  981. .audiop {
  982. position:absolute;
  983. display:block;
  984. margin-top:4px
  985. margin-top:-109px;
  986. }
  987.  
  988. .audioimg img {
  989. margin-top:10px;
  990. height:100px;
  991. width:100px;
  992. }
  993.  
  994. .tumblr_audio_player {
  995. width:30px;
  996. height:27px;
  997. overflow:hidden;
  998. }
  999.  
  1000. .soundcloud_audio_player{padding-top:15px;}
  1001.  
  1002.  
  1003. /* --- LIGHTBOXES ---*/
  1004.  
  1005. .vignette, #vignette {opacity:0; }
  1006.  
  1007. .lightbox-image, #tumblr_lightbox img {
  1008. box-shadow:none !important;
  1009. border-radius:0 !important;
  1010. max-width:none;
  1011. -moz-box-sizing:border-box;
  1012. box-sizing:border-box;
  1013. }
  1014.  
  1015. .tmblr-lightbox, #tumblr_lightbox {
  1016. background-color:rgba({select:Lightbox}.90) !important;
  1017. }
  1018.  
  1019. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  1020.  
  1021. /* --- PAGINATION --- */
  1022.  
  1023. .pagination {
  1024. position:relative;
  1025. top:0px;
  1026. left:20px;
  1027. width:550px;
  1028. padding:5px;
  1029. float:right;
  1030. background:{color:Container};
  1031. font-size:10px;
  1032. text-align:center;
  1033. margin:-95px 0px 50px 0px;
  1034. color:{color:Text};
  1035. word-spacing:10px;
  1036. margin-right:25px;
  1037. }
  1038.  
  1039. .pagination a {
  1040. display:inline-block;
  1041. color:{color:Text};
  1042. min-width:15px;
  1043. }
  1044.  
  1045. .pagination .current {
  1046. display:inline-block;
  1047. margin:8px;
  1048. color:{color:Text};
  1049. min-width:15px;
  1050. }
  1051.  
  1052. .pagination a.jump {
  1053. font-size:10px;
  1054. line-height:10px;
  1055. color:{color:Text};
  1056. min-width:15px;
  1057. }
  1058.  
  1059. /* ---PERMALINK NOTES --- */
  1060.  
  1061. #permanote::-webkit-scrollbar {width:3px;background:{color:Post Container};}
  1062. #permanote::-webkit-scrollbar-track {background:{color:Post Container};}
  1063. #permanote::-webkit-scrollbar-thumb {background:{color:Scrollbar}; }
  1064. #permanote::-webkit-scrollbar-thumb:window-inactive {background:{color:Post Container}; }
  1065.  
  1066. #permanote {
  1067. width:551px;
  1068. max-height:400px;
  1069. margin:-50px 0 20px 0;
  1070. background:{color:Post Container};
  1071. padding:0px 0px 0px 9px;
  1072. text-align:center;
  1073. overflow-x:hidden;
  1074. overflow-y:scroll;
  1075. }
  1076.  
  1077. ol.notes {
  1078. display:inline-block;
  1079. padding:0px;
  1080. margin:15px 0px;
  1081. background:{color:Post Container};
  1082. list-style-type:none;
  1083. text-align:center;
  1084. border-bottom:0px;
  1085. letter-spacing: 1px;
  1086. }
  1087.  
  1088. .notes a {display:inline-block;text-align:center;}
  1089.  
  1090. ol.notes li.note {padding:0px;float:left;text-align:center;}
  1091.  
  1092. ol.notes li.note img.avatar {
  1093. width:32px;
  1094. height:32px;
  1095. margin:0px 2px 0px 2px;
  1096. }
  1097.  
  1098. ol.notes li.note span.action {display:none;}
  1099.  
  1100. ol.notes li.note .answer_content {display:none;}
  1101.  
  1102. ol.notes li.note blockquote {display:none;}
  1103.  
  1104. ol.notes li.note blockquote a {display:none;}
  1105.  
  1106. ol.notes li.note.more_notes_link_container {
  1107. display:block;
  1108. position:relative;
  1109. text-align:center;
  1110. display:block;
  1111. width:100%;
  1112. padding-top:10px;
  1113. }
  1114.  
  1115. /* --- FOOTER --- */
  1116.  
  1117. footer {
  1118. float:left;
  1119. width:840px;
  1120. padding:20px 100px 20px 100px;
  1121. background:{color:Footer Background};
  1122. margin:0px 0px 0px -10px;
  1123. color:{color:Footer Text};
  1124. font-size:10px;
  1125. text-align:center;
  1126. }
  1127.  
  1128. footer i {color:{color:Accent Pink};}
  1129.  
  1130. footer em {color:{color:Accent Light Blue};}
  1131.  
  1132. /* --- SCROLL TO TOP --- */
  1133.  
  1134. #scrollToTop {
  1135. display:none;
  1136. position:fixed;
  1137. bottom:10px;
  1138. right:5px;
  1139. }
  1140.  
  1141. #scrollToTop svg {
  1142. width:30px;
  1143. fill:{color:Text};
  1144. display:inline-block;
  1145. padding:5px;
  1146. transition: .{select:Hover Transition Speed}s ease-in-out;
  1147. -webkit-transition: .{select:Hover Transition Speed}s ease-in-out;
  1148. -moz-transition: .{select:Hover Transition Speed}s ease-in-out;
  1149. -o-transition: .{select:Hover Transition Speed}s ease-in-out;
  1150. }
  1151.  
  1152. {CustomCSS}
  1153. </style>
  1154.  
  1155. </head>
  1156. <body>
  1157.  
  1158.  
  1159.  
  1160.  
  1161. <!-- START TOPBAR -->
  1162. <div class="topbar">
  1163.  
  1164. {block:IfTopbarAvatar}
  1165. <div class="topbarleft">
  1166. <a href="/">Home</a>
  1167. <a href="{text:Link One URL}">{text:Link One}</a>
  1168. <a href="{text:Link Two URL}">{text:Link Two}</a>
  1169. <a href="{text:Link Three URL}">{text:Link Three}</a>
  1170. <a href="{text:Link Four URL}">{text:Link Four}</a>
  1171. </div>
  1172.  
  1173. <div class="topbaravatar">
  1174. <img src="{image:Welcome Avatar}" />
  1175. </div>
  1176.  
  1177. <div class="topbarright">
  1178. <a href="{text:Link Five URL}">{text:Link Five}</a>
  1179. <a href="{text:Link Six URL}">{text:Link Six}</a>
  1180. <a href="{text:Link Seven URL}">{text:Link Seven}</a>
  1181. <a href="{text:Link Eight URL}">{text:Link Eight}</a>
  1182. <a href="{text:Link Nine URL}">{text:Link Nine}</a>
  1183.  
  1184. </div>
  1185. {/block:IfTopbarAvatar}
  1186.  
  1187. {block:IfNotTopbarAvatar}
  1188. <a href="{text:Link One URL}">{text:Link One}</a>
  1189. <a href="{text:Link Two URL}">{text:Link Two}</a>
  1190. <a href="{text:Link Three URL}">{text:Link Three}</a>
  1191. <a href="{text:Link Four URL}">{text:Link Four}</a>
  1192. <a href="{text:Link Five URL}">{text:Link Five}</a>
  1193. <a href="{text:Link Six URL}">{text:Link Six}</a>
  1194. <a href="{text:Link Seven URL}">{text:Link Seven}</a>
  1195. <a href="{text:Link Eight URL}">{text:Link Eight}</a>
  1196. <a href="{text:Link Nine URL}">{text:Link Nine}</a>
  1197. {/block:IfNotTopbarAvatar}
  1198.  
  1199. {block:IndexPage}
  1200. <div class="tcontrols"><i class="fa fa-plus" style="float:left;"></i></div>
  1201. {/block:IndexPage}
  1202.  
  1203. </div>
  1204. <!-- END TOPBAR -->
  1205.  
  1206.  
  1207.  
  1208.  
  1209. <!-- START HEADER -->
  1210. <div class="bg"></div>
  1211.  
  1212. <div class="headercont">
  1213. <div class="header"></div>
  1214.  
  1215. {block:IfHeaderIcons}
  1216. <div class="headerlinks">
  1217.  
  1218. <div class="headersocialmedia">
  1219.  
  1220. <div class="headerweb"><a class"{text:Website URL}" href=""><i class="fa fa-globe"></i></a></div>
  1221. <div class="headertwitter"><a href="{text:Twitter URL}"><i class="fa fa-twitter"></i></a></div>
  1222. <div class="headerinsta"><a href="{text:Instagram URL}"><i class="fa fa-instagram"></i></a></div>
  1223. <div class="headerimdb"><a href="{text:IMDB URL}"><i class="fa fa-imdb"></i></a></div>
  1224.  
  1225. </div>
  1226. </div>
  1227. {/block:IfHeaderIcons}
  1228.  
  1229. </div>
  1230. <!-- END HEADER -->
  1231.  
  1232.  
  1233.  
  1234.  
  1235. <!-- START CONTAINER -->
  1236. <div class="container">
  1237.  
  1238.  
  1239.  
  1240. <!-- START WELCOME -->
  1241. {block:IndexPage}
  1242. {block:IfTableWelcome}
  1243. <div class="welcome">
  1244.  
  1245. <div class="welcomefirst">W</div>elcome to <span style="background:{color:Accent Peach};">Danielle Campbell</span> web. This blog is dedicated to the beautiful and talented actress <em>Danielle</em>
  1246.  
  1247. <p>
  1248.  
  1249. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1250.  
  1251. <em>Campbell</em>. We're your #1 source for original content and high quality photos (which you can find on our
  1252.  
  1253. <p>
  1254.  
  1255. website). She's known for her rolls as <i>Jessica Olsen</i> in <span style="background:{color:Accent Pink};">Starstruck</span>, <i>Simone Daniels</i> in <span style="background:{color:Accent Light Blue};">Prom</span>, as <i>Davina Claire</i>
  1256.  
  1257. <br><br>
  1258.  
  1259. on <span style="background:{color:Accent Blue};">The Originals</span>, and soon <i>Maddy</i> in <span style="background:{color:Accent Peach};">Fuck the Prom</span>.
  1260.  
  1261. </div>
  1262. {/block:IfTableWelcome}
  1263. {/block:IndexPage}
  1264. <!-- END WELCOME -->
  1265.  
  1266.  
  1267.  
  1268.  
  1269.  
  1270.  
  1271.  
  1272.  
  1273.  
  1274. <!-- START SIDEBAR -->
  1275. <div class="sidebar">
  1276.  
  1277.  
  1278.  
  1279.  
  1280. <!-- Welcome -->
  1281. {block:IfNotTableWelcome}
  1282. <div class="side">
  1283.  
  1284. <div class="sidebaricon"><i class="fa fa-bookmark" style="padding:5px 7px 5px 7px;"></i></a></div>
  1285. <div class="sidebartitle">Welcome</div>
  1286.  
  1287. {Description}
  1288.  
  1289. </div>
  1290. {/block:IfNotTableWelcome}
  1291. {block:PermalinkPage}
  1292. <div class="side">
  1293.  
  1294. <div class="sidebaricon"><i class="fa fa-bookmark" style="padding:5px 7px 5px 7px;"></i></a></div>
  1295. <div class="sidebartitle">Welcome</div>
  1296.  
  1297. {Description}
  1298.  
  1299. </div>
  1300. {/block:PermalinkPage}
  1301.  
  1302.  
  1303.  
  1304.  
  1305.  
  1306.  
  1307. <!-- Projects -->
  1308. {block:IndexPage}
  1309. <div class="side">
  1310.  
  1311. <div class="sidebaricon"><i class="fa fa-list"></i></a></div>
  1312. <div class="sidebartitle">Projects</div>
  1313.  
  1314.  
  1315. <!----------- Start Project Info ----------->
  1316. <div class="projects">
  1317. <center>
  1318. <img src="http://placehold.it/350X165" />
  1319. </center>
  1320.  
  1321. <h1>Project Title</h1>
  1322. <b>Year - Year</b>
  1323.  
  1324. <p>
  1325.  
  1326. <b>ROLE: <i>Character Name</i></b>
  1327. <br>
  1328. <b>STATUS: <i>Status Here</i></b>
  1329.  
  1330. <p>
  1331.  
  1332. 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. Donec nec elit molestie massa finibus pulvinar non nec lacus.
  1333.  
  1334. </div>
  1335. <!----------- End Project Info ----------->
  1336.  
  1337.  
  1338.  
  1339.  
  1340.  
  1341.  
  1342. <!----------- Start Project Info ----------->
  1343. <div class="projects">
  1344. <center>
  1345. <img src="http://placehold.it/350X165" />
  1346. </center>
  1347.  
  1348. <h1>Project Title</h1>
  1349. Year - Year
  1350.  
  1351. <p>
  1352.  
  1353. <b>ROLE: <i>Character Name</i></b>
  1354. <br>
  1355. <b>STATUS: <i>Status Here</i></b>
  1356.  
  1357. <p>
  1358.  
  1359. 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. Donec nec elit molestie massa finibus pulvinar non nec lacus.
  1360.  
  1361. </div>
  1362. <!----------- End Project Info ----------->
  1363.  
  1364.  
  1365.  
  1366. </div>
  1367. {/block:IndexPage}
  1368.  
  1369.  
  1370.  
  1371.  
  1372.  
  1373.  
  1374.  
  1375.  
  1376. <!-- Featured -->
  1377. {block:IndexPage}
  1378. <div class="side">
  1379.  
  1380. <div class="sidebaricon"><i class="fa fa-star" style="padding:5px 6px 5px 6px;"></i></a></div>
  1381. <div class="sidebartitle">Featured</div>
  1382.  
  1383. <center>
  1384. <img src="http://placehold.it/350X165" />
  1385. </center>
  1386.  
  1387. 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. Donec nec elit molestie massa finibus pulvinar non nec lacus.
  1388.  
  1389. </div>
  1390. {/block:IndexPage}
  1391.  
  1392.  
  1393.  
  1394. <!-- Affiliates -->
  1395. <div class="side">
  1396.  
  1397. <div class="sidebaricon"><i class="fa fa-heart"></i></a></div>
  1398. <div class="sidebartitle">Affiliates</div>
  1399.  
  1400. <center>
  1401. <a href="#" title="blog name"><img src="http://placehold.it/65X65" /></a>
  1402. <a href="#" title="blog name"><img src="http://placehold.it/65X65" /></a>
  1403. <a href="#" title="blog name"><img src="http://placehold.it/65X65" /></a>
  1404. <a href="#" title="blog name"><img src="http://placehold.it/65X65" /></a>
  1405. <a href="#" title="blog name"><img src="http://placehold.it/65X65" /></a>
  1406.  
  1407. <a href="#" title="blog name"><img src="http://placehold.it/65X65" /></a>
  1408. <a href="#" title="blog name"><img src="http://placehold.it/65X65" /></a>
  1409. <a href="#" title="blog name"><img src="http://placehold.it/65X65" /></a>
  1410. <a href="#" title="blog name"><img src="http://placehold.it/65X65" /></a>
  1411.  
  1412. <a href="" title="affiliate application"><img src="http://static.tumblr.com/zvesamf/st3p03reh/daniellecampbellweb_apply.jpg" /></a>
  1413.  
  1414.  
  1415. </center>
  1416.  
  1417. </div>
  1418.  
  1419.  
  1420.  
  1421.  
  1422. <!-- Members -->
  1423. <div class="side">
  1424.  
  1425. <div class="sidebaricon"><i class="fa fa-user" style="padding:5px 7px 5px 7px;"></i></a></div>
  1426. <div class="sidebartitle">Members</div>
  1427.  
  1428. {block:GroupMembers}
  1429.  
  1430. {block:GroupMember}
  1431. <div class="membercont">
  1432. <div class="memberavi">
  1433. <a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-48}"></a>
  1434. </div>
  1435. <div class="membername">
  1436. <a href="{GroupMemberURL}" class="membername">{GroupMemberName}</a>
  1437. <a href="{GroupMemberURL}"><div class="membertitle">{GroupMemberTitle}</div></a>
  1438. </div>
  1439.  
  1440. </div>
  1441. <p>
  1442. {/block:GroupMember}
  1443.  
  1444. {/block:GroupMembers}
  1445.  
  1446. </div>
  1447.  
  1448.  
  1449.  
  1450.  
  1451.  
  1452.  
  1453.  
  1454.  
  1455. <!-- Instagram -->
  1456. {block:IndexPage}
  1457. <div class="side">
  1458.  
  1459. <div class="sidebaricon"><i class="fa fa-instagram" style="padding:5px 6px 5px 6px;"></i></a></div>
  1460. <div class="sidebartitle">Instagram</div>
  1461.  
  1462. <center>
  1463. <!-- InstaWidget -->
  1464. <a href="https://instawidget.net/v/user/thedaniellecampbell" id="link-c2d805152f3bf5645beff99930dc070404511c2e1265082aa10f9edfb6db27d7">@thedaniellecampbell</a>
  1465. <script src="https://instawidget.net/js/instawidget.js?u=c2d805152f3bf5645beff99930dc070404511c2e1265082aa10f9edfb6db27d7&width=350px"></script>
  1466. </center>
  1467.  
  1468. </div>
  1469. {/block:IndexPage}
  1470.  
  1471.  
  1472.  
  1473.  
  1474.  
  1475.  
  1476.  
  1477. <!-- Links -->
  1478. {block:IndexPage}
  1479. <div class="side">
  1480.  
  1481. <div class="sidebaricon"><i class="fa fa-link"></i></a></div>
  1482. <div class="sidebartitle">Links</div>
  1483.  
  1484. <div class="linksleft">
  1485. <a href="">Link</a>
  1486. <a href="">Link</a>
  1487. <a href="">Link</a>
  1488. <a href="">Link</a>
  1489. </div>
  1490.  
  1491. <div class="linksright">
  1492. <a href="">Link</a>
  1493. <a href="">Link</a>
  1494. <a href="">Link</a>
  1495. <a href="">Link</a>
  1496. </div>
  1497.  
  1498. </div>
  1499. {/block:IndexPage}
  1500.  
  1501.  
  1502.  
  1503.  
  1504.  
  1505.  
  1506.  
  1507. <!-- Updates -->
  1508. {block:IndexPage}
  1509. <div class="side">
  1510.  
  1511. <div class="sidebaricon"><i class="fa fa-refresh"></i></a></div>
  1512. <div class="sidebartitle">Updates</div>
  1513.  
  1514.  
  1515. <div class="updates">
  1516. <div class="updatetime">
  1517. <em>November</em> <b>00.00</b>
  1518. </div>
  1519.  
  1520. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1521. </div>
  1522.  
  1523.  
  1524.  
  1525. <div class="updates">
  1526. <div class="updatetime">
  1527. <em>November</em> <b>00.00</b>
  1528. </div>
  1529.  
  1530. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1531. </div>
  1532.  
  1533.  
  1534. </div>
  1535. {/block:IndexPage}
  1536.  
  1537.  
  1538.  
  1539.  
  1540.  
  1541.  
  1542. <!-- About -->
  1543. <div class="side">
  1544.  
  1545. <div class="sidebaricon">{block:IndexPage}{block:IfTableWelcome}<i class="fa fa-bookmark" style="padding:5px 7px 5px 7px;"></i></a>{/block:IfTableWelcome}{block:IfNotTableWelcome}<i class="fa fa-cog" style="padding:5px 6px 5px 6px;"></i></a>{/block:IfNotTableWelcome}{/block:IndexPage}{block:PermalinkPage}<i class="fa fa-cog" style="padding:5px 6px 5px 6px;"></i></a>{/block:PermalinkPage}
  1546. </div>
  1547. <div class="sidebartitle">About</div>
  1548.  
  1549. <b>About:</b>
  1550. <br>
  1551. <b>Established:</b>
  1552. <br>
  1553. <b>Admins:</b>
  1554. <br>
  1555. <b>Online:</b>
  1556. <br>
  1557. <b>Theme:</b> <a href="http://ethereal-themes.tumblr.com/">ethereal</a>
  1558. <br>
  1559. </div>
  1560.  
  1561.  
  1562.  
  1563. </div>
  1564. <!-- END SIDEBAR -->
  1565.  
  1566.  
  1567.  
  1568.  
  1569.  
  1570.  
  1571.  
  1572.  
  1573.  
  1574. <!-- START POSTS -->
  1575. <div class="posts">
  1576.  
  1577. {block:Posts}
  1578. {block:IfTableShadows}<div class="table">{/block:IfTableShadows}
  1579.  
  1580. <!-- START POST INFO -->
  1581. <div class="postinfo">
  1582.  
  1583. <div class="postdate"><a href="{Permalink}">{block:Date}{DayOfMonthWithZero} {Month} {Year}</a>{/block:Date}</div>
  1584.  
  1585. {block:IndexPage}
  1586. <div class="postcontrol">
  1587. <a href="{ReblogURL}" target="_blank" class="reblog">
  1588. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1589. viewBox="0 0 489.711 489.711" style="enable-background:new 0 0 489.711 489.711;" xml:space="preserve"><path d="M112.156,97.111c72.3-65.4,180.5-66.4,253.8-6.7l-58.1,2.2c-7.5,0.3-13.3,6.5-13,14c0.3,7.3,6.3,13,13.5,13c0.2,0,0.3,0,0.5,0l89.2-3.3c7.3-0.3,13-6.2,13-13.5v-1c0-0.2,0-0.3,0-0.5v-0.1l0,0l-3.3-88.2c-0.3-7.5-6.6-13.3-14-13c-7.5,0.3-13.3,6.5-13,14l2.1,55.3c-36.3-29.7-81-46.9-128.8-49.3c-59.2-3-116.1,17.3-160,57.1c-60.4,54.7-86,137.9-66.8,217.1c1.5,6.2,7,10.3,13.1,10.3c1.1,0,2.1-0.1,3.2-0.4c7.2-1.8,11.7-9.1,9.9-16.3C36.656,218.211,59.056,145.111,112.156,97.111z"/><path d="M462.456,195.511c-1.8-7.2-9.1-11.7-16.3-9.9c-7.2,1.8-11.7,9.1-9.9,16.3c16.9,69.6-5.6,142.7-58.7,190.7c-37.3,33.7-84.1,50.3-130.7,50.3c-44.5,0-88.9-15.1-124.7-44.9l58.8-5.3c7.4-0.7,12.9-7.2,12.2-14.7s-7.2-12.9-14.7-12.2l-88.9,8c-7.4,0.7-12.9,7.2-12.2,14.7l8,88.9c0.6,7,6.5,12.3,13.4,12.3c0.4,0,0.8,0,1.2-0.1c7.4-0.7,12.9-7.2,12.2-14.7l-4.8-54.1c36.3,29.4,80.8,46.5,128.3,48.9c3.8,0.2,7.6,0.3,11.3,0.3c55.1,0,107.5-20.2,148.7-57.4C456.056,357.911,481.656,274.811,462.456,195.511z"/></g></g></g></svg>
  1590. </a>
  1591. <a href="#" class="like">{LikeButton}
  1592. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1593. viewBox="0 0 471.701 471.701" style="enable-background:new 0 0 471.701 471.701;" xml:space="preserve"><path d="M433.601,67.001c-24.7-24.7-57.4-38.2-92.3-38.2s-67.7,13.6-92.4,38.3l-12.9,12.9l-13.1-13.1c-24.7-24.7-57.6-38.4-92.5-38.4c-34.8,0-67.6,13.6-92.2,38.2c-24.7,24.7-38.3,57.5-38.2,92.4c0,34.9,13.7,67.6,38.4,92.3l187.8,187.8c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-3.9l188.2-187.5c24.7-24.7,38.3-57.5,38.3-92.4C471.801,124.501,458.301,91.701,433.601,67.001zM414.401,232.701l-178.7,178l-178.3-178.3c-19.6-19.6-30.4-45.6-30.4-73.3s10.7-53.7,30.3-73.2c19.5-19.5,45.5-30.3,73.1-30.3c27.7,0,53.8,10.8,73.4,30.4l22.6,22.6c5.3,5.3,13.8,5.3,19.1,0l22.4-22.4c19.6-19.6,45.7-30.4,73.3-30.4c27.6,0,53.6,10.8,73.2,30.3c19.6,19.6,30.3,45.6,30.3,73.3C444.801,187.101,434.001,213.101,414.401,232.701z"/></g></g></g></svg>
  1594. </a>
  1595. </div>
  1596. {/block:IndexPage}
  1597.  
  1598. </div>
  1599. <!-- END POST INFO -->
  1600.  
  1601.  
  1602.  
  1603.  
  1604.  
  1605. <!-- POST STYLE -->
  1606. <div class="iposts" id="{PostID}">
  1607.  
  1608. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1609.  
  1610. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1611. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1612.  
  1613. {block:Quote}<h1>“{Quote}”</h1>-{Source}</b>{/block:Quote}
  1614.  
  1615. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1616.  
  1617. {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>
  1618. {block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  1619.  
  1620. {block:Chat}
  1621. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1622. {/block:Chat}
  1623.  
  1624. {block:Audio}
  1625. <div class="audio">
  1626. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}" /></div>{block:AlbumArt}
  1627. {block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}
  1628. <div class="audiop">{block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}{block:Artist}<div class="artist">by {Artist}</div>{/block:Artist}</div>{block:Caption}{Caption}{/block:Caption} </div>
  1629. {/block:Audio}
  1630.  
  1631. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1632.  
  1633. {block:Answer}
  1634. <div id="asker"><div class="askername">{Asker} asked:</div></div>
  1635. <div class="question">{Question}</div>
  1636. {Answer}{/block:Answer}
  1637.  
  1638. </div>
  1639.  
  1640.  
  1641.  
  1642.  
  1643. <!-- START POST END -->
  1644. <div class="postend">
  1645.  
  1646. {block:NoteCount}
  1647. <div class="postnotes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  1648. {/block:NoteCount}
  1649.  
  1650. <div class="postsrc">
  1651. {block:RebloggedFrom}
  1652. <a href="{ReblogParentURL}">via</a>
  1653.  
  1654. {block:ContentSource}
  1655. <a href="{SourceURL}">/ src</a>
  1656. {/block:ContentSource}
  1657.  
  1658. {/block:RebloggedFrom}
  1659. </div>
  1660.  
  1661. </div>
  1662. <!-- END POST END -->
  1663.  
  1664.  
  1665.  
  1666.  
  1667. <!-- POST TAGS START -->
  1668. <div class="posttags">
  1669.  
  1670. {block:HasTags}{block:Tags}
  1671. <a href="{TagURL}">{Tag}</a>,&nbsp;
  1672. {/block:Tags}{/block:HasTags}
  1673.  
  1674. </div>
  1675. <!-- POST TAGS END -->
  1676.  
  1677.  
  1678.  
  1679. {block:IfTableShadows}</div><!-- TABLE END -->{/block:IfTableShadows}
  1680.  
  1681.  
  1682. {block:PostNotes}
  1683. <div id="permanote">{PostNotes-64}</div>
  1684. {/block:PostNotes}
  1685.  
  1686.  
  1687.  
  1688. {/block:Posts}
  1689. </div><!-- END POSTS -->
  1690.  
  1691.  
  1692.  
  1693.  
  1694. <!-- START PAGINATION -->
  1695. {block:IndexPage}
  1696. {block:Pagination}
  1697. <div class="pagination">
  1698. {block:PreviousPage}
  1699. <a href="{PreviousPage}">previous</a>
  1700. {/block:PreviousPage}
  1701.  
  1702. {block:JumpPagination length="5"}
  1703. {block:CurrentPage}
  1704. <span class="current_page">{PageNumber}</span>
  1705. {/block:CurrentPage}
  1706.  
  1707. {block:JumpPage}
  1708. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1709. {/block:JumpPage}
  1710. {/block:JumpPagination}
  1711.  
  1712. {block:NextPage}
  1713. <a class="next" href="{NextPage}">next</a>
  1714. {/block:NextPage}
  1715. </div>
  1716.  
  1717. {/block:Pagination}
  1718. {/block:IndexPage}
  1719. <!-- END PAGINATION -->
  1720.  
  1721.  
  1722.  
  1723.  
  1724. <div id="end"></div>
  1725.  
  1726.  
  1727.  
  1728.  
  1729. <!-- START FOOTER -->
  1730. <footer>
  1731.  
  1732. <i>Danielle Campbell Web</i> is a fansite made by a fan for fans of Danielle Campbell. I am in no way in contact with Danielle or her family and friends. All other content and graphics are copyright to <em>danielle-campbell.org</em> unless otherwise stated. No copyright infringement intended. The webmaster(s) of this website claim no ownership to any material seen on this website unless otherwise stated and is used, to the best of their knowledge, under the “Fair Use” copyright laws
  1733.  
  1734. </footer>
  1735. <!-- END FOOTERR -->
  1736.  
  1737.  
  1738. </div>
  1739. <!-- END CONTAINER -->
  1740.  
  1741.  
  1742.  
  1743.  
  1744. <!-- ADDITIONAL SCRIPTS -->
  1745.  
  1746. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1747. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1748. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1749.  
  1750. <script>
  1751. $(document).ready(function(){
  1752. $('.photo-slideshow').pxuPhotoset({
  1753. lightbox: true,
  1754. rounded: false,
  1755. gutter: '2px',
  1756. borderRadius: '0px',
  1757. photoset: '.photo-slideshow',
  1758. photoWrap: '.photo-data',
  1759. photo: '.pxu-photo'
  1760. });
  1761. });
  1762. </script>
  1763.  
  1764. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1765.  
  1766. {block:IndexPage}
  1767. <script>
  1768. $(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")}})});
  1769. </script>
  1770.  
  1771. <a href="javascript:;" id="scrollToTop" rel="nofollow"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M43.2,137.3c2.1,2.5,5.9,2.9,8.5,0.7L108,90.4l56.4,47.5c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1 c2.1-2.5,1.8-6.3-0.7-8.5L111.9,78c-2.2-1.9-5.5-1.9-7.7,0l-60.3,50.8C41.3,130.9,41,134.7,43.2,137.3z"/></svg></a>
  1772. {/block:IndexPage}
  1773.  
  1774. </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!