API tools faq
paste
Advertisement
bakushima

papercut theme

bakushima
Aug 7th, 2016 (edited)
2,508
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.39 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <!-----
  4. papercut theme by sam @classroom.tumblr.com
  5. basecode by animecharacter
  6. edit as much as u want just dont remove or alter the credit in anyway pls
  7. lmk if there are any bugs !
  8. ----->
  9.  
  10. <meta charset="utf-8">
  11. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <meta name="image:sidebar" content="">
  17. <meta name="image:background" content="">
  18. <meta name="color:background" content="#ffffff">
  19. <meta name="color:text" content="#000000">
  20. <meta name="color:link" content="#000000">
  21. <meta name="color:link hover" content="#000000">
  22.  
  23. <meta name="select:font size" content="12" title="12px">
  24. <meta name="select:font size" content="14" title="14px">
  25. <meta name="select:font size" content="16" title="16px">
  26. <meta name="select:font size" content="18" title="18px">
  27. <meta name="select:font size" content="20" title="20px">
  28.  
  29. <meta name="select:hover decoration" content="none" title="none">
  30. <meta name="select:hover decoration" content="underline" title="underline">
  31.  
  32. <meta name="select:post size" content="270" title="270px">
  33. <meta name="select:post size" content="350" title="350px">
  34. <meta name="select:post size" content="300" title="300px">
  35. <meta name="select:post size" content="350" title="350px">
  36. <meta name="select:post size" content="400" title="400px">
  37.  
  38. <meta name="text:note symbol" content="">
  39.  
  40.  
  41.  
  42.  
  43. <title>{Title}</title>
  44.  
  45. <link rel="shortcut icon" href="{Favicon}">
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  47. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  48.  
  49.  
  50. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  51.  
  52. <style type="text/css">
  53.  
  54. ::-webkit-scrollbar {width: 5px; height: 2px; background: {color:background};}
  55. ::-webkit-scrollbar-thumb {background-color:{color:link} ; }
  56.  
  57. /*
  58. general text styles, fonts and colours
  59. */
  60.  
  61. body {
  62. margin:0px;
  63. background:{color:background} url({image:background});
  64. background-image: url('{image:background}');
  65. background-attachment: fixed;
  66. background-position: top left;
  67. background-size: cover;
  68. font-family: arial, helvetica, sans-serif;
  69. font-size:{select:font size}px;
  70. line-height:140%;
  71. color: {color:text};
  72. }
  73.  
  74. p{
  75. margin:0 0 10px 0;
  76. padding:0;
  77. }
  78.  
  79. pre {
  80. white-space: pre-wrap;
  81. white-space: -moz-pre-wrap;
  82. white-space: -pre-wrap;
  83. white-space: -o-pre-wrap;
  84. word-wrap: break-word;
  85. }
  86.  
  87. a{
  88. color:{color:link};
  89. text-decoration:none;
  90. }
  91.  
  92. a:hover{
  93. color:{color:link hover};
  94. text-decoration:{select:hover decoration};
  95. }
  96.  
  97. li{
  98. margin-left:-15px;
  99. }
  100.  
  101. /*
  102. containers etc
  103. */
  104. #wrapper{
  105. width:600px;
  106. margin:50px auto;
  107. }
  108.  
  109. #sidebar{
  110. width:110px;
  111. position:fixed;
  112. text-align:center;
  113. }
  114.  
  115. #content{
  116. width:{select:post size}px;
  117. margin-left:200px;
  118. overflow:hidden;
  119. }
  120.  
  121. .post{
  122. width:{select:post size}px;
  123. margin:0 0 50px 0;
  124. overflow:hidden;
  125. }
  126. .post img{ max-width:100%; height:auto; }
  127.  
  128. #sidebar img, .post img{
  129. max-width:100%;
  130. }
  131.  
  132. #nav{
  133. margin:50px 0 0 0;
  134. }
  135.  
  136.  
  137. /*
  138. content in the body of the posts - quotes, asks, etc
  139. "media" contains photos, photosets, videos, audio posts
  140. */
  141. .media{
  142. margin:0 0 10px 0;
  143. }
  144.  
  145. .title{
  146. font-weight:normal;
  147. font-size:18px;
  148. margin:0 0 10px 0;
  149. }
  150.  
  151. .quote{
  152. font-weight:normal;
  153. font-size:16px;
  154. font-style:italic;
  155. margin:0 0 10px 0;
  156. }
  157.  
  158. .question{
  159. margin-bottom:10px;
  160. }
  161.  
  162. blockquote{
  163. margin:0 0 10px 10px;
  164. padding:0 0 0 10px;
  165. border-left:solid 1px #000;
  166. }
  167.  
  168. /*
  169. post footers - date, tags, via and source
  170. */
  171. .post .footer{
  172. margin:0;
  173. text-align:left;
  174. }
  175.  
  176. /*
  177. post notes
  178. */
  179. ol.notes{
  180. list-style-type:none;
  181. padding:0;
  182. margin:0;
  183. }
  184.  
  185. ol.notes li.note img{
  186. width:16px;
  187. height:16px;
  188. }
  189.  
  190. ol.notes li.note{
  191. margin:0px;
  192. }
  193.  
  194. .video-container {
  195. position: center;
  196. overflow: hidden;
  197. }
  198.  
  199. .video-container iframe,
  200. .video-container object,
  201. .video-container embed {
  202. position: center;
  203. max-width:{select:post size}px;
  204. max-height:{select:post size}px;
  205. }
  206.  
  207. .video-wrapper {
  208. max-width:{select:post size}px;
  209. max-height:{select:post size}px;
  210. }
  211.  
  212. {CustomCSS}
  213.  
  214. </style>
  215. </head>
  216.  
  217. <body>
  218. <div id="wrapper">
  219.  
  220.  
  221. <div id="sidebar">
  222. <a href="/"><img src="{image:Sidebar}" title="{title}"></a>
  223. {block:Description}
  224. <p>{Description}</p>
  225. {/block:Description}
  226. </div>
  227.  
  228.  
  229. <div id="content">
  230. {block:Posts}
  231. <!-- {block:NoRebloggedFrom}
  232. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  233. {/block:NoRebloggedFrom} -->
  234. {block:ContentSource}<!-- {SourceURL}
  235. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  236. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  237. {/block:ContentSource}
  238. <div class="post">
  239.  
  240. {block:Text}
  241. {block:Title}
  242. <div class="title">{Title}</div>
  243. {/block:Title}
  244. {Body}
  245. {/block:Text}
  246.  
  247. {block:Photo}
  248. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  249.  
  250. {block:ifshowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowCaption}
  251. {/block:Photo}
  252.  
  253. {block:Photoset}
  254. <div class="media">{Photoset}</div>
  255. {block:ifshowCaption}
  256. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowCaption}
  257. {/block:Photoset}
  258.  
  259.  
  260. {block:Quote}
  261. <div class="quote">"{Quote}"</div>
  262. {/block:Quote}
  263.  
  264. {block:Link}
  265. <div class="title"><a href="{URL}">{Name}</a></div>
  266. {block:Description}
  267. <div class="description">{Description}</div>
  268. {/block:Description}
  269. {/block:Link}
  270.  
  271. {block:Chat}
  272. {block:Title}
  273. <div class="title">{Title}</div>
  274. {/block:Title}
  275.  
  276. {block:Lines}
  277. <div class="{Alt} user_{UserNumber}">
  278. {block:Label}
  279. <b>{Label}</b>{/block:Label}
  280. &nbsp;{Line}
  281. </div>
  282. {/block:Lines}
  283. {/block:Chat}
  284.  
  285. {block:Video}
  286. <div class="media">
  287. <div class="video-wrapper">
  288. <div class="video-container">{Video-400}</div>
  289. </div>
  290. </div>
  291. {block:ifshowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowCaption}
  292. {/block:Video}
  293.  
  294. {block:Audio}
  295. <div class="media">
  296. {AudioPlayerWhite}
  297. {block:TrackName}{TrackName}<br>{/block:TrackName}
  298. {block:Album}{Album}{/block:Album}
  299. </div>
  300. {/block:Audio}
  301.  
  302. {block:Answer}
  303. <div class="question">{Asker}: {Question}</div>
  304. <div class="caption">{Answer}</div>
  305. {/block:Answer}
  306.  
  307.  
  308. {block:Date}
  309. <div class="footer">
  310. <a href="{Permalink}">{block:NoteCount}—{NoteCount} {text:note symbol}{/block:NoteCount}</a>
  311.  
  312. </div>
  313.  
  314. {block:PermalinkPage}
  315. {block:NoteCount}
  316. {block:PostNotes}{PostNotes}{/block:PostNotes}
  317. {/block:NoteCount}
  318. {/block:PermalinkPage}
  319. {/block:Date}
  320.  
  321. </div>
  322. {/block:Posts}
  323.  
  324. {block:Pagination}
  325. <div id="nav">
  326. {block:previousPage}<a href="{previousPage}">prev</a>{/block:previousPage} {block:nextPage}<a href="{nextPage}">next</a>{/block:nextPage}
  327. </div>
  328. {/block:Pagination}
  329. </div>
  330. </div>
  331.  
  332. </div>
  333.  
  334. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  335. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  336. <div style="position:fixed;bottom:10px;opacity:1;right:20px;padding:px;font-size:8px;font-weight:normal;"><a title="theme"href="https://classroom.tumblr.com/"><img src="https://78.media.tumblr.com/292ed3c97f3cca46180ab84fe1f7d3f2/tumblr_inline_p7tm2v1prp1v2qfml_500.png"></a></div>
  337. </div>
  338. </div>
  339. </body>
  340. </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!