ifuckbees

Marimo theme

Jul 12th, 2016
1,633
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.61 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. marimo theme by tumblr user meanpost
  6. do whatever u want with it, go wild
  7. thank you for using my theme!
  8. ----->
  9.  
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{image:Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  21.  
  22. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  23.  
  24. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  25.  
  26. <script>
  27. (function($){
  28. $(document).ready(function(){
  29. $("a[title]").style_my_tooltips({
  30. tip_follows_cursor:true,
  31. tip_delay_time:1,
  32. tip_fade_speed:100,
  33. attribute:"title"
  34. });
  35. });
  36. })(jQuery);
  37. </script>
  38.  
  39. <meta name="image:Sidebar" content="">
  40. <meta name="image:Favicon" content="">
  41. <meta name="image:Right image" content="">
  42. <meta name="image:Left image" content="">
  43. <meta name="color:Background" content="fff">
  44. <meta name="color:Sidebar bg" content="fff">
  45. <meta name="color:Post bg" content="fff">
  46. <meta name="color:Border" content="fff">
  47. <meta name="color:Link" content="fff">
  48. <meta name="color:Link hover" content="fff">
  49. <meta name="color:Text" content="fff">
  50. <meta name="color:Scrollbar" content="fff">
  51. <meta name="color:Footer" content="fff">
  52. <meta name="color:Dropdown" content="fff">
  53. <meta name="color:Dropdown text" content="fff">
  54.  
  55.  
  56. <meta name="if:400px" content="1"/>
  57. <meta name="if:Sidebar img border" content=""/>
  58. <meta name="if:Small cursor" content=""/>
  59. <meta name="if:Transparent" content=""/>
  60. <meta name="if:Custom scrollbar" content=""/>
  61. <meta name="if:Dropdown navi" content=""/>
  62. <meta name="if:Rounded corners" content=""/>
  63. <meta name="if:Rounded sidebar img" content=""/>
  64.  
  65. <meta name="if:Link 1" content=""/>
  66. <meta name="if:Link 2" content=""/>
  67. <meta name="if:Link 3" content=""/>
  68.  
  69. <meta name="select:Font family" content="arial">
  70. <meta name="select:Font family" content="courier">
  71. <meta name="select:Font family" content="consolas">
  72. <meta name="select:Font family" content="verdana">
  73. <meta name="select:Font family" content="ms pgothic">
  74. <meta name="select:Font family" content="lucida sans">
  75.  
  76. <meta name="select:Border type" content="solid">
  77. <meta name="select:Border type" content="dashed">
  78. <meta name="select:Border type" content="dotted">
  79. <meta name="select:Border type" content="none">
  80.  
  81. <meta name="select:Footer text" content="left">
  82. <meta name="select:Footer text" content="center">
  83. <meta name="select:Footer text" content="right">
  84.  
  85. <meta name="text:Font size" content="20">
  86. <meta name="text:Link divider" content="/">
  87. <meta name="text:Tag symbol" content="#">
  88.  
  89. <meta name="text:Link 1" content="">
  90. <meta name="text:Link 1 url" content="">
  91. <meta name="text:Link 2" content="">
  92. <meta name="text:Link 2 url" content="">
  93. <meta name="text:Link 3" content="">
  94. <meta name="text:Link 3 url" content="">
  95.  
  96. <meta name="text:Right image width" content=""/>
  97. <meta name="text:Left image width" content=""/>
  98. <meta name="text:Right image margin left" content="0"/>
  99. <meta name="text:Right image margin bottom" content="0"/>
  100. <meta name="text:Left image margin left" content="0"/>
  101. <meta name="text:Left image margin bottom" content="0"/>
  102.  
  103. <style type="text/css">
  104.  
  105. ::selection {
  106. background: {color:Highlight};
  107. color: {color:Highlight text};
  108. }
  109.  
  110. ::-moz-selection {
  111. background: {color:Highlight};
  112. color: {color:Highlight text};
  113. }
  114.  
  115. {block:ifsmallcursor} *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;} {/block:ifsmallcursor}
  116.  
  117. #s-m-t-tooltip {max-width:300px;background-color: #fff;border:1px dotted #000000;font-size:10px;color: #000000;letter-spacing:1px;text-transform:normal;padding:3px;margin:15px 0px 0px 15px;z-index:999;}
  118.  
  119.  
  120. body {
  121. margin:0px;
  122. background:{color:Background} url({image:Background});
  123. background-attachment:fixed;
  124. text:{color:Text};
  125. font-family: {select:Font family};
  126. font-size:{text:Font size}px;
  127. line-height:140%;
  128. color: {color:Text};
  129.  
  130. {block:ifFullbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  131. -webkit-background-size: cover;
  132. -moz-background-size: cover;
  133. -o-background-size: cover;
  134. background-size: cover;
  135. {/block:ifFullbg}
  136. }
  137.  
  138. p{
  139. margin:0 0 10px 0;
  140. padding:0;
  141. }
  142.  
  143. pre {
  144. white-space: pre-wrap;
  145. white-space: -moz-pre-wrap;
  146. white-space: -pre-wrap;
  147. white-space: -o-pre-wrap;
  148. word-wrap: break-word;
  149. }
  150.  
  151. a{
  152. color:{color:Link};
  153. text-decoration:none;
  154. {block:ifLinkbgs}background:{color:Link bg};{/block:ifLinkbgs}
  155. }
  156.  
  157. a:hover{
  158. color:{color:Link hover};
  159. -webkit-transition: color 0.2s ease-out;
  160. -moz-transition: color 0.2s ease-out;
  161. transition: color 0.2s ease-out;
  162. {block:ifLinkbgs}background:{color:Link hover bg};{/block:ifLinkbgs}
  163. }
  164.  
  165. li{
  166. margin-left:-15px;
  167. }
  168.  
  169. {block:ifCustomscrollbar}
  170. .com:last-child{display:none;}
  171.  
  172. ::-webkit-scrollbar {
  173. width:9px;
  174. height:0;
  175. background:{color:Scrollbar};
  176. border-left:4px solid {color:Background};
  177. border-right:4px solid {color:Background};
  178. border-bottom:2px solid {color:Background};
  179. border-top:2px solid {color:Background};
  180. }
  181.  
  182. ::-webkit-scrollbar-thumb {
  183. background:{color:Scrollbar};
  184. border:1px solid {color:Background};
  185. }
  186.  
  187. div.notebox::-webkit-scrollbar {
  188. width:9px;
  189. height:0;
  190. background:{color:Text};
  191. border-left:4px solid {color:Footer bg};
  192. border-right:4px solid {color:Footer bg};
  193. border-bottom:2px solid {color:Footer bg};
  194. border-top:2px solid {color:Footer bg};
  195. }
  196.  
  197. div.notebox::-webkit-scrollbar-thumb {
  198. background:{color:Scrollbar};
  199. border:1px solid {color:Footer bg};
  200. }{/block:ifCustomscrollbar}
  201.  
  202.  
  203. #wrapper{
  204. width:600px;
  205. margin:50px auto;
  206. }
  207.  
  208.  
  209. #sidebar{
  210. width:200px;
  211. position:top;
  212. text-align:center;
  213. margin-top:50px;
  214. margin-left:200px;
  215. {block:ifRoundedcorners}-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; {/block:ifRoundedcorners}
  216. {block:ifnotTransparent}
  217. background: {color:Sidebar bg};
  218. {block:ifDoubleborder}border:4px double {color:Border};{/block:ifDoubleborder}
  219. {block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);
  220. -moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);
  221. box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);{/block:ifShadow}
  222. padding:10px;
  223. {/block:ifnotTransparent}
  224. }
  225.  
  226. #content{
  227. width:{block:if250px}270px{/block:if250px} {block:if400px}420px{/block:if400px};
  228. margin-left:100px;
  229. overflow:hidden;
  230. padding:10px;
  231. }
  232.  
  233. .post{
  234. width:{block:if250px}250px{/block:if250px} {block:if400px}400px{/block:if400px};
  235. margin:0 0 50px 0;
  236. overflow:hidden;
  237. text-align:justify;
  238. padding:10px;
  239. {block:ifnotTransparent} background:{color:Post bg}; border: 1px {select:Border type} {color:Border}; padding:10px; {block:ifDoubleborder}border:4px double {color:Border}; {/block:ifDoubleborder}
  240. {block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);
  241. -moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);
  242. box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.15);{/block:ifShadow}{/block:ifnotTransparent}
  243. {block:ifRoundedcorners}-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; {/block:ifRoundedcorners}
  244. }
  245.  
  246. #sidebar img, .post img{
  247. max-width:200%;
  248. }
  249.  
  250. #sidebar img{
  251. {block:ifSidebarimgfloat}
  252. margin-top:-50px;
  253. {/block:ifSidebarimgfloat}
  254. width:200px;
  255. margin-right:3px;
  256. height:200px;
  257. {block:ifSidebarimgborder}
  258. {/block:ifSidebarimgborder}
  259. {block:ifRoundedsidebarimg}
  260. {/block:ifRoundedsidebarimg}
  261. }
  262.  
  263. #nav{
  264. margin:50px 0 0 0;
  265. {block:ifnotTransparent}background:{color:Post bg};border:1px {select:Border type} {color:Border};
  266. padding:5px;text-align:center;{/block:ifnotTransparent}text-align:center;
  267. }
  268.  
  269.  
  270. .media{
  271. margin:0 0 10px 0;
  272. }
  273.  
  274. .title{
  275. font-weight:bold;
  276. font-size:18px;
  277. margin:0 0 10px 0;
  278. text-align:center;
  279. border-bottom:1px solid {color:Border};
  280. padding:5px;
  281. color:{color:Title color};
  282. }
  283.  
  284. .quote{
  285. font-weight:normal;
  286. font-size:16px;
  287. font-style:italic;
  288. margin:0 0 10px 0;
  289. }
  290.  
  291. .question{
  292. margin-bottom:10px;
  293. }
  294.  
  295. blockquote{
  296. margin:0 0 10px 10px;
  297. padding:0 0 0 10px;
  298. border-left:solid 1px {color:Text};
  299. }
  300.  
  301.  
  302. .post .footer{
  303. margin:0;
  304. text-align:{select:Footer text};
  305. {block:ifFooterbg}
  306. background:{color:Footer};{/block:ifFooterbg}
  307. padding:5px;
  308. }
  309.  
  310.  
  311. ol.notes{
  312. list-style-type:none;
  313. padding:0;
  314. margin:0;
  315. }
  316.  
  317. ol.notes li.note img{
  318. width:16px;
  319. height:16px;
  320. }
  321.  
  322. ol.notes li.note{
  323. margin:0px;
  324. }
  325.  
  326. {CustomCSS}
  327. </style>
  328. </head>
  329.  
  330. <body>
  331. <div id="wrapper">
  332.  
  333.  
  334. <div id="sidebar">
  335. <img src="{image:Sidebar}">
  336. {block:Description}
  337. <p>{Description}</p>
  338. {/block:Description}
  339.  
  340. {block:ifDropdownnavi}
  341. <center>
  342. <select onchange='location=this.options[this.selectedIndex].value;' style='width:150px; border-radius:none;background:{color:Dropdown};border:1px solid {color:Border};color:{color:Dropdown text};'>
  343.  
  344. <option>navigation</option>
  345.  
  346. <option value="/">index</option>
  347.  
  348. <option value="/ask">mail</option>
  349.  
  350. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>
  351. {/block:ifLink1}
  352.  
  353. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>
  354. {/block:ifLink2}
  355.  
  356. {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>
  357. {/block:ifLink3}
  358.  
  359. </select>
  360. {/block:ifDropdownnavi}
  361.  
  362. {block:ifnotDropdownnavi}
  363. <a href="/">index</a> {text:Link divider}
  364. <a href="/ask">mail</a>
  365. {block:ifLink1}{text:Link divider} <a href="{text:Link 1 url}">{text:Link 1}</a> {/block:ifLink1}
  366. {block:ifLink2}{text:Link divider} <a href="{text:Link 2 url}">{text:Link 2}</a> {/block:ifLink2}
  367. {block:ifLink3}{text:Link divider} <a href="{text:Link 3 url}">{text:Link 3}</a> {/block:ifLink3}
  368. {/block:ifnotDropdownnavi}
  369.  
  370. {block:HasPages}
  371. {block:Pages}
  372. <a href="{URL}">{Label}</a>
  373. {/block:Pages}
  374. {/block:HasPages}
  375. </div>
  376.  
  377.  
  378.  
  379. <div id="content">
  380. {block:Posts}
  381.  
  382. <div class="post">
  383.  
  384. {block:Text}
  385. {block:Title}
  386. <div class="title">{Title}</div>
  387. {/block:Title}
  388. {Body}
  389. {/block:Text}
  390.  
  391. {block:Photo}
  392. <div class="media"><img src="{PhotoURL-HighRes}" width="{block:if250px}250{/block:if250px} {block:if400px}400{/block:if400px}"/></div>
  393. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  394. {/block:Photo}
  395.  
  396. {block:Photoset}
  397. <div class="media">{block:if250px}{Photoset-250}{/block:if250px} {block:if400px}{Photoset-400}{/block:if400px}</div>
  398. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:indexpage}
  399. {/block:Photoset}
  400.  
  401. {block:Quote}
  402. <div class="quote">"{Quote}"</div>
  403. {block:Source}
  404. <div class="quotesource">{Source}</div>
  405. {/block:Source}
  406. {/block:Quote}
  407.  
  408. {block:Link}
  409. <div class="title"><a href="{URL}">{Name}</a></div>
  410. {block:Description}
  411. <div class="description">{Description}</div>
  412. {/block:Description}
  413. {/block:Link}
  414.  
  415. {block:Chat}
  416. {block:Title}
  417. <div class="title">{Title}</div>
  418. {/block:Title}
  419.  
  420. {block:Lines}
  421. <div class="{Alt} user_{UserNumber}">
  422. {block:Label}
  423. <b>{Label}</b>{/block:Label}
  424. &nbsp;{Line}
  425. </div>
  426. {/block:Lines}
  427. {/block:Chat}
  428.  
  429. {block:Video}
  430. <div class="media">{block:if250px}{Video-250}{/block:if250px} {block:if400px}{Video-400}{/block:if400px}</div>
  431. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  432. {/block:Video}
  433.  
  434. {block:Audio}
  435. <div class="media">
  436. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  437. {AudioPlayerWhite}
  438. {block:TrackName}{TrackName}<br>{/block:TrackName}
  439. {block:Artist}{Artist}<br>{/block:Artist}
  440. {block:Album}{Album}{/block:Album}
  441. </div>
  442. {block:Caption}{Caption}{/block:Caption}
  443. {/block:Audio}
  444.  
  445. {block:Answer}
  446. <div class="question">{Asker}: {Question}</div>
  447. <div class="caption">{Answer}</div>
  448. {/block:Answer}
  449.  
  450.  
  451. {block:Date}
  452. <div class="footer">
  453. <a href="{Permalink}">{TimeAgo}{block:NoteCount}</a> ({NoteCountWithLabel}){/block:NoteCount}
  454. {block:RebloggedFrom}<br> <a href="{ReblogParentURL}">via </a>•{/block:RebloggedFrom}
  455. {block:ContentSource} <a href="{SourceURL}">source </a>•{/block:ContentSource} <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  456. {block:HasTags}<br>{block:Tags} {text:Tag symbol} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  457. </div>
  458.  
  459. {block:PermalinkPage}
  460. {block:NoteCount}
  461. {block:PostNotes}{PostNotes}{/block:PostNotes}
  462. {/block:NoteCount}
  463. {/block:PermalinkPage}
  464. {/block:Date}
  465.  
  466. </div>
  467. {/block:Posts}
  468.  
  469. {block:Pagination}
  470. <div id="nav">
  471. {block:PreviousPage} <a href="{PreviousPage}" title="earlier posts">←prev</a>
  472. {/block:PreviousPage}
  473. {block:NextPage} <a href="{NextPage}" title="later posts">next→</a> {/block:NextPage} </div>
  474. {/block:Pagination}
  475.  
  476.  
  477.  
  478. <a style="bottom:2px;right:2px;background:none;none;position:fixed;padding:2px;font-size:15px;color:{color:Link};text-decoration:none;" href="http://meanpost.tumblr.com/" title="theme">THEME</a>
  479.  
  480. </div>
  481. </div>
  482.  
  483. <div id="imageright" style="position:fixed; bottom:{text:right image margin bottom}px; right:{text:right image margin left}px; z-index:-1;"><img src="{image:Right Image}"width="{text:right image width}"></div>
  484.  
  485. <div id="imageleft" style="position:fixed; bottom:{text:left image margin bottom}px; z-index:-1; left:{text:left image margin left}px;"><img src="{image:Left Image}"width="{text:left image width}"></div>
  486.  
  487. </div>
  488.  
  489. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  490. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  491.  
  492. </body>
  493. </html>
Add Comment
Please, Sign In to add comment