API tools faq
paste
Advertisement
tatianaception

Theme 14

tatianaception
Aug 31st, 2016
688
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.  
  6. <!--IMPORTANT SHIT-->
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11.     <meta name="description" content="{MetaDescription}"/>
  12. {/block:Description}
  13.  
  14. <!--FONTS-->
  15.  
  16. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  17. <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
  18.  
  19. <!--CUSTOMIZABLES-->
  20.  
  21. <meta name="image:Header Image" content=""/>
  22. <meta name="image:Sidebar Image" content=""/>
  23.  
  24. <meta name="if:Toggle Lazy Load" content="1"/>
  25.  
  26. <meta name="if:Black Reblog And Like Button" content="1"/>
  27. <meta name="if:White Reblog And Like Button" content="0"/>
  28. <meta name="if:Black Social Media Icons" content="0"/>
  29. <meta name="if:White Social Media Icons" content="1"/>
  30.  
  31. <meta name="if:Show Quick Links" content="1"/>
  32. <meta name="if:Show Extra Box" content="1"/>
  33. <meta name="if:Show Members Box" content="1"/>
  34. <meta name="if:Show Social Media Box" content="1"/>
  35.  
  36. <meta name="if:Show Navbar Link 1" content="1"/>
  37. <meta name="text:Navbar Link 1 Title" content="Link 1"/>
  38. <meta name="text:Navbar Link 1 URL" content=""/>
  39. <meta name="if:Show Navbar Link 2" content="1"/>
  40. <meta name="text:Navbar Link 2 Title" content="Link 2"/>
  41. <meta name="text:Navbar Link 2 URL" content=""/>
  42. <meta name="if:Show Navbar Link 3" content="1"/>
  43. <meta name="text:Navbar Link 3 Title" content="Link 3"/>
  44. <meta name="text:Navbar Link 3 URL" content=""/>
  45.  
  46. <meta name="if:Show Quicklink 1" content="1"/>
  47. <meta name="text:Quicklink 1 Title" content="Quicklink 1"/>
  48. <meta name="text:Quicklink 1 URL" content=""/>
  49. <meta name="if:Show Quicklink 2" content="1"/>
  50. <meta name="text:Quicklink 2 Title" content="Quicklink 2"/>
  51. <meta name="text:Quicklink 2 URL" content=""/>
  52. <meta name="if:Show Quicklink 3" content="1"/>
  53. <meta name="text:Quicklink 3 Title" content="Quicklink 3"/>
  54. <meta name="text:Quicklink 3 URL" content=""/>
  55. <meta name="if:Show Quicklink 4" content="1"/>
  56. <meta name="text:Quicklink 4 Title" content="Quicklink 4"/>
  57. <meta name="text:Quicklink 4 URL" content=""/>
  58. <meta name="if:Show Quicklink 5" content="1"/>
  59. <meta name="text:Quicklink 5 Title" content="Quicklink 5"/>
  60. <meta name="text:Quicklink 5 URL" content=""/>
  61. <meta name="if:Show Quicklink 6" content="1"/>
  62. <meta name="text:Quicklink 6 Title" content="Quicklink 6"/>
  63. <meta name="text:Quicklink 6 URL" content=""/>
  64. <meta name="if:Show Quicklink 7" content="1"/>
  65. <meta name="text:Quicklink 7 Title" content="Quicklink 7"/>
  66. <meta name="text:Quicklink 7 URL" content=""/>
  67.  
  68. <meta name="text:Extra Box Header" content="Extra Box Header"/>
  69. <meta name="text:Extra Box Content" content="Extra box content"/>
  70.  
  71. <meta name="text:Facebook URL" content=""/>
  72. <meta name="text:Twitter URL" content=""/>
  73. <meta name="text:Instagram URL" content=""/>
  74. <meta name="text:YouTube URL" content=""/>
  75.  
  76. <meta name="color:Background Color" content="#bbb"/>
  77. <meta name="color:Main Font Color" content="#555"/>
  78. <meta name="color:Post Background Color" content="#f5f5f5"/>
  79. <meta name="color:Accent Color" content="#4A9EB5"/>
  80. <meta name="color:Secondary Font Color" content="#f5f5f5"/>
  81. <meta name="color:Border Color" content="#ccc"/>
  82. <meta name="color:Blockquote Color" content="#888"/>
  83. <meta name="color:Navbar Background Color" content="#f5f5f5"/>
  84. <meta name="color:Navbar Font Color" content="#4a9eb5"/>
  85. <meta name="color:Navbar Border Color" content="#ccc"/>
  86. <meta name="color:Sidebar Image Border Color 1" content="#aaa"/>
  87. <meta name="color:Sidebar Image Border Color 2" content="#888"/>
  88.  
  89. <!--STYLES-->
  90.  
  91. <style>
  92.  
  93. /*GENERAL*/
  94.  
  95. body {
  96.     font-family: 'Raleway', sans-serif;
  97.     font-size: 12px;
  98.     line-height: 150%;
  99.     background-color: {color:Background Color};
  100.     color: {color:Main Font Color};
  101.     margin: 0;
  102. }
  103.  
  104. a {
  105.     text-decoration: none;
  106.     color: {color:Accent Color};
  107. }
  108.  
  109. .entries a:hover {
  110.     text-decoration: underline;
  111. }
  112.  
  113. blockquote {
  114.     border-left: 1px solid {color:Blockquote Color};
  115.     padding-left: 8px;
  116.     margin-left: 10px;
  117.     margin-right: 10px;
  118. }
  119.  
  120. blockquote blockquote {
  121.     padding: 0 0 0 5px;
  122.     margin: 0 0 0 12px;
  123. }
  124.  
  125. .posts blockquote img, .posts p img {
  126.     max-width: 100%;
  127. }
  128.  
  129. ::-webkit-scrollbar {
  130.     width: 7px;
  131.     height: 8px;
  132.     background-color: {color:Post Background Color};
  133. }
  134.    
  135. ::-webkit-scrollbar-thumb {
  136.     background-color: {color:Accent Color};
  137.     border: 2px solid {color:Post Background Color};
  138. }
  139.  
  140. /*HEADER IMAGE*/
  141.  
  142. .header {
  143.     background: url({image:Header Image}) no-repeat top center fixed;
  144.     background-size: contain;
  145.     height: 450px;
  146.     width: 100%;
  147.     padding: 0;
  148.     top: 0;
  149.     left: 0;
  150.     overflow-x: hidden !important;
  151. }
  152.  
  153. /*NAVBAR*/
  154.  
  155. .navbar {
  156.     background-color: {color:Navbar Background Color};
  157.     width: 100%;
  158.     margin-top: -11px;
  159. }
  160.  
  161. .navbar .links a {
  162.     display: inline-block;
  163.     text-transform:uppercase;
  164.     padding: 20px 5px;
  165.     text-align: center;
  166.     width: 125px;
  167.     border-left: 1px solid #ccc;
  168.     margin: 0;
  169.     margin-right: -4px;
  170.     color: {color:Navbar Font Color};
  171.     -webkit-transition: 0.3s;
  172.     -o-transition: 0.3s;
  173.     -moz-transition: 0.3s;
  174.     transition: 0.3s;
  175. }
  176.  
  177. .navbar .links a:hover {
  178.     background-color: {color:Navbar Font Color};
  179.     color: {color:Navbar Background Color};
  180. }
  181.  
  182. .navbar a:last-child {
  183.     border-right: 1px solid {color:Navbar Border Color};
  184. }
  185.  
  186. #nav-title {
  187.     display: inline-block;
  188.     vertical-align: -3px;
  189.     font-size: 20px;
  190.     font-weight: 700;
  191.     padding: 20px;
  192.     text-transform: uppercase;
  193.     font-family: 'Roboto';
  194.     border-left: 0;
  195.     width: auto;
  196.     margin-left: 15px;
  197.     margin-right: 15px;
  198. }
  199.  
  200. #nav-title:hover {
  201.     background-color: {color:Navbar Background Color};
  202. }
  203.  
  204. .sticky {
  205.     position: fixed;
  206.     height: 58px;
  207.     z-index: 999;
  208.     top: 0;
  209.     padding-top: 10px;
  210. }
  211.  
  212. /*SIDEBARS*/
  213.  
  214. .sidebar-container {
  215.     float: left;
  216.     margin-left: 150px;
  217.     margin-top: 50px;
  218. }
  219.  
  220. .sidebar {
  221.     width: 300px;
  222.     margin-bottom: 30px;
  223. }
  224.  
  225. .sidebar-header {
  226.     background-color: {color:Accent Color};
  227.     color: {color:Secondary Font Color};
  228.     font-size: 20px;
  229.     font-family: 'Roboto';
  230.     font-weight: 700;
  231.     padding: 10px;
  232.     text-transform: uppercase;
  233.     letter-spacing: 1px;
  234. }
  235.  
  236. .sidebar-body {
  237.     background-color: {color:Post Background Color};
  238.     padding: 10px;
  239. }
  240.  
  241. /*Welcome Sidebar*/
  242.  
  243. #welcome-sidebar img {
  244.     border-top: 5px solid {color:Sidebar Image Border Color 1};
  245.     border-left: 5px solid {color:Sidebar Image Border Color 1};
  246.     border-right: 5px solid {color:Sidebar Image Border Color 2};
  247.     border-bottom: 5px solid {color:Sidebar Image Border Color 2};
  248.     float: left;
  249.     margin-right: 7px;
  250. }
  251.  
  252. /*Quicklinks*/
  253.  
  254. .quicklink {
  255.     text-transform: uppercase;
  256.     font-family: 'Roboto';
  257.     border-bottom: 1px solid {color:Border Color};
  258.     border-left: 4px solid {color:Accent Color};
  259.     padding: 5px;
  260.     padding-left: 8px;
  261.     font-size: 14px;
  262.     width: 283px;
  263.     -webkit-transition: 0.3s ease-in-out;
  264.     -moz-transition: 0.3s ease-in-out;
  265.     -o-transition: 0.3s ease-in-out;
  266.     transition: 0.3s ease-in-out;
  267. }
  268.  
  269. .quicklink:hover {
  270.     background-color: {color:Accent Color};
  271.     color: {color:Secondary Font Color};
  272.     text-decoration: none;
  273. }
  274.  
  275. #quicklinks-sidebar .sidebar-body {
  276.     padding: 0;
  277. }
  278.  
  279. .search {
  280.     padding: 5px;
  281.     border-left: 4px solid {color:Accent Color};
  282. }
  283.  
  284. .searchbar {
  285.     width: 210px;
  286.     height: 30px;
  287.     background-color: {color:Post Background Color};
  288.     font-family: 'Raleway';
  289.     border: 1px solid #bbb;
  290.     padding-left: 5px;
  291.     color: {color:Main Font Color};
  292. }
  293.  
  294. input:focus {
  295.     border-color: {color:Accent Color};
  296. }
  297.  
  298. .submit {
  299.     background-color: {color:Accent Color};
  300.     border: 1px solid #ccc;
  301.     font-family: 'Roboto';
  302.     font-size: 11px;
  303.     text-transform: uppercase;
  304.     color: {color:Secondary Font Color};
  305.     font-weight: 700;
  306.     width: 60px;
  307.     height: 35px;
  308.     letter-spacing: 0.5px;
  309.     margin-left: 5px;
  310.     border-radius: 2px;
  311.     position: absolute;
  312. }
  313.  
  314. /*Members Sidebar*/
  315.  
  316. .groupmember {
  317.     padding-bottom: 15px;
  318.     padding-top: 10px;
  319.     border-bottom: 1px solid {color:Blockquote Color};
  320. }
  321.  
  322. .groupmember:first-child {
  323.     padding-top: 0;
  324. }
  325.  
  326. .groupmember:last-child {
  327.     border-bottom: 0px;
  328.     padding-bottom: 5px;
  329. }
  330.  
  331. .groupmember br {
  332.     content: "";
  333.     display: block;
  334.     margin-top: -5px;
  335.     line-height: 50%;
  336. }
  337.  
  338. .groupmember img {
  339.     float: left;
  340.     margin-right: 7px;
  341. }
  342.  
  343. .groupmember-name {
  344.     font-family: 'Roboto';
  345.     text-transform: uppercase;
  346.     font-size: 13px;
  347.     font-weight: 700;
  348. }
  349.  
  350. .groupmember-title {
  351.     font-style: italic;
  352. }
  353.  
  354. .groupmember-text {
  355.     padding-top: 5px;
  356. }
  357.  
  358. /*Social Media Sidebar*/
  359.  
  360. #socialmedia-sidebar img {
  361.     width: 50px;
  362.     height: 50px;
  363.     margin-right: 15px;
  364. }
  365.  
  366. .socialmedia-container {
  367.     margin-left: 10px;
  368. }
  369.  
  370. /*POSTS*/
  371.  
  372. .entries {
  373.     margin-left: 525px;
  374.     margin-top: 50px;
  375. }
  376.  
  377. .posts {
  378.     width: 500px;
  379.     padding: 15px;
  380.     padding-bottom: 10px;
  381.     margin-bottom: 50px;
  382.     background-color: {color:Post Background Color};
  383. }
  384.  
  385.     /*TEXT POSTS*/
  386.    
  387.     .text-title {
  388.         font-size: 20px;
  389.         text-transform: uppercase;
  390.         font-family: 'Roboto', sans-serif;
  391.     }
  392.    
  393.     /*LINKS*/
  394.    
  395.     .link-title {
  396.         font-family: 'Roboto', sans-serif;
  397.         font-size: 23px;
  398.         text-align: center;
  399.         text-transform: uppercase;
  400.         margin-top: 10px;
  401.         letter-spacing: 0.5px;
  402.     }
  403.    
  404.     /*QUOTES*/
  405.    
  406.     .quote-mark img {
  407.         width: 30px;
  408.         height: 30px;
  409.         opacity: 0.2;
  410.     }
  411.    
  412.     .quote-mark {
  413.         width: 30px;
  414.         height: 30px;
  415.         padding: 5px;
  416.         margin: auto;
  417.         position: absolute;
  418.         margin-top: -15px;
  419.     }
  420.    
  421.     .quote-text {
  422.         font-size: 20px;
  423.         font-weight: 600;
  424.         text-indent: 20px;
  425.         line-height: 120%;
  426.     }
  427.    
  428.     .quote-source {
  429.         text-align: right;
  430.         margin-top: 5px;
  431.     }
  432.    
  433.     /*CHAT POSTS*/
  434.    
  435.     .chat-inner ul {
  436.         list-style: none;
  437.         margin-left: -40px;
  438.     }
  439.    
  440.     .chat-label {
  441.         font-weight: 600;
  442.     }
  443.    
  444.     .chat-inner li {
  445.         border-bottom: 1px solid {color:Border Color};
  446.     }
  447.    
  448.     .chat-inner li:last-child {
  449.         border-bottom: 0px;
  450.     }
  451.    
  452.     /*AUDIO*/
  453.        
  454.     .audio-container {
  455.         padding: 15px;
  456.         border: 1px solid {color:Border Color};
  457.     }
  458.        
  459.     .audio-container img {
  460.         width: 100px;
  461.         height: 100px;
  462.     }
  463.        
  464.     .albumart {
  465.         width: 100px;
  466.     }
  467.            
  468.     .audio-info {
  469.         padding-left: 10px;
  470.         vertical-align: middle;
  471.         letter-spacing: 0.5px;
  472.         text-transform: uppercase;
  473.         font-size: 11px;
  474.         width: 450px;
  475.     }
  476.            
  477.     .audio-player {
  478.         position: absolute;
  479.         width: 27px;
  480.         height: 27px;
  481.         margin-top: -66px;
  482.         margin-left: 36px;
  483.         overflow: hidden;
  484.         opacity: 0.7;
  485.     }
  486.        
  487.     .audio-label {
  488.         font-weight: bold;
  489.     }
  490.    
  491.     /*ASKS*/
  492.    
  493.         #asker-portrait {
  494.             float:left;
  495.             padding: 10px;
  496.         }
  497.        
  498.         #asker-portrait img {
  499.             margin-top: -2px;
  500.         }
  501.        
  502.         #asker-container {
  503.             margin-top: -5px;
  504.         }
  505.        
  506.         #asker1 {
  507.             padding-top: 9px;
  508.         }
  509.        
  510.         #asker2 {
  511.             font-size: 13px;
  512.             font-weight: bold;
  513.             text-transform: uppercase;
  514.             color: {color:Accent Color};
  515.             margin-bottom: -10px;
  516.             font-family: 'Roboto';
  517.             line-height: 10%;
  518.         }
  519.        
  520.         #asked {
  521.             text-transform: uppercase;
  522.             font-style: italic;
  523.             font-size: 10px;
  524.             font-family: 'Roboto';
  525.             line-height: 80%;
  526.         }
  527.        
  528.         #question-container {
  529.             background-color: {color:Border Color};
  530.             padding: 10px;
  531.             margin-top: -25px;
  532.         }
  533.        
  534.         #question {
  535.             font-size: 11px;
  536.         }
  537.        
  538.         #asker1 br {
  539.             display:block;
  540.             line-height: 50%;
  541.             margin-top: -5px;
  542.             content: "";
  543.         }
  544.  
  545. /*POST INFO*/
  546.  
  547. .info {
  548.     background-color: {color:Accent Color};
  549.     width: 500px;
  550.     padding: 10px 15px;
  551.     font-family: 'Roboto', sans-serif;
  552.     text-transform: uppercase;
  553.     font-size: 11px;
  554. }
  555.  
  556. .info a {
  557.     color: {color:Secondary Font Color};
  558. }
  559.  
  560. .note-count {
  561.     text-transform: uppercase;
  562.     font-family: 'Roboto', sans-serif;
  563.     font-weight: 700;
  564. }
  565.  
  566. .dash-thing {
  567.     font-size: 14px;
  568.     margin-top: -3px;
  569. }
  570.  
  571. .likeandreblog {
  572.         margin-right: 30px;
  573.         margin-top: 1px;
  574.     }
  575.    
  576. .reblog-button {
  577.     opacity: 0.9;
  578.     transition: 0.1s;
  579. }
  580.  
  581. .like-button {
  582.     position: absolute;
  583.     margin-left: 30px;
  584.     margin-top: -15px;
  585.     opacity: 0.9;
  586.     transition: 0.1s;
  587. }
  588.    
  589. .reblog-button:hover {
  590.     opacity: 1;
  591. }
  592.    
  593. .like-button:hover {
  594.     opacity: 1;
  595. }
  596.  
  597. /*TAGS*/
  598.  
  599. #tags {
  600.     border-top: 1px solid {color:Border Color};
  601.     width: 500px;
  602.     margin-left: -15px;
  603.     padding-top: 10px;
  604.     padding-left: 15px;
  605.     padding-right: 15px;
  606.     font-size: 10px;
  607.     font-family: 'Roboto', sans-serif;
  608.     letter-spacing: 0.5px;
  609.     text-transform: uppercase;
  610. }
  611.  
  612. /*PERMALINK*/
  613.  
  614. .permalink li {
  615.     list-style: none;
  616.     border-bottom: 1px solid {color:Border Color};
  617.     width: 400px;
  618.     padding: 5px;
  619. }
  620.  
  621. .permalink li img {
  622.     margin-right: 7px;
  623.     vertical-align: -3px;
  624. }
  625.  
  626. .permalink li:last-child {
  627.     border-bottom: 0px;
  628. }
  629.  
  630. /*PAGINATION*/
  631.  
  632. .pagination {
  633.     text-align: center;
  634.     font-size: 13px;
  635.     font-family: 'Roboto';
  636.     margin-bottom: 30px;
  637.     margin-top: -10px;
  638.     width: 500px;
  639. }
  640.  
  641. .page {
  642.     background-color: {color:Accent Color};
  643.     color: {color:Post Background Color};
  644.     padding: 7px;
  645.     margin: 3px;
  646. }
  647.  
  648. /*CREDIT*/
  649.  
  650.     .credit {
  651.         position: fixed;
  652.         bottom: 10px;
  653.         right: 10px;
  654.         background-color: #000000;
  655.         font-family: 'Roboto', 'Calibri', Arial, sans-serif;
  656.         font-size: 10px;
  657.         padding: 5px 8px;
  658.     }
  659.            
  660.     .credit a {
  661.         color: #dddddd;
  662.     }
  663. {CustomCSS}
  664.  
  665. </style>
  666.  
  667. <!--SCRIPTS-->
  668.  
  669. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  670.  
  671.  
  672. <!--Lazy Load-->
  673. {block:ifToggleLazyLoad}
  674. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  675. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  676. <script type="text/javascript" charset="utf-8">
  677.     var $j = jQuery.noConflict();
  678.     $j(function() {
  679.         if (navigator.platform == "iPad" || navigator.platform == "iPhone")           return;
  680.         $j("img").lazyload({
  681.             placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey                .gif",
  682.             effect: "fadeIn",
  683.         });
  684.     });
  685. </script>
  686. {/block:ifToggleLazyLoad}
  687.  
  688. <!--Sticky Navbar-->
  689. <script type="text/javascript">
  690.     $(function(){
  691.         var stickyRibbonTop = $('.navbar').offset().top;
  692.         $(window).scroll(function(){
  693.             if( $(window).scrollTop() > stickyRibbonTop ) {
  694.                 $('.navbar').addClass('sticky');
  695.             } else {
  696.                 $('.navbar').removeClass('sticky');
  697.             }
  698.         });
  699.     });
  700. </script>
  701.  
  702. </head>
  703.  
  704. <body>
  705.  
  706. <!--HEADER-->
  707.  
  708. <div class="header">
  709. </div>
  710.  
  711. <!--NAVBAR-->
  712.  
  713. <div class="navbar">
  714.     <div class="links">
  715.         <a href="/" id="nav-title">{Title}</a>
  716.         <a href="/" class="navlink">index</a>
  717.         <a href="/ask" class="navlink">ask</a>
  718.         <a href="/archive" class="navlink">archive</a>
  719.         <a href="/submit" class="navlink">submit</a>
  720.         {block:ifShowNavbarLink1}
  721.         <a href="{text:Navbar Link 1 URL}">{text:Navbar Link 1 Title}</a>
  722.         {/block:ifShowNavbarLink1}
  723.         {block:ifShowNavbarLink2}
  724.         <a href="{text:Navbar Link 2 URL}">{text:Navbar Link 2 Title}</a>
  725.         {/block:ifShowNavbarLink2}
  726.         {block:ifShowNavbarLink3}
  727.         <a href="{text:Navbar Link 3 URL}">{text:Navbar Link 3 Title}</a>
  728.         {/block:ifShowNavbarLink3}
  729.     </div>
  730. </div>
  731.  
  732. <!--SIDEBARS-->
  733.  
  734. <div class="sidebar-container">
  735.  
  736. <!--Welcome Sidebar-->
  737. <div id="welcome-sidebar" class="sidebar">
  738.     <div class="sidebar-header">
  739.         Welcome
  740.     </div>
  741.     <div class="sidebar-body">
  742.         <img width="50px" height="50px" src="{image:Sidebar Image}"/>
  743.         {Description}
  744.     </div>
  745. </div>
  746.  
  747. <!--Quick Links Sidebar-->
  748. {block:ifShowQuickLinks}
  749. <div id="quicklinks-sidebar" class="sidebar">
  750.     <div class="sidebar-header">
  751.         Quick Links
  752.     </div>
  753.     <div class="sidebar-body">
  754.         {block:ifShowQuicklink1}
  755.         <a href="{text:Quicklink 1 URL}"><div class="quicklink">{text:Quicklink 1 Title}</div></a>
  756.         {/block:ifShowQuicklink1}
  757.         {block:ifShowQuicklink2}
  758.         <a href="{text:Quicklink 2 URL}"><div class="quicklink">{text:Quicklink 2 Title}</div></a>
  759.         {/block:ifShowQuicklink2}
  760.         {block:ifShowQuicklink3}
  761.         <a href="{text:Quicklink 3 URL}"><div class="quicklink">{text:Quicklink 3 Title}</div></a>
  762.         {/block:ifShowQuicklink3}
  763.         {block:ifShowQuicklink4}
  764.         <a href="{text:Quicklink 4 URL}"><div class="quicklink">{text:Quicklink 4 Title}</div></a>
  765.         {/block:ifShowQuicklink4}
  766.         {block:ifShowQuicklink5}
  767.         <a href="{text:Quicklink 5 URL}"><div class="quicklink">{text:Quicklink 5 Title}</div></a>
  768.         {/block:ifShowQuicklink5}
  769.         {block:ifShowQuicklink6}
  770.         <a href="{text:Quicklink 6 URL}"><div class="quicklink">{text:Quicklink 6 Title}</div></a>
  771.         {/block:ifShowQuicklink6}
  772.         {block:ifShowQuicklink1}
  773.         <a href="{text:Quicklink 7 URL}"><div class="quicklink">{text:Quicklink 7 Title}</div></a>
  774.         {/block:ifShowQuicklink7}
  775.         <div class="search">
  776.             <form action="/search" method="get">
  777.                 <input type="text" name="q" value="{SearchQuery}" class="searchbar" placeholder="Search for something...">
  778.                 <input type="submit" value="Search"/ class="submit">
  779.             </form>
  780.         </div>
  781.     </div>
  782. </div>
  783. {/block:ifShowQuickLinks}
  784.  
  785.  
  786. <!--Extra Sidebar-->
  787. {block:ifShowExtraBox}
  788. <div id="extra-sidebar" class="sidebar">
  789.     <div class="sidebar-header">
  790.         {text:Extra Box Header}
  791.     </div>
  792.     <div class="sidebar-body">
  793.         {text:Extra Box Content}
  794.     </div>
  795. </div>
  796. {/block:ifShowExtraBox}
  797.  
  798. <!--Members Sidebar-->
  799. {block:GroupMembers}
  800. <div id="members-sidebar" class="sidebar">
  801.     <div class="sidebar-header">
  802.         Members
  803.     </div>
  804.     <div class="sidebar-body">
  805.         {block:GroupMember}
  806.         <div class="groupmember">
  807.             <img src="{GroupMemberPortraitURL-40}">
  808.             <div class="groupmember-text">
  809.             <a class="groupmember-name" href="{GroupMemberURL}">{GroupMemberName}</a><br>
  810.             <span class="groupmember-title">{GroupMemberTitle}</span>
  811.             </div>
  812.         </div>
  813.         {/block:GroupMember}
  814.     </div>
  815. </div>
  816. {/block:GroupMembers}
  817.  
  818. <!--Social Media Sidebar-->
  819. {block:ifShowSocialMediaBox}
  820. <div id="socialmedia-sidebar" class="sidebar">
  821.     <div class="sidebar-header">
  822.         Social Media
  823.     </div>
  824.     <div class="sidebar-body">
  825.     <div class="socialmedia-container">
  826.         {block:ifBlackSocialMediaIcons}
  827.             <a href="{text:Facebook URL}"><img src="http://static.tumblr.com/ytuk0mw/1TRoaqj8d/facebook_black.png"></a>
  828.             <a href="{text:Twitter URL}"><img src="http://static.tumblr.com/ytuk0mw/Z4Coaqjbf/twitter_black.png"></a>
  829.             <a href="{text:Instagram URL}"><img src="http://static.tumblr.com/ytuk0mw/VHQoaqjcn/insta_black.png"></a>
  830.             <a href="{text:YouTube URL}"><img src="http://static.tumblr.com/ytuk0mw/smxoaqjdv/youtube_black.png"></a>
  831.         {/block:ifBlackSocialMediaIcons}
  832.         {block:ifWhiteSocialMediaIcons}
  833.             <a href="{text:Facebook URL}"><img src="http://static.tumblr.com/ytuk0mw/auMoaqjgz/facebook_white.png"></a>
  834.             <a href="{text:Twitter URL}"><img src="http://static.tumblr.com/ytuk0mw/xMzoaqjhi/twitter_white.png"></a>
  835.             <a href="{text:Instagram URL}"><img src="http://static.tumblr.com/ytuk0mw/Ylioaqjhu/insta_white.png"></a>
  836.             <a href="{text:YouTube URL}"><img src="http://static.tumblr.com/ytuk0mw/bFJoaqjig/youtube_white.png"></a>
  837.         {/block:ifWhiteSocialMediaIcons}
  838.     </div>
  839.     </div>
  840. </div>
  841. {/block:ifShowSocialMediaBox}
  842.  
  843. </div>
  844.  
  845. <!--POSTS-->
  846.  
  847. <div class="entries">
  848. {block:Posts}
  849.  
  850.     <div class="info">
  851.         <a class="note-count" href="{Permalink}">{NoteCountWithLabel}</a>
  852.         &nbsp; <span class="dash-thing">|</span> &nbsp;
  853.         {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year}</a>{/block:Date}
  854.         {block:RebloggedFrom}
  855.             <a title="{ReblogParentName}" href="{ReblogParentURL}"></a>  
  856.             {block:ContentSource}
  857.                 <a href="{SourceURL}" title="{SourceTitle}"></a>
  858.             {/block:ContentSource}
  859.         {/block:RebloggedFrom}
  860.         <div style="float:right" class="likeandreblog">
  861.             {block:ifWhiteReblogAndLikeButton}
  862.                 <div class="reblog-button">{ReblogButton color="white" size="15"}</div>
  863.                 <div class="like-button">{LikeButton color="white" size="13"}</div>
  864.             {/block:ifWhiteReblogAndLikeButton}
  865.             {block:ifBlackReblogAndLikeButton}
  866.                 <div class="reblog-button">{ReblogButton color="black" size="15"}</div>
  867.                 <div class="like-button">{LikeButton color="black" size="13"}</div>
  868.             {/block:ifBlackReblogAndLikeButton}
  869.         </div>
  870.      </div>
  871.  
  872. <div class="posts">
  873.    
  874.     <!--TEXT POSTS-->
  875.     {block:Text}
  876.     <div class="text-inner">
  877.         {block:Title}
  878.         <div class="text-title">
  879.             <a href="{Permalink}">{Title}</a>
  880.         </div>
  881.         {/block:Title}
  882.         <div class="text-body">
  883.             {Body}
  884.         </div>
  885.     </div>
  886.     {/block:Text}
  887.    
  888.     <!--PHOTOS-->
  889.     {block:Photo}
  890.     <div class="photo-inner">
  891.         <div class="photo-img">
  892.             <center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</center>
  893.         </div>
  894.         {block:Caption}
  895.         <div class="photo-caption">
  896.             {Caption}
  897.         </div>
  898.         {/block:Caption}
  899.     </div>
  900.     {/block:Photo}
  901.    
  902.     <!--PHOTOSETS-->
  903.     {block:Photoset}
  904.     <div class="photoset-inner">
  905.         <div class="photoset-img">
  906.             <center>{Photoset-500}</center>
  907.         </div>
  908.         {block:Caption}
  909.         <div class="photoset-caption">
  910.             {Caption}
  911.         </div>
  912.         {/block:Caption}
  913.     </div>
  914.     {/block:Photoset}
  915.    
  916.     <!--LINKS-->
  917.     {block:Link}
  918.     <div class="link-inner">
  919.         <a href="{URL}"{Target}><div class="link-title">
  920.             {Name}
  921.         </div></a>
  922.         {block:Description}
  923.         <div class="link-description">
  924.             {Description}
  925.         </div>
  926.         {/block:Description}
  927.     </div>
  928.     {/block:Link}
  929.    
  930.     <!--QUOTES-->
  931.     {block:Quote}
  932.     <div class="quote-inner">
  933.     <div class="quote-mark"><img src="http://static.tumblr.com/4xwdbrg/M38o7jjaj/quotemarks.gif"></div>
  934.         <div class="quote-text">
  935.             {Quote}
  936.         </div>
  937.         {block:Source}
  938.         <div class="quote-source">
  939.             {Source}
  940.         </div>
  941.         {/block:Source}
  942.     </div>
  943.     {/block:Quote}
  944.    
  945.     <!--CHATS-->
  946.     {block:Chat}
  947.     <div class="chat-inner">
  948.         {block:Title}
  949.         <div class="chat-title">
  950.             <a href="{Permalink}">{Title}</a>
  951.         </div>
  952.         {/block:Title}
  953.         <ul class="chat-lines">
  954.             {block:Lines}
  955.             <li class="{Alt}">
  956.                 <p>{block:Label}<span class="chat-label">{Label}</span>{/block:Label}
  957.                 {Line}</p>
  958.             </li>
  959.             {/block:Lines}
  960.         </ul>
  961.         {/block:Title}
  962.     </div>
  963.     {/block:Chat}
  964.    
  965.     <!--AUDIO-->
  966.     {block:Audio}
  967.     <div class="audio-inner">
  968.         <table cellspacing ="0" class="audio-container">
  969.             <tr>
  970.                 <td class="albumart">
  971.                     {block:AlbumArt}
  972.                     <img src="{AlbumArtURL}"/>
  973.                     {/block:AlbumArt}
  974.                     <div class="audio-player">{AudioPlayerWhite}</div>
  975.                 </td>
  976.                 <td class="audio-info">
  977.                     <div class="audio-info2">
  978.                     {block:TrackName}<span class="audio-label">Song:</span> {TrackName}<br>{/block:TrackName}
  979.                     {block:Artist}<span class="audio-label">Artist:</span> {Artist}<br>{/block:Artist}
  980.                     {block:Album}<span class="audio-label">Album:</span> {Album}<br>{/block:Album}
  981.                     <span class="audio-label">Plays:</span> {PlayCountWithLabel}
  982.                     </div>
  983.                 </td>
  984.             </tr>
  985.         </table>
  986.         {block:Caption}
  987.         <div class="audio-caption">
  988.             {Caption}
  989.         </div>
  990.         {/block:Caption}
  991.     </div>
  992.     {/block:Audio}
  993.    
  994.     <!--VIDEOS-->
  995.     {block:Video}
  996.     <div class="video-inner">
  997.         <div id="video">
  998.             {Video-500}
  999.         </div>
  1000.         {block:Caption}
  1001.         <div class="video-caption">
  1002.             {Caption}
  1003.         </div>
  1004.         {/block:Caption}
  1005.     </div>
  1006.     {/block:Video}
  1007.    
  1008.     <!--ASKS-->
  1009.     {block:Answer}
  1010.     <div id="ask-inner">
  1011.     <div id="qanda">
  1012.         <div id="asker-container">
  1013.         <div id="asker-portrait"><img src="{AskerPortraitURL-30}"/></div>
  1014.             <div id="asker1">
  1015.             <span id="asker2">{Asker}</span><br>
  1016.             <span id="asked">asked a question</span>
  1017.             </div>
  1018.         </div><br><br>
  1019.         <div id="question-container">
  1020.             {Question}
  1021.         </div>
  1022.         </div>
  1023.         <div id="answer-container">{Answer}</div>
  1024.     </div>
  1025.     {/block:Answer}
  1026.    
  1027.     <!--TAGS-->
  1028.         {block:HasTags}
  1029.         <div id="tags">tags:&nbsp;
  1030.             {block:Tags}<a href="{TagURL}"> #{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  1031.         </div>
  1032.         {/block:HasTags}
  1033.    
  1034.     <!--PERMALINK PAGE-->
  1035.     {block:PermalinkPage}
  1036.         {block:PostNotes}
  1037.             <br><br>
  1038.             <div class="permalink">{PostNotes}</div>
  1039.         {/block:PostNotes}
  1040.     {/block:PermalinkPage}
  1041.    
  1042.    
  1043. </div>
  1044.    
  1045. {/block:Posts}
  1046.  
  1047. <!--PAGINATION-->
  1048.  
  1049. <div class="pagination">
  1050.     {block:PreviousPage}
  1051.         <a href="{PreviousPage}"><span class="page" id="prev-page">&#xab;</span></a>
  1052.     {/block:PreviousPage}
  1053.     {block:JumpPagination length="5"}
  1054.     {block:CurrentPage}
  1055.         <span class="page" id="current-page">{PageNumber}</span>
  1056.     {/block:CurrentPage}
  1057.     {block:JumpPage}
  1058.         <a class="page" id="jump-page" href="{URL}">{PageNumber}</a>
  1059.     {/block:JumpPage}
  1060.     {/block:JumpPagination}
  1061.     {block:NextPage}
  1062.         <a href="{NextPage}"><span id="next-page" class="page">&#xbb;</span></a>
  1063.     {/block:NextPage}
  1064. </div>
  1065.  
  1066. <!--CREDIT-->
  1067.  
  1068. <div class="credit"><a href="http://tatianaceptionthemes.tumblr.com">TT</a></div>
  1069.  
  1070. </body>
  1071.  
  1072. </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!