API tools faq
paste
Advertisement
sandragonthemes

Theme #23

sandragonthemes
Jul 28th, 2015
591
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.71 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2.  
  3. <!--
  4. This is theme #23 by sandragonthemes.
  5. Please follow the rules and do not remove the credit.
  6. If you have questions or feedback please send me a message.
  7. -->
  8.  
  9. <html>
  10. <head>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <title>{Title}</title>
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  19.  
  20. <!-- 500PX POST FIX ORIGINALLY FOUND AT:
  21. http://jumpingpuddles.tumblr.com/post/101488809743 -->
  22. <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
  23. <script type="text/javascript">
  24. window.onload = function() {
  25. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:400px; margin-bottom: -4px;");
  26. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:400px;");
  27. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:195px; margin-right: 0px;");
  28. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:123px; margin-right: 0px;");
  29. }
  30. </script>
  31.  
  32.  
  33. <script src="http://static.tumblr.com/gghvtgk/SOQnkkvun/jquery.style-my-tooltips.js"></script>
  34. <script src="http://static.tumblr.com/gghvtgk/2qYnrurk4/scripttheme23.js"></script>
  35.  
  36. <script>
  37. (function($) {
  38. $(document).ready(function() {
  39.  
  40. $("[title]").style_my_tooltips({
  41. tip_follows_cursor: true,
  42. tip_delay_time: 50,
  43. tip_fade_speed: 300,
  44. attribute: "title"
  45. }); //end tooltips
  46.  
  47. }); //end on doc ready
  48. })(jQuery); //end
  49. </script>
  50.  
  51. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  52. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  53. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><i class="fa fa-arrow-up" title="Go to Top" alt="Go to Top"></i></a>
  54.  
  55. <!--DEFAULT VARIABLES-->
  56. <meta name="font:Body Font" content="Calibri, Arial, Helvetica, sans-serif"/>
  57. <meta name="text:Font size" content="9pt"/>
  58.  
  59. <meta name="color:Link" content="#000000"/>
  60. <meta name="color:Link Hover" content="#72c1f8"/>
  61. <meta name="color:Border Color" content="#eaebec"/>
  62. <meta name="color:Background Color" content="#ffffff"/>
  63. <meta name="color:Text Color" content="#505050"/>
  64. <meta name="color:Topbar and Menu Color" content="#000000"/>
  65. <meta name="color:Title Color" content="#ffffff"/>
  66.  
  67. <meta name="image:Sidebar image" content=""/>
  68.  
  69. <meta name="image:Sideblog 1 icon" content=""/>
  70. <meta name="text:Sideblog 1 url" content=""/>
  71. <meta name="image:Sideblog 2 icon" content=""/>
  72. <meta name="text:Sideblog 2 url" content=""/>
  73. <meta name="image:Sideblog 3 icon" content=""/>
  74. <meta name="text:Sideblog 3 url" content=""/>
  75. <meta name="image:Sideblog 4 icon" content=""/>
  76. <meta name="text:Sideblog 4 url" content=""/>
  77. <meta name="image:Sideblog 5 icon" content=""/>
  78. <meta name="text:Sideblog 5 url" content=""/>
  79. <meta name="image:Sideblog 6 icon" content=""/>
  80. <meta name="text:Sideblog 6 url" content=""/>
  81.  
  82. <meta name="image:Fandom 1 image" content=""/>
  83. <meta name="text:Fandom 1 name" content=""/>
  84. <meta name="text:Fandom 1 tag" content=""/>
  85. <meta name="image:Fandom 2 image" content=""/>
  86. <meta name="text:Fandom 2 name" content=""/>
  87. <meta name="text:Fandom 2 tag" content=""/>
  88. <meta name="image:Fandom 3 image" content=""/>
  89. <meta name="text:Fandom 3 name" content=""/>
  90. <meta name="text:Fandom 3 tag" content=""/>
  91. <meta name="image:Fandom 4 image" content=""/>
  92. <meta name="text:Fandom 4 name" content=""/>
  93. <meta name="text:Fandom 4 tag" content=""/>
  94. <meta name="image:Fandom 5 image" content=""/>
  95. <meta name="text:Fandom 5 name" content=""/>
  96. <meta name="text:Fandom 5 tag" content=""/>
  97.  
  98. <meta name="text:Link 1" content="http://"/>
  99. <meta name="text:Link 1 Title" content=""/>
  100. <meta name="text:Link 2" content="http://">
  101. <meta name="text:Link 2 Title" content=""/>
  102. <meta name="text:Link 3" content="http://">
  103. <meta name="text:Link 3 Title" content=""/>
  104. <meta name="text:Link 4" content="http://">
  105. <meta name="text:Link 4 Title" content=""/>
  106. <meta name="text:Link 5" content="http://">
  107. <meta name="text:Link 5 Title" content=""/>
  108. <meta name="text:Link 6" content="http://">
  109. <meta name="text:Link 6 Title" content=""/>
  110. <meta name="text:Link 7" content="http://">
  111. <meta name="text:Link 7 Title" content=""/>
  112. <meta name="text:Link 8" content="http://">
  113. <meta name="text:Link 8 Title" content=""/>
  114.  
  115. <meta name="if:Show Searchbar" content="1"/>
  116. <meta name="if:Show Sideblogs" content="1"/>
  117. <meta name="if:Show Fandoms" content="1"/>
  118.  
  119. <style type="text/css">
  120.  
  121. /* SCROLLBAR */
  122. ::-webkit-scrollbar {
  123. width: 4px;
  124. height: 4px;
  125. background-color:{color:Topbar and Menu Color};
  126. }
  127.  
  128. ::-webkit-scrollbar-thumb {
  129. background-color: {color:Border Color};
  130. width: 4px;
  131. height: 4px;
  132. }
  133.  
  134. /* SELECTION */
  135. ::selection {
  136. background-color: #cccbcb;
  137. }
  138.  
  139. ::-moz-selection {
  140. background: #cccbcb;
  141. }
  142.  
  143. /* BODY */
  144. body{
  145. font-family:{font:Body Font};
  146. font-size:{text:Font size};
  147. background-color:{color:Background Color};
  148. color:{color:Text Color};
  149. margin:0;
  150. }
  151.  
  152. a{
  153. text-decoration:none;
  154. color:{color:Link};
  155. -webkit-transition:all 0.3s;
  156. -moz-transition:all 0.3s;
  157. -ms-transition:all 0.3s;
  158. -o-transition:all 0.3s;
  159. }
  160.  
  161. a:hover{
  162. text-decoration:none;
  163. color:{color:Background Color};
  164. background-color:{color:Link Hover};
  165. padding:3px;
  166. -webkit-transition:all 0.3s;
  167. -moz-transition:all 0.3s;
  168. -ms-transition:all 0.3s;
  169. -o-transition:all 0.3s;
  170. }
  171.  
  172. #s-m-t-tooltip{
  173. max-width:300px;
  174. z-index:10;
  175. margin:24px 14px 7px 12px;
  176. padding:4px;
  177. background:{color:Link Hover};
  178. color:{color:Background Color};
  179. font-size:8pt;
  180. text-transform:uppercase;
  181. }
  182.  
  183. h1{
  184. font-size:24pt;
  185. color:{color:Title Color};
  186. text-transform:uppercase;
  187. font-weight:400;
  188. margin:0;
  189. font-weight:700;
  190. padding-top:25px;
  191. }
  192.  
  193. ul{
  194. list-style-type: none;
  195. padding: 0px;
  196. margin: 0px;
  197. }
  198.  
  199. h2{
  200. text-transform:uppercase;
  201. font-weight:400;
  202. text-align:left;
  203. }
  204.  
  205. /* TOPBAR */
  206. #topbar{
  207. position:fixed;
  208. height:90px;
  209. top:0;
  210. left:0;
  211. width:100%;
  212. margin:0 auto;
  213. background-color:{color:Topbar and Menu Color};
  214. color:{color:Title Color};
  215. z-index:7;
  216. }
  217.  
  218. #topbar img{
  219. float:left;
  220. border:10px solid {color:Border Color};
  221. margin:15px 25px 0px 15px;
  222. -webkit-transition:all 0.3s;
  223. -moz-transition:all 0.3s;
  224. -ms-transition:all 0.3s;
  225. -o-transition:all 0.3s;
  226. }
  227.  
  228. #topbar img:hover{
  229. border:10px solid {color:Link Hover};
  230. -webkit-transition:all 0.3s;
  231. -moz-transition:all 0.3s;
  232. -ms-transition:all 0.3s;
  233. -o-transition:all 0.3s;
  234. }
  235.  
  236. .title {
  237. font-size:12pt;
  238. color:{color:Title Color};
  239. text-transform:uppercase;
  240. font-weight:400;
  241. margin:0;
  242. font-weight:700;
  243. padding-top:25px;
  244. -webkit-transition:all 0.3s;
  245. -moz-transition:all 0.3s;
  246. -ms-transition:all 0.3s;
  247. -o-transition:all 0.3s;
  248. }
  249.  
  250. .big{
  251. font-size:24pt;
  252. -webkit-transition:all 0.3s;
  253. -moz-transition:all 0.3s;
  254. -ms-transition:all 0.3s;
  255. -o-transition:all 0.3s;
  256. }
  257.  
  258. /*MENU*/
  259. .fa-bars, .fa-close{
  260. position:fixed;
  261. top:30px;
  262. right:15px;
  263. z-index:10;
  264. cursor:pointer;
  265. }
  266.  
  267. .hidden{
  268. display:none;
  269. }
  270.  
  271. .menu {
  272. position:fixed;
  273. top:0px;
  274. margin-right:0px;
  275. right:0px;
  276. width:250px;
  277. height:100%;
  278. overflow-y:auto;
  279. overflow-x:hidden;
  280. background-color: {color:Topbar and Menu Color};
  281. z-index:9;
  282. -webkit-transition:all 0.6s;
  283. -moz-transition:all 0.6s;
  284. -ms-transition:all 0.6s;
  285. -o-transition:all 0.6s;
  286. }
  287.  
  288. .menu_items{
  289. margin-top:120px;
  290. margin-left:50px;
  291. text-transform:uppercase;
  292. font-size:13pt;
  293. font-weight:100;
  294. }
  295.  
  296. .menu_items li{
  297. margin:20px 0px;
  298. }
  299. .menu_items li a{
  300. color:{color:Link Hover};
  301. font-weight:100;
  302. }
  303.  
  304. .menu_items li a:hover{
  305. color:{color:Background Color};
  306. background-color:{color:Topbar and Menu Color};
  307. padding:0px;
  308. letter-spacing:2px;
  309. }
  310.  
  311. .menu_line{
  312. background-color: {color:Border Color};
  313. height:1px;
  314. width:200px;
  315. border:0px;
  316. }
  317.  
  318. .greyspan{
  319. color:{color:Text Color};
  320. }
  321.  
  322. .invisible{
  323. margin-right:-250px;
  324. -webkit-transition:all 0.6s;
  325. -moz-transition:all 0.6s;
  326. -ms-transition:all 0.6s;
  327. -o-transition:all 0.6s;
  328. }
  329.  
  330.  
  331. /* SIDEBAR */
  332. #sidebar{
  333. width:250px;
  334. float:left;
  335. margin-right:100px;
  336. margin-bottom:25px;
  337. }
  338.  
  339. .sidebar_item{
  340. margin-top:50px;
  341. }
  342.  
  343. .sidebar_item img{
  344. max-width:250px;
  345. }
  346.  
  347. .header2_red{
  348. color:{color:Link Hover};
  349. }
  350.  
  351. #sideblogs img{
  352. width:50px;
  353. height:50px;
  354. border:10px solid {color:Border Color};
  355. margin:5px;
  356. -webkit-transition:all 0.3s;
  357. -moz-transition:all 0.3s;
  358. -ms-transition:all 0.3s;
  359. -o-transition:all 0.3s;
  360. }
  361.  
  362. #sideblogs img:hover{
  363. border:10px solid {color:Link Hover};
  364. -webkit-transition:all 0.3s;
  365. -moz-transition:all 0.3s;
  366. -ms-transition:all 0.3s;
  367. -o-transition:all 0.3s;
  368. }
  369.  
  370. #searchbar{
  371. width:200px;
  372. height:30px;
  373. padding-left:30px;
  374. border:10px solid {color:Border Color};
  375. text-transform:uppercase;
  376. font-size:8px;
  377. letter-spacing:1px;
  378. color:#565656;
  379. background: url('http://i.imgur.com/Y2cYURC.png') #fbfbfb left center no-repeat;
  380. background-size: 24px 20px;
  381. -webkit-transition:all 0.3s;
  382. -moz-transition:all 0.3s;
  383. -ms-transition:all 0.3s;
  384. -o-transition:all 0.3s;
  385. }
  386.  
  387. #searchbar:focus{
  388. border:10px solid {color:Link Hover};
  389. -webkit-transition:all 0.3s;
  390. -moz-transition:all 0.3s;
  391. -ms-transition:all 0.3s;
  392. -o-transition:all 0.3s;
  393. outline: none;
  394. }
  395.  
  396. .fandom{
  397. border:10px solid {color:Border Color};
  398. margin-bottom:10px;
  399. width:230px;
  400. -webkit-transition:all 0.3s;
  401. -moz-transition:all 0.3s;
  402. -ms-transition:all 0.3s;
  403. -o-transition:all 0.3s;
  404. }
  405.  
  406. .fandom:hover{
  407. border:10px solid {color:Link Hover};
  408. -webkit-transition:all 0.3s;
  409. -moz-transition:all 0.3s;
  410. -ms-transition:all 0.3s;
  411. -o-transition:all 0.3s;
  412. }
  413.  
  414. .fa{
  415. font-size:24pt;
  416. letter-spacing:5px;
  417. }
  418.  
  419. .img_hover:hover{
  420. padding:0px;
  421. background-color:{color:Background Color};
  422. }
  423.  
  424. /*NAVIGATION*/
  425. #nav{
  426. width:440px;
  427. height:22px;
  428. padding-top:8px;
  429. background-color:{color:Border Color};
  430. text-align:center;
  431. font-size:8pt;
  432. text-transform:uppercase;
  433. font-weight:bold;
  434. bottom:0px;
  435. text-align:center;
  436. }
  437.  
  438. #nav a{
  439. color:{color:Text Color};
  440. }
  441.  
  442. #nav a:hover{
  443. color:{color:Link Hover};
  444. background-color:{color:Border Color};
  445. }
  446.  
  447.  
  448. /* POSTS */
  449. #content{
  450. width:790px;
  451. margin: auto;
  452. margin-bottom:120px;
  453. }
  454.  
  455. #post_wrapper{
  456. width:440px;
  457. float:left;
  458. }
  459.  
  460. .posts{
  461. width:400px;
  462. margin-left: auto;
  463. margin-right: auto;
  464. margin-bottom:200px;
  465. margin-top:50px;
  466. border:10px solid {color:Border Color};
  467. padding:10px;
  468. }
  469.  
  470.  
  471. .posts img {
  472. max-width:400px;
  473. }
  474.  
  475. .quote{
  476. font-style:italic;
  477. font-size:13pt;
  478. }
  479.  
  480. .label{
  481. font-weight:700;
  482. }
  483.  
  484. .chat{
  485. margin:5px;
  486. }
  487.  
  488. blockquote {
  489. padding-left:5px;
  490. margin:0px 2px 0px 10px;
  491. border-left: 1px dotted {color:Link Hover};
  492. }
  493.  
  494. /* ASK POSTS */
  495. #question{
  496. background-color: {color:Border Color};
  497. padding:11px;
  498. margin-top: 5px;
  499. margin-bottom:5px;
  500. text-align:left;
  501. }
  502.  
  503. #question p{
  504. margin:5px 0px 0px 0px;
  505. }
  506.  
  507. #asker{
  508. text-align:center;
  509. text-transform:uppercase;
  510. font-weight:700;
  511. font-size:10pt;
  512. }
  513.  
  514.  
  515. /* AUDIO */
  516. #audio_wrapper{
  517. width:400px;
  518. height:60px;
  519. position:relative;
  520. background-color:{color:Border Color};
  521. text-align:left;
  522. }
  523.  
  524. #audio_wrapper img{
  525. width:60px;
  526. height:60px;
  527. float:right;
  528. }
  529.  
  530. #trackinfo{
  531. margin-top:20px;
  532. font-size:10pt;
  533. font-style: italic;
  534. padding-left:15px;
  535. position: absolute;
  536. color:{color:Title Color};
  537. width:315px;
  538. }
  539.  
  540. .songid{
  541. font-weight:700;
  542. color:{color:Link};
  543. text-transform:uppercase;
  544. }
  545.  
  546. .audioverlay {
  547. margin-top: 8px;
  548. margin-left: 347px;
  549. background-color: #e4e4e4;
  550. position: absolute;
  551. opacity: 0.6;
  552. z-index: 2;
  553. }
  554.  
  555. .audioarrow {
  556. width: 20px;
  557. height: 30px;
  558. overflow: hidden;
  559. margin: 8px 17px 6px 9px;
  560. }
  561.  
  562. #audio_cap{
  563. width:400px;
  564. text-align: left;
  565. }
  566.  
  567. /* INFO */
  568. #info{
  569. width:420px;
  570. height:24px;;
  571. margin-left:-8px;
  572. margin-top:10px;
  573. }
  574.  
  575. .infos{
  576. width:61.5px;
  577. padding:5px;
  578. margin-right:7px;
  579. background-color:{color:Border Color};
  580. display:inline-block;
  581. text-align:center;
  582. -webkit-transition:all 0.3s;
  583. -moz-transition:all 0.3s;
  584. -ms-transition:all 0.3s;
  585. -o-transition:all 0.3s;
  586. }
  587.  
  588. .info_link{
  589. color:{color:Text Color};
  590. -webkit-transition:all 0.3s;
  591. -moz-transition:all 0.3s;
  592. -ms-transition:all 0.3s;
  593. -o-transition:all 0.3s;
  594. }
  595.  
  596. .info_link:hover{
  597. background-color:{color:Background Color};
  598. padding:0px;
  599. -webkit-transition:all 0.3s;
  600. -moz-transition:all 0.3s;
  601. -ms-transition:all 0.3s;
  602. -o-transition:all 0.3s;
  603. }
  604.  
  605. .infos i{
  606. font-size:10pt;
  607. letter-spacing:0px;
  608. }
  609.  
  610. .infos:hover{
  611. background-color:{color:Link Hover};
  612. color:{color:Background Color};
  613. -webkit-transition:all 0.3s;
  614. -moz-transition:all 0.3s;
  615. -ms-transition:all 0.3s;
  616. -o-transition:all 0.3s;
  617. }
  618.  
  619.  
  620. /* TAGS */
  621. #tags{
  622. width:390px;
  623. min-height:14px;
  624. background-color:{color:Border Color};
  625. margin-top:10px;
  626. padding:5px;
  627. text-transform:uppercase;
  628. font-size:7pt;
  629. overflow:auto;
  630. }
  631.  
  632. #tags a{
  633. margin-right:5px;
  634. }
  635.  
  636. #tags a:hover{
  637. color:{color:Link Hover};
  638. background-color:{color:Border Color};
  639. }
  640.  
  641. #tags a:after{
  642. content:',';
  643. }
  644.  
  645. #tags a:last-child:after{
  646. display:none;
  647. }
  648.  
  649. .fa-tag{
  650. font-size:8pt;
  651. margin-right:10px;
  652. }
  653.  
  654.  
  655. /* NOTES */
  656. #notes{
  657. width:400px;
  658. }
  659.  
  660. #notes ol{
  661. list-style-type:none;
  662. margin:0px;
  663. padding:0px;
  664. }
  665.  
  666. #notes ol img{
  667. margin-right:10px;
  668. }
  669.  
  670. .avatar_frame:hover{
  671. padding:0px;
  672. background-color:{color:Border Color};
  673. }
  674.  
  675.  
  676. #notes ol li{
  677. padding:10px;
  678. margin:10px 0px;
  679. text-transform:uppercase;
  680. font-size:7pt;
  681. background-color:{color:Border Color};
  682. }
  683.  
  684. /*CREDIT*/
  685. #credit{
  686. width:19px;
  687. height:19px;
  688. background-color:#000;
  689. position:fixed;
  690. bottom:15px;
  691. right:15px;
  692. padding:5px 2px 1px 4px;
  693. border:2px solid {color:Background Color};
  694. text-transform:uppercase;
  695. -webkit-border-radius: 20px;
  696. -moz-border-radius: 20px;
  697. border-radius: 20px;
  698. letter-spacing: -1px;
  699. font-size:9pt;
  700. font-family:Georgia, serif;
  701. font-style: italic;
  702. font-weight:700;
  703. color:#fff;
  704. -webkit-transition-duration: 0.8s;
  705. -moz-transition-duration: 0.8s;
  706. -o-transition-duration: 0.8s;
  707. transition-duration: 0.8s;
  708. z-index:12;
  709. }
  710.  
  711. #credit:hover{
  712. -webkit-transform:rotate(360deg);
  713. -moz-transform:rotate(360deg);
  714. -o-transform:rotate(360deg);
  715. color:#e13483;
  716. }
  717.  
  718. a#credit:hover{
  719. padding:0px;
  720. color: rgba (0, 0, 0, 0);
  721. }
  722.  
  723. /* SCROLL TO TOP & IFRAME */
  724. #scrollToTop:link,
  725. #scrollToTop:visited {
  726. display: none;
  727. position: fixed;
  728. bottom: 55px;
  729. right: 15px;
  730. }
  731.  
  732. #scrollToTop i{
  733. letter-spacing:0px;
  734. }
  735.  
  736. #scrollToTop:hover{
  737. padding:0px;
  738. background-color: rgba (0, 0, 0, 0);
  739. }
  740.  
  741. iframe#tumblr_controls {
  742. right:60px;
  743. }
  744.  
  745. </style>
  746. </head>
  747.  
  748. <body>
  749.  
  750. <div id="topbar" class="bigtopbar">
  751. <i class="fa fa-bars"></i>
  752. <i class="fa fa-close hidden"></i>
  753. <div id="topbar_about">
  754. <a href="/" class="img_hover"><img src="{PortraitURL-40}"></a>
  755. <p class="title big">{Title}</p>
  756. </div>
  757. <div class="menu invisible">
  758. <ul class="menu_items">
  759. <li>01 <span class="greyspan">|</span> <a href="/"> Home</a></li>
  760. <hr class="menu_line" />
  761. <li>02 <span class="greyspan">|</span> <a href="/ask"> Ask</a></li>
  762. <hr class="menu_line" />
  763. <li>03 <span class="greyspan">|</span> <a href="/archive"> Archive</a></li>
  764. {block:ifLink1Title}<hr class="menu_line" />
  765. <li>04 <span class="greyspan">|</span> <a href="{text:Link 1}">{text:Link 1 Title}</a></li>{/block:ifLink1Title}
  766. {block:ifLink2Title}<hr class="menu_line" />
  767. <li>05 <span class="greyspan">|</span> <a href="{text:Link 2}">{text:Link 2 Title}</a></li>{/block:ifLink2Title}
  768. {block:ifLink3Title}<hr class="menu_line" />
  769. <li>06 <span class="greyspan">|</span> <a href="{text:Link 3}">{text:Link 3 Title}</a></li>{/block:ifLink3Title}
  770. {block:ifLink4Title}<hr class="menu_line" />
  771. <li>07 <span class="greyspan">|</span> <a href="{text:Link 4}">{text:Link 4 Title}</a></li>{/block:ifLink4Title}
  772. {block:ifLink5Title}<hr class="menu_line" />
  773. <li>08 <span class="greyspan">|</span> <a href="{text:Link 5}">{text:Link 5 Title}</a></li>{/block:ifLink5Title}
  774. {block:ifLink6Title}<hr class="menu_line" />
  775. <li>09 <span class="greyspan">|</span> <a href="{text:Link 6}">{text:Link 6 Title}</a></li>{/block:ifLink6Title}
  776. {block:ifLink7Title}<hr class="menu_line" />
  777. <li>10 <span class="greyspan">|</span> <a href="{text:Link 7}">{text:Link 7 Title}</a></li>{/block:ifLink7Title}
  778. {block:ifLink8Title}<hr class="menu_line" />
  779. <li>11 <span class="greyspan">|</span> <a href="{text:Link 8}">{text:Link 8 Title}</a></li>{/block:ifLink8Title}
  780. </ul>
  781. </div>
  782. </div>
  783.  
  784.  
  785. <div id="content">
  786.  
  787. <div id="sidebar">
  788. <div class="sidebar_item">
  789. <h2><span class="header2_red">|</span> Welcome</h2>
  790. <img src="{image:Sidebar image}">
  791. <p>{Description}</p>
  792. </div>
  793. <!--<div class="sidebar_item">
  794. <h2><span class="header2_red">|</span> Social Media</h2>
  795. <a href=""><i class="fa fa-twitter-square"></i></a>
  796. <a href=""><i class="fa fa-facebook-square"></i></a>
  797. <a href=""><i class="fa fa-instagram"></i></a>
  798. </div>-->
  799. {block:ifShowSearchbar}
  800. <div class="sidebar_item">
  801. <h2><span class="header2_red">|</span> Search</h2>
  802. <form action="/search" method="get" name="theform">
  803. <input type="text" name="q" placeholder="SEARCH THIS BLOG" id="searchbar"/>
  804. </form>
  805. </div>
  806. {/block:ifShowSearchbar}
  807. {block:ifShowSideblogs}
  808. <div class="sidebar_item">
  809. <h2><span class="header2_red">|</span> Sideblogs</h2>
  810. <div id="sideblogs">
  811. {block:ifSideblog1url}<a href="http://{text:Sideblog 1 url}.tumblr.com/" title="{text:Sideblog 1 url}" class="img_hover"><img src="{image:Sideblog 1 icon}" class="img_hover"></a>{/block:ifSideblog1url}
  812. {block:ifSideblog2url}<a href="http://{text:Sideblog 2 url}.tumblr.com/" title="{text:Sideblog 2 url}" class="img_hover"><img src="{image:Sideblog 2 icon}" class="img_hover"></a>{/block:ifSideblog2url}
  813. {block:ifSideblog3url}<a href="http://{text:Sideblog 3 url}.tumblr.com/" title="{text:Sideblog 3 url}" class="img_hover"><img src="{image:Sideblog 3 icon}" class="img_hover"></a>{/block:ifSideblog3url}
  814. {block:ifSideblog4url}<a href="http://{text:Sideblog 4 url}.tumblr.com/" title="{text:Sideblog 4 url}" class="img_hover"><img src="{image:Sideblog 4 icon}" class="img_hover"></a>{/block:ifSideblog4url}
  815. {block:ifSideblog5url}<a href="http://{text:Sideblog 5 url}.tumblr.com/" title="{text:Sideblog 5 url}" class="img_hover"><img src="{image:Sideblog 5 icon}" class="img_hover"></a>{/block:ifSideblog5url}
  816. {block:ifSideblog6url}<a href="http://{text:Sideblog 6 url}.tumblr.com/" title="{text:Sideblog 6 url}" class="img_hover"><img src="{image:Sideblog 6 icon}" class="img_hover"></a>{/block:ifSideblog6url}
  817. </div>
  818. </div>
  819. {/block:ifShowSideblogs}
  820. {block:ifShowFandoms}
  821. <div class="sidebar_item">
  822. <h2><span class="header2_red">|</span> Main Fandoms</h2>
  823. {block:ifFandom1tag}<a href="/tagged/{text:Fandom 1 tag}" title="{text:Fandom 1 name}" class="img_hover"><img src="{image:Fandom 1 image}" class="fandom"/></a>{/block:ifFandom1tag}
  824. {block:ifFandom2tag}<a href="/tagged/{text:Fandom 2 tag}" title="{text:Fandom 2 name}" class="img_hover"><img src="{image:Fandom 2 image}" class="fandom"/></a>{/block:ifFandom2tag}
  825. {block:ifFandom3tag}<a href="/tagged/text:Fandom 3 tag}" title="{text:Fandom 3 name}" class="img_hover"><img src="{image:Fandom 3 image}" class="fandom"/></a>{/block:ifFandom3tag}
  826. {block:ifFandom4tag}<a href="/tagged/{text:Fandom 4 tag}" title="{text:Fandom 4 name}" class="img_hover"><img src="{image:Fandom 4 image}" class="fandom"/></a>{/block:ifFandom4tag}
  827. {block:ifFandom5tag}<a href="/tagged/{text:Fandom 5 tag}" title="{text:Fandom 5 name}" class="img_hover"><img src="{image:Fandom 5 image}" class="fandom"/></a>{/block:ifFandom5tag}
  828. </div>
  829. {/block:ifShowFandoms}
  830. </div>
  831.  
  832. <!-- POSTS -->
  833. <div id="post_wrapper">
  834. {block:Posts}
  835. <div class="posts">
  836.  
  837. {block:Text}
  838. {block:Title}
  839. <h2><a href="{Permalink}">{Title}</a></h2>
  840. {/block:Title}
  841. {Body}
  842. {/block:Text}
  843.  
  844. {block:Photo}
  845. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  846. {block:Caption}
  847. <div class="caption">{Caption}</div>
  848. {/block:Caption}
  849. {/block:Photo}
  850.  
  851. {block:Photoset}
  852. {Photoset-400}
  853. {block:Caption}
  854. <div class="caption">{Caption}</div>
  855. {/block:Caption}
  856. {/block:Photoset}
  857.  
  858. {block:Quote}
  859. <span class="quote">"{Quote}"</span>
  860. {block:Source}
  861. {block:Source}<p id=qsource>— {Source}</p>{/block:Source}
  862. {/block:Source}
  863. {/block:Quote}
  864.  
  865. {block:Link}
  866. <h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
  867. {block:Description}
  868. <div class="description">{Description}</div>
  869. {/block:Description}
  870. {/block:Link}
  871.  
  872. {block:Chat}
  873. {block:Title}
  874. <h1><a href="{Permalink}">{Title}</a></h1>
  875. {/block:Title}
  876. <ul class="chat">
  877. {block:Lines}
  878. <li class="{Alt} user_{UserNumber}">
  879. {block:Label}
  880. <span class="label">{Label}</span>
  881. {/block:Label}
  882. {Line}
  883. </li>
  884. {/block:Lines}
  885. </ul>
  886. {/block:Chat}
  887.  
  888. {block:Video}
  889. <center>{Video-400}</center>
  890. {block:Caption}
  891. <div class="caption">{Caption}</div>
  892. {/block:Caption}
  893. {/block:Video}
  894.  
  895. {block:Audio}
  896. <div id="audio_wrapper">
  897. <p id="trackinfo">{block:TrackName}<span class="songid">{TrackName}</span> {/block:TrackName} {block:Artist}by <span class="songid">{Artist}</span>{/block:Artist}</p>
  898. <div class="audioverlay"><div class="audioarrow">
  899. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  900. </div></div>
  901. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  902.  
  903. </div>
  904. <div id="audio_cap">{block:Caption}{Caption}{/block:Caption}</div>
  905. {/block:Audio}
  906.  
  907. {block:Answer}
  908. <div id="question">
  909. <div id="asker">{Asker}</div> <p>{Question}</p>
  910. </div>
  911. <div id="answer">{Answer}</div>
  912. {/block:answer}
  913.  
  914. <!--INFO-->
  915. <div id="info">
  916. <center>
  917. {block:Date}<a href="{Permalink}" class="info_link"><div class="infos" title="Posted {DayOfMonthWithZero} {Month} {Year}">
  918. <i class="fa fa-clock-o"></i>
  919. </div></a>{/block:Date}
  920.  
  921. {block:NoteCount}<div class="infos" title="{NoteCount} notes"><i class="fa fa-heart"></i></div>{/block:NoteCount}
  922.  
  923. {block:RebloggedFrom}<a href="{ReblogParentURL}" class="info_link"><div class="infos" title="Reblogged via {ReblogParentName}">
  924. <i class="fa fa-share"></i>
  925. </div></a>{/block:RebloggedFrom}
  926.  
  927.  
  928. {block:ContentSource}<a href="{SourceURL}" class="info_link"><div class="infos" title="Original by {SourceTitle}">
  929. <i class="fa fa-copyright"></i>
  930. </div>{/block:ContentSource}
  931.  
  932. <a href="{ReblogURL}" target="_blank" title="Reblog this post" class="info_link"><div class="infos">
  933. <i class="fa fa-retweet"></i></div></a>
  934. </center>
  935. </div>
  936.  
  937. {block:HasTags}<div id="tags"><i class="fa fa-tag fa-flip-horizontal"></i>{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  938.  
  939.  
  940. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  941.  
  942. </div>
  943. {/block:Posts}
  944. <!--navigation-->
  945. {block:IndexPage}
  946. <div id="nav">
  947. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Previous</a> |{/block:PreviousPage}
  948. {block:NextPage} <a href="{NextPage}">Next</a>{/block:NextPage}{/block:Pagination}
  949. </div><!--end navigation-->
  950. {/block:IndexPage}
  951. </div>
  952. <!--end posts-->
  953. </div><!-- end content -->
  954.  
  955.  
  956.  
  957. <!-- credit -->
  958. <a href="http://sandragonthemes.tumblr.com"><div id="credit">st</div></a>
  959.  
  960.  
  961. </body>
  962. </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!