marrkhoppus

Mailman

Nov 7th, 2014
606
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.18 KB | None | 0 0
  1. <!--
  2.  
  3. Go to marrkhoppus.tumblr.com if you have any questions. Enjoy :)
  4.  
  5. theme mailman by jenny (marrkhoppus.tumblr.com)
  6.  
  7. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head><title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#b8b8b8"/>
  19. <meta name="color:Link" content="#b8b8b8"/>
  20. <meta name="color:Hover" content="#b8b8b8"/>
  21. <meta name="color:Description" content="#b8b8b8"/>
  22. <meta name="color:Title" content="#b8b8b8"/>
  23.  
  24. <meta name="text:title" content="">
  25.  
  26. <meta name="text:Link 1" content="/link1" />
  27. <meta name="text:Link 1 Text" content="link1" />
  28. <meta name="text:Link 2" content="/link2" />
  29. <meta name="text:Link 2 Text" content="link2" />
  30. <meta name="text:Link 3" content="/link3" />
  31. <meta name="text:Link 3 Text" content="link3" />
  32.  
  33.  
  34.  
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
  37.  
  38.  
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44. ::-webkit-scrollbar-thumb{
  45. background-color: #b8b8b8;
  46. border: 2px solid {color:background};
  47. height:auto;
  48. }
  49.  
  50. ::-webkit-scrollbar {
  51. height:auto;
  52. width:9px;
  53. background-color: #b8b8b8;
  54. border: 4px solid {color:background};
  55. }
  56.  
  57.  
  58. body {
  59. background:{color:background};
  60. margin:0px;
  61. color:{color:text};
  62. font-family:arial;
  63. font-size:9px;
  64. }
  65.  
  66. a {
  67. text-decoration:none;
  68. outline:none;
  69. -moz-outline-style:none;
  70. color:{color:link};
  71. }
  72.  
  73. img {
  74. border:none;
  75. }
  76.  
  77. blockquote {
  78. padding-left:5px;
  79. border-left:2px solid;
  80. }
  81.  
  82. blockquote blockquote {
  83. padding-left:5px;
  84. border-left:2px solid;
  85. }
  86.  
  87. h1 {
  88. font-size:9px;
  89. text-transform:lowercase;
  90. }
  91.  
  92. a:hover {
  93. color:{color:hover};
  94. text-decoration:underline;
  95. -webkit-transition: all 0.7s ease;
  96. -moz-transition: all 0.7s ease;
  97. -o-transition: all 0.7s ease
  98. }
  99.  
  100. #entries {
  101. padding-bottom:60px;
  102. width:500px;
  103. margin-left:520px;
  104. margin-top:40px;
  105. font-size:10px;
  106. }
  107.  
  108.  
  109. #post {
  110. width:500px;
  111. padding-top:30px;
  112. padding-bottom:90px;
  113. margin-top:35px;
  114. }
  115.  
  116.  
  117. #sidebar {
  118. width:140px;
  119. position:fixed;
  120. margin-left:300px;
  121. margin-top:180px;
  122. position:fixed;
  123. }
  124.  
  125. #title {
  126. width:130px;
  127. text-transform: lowercase;
  128. margin: 0px 0px 0px 7px;
  129. font-weight:bolder;
  130. font-size: 11px;
  131. line-height:100%;
  132. color:{color:title};
  133. letter-spacing:1px;
  134. }
  135.  
  136.  
  137. #description {
  138. text-align:left;
  139. text-align:justify;
  140. text-transform:none;
  141. padding:30px;
  142. line-height:15px;
  143. word-spacing:2px;
  144. z-index:-1;
  145. width:130px;
  146. position:fixed;
  147. margin-top:-18px;
  148. margin-left:-27px;
  149. color:{color:des};
  150. }
  151.  
  152.  
  153. #links {
  154. color:{color:link};
  155. font-size:8px;
  156. padding:10px 0px 0px 0px;
  157. margin-left:5px;
  158. letter-spacing:2px;
  159. text-align:left
  160. text-transform:lowercase;
  161. width:130px;
  162. }
  163.  
  164.  
  165. #links a {
  166. margin-right:5px;
  167. padding-left:3px;
  168. margin-bottom:5px;
  169. text-decoration:none;
  170. }
  171.  
  172. #links a:hover {
  173. background:{color:background};
  174. text-decoration:underline;
  175. }
  176.  
  177. #pagination {
  178. width:500px;
  179. text-align:center;
  180. margin-left:20px;
  181. margin-top:20px;
  182. word-spacing:10px;
  183. text-transform:lowercase;
  184. color:{color:text};
  185. z-index:10000;
  186. background:{color:background};
  187. opacity:1;
  188. bottom:0;
  189. padding:10px;
  190. }
  191.  
  192. #pagination a {
  193. color:{color:link};
  194. }
  195.  
  196. #info {
  197. text-align:left;
  198. text-transform:none;
  199. font-size:8px;
  200. margin-top:10px;
  201. background:#fafafa;
  202. font-style:none;
  203. color:{color:text};
  204. padding:5px;
  205. line-height:13px;
  206. }
  207.  
  208.  
  209. #info a {
  210. color:{color:text};
  211. }
  212.  
  213. #info a:hover {
  214. color:{color:hover};
  215. }
  216.  
  217.  
  218. #tags {
  219. padding-left:5px;
  220. text-transform:lowercase;
  221. font-size:8px;
  222. margin-top:4px;
  223. text-align:left;
  224. }
  225.  
  226. #tags a {
  227. display:inline;
  228. text-align:left;
  229. color:{color:text};
  230. }
  231.  
  232. #tags a:hover{
  233. text-decoration:underline;
  234. color:{color:hover};
  235. }
  236.  
  237.  
  238. #asker {
  239. padding:10px;
  240. border-top: 1px solid #e8e8e8;
  241. letter-spacing:1px;
  242. text-align:left;
  243. background-color:#fafafa;
  244. }
  245.  
  246. .cover {
  247. position: relative;
  248. z-index: 1;
  249. width: 90px;
  250. float:left;
  251. }
  252.  
  253. .button {
  254. width:20px;
  255. height:30px;
  256. overflow: hidden;
  257. position: relative;
  258. z-index: 99;
  259. margin: 15px 24px 13px 16px;
  260. }
  261.  
  262. .musicbox {
  263. background-color: #fff;
  264. position: absolute;
  265. z-index: 99;
  266. margin-top: 15px;
  267. margin-left: 15px;
  268. opacity: 0.3;
  269. -webkit-transition: opacity 0.2s linear;
  270. -webkit-transition: all 0.2s linear;
  271. -moz-transition: all 0.2s linear;
  272. -o-transition: all 0.2s linear;
  273. }
  274. .musicbox:hover {
  275. opacity:0.9;
  276. }
  277.  
  278. .musicinfo {
  279. padding:15px;
  280. font-size:12px;
  281. margin-left: 100px;
  282. text-align:center;
  283. background:#f7f7f7;
  284. line-height:12px;
  285. text-transform: capitalize;
  286. }
  287.  
  288. #titlequote{
  289. text-align:left;
  290. font-size:14px;
  291. line-height:18px;
  292. font-weight:bold;
  293. letter-spacing:1px;
  294. }
  295.  
  296. #source {
  297. margin-top:15px;
  298. margin-left:15px;
  299. }
  300.  
  301. .credit {
  302. position:fixed;
  303. bottom:15px;
  304. right:15px;
  305. font-size: 8.5px;
  306. font-family: 'Comfortaa', cursive;
  307. background: transparent;
  308. text-transform:uppercase;
  309. letter-spacing: 1px;
  310. padding: 5px;
  311. color:#000;
  312. font-weight:bold;
  313. text-shadow: 2px 2px #b8b8b8;
  314. }
  315.  
  316. .credit a{color:#000; opacity:0.8;}
  317. .credit a:hover{color:#000;text-decoration:underline;}
  318.  
  319.  
  320. {CustomCSS}</style></head><body>
  321.  
  322. <div id="sidebar">
  323. <div id="title">{text:title}</div>
  324. <div id="description">
  325. {Description}
  326. <div id="links">
  327. <a href="/">↳ refresh</a><br>
  328. <a href="/ask">↳ ask</a><br>
  329. <a href="{text:Link 1}">↳ {text:Link 1 Text}</a><br>
  330. <a href="{text:Link 2}">↳ {text:Link 2 Text}</a><br>
  331. <a href="{text:Link 3}">↳ {text:Link 3 Text}</a>
  332. </div>
  333.  
  334. </div>
  335.  
  336. </div>
  337.  
  338.  
  339. <div id="entries">{block:Posts}<div id="post">
  340.  
  341.  
  342. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  343.  
  344. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  345.  
  346. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  347.  
  348. {block:Quote}
  349. <div id="titlequote">“{Quote}”</div>
  350. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  351. {/block:Quote}
  352.  
  353. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  354.  
  355. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  356.  
  357. {block:Audio}<div class="musicbox"><div class="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>{block:AlbumArt}<img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}<div class="musicinfo">
  358. {block:TrackName}<div style="font-size:12px; font-style:italic; padding:5px!imporant;">{TrackName}</div>{/block:Trackname}<br>{block:Artist}<span style="font-size:10px;">{Artist}{/block:Artist}{block:Album} - {Album}</span>{/block:Album}<br><br>{block:PlayCount}<span style="font-style:normal; font-size:8px; text-transform:uppercase; letter-spacing:1px;">{PlayCount} plays</span> {/block:PlayCount}</div><div style="margin-top:20px;">{block:caption}{Caption}{/block:caption}</div>{/block:Audio}
  359.  
  360. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  361.  
  362. {block:Answer}<div id="asker" style="margin-left:35px;width:450px;"><img align="left" src="{AskerPortraitURL-30}"style="border-radius:160px;margin-left:-45px;margin-top:-10px;"><span style="font-size:9px;font-style:italic;">{Asker}:&nbsp;</span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  363.  
  364. {block:Date}<div id="info">
  365. <a href="{Permalink}">{timeago}</a>&nbsp;&nbsp;&nbsp;+<a href="{Permalink}">{NoteCount}</a> &nbsp;&nbsp;&nbsp;{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentname}</a>{/block:RebloggedFrom} {block:ContentSource}&nbsp; <a href="{SourceURL}">©</a>{/block:ContentSource}{/block:Date}</div>
  366.  
  367. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}</div>
  368. {/block:Posts}
  369. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  370. {/block:Posts}
  371. {block:Pagination}
  372. <div id="pagination">
  373. {block:PreviousPage}
  374. {/block:PreviousPage}
  375. {block:JumpPagination length="4"}
  376. {block:CurrentPage}
  377. <span class="current_page"><b>{PageNumber}</b></span>
  378. {/block:CurrentPage}
  379. {block:JumpPage}
  380. <a href="{URL}">{PageNumber}</a>
  381. {/block:JumpPage}
  382. {/block:JumpPagination}
  383. {block:NextPage}
  384. <a href="{NextPage}">→</a>
  385. {/block:NextPage}
  386. </div>
  387. {/block:Pagination}
  388.  
  389. </div>
  390.  
  391.  
  392. </div></div></div>
  393.  
  394. <div class="credit"><a href="http://marrkhoppus.tumblr.com/"target="_new">MH</div>
  395.  
  396. </body>
  397. </html>
Add Comment
Please, Sign In to add comment