API tools faq
paste
Advertisement
cvndythemes

thebeyoncesource_theme

cvndythemes
Nov 17th, 2018
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.35 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. >> ETHEREAL THEMES // THEBEYONCESOURCE
  15.  
  16. Designed by etherealthemes
  17. for thebeyoncesource.tumblr.com / beycolored
  18. etherealthemes.tumblr.com
  19. ⓒ 2016 - 2018
  20.  
  21.  
  22. >> TERMS OF USE
  23.  
  24. Do NOT remove the credit
  25. Do NOT claim as your own
  26.  
  27. *You can move the credit, but leave it visible
  28. *Edit as much as you'd like
  29. *Feel free to ask about basic customization
  30. *Theme suggestions always welcomed
  31.  
  32. >> CREDITS
  33.  
  34. icons by fontawesome
  35. instagram plugin https://instawidget.net/
  36.  
  37.  
  38. -->
  39.  
  40.  
  41.  
  42.  
  43. <!-- COLORS -->
  44. <meta name="color:Background" content="#ffffff" />
  45. <meta name="color:Top Container" content="#ffffff" />
  46. <meta name="color:Text" content="#000000" />
  47. <meta name="color:Links" content="#000000" />
  48.  
  49. <meta name="color:Accent One" content="#df4b64" />
  50. <meta name="color:Accent Two" content="#788940" />
  51. <meta name="color:Accent Three" content="#25a8bb" />
  52.  
  53. <meta name="color:Topbar Background" content="#ffffff" />
  54. <meta name="color:Topbar Text" content="#000000" />
  55.  
  56. <meta name="color:Container" content="#ffffff" />
  57. <meta name="color:Content" content="#ffffff" />
  58.  
  59.  
  60.  
  61. <!-- TEXT -->
  62. <meta name="text:Blog URL" content="beycolored" />
  63. <meta name="text:Top Bar Link One" content="" />
  64. <meta name="text:Top Bar Link One URL" content="" />
  65. <meta name="text:Top Bar Link Two" content="" />
  66. <meta name="text:Top Bar Link Two URL" content="" />
  67. <meta name="text:Top Bar Link Three" content="" />
  68. <meta name="text:Top Bar Link Three URL" content="" />
  69. <meta name="text:Top Bar Link Four" content="" />
  70. <meta name="text:Top Bar Link Four URL" content="" />
  71. <meta name="text:Top Bar Link Five" content="" />
  72. <meta name="text:Top Bar Link Five URL" content="" />
  73. <meta name="text:Top Bar Link Six" content="" />
  74. <meta name="text:Top Bar Link Six URL" content="" />
  75. <meta name="text:Top Bar Link Seven" content="" />
  76. <meta name="text:Top Bar Link Seven URL" content="" />
  77. <meta name="text:Top Bar Link Eight" content="" />
  78. <meta name="text:Top Bar Link Eight URL" content="" />
  79.  
  80.  
  81.  
  82. <!-- IMAGES -->
  83. <meta name="image:Header" content="https://static.tumblr.com/zvesamf/KBvpibsgb/thebeyoncesource_header.png"/>
  84. <meta name="image:Sidebar" content="https://static.tumblr.com/zvesamf/WSqpibsgs/veyonce.gif"/>
  85.  
  86. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  87.  
  88. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  89.  
  90. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  91.  
  92. <script src="http://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  93.  
  94. <script>
  95. (function($){
  96. $(document).ready(function(){
  97. $("[title]").style_my_tooltips({
  98. tip_delay_time:50,
  99. tip_fade_speed:100,
  100. tip_follows_cursor:true
  101. }
  102. );
  103. });
  104. })(jQuery);
  105. </script>
  106.  
  107. <script>
  108. $container.infinitescroll({
  109. itemSelector: '.posts',
  110. navSelector: '.pagination',
  111. nextSelector: '.pagination a',
  112. loadingImg: '',
  113. loadingText: '<em></em>',
  114. bufferPx: 2000
  115. },
  116. function( newElements ) {
  117. var $newElems = $(newElements);
  118. var $newElemsIDs = $newElems.map(function(){
  119. return this.id;
  120. }).get();
  121. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  122. });
  123. </script>
  124.  
  125. <!-- SCRIPTS -->
  126. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i" rel="stylesheet">
  127.  
  128. <!-- STYLESHEET -->
  129. <style type="text/css">
  130.  
  131. /* --- SCROLLBAR ---*/
  132.  
  133. ::-webkit-scrollbar {height:15px;width:15px;background-color:#fff;}
  134.  
  135. ::-webkit-scrollbar-track {background-color:#dbdbdb;border:7px solid #fff;}
  136.  
  137. ::-webkit-scrollbar-thumb {min-height:25px;min-width:25px;background-color:#000;border:7px solid #fff;}
  138.  
  139. /* --- SELECTION ---*/
  140.  
  141. ::-moz-selection {
  142. color:#fff;
  143. background:{color:Accent One};
  144. opacity:1;
  145. }
  146.  
  147. ::selection {
  148. color:#fff;
  149. background:{color:Accent One};
  150. opacity:1;
  151. }
  152.  
  153. /* --- TOOLTIPS ---*/
  154.  
  155. #s-m-t-tooltip {
  156. max-width:200px;
  157. margin:15px;
  158. background-color:{color:Accent Two};
  159. padding:2px 3px 4px 2px;
  160. font-size:11px;
  161. line-height:100%;
  162. word-wrap:break-word;
  163. text-transform:lowercase;
  164. font-style:italic;
  165. word-break:break-all;
  166. color:#fff;
  167. z-index:8;
  168. }
  169.  
  170. /* --- TUMBLR TOOLS --- */
  171.  
  172. {block:IndexPage}
  173. iframe.tmblr-iframe {
  174. z-index:10!important;
  175. top:59px!important;
  176. right:0!important;
  177. opacity:0;
  178. padding-right:60px;
  179. transform:scale(0.5);
  180. transform-origin:100% 0;
  181. -webkit-transform:scale(0.5);
  182. -webkit-transform-origin:100% 0;
  183. -o-transform:scale(0.5);
  184. -o-transform-origin:100% 0;
  185. -moz-transform:scale(0.5);
  186. -moz-transform-origin:100% 0;
  187. -ms-transform:scale(0.5);
  188. -ms-transform-origin:100% 0;
  189. filter:invert(1);
  190. -webkit-filter:invert(1);
  191. -o-filter:invert(1);
  192. -moz-filter:invert(1);
  193. -ms-filter:invert(1);
  194. transition:0.2s ease-in-out;
  195. -webkit-transition:0.2s ease-in-out;
  196. -moz-transition:0.2s ease-in-out;
  197. }
  198.  
  199. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  200.  
  201. .tcontrols {
  202. position:fixed;
  203. top:62px;
  204. right:20px;
  205. z-index:9;
  206. transition:0.2s ease-in-out;
  207. -webkit-transition:0.2s ease-in-out;
  208. -moz-transition:0.2s ease-in-out;
  209. }
  210.  
  211. .tcontrols {
  212. color:{color:Text};
  213. font-size:14px;
  214. font-weight:700;}
  215.  
  216. {/block:IndexPage}
  217.  
  218. {block:PermalinkPage}
  219. iframe.tmblr-iframe {
  220. z-index:10!important;
  221. top:54px!important;
  222. right:0!important;
  223. opacity:0.5;
  224. padding-right:20px;
  225. transform:scale(0.5);
  226. transform-origin:100% 0;
  227. -webkit-transform:scale(0.5);
  228. -webkit-transform-origin:100% 0;
  229. -o-transform:scale(0.5);
  230. -o-transform-origin:100% 0;
  231. -moz-transform:scale(0.5);
  232. -moz-transform-origin:100% 0;
  233. -ms-transform:scale(0.5);
  234. -ms-transform-origin:100% 0;
  235. filter:invert(1);
  236. -webkit-filter:invert(1);
  237. -o-filter:invert(1);
  238. -moz-filter:invert(1);
  239. -ms-filter:invert(1);
  240. }
  241. {/block:PermalinkPage}
  242.  
  243. /* --- BODY --- */
  244.  
  245. body {
  246. font-family: 'Open Sans', sans-serif;
  247. color:{color:Text};
  248. font-size:12px;
  249. font-weight:400!important;
  250. line-height:165%;
  251. word-wrap:normal;
  252. text-align:left;
  253. background:{color:Background};
  254. }
  255.  
  256. a {color:{color:Text};text-decoration:none;border:0;}
  257.  
  258. b,strong {font-weight:600;}
  259. i,italic {font-style:italic;font-size: calc(11px + 0.5pt);}
  260. small {font-size:11px;}
  261. big {font-size:11px;}
  262.  
  263. p {margin-top:10px;}
  264.  
  265. hr.divider, hr, hr.separator {
  266. display:block;
  267. margin-top:0.5em;
  268. margin-bottom:0.5em;
  269. margin-left:auto;
  270. margin-right:auto;
  271. border-style:inset;
  272. border-color:{color:Text};
  273. border-bottom:1px;
  274. }
  275.  
  276. pre {
  277. white-space: pre-wrap;
  278. white-space: -moz-pre-wrap;
  279. white-space: -pre-wrap;
  280. white-space: -o-pre-wrap;
  281. word-wrap: break-word;
  282. }
  283.  
  284. /* --- TOPBAR ---*/
  285.  
  286. .topbar {
  287. position:fixed;
  288. top:0px;
  289. left:0px;
  290. width:100%;
  291. background:{color:Topbar Background};
  292. padding:20px 20px 10px 20px;
  293. text-align:center;
  294. z-index:8;
  295. }
  296.  
  297. .topimage {vertical-align:middle;display:inline-block;margin:0px 10px;}
  298.  
  299. .topbar a {
  300. vertical-align:middle;
  301. display:inline-block;
  302. font-size:12px;
  303. font-weight:600;
  304. font-style:italic;
  305. color:{color:Topbar Text};
  306. margin:0px 25px;
  307. padding:0px 5px 5px 5px;
  308. border-bottom:2px solid {color:Topbar Background};
  309. transition:0.1s ease-in-out;
  310. -webkit-transition:0.1s ease-in-out;
  311. -moz-transition:0.1s ease-in-out;
  312. }
  313.  
  314. .topbar a:nth-child(3n + 1):hover {color:{color:Accent One};border-bottom:2px solid {color:Accent One};}
  315. .topbar a:nth-child(3n + 2):hover {color:{color:Accent Two};border-bottom:2px solid {color:Accent Two};}
  316. .topbar a:nth-child(3n + 3):hover {color:{color:Accent Three};border-bottom:2px solid {color:Accent Three};}
  317.  
  318. .topbar img {width:423px;height:99px;}
  319.  
  320. /* --- CONTAINER ---*/
  321.  
  322. .container {
  323. margin:0 auto;
  324. margin-top:138px;
  325. width:1200px;
  326. background:{color:Container};
  327. }
  328.  
  329. #end {
  330. clear: both;
  331. text-align:center;
  332. }
  333.  
  334. /* --- HEADER ---*/
  335.  
  336. .header {
  337. margin:0 auto;
  338. margin-top:0px;
  339. width:1200;
  340. height:500px;
  341. background-image: url("{image:Header}");
  342. background-position:top center;
  343. background-repeat:no-repeat;
  344. }
  345.  
  346. /* --- WELCOME ---*/
  347.  
  348. .welcome {
  349. height:185px;
  350. padding:40px 10px 10px 10px;
  351. text-align:center;
  352. background:{color:Content};
  353. }
  354.  
  355. .blogwelcome {
  356. margin-top:18px;
  357. float:left;
  358. width:560px;
  359. }
  360.  
  361. .blogwelcome b {color:{color:Accent One};}
  362. .blogwelcome em {color:{color:Accent Two};}
  363. .blogwelcome i {color:{color:Accent Three};}
  364.  
  365. .welcomefirst {
  366. position:relative;
  367. top:10px;
  368. left:12px;
  369. display:inline-block;
  370. }
  371.  
  372. .latestposts {
  373. float:right;
  374. width:580px;
  375. }
  376.  
  377. .ji-tumblr-photos {margin:auto;vertical-align:middle;}
  378.  
  379. .ji-cont {
  380. display:inline-block;
  381. height:90px;
  382. width:90px;
  383. overflow:hidden;
  384. background:{color:Background};
  385. margin:0px 3px 0px 0px;
  386. }
  387.  
  388. .ji-tumblr-photos img {
  389. margin:auto;
  390. margin-left:-50px;
  391. margin-top:-40px;
  392. vertical-align:middle;
  393.  
  394. min-height:90px;
  395. }
  396.  
  397. /* --- SIDEBAR ---*/
  398.  
  399. .sidebar {
  400. margin:30px 0px 0px 70px;
  401. float:left;
  402. width:360px;
  403. background:{color:Content};
  404. }
  405.  
  406. .side, .side-justify, .side-left {
  407. padding:10px 10px 25px 10px;
  408. margin-bottom:20px;
  409. background:#fff;
  410. }
  411.  
  412. .side {text-align:center;}
  413.  
  414. .side-justify {text-align:justify;text-align-last:center;}
  415.  
  416. .side-left {text-align:left;}
  417.  
  418. .sidetitlecont {margin-bottom:10px;}
  419.  
  420. .sidetitlebg {vertical-align:bottom;text-align:center;}
  421.  
  422. .sidetitle {
  423. text-align:center;
  424. margin:-13px 0px 20px 0px;
  425. font-size:14px;
  426. text-transform:uppercase;
  427. font-style:italic;
  428. font-weight:600;
  429. }
  430.  
  431. /* --- SIDEBAR ; NAVIGATION ---*/
  432.  
  433. .navigation a {
  434. margin:0px 10px;
  435. display:inline-block;
  436. transition:0.1s ease-in-out;
  437. -webkit-transition:0.1s ease-in-out;
  438. -moz-transition:0.1s ease-in-out;
  439. }
  440.  
  441. .navigation i {font-size:18px;}
  442.  
  443. .navigation a:nth-child(3n + 1):hover {color:{color:Accent One};}
  444. .navigation a:nth-child(3n + 2):hover {color:{color:Accent Two};}
  445. .navigation a:nth-child(3n + 3):hover {color:{color:Accent Three};}
  446.  
  447. /* --- SIDEBAR ; EVENTS ---*/
  448.  
  449. .event {margin-bottom:20px;}
  450.  
  451. .event b {
  452. display:inline-block;
  453. font-weight:600;
  454. text-transform:uppercase;
  455. }
  456.  
  457. /* --- SIDEBAR ; ALBUMS ---*/
  458.  
  459. .album {margin-bottom:40px;}
  460.  
  461. .albums {position:relative;}
  462.  
  463. .albums img {width:340px;height:125px;margin-bottom:10px;}
  464.  
  465. .albuminfo {
  466. background:{color:Content};
  467. position:relative;
  468. top:-30px;
  469. left:10px;
  470. padding-top:10px;
  471. margin-bottom:0px;
  472. width:320px;
  473. }
  474.  
  475. .albuminfo, .albuminfo h1, .albuminfo b {font-style:italic;}
  476.  
  477. .albuminfo h1 {font-size:18px;text-transform:uppercase;margin:0px;}
  478.  
  479. .albuminfo b {display:inline-block;font-size:13px;font-weight:600;text-transform:uppercase;margin-bottom:-5px;}
  480.  
  481. .albumtags {margin:-60px 0px 40px 0px;}
  482.  
  483. .albumtags a {
  484. text-transform:uppercase;
  485. border-bottom:2px solid {color:Content};
  486. display:inline-block;
  487. padding:0px 5px 2px 5px;
  488. margin:0px 3px 0px 3px;
  489. transition:0.1s ease-in-out;
  490. -webkit-transition:0.1s ease-in-out;
  491. -moz-transition:0.1s ease-in-out;
  492. }
  493.  
  494. .albumtags a:nth-child(3n + 1):hover {border-bottom:2px solid {color:Accent One};}
  495. .albumtags a:nth-child(3n + 2):hover {border-bottom:2px solid {color:Accent Two};}
  496. .albumtags a:nth-child(3n + 3):hover {border-bottom:2px solid {color:Accent Three};}
  497.  
  498. .albumtags i {font-size:12px;padding:0px 3px;}
  499.  
  500. /* --- SIDEBAR ; PROJECTS ---*/
  501.  
  502. .project {margin-bottom:40px;}
  503.  
  504. .projects {position:relative;}
  505.  
  506. .projects img {width:340px;height:125px;margin-bottom:10px;}
  507.  
  508. .projectinfo {
  509. background:{color:Content};
  510. position:relative;
  511. top:-30px;
  512. left:10px;
  513. margin-bottom:0px;
  514. padding-top:10px;
  515. width:320px;
  516. }
  517.  
  518. .projectinfo, .projectinfo h1, .projectinfo b {font-style:italic;}
  519.  
  520. .projectinfo h1 {font-size:18px;text-transform:uppercase;margin:0px;}
  521.  
  522. .projectinfo b {display:inline-block;font-size:13px;font-weight:600;text-transform:uppercase;margin-bottom:-5px;}
  523.  
  524. .projecttags {margin:-60px 0px 40px 0px;}
  525.  
  526. .projecttags a {
  527. text-transform:uppercase;
  528. border-bottom:2px solid {color:Content};
  529. display:inline-block;
  530. padding:0px 5px 2px 5px;
  531. margin:0px 3px 0px 3px;
  532. transition:0.1s ease-in-out;
  533. -webkit-transition:0.1s ease-in-out;
  534. -moz-transition:0.1s ease-in-out;
  535. }
  536.  
  537. .projecttags a:nth-child(3n + 1):hover {border-bottom:2px solid {color:Accent One};}
  538. .projecttags a:nth-child(3n + 2):hover {border-bottom:2px solid {color:Accent Two};}
  539. .projecttags a:nth-child(3n + 3):hover {border-bottom:2px solid {color:Accent Three};}
  540.  
  541. .projecttags i {font-size:12px;padding:0px 3px;}
  542.  
  543. /* --- POSTS --- */
  544.  
  545. .posts {
  546. background:{color:Container};
  547. float:right;
  548. width:540px;
  549. margin:70px 70px 0px 0px;
  550. }
  551.  
  552. .iposts {
  553. background:{color:Content};
  554. max-width:540px;
  555. padding:10px;
  556. text-align:left!important;
  557. }
  558.  
  559. .set {
  560. margin-bottom:-8px;
  561. }
  562.  
  563. .photo-slideshow {
  564. width:auto!important;
  565. }
  566.  
  567. .iposts img, .ipostpxu, .ipostpxu img {max-width:540px;height:auto;}
  568.  
  569. /* --- POSTS --- */
  570.  
  571. .postinfo {
  572. background:{color:Content};
  573. text-align:center;
  574. padding:10px 10px 20px 10px;
  575. color:{color:Text};
  576. font-size:12px;
  577. font-style:italic;
  578. }
  579.  
  580. .postinfo a {color:{color:Text};padding:0px 5px 5px 5px;}
  581.  
  582. .postinfo:nth-of-type(3n + 1) a.postdate {border-bottom:2px solid {color:Accent One};}
  583.  
  584. .postinfo:nth-of-type(3n + 2) a.postdate {border-bottom:2px solid {color:Accent Two};}
  585.  
  586. .postinfo:nth-of-type(3n + 3) a.postdate {border-bottom:2px solid {color:Accent Three};}
  587.  
  588. /* --- POST CONTROL --- */
  589.  
  590. .postcontrol {
  591. float:right;
  592. margin:3px 0px 0px 0px;
  593. }
  594.  
  595. .postcontrol i {
  596. color:{color:Text};
  597. height:auto;
  598. padding:1px;
  599. display:block;
  600. overflow:visible;
  601. height:auto;
  602. }
  603.  
  604. .postcontrol a {
  605. position:relative;
  606. display:inline-block;
  607. overflow:hidden;
  608. padding:0px;
  609. margin:0px 1px;
  610. }
  611.  
  612. .postcontrol .reblog {
  613. position:relative;
  614. left:3px;
  615. opacity:1;
  616. }
  617.  
  618. .postcontrol .reblog i {
  619. font-size:10px;
  620. }
  621.  
  622. .reblog i {
  623. color:{color:Text};
  624. transition:0.2s ease-in-out;
  625. -webkit-transition:0.2s ease-in-out;
  626. -moz-transition:0.2s ease-in-out;
  627. }
  628.  
  629. .postcontrol .like .liked + i {
  630. color:{color:Text};
  631. opacity:1;
  632. }
  633.  
  634. .like {
  635. position:relative;
  636. top:-1.5px;
  637. }
  638.  
  639. .like i {
  640. color:{color:Text};
  641. font-size:8px;
  642. transition:0.2s ease-in-out;
  643. -webkit-transition:0.2s ease-in-out;
  644. -moz-transition:0.2s ease-in-out;
  645. }
  646.  
  647. .postcontrol .like .liked + i {
  648. color:{color:Accent One};
  649. }
  650.  
  651. .postcontrol .like .like_button {
  652. position:relative;
  653. }
  654.  
  655. .postcontrol .like .like_button iframe {
  656. position:absolute;
  657. top:0;
  658. left:0;
  659. bottom:0;
  660. right:0;
  661. z-index:2;
  662. opacity:0.000001;
  663. }
  664.  
  665. /* --- POST END --- */
  666.  
  667. .postend {padding:20px 10px 0px 10px;background:{color:Content};}
  668.  
  669. .notecont {display:inline-block;}
  670.  
  671. .noteimg {text-align:center;}
  672.  
  673. .noteimg img {width:61px;height:33px;}
  674.  
  675. .notecount {
  676. color:#000;
  677. text-align:center;
  678. margin:-20px 0px 20px 0px;
  679. font-size:14px;
  680. text-transform:uppercase;
  681. font-style:italic;
  682. font-weight:600;
  683. }
  684.  
  685. .postsource {
  686. position:relative;
  687. top:12px;
  688. right:0px;
  689. float:right;
  690. }
  691.  
  692. /* --- POST TAGS --- */
  693. .posttags {
  694. background:{color:Content};
  695. text-align:left;
  696. padding:10px 10px 40px 10px;
  697. }
  698.  
  699. .posttags a {
  700. font-style:italic;
  701. color:{color:Links};
  702. margin:0px 4px 0px 5px;
  703. transition:.2s ease-in-out;
  704. -webkit-transition:.2s ease-in-out;
  705. -moz-transition:.2s ease-in-out;
  706. }
  707.  
  708. .posttags a:hover {color:{color:Text};}
  709.  
  710. .postborder {
  711. margin:0 auto;
  712. margin-bottom:100px;
  713. height:3px;
  714. width:432px;
  715. background-image: url("https://static.tumblr.com/zvesamf/79Ppibml9/thebeyoncesource_postborder.png");
  716. background-position:top center;
  717. background-repeat:no-repeat;
  718. }
  719.  
  720. /* --- POST STYLES --- */
  721.  
  722. h1, h2 {
  723. text-align:center;
  724. text-transform:uppercase;
  725. font-size:15px;
  726. margin:10px 0px 20px 0px;
  727. letter-spacing:4px;
  728. font-style:italic;
  729. font-weight:400;
  730. }
  731.  
  732. h3 {
  733. text-align:left;
  734. font-size:14px;
  735. margin:10px 0px 20px 0px;
  736. letter-spacing:4px;
  737. font-style:italic;
  738. font-weight:400;
  739. }
  740.  
  741. .text {margin-top:-15px;}
  742.  
  743. blockquote {
  744. padding:2px 0px 2px 10px;
  745. text-decoration:none;
  746. border-left: 1px solid {color:Text};
  747. margin:5px 0;
  748. }
  749.  
  750. blockquote img {
  751. max-width:100%;
  752. display:block;
  753. margin-bottom:5px;
  754. }
  755.  
  756. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label {font-weight:600;}
  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. .asker {text-align:center;padding-bottom:10px;}
  772.  
  773. .asker a {color:{color:Text};}
  774.  
  775. .askeravatar {padding:0px 0px 5px 0px;}
  776.  
  777. .askeravatar img {height:30px;width:30px;}
  778.  
  779. .question {text-align:justify;text-align-last:center;}
  780.  
  781. /* --- PAGINATION --- */
  782.  
  783. .pagination {
  784. background:{color:Content};
  785. padding:10px 0px 100px 0px;
  786. text-align:center;
  787. display:inline-block;
  788. width:540px;
  789. }
  790.  
  791. .pagination b {
  792. text-transform:uppercase;
  793. font-style:italic;
  794. font-weight:600;
  795. }
  796.  
  797. .pagination a {
  798. display:inline-block;
  799. color:{color:Text};
  800. padding:2px 4px 2px 2px;
  801. }
  802.  
  803. .pagination .current {
  804. display:inline-block;
  805. margin:8px;
  806. color:{color:Text};
  807. min-width:15px;
  808. }
  809.  
  810. .current_page {padding:2px 4px 2px 2px;}
  811.  
  812. .pagination a.jump {
  813. font-size:10px;
  814. line-height:10px;
  815. color:{color:Text};
  816. min-width:15px;
  817. }
  818.  
  819. /* --- AUDIO --- */
  820.  
  821. .audio { background:#fff;}
  822.  
  823. .player {
  824. position:absolute;
  825. margin-top:-69px;
  826. margin-left:35px;
  827. opacity:0.6;
  828. }
  829.  
  830. .audiop, .player {display:inline-block;}
  831.  
  832. .trackname {
  833. margin-left:120px;
  834. margin-top:-75px;
  835. color:{color:Text};
  836. text-transform:uppercase;
  837. }
  838.  
  839. .artist {
  840. margin-left:120px;
  841. margin-top:-5px;
  842. color:{color:Text};
  843. }
  844.  
  845. .albuname {
  846. margin-left:120px;
  847. margin-top:0px;
  848. color:{color:Text};
  849. }
  850.  
  851. .audiop {
  852. position:absolute;
  853. display:block;
  854. margin-top:4px
  855. margin-top:-109px;
  856. }
  857.  
  858. .audioimg img {
  859. margin-top:10px;
  860. height:100px;
  861. width:100px;
  862. }
  863.  
  864. .tumblr_audio_player {
  865. width:30px;
  866. height:27px;
  867. overflow:hidden;
  868. }
  869.  
  870. .soundcloud_audio_player {padding-top:15px;}
  871.  
  872. /* --- LIGHTBOXES ---*/
  873.  
  874. .vignette, #vignette {opacity:0;}
  875.  
  876. .lightbox-image, #tumblr_lightbox img {
  877. box-shadow:none !important;
  878. border-radius:0 !important;
  879. max-width:none;
  880. -moz-box-sizing:border-box;
  881. box-sizing:border-box;
  882. }
  883.  
  884. .tmblr-lightbox, #tumblr_lightbox {
  885. background-color:rgba(255,255,255,.90) !important;
  886. }
  887.  
  888. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  889.  
  890. /* ---PERMALINK NOTES --- */
  891.  
  892. #permanote::-webkit-scrollbar {height:15px;width:15px;background-color:#fff;}
  893.  
  894. #permanote::-webkit-scrollbar-track {background-color:#fff;border:7px solid #fff;}
  895.  
  896. #permanote::-webkit-scrollbar-thumb {min-height:25px;min-width:25px;background-color:#fff;border:7px solid #fff;}
  897.  
  898. #permanote {
  899. width:480px;
  900. margin:-70px 0 20px 0px;
  901. background:{color:Content};
  902. padding:5px 30px;
  903. text-align:left;
  904. overflow-x:hidden;
  905. overflow-y:scroll;
  906. }
  907.  
  908. #permanote blockquote {border-left:1px solid {color:Text};}
  909.  
  910. ol.notes {
  911. padding: 0px;
  912. margin:25px 0px;
  913. list-style-type: none;
  914. border-bottom: solid 0px;
  915. font-size: 10px;
  916. letter-spacing: 1px;
  917. }
  918.  
  919. .notes a {color: {color:Text};}
  920. .notes a:hover {color: {color:Text};}
  921.  
  922. ol.notes li.note {
  923. border-top: solid 1px {color:Text};
  924. padding: 10px;
  925. list-style-type:none!important;
  926. }
  927.  
  928. ol.notes li.note img.avatar {
  929. vertical-align: -1px;
  930. margin-right: 10px;
  931. width: 12px;
  932. height: 12px;
  933. display: inline-block;
  934. }
  935.  
  936. ol.notes li.note span.action {font-weight: normal;}
  937.  
  938. ol.notes li.note .answer_content {font-weight: normal;}
  939.  
  940. ol.notes li.note blockquote {
  941. border-color: {color:Text};
  942. padding: 4px 10px;
  943. margin: 10px 0px 0px 25px;
  944. }
  945.  
  946. ol.notes li.note blockquote a {text-decoration: none;}
  947.  
  948. /* --- FOOTER ---*/
  949.  
  950. footer {
  951. margin:0 auto;
  952. margin:70px 0px;
  953. width:1120px;
  954. height:69px;
  955. background-image: url("https://static.tumblr.com/zvesamf/YG1pibn74/thebeyoncesource_footer.png");
  956. background-position:top center;
  957. background-repeat:no-repeat;
  958. }
  959.  
  960. /* --- JUMP LINKS --- */
  961.  
  962. #scrollToTop {
  963. display:none;
  964. position:fixed;
  965. bottom:22px;
  966. right:10px;
  967. }
  968.  
  969. #scrollToTop i {
  970. color:{color:Text};
  971. font-size:10px;
  972. display:inline-block;
  973. padding:5px;
  974. transition:0.2s ease-in-out;
  975. -webkit-transition:0.2s ease-in-out;
  976. -moz-transition:0.2s ease-in-out;
  977. }
  978.  
  979. {CustomCSS}
  980. </style>
  981.  
  982. </head>
  983. <body>
  984.  
  985.  
  986.  
  987.  
  988.  
  989. <!-- START TOPBAR -->
  990. <div class="topbar">
  991.  
  992. <a href="{text:Top Bar Link One URL}">{text:Top Bar Link One}</a>
  993. <a href="{text:Top Bar Link Two URL}">{text:Top Bar Link Two}</a>
  994. <a href="{text:Top Bar Link Three URL}">{text:Top Bar Link Three}</a>
  995. <a href="{text:Top Bar Link Four URL}">{text:Top Bar Link Four}</a>
  996.  
  997. <span class="topimage"><img src="https://static.tumblr.com/zvesamf/HOKpiawbg/thebeyoncesource_logo.png" /></span>
  998.  
  999. <a href="{text:Top Bar Link Five URL}">{text:Top Bar Link Five}</a>
  1000. <a href="{text:Top Bar Link Six URL}">{text:Top Bar Link Six}</a>
  1001. <a href="{text:Top Bar Link Seven URL}">{text:Top Bar Link Seven}</a>
  1002. <a href="{text:Top Bar Link Eight URL}">{text:Top Bar Link Eight}</a>
  1003. </div>
  1004.  
  1005. {block:IndexPage}
  1006. <div class="tcontrols">+</div>
  1007. {/block:IndexPage}
  1008. <!-- END TOPBAR -->
  1009.  
  1010.  
  1011.  
  1012.  
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018. <!-- START CONTAINER -->
  1019. <div class="container">
  1020.  
  1021.  
  1022.  
  1023.  
  1024. <!-- START HEADER -->
  1025. <div class="header"></div>
  1026. <!-- END HEADER -->
  1027.  
  1028.  
  1029.  
  1030.  
  1031. <!-- START WELCOME -->
  1032. <div class="welcome">
  1033.  
  1034. <div class="blogwelcome">
  1035. <div class="welcomefirst"><img src="https://static.tumblr.com/zvesamf/Z0spiaxl3/thebeyoncesource_welcome.png"/></div>
  1036. elcome to <b>thebeyoncesource</b>! Here you will find everything Beyonce. We post the <i>latest news</i>, images and also <em>share our</em> edits, psds, icons, gifs, headers and more.
  1037. <br>Be sure to follow us for daily Beyonce content!
  1038. <p>
  1039. <img src="https://static.tumblr.com/zvesamf/RdIpiaxlc/thebeyoncesource_welcomelogo.png" />
  1040. </div>
  1041.  
  1042. <div class="latestposts">
  1043. <div class='ji-tumblr-photos'>
  1044. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-1' href=''><img border='0' id='ji-tumblr-photo-latest_posts-1' src='' alt='' /></a></div>
  1045. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-2' href=''><img border='0' id='ji-tumblr-photo-latest_posts-2' src='' alt='' /></a></div>
  1046. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-3' href=''><img border='0' id='ji-tumblr-photo-latest_posts-3' src='' alt='' /></a></div>
  1047. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-4' href=''><img border='0' id='ji-tumblr-photo-latest_posts-4' src='' alt='' /></a></div>
  1048. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-5' href=''><img border='0' id='ji-tumblr-photo-latest_posts-5' src='' alt='' /></a></div>
  1049. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-6' href=''><img border='0' id='ji-tumblr-photo-latest_posts-6' src='' alt='' /></a></div>
  1050. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-7' href=''><img border='0' id='ji-tumblr-photo-latest_posts-7' src='' alt='' /></a></div>
  1051. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-8' href=''><img border='0' id='ji-tumblr-photo-latest_posts-8' src='' alt='' /></a></div>
  1052. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-9' href=''><img border='0' id='ji-tumblr-photo-latest_posts-9' src='' alt='' /></a></div>
  1053. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-10' href=''><img border='0' id='ji-tumblr-photo-latest_posts-10' src='' alt='' /></a></div>
  1054. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-11' href=''><img border='0' id='ji-tumblr-photo-latest_posts-11' src='' alt='' /></a></div>
  1055. <div class="ji-cont"><a id='ji-tumblr-url-latest_posts-12' href=''><img border='0' id='ji-tumblr-photo-latest_posts-12' src='' alt='' /></a></div>
  1056. </div>
  1057. <script type='text/javascript' src='http://{text:Blog URL}.tumblr.com/api/read/json?number=12&type=photo'></script>
  1058. <script type='text/javascript'>
  1059. document.getElementById('ji-tumblr-photo-latest_posts-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-250']);
  1060. document.getElementById('ji-tumblr-url-latest_posts-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
  1061. document.getElementById('ji-tumblr-photo-latest_posts-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-250']);
  1062. document.getElementById('ji-tumblr-url-latest_posts-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
  1063. document.getElementById('ji-tumblr-photo-latest_posts-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-250']);
  1064. document.getElementById('ji-tumblr-url-latest_posts-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
  1065. document.getElementById('ji-tumblr-photo-latest_posts-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-250']);
  1066. document.getElementById('ji-tumblr-url-latest_posts-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
  1067. document.getElementById('ji-tumblr-photo-latest_posts-5').setAttribute('src', tumblr_api_read.posts[4]['photo-url-250']);
  1068. document.getElementById('ji-tumblr-url-latest_posts-5').setAttribute('href', tumblr_api_read.posts[4]['url-with-slug']);
  1069. document.getElementById('ji-tumblr-photo-latest_posts-6').setAttribute('src', tumblr_api_read.posts[5]['photo-url-250']);
  1070. document.getElementById('ji-tumblr-url-latest_posts-6').setAttribute('href', tumblr_api_read.posts[5]['url-with-slug']);
  1071. document.getElementById('ji-tumblr-photo-latest_posts-7').setAttribute('src', tumblr_api_read.posts[6]['photo-url-250']);
  1072. document.getElementById('ji-tumblr-url-latest_posts-7').setAttribute('href', tumblr_api_read.posts[6]['url-with-slug']);
  1073. document.getElementById('ji-tumblr-photo-latest_posts-8').setAttribute('src', tumblr_api_read.posts[7]['photo-url-250']);
  1074. document.getElementById('ji-tumblr-url-latest_posts-8').setAttribute('href', tumblr_api_read.posts[7]['url-with-slug']);
  1075. document.getElementById('ji-tumblr-photo-latest_posts-9').setAttribute('src', tumblr_api_read.posts[8]['photo-url-250']);
  1076. document.getElementById('ji-tumblr-url-latest_posts-9').setAttribute('href', tumblr_api_read.posts[8]['url-with-slug']);
  1077. document.getElementById('ji-tumblr-photo-latest_posts-10').setAttribute('src', tumblr_api_read.posts[9]['photo-url-250']);
  1078. document.getElementById('ji-tumblr-url-latest_posts-10').setAttribute('href', tumblr_api_read.posts[9]['url-with-slug']);
  1079. document.getElementById('ji-tumblr-photo-latest_posts-11').setAttribute('src', tumblr_api_read.posts[10]['photo-url-250']);
  1080. document.getElementById('ji-tumblr-url-latest_posts-11').setAttribute('href', tumblr_api_read.posts[10]['url-with-slug']);
  1081. document.getElementById('ji-tumblr-photo-latest_posts-12').setAttribute('src', tumblr_api_read.posts[11]['photo-url-250']);
  1082. document.getElementById('ji-tumblr-url-latest_posts-12').setAttribute('href', tumblr_api_read.posts[11]['url-with-slug']);
  1083. </script>
  1084. </div>
  1085.  
  1086. </div>
  1087. <!-- END WELCOME -->
  1088.  
  1089.  
  1090.  
  1091.  
  1092.  
  1093.  
  1094.  
  1095.  
  1096.  
  1097.  
  1098.  
  1099.  
  1100.  
  1101.  
  1102. <!-- START SIDEBAR -->
  1103. <div class="sidebar">
  1104.  
  1105.  
  1106. <!-- About -->
  1107. <div class="side-justify">
  1108. <div class="sidetitlecont">
  1109. <div class="sidetitlebg"><img src="https://static.tumblr.com/zvesamf/3rDpiazew/thebeyoncesource_sidebar_about.png"/></div>
  1110. <div class="sidetitle">About Beyonce</div>
  1111. </div>
  1112.  
  1113. <img src="{image:Sidebar}" />
  1114.  
  1115. <p>
  1116.  
  1117. <b>Beyoncé</b> is a musician, singer, songwriter, dancer, actress, entrepreneur who was born and raised in Houston, Texas. She rose to fame as the lead-singer of one of the best selling, singing girl groups called Destiny's Child. She later became a solo artist becoming one of the world's best talented musicians performing in stadiums of huge capacity
  1118.  
  1119. </div>
  1120. <!-- About -->
  1121.  
  1122.  
  1123.  
  1124.  
  1125.  
  1126.  
  1127.  
  1128. <!-- Navigation -->
  1129. <div class="side">
  1130. <div class="sidetitlecont">
  1131. <div class="sidetitlebg"><img src="https://static.tumblr.com/zvesamf/OKepiazeu/thebeyoncesource_sidebar_navi.png"/></div>
  1132. <div class="sidetitle">Navigation</div>
  1133. </div>
  1134.  
  1135. <div class="navigation">
  1136. <a href="/"><i class="fas fa-globe"></i></a>
  1137. <a href="/"><i class="fab fa-facebook-f"></i></a>
  1138. <a href="/"><i class="fab fa-twitter"></i></a>
  1139. <a href="/"><i class="fab fa-instagram"></i></a>
  1140. <a href="/"><i class="fab fa-tumblr"></i></a>
  1141. <a href="/"><i class="fab fa-youtube"></i></a>
  1142. </div>
  1143.  
  1144. </div>
  1145. <!-- Navigation -->
  1146.  
  1147.  
  1148.  
  1149.  
  1150.  
  1151.  
  1152.  
  1153. <!-- Events -->
  1154. <div class="side-justify">
  1155. <div class="sidetitlecont">
  1156. <div class="sidetitlebg"><img src="https://static.tumblr.com/zvesamf/d9Upiazex/thebeyoncesource_sidebar_events.png"/></div>
  1157. <div class="sidetitle">Upcoming Events</div>
  1158. </div>
  1159. <div class="events">
  1160.  
  1161.  
  1162. <!-- Event Info -->
  1163. <div class="event">
  1164.  
  1165. <b>Nov. 16</b>
  1166. 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.
  1167.  
  1168. </div>
  1169.  
  1170.  
  1171.  
  1172. <!-- Event Info -->
  1173. <div class="event">
  1174.  
  1175. <b>Nov. 16</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. Donec nec elit molestie massa finibus pulvinar non nec lacus.
  1176.  
  1177. </div>
  1178.  
  1179.  
  1180. <!-- Event Info -->
  1181. <div class="event">
  1182.  
  1183. <b>Nov. 16</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante. Donec nec elit molestie massa finibus pulvinar non nec lacus.
  1184.  
  1185. </div>
  1186.  
  1187.  
  1188. </div>
  1189. </div>
  1190. <!-- Events -->
  1191.  
  1192.  
  1193.  
  1194.  
  1195.  
  1196.  
  1197.  
  1198. <!-- Albums -->
  1199. {block:IndexPage}
  1200. <div class="side">
  1201. <div class="sidetitlecont">
  1202. <div class="sidetitlebg"><img src="https://static.tumblr.com/zvesamf/C79piazew/thebeyoncesource_sidebar_albums.png"/></div>
  1203. <div class="sidetitle">Albums</div>
  1204. </div>
  1205.  
  1206. <!-- Albums -->
  1207. <div class="album">
  1208. <div class="albums"><img src="https://static.tumblr.com/zvesamf/zvMpibef7/album_lemonade.jpg" /></div>
  1209. <div class="albuminfo"><div class="albumi">
  1210. <h1>Lemonade</h1>
  1211. <b>April 23, 2016</b>
  1212. <p>
  1213. Her second "visual album" following her 2013 fifth album "Beyonce", and is a concept album accompanied upon its release by a sixty-five minute film aired on HBO. Primarily an R&B album, Lemonade encompasses a variety of genres, including pop, reggae, blues, rock, hip hop, soul, funk, Americana, country, gospel, electronic, and trap music.
  1214. <p>
  1215. </div></div>
  1216. </div>
  1217. <div class="albumtags">
  1218. <a href=""><i class="fab fa-itunes-note"></i> iTunes</a>
  1219. <a href=""><i class="fas fa-gem"></i> tidal</a>
  1220. <a href="/tagged/lemonade"><i class="fas fa-tag"></i> Tag</a>
  1221. </div>
  1222.  
  1223.  
  1224.  
  1225.  
  1226. <!-- Albums -->
  1227. <div class="album">
  1228. <div class="albums"><img src="https://static.tumblr.com/zvesamf/bvPpibef6/album_beyonce.jpg" /></div>
  1229. <div class="albuminfo"><div class="albumi">
  1230. <h1>Beyoncé</h1>
  1231. <b>December 13, 2013</b>
  1232. <p>
  1233. Developed as a "visual album", its songs are accompanied by non-linear short films that illustrate the musical concepts conceived during production. Its dark, intimate subject material includes feminist themes of sex, monogamous love, and relationship issues, inspired by Beyoncé's desire to assert her full creative freedom.
  1234. </div></div>
  1235. </div>
  1236. <div class="albumtags">
  1237. <a href=""><i class="fab fa-itunes-note"></i> iTunes</a>
  1238. <a href=""><i class="fas fa-gem"></i> tidal</a>
  1239. <a href="/tagged/beyonce"><i class="fas fa-tag"></i> Tag</a>
  1240. </div>
  1241.  
  1242.  
  1243.  
  1244.  
  1245. <!-- Albums -->
  1246. <div class="album">
  1247. <div class="albums"><img src="https://static.tumblr.com/zvesamf/huQpibef5/album_4.jpg" /></div>
  1248. <div class="albuminfo"><div class="albumi">
  1249. <h1>4</h1>
  1250. <b>June 24, 2011</b>
  1251. <p>
  1252. Following a career hiatus that reignited her creativity, Beyoncé was inspired to create a record with a basis in traditional rhythm and blues that stood apart from contemporary popular music. Her various collaborations developed diverse vocal styles and influences from funk, hip hop, and soul music.
  1253. </div></div>
  1254. </div>
  1255. <div class="albumtags">
  1256. <a href=""><i class="fab fa-itunes-note"></i> iTunes</a>
  1257. <a href=""><i class="fas fa-gem"></i> tidal</a>
  1258. <a href="/tagged/4"><i class="fas fa-tag"></i> Tag</a>
  1259. </div>
  1260.  
  1261.  
  1262.  
  1263.  
  1264.  
  1265. <!-- Albums -->
  1266. <div class="album">
  1267. <div class="albums"><img src="https://static.tumblr.com/zvesamf/mpepibef5/album_sashafierce.jpg" /></div>
  1268. <div class="albuminfo"><div class="albumi">
  1269. <h1>I Am... Sasha Fierce</h1>
  1270. <b>November 12, 2008</b>
  1271. <p>
  1272. The album was formatted as a double album, intending to market Beyoncé's contrasting facets of artistry. The first disc, I Am..., contains slow and midtempo pop and R&B ballads, while the second, Sasha Fierce, focuses on more uptempo beats that blend electropop and Europop genres.
  1273. </div></div>
  1274. </div>
  1275. <div class="albumtags">
  1276. <a href=""><i class="fab fa-itunes-note"></i> iTunes</a>
  1277. <a href=""><i class="fas fa-gem"></i> tidal</a>
  1278. <a href="/tagged/iasf"><i class="fas fa-tag"></i> Tag</a>
  1279. </div>
  1280.  
  1281.  
  1282.  
  1283.  
  1284.  
  1285. <!-- Albums -->
  1286. <div class="album">
  1287. <div class="albums"><img src="https://static.tumblr.com/zvesamf/Vsfpibef6/album_bday.jpg" /></div>
  1288. <div class="albuminfo"><div class="albumi">
  1289. <h1>B'Day</h1>
  1290. <b>September 4, 2006</b>
  1291. <p>
  1292. The albums lyrical content was inspired by Beyoncé's role in the film, with its musical style ranging from 1970s–80s funk influences and balladry to urban contemporary elements such as hip hop and R&B. Live instrumentation was employed in recording most of the tracks as part of Beyoncé's vision of creating a record using live instruments.
  1293. </div></div>
  1294. </div>
  1295. <div class="albumtags">
  1296. <a href=""><i class="fab fa-itunes-note"></i> iTunes</a>
  1297. <a href=""><i class="fas fa-gem"></i> tidal</a>
  1298. <a href="/tagged/bday"><i class="fas fa-tag"></i> Tag</a>
  1299. </div>
  1300.  
  1301.  
  1302.  
  1303.  
  1304.  
  1305. <!-- Albums -->
  1306. <div class="album">
  1307. <div class="albums"><img src="https://static.tumblr.com/zvesamf/qQ6pibef7/album_dil.jpg" /></div>
  1308. <div class="albuminfo"><div class="albumi">
  1309. <h1>Dangerously in Love</h1>
  1310. <b>June 23, 2003</b>
  1311. <p>
  1312. Dangerously in Love is the debut solo studio album by American singer Beyoncé. The tracks in the album are a mixture of uptempo songs and ballads, which are basically inspired by R&B and soul genres; it also features elements of hip hop and Arabic music.
  1313. </div>
  1314. </div></div>
  1315. <div class="albumtags">
  1316. <a href=""><i class="fab fa-itunes-note"></i> iTunes</a>
  1317. <a href=""><i class="fas fa-gem"></i> tidal</a>
  1318. <a href="/tagged/dil"><i class="fas fa-tag"></i> Tag</a>
  1319. </div>
  1320.  
  1321.  
  1322. </div>
  1323. {/block:IndexPage}
  1324. <!-- Albums -->
  1325.  
  1326.  
  1327.  
  1328.  
  1329.  
  1330.  
  1331.  
  1332. <!-- Twitter -->
  1333. {block:IndexPage}
  1334. <div class="side">
  1335. <div class="sidetitlecont">
  1336. <div class="sidetitlebg"><img src="https://static.tumblr.com/zvesamf/lekpiazev/thebeyoncesource_sidebar_twitter.png"/></div>
  1337. <div class="sidetitle">Twitter</div>
  1338. </div>
  1339.  
  1340. <a class="twitter-timeline" data-width="360" data-height="350" href="https://twitter.com/Bey_Legion?ref_src=twsrc%5Etfw">Tweets by Bey_Legion</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  1341.  
  1342. </div>
  1343. {/block:IndexPage}
  1344. <!-- Twitter -->
  1345.  
  1346.  
  1347.  
  1348.  
  1349.  
  1350.  
  1351.  
  1352. <!-- Instagram -->
  1353. {block:IndexPage}
  1354. <div class="side">
  1355. <div class="sidetitlecont">
  1356. <div class="sidetitlebg"><img src="https://static.tumblr.com/zvesamf/Nqypiazeu/thebeyoncesource_sidebar_insta.png"/></div>
  1357. <div class="sidetitle">Instagram</div>
  1358. </div>
  1359.  
  1360. <!-- InstaWidget -->
  1361. <a href="https://instawidget.net/v/user/beyonce" id="link-bb2dbb268c12d9bb4cdbac3def5e60b7d78e6cf9a92d9b767626955b3e105c93">@beyonce</a>
  1362. <script src="https://instawidget.net/js/instawidget.js?u=bb2dbb268c12d9bb4cdbac3def5e60b7d78e6cf9a92d9b767626955b3e105c93&width=340px"></script>
  1363.  
  1364. </div>
  1365. {/block:IndexPage}
  1366. <!-- Instagram -->
  1367.  
  1368.  
  1369.  
  1370.  
  1371.  
  1372.  
  1373.  
  1374. <!-- Projects -->
  1375. {block:IndexPage}
  1376. <div class="side">
  1377. <div class="sidetitlecont">
  1378. <div class="sidetitlebg"><img src="https://static.tumblr.com/zvesamf/lXopiazev/thebeyoncesource_sidebar_projects.png"/></div>
  1379. <div class="sidetitle">Projects</div>
  1380. </div>
  1381.  
  1382. <!-- projects -->
  1383. <div class="project">
  1384. <div class="projects"><img src="https://static.tumblr.com/zvesamf/lompibfxy/project_tlk.jpg" /></div>
  1385. <div class="projectinfo"><div class="projecti">
  1386. <h1>The Lion King</h1>
  1387. <b>July 19, 2019</b>
  1388. <p>
  1389. 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. Nullam ipsum nulla, sodales non ornare et, accumsan a sem.
  1390. </div>
  1391. </div></div>
  1392. <div class="projecttags">
  1393. <a href=""><i class="fas fa-globe"></i> Website</a>
  1394. <a href=""><i class="fab fa-imdb"></i> imdb</a>
  1395. <a href="/tagged/dil"><i class="fas fa-tag"></i> Tag</a>
  1396. </div>
  1397.  
  1398.  
  1399.  
  1400.  
  1401. <!-- projects -->
  1402. <div class="project">
  1403. <div class="projects"><img src="https://static.tumblr.com/zvesamf/JERpibfxx/project_eil.jpg" /></div>
  1404. <div class="projectinfo"><div class="projecti">
  1405. <h1>Everything IS Love</h1>
  1406. <b>June 16, 2018</b>
  1407. <p>
  1408. 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. Nullam ipsum nulla, sodales non ornare et, accumsan a sem.
  1409. </div>
  1410. </div></div>
  1411. <div class="projecttags">
  1412. <a href=""><i class="fas fa-globe"></i> Website</a>
  1413. <a href=""><i class="fab fa-imdb"></i> imdb</a>
  1414. <a href="/tagged/dil"><i class="fas fa-tag"></i> Tag</a>
  1415. </div>
  1416.  
  1417.  
  1418.  
  1419.  
  1420. <!-- projects -->
  1421. <div class="project">
  1422. <div class="projects"><img src="https://static.tumblr.com/zvesamf/MnXpibfxx/project_otr.jpg" /></div>
  1423. <div class="projectinfo"><div class="projecti">
  1424. <h1>OTR ii</h1>
  1425. <b>March 12, 2018</b>
  1426. <p>
  1427. 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. Nullam ipsum nulla, sodales non ornare et, accumsan a sem.
  1428. </div>
  1429. </div></div>
  1430. <div class="projecttags">
  1431. <a href=""><i class="fas fa-globe"></i> Website</a>
  1432. <a href=""><i class="fab fa-imdb"></i> imdb</a>
  1433. <a href="/tagged/dil"><i class="fas fa-tag"></i> Tag</a>
  1434. </div>
  1435.  
  1436.  
  1437.  
  1438.  
  1439. <!-- projects -->
  1440. <div class="project">
  1441. <div class="projects"><img src="https://static.tumblr.com/zvesamf/dqspibfxx/project_ivypark.jpg" /></div>
  1442. <div class="projectinfo"><div class="projecti">
  1443. <h1>Ivy Park AW '18</h1>
  1444. <b>MArch 31, 2016</b>
  1445. <p>
  1446. 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. Nullam ipsum nulla, sodales non ornare et, accumsan a sem.
  1447. </div>
  1448. </div></div>
  1449. <div class="projecttags">
  1450. <a href=""><i class="fas fa-globe"></i> Website</a>
  1451. <a href=""><i class="fab fa-imdb"></i> imdb</a>
  1452. <a href="/tagged/dil"><i class="fas fa-tag"></i> Tag</a>
  1453. </div>
  1454.  
  1455. </div>
  1456. {/block:IndexPage}
  1457. <!-- Projects -->
  1458.  
  1459.  
  1460.  
  1461.  
  1462.  
  1463.  
  1464.  
  1465. <!-- Video -->
  1466. {block:IndexPage}
  1467. <div class="side">
  1468. <div class="sidetitlecont">
  1469. <div class="sidetitlebg"><img src="https://static.tumblr.com/zvesamf/Jaipiazew/thebeyoncesource_sidebar_video.png"/></div>
  1470. <div class="sidetitle">Latest Video</div>
  1471. </div>
  1472.  
  1473.  
  1474. <iframe width="340" height="194" src="https://www.youtube.com/embed/kbMqWXnpXcA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  1475.  
  1476. </div>
  1477. {/block:IndexPage}
  1478. <!-- Video -->
  1479.  
  1480.  
  1481.  
  1482.  
  1483.  
  1484.  
  1485.  
  1486. <!-- Stats -->
  1487. <div class="side-left">
  1488. <div class="sidetitlecont">
  1489. <div class="sidetitlebg"><img src="https://static.tumblr.com/zvesamf/nvvpiazev/thebeyoncesource_sidebar_stats.png"/></div>
  1490. <div class="sidetitle">Stats</div>
  1491. </div>
  1492.  
  1493. <b>Admin:</b> beycolored<br>
  1494. <b>Established:</b> September 2018<br>
  1495. <b>Theme:</b> <a href="http://ethereal-themes.tumblr.com">ethereal</a><br>
  1496. <b>Currently online:</b> <br>
  1497. <b>Total visits:</b> <br>
  1498.  
  1499. </div>
  1500. <!-- Stats -->
  1501.  
  1502.  
  1503.  
  1504.  
  1505.  
  1506.  
  1507.  
  1508. <!-- Disclaimer -->
  1509. <div class="side-justify">
  1510. <div class="sidetitlecont">
  1511. <div class="sidetitlebg"><img src="https://static.tumblr.com/zvesamf/PrIpiazex/thebeyoncesource_sidebar_disclaimer.png"/></div>
  1512. <div class="sidetitle">Disclaimer</div>
  1513. </div>
  1514.  
  1515. We claim no credit for any images posted unless stated otherwise. images and information on this blog are copyright to their respectful owners. if there is any content appearing on this blog that belongs to you and you do not wish for it to appear on this blog, please message us with a link to say which post and it will be promptly removed.
  1516.  
  1517. </div>
  1518. <!-- Disclaimer -->
  1519.  
  1520.  
  1521.  
  1522.  
  1523. </div>
  1524. <!-- END SIDEBAR -->
  1525.  
  1526.  
  1527.  
  1528.  
  1529.  
  1530.  
  1531.  
  1532.  
  1533.  
  1534.  
  1535.  
  1536.  
  1537.  
  1538.  
  1539. <!-- POSTS START -->
  1540. <div class="posts">
  1541. {block:Posts}
  1542.  
  1543.  
  1544.  
  1545. <!-- POST INFO START -->
  1546. <div class="postinfo">
  1547.  
  1548. {block:Date}<a class="postdate" href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a>{/block:Date}
  1549.  
  1550. {block:IndexPage}
  1551. <div class="postcontrol">
  1552. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fa fa-retweet"></i></a>
  1553. <a href="#" class="like">{LikeButton}<i class="fa fa-heart"></i></a>
  1554. </div>
  1555. {/block:IndexPage}
  1556.  
  1557. </div>
  1558. <!-- POST INFO END -->
  1559.  
  1560.  
  1561.  
  1562. <!-- POST STYLE -->
  1563. <div class="iposts" id="{PostID}">
  1564.  
  1565. {block:Text}<div class="text">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  1566.  
  1567. {block:Link}<a href="{URL}"><h3>{Name}</h3></a>
  1568. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1569.  
  1570. {block:Quote}<h3>“{Quote}”</h3>-{Source}</b>{/block:Quote}
  1571.  
  1572. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1573. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1574.  
  1575. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1576. <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>
  1577. {block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  1578.  
  1579. {block:Chat}
  1580. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1581. {/block:Chat}
  1582.  
  1583. {block:Audio}
  1584. <div class="audio">
  1585.  
  1586. {block:AlbumArt}
  1587. <div class="audioimg">
  1588. <img src="{AlbumArtURL}" />
  1589. </div>
  1590. {block:AlbumArt}
  1591.  
  1592. {block:AudioPlayer}
  1593. <div class="player">
  1594. {AudioPlayerBlack}
  1595. </div>
  1596. {/block:AudioPlayer}
  1597.  
  1598. <div class="audiop">
  1599. {block:TrackName}
  1600. <div class="trackname">
  1601. {TrackName}
  1602. </div>
  1603. {/block:TrackName}
  1604. {block:Artist}
  1605. <div class="artist">
  1606. by {Artist}
  1607. </div>
  1608. {/block:Artist}
  1609. </div>
  1610. {block:Caption}{Caption}{/block:Caption}
  1611. </div>
  1612. {/block:Audio}
  1613.  
  1614.  
  1615. {block:Video}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1616.  
  1617. {block:Answer}
  1618. <div class="asker">
  1619. <div class="askeravatar"><img src="{AskerPortraitURL-40}" /></div>
  1620. <div class="askername">{Asker} asked:</div>
  1621. </div>
  1622. <div class="question">{Question}</div>
  1623.  
  1624. {Answer}{/block:Answer}
  1625.  
  1626. </div>
  1627. <!-- POST STYLE END -->
  1628.  
  1629.  
  1630.  
  1631. <!-- POST END START -->
  1632. <div class="postend">
  1633.  
  1634. <div class="notecont">
  1635. {block:NoteCount}
  1636. <div class="noteimg"><img src="https://static.tumblr.com/zvesamf/8Ttpibkli/thebeyoncesource_notes.png" /></div>
  1637.  
  1638. <div class="notecount">
  1639. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1640. </div>
  1641.  
  1642. {/block:NoteCount}
  1643. </div>
  1644.  
  1645. {block:RebloggedFrom}
  1646. <div class="postsource">
  1647. <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource}<a title="{ReblogRootName}" href="{SourceURL}">/src</a>{/block:ContentSource}
  1648. </div>
  1649. {/block:RebloggedFrom}
  1650.  
  1651. </div>
  1652. <!-- POST END -->
  1653.  
  1654.  
  1655.  
  1656.  
  1657.  
  1658. <!-- POST TAGS START -->
  1659. <div class="posttags">
  1660. {block:HasTags}<b>tagged:</b>{block:Tags}
  1661. <a href="{TagURL}">{Tag}</a>&nbsp;
  1662. {/block:Tags}{/block:HasTags}
  1663. </div>
  1664.  
  1665. <div class="postborder"></div>
  1666. <!-- POST TAGS END -->
  1667.  
  1668.  
  1669.  
  1670. {block:PostNotes}
  1671. <div id="permanote">{PostNotes}
  1672. </div>
  1673. {/block:PostNotes}
  1674.  
  1675.  
  1676.  
  1677. {/block:Posts}
  1678.  
  1679.  
  1680.  
  1681. <div class="pagination">
  1682. {block:IndexPage}
  1683. {block:Pagination}
  1684. {block:PreviousPage}
  1685. <b><a href="{PreviousPage}">previous</a></b>
  1686. {/block:PreviousPage}
  1687.  
  1688. {block:JumpPagination length="5"}
  1689. {block:CurrentPage}
  1690. <span class="current_page">{PageNumber}</span>
  1691. {/block:CurrentPage}
  1692.  
  1693. {block:JumpPage}
  1694. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1695. {/block:JumpPage}
  1696. {/block:JumpPagination}
  1697.  
  1698. {block:NextPage}
  1699. <b><a class="next" href="{NextPage}">next</a></b>
  1700. {/block:NextPage}
  1701. {/block:Pagination}
  1702. {/block:IndexPage}
  1703. </div>
  1704.  
  1705.  
  1706. </div>
  1707. <!-- POSTS END -->
  1708.  
  1709.  
  1710.  
  1711.  
  1712.  
  1713.  
  1714.  
  1715.  
  1716.  
  1717.  
  1718. <div id="end"></div>
  1719.  
  1720. <!-- START FOOTER -->
  1721. <footer></footer>
  1722. <!-- END FOOTER -->
  1723.  
  1724. </div>
  1725. <!-- END CONTAINER -->
  1726.  
  1727.  
  1728.  
  1729.  
  1730.  
  1731.  
  1732. <!-- ADDITIONAL SCRIPTS -->
  1733. {block:IndexPage}
  1734. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  1735.  
  1736. <script>
  1737. $(document).ready(function(){
  1738. $("a").on('click', function(event) {
  1739.  
  1740. if (this.hash !== "") {
  1741. event.preventDefault();
  1742.  
  1743. var hash = this.hash;
  1744.  
  1745. $('html, body').animate({
  1746. scrollTop: $(hash).offset().top
  1747. }, 800, function(){
  1748.  
  1749. window.location.hash = hash;
  1750. });
  1751. }
  1752. });
  1753. });
  1754. </script>
  1755.  
  1756. <script>
  1757. $(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")}})});
  1758. </script>
  1759.  
  1760. <a href="javascript:;" id="scrollToTop" rel="nofollow" ><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
  1761. {/block:IndexPage}
  1762.  
  1763. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1764. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1765. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1766.  
  1767. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1768.  
  1769. <script>
  1770. $(document).ready(function(){
  1771. $('.photo-slideshow').pxuPhotoset({
  1772. lightbox: true,
  1773. rounded: false,
  1774. gutter: '0px',
  1775. borderRadius: '0px',
  1776. photoset: '.photo-slideshow',
  1777. photoWrap: '.photo-data',
  1778. photo: '.pxu-photo'
  1779. });
  1780. });
  1781. </script>
  1782.  
  1783.  
  1784. </body>
  1785. </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!