daily pastebin goal
7%
SHARE
TWEET

PBS / KAE Tumblr theme

a guest Jun 13th, 2018 55 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- Custom unnamed theme by Kae @ pbskae.tumblr.com. You can reuse this theme if you want. -->
  2.  
  3. <!DOCTYPE html>
  4. <html>
  5.     <head>
  6.         <title>{Title}</title>
  7.         <link rel="shortcut icon" href="{Favicon}">
  8.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.         {block:Description}
  10.         <meta name="description" content="{MetaDescription}" />
  11.         {/block:Description}
  12.         <meta name="color:bg" content="#FFFFFF">
  13.         <meta name="color:sidebar" content="#75b1d6">
  14.         <meta name="color:text" content="#dcecf5">
  15.         <meta name="color:border" content="#f6f6f6">
  16.         <meta name="color:notesbg" content="#bad8eb">
  17.         <meta name="color:links hover" content="#f7f5f5">
  18.         <meta name="color:links" content="#315f7a">
  19.         <meta name="color:title" content="##75b1d6">
  20.         <meta name="color:chat1" content="#d3d0d0">
  21.         <meta name="color:chat2" content="#d3d0d0">
  22.         <meta name="image:bg" content="">
  23.         <meta name="text:post font size" content="8"/>
  24.         <meta name="image:sidebar" content="">
  25.         <meta name="text:link1 url" content="/">
  26.         <meta name="text:link2 url" content="/">
  27.  
  28. <style type="text/css">
  29.  
  30. {CustomCSS}
  31.  
  32. body {
  33.     background:{color:bg} url({Image:bg})
  34.     no-repeat center center fixed;
  35.     -webkit-background-size: cover;
  36.     -moz-background-size: cover;
  37.     -o-background-size: cover;
  38.     background-size: cover;
  39.     color:{color:text};
  40.     font-family:helvetica;
  41.     font-size:12px;
  42. }
  43.  
  44. a {    
  45.     color:{color:links};
  46.     text-decoration:none
  47. }
  48.  
  49. a:hover {
  50.     opacity:1;
  51.     font-family: helvetica;
  52.     color:{color:links hover};
  53.     font-style:bold;
  54. }
  55.  
  56. img {
  57.     border:none;
  58.     max-width:100%;
  59. }
  60.  
  61. blockquote {
  62.     padding:3px 0 3px 5px;
  63.     margin-left:10px;
  64.     border-left:1px solid;
  65. }
  66.  
  67. #container {
  68.     margin:auto;
  69.     width:100%;
  70.     height:500%;
  71.     text-align: center;
  72.     z-index:9990;
  73. }
  74.  
  75. #sidebar {
  76.     margin-left:25%;
  77.     margin-top:5%;
  78.     text-align:justify;
  79.     color:{color:text};
  80.     position:absolute;
  81.     overflow: -moz-scrollbars-none;
  82.     position:fixed;
  83.     width:13%;
  84.     padding:0 0 1% 0;
  85.     background-color:{color:border};
  86. }
  87.  
  88. #links {
  89.     text-align:center;
  90.     font-size:12px;
  91.     width:100%;
  92.     margin-top:10px;
  93.     margin-bottom:10px;
  94.     line-height: 2vw;
  95. }
  96.  
  97. #links a {
  98.     background-color:{color:sidebar};
  99.     width:2vw;
  100.     height:2vw;
  101.     text-align: center;
  102.     font-size:50px;
  103. }
  104.  
  105. #sidebarimage {
  106.     width:100%;
  107.     height:auto;
  108. }
  109.  
  110. #sidebarimage img{
  111.     width:100%;
  112.     height:auto;
  113. }
  114.  
  115. #sidebartext{
  116.     margin-left:10%;
  117.     width:75%;
  118.     height:80%;
  119.     background-color:{color:sidebar};
  120.     padding:1% 4% 1% 2%;
  121.     font-family:helvetica;
  122. }
  123.  
  124. #entries {
  125.     margin-left:45%;
  126.     margin-top:50px;
  127.     text-align:justify;
  128.     color:{color:text};
  129.     position:absolute;
  130.     overflow: -moz-scrollbars-none;
  131.     width:25%;
  132. }  
  133.    
  134. #audio {
  135.     text-align:left;
  136.     display: inline-block;
  137.     margin-top:-60px;
  138. }
  139.  
  140. #audio img {
  141.     width:6vw;
  142.     height:6vw;
  143.     display: inline-block;
  144. }
  145.  
  146. #posts {
  147.     width:100%;
  148.     text-align:justify;
  149.     font-size:12px;
  150.     line-height:100%;
  151.     letter-spacing:0x;
  152.     color:{color:text};
  153.     margin-top:20px;
  154.     background-color:{color:sidebar};
  155. }    
  156.    
  157. #chatpost ul {
  158.     width:100%;
  159. }
  160.    
  161. .chat li {
  162.     list-style-type:none;
  163.     padding:0; margin-left:-40px;
  164.     color:{color:text};
  165.     padding:10px 10px;
  166. }
  167.    
  168. .chat li:nth-child(odd) {
  169.     background-color:{color:notesbg};
  170. }
  171.    
  172. .chat li:nth-child(even) {
  173.     background-color:{color:links};
  174. }    
  175.    
  176. #credit {
  177.     width:2vw;    
  178.     height:2vw;
  179.     border-style:solid;
  180.     border-width:1px;
  181.     text-align:center;
  182.     font-size:12px;
  183.     position:fixed; bottom:5px; right:5px;
  184.     color:#efefef;
  185. }
  186.  
  187. credit a {
  188.     font-size:12px;
  189.     color:#efefef;
  190. }
  191.  
  192. #title {
  193.     width:90%;
  194.     margin-left:5%;
  195.     text-align:center;
  196.     background-color:{color:title};
  197.     font-family:helvetica;
  198. }
  199.    
  200. #notes {
  201.     background-color:{color:notesbg};
  202.     padding:10px;
  203.     margin-top:12px;
  204.     font-size:12px;
  205.     color:{color:link};
  206.     letter-spacing:1px;
  207.     text-align:left;
  208. }
  209.  
  210. #notes a {
  211.     color:{color:link};
  212.     letter-spacing:1px;
  213.     display:inline-block;
  214. }
  215.  
  216. #noteso a:hover {
  217.     color:{color:hover};
  218. }
  219.    
  220. #tags {
  221.     margin-top:-20px;
  222.     width:80%;
  223. }
  224.  
  225. #tags a {
  226.     margin-top:-10px;
  227.     margin-left:20px;
  228. }
  229.  
  230. .reblog_button, .like_button {
  231.     display: inline-block !important;
  232.     margin-left:10px; !important;
  233.     text-align:right;
  234. }
  235.  
  236. #likereblog {
  237.     text-align:right;
  238.     margin-top:5px;
  239. }
  240.  
  241. #question {
  242.     width:100%;
  243.     background-color:{color:links};
  244.     padding: 20px 0 40px 0;
  245.     display: inline-block;
  246.     vertical-align: middle;
  247. }
  248.  
  249. #question a {
  250.     color:{color:text};
  251.     display: inline-block;
  252.     font-weight:700;
  253.     font-size:12px;
  254.     vertical-align: middle;
  255. }
  256.    
  257. #questiontext {
  258.     margin-top:-50px;
  259.     text-align:center;
  260. }
  261.  
  262. #asker {
  263.     margin-left:10px;
  264.     width:100%;
  265.     display: inline-block;
  266. }
  267.  
  268. #asker img {
  269.     width:3vw;
  270.     height:3vw;
  271.     display: inline-block;
  272. }
  273.  
  274. #quotes {
  275.     font-size:12px;
  276.     font-family:helvetica;
  277. }
  278.  
  279. h3 {
  280.     font-weight:normal;
  281.     font-size:12px;
  282.     text-align:center;
  283.     font-family:helvetica;
  284.     letter-spacing:1px;
  285.     color:{color:text};
  286. }
  287.  
  288. </style>
  289.    
  290. </head>
  291.  
  292. <body>
  293.    
  294. <div id="container">
  295.    
  296. <div id="sidebar">
  297.    
  298. <div id="sidebarimage">
  299.     <img src="{image:sidebar}"/>
  300. </div>
  301.    
  302. <div id="title">
  303.     <a href="/" title="Go to index page"><h1>{Title}</h1></a>
  304. </div>
  305.  
  306. <div id="sidebartext">
  307.     {block:Description}
  308.         <p id="description">{Description}</p>
  309.     {/block:Description}
  310. </div>
  311.        
  312. <div id="links">
  313.     <a href="/ask" title="Go to ask page"></a>
  314.     <!-- Commenting out the other cutesy sumbols and just putting the ask one until I     have at least three other things on my blog worth linking to.
  315.    <a href="/">▣</a>
  316.    <a href="{text:link1 url}">ツ</a>
  317.    <a href="{text:link2 url}">❤</a> -->
  318. </div>
  319.              
  320. <div id="links">
  321.     {block:PreviousPage}
  322.         <a href="{PreviousPage}" title="Go to previous page"></a>
  323.     {/block:PreviousPage}
  324.     {block:NextPage}
  325.         <a href="{NextPage}" title="Go to next page"></a>
  326.     {/block:NextPage}
  327.     {/block:Pagination}
  328. </div>
  329.        
  330. </div>
  331.        
  332. <div id="entries">
  333.  
  334. {block:Posts}
  335.            
  336. <!-- {block:NoRebloggedFrom}
  337. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  338. {/block:NoRebloggedFrom} -->
  339. {block:ContentSource}<!-- {SourceURL}
  340. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  341. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  342. {/block:ContentSource}
  343.            
  344. <div id="posts">
  345.            
  346. {block:Text}
  347.                    
  348. {block:Title}
  349.     <h3><a href="{Permalink}">{Title}</a></h3>
  350. {/block:Title}
  351.  
  352. {Body}
  353. {/block:Text}
  354.  
  355. {block:Photo}
  356.     <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  357.     {block:Caption}
  358.         <div class="caption">{Caption}</div>
  359.     {/block:Caption}
  360. {/block:Photo}
  361.  
  362. {block:Panorama}
  363.     {LinkOpenTag}
  364.         <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  365.     {LinkCloseTag}
  366.     {block:Caption}
  367.         <div class="caption">{Caption}</div>
  368.     {/block:Caption}
  369. {/block:Panorama}
  370.  
  371. {block:Photoset}
  372.     {Photoset}
  373.     {block:Caption}
  374.         <div class="caption">{Caption}</div>
  375.     {/block:Caption}
  376. {/block:Photoset}
  377.  
  378. {block:Quote}
  379.     <div id="quotes">
  380.         "{Quote}"
  381.     </div>
  382.     {block:Source}
  383.         <div class="source" style="margin-left:30px;margin-top:10px">  - by {Source}       </div>
  384.     {/block:Source}
  385. {/block:Quote}
  386.  
  387. {block:Link}
  388.     <a href="{URL}" class="link" {Target}>{Name}</a>
  389.     {block:Description}
  390.         <div class="description">{Description}</div>
  391.     {/block:Description}
  392. {/block:Link}
  393.  
  394. {block:Chat}
  395.     {block:Title}
  396.         <h3><a href="{Permalink}">{Title}</a></h3>
  397.     {/block:Title}
  398.         <ul class="chat">
  399.     {block:Lines}
  400.         <li class="{Alt} user_{UserNumber}">
  401.     {block:Label}
  402.         <span class="label">{Label}</span>
  403.     {/block:Label}{Line}
  404.     </li>
  405.     {/block:Lines}
  406.     </ul>
  407. {/block:Chat}
  408.  
  409. {block:Video}
  410.     {Video-500}
  411.     {block:Caption}
  412.         <div class="caption">{Caption}</div>
  413.     {/block:Caption}
  414. {/block:Video}
  415.  
  416. {block:Audio}
  417.     <div style="margin-left:30%"> {audioplayergrey}
  418.     <br>
  419.     {block:Artist}
  420.         Artist : {Artist}
  421.     {/block:Artist}
  422.     <br>
  423.     {block:TrackName}
  424.         Track Name : {TrackName}
  425.     {/block:TrackName}
  426.     </div>
  427.     <div id="audio" >
  428.     {block:AlbumArt}
  429.         <img src="{AlbumArtURL}">
  430.     {/block:AlbumArt}
  431.     </div>
  432. {/block:Audio}
  433.                
  434. {block:Answer}
  435.     <div id="question">
  436.     <div id="questiontext">
  437.         {Asker} sent:<br/><br/>{Question}</div></div>
  438.     <div style="margin-top:10px;">{Answer}</div>
  439. {/block:Answer}
  440.                
  441. {block:Date}
  442.     <div id="notes">
  443.     <a href="{Permalink}" title="Go to permalink page">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a>
  444.     </div>
  445. {/block:Date}
  446.                
  447. <div id="likereblog">
  448. </div>  
  449.  
  450. {block:HasTags}
  451.     <div class="tags" style="margin-top:-15px">
  452.     {block:Tags}
  453.         <a href="{TagURL}" title="View all posts tagged as {Tag}">#&nbsp;{Tag}</a>
  454.     {/block:Tags}
  455.     </div>
  456. {/block:HasTags}              
  457.    
  458. </div>
  459.  
  460. {/block:Posts}
  461.  
  462. </div>
  463.        
  464. </div>
  465.        
  466. </body>
  467.    
  468. </html>
RAW Paste Data
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
 
Top