API tools faq
paste
drcomalfoy

theme 4: no mourners, no funerals

drcomalfoy
Aug 5th, 2016
555
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--------------------------------------------------------
  5. *
  6.  *  NO MOURNERS, NO FUNERALS
  7.  *  theme by merc / dransy.co.vu
  8. *
  9.  *  do not steal
  10.  *  do not reproduce
  11.  *  do not redistribute
  12. *
  13. *===============================================
  14. *
  15. *   - all codes on this theme were created
  16. *     by merc unless stated otherwise.
  17. *
  18. *===============================================
  19. *
  20. *   - fonts used: montserrat, trebuchet ms
  21. *   - based on my "coming down" skin @ wc/atf
  22. *   - no part of the jcink skin OR this theme
  23. *     should be reproduced or redistributed!
  24. *
  25. *===============================================
  26. *
  27. *   - tumblr: dransy.co.vu
  28. *   - atf: http://athousandfireflies.jcink.net/index.php?showuser=18
  29. *   - wecode: http://wecode.jcink.net/index.php?showuser=16
  30. *
  31. --------------------------------------------------------->
  32.  
  33. <head>
  34.  
  35.     <title>{Title}</title>
  36.     <link rel="shortcut icon" href="{FavIcon}" />
  37.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38.    
  39.     <!--- WEBFONT --->
  40.     <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  41.    
  42. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  43.  
  44.  <meta name="color:Scrollbar" content="#000"/>
  45.  
  46.  <meta name="color:Background" content="#fff" />
  47.  <meta name="color:Title" content="#000"/>
  48.  <meta name="color:Text" content="#686868"/>
  49.  <meta name="image:Background" content=""/>
  50.  
  51.  <meta name="color:Accent" content="#eee"/>
  52.  <meta name="color:Link" content="#191919"/>
  53.  <meta name="color:Tags Background" content="#fbfbfb"/>
  54.  
  55.  <meta name="text:Link 1" content="index"/>
  56.  <meta name="text:Link 1 url" content="/"/>
  57.  <meta name="text:Link 2" content="message"/>
  58.  <meta name="text:Link 2 url" content="/ask"/>
  59.  <meta name="text:link 3" content=" "/>
  60.  <meta name="text:Link 3 url" content="/"/>
  61.  <meta name="text:Link 4" content=" "/>
  62.  <meta name="text:Link 4 url" content="/"/>
  63.  <meta name="text:Link 5" content=" "/>
  64.  <meta name="text:Link 5 url" content="/"/>
  65.  
  66.  <meta name="if:400px" content="1"/>
  67.  <meta name="if:500px" content="0"/>
  68.  
  69. <style type="text/css">
  70.  
  71. /********
  72.     SCROLLBAR
  73.           ********/
  74.  
  75. ::-webkit-scrollbar-thumb:vertical {
  76.     background-color:{color:Background};
  77.     height: 10px;
  78.     border: 1px solid {color:Scrollbar};
  79.     width: 3px;
  80. }
  81. ::-webkit-scrollbar {
  82.     width: 3px;
  83.     border: 2px solid {color:Scrollbar};
  84.     background-color:{color:Background};
  85. }
  86.  
  87. /********
  88.     ESSENTIALS
  89.           ********/
  90.  
  91. html { overflow-x: auto; }
  92.  
  93. body {
  94.     margin: 0px;
  95.     background-color:{color:Background};
  96.     font-family: trebuchet ms, calibri, arial;
  97.     background-image:url({image:Background});
  98.     color: {color:Text};
  99.     font-size: 10px;
  100.     line-height: 125%;
  101. }
  102.  
  103. /********
  104.     LINK COLORS
  105.           ********/
  106.          
  107. a {
  108.     font-family: trebuchet ms, calibri, arial;
  109.     font-size: 7px;
  110.     font-weight: bold;
  111.     letter-spacing: 1px;
  112.     text-transform: uppercase;
  113.     color: {color:Link};
  114.     text-decoration: none;
  115.   -webkit-transition-duration: .3s;
  116.   -moz-transition-duration: .3s;
  117.   -o-transition-duration: .3s;
  118. }
  119. a:hover {
  120.     color: {color:Accent};
  121.     font-style: italic;
  122. }
  123.  
  124. /********
  125.     POST HEAD
  126.           ********/
  127. h1 {
  128.     font-family: montserrat;
  129.     color: {color:Title};
  130. }
  131. /********
  132.     SIDEBAR
  133.           ********/
  134. #mbar {
  135.     float: left;
  136.     top: 50px;
  137.     left: 50px;
  138.     width: 160px;
  139.     position: fixed;
  140.     overflow: hidden;
  141. }
  142. #mbar .btitle {
  143.     font-family: montserrat;
  144.     font-size: 12px;
  145.     text-transform: uppercase;
  146.     padding-bottom: 5px;
  147.     color: {color:Title};
  148.     letter-spacing: 1px;
  149.     margin-bottom: 10px;
  150.     font-weight: bold;
  151. }
  152. #mbar .mdesc {
  153.     font-family: trebuchet ms, calibri, arial;
  154.     font-size: 9px;
  155.     line-height: 20px;
  156.     text-align: left;
  157.     padding-bottom: 10px;
  158. }
  159. #mbar .mlink {
  160.     font-family: trebuchet ms, calibri, arial;
  161.     font-size: 7px;
  162.     font-weight: bold;
  163.     letter-spacing: 1px;
  164.     text-transform: uppercase;
  165.     padding: 5px;
  166.     display: block;
  167.     padding-right: 0px;
  168.     text-align: right;
  169.   -webkit-transition-duration: .3s;
  170.   -moz-transition-duration: .3s;
  171.   -o-transition-duration: .3s;
  172. }
  173. #mbar .mlink a {
  174.     color: {color:Link};
  175.     text-decoration: none;
  176.   -webkit-transition-duration: .3s;
  177.   -moz-transition-duration: .3s;
  178.   -o-transition-duration: .3s;
  179. }
  180. #mbar .mlink a:hover {
  181.     padding-right: 20px;
  182.     font-style: italic;
  183.     color: {color:Accent};
  184. }
  185. #mbar .mlink:hover {
  186.     padding-right: 100px;
  187.     font-style: italic;
  188.     color: {color:Accent};
  189. }
  190.  
  191. /********
  192.     POSTS
  193.           ********/
  194. #content {
  195.     {block:IndexPage}
  196.         {block:if400px}
  197.             width: 400px;
  198.         {/block:if400px}
  199.         {block:if500px}
  200.             width: 500px;
  201.         {/block:if500px}
  202.     {/block:IndexPage}
  203.    
  204.     {block:PermalinkPage}
  205.         width: 400px;
  206.     {/block:PermalinkPage}
  207.    
  208.     position: relative;
  209.     margin-left: 300px;
  210.     margin-top: 50px;
  211. }
  212. .entry {
  213.     margin-bottom: 50px;
  214. }
  215. .ptags {
  216.     padding: 2px;
  217.     background-color:{color:Tags Background};
  218.     display: block;
  219.     max-height: 15px;
  220.     margin-bottom: 20px;
  221.     text-align: center;
  222. }
  223.  
  224. /********
  225.     PERMALINKS
  226.           ********/
  227. #permalink {
  228.     position: absolute;
  229.     right: -75px;
  230.     letter-spacing: 1px;
  231.     text-transform: lowercase;
  232.     font-family: trebuchet ms;
  233.     font-size: 7px;
  234.     font-weight: bold;
  235.     text-transform: uppercase;
  236.     color: #222222;
  237. }
  238.  
  239. blockquote {
  240.     border-left: 1px solid {color:Accent};
  241.     margin-left: 6px;
  242.     padding-left: 10px;
  243. }
  244.  
  245. img.avatar {display:none; }
  246. ol.notes {
  247.     margin-top: 20px;
  248. }
  249.  
  250. #credit {
  251.     float: right;
  252.     position: fixed;
  253.     bottom: 40px;
  254.     right: 30px;
  255.     background-color: #fff;
  256.     font-family: montserrat;
  257.     text-transform: uppercase;
  258.     font-size: 8px;
  259.     -webkit-transition-duration:.8s;
  260.     -moz-transition-duration:.8s;
  261.     -o-transition-duration:.8s;
  262.     -ms-transition-duration:.8s;
  263. }
  264.  
  265. #credit a {
  266.     color: #191919;
  267.     padding: 10px;
  268.     background-color: #fff;
  269.     font-style: italic;
  270. }
  271.  
  272. #credit a:hover {   background-color:#fff; color: #191919; }
  273.  
  274.  
  275. /********
  276.     TUMBLR CTRLS BY NOT MERC
  277.           ********/
  278. iframe#tumblr_controls {
  279.     right:2px !important;
  280.     position: fixed !important;
  281.     -webkit-transition: opacity 0.7s linear;
  282.     opacity: 0.16;
  283.     -webkit-transition: all 0.8s ease-out;
  284.     -moz-transition: all 0.8s ease-out;
  285.     transition: all 0.8s ease-out;
  286.     -webkit-filter: invert(100%);
  287. }
  288. iframe#tumblr_controls:hover {
  289.     -webkit-transition: opacity 0.7s linear;
  290.     opacity: 0.16;
  291.     -webkit-transition: all 0.4s ease-out;
  292.     -moz-transition: all 0.4s ease-out;
  293.     transition: all 0.4s ease-out;
  294.     -webkit-filter: invert(100%);
  295. }
  296. </style>
  297.  
  298.  
  299. </head>
  300.  
  301. <body>
  302.  
  303. <div id="credit"><a href="http://dransy.co.vu/">merc</a></div>
  304.  
  305. <!--- SIDEBAR BEGIN --->
  306. <div id="mbar">
  307.  
  308.     <div class="btitle">{Title}</div>
  309.     <div class="mdesc">{Description}</div>
  310.    
  311.     <a href="{text:Link 1 url}" class="mlink">{text:Link 1}</a>
  312.     <a href="{text:Link 2 url}" class="mlink">{text:Link 2}</a>
  313.     <a href="{text:Link 3 url}" class="mlink">{text:Link 3}</a>
  314.     <a href="{text:Link 4 url}" class="mlink">{text:Link 4}</a>
  315.     <a href="{text:Link 5 url}" class="mlink">{text:Link 5}</a>
  316.     <a href="http://dransy.co.vu" class="mlink">©</a>
  317.    
  318.     <!--PAGINATION-->
  319. {block:Pagination}
  320.     <div class="pagination">
  321.         {block:PreviousPage}
  322.         <a href="{PreviousPage}">
  323.             <div class="pagibutton">Previous</div></a>
  324.         {/block:PreviousPage}
  325.         {block:NextPage}
  326.         <a href="{NextPage}">
  327.             <div class="pagibutton">Next</div></a>
  328.         {/block:NextPage}
  329.     </div>
  330. {/block:Pagination}
  331.        
  332. </div>
  333.  
  334.  
  335. <div id="content">
  336. {block:Posts}
  337.  
  338. <!-- {block:NoRebloggedFrom}
  339. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  340. {/block:NoRebloggedFrom} -->
  341.     <div class="entry">
  342.     <!--permalink-->
  343.     {block:IndexPage}<div id="permalink">{NoteCountWithLabel}<br /><a href="{Permalink}">{MonthNumber}.{DayofMonthwithZero}.{Year}</a><br><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  344.    
  345.    
  346. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  347.  
  348. {block:Photoset}{block:IndexPage}{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  349.  
  350. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  351.  
  352. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  353.  
  354. {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  355.  
  356. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  357.  
  358. {block:Audio}{AudioPlayerWhite}{block:IndexPage}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
  359.  
  360. {block:Video}{block:IndexPage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
  361.  
  362. {block:Answer}<b>{Asker}</b> asked: <br><center><i>{Question}</i></center><p>{Answer}{/block:Answer}
  363.  
  364. <div class="ptags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  365.  
  366. <!--permalink page-->
  367. {block:PermalinkPage}
  368. <center>{NoteCountwithLabel}</center>
  369. {block:PostNotes}{PostNotes}{/block:PostNotes}
  370. {/block:PermalinkPage}
  371.  
  372.  
  373.  
  374. </div> <!---entry div--->
  375.    
  376.  
  377.    
  378. {/block:Posts}
  379.  
  380. {block:ContentSource}<!-- {SourceURL}
  381. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  382. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  383. {/block:ContentSource}
  384. </div><!---content div--->
  385.  
  386.    
  387. </body>
  388.  
  389. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!