API tools faq
paste
Advertisement
circlejourney

Machina Solis

circlejourney
Apr 21st, 2018
275
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!---
  4.  
  5. MACHINA SOLIS
  6. DESIGNED BY CIRCLEJOURNEY
  7. circlejourney-themes.tumblr.com
  8.  
  9. --->
  10.  
  11.     <head>
  12.         <title>{Title}</title>
  13.         <link rel="shortcut icon" href="{Favicon}">
  14.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.         {block:Description}
  16.             <meta name="description" content="{MetaDescription}" />
  17.         {/block:Description}
  18.         <link href="https://fonts.googleapis.com/css?family=Aubrey|Glass+Antiqua" rel="stylesheet">
  19.        
  20.         <!--- branding color: #d8b95b --->
  21.        
  22.         <style>
  23.            
  24.             body {
  25.                 font-family: 'Aubrey', cursive;
  26.                 padding:20px;
  27.                 font-size:14pt;
  28.                 color:#DCA;
  29.                 background-size:cover;
  30.                 background-color:#221;
  31.             }
  32.            
  33.             h1 {
  34.                 position:relative;
  35.                 margin:60px auto 0 auto;
  36.                 border-right:8px solid {AccentColor};
  37.                 border-left:8px solid {AccentColor};
  38.                 border-top:12px solid {AccentColor};
  39.                 border-radius:1000px;
  40.                 width:300px;
  41.                 height:300px;
  42.                 /*border-top-left-radius:1000px;
  43.                 border-top-right-radius:1000px;*/
  44.                 text-align:center;
  45.                 box-sizing:border-box;
  46.                 /* padding:100px 0 50px 0; */
  47.                 padding-top:80px;
  48.                 font-family:"Glass Antiqua";
  49.                 font-size:30pt;
  50.             }
  51.            
  52.             a {
  53.                 color:#BCB8B8;
  54.                 text-decoration:none;
  55.             }
  56.            
  57.             h1 a {
  58.                 color:{AccentColor};
  59.             }
  60.            
  61.             a:hover {
  62.                 color:#CCC;    
  63.             }
  64.            
  65.             #cap, #posts {
  66.                 background-color:#221;
  67.             }
  68.            
  69.             #cap {
  70.                 padding:150px 0 20px;
  71.                 border-top-left-radius:200px;
  72.                 border-top-right-radius:200px;
  73.                 margin:0;
  74.                 border:3px solid {AccentColor};
  75.                 text-align:center;
  76.             }
  77.            
  78.             #container {
  79.                 margin:150px auto 0 auto;
  80.                 width:50%;
  81.                 position:relative;
  82.                 /* border:5px solid {AccentColor}; */
  83.                 padding:20px;
  84.                 border-top-left-radius:200px;
  85.                 border-top-right-radius:200px;
  86.                 background-image:url(https://s-media-cache-ak0.pinimg.com/originals/75/4e/bb/754ebbb93ce64823b277779012679a7a.jpg);
  87.             }
  88.            
  89.             #posts {
  90.                 border:3px solid {AccentColor};
  91.                 padding:30px;
  92.                 margin-top:20px;
  93.             }
  94.            
  95.             .post {
  96.                 margin-top:20px 0;
  97.                 padding-top:20px;
  98.             }
  99.            
  100.             .post:first-child {
  101.                 padding-top:0;
  102.             }
  103.            
  104.             .meta {
  105.                 text-align:center;
  106.                 padding-bottom:20px;
  107.             }
  108.            
  109.             .quoteText {
  110.                 padding:20px;
  111.             }
  112.            
  113.             #menu {
  114.                 display:flex;
  115.                 margin:0;
  116.                 padding:0;
  117.                 width:100%;
  118.                 justify-content:center;
  119.                 border-top:2px solid {AccentColor};
  120.                 border-bottom:2px solid {AccentColor};
  121.             }
  122.            
  123.             #menu a {
  124.                 display:inline-block;
  125.                 width:auto;
  126.                 padding:10px;
  127.                 border-right:2px solid {AccentColor};
  128.                 border-left:2px solid {AccentColor};
  129.                 margin-left:20px;
  130.             }
  131.            
  132.             #menu a:first-child {
  133.                 border-right:none
  134.                 margin-left:0;
  135.             }
  136.         </style>
  137.        
  138.     </head>
  139.     <body>
  140.         <h1><a href = "/">{Title}</a></h1>
  141.     <div id = "container">
  142.     <div id = "cap">
  143.         {block:Description}
  144.             <p id="description">{Description}</p>
  145.         {/block:Description}
  146.        
  147.         <div id = "menu">
  148.         {block:HasPages}
  149.         {block:Pages}
  150.         <a href = "{URL}"><div>{Label}</div></a>
  151.         {/block:Pages}
  152.         {/block:HasPages}
  153.         {block:AskEnabled}<a href = "/ask"><div>{AskLabel}</div></a> {/block:AskEnabled}
  154.         {block:SubmissionsEnabled}<a href = "/submit"><div>{SubmitLabel}</div></a>{/block:SubmissionsEnabled}
  155.         </div>
  156.     </div>
  157.  
  158.         <div id="posts">
  159.             {block:Posts}
  160.                 {block:Text}
  161.                     <div class="post text">
  162.                         {block:Title}
  163.                             <h3><a href="{Permalink}">{Title}</a></h3>
  164.                         {/block:Title}{Body}
  165.                     </div>
  166.                 {/block:Text}
  167.                
  168.                 {block:Photo}
  169.                     <div class="post photo">
  170.                         <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  171.  
  172.                         {block:Caption}
  173.                             <div class="caption">{Caption}</div>
  174.                         {/block:Caption}
  175.                     </div>
  176.                 {/block:Photo}{block:Panorama}
  177.                     <div class="post panorama">
  178.                         {LinkOpenTag}
  179.                             <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  180.                         {LinkCloseTag}{block:Caption}
  181.                             <div class="caption">{Caption}</div>
  182.                         {/block:Caption}
  183.                     </div>
  184.                 {/block:Panorama}{block:Photoset}
  185.                     <div class="post photoset">
  186.                         {Photoset-500}{block:Caption}
  187.                             <div class="caption">{Caption}</div>
  188.                         {/block:Caption}
  189.                     </div>
  190.                 {/block:Photoset}{block:Quote}
  191.                     <div class="post quote">
  192.                         <div class = "quoteText">"{Quote}"</div>
  193.  
  194.                         {block:Source}
  195.                             <div class="source">{Source}</div>
  196.                         {/block:Source}
  197.                     </div>
  198.                 {/block:Quote}{block:Link}
  199.                     <div class="post link">
  200.                         <a href="{URL}" class="link" {Target}>{Name}</a>
  201.  
  202.                         {block:Description}
  203.                             <div class="description">{Description}</div>
  204.                         {/block:Description}
  205.                     </div>
  206.                 {/block:Link}{block:Chat}
  207.                     <div class="post chat">
  208.                         {block:Title}
  209.                             <h3><a href="{Permalink}">{Title}</a></h3>
  210.                         {/block:Title}
  211.  
  212.                         <ul class="chat">
  213.                             {block:Lines}
  214.                                 <div class="{Alt} user_{UserNumber}">
  215.                                     {block:Label}
  216.                                         <span class="label">{Label}</span>
  217.                                     {/block:Label}{Line}
  218.                                 </div>
  219.                             {/block:Lines}
  220.                         </ul>
  221.                     </div>
  222.                 {/block:Chat}{block:Video}
  223.                     <div class="post video">
  224.                         {Video-500}{block:Caption}
  225.                             <div class="caption">{Caption}</div>
  226.                         {/block:Caption}
  227.                     </div>
  228.                 {/block:Video}{block:Audio}
  229.                     <div class="post audio">
  230.                         {AudioEmbed}{block:Caption}
  231.                             <div class="caption">{Caption}</div>
  232.                         {/block:Caption}
  233.                     </div>
  234.                 {/block:Audio}
  235.                 <div class = "meta"><a href="{Permalink}">{block:Date}{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}{/block:Date}{block:NoteCount} &sdot;  {NoteCount}{/block:NoteCount}</a>
  236.                 {block:PostNotes}{PostNotes}{/block:PostNotes}
  237.                 </div>
  238.                 {/block:Posts}
  239.         </div>
  240.  
  241.         <p id="footer">
  242.             {block:PreviousPage}
  243.                 <a href="{PreviousPage}">&#171; Previous</a>
  244.             {/block:PreviousPage}{block:NextPage}
  245.                 <a href="{NextPage}">Next &#187;</a>
  246.             {/block:NextPage}
  247.  
  248.             &nbsp;<a href="/rss">RSS</a>
  249.         </p>
  250.         </div>
  251.     </body>
  252. </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!