API tools faq
paste
Advertisement
mebuckner

Custom Order - Luckenbach - Tumblr

mebuckner
Dec 4th, 2020
728
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.95 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.        
  10.  
  11.    
  12. <style type="text/css">
  13.  
  14. @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
  15.  
  16. /*---------------- GENERAL ----------------*/
  17.  
  18.     body {
  19.         margin: 0;
  20.         background-image:url('https://i.imgur.com/wVXhvnM.jpg');
  21.         background-attachment: fixed;
  22.         background-size:cover;
  23.     }
  24.  
  25.      sub, sup, small {
  26.         font-size: 14px;
  27.     }
  28.    
  29.    .container {
  30. width:705px;
  31. height:500px;
  32. position:absolute;
  33. left:0;
  34. right:0;
  35. top:0;
  36. bottom:0;
  37. margin:auto;
  38. color:#fff;
  39. background-color:#e0e6e6;
  40. font-family: 'Abel', sans-serif;
  41. }
  42.  
  43.  
  44. .linksContainer{
  45. width:150px;
  46. height:500px;
  47. background:#a59c71;
  48. display:inline-block;
  49. vertical-align:top;
  50. }
  51.  
  52. .rightContainer{
  53. width:550px;
  54. height:497px;
  55. display:inline-block;
  56. vertical-align:top;
  57. margin-top:3px;
  58.     overflow: auto;
  59.     background: #a59c71;
  60. }
  61.  
  62.  
  63.  
  64.  
  65. a.sideNavigation:link, a.sideNavigation:visited {
  66.     background-color: #a59c71;
  67.     color: white;
  68.     padding: 34px 25px;
  69.     text-align: center;
  70.     text-decoration: none;
  71.     display: inline-block;
  72.     width: 100px;
  73.     font-family: Playfair Display;
  74.     font-weight: 100;
  75.     text-transform: uppercase;
  76.     font-size: 12px;
  77.     margin-top: 0px;
  78. }
  79.  
  80. a.sideNavigation:hover, a.sideNavigation:active {
  81.   color: #e0e6e6;
  82. }
  83.  
  84. #tagsMenu{
  85.     display:none;
  86. }
  87.  
  88. #tagsMenu:target{
  89.     display:block;
  90.     width:300px;
  91.     height:300px;
  92.     position:fixed;
  93.     top:0;
  94.     right:0;
  95.     left:0;
  96.     bottom:0;
  97.     overflow:auto;
  98.     background:#fff;
  99.     z-index:9999999;
  100. }
  101.  
  102.  
  103.  
  104.  
  105.  
  106. /*---------------- CONTAINERS ----------------*/
  107.  
  108.     #upper {
  109.         width: 1051px;
  110.         margin: auto;
  111.     }
  112.    
  113.     #lower {
  114.         width: 1051px;
  115.         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 */
  116.         padding-top: 30px;
  117.         margin: auto;
  118.         margin-bottom: -21px;
  119.         background: #fff;
  120.         margin-top:-4px;
  121.     }
  122.    
  123.     #postblock {
  124.         width: 264px;
  125.     }
  126.  
  127. /*---------------- HEADER ----------------*/
  128.  
  129.     #navigation {
  130.     position: fixed;
  131.     margin-top: 0;
  132.     width: 1031px;
  133.     height: 50px;
  134.     background: #e0e6e6;
  135.     text-align: center;
  136.     padding-right: 20px;
  137.     }
  138.    
  139.     a.topNavLinks:link, a.topNavLinks:visited {
  140.         background-color: #e0e6e6;
  141.         color: white;
  142.         padding: 14px 25px;
  143.         text-align: center;
  144.         text-decoration: none;
  145.         display: inline-block;
  146.         font-family: Playfair Display;
  147.         text-transform: uppercase;
  148.         letter-spacing: 3px;
  149.     }
  150.    
  151.     a.topNavLinks:hover, a.topNavLinks:active {
  152.       color: black;
  153.     }
  154.    
  155.     h1{
  156.             margin: 0;
  157.     text-align: center;
  158.     text-transform: uppercase;
  159.     font-weight: 100;
  160.     font-size: 21px;
  161.     background: #a59c71;
  162.     padding-top: 10px;
  163.     padding-bottom: 10px;
  164.     color: #fff;
  165.     margin-bottom: 10px;
  166.     }
  167.    
  168.     a {
  169.     font-family: 'Playfair Display';
  170.     font-size: 12px;
  171.     color: #52315f;
  172.     text-decoration: none;
  173. }
  174.    
  175.     strong{
  176.         background:#8c78ad;
  177.         padding:5px;
  178.         line-height:32px;
  179.         color:#fff;
  180.     }
  181.  
  182.    
  183.  
  184.  
  185. /*---------------- POSTS ----------------*/
  186.  
  187.    .posts {
  188.     width: 500px;
  189.     padding: 30px;
  190.     margin-bottom: 21px;
  191.     background: #e0e6e6;
  192.     font-family: 'Playfair Display';
  193.     font-size: 12px;
  194.     color: #000;
  195.     text-align: justify;
  196. }
  197.  
  198. /*---------------- PAGINATION ----------------*/
  199.  
  200.     .pagination {
  201.         width: 400px;
  202.         padding-bottom: 20px;
  203.         margin-left: auto;
  204.         margin-right: auto;
  205.         margin-top: 20px;
  206.         text-align: center;
  207.         text-transform: uppercase;
  208.     }
  209.  
  210.     .jump_page {
  211.             padding: 11px;
  212.     background: #e0e6e6;
  213.     width: 15px;
  214.     display: inline-block;
  215.     color: #fff;
  216.     }
  217.    
  218.     .current_page {
  219.         margin-left: 5px;
  220.     }
  221.    
  222.     .current_page, .jump_page:hover {
  223.         padding: 10px;
  224.     }
  225.  
  226. /*---------------- FOOTER ----------------*/
  227.  
  228.     #footer {
  229.     width: 1051px;
  230.     padding-top: 20px;
  231.     margin: auto;
  232.     padding-bottom: 20px;
  233.     margin-bottom: 0;
  234.     color: white;
  235.     background: #e0e6e6;
  236.     text-align: center;
  237.     font-family: 'Playfair Display';
  238.     font-size: 12px;
  239.     text-transform: uppercase;
  240.     }
  241.    
  242.     ::-webkit-scrollbar {display:none;}
  243.  
  244. </style></head><body>
  245.  
  246. <div id="tagsMenu">
  247.     <h1>Our Character Tags</h1>
  248.     <ul style="height: 178px; overflow: auto;">
  249.         <li>
  250.             <a href="/tagged/HERE">Taken Females</a>
  251.         </li>
  252.         <li>
  253.             <a href="/tagged/HERE">Taken Males</a>
  254.         </li>
  255.         <li>
  256.             <a href="/tagged/HERE">Tag</a>
  257.         </li>
  258.         <li>
  259.             <a href="/tagged/HERE">Tag</a>
  260.         </li>
  261.         <li>
  262.             <a href="/tagged/HERE">Tag</a>
  263.         </li>
  264.         <li>
  265.             <a href="/tagged/HERE">Tag</a>
  266.         </li>
  267.         <li>
  268.             <a href="/tagged/HERE">Tag</a>
  269.         </li>
  270.         <li>
  271.             <a href="/tagged/HERE">Tag</a>
  272.         </li>
  273.         <li>
  274.             <a href="/tagged/HERE">Tag</a>
  275.         </li>
  276.         <li>
  277.             <a href="/tagged/HERE">Tag</a>
  278.         </li>
  279.         <li>
  280.             <a href="/tagged/HERE">Tag</a>
  281.         </li>
  282.         <li>
  283.             <a href="/tagged/HERE">Tag</a>
  284.         </li>
  285.         <li>
  286.             <a href="/tagged/HERE">Tag</a>
  287.         </li>
  288.     </ul>
  289.     <a href="#close"><h1>CLOSE</h1></a>
  290.        
  291.     </div>
  292.  
  293.  
  294. <div class="container">
  295.  
  296. <div class="linksContainer">
  297. <a href="/home.php" class="sideNavigation">home</a>
  298. <a href="/send_message.php?member_id=1665547" class="sideNavigation">message</a>
  299. <a href="#tagsMenu" class="sideNavigation">Tags</a>
  300. <a href="/view_blog.php?id=0000491473" class="sideNavigation">rules</a>
  301. <a href="/view_blog.php?id=0000491476" class="sideNavigation">taken info</a>
  302. <a href="/view_blog.php?id=0000491477" class="sideNavigation">audition form</a>
  303. </div>
  304.  
  305.  
  306. <div class="rightContainer">
  307. <!---------------- POSTS START ---------------->
  308.  
  309. <div id="postblock">
  310.  
  311. {block:Posts}
  312.  
  313. <div class="posts">
  314.  
  315. <!-------- GENERAL CONTENT -------->
  316.  
  317. {block:Text}
  318.     {block:Title}{Title}{/block:Title}
  319.     {Body}
  320. {/block:Text}
  321.  
  322. <!-------- SINGLE IMAGE -------->
  323.  
  324. {block:Photo}
  325.     <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  326.     {block:Caption}{Caption}{/block:Caption}
  327. {/block:Photo}
  328.  
  329. <!-------- CHAT -------->
  330.  
  331. {block:Chat}
  332.     {block:Title}{Title}{/block:Title}
  333.     {block:Lines}
  334.         <li class="line {Alt}">
  335.         {block:Label}{Label}{/block:Label}
  336.         {Line}
  337.     {/block:Lines}
  338. {/block:Chat}
  339.  
  340. <!-------- PHOTOSETS -------->  
  341.  
  342. {block:Panorama}
  343.     {LinkOpenTag}
  344.     <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  345.     {LinkCloseTag}
  346.     {block:Caption}{Caption}{block:Caption}
  347. {/block:Panorama}
  348.  
  349. {block:Photoset}
  350.     {Photoset-500}
  351.     {block:Caption}{Caption}{/block:Caption}
  352. {/block:Photoset}
  353.  
  354. <!-------- QUOTE -------->
  355.  
  356. {block:Quote}
  357.     {Quote}
  358.     {block:Source}{Source}{/block:Source}
  359. {/block:Quote}
  360.  
  361. <!-------- LINK -------->
  362.  
  363. {block:Link}
  364.     <a href="{URL}" class="link">{Target}{Name}</a>
  365.     {block:Description}{Description}{/block:Description}
  366. {/block:Link}
  367.  
  368. <!-------- VIDEO -------->
  369.  
  370.                        
  371. {block:Video}
  372.     {Video-500}
  373.     {block:Caption}{Caption}{/block:Caption}
  374. {/block:Video}
  375.  
  376. <!-------- AUDIO -------->
  377.  
  378. {block:Audio}
  379.     {AudioEmbed}
  380.     {block:Caption}{Caption}{/block:Caption}
  381. {/block:Audio}
  382.  
  383. <!-------- ASK -------->
  384.  
  385. {block:Answer}
  386.  
  387.     {Asker}
  388.     {Question}
  389.     {Answer}
  390.  
  391. {/block:Answer}
  392.  
  393. <!---------------- POSTS END ---------------->
  394.  
  395.    
  396. </div>
  397.  
  398. {/block:Posts}
  399.  
  400. <!---------------- PAGINATION START ---------------->
  401.  
  402. {block:Pagination}
  403. <div class="pagination">
  404.  
  405.     {block:PreviousPage}
  406.         <a href="{PreviousPage}">Previous</a>
  407.     {/block:PreviousPage}
  408.       {block:JumpPagination length="10"}
  409.             {block:CurrentPage}
  410.                   <span class="current_page"> {PageNumber} </span>
  411.             {/block:CurrentPage}
  412.  
  413.             {block:JumpPage}
  414.                  <a class="jump_page" href="{URL}"> {PageNumber} </a>
  415.             {/block:JumpPage}
  416.       {/block:JumpPagination}
  417.      
  418.     {block:NextPage}
  419.         <a href="{NextPage}">Next</a>
  420.     {/block:NextPage}
  421.      
  422. </div>
  423. {/block:Pagination}  
  424.  
  425. </div>
  426. </div>
  427.  
  428. <!---------------- PAGINATION END ---------------->
  429.  
  430. </div>
  431.  
  432. <!---------------- LOWER BODY END ---------------->
  433.  
  434. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!