Advertisement
sweet-fee

theme 09 | dangericons

Apr 4th, 2015
376
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.17 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5.  
  6.  
  7. <!-- theme rather be by dangericons (ana @attmjb) -->
  8. <!-- don’t repost or claim as your own -->
  9.  
  10.  
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15. <meta name="color:text" content="#b8b8b8">
  16. <meta name="color:link" content="#9A9A9A">
  17.  
  18.  
  19. <meta name="if:EndlessScroll" content="0">
  20. <meta name="if:ShowCaptions" content="1">
  21.  
  22. <meta name="image:sidebar" content=""/>
  23.  
  24. <meta name="text:link1" content="">
  25. <meta name="text:link1 url" content="/">
  26. <meta name="text:link2" content="">
  27. <meta name="text:link2 url" content="/">
  28. <meta name="text:link3" content="">
  29. <meta name="text:link3 url" content="/">
  30. <meta name="text:link4" content="">
  31. <meta name="text:link4 url" content="/">
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. .borda {
  37. border-radius: 70px;
  38. border: 1px solid #eeecec;
  39. }
  40.  
  41.  
  42.  
  43. body {
  44. font-family: calibri;
  45. font-size: 10px;
  46. color: #AAA;
  47. margin: 0;
  48. }
  49.  
  50. a {
  51. color:{color:link};
  52. text-decoration: none;
  53. }
  54.  
  55. a:hover {
  56. color:#b8b8b8;
  57. }
  58.  
  59.  
  60.  
  61. #content {
  62. background: #Fff;
  63. padding: 1px 20px 20px 20px;
  64. width: 540px;
  65. margin: auto;
  66. }
  67.  
  68.  
  69.  
  70. .posts {
  71. padding: 5px;
  72. margin-top: 40px;
  73. margin-bottom:0px;
  74. overflow: hidden;
  75. background: #FFF;
  76. width: 500px;
  77. margin-left: 150px;
  78. }
  79.  
  80. .posts img {
  81. max-width: 100%;
  82. }
  83.  
  84. blockquote {
  85. border-left: 2px solid #F0F0F0;
  86. padding: 1px 1px 1px 10px;
  87. margin: 5px;
  88. }
  89.  
  90.  
  91.  
  92. #captions {
  93. background: #FBFBFB;
  94. display: block;
  95. padding: 1px 10px 1px 10px;
  96. margin-top: 10px;
  97. {block:IfNotShowCaptions}
  98. {block:IndexPage}
  99. display: none;
  100. {/block:IndexPage}
  101. {/block:IfNotShowCaptions}
  102. }
  103.  
  104. #audiocaptions {
  105. display: block;
  106. padding: 1px 10px 1px 10px;
  107. margin-top: 10px;
  108. border-top: 1px solid #F0F0F0;
  109. {block:IfNotShowCaptions}
  110. {block:IndexPage}
  111. display: none;
  112. {/block:IndexPage}
  113. {/block:IfNotShowCaptions}
  114. }
  115.  
  116.  
  117.  
  118. .pagination {
  119. margin-top: 0px;
  120. margin-left:-50px;
  121. text-align: center;
  122. text-transform:uppercase;
  123. font-family:trebuchet ms;
  124. font-size:10px;
  125. }
  126.  
  127.  
  128. #albumart img {
  129. width: 70px;
  130. height: 70px;
  131. }
  132.  
  133.  
  134.  
  135.  
  136. #permalink {
  137. width:475px;
  138. background: #ffffff;
  139. border-top:1px solid #eeeeee;
  140. padding: 5px 10px 5px 10px;
  141. margin-left:153px;
  142. text-align: right;
  143. font-family:arial;
  144. text-transform:uppercase;
  145. font-size:8px;
  146.  
  147. }
  148.  
  149.  
  150.  
  151. /* side */
  152.  
  153.  
  154. .sidebar {
  155. position: fixed;
  156. margin-top: 404px;
  157. margin-left: -190px;
  158. width: 105px;
  159. text-align: justify;
  160. background: #fff;
  161. padding: 15px;
  162. border-right:2px solid #eeecec;
  163. border:1px solid #eeeeee;
  164. height:20%
  165.  
  166. }
  167.  
  168.  
  169.  
  170. .sidebar img {
  171. margin-top:60px;
  172. margin-bottom:-75px;
  173. margin-left:15px;
  174. width: 55px;
  175. height: 55px;
  176. padding: 2px;
  177. border: 2px solid #eeecec;
  178. }
  179.  
  180.  
  181. .navigation {
  182. margin-top:45px;
  183. font-family: arial;
  184. font-size: 9px;
  185. text-transform: uppercase;
  186. width:145px;
  187. font-weight: normal;
  188. text-align: left;
  189. color: {color:Navi text};
  190. padding:4px;
  191. position:relative;
  192. margin-left:-13px;
  193. z-index:10;
  194. border-left: px solid #eeecec;
  195. border-right: px solid #eeecec;
  196.  
  197. }
  198.  
  199. #desc {
  200. text-transform: lowercase;
  201. color: {color:sidebar text};
  202. width: 100px;
  203. margin-left: -8px;
  204. text-align: normal;
  205. margin-top:-70px;
  206. font-size:10px;
  207. font-weight: normal;
  208. padding:10px;
  209. font-family:arial;
  210. letter-spacing:-1px;
  211.  
  212. }
  213.  
  214. #desc a {
  215. color:{color:link};
  216. }
  217.  
  218.  
  219. iframe#tumblr_controls {
  220. position: fixed !important;
  221. z-index: 9999;
  222. }
  223.  
  224.  
  225. #cred {
  226. position:fixed;
  227. bottom:10px;
  228. right:8px;
  229. font-size:10px;
  230. padding:1px;
  231. border:1px solid #eeeeec;
  232. text-transform:lowercase;
  233.  
  234. }
  235.  
  236.  
  237. </style>
  238.  
  239. {block:IfEndlessScroll}
  240. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  241. {/block:IfEndlessScroll}
  242.  
  243. </head>
  244.  
  245.  
  246. <body>
  247.  
  248.  
  249. <div id="content">
  250.  
  251.  
  252. <div class="sidebar">
  253.  
  254.  
  255. <img src="{image:sidebar}" width="largura" class="borda">
  256.  
  257.  
  258. <div id="desc">{description}<hr size="0.5px" color="#eeecec"></div>
  259.  
  260.  
  261. <div class="navigation">
  262. <a href="{text:link1 url}"><i>{text:link1}</center></a>
  263. <a href="{text:link2 url}">{text:link2}</center></a>
  264. <a href="{text:link3 url}">{text:link3}</center></a>
  265. <a href="{text:link4 url}">{text:link4}</i></center></a>
  266.  
  267. <b></b></center></a>
  268.  
  269. </div>
  270.  
  271.  
  272. </i>
  273. {block:IfNotEndlessScroll}
  274. <div class="pagination">
  275. {block:Pagination}
  276. {block:PreviousPage}
  277. <a href="{PreviousPage}"><center>↺</center></a>
  278. {/block:PreviousPage}
  279.  
  280. {block:NextPage}
  281. <a href="{NextPage}"> →</a>
  282. {/block:NextPage}
  283. {/block:Pagination}
  284. </div>
  285. {/block:IfNotEndlessScroll}
  286.  
  287. </div>
  288.  
  289.  
  290. <div class="autopagerize_page_element">
  291.  
  292.  
  293. {block:Posts}
  294.  
  295.  
  296. <div class="posts">
  297.  
  298.  
  299. {block:Text}
  300.  
  301. {block:Title}
  302. {Title}
  303. {/block:Title}
  304.  
  305. {Body}
  306.  
  307. {/block:Text}
  308.  
  309.  
  310.  
  311. {block:Photo}
  312.  
  313. <center>
  314. <img src="{PhotoURL-500}">
  315. </center>
  316.  
  317. {block:Caption}
  318. <div id="captions">
  319. {Caption}</div>
  320. {/block:Caption}
  321.  
  322. {/block:Photo}
  323.  
  324.  
  325.  
  326. {block:Photoset}
  327.  
  328. <div class="photoset">
  329. {Photoset-500}
  330. </div>
  331.  
  332. {block:Caption}
  333. <div id="captions">
  334. {Caption}</div>
  335. {/block:Caption}
  336.  
  337. {/block:Photoset}
  338.  
  339.  
  340.  
  341. {block:Quote}
  342.  
  343. ❝{Quote}❞
  344.  
  345. {block:Source}
  346. <br><br>—{Source}
  347. {/block:Source}
  348.  
  349. {/block:Quote}
  350.  
  351.  
  352.  
  353. {block:Link}
  354.  
  355. <a href="{URL}" {Target}>+ {Name}</a>
  356.  
  357. {block:Description}
  358. {Description}
  359. {/block:Description}
  360.  
  361. {/block:Link}
  362.  
  363.  
  364.  
  365. {block:Chat}
  366.  
  367. {block:Title}
  368. {Title}
  369. {/block:Title}
  370.  
  371. <ul>
  372. {block:Lines}
  373. <li>{block:Label}{Label}{/block:Label} {Line}</li>
  374. {/block:Lines}
  375. </ul>
  376.  
  377. {/block:Chat}
  378.  
  379.  
  380.  
  381. {block:Audio}
  382.  
  383. <div id="albumart">
  384. {block:AlbumArt}
  385. <img src="{AlbumArtURL}">
  386. {/block:AlbumArt}
  387. </div>
  388.  
  389. {AudioPlayerGrey}
  390.  
  391. {block:TrackName}<b>Track:</b> {TrackName}<br>{/block:TrackName}
  392. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  393. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  394. <b>Plays:</b> {PlayCount}<br>
  395.  
  396. {block:Caption}
  397. <div id="audiocaptions">
  398. {Caption}</div>
  399. {/block:Caption}
  400.  
  401. {/block:Audio}
  402.  
  403. {block:Video}
  404.  
  405. <div class="video">
  406. {block:IndexPage}{Video-250}{/block:IndexPage}
  407. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  408. </div>
  409.  
  410. {block:Caption}
  411. <div id="captions">
  412. {Caption}</div>
  413. {/block:Caption}
  414.  
  415. {/block:Video}
  416.  
  417.  
  418.  
  419. {block:Answer}
  420.  
  421. {Asker} asked: {Question}
  422.  
  423. {Answer}
  424.  
  425. {/block:Answer}
  426.  
  427.  
  428. </div>
  429.  
  430. {block:Date}
  431. <div id="permalink">
  432.  
  433. posted <a href="{Permalink}">{date} {timeago}, {Year}</a> - with <a href="{Permalink}">{NoteCountWithLabel} <font color="{color:#bb0303}​">❖</font></a>
  434. {/block:Date}
  435.  
  436. {block:RebloggedFrom}
  437. <a href="{ReblogParentURL}">via - </a>
  438. <a href="{ReblogRootURL}">(source)</a>
  439. {/block:RebloggedFrom}{block:ContentSource} {/block:ContentSource}
  440.  
  441. {block:HasTags}
  442. <i><br>tag: {block:Tags}<a href="{TagURL}"> #{Tag} </a> {/block:Tags}</i>
  443. {/block:HasTags}
  444. {block:PostNotes}
  445. {PostNotes}
  446. {/block:PostNotes}
  447. </div>
  448.  
  449. {block:PermalinkPage}
  450.  
  451. {/block:PermalinkPage}
  452.  
  453.  
  454. {/block:Posts}
  455. </div>
  456. </div>
  457.  
  458.  
  459. <div id="cred"><a href="http://dangericons.tumblr.com"><i>crdt</i></a></div>
  460.  
  461. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement