API tools faq
paste
darinha

Flowers theme

darinha
Jun 29th, 2018
923
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. Hi there!
  8. This is the code of the theme "Flowers", by user mellowest (http://mellowest.tumblr.com/)
  9.  
  10. Notes:
  11.  
  12. 1. Please don't claim as your own theme, i worked very hard on this!
  13. 1.1. Editing is okay (and encouraged!), but please don't claim the code as if you had done it from scratch, even if you edit it a lot!
  14. 1.2. Feel free to use as base code, but please give credit if you do so.
  15. 2. It's okay to change the credit to an emoji/icon/etc or add it to a "credits" page as long as it is visible somewhere in your blog!
  16. 3. If you decide to use the font "courier", i recommend you keep the font smaller than 13px, or else the "previous" button will look off :S For the other fonts, 13px is great!
  17. 4. If you find any problems with the code, please let me know! I'm still a beginer at coding, but i'll try my best to solve whatever issue you have.
  18. 5. Enjoy!!! And thanks for your interest in using my theme!!!
  19.  
  20. -->
  21.  
  22. <html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23.  
  24. <title>{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27.  
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31.  
  32. <!-- fonts -->
  33. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  34. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Monda' rel='stylesheet' type='text/css'>
  35.  
  36. <!-- image -->
  37. <meta name="image:background" content=""/>
  38. <meta name="image:sidebar pic" content="https://static.tumblr.com/2e39cbd35e8fdc45bb2571e0fe506400/jshc55f/6JBoujp3c/tumblr_static_a59cdc3b8ewcs8wgookgcs48w.gif"/>
  39. <meta name="image:bottom right picture" content="https://static.tumblr.com/28dd35970c403cc58d44b3d741d6ee5f/jshc55f/Afloujts7/tumblr_static_dhi5szhi248w0o8wokos0cgck.png"/>
  40.  
  41. <!-- color -->
  42. <meta name="color:bg" content="#f2f3f1"/>
  43. <meta name="color:scrollbar bg" content="#fff"/>
  44. <meta name="color:scrollbar" content="#18af77"/>
  45. <meta name="color:bold" content="#707070"/>
  46. <meta name="color:italic" content="#a5a5a5"/>
  47. <meta name="color:text" content="#7e7e7e"/>
  48. <meta name="color:links" content="#6f989a"/>
  49. <meta name="color:links hover" content="#f03763"/>
  50. <meta name="color:borders" content="#e5e5e5"/>
  51. <meta name="color:permalink bg" content="#def8e3"/>
  52. <meta name="color:permalink" content="#5a5a5a"/>
  53. <meta name="color:blockquote" content="#dfdfdf"/>
  54. <meta name="color:posts" content="#ffffff"/>
  55. <meta name="color:pagination link" content="#818181"/>
  56.  
  57.  
  58. <!-- if -->
  59. <meta name="if:bg cover" content="0"/>
  60. <meta name="if:borders" content="1"/>
  61. <meta name="if:show captions" content="1"/>
  62. <meta name="if:show tags" content="1"/>
  63.  
  64. <!-- text -->
  65. <meta name="text:font size" content="13px"/>
  66. <meta name="text:links title" content="navigation"/>
  67. <meta name="text:link 1" content="home"/>
  68. <meta name="text:link 1 url" content="/"/>
  69. <meta name="text:link 2" content="ask"/>
  70. <meta name="text:link 2 url" content="/ask"/>
  71. <meta name="text:link 3" content="archive"/>
  72. <meta name="text:link 3 url" content="/"/>
  73. <meta name="text:link 4" content="link 4"/>
  74. <meta name="text:link 4 url" content="/"/>
  75. <meta name="text:link 5" content="link 5"/>
  76. <meta name="text:link 5 url" content="/"/>
  77. <meta name="text:link 6" content="link 6"/>
  78. <meta name="text:link 6 url" content="/"/>
  79. <meta name="text:read more text" content="Read More..."/>
  80.  
  81. <!-- select -->
  82. <meta name="select:list style" content="decimal" title="decimal"/>
  83. <meta name="select:list style" content="disc" title="bullets"/>
  84. <meta name="select:list style" content="square" title="square"/>
  85. <meta name="select:list style" content="hiragana" title="hiragana"/>
  86. <meta name="select:list style" content="katakana" title="katakana"/>
  87.  
  88. <meta name="select:font" content="arial,helvetica,sans-serif" title="arial"/>
  89. <meta name="select:font" content="verdana,sans-serif" title="verdana"/>
  90. <meta name="select:font" content="'trebuchet ms',sans-serif" title="trebuchet ms"/>
  91. <meta name="select:font" content="calibri" title="calibri"/>
  92. <meta name="select:font" content="courier" title="courier"/>
  93. <meta name="select:font" content="'monda',sans-serif" title="monda"/>
  94.  
  95. <style type="text/css">
  96.  
  97. ::-webkit-scrollbar{ width:10px; }
  98. ::-webkit-scrollbar-track{ background:{color:scrollbar bg}; }
  99. ::-webkit-scrollbar-thumb{ background:{color:scrollbar}; }
  100.  
  101. ::-selection{
  102. background:{color:selection bg};
  103. color:{color:selection};
  104. }
  105.  
  106. ::-moz-selection{
  107. background:{color:selection bg};
  108. color:{color:selection};
  109. }
  110.  
  111. body{
  112. background:{color:bg} url('{image:background}') fixed {block:ifnotbgcover}repeat{/block:ifnotbgcover};
  113. {block:ifbgcover}background-size:cover;{/block:ifbgcover}
  114. color:{color:text};
  115. font-size:{text:font size};
  116. font-family:{select:font};
  117. line-height:140%;
  118. word-wrap:break-word;
  119. margin:0px;
  120. }
  121.  
  122. a{
  123. color:{color:links};
  124. text-decoration:none;
  125. transition:0.5s ease;
  126. -moz-transition:0.5s ease;
  127. -webkit-transition:0.5s ease;
  128. -o-transition:0.5s ease;
  129. }
  130.  
  131. a:hover{
  132. color:{color:links hover};
  133. transition:0.5s ease;
  134. -moz-transition:0.5s ease;
  135. -webkit-transition:0.5s ease;
  136. -o-transition:0.5s ease;
  137. }
  138.  
  139. b,strong{color:{color:bold};}
  140.  
  141. i,em{color:{color:italic};}
  142.  
  143. hr {
  144. border: 0;
  145. height: 1px;
  146. background-color:{color:borders};}
  147.  
  148. hr hr {
  149. display: none;}
  150.  
  151.  
  152.  
  153. img {height:auto;}
  154.  
  155. blockquote{
  156. margin:10px;
  157. padding-left:10px;
  158. border-left:1px solid {color:blockquote};
  159. }
  160.  
  161. blockquote img {max-width:100%;}
  162.  
  163. #container{
  164. position:relative;
  165. margin:30px auto;
  166. width:700px;
  167. }
  168.  
  169.  
  170. #left{
  171. margin-left:-102px;
  172. position:fixed;
  173.  
  174. }
  175.  
  176.  
  177. #titl{
  178. width:100px;
  179. padding-top:10px;
  180. padding-left:20px;
  181. padding-right:22px;
  182. padding-bottom:10px;
  183. {block:ifborders}border:1px solid;
  184. border-color: {color:borders};{/block:ifborders};
  185. background:{color:posts};
  186. font-size:{text:font size};
  187. font-family:{select:font};
  188. }
  189.  
  190.  
  191. #sidebar{
  192. width:100px;
  193. padding-top:20px;
  194. padding-left:20px;
  195. padding-right:22px;
  196. padding-bottom:15px;
  197. margin-top:12px;
  198. {block:ifborders}border:1px solid;
  199. border-color: {color:borders};{/block:ifborders};
  200. background:{color:posts};
  201. }
  202.  
  203. .side img{
  204. width:102px;
  205. }
  206.  
  207. #sidebar2{
  208. width:100px;
  209. padding-top:15px;
  210. padding-left:20px;
  211. padding-right:22px;
  212. padding-bottom:15px;
  213. margin-top:12px;
  214. {block:ifborders}border:1px solid;
  215. border-color: {color:borders};{/block:ifborders};
  216. background:{color:posts};
  217. }
  218.  
  219. .description{
  220. background:{color:posts};
  221. width:100px;
  222. text-align:center;
  223. z-index:9999;
  224. }
  225.  
  226. #posts{
  227. position:relative;
  228. width:400px;
  229. padding:25px;
  230. padding-top:60px;
  231. margin:0px 0 40px 80px;
  232. background:{color:posts};
  233. {block:ifborders}border:1px solid;
  234. border-color: {color:borders};{/block:ifborders};
  235. }
  236.  
  237.  
  238.  
  239. #info {
  240. padding:8px;
  241. background:{color:permalink bg};
  242. text-transform:lowercase;
  243. }
  244.  
  245.  
  246.  
  247. .line{
  248. width:400px;
  249. height:5px;
  250. margin-left:0px;
  251. padding-bottom:10px;
  252. color:{color:borders};
  253. border-bottom:1px solid;}
  254.  
  255. .line2{
  256. width:151px;
  257. margin-top:10px;
  258. margin-bottom:10px;
  259. margin-left:-6px;
  260. color:{color:borders};
  261. border-bottom:1px solid;
  262. }
  263.  
  264. .asks{
  265. font-size:{text:font size};
  266.  
  267. }
  268.  
  269. #right{
  270. position:fixed;
  271. margin-left:570px;
  272. }
  273.  
  274.  
  275.  
  276. .linksboxtitle{
  277. width:150px;
  278. padding-top:10px;
  279. padding-bottom:10px;
  280. margin-bottom:12px;
  281. {block:ifborders}border:1px solid;
  282. border-color: {color:borders};{/block:ifborders};
  283. background:{color:posts};
  284. text-align:center;
  285. }
  286.  
  287. .link1{
  288. padding:5px;
  289. padding-top:10px;
  290. padding-bottom:10px;
  291. margin-bottom:6px;
  292. background:{color:posts};
  293. {block:ifborders}border:1px solid;
  294. border-color: {color:borders};{/block:ifborders};
  295. text-align:center;
  296. font-size:{text:font size};
  297.  
  298. width:140px;
  299. }
  300. .link2{
  301. {block:iflink2}padding:5px;
  302. padding-top:10px;
  303. padding-bottom:10px;
  304. margin-bottom:6px;
  305. background:{color:posts};
  306. {block:ifborders}border:1px solid;
  307. border-color: {color:borders};{/block:ifborders};
  308. text-align:center;
  309. width:140px;{block:iflink2}
  310. }
  311. .link3{
  312. {block:iflink3}padding:5px;
  313. padding-top:10px;
  314. padding-bottom:10px;
  315. margin-bottom:6px;
  316. background:{color:posts};
  317. {block:ifborders}border:1px solid;
  318. border-color: {color:borders};{/block:ifborders};
  319. text-align:center;
  320. width:140px;{block:iflink3}
  321. }
  322. .link4{
  323. {block:iflink4}
  324. padding:5px;
  325. padding-top:10px;
  326. padding-bottom:10px;
  327. margin-bottom:6px;
  328. background:{color:posts};
  329. {block:ifborders}border:1px solid;
  330. border-color: {color:borders};{/block:ifborders};
  331. text-align:center;
  332. width:140px;
  333. {/block:iflink4}
  334. }
  335.  
  336. .link5{
  337. {block:iflink5}
  338. padding:5px;
  339. padding-top:10px;
  340. padding-bottom:10px;
  341. margin-bottom:6px;
  342. background:{color:posts};
  343. {block:ifborders}border:1px solid;
  344. border-color: {color:borders};{/block:ifborders};
  345. text-align:center;
  346. width:140px;
  347. {/block:iflink5}
  348. }
  349.  
  350. .link6{
  351. {block:iflink6}
  352. padding:5px;
  353. padding-top:10px;
  354. padding-bottom:10px;
  355. margin-bottom:6px;
  356. background:{color:posts};
  357. {block:ifborders}border:1px solid;
  358. border-color: {color:borders};{/block:ifborders};
  359. text-align:center;
  360. width:140px;
  361. {/block:iflink6}
  362. }
  363.  
  364. .pagi{
  365. padding:5px;
  366. padding-top:10px;
  367. padding-bottom:10px;
  368. margin-right:40px;
  369. margin-top:12px;
  370. {block:NextPage}{block:ifborders}margin-top:-40px;{/block:ifborders}{block:ifnotborders}margin-top:-38px;{/block:ifnotborders}{/block:NextPage};
  371. background:{color:posts};
  372. {block:ifborders}border:1px solid;
  373. border-color: {color:borders};{/block:ifborders};
  374. text-align:center;
  375. width:60px;
  376. }
  377.  
  378. .pagi2{
  379. padding:5px;
  380. padding-top:10px;
  381. padding-bottom:10px;
  382. margin-right:-40px;
  383. margin-left:80px;
  384. margin-top:12px;
  385. background:{color:posts};
  386. {block:ifborders}border:1px solid;
  387. border-color: {color:borders};{/block:ifborders};
  388. text-align:center;
  389. width:60px;
  390. }
  391.  
  392.  
  393.  
  394. ol.notes{padding:15px;margin 10px;list-style-type:{select:list style};font-size:11px;}
  395.  
  396. ol.notes li.note{border:0px solid {color:borders};padding:10px;font-size:11px;}
  397.  
  398. ol.notes li.note img{padding:0px !important;}
  399.  
  400. ol.notes li.note img.avatar{vertical-align:-5px;margin-right:5px;width:20px;height:20px;}
  401.  
  402. ol.notes li.note a img.avatar{padding:0px;border-width:0px;border:none;}
  403.  
  404. ol.notes li.note img{padding:0px;border-width:0px;border:none;}
  405.  
  406. ol.notes li.note span.action{font-weight:normal;}
  407.  
  408. ol.notes li.note.answer_content{font-weight:normal;}
  409.  
  410. ol.notes li.note.blockquote{padding:1px 1px;margin:1px 0px 0px 1px;}
  411.  
  412. ol.notes li.note.blockquote a{text-decoration:none;}
  413.  
  414. ol {list-style-type:{select:list style};}
  415. li {list-style-type:{select:list style};}
  416.  
  417. {CustomCSS}
  418.  
  419. </style>
  420. </head>
  421. <body>
  422.  
  423. <div style="position:fixed; bottom:0px; right:0px;">
  424. <img src="{image:bottom right picture}"/><br></div>
  425.  
  426. <div id="container">
  427.  
  428. <div id="right"><div class="linksboxtitle">{text:links title}</div>
  429. <a href="{text:link 1 url}"><div class="link1">{text:link 1}</div></a>
  430. <a href="{text:link 2 url}"><div class="link2">{text:link 2}</div></a>
  431. <a href="{text:link 3 url}"><div class="link3">{text:link 3}</div></a>
  432. <a href="{text:link 4 url}"><div class="link4">{text:link 4}</div></a>
  433. <a href="{text:link 5 url}"><div class="link5">{text:link 5}</div></a>
  434. <a href="{text:link 6 url}"><div class="link6">{text:link 6}</div></a>
  435.  
  436. {block:Pagination}
  437. {block:NextPage}<div class="pagi2"><a href="{NextPage}" style="color:{color:pagination link}">next</a></div>{/block:NextPage}
  438.  
  439. {block:PreviousPage}<div class="pagi"><a href="{PreviousPage}" style="color:{color:pagination link}">previous</a></div>{/block:PreviousPage}
  440. {/block:Pagination}
  441.  
  442. </div>
  443.  
  444. <div id="left">
  445. <a href="/"><div id="titl"><center>{Title}</center></div></a>
  446. <div id="sidebar">
  447. <center>
  448. <div class="side"><a href="/"><img src="{image:sidebar pic}"></a></div></div>
  449. <div style="clear:both;" id="sidebar2"><div class="description">{Description}</div>
  450.  
  451. </div>
  452. </div> </center>
  453.  
  454.  
  455.  
  456.  
  457. {block:Posts}
  458. <div id="posts">
  459. <div style="margin-top:-34px">
  460. {block:Text}
  461. {block:Title}<strong style="letter-spacing:1.5px;font-size:17px">{Title}</strong>{/block:Title}
  462. {Body}
  463. {block:More}
  464. <a href="{Permalink}"><center>{text:read more text}</center><br></a>
  465. {/block:More}
  466. {/block:Text}
  467.  
  468. {block:Photo}
  469. <div class="med">
  470. <a href="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  471. {LinkOpenTag}<img src="{PhotoURL-400}" width="100%">{LinkCloseTag}
  472. </div>
  473. </a>
  474. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}<p>
  475. {/block:Photo}
  476.  
  477. {block:Photoset}
  478. {Photoset-400}
  479. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}<p>
  480. {/block:Photoset}
  481.  
  482. {block:Video}
  483. {Video-400}
  484. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}<p>
  485. {/block:Video}
  486.  
  487. {block:Audio}
  488. {block:AudioEmbed}<div style="height:90px">{AudioEmbed-400}</div>{/block:AudioEmbed}
  489. {AudioPlayer}
  490. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}<p>
  491. {/block:Audio}
  492.  
  493. {block:Link}
  494. <div style="font-size:16px;padding:3px;letter-spacing:1.3px;line-height:20px"><a href="{URL}"><icon class="fa fa-external-link"></icon> {Name}</a> <br></div>
  495. {block:Description}{Description}{/block:Description}
  496. {/block:Link}
  497.  
  498. {block:Chat}
  499. {block:Title}<strong style="letter-spacing:1.5px;">{Title}</strong>{/block:Title}
  500. {block:Lines}
  501. <li class="{Alt}" style="list-style-type:none;">
  502. {block:Label}<strong>{Label}</strong> {/block:Label}
  503. {Line}
  504. {/block:Lines}
  505. <p>
  506. {/block:Chat}
  507.  
  508. {block:Answer}
  509. <div class="asks">{lang:Asker asked 2}: {Question}</div>
  510. <div class="line"></div>
  511. {Answer}
  512. {/block:Answer}
  513.  
  514. {block:Quote}
  515. <div style="font-size:16px;">"{Quote}"</div>
  516. {block:Source}<br> — {Source}<p>{/block:Source}
  517. {/block:Quote}
  518.  
  519. {block:Date}
  520. <div id="info">
  521. <div style="float:left"><a href="{Permalink}" style="color:{color:permalink}" title="permalink">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} ({TimeAgo}){block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}</a>{block:RebloggedFrom} - <a href="{ReblogParentURL}" style="color:{color:permalink}" title="{lang:reblogged from ReblogParentName}">via</a>{block:ContentSource} + <a href="{ReblogRootURL}" style="color:{color:permalink}" title="{lang:originally from ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  522. <br>
  523. {block:ifshowtags}
  524. {block:HasTags}
  525. {block:Tags}
  526. + <a href="{TagURL}">{Tag}</a>&nbsp;
  527. {/block:Tags}
  528. {/block:HasTags}
  529. {/block:ifshowtags}
  530. </div>
  531. {/block:Date}
  532.  
  533. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  534. </div>
  535.  
  536. </div>
  537. {/block:Posts}
  538. </div>
  539.  
  540.  
  541. <!--credit-->
  542. <div style="position:fixed;left:5px;bottom:0px;font-size:13px;padding:3px;">
  543. <a href="http://mellowest.tumblr.com/themes">theme</a>
  544. </div>
  545.  
  546.  
  547.  
  548. </body>
  549. </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!