API tools faq
paste
Advertisement
rasperries

selkas multi-column

rasperries
Oct 19th, 2014
268
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10. #13 by selkas
  11. http://selkas.tumblr.com
  12.  
  13.  
  14.  
  15.  
  16. notes:
  17.  
  18.  
  19. * clicking on the title opens the menu panel, so you
  20. need to enter a title or the theme will not work
  21.  
  22. * you may not be able to view the menu panel on the
  23. customize page but it should work on your blog;
  24. same with clicking photosets
  25.  
  26. * 250px is the only post width when 'one column' is
  27. unchecked; in that case the post width you enter
  28. will be the one used on the permalink page
  29.  
  30. * infinite scrolling will not work with this theme
  31. because of the way the posts are contained
  32.  
  33.  
  34. -->
  35. <title>{Title}</title>
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  37. <link rel="shortcut icon" href="{Favicon}"/>
  38. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39. <!-- external css --><link rel="stylesheet" type="text/css" href="http://static.tumblr.com/qudkd6d/IGsnd9epp/13.css"/>
  40. <meta name="image:background" content="http://static.tumblr.com/631a73a25a5b08210c5f8550aa130f5c/qudkd6d/QQ2n9s9v9/tumblr_static_bkypsnu34u0wswgg0osk0kc8g.png"/>
  41. <meta name="color:background" content="#ffffff"/>
  42. <meta name="color:page border" content="#ffffff"/>
  43. <meta name="color:post bg" content="#fbfbfb"/>
  44. <meta name="color:post border" content="#ffffff"/>
  45. <meta name="color:title" content="#b6ead9"/>
  46. <meta name="color:title shadow" content="#fff6a5"/>
  47. <meta name="color:text" content="#adadad"/>
  48. <meta name="color:link border" content="#fed5be"/>
  49. <meta name="color:link border hover" content="#adb8d4"/>
  50. <meta name="color:permalink text" content="#adadad"/>
  51. <meta name="color:permalink bg" content="#fff9c5"/>
  52. <meta name="color:tags" content="#adadad"/>
  53. <meta name="color:pages" content="#9ce2cb"/>
  54. <meta name="color:pages shadow" content="#fff9c5"/>
  55. <meta name="color:scrollbar" content="#8f9ec3"/>
  56. <meta name="color:selection" content="#fed5be"/>
  57. <meta name="if:one column" content="1"/>
  58. <meta name="if:show captions" content="1"/>
  59. <meta name="if:show tags" content="1"/>
  60. <meta name="if:letter spacing" content="1"/>
  61. <meta name="if:uppercase" content="0"/>
  62. <meta name="if:tile background" content="1"/>
  63. <meta name="text:post size" content="400"/>
  64. <meta name="text:font size" content=""/>
  65. <meta name="text:font family" content=""/>
  66. <meta name="text:home link" content="refresh"/>
  67. <meta name="text:archive link" content="archive"/>
  68. <meta name="text:ask link" content="contact"/>
  69. <meta name="text:link 1" content=""/>
  70. <meta name="text:link 1 url" content=""/>
  71. <meta name="text:link 2" content=""/>
  72. <meta name="text:link 2 url" content=""/>
  73. <meta name="text:link 3" content=""/>
  74. <meta name="text:link 3 url" content=""/>
  75. <meta name="text:link 4" content=""/>
  76. <meta name="text:link 4 url" content=""/>
  77. <meta name="text:link 5" content=""/>
  78. <meta name="text:link 5 url" content=""/>
  79. <meta name="text:link 6" content=""/>
  80. <meta name="text:link 6 url" content=""/>
  81. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  82. <style type="text/css">
  83. ::selection {
  84. background-color:{color:selection};
  85. }
  86. ::-webkit-scrollbar-thumb {
  87. background-color:{color:scrollbar};
  88. }
  89. body {
  90. background-color:{color:page border};
  91. color:{color:text};
  92. font-family:inconsolata, consolas, 'courier new', monospace;
  93. font-size:{text:font size}px;
  94. {block:ifUppercase}text-transform:uppercase;{/block:ifUppercase}
  95. {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
  96. }
  97. #main {
  98. background-color:{color:background};
  99. {block:ifBackgroundImage}background-image:url('{image:background}');
  100. background-attachment:fixed;
  101. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}{/block:ifBackgroundImage}
  102. }
  103. #menu {
  104. background-color:{color:background};
  105. {block:ifBackgroundImage}background-image:url('{image:background}');
  106. background-attachment:fixed;
  107. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}{/block:ifBackgroundImage}
  108. }
  109. #menu .box {
  110. border:3px solid {color:post border};
  111. background-color:{color:post bg};
  112. }
  113. #menu .box h1 {
  114. background-color:{color:post bg};
  115. border-bottom:3px solid {color:post border};
  116. }
  117. #menu .links a {
  118. border-bottom:1px solid {color:link border};
  119. }
  120. #menu .links a:hover {
  121. border-color:{color:link border hover};
  122. }
  123. #top {
  124. color:{color:title};
  125. font-family:arial;
  126. text-shadow:2px 2px 0px {color:title shadow};
  127. }
  128. #content {
  129. width:{text:post size}px;
  130. {block:IndexPage}{block:ifNotOneColumn}width:1000px;
  131. max-width:none;
  132. padding:50px 0px 50px 50px;{/block:ifNotOneColumn}{/block:IndexPage}
  133. }
  134. .entry {
  135. {block:IndexPage}{block:ifNotOneColumn}margin-bottom:50px;
  136. margin-right:50px;
  137. float:left;
  138. width:280px;{/block:ifNotOneColumn}{/block:IndexPage}
  139. }
  140. .post {
  141. background-color:{color:post border};
  142. }
  143. .post a {
  144. border-bottom:1px solid {color:link border};
  145. }
  146. .post a:hover {
  147. border-color:{color:link border hover};
  148. }
  149. .date .bg {
  150. background-color:{color:post border};
  151. }
  152. .date .permalink {
  153. color:{color:permalink text};
  154. background-color:{color:permalink bg};
  155. }
  156. .tagged {
  157. color:{color:tags};
  158. background-color:{color:post border};
  159. {block:IndexPage}opacity:0;
  160. position:absolute;
  161. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  162. }
  163. .post > h1,
  164. .question,
  165. .quote,
  166. .caption,
  167. .body,
  168. .source,
  169. .notes ol {
  170. background-color:{color:post bg};
  171. }
  172. .caption {
  173. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  174. }
  175. .pagination > * {
  176. font-size:23px;
  177. font-family:arial;
  178. color:{color:pages};
  179. text-shadow:1px 1px 0px {color:pages shadow};
  180. }
  181. .pagination .current {
  182. color:{color:link border};
  183. }
  184. #tumblr_lightbox {
  185. background-color:{color:background}!important;
  186. {block:ifBackgroundImage}background-image:url('{image:background}')!important;
  187. background-attachment:fixed;
  188. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}{/block:ifBackgroundImage}
  189. }
  190. #tumblr_lightbox img {
  191. box-shadow:5px 5px 0px {color:title shadow}!important;
  192. }
  193. </style>
  194. </head>
  195. <body>
  196. <div id="main">
  197. <div id="top"><a href="#" id="title">{Title}</a></div>
  198. <div id="content">
  199. {block:Posts}<article class="entry"><div class="post">
  200. {block:Answer}<!-- answer --><div class="ask"><div class="portrait" style="background-image:url({AskerPortraitURL-128});"></div><div class="question">{Asker}: {Question}</div></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audiowrap"><div class="albumart" style="background-image:url(); {block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}<div class="track">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div></div></div>{/block:Audio}{block:Chat}<!-- chat --> {block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines} </div>{/block:Chat}{block:Link}<!-- link --><h1><a href="{URL}">{Name}</a></h1>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{block:ifOneColumn}{Photoset}{/block:ifOneColumn}{block:ifNotOneColumn}{Photoset-250}{/block:ifNotOneColumn}</div>{/block:Photoset}{block:Quote}<!-- quote --><div class="body">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h1>{Title}</h1>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-250}</div>{/block:Video}
  201. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  202. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  203. </div>
  204. {block:Date}<div class="date"><span class="bg"><a href="{Permalink}" class="permalink">{ShortMonth} {DayOfMonth}</a>{block:IndexPage}<a href="{ReblogURL}" class="permalink">+</a>{/block:IndexPage}</span>{block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma">,</i> {/block:Tags}</div>{/block:HasTags}</div>{/block:Date}
  205. </article>
  206. {block:PostNotes}<!-- post notes --><article class="entry"><div class="post n"><h1>{NoteCountWithLabel}</h1><div class="notes">{PostNotes}</div></div></article>{/block:PostNotes}
  207. {/block:Posts}
  208. </div>
  209. {block:Pagination}<div class="pagination">{block:JumpPagination length="5"}{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" class="next" style="display:none"></a>{/block:NextPage}</div>{/block:Pagination}
  210. </div>
  211. <div id="menu"><div class="nest"><div class="cont">{block:Description}<div class="box"><h1>Heyyy</h1><div class="description">{Description}</div></div>{/block:Description}<div class="box"><h1>Links</h1><div class="links">{block:ifHomeLink}<a href="/">{text:home link}</a><br/>{/block:ifHomeLink}{block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a><br/>{/block:ifLink1}{block:ifAskLink}<a href="/faq">{text:ask link}</a><br/>{/block:ifAskLink}{block:ifArchiveLink}<a href="/tagged/!">{text:archive link}</a><br/>{/block:ifArchiveLink}{block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a><br/>{/block:ifLink2}{block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a><br/>{/block:ifLink3}{block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a><br/>{/block:ifLink4}{block:ifLink5}<a href="{text:link 5 url}">{text:link 5}</a><br/>{/block:ifLink5}{block:ifLink6}<a href="{text:link 6 url}">{text:link 6}</a><br/>{/block:ifLink6}<a href="http://selkas.tumblr.com"></a></div></div></div></div><div class="exit"></div></div>
  212. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script>$(function(){$('#title').bind('click',function(){$('body').toggleClass('open');return false;});$('.exit').bind('click',function(){$('body').toggleClass('open');return false;});});</script>{block:ifNotOneColumn}{block:IndexPage}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script><script>$(function(){ var $container = $('#content'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.entry', },function(){ $( layoutItems ).css("z-index","1"); }); }); });</script>{/block:IndexPage}{/block:ifNotOneColumn}
  213. </body>
  214. </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!