Advertisement
sweet-fee

theme#02 new year (psfuck)

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