Advertisement
mleyscyrsthemes

theme #03 // refuze

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