API tools faq
paste
HighKingFen

Brittany

HighKingFen
Jan 15th, 2020
426
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.19 KB | None | 0 0
raw download clone embed print report
  1. <! DOCTYPE HTML>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. <link href="https://fonts.googleapis.com/css?family=Caveat+Brush|Homemade+Apple|Quicksand&display=swap" rel="stylesheet">
  10.  
  11. <meta name="image:header" content="https://66.media.tumblr.com/2c3cb96d7327c1dc1faa4348561e9556/63dd9f5d04611b55-5f/s540x810/96f0e3a527f57701c680bb4324833faba09c77c7.png" />
  12.  
  13. <meta name="color:accent" content="#f289a9" />
  14. <meta name="color:gradient one" content="#830d3c" />
  15. <meta name="color:gradient two" content="#f289a9" />
  16. <meta name="color:background" content="#830d3c" />
  17. <meta name="color:background two" content="black" />
  18. <meta name="color:sidebar" content="white" />
  19. <meta name="color:link" content="#ffc182" />
  20. <meta name="color:text" content="black" />
  21. <meta name="color:text sidebar" content="black" />
  22.  
  23.  
  24. <meta name="text:title" content="Brittany Curran Fanblog" />
  25. <meta name="text:description" content="Bla bla bla bla" />
  26. <meta name="text:link one" content="Link One" />
  27. <meta name="text:link one url" content="/" />
  28. <meta name="text:link Two" content="Link Two" />
  29. <meta name="text:link Two url" content="/" />
  30. <meta name="text:link Three" content="Link Three" />
  31. <meta name="text:link Three url" content="/" />
  32. <meta name="text:link Four" content="Link Four" />
  33. <meta name="text:link Four url" content="/" />
  34. <meta name="text:link Five" content="Link Five" />
  35. <meta name="text:link Five url" content="/" />
  36.  
  37. <!--------
  38.  
  39. FANSITE BASECODE BY JULIAROLEPLAYS
  40.  
  41.  
  42. -------->
  43.  
  44. <style type="text/css">
  45. .iframe-controls--desktop {
  46. opacity:0.2;
  47.  
  48. }
  49. .iframe-controls--desktop:hover{
  50. opacity:1;
  51.  
  52. }
  53.  
  54.  
  55. /*---------------- GENERAL ----------------*/
  56.  
  57. body {
  58. margin: 0;
  59. color:{color:text};
  60. font-family: 'Quicksand', sans-serif;
  61. background-color:{color:background};
  62. }
  63.  
  64. sub, sup, small {
  65. font-size: 14px;
  66. }
  67.  
  68. a{
  69. color:{color:link};
  70. }
  71.  
  72. a:hover{
  73. color:{color:accent};
  74. }
  75.  
  76. b,u,i{
  77. color:{color:link};
  78. }
  79.  
  80. /*---------------- CONTAINERS ----------------*/
  81.  
  82. #upper {
  83. background-image:url('{image:header}');
  84. background-size:cover;
  85. height:400px;
  86. width:1300px;
  87. margin-left:23px;
  88.  
  89. }
  90.  
  91. #lower {
  92. width: 1300px;
  93. min-height: 1500px; /* this should be adjusted the more content you have in your sidebars--- it makes it so your sidebars aren't longer than your lower container */
  94. padding-top: 30px;
  95. margin: auto;
  96. margin-bottom: 0;
  97. background:{color:background two};
  98. }
  99.  
  100. #lower a{
  101. color:{color:accent};
  102. }
  103.  
  104. #lower a:hover{
  105. color:{color:link};
  106. }
  107.  
  108. #postblock {
  109. width: 560px;
  110. margin: auto;
  111.  
  112. }
  113.  
  114. /*---------------- HEADER ----------------*/
  115.  
  116. #navigation {
  117. position: fixed;
  118. margin-top: 0;
  119. width: 1300px;
  120. height: 50px;
  121. background-color: rgba(0, 0, 0, 0.3);
  122. }
  123.  
  124. #navigation ul {
  125. list-style: none;
  126. right:0;
  127. position:absolute;
  128. margin: 0;
  129. margin-top: 20px;
  130. font-weight: 700;
  131. }
  132.  
  133. #navigation ul li {
  134. display: inline;
  135. text-align: center;
  136. margin-top: 0;
  137.  
  138. }
  139.  
  140. #navigation ul li a {
  141. padding: 5px;
  142. text-transform: uppercase;
  143. text-align: center;
  144. letter-spacing: 2px;
  145. }
  146.  
  147. .title{
  148. font-size:29px;
  149. margin-left:8px;
  150. position:absolute;
  151. background-image:linear-gradient(to right, {color:gradient one}, {color:gradient two});
  152. -webkit-background-clip: text;
  153. -webkit-text-fill-color: transparent;
  154. top:8px;
  155. font-family: 'Homemade Apple', cursive;
  156. text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
  157. }
  158.  
  159. .sec_desc{
  160. margin-top:200px;
  161. font-size:12px;
  162. right:10%;
  163. position:absolute;
  164. color:yellow;
  165. max-height:200px;
  166. width:370px;
  167. overflow:hidden;
  168. background-color: rgba(0, 0, 0, 0.3);
  169. padding:5px;
  170. color:{color:accent};
  171. text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
  172.  
  173. }
  174. /*---------------- SIDEBARS ----------------*/
  175.  
  176. #left {
  177. float: left;
  178. margin-left: 25px;
  179. width: 300px;
  180. color:{color:text sidebar};
  181. }
  182.  
  183. #right {
  184. float: right;
  185. margin-right: 25px;
  186. width: 300px;
  187. color:{color:text sidebar};
  188. }
  189.  
  190. #random {
  191. width:267px;
  192. margin-left:auto;
  193. margin-right:auto;
  194. background-color:#ffffff;
  195. border:1px solid #f5f3f3;
  196. border-radius: 5px;
  197. padding:3px;
  198. padding-bottom:1px;
  199. }
  200.  
  201. #random img {
  202. width:267px;
  203. height:auto;
  204. border-radius: 3px;
  205. }
  206.  
  207. /*---------------- BOXES ----------------*/
  208.  
  209. .boxheader {
  210. width: 280px;
  211. padding: 10px;
  212. color: white;
  213. background-image:linear-gradient(to right, {color:gradient one}, {color:gradient two});
  214. }
  215.  
  216. .boxtitle {
  217. text-align: center;
  218. font-family: 'Caveat Brush', cursive;
  219. text-shadow: 2px 2px 2px black;
  220. }
  221.  
  222. .box {
  223. width: 280px;
  224. padding: 10px;
  225. margin-bottom: 15px;
  226. background: white;
  227. }
  228.  
  229. #desc{
  230. font-size:10px;
  231. text-align:justify;
  232. }
  233.  
  234. /*----------------GENERAL----------------------*/
  235.  
  236. img {
  237. width: 100%;
  238. height: auto;
  239. }
  240.  
  241. .gallery-container {
  242. width: 100vw;
  243. height: 100vh;
  244. overflow: hidden;
  245. position: relative;
  246. display: flex;
  247. justify-content: space-between;
  248. flex-wrap: wrap;
  249. padding: 10px;
  250. }
  251.  
  252. .gallery-item {
  253. width: 240px;
  254. height: 320px;
  255. padding: 10px;
  256. background-color: white;
  257. box-shadow: 0px 0px rgba(0,0,0,0.1);
  258. margin: 10px;
  259. }
  260.  
  261. /*---------------- UPDATE----------------*/
  262.  
  263. .update{
  264. text-align:justify;
  265. }
  266.  
  267. .update h1{
  268. color:{color:accent};
  269. margin-top:-5px;
  270. text-align:center;
  271.  
  272. }
  273.  
  274. .update img{
  275. width: 240px;
  276. background-color: white;
  277. box-shadow: 0px 0px rgba(0,0,0,0.1);
  278. margin: 10px;;
  279. padding:5px;
  280. }
  281.  
  282. /*---------------- TAG----------------*/
  283.  
  284.  
  285. .tags ul{
  286. padding:3px;
  287. margin:1px;
  288.  
  289.  
  290. }
  291.  
  292. .tags li{
  293. display: inline-block;
  294. list-style-type: none;
  295. padding:3px;
  296. margin: 4px 2px;
  297. }
  298.  
  299.  
  300. /*---------------- AFFILIATES /STAFF----------------*/
  301.  
  302. .aff {
  303. display: inline-block;
  304. margin: 3px;
  305. }
  306.  
  307. /*---------------- ROLEPLAYS ----------------*/
  308.  
  309. .rpgname {
  310. margin-top: 10px;
  311. margin-bottom: 5px;
  312. font-size: 20px;
  313. text-transform: uppercase;
  314. }
  315.  
  316. .rpgimg {
  317. float: left;
  318. height:65px;
  319. width:65px;
  320. }
  321.  
  322. .rpginfo {
  323. height: 55px;
  324. width: 195px;
  325. padding: 5px 5px 5px 75px;
  326. }
  327.  
  328. /*---------------- POSTS ----------------*/
  329.  
  330. .posts {
  331. width: 500px;
  332. padding: 30px;
  333. margin-bottom: 20px;
  334. background: white;
  335. border-radius:5px;
  336. }
  337.  
  338.  
  339. #quote{
  340. color:{color:accent};
  341. font-size:17px;
  342. padding:3px;
  343. text-align:center;
  344. }
  345.  
  346. #cite{
  347. font-style: italic;
  348. text-align:right;
  349. }
  350.  
  351. #post_title{
  352. color:{color:accent};
  353. }
  354.  
  355. #chat{
  356. list-style-type:none;
  357. }
  358.  
  359. #chat li:nth-child(even){
  360. color:{color:accent};
  361. }
  362.  
  363. #post_link {
  364. text-align:center;
  365. }
  366.  
  367. #ask{
  368. border:1px solid {color:accent};
  369. padding:10px;
  370. font-style:bold;
  371. }
  372.  
  373.  
  374. #question{
  375. display:inline-block;
  376. }
  377. /*---------------- PAGINATION ----------------*/
  378.  
  379. .pagination {
  380. width: 400px;
  381. padding-bottom: 20px;
  382. margin-left: auto;
  383. margin-right: auto;
  384. margin-top: 20px;
  385. text-align: center;
  386. text-transform: uppercase;
  387. }
  388.  
  389. .jump_page {
  390. padding: 10px;
  391. }
  392.  
  393. .current_page {
  394. margin-left: 5px;
  395. }
  396.  
  397. .current_page, .jump_page:hover {
  398. padding: 10px;
  399. }
  400.  
  401. /*---------------- FOOTER ----------------*/
  402.  
  403. #footer {
  404. width: 1280px;
  405. padding: 10px;
  406. margin: auto;
  407. margin-bottom: 0;
  408. color: white;
  409. background: black;
  410. }
  411.  
  412. </style></head><body>
  413.  
  414. <!---------------- HEADER START ---------------->
  415.  
  416. <div id="upper">
  417. <div id="navigation">
  418. <div class="title">{text:title}</div>
  419. <ul>
  420. <li><a href="{text:link one url}">{text:link one}</a>
  421. <li><a href="{text:link two url}">{text:link two}</a>
  422. <li><a href="{text:link three url}">{text:link three}</a>
  423. <li><a href="{text:link four url}">{text:link four}</a>
  424. <li><a href="{text:link five url}">{text:link five}</a>
  425. </ul>
  426. </div>
  427.  
  428.  
  429. <div class="sec_desc">{Text:description}</div>
  430.  
  431.  
  432.  
  433. </div>
  434.  
  435. <!---------------- HEADER END ---------------->
  436.  
  437. <!---------------- LOWER BODY START ---------------->
  438.  
  439. <div id="lower">
  440.  
  441. <!---------------- LEFT SIDEBAR START ---------------->
  442.  
  443. <div id="left">
  444.  
  445. <!-------- GENERAL BOX START -------->
  446.  
  447. <div class="boxheader">
  448. <div class="boxtitle">{Title}</div>
  449. </div>
  450. <div class="box" class="" id="desc">
  451. <div id="random">
  452. <script language="JavaScript">
  453. function random_imglink(){
  454. var myimages=new Array()
  455. //specify random images below. You can have as many as you wish
  456. myimages[1]="https://66.media.tumblr.com/f7607404b97cb8960e2123998f480fb5/757d34653cfe7e0a-7e/s400x600/8499260e9a6508dc271ecb5bd9b82de418f14f68.gif"
  457. myimages[2]="https://66.media.tumblr.com/03c86cb442512fe1791e0b0248a36591/2dfde819963325c1-a4/s400x600/edb7fdd667d421e449ad538474d0e47504cd3d87.gif"
  458. myimages[3]="https://66.media.tumblr.com/73c03a6df5eefa8edae47132b132dbe2/tumblr_po0an8CX8g1wd05tno7_r1_400.gif"
  459. myimages[4]="https://66.media.tumblr.com/1cefa3b41f481a78401b99088600d448/tumblr_pquafggmCt1wd05tno2_500.gif"
  460. myimages[5]="https://66.media.tumblr.com/f362bc444ac6de5233821acc75fa41be/tumblr_pp7bnvtEyi1wd05tno2_400.gif"
  461.  
  462. var ry=Math.floor(Math.random()*myimages.length)
  463. if (ry==0)
  464. ry=1
  465. document.write('<img src="'+myimages[ry]+'" border=0>')
  466. }
  467. random_imglink()
  468. //--></script></div>
  469. {Description}
  470. </div>
  471.  
  472. <!-------- GENERAL END -------->
  473.  
  474. <!-------- UPDATES START -------->
  475.  
  476. <div class="boxheader">
  477. <div class="boxtitle">Update</div>
  478. </div>
  479. <div class="box" class="" id="desc">
  480. <div class="update">
  481. <img src="https://pbs.twimg.com/media/EOGdfdzXkAIR2EL?format=jpg&name=small">
  482. <h1>Brittany Got Engaged!</h1>
  483. As of January 12, Brittany got engaged with her partner during their travel in Paris. Congratulation!
  484. </div>
  485. <div class="update">
  486. <img src="https://pbs.twimg.com/media/EM_AXjQUUAAN5Wr?format=jpg&name=small">
  487. <h1>The Magicians comes back on January 15th</h1>
  488. Brittany returns as Fen in the 5th season of SYFY The Magicians!
  489. </div>
  490. </div>
  491.  
  492. <!-------- UPDATES END -------->
  493.  
  494.  
  495. </div>
  496.  
  497. <!---------------- LEFT SIDENBAR END ---------------->
  498.  
  499. <!---------------- RIGHT SIDEBAR START ---------------->
  500.  
  501. <div id="right">
  502.  
  503. <!-------- FEATURED RPGS OR PROJECT START -------->
  504.  
  505. <div class="boxheader">
  506. <div class="boxtitle">Roleplays Or Projects</div>
  507. </div>
  508. <div class="box">
  509.  
  510. <!---- START ---->
  511.  
  512. <div class="rpgname">rpg name</div>
  513. <hr>
  514. <div id="roleplay">
  515. <img src="https://via.placeholder.com/65" class="rpgimg">
  516. <div class="rpginfo">
  517. Character
  518. <br>Summary
  519. <br><a href="/">Link to RP</a>
  520. </div>
  521. </div>
  522.  
  523. <!---- END ---->
  524.  
  525. <!---- START ---->
  526.  
  527. <div class="rpgname">Project Name</div>
  528. <hr>
  529. <div id="roleplay">
  530. <img src="https://via.placeholder.com/65" class="rpgimg">
  531. <div class="rpginfo">
  532. Requested by ABC DEFG
  533. <br>Status: In Progress (65%)
  534. <br><a href="/">Link to Finished Product</a>
  535. </div>
  536. </div>
  537.  
  538.  
  539. <!---- END ---->
  540.  
  541. </div>
  542.  
  543. <!-------- FEATURED RPGS AND PROJECTS END -------->
  544.  
  545. <!-------- TAGSSTART -------->
  546.  
  547. <div class="boxheader">
  548. <div class="boxtitle">Tags and Directory</div>
  549. </div>
  550. <div class="box" class="" id="desc">
  551. <div class="tags">
  552. <ul>
  553. <li><a href="/">The Magicians</a>
  554. <li><a href="/">Fen</a>
  555. <li><a href="/">Zach & Cody</a>
  556. <li><a href="/">Disney Trips</a>
  557. <li><a href="/">Animals</a>
  558. <li><a href="/">Water of Life</a>
  559. </ul>
  560. </div>
  561. </div>
  562.  
  563. <!-------- TAGS END -------->
  564.  
  565. <!--------STAFF START -------->
  566.  
  567. <div class="boxheader">
  568. <div class="boxtitle">Staff Member</div>
  569. </div>
  570. <div class="box" class="affiliates">
  571.  
  572. <div class="aff">
  573. <a href="URL">
  574. <img src="https://via.placeholder.com/60">
  575. </a>
  576. </div>
  577.  
  578. <div class="aff">
  579. <a href="URL">
  580. <img src="https://via.placeholder.com/60">
  581. </a>
  582. </div>
  583.  
  584. <div class="aff">
  585. <a href="URL">
  586. <img src="https://via.placeholder.com/60">
  587. </a>
  588. </div>
  589.  
  590. <div class="aff">
  591. <a href="URL">
  592. <img src="https://via.placeholder.com/60">
  593. </a>
  594. </div>
  595.  
  596. </div>
  597.  
  598. <!-------- STAFF END -------->
  599.  
  600. <!-------- AFFILIATES START -------->
  601.  
  602. <div class="boxheader">
  603. <div class="boxtitle">Affiliates</div>
  604. </div>
  605. <div class="box" class="affiliates">
  606.  
  607. <div class="aff">
  608. <a href="URL">
  609. <img src="https://via.placeholder.com/60">
  610. </a>
  611. </div>
  612.  
  613. <div class="aff">
  614. <a href="URL">
  615. <img src="https://via.placeholder.com/60">
  616. </a>
  617. </div>
  618.  
  619. <div class="aff">
  620. <a href="URL">
  621. <img src="https://via.placeholder.com/60">
  622. </a>
  623. </div>
  624.  
  625. <div class="aff">
  626. <a href="URL">
  627. <img src="https://via.placeholder.com/60">
  628. </a>
  629. </div>
  630.  
  631. </div>
  632.  
  633. <!-------- AFFILIATES END -------->
  634.  
  635.  
  636. </div>
  637.  
  638. <!---------------- RIGHT SIDEBAR END ---------------->
  639.  
  640. <!---------------- POSTS START ---------------->
  641.  
  642. <div id="postblock">
  643.  
  644. {block:Posts}
  645.  
  646. <div class="posts">
  647.  
  648. <!-------- GENERAL CONTENT -------->
  649.  
  650. {block:Text}
  651. <div id="post_title"> {block:Title}{Title}{/block:Title}</div>
  652. {Body}
  653. {/block:Text}
  654.  
  655. <!-------- SINGLE IMAGE -------->
  656.  
  657. {block:Photo}
  658. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  659. {block:Caption}{Caption}{/block:Caption}
  660. {/block:Photo}
  661.  
  662. <!-------- CHAT -------->
  663.  
  664. {block:Chat}
  665. {block:Title}{Title}{/block:Title}
  666. <div id="chat">
  667. {block:Lines}
  668. <li class="line {Alt}">
  669. {block:Label}{Label}{/block:Label}
  670. {Line}
  671. {/block:Lines}</div>
  672. {/block:Chat}
  673.  
  674. <!-------- PHOTOSETS -------->
  675.  
  676. {block:Panorama}
  677. {LinkOpenTag}
  678. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  679. {LinkCloseTag}
  680. {block:Caption}{Caption}{block:Caption}
  681. {/block:Panorama}
  682.  
  683. {block:Photoset}
  684. {Photoset-500}
  685. {block:Caption}{Caption}{/block:Caption}
  686. {/block:Photoset}
  687.  
  688. <!-------- QUOTE -------->
  689.  
  690. {block:Quote}
  691. <div id="quote">
  692. {Quote}</div>
  693. <div id="cite"> {block:Source}{Source}{/block:Source}</div>
  694. {/block:Quote}
  695.  
  696. <!-------- LINK -------->
  697.  
  698. {block:Link}
  699. <div id="post_link"> <a href="{URL}" class="link">{Target}{Name}</a></div>
  700. {block:Description}{Description}{/block:Description}
  701. {/block:Link}
  702.  
  703. <!-------- VIDEO -------->
  704.  
  705.  
  706. {block:Video}
  707. {Video-500}
  708. {block:Caption}{Caption}{/block:Caption}
  709. {/block:Video}
  710.  
  711. <!-------- AUDIO -------->
  712.  
  713. {block:Audio}
  714. {AudioEmbed}
  715. {block:Caption}{Caption}{/block:Caption}
  716. {/block:Audio}
  717.  
  718. <!-------- ASK -------->
  719.  
  720. {block:Answer}
  721.  
  722. <div id="ask"> {Asker}
  723. <div id="question">{Question}</div></div>
  724. {Answer}
  725.  
  726. {/block:Answer}
  727.  
  728. <!---------------- POSTS END ---------------->
  729.  
  730.  
  731. </div>
  732.  
  733. {/block:Posts}
  734.  
  735. <!---------------- PAGINATION START ---------------->
  736.  
  737. {block:Pagination}
  738. <div class="pagination">
  739.  
  740. {block:PreviousPage}
  741. <a href="{PreviousPage}">Previous</a>
  742. {/block:PreviousPage}
  743. {block:JumpPagination length="10"}
  744. {block:CurrentPage}
  745. <span class="current_page"> {PageNumber} </span>
  746. {/block:CurrentPage}
  747.  
  748. {block:JumpPage}
  749. <a class="jump_page" href="{URL}"> {PageNumber} </a>
  750. {/block:JumpPage}
  751. {/block:JumpPagination}
  752.  
  753. {block:NextPage}
  754. <a href="{NextPage}">Next</a>
  755. {/block:NextPage}
  756.  
  757. </div>
  758. {/block:Pagination}
  759.  
  760. </div>
  761.  
  762.  
  763. <!---------------- PAGINATION END ---------------->
  764.  
  765. </div>
  766.  
  767. <!---------------- FOOTER START ---------------->
  768.  
  769. <div id="footer">
  770. This is the footer, credit, a disclaimer or whatever you want can go here.
  771. </div>
  772.  
  773. <!---------------- FOOTER END ---------------->
  774.  
  775. <!---------------- LOWER BODY END ---------------->
  776.  
  777.  
  778. <!---------------JAVASCRIPT----------------------->
  779.  
  780.  
  781. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!