Advertisement
thehandyblog

Love Me Theme

Dec 18th, 2012
5,144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.73 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!----
  4.  
  5. █▀▀ ▀▀█▀▀ █▀▀█ █▀▀█ ▀▀█▀▀ █▀▀ █▀▀█ █▀▀█ █▀▀▄
  6. ▀▀█ █ █▄▄▀ █▄▄█ █ █▀▀ █ █ █▄▄▀ ▀▀ █ █
  7. ▀▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀
  8.  
  9. Theme by © Stratfor-d
  10.  
  11. ✔ Keep the credits intact.
  12. ✔ Don't use as a base.
  13. ✔ Don't claim as yours.
  14.  
  15. ---->
  16.  
  17. <head><title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <meta name="color:Bg" content="#ffffff">
  26. <meta name="color:Links" content="#bbbbbb">
  27. <meta name="color:Hover" content="#fff700">
  28. <meta name="color:Text" content="#9b9b9b">
  29. <meta name="color:Accent" content="#f5f5f5">
  30. <meta name="color:Scrollbar" content="#eee">
  31. <meta name="color:Borders" content="#eeeeee">
  32.  
  33. <meta name="text:Link Title 1" content="Link">
  34. <meta name="text:Link Url 1" content="/">
  35. <meta name="text:Link Title 2" content="Link">
  36. <meta name="text:Link Url 2" content="/">
  37. <meta name="text:Link Title 3" content="Link">
  38. <meta name="text:Link Url 3" content="/">
  39.  
  40. <meta name="image:Portrait" content="http://static.tumblr.com/evyge5h/14qmep8up/idk.jpg">
  41.  
  42. <meta name="if:EndlessScroll" content="0">
  43. <meta name="if:ShowCaptions" content="1">
  44. <meta name="if:StretchPhotos" content="1">
  45.  
  46. <style type="text/css">
  47.  
  48.  
  49. /* Main/General Code: Applies to all*/
  50.  
  51. body {
  52. font-family:consolas;
  53. font-size: 10px;
  54. background:{color:Bg};
  55. color: {color:Text};
  56. margin: 0;
  57. }
  58.  
  59. a {
  60. color: {color:links};
  61. text-decoration: none;
  62. transition-duration: 0.20s;
  63. -moz-transition-duration: 0.20s;
  64. -webkit-transition-duration: 0.20s;
  65. -o-transition-duration: 0.20s;
  66.  
  67. }
  68.  
  69. a:hover {
  70. background: {color:hover};
  71. }
  72.  
  73. #content {
  74. padding: 1px 20px 20px 20px;
  75. width: 540px;
  76. margin-left:300px;
  77. }
  78.  
  79. .posts {
  80. padding: 10px;
  81. margin-top: 20px;
  82. margin-left:100px;
  83. overflow: hidden;
  84. width: 500px;
  85. }
  86.  
  87. .posts img {
  88. max-width: 100%;
  89. }
  90.  
  91. blockquote {
  92. border-left: 4px solid {color:borders};
  93. padding: 1px 1px 1px 10px;
  94. margin: 5px;
  95. }
  96.  
  97.  
  98. #captions {
  99. display: block;
  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. margin-top: 10px;
  111. {block:IfNotShowCaptions}
  112. {block:IndexPage}
  113. display: none;
  114. {/block:IndexPage}
  115. {/block:IfNotShowCaptions}
  116. }
  117.  
  118. .pagination {
  119. margin-top: 10px;
  120. text-align: center;
  121. }
  122.  
  123. #albumart img {
  124. width: 70px;
  125. height: 70px;
  126. position:absolute
  127. }
  128.  
  129. #mp {
  130. width:420px;
  131. height:35px;
  132. padding-top:20px;
  133. padding-bottom:15px;
  134. padding-left:80px;
  135. background:#e4e4e4
  136. }
  137.  
  138. #permalink {
  139. margin-left:110px;
  140. border-top:1px solid {color:borders};
  141. padding: 5px 10px 5px 10px;
  142. font-size:9px;
  143. text-align:left;
  144. width:480px;
  145. text-transform:lowercase;
  146. }
  147.  
  148. .sidebar {
  149. position: fixed;
  150. margin-top: 250px;
  151. margin-left: -120px;
  152. width: 200px;
  153. text-align: center;
  154. padding: 10px;
  155. }
  156.  
  157.  
  158. .simg {
  159. margin-bottom:10px;
  160. border:1px solid {color:borders};
  161. padding:5px;
  162. }
  163.  
  164.  
  165.  
  166. #links {
  167. position:absolute;
  168. margin-left:-115px;
  169. width:140px;
  170. border-bottom:1px solid {color:borders};
  171. text-align: center;
  172. color:{color:navigation text};
  173. padding-bottom:10px;
  174. font-size:9px;
  175. margin-top:15px;
  176. letter-spacing:1px;
  177. }
  178.  
  179. #links a {
  180. margin-left:3px;
  181. margin-right:3px;
  182. }
  183.  
  184. iframe#tumblr_controls {
  185. position: fixed !important;
  186. z-index: 9999;
  187. }
  188.  
  189. .desc {
  190. width:130px;
  191. margin-left:-110px;
  192. margin-top:50px;
  193. position:absolute;
  194. }
  195.  
  196. h3 {
  197. font-size:17px;
  198. margin-left:10px;
  199. font-weight:700;
  200. font-style:italic;
  201. }
  202.  
  203. ::-webkit-scrollbar {width: 7px; height:7px; background:{color:bg}}
  204. ::-webkit-scrollbar-corner {background:{color:bg}}
  205. ::-webkit-scrollbar-button:vertical {height:0px; display: block; background:{color:scrollbar}}
  206. ::-webkit-scrollbar-button:horizontal {width: 0px; height: 0px; display: block; background:{color:scrollbar}}
  207. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 0px solid {color:bg}; border-bottom: 1px solid {color:bg}}
  208. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar}; border: 0px solid {color:bg}}
  209.  
  210. #asked {
  211. width:500px;
  212. text-align:left;
  213. }
  214.  
  215. ul.chat {
  216. margin: 0 0 0 0;
  217. padding: 0 0 0 0;
  218. }
  219. .chat li {
  220. list-style-type: none;
  221. margin-left: 0px;
  222. padding: 4px;
  223. }
  224. .chat li.odd {
  225. }
  226. .chat li.even {
  227. background-color: {color:accent};
  228. }
  229.  
  230. #permapage {
  231. margin-left:90px;
  232. width:500px;
  233. }
  234.  
  235. #permapage li {
  236. border-bottom:1px solid {color:borders};
  237. list-style-type:none;
  238. margin:0;
  239. padding-top:15px;
  240. padding-bottom:15px;
  241. padding-right:15px;
  242. padding-left:30px;
  243. }
  244.  
  245. #permapage img {
  246. margin-bottom:-3px;
  247. margin-right:5px;
  248. }
  249.  
  250. span.taghead { display:none; } a.tag + span.taghead { display:inline; }
  251.  
  252. </style>
  253.  
  254. {block:IfEndlessScroll}
  255. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  256. {/block:IfEndlessScroll}
  257.  
  258. </head>
  259.  
  260.  
  261. <body>
  262.  
  263.  
  264. <div id="content">
  265.  
  266.  
  267. <div class="sidebar">
  268.  
  269. <div id="links">
  270. <a href="/" title="home">I.</a><a href="/ask" title="message">II.</a>{Block:IfLinkTitle1}<a href="{text:link url 1}">III.</a>{/Block:IfLinkTitle1}{Block:IfLinkTitle2}<a href="{text:link url 2}">IV.</a>{/Block:IfLinkTitle2}{Block:IfLinkTitle3}<a href="{text:link url 3}">V.</a>{/Block:IfLinkTitle3}
  271. </div>
  272.  
  273. <div class="desc">
  274.  
  275. {Description}
  276.  
  277. {block:IfNotEndlessScroll}
  278. <div class="pagination">
  279. {block:Pagination}
  280. {block:PreviousPage}
  281. <span class="taghead"> / </span><a href="{PreviousPage}" class="tag" style="margin-right:7px;">prev</a>
  282. {/block:PreviousPage}
  283. {block:NextPage}
  284. <a href="{NextPage}" class="tag" style="margin-left:7px;">next</a>
  285. {/block:NextPage}
  286. {/block:Pagination}
  287. </div>
  288. {/block:IfNotEndlessScroll}
  289.  
  290. </div>
  291.  
  292. <img src="{image:portrait}" class="simg" width="100px">
  293.  
  294. </div>
  295.  
  296.  
  297. {block:Posts}
  298.  
  299. <br>
  300.  
  301.  
  302. <div class="posts">
  303.  
  304.  
  305. {block:Text}
  306.  
  307. {block:Title}
  308. <h3>{Title}</h3>
  309. {/block:Title}
  310.  
  311. {Body}
  312.  
  313. {/block:Text}
  314.  
  315.  
  316.  
  317. {block:Photo}
  318.  
  319. <center>
  320. <img src="{PhotoURL-500}" {Block:IfStretchPhotos}width="500px"{/Block:IfStretchPhotos}>
  321. </center>
  322.  
  323. {block:Caption}
  324. <div id="captions">
  325. {Caption}</div>
  326. {/block:Caption}
  327.  
  328. {/block:Photo}
  329.  
  330.  
  331.  
  332. {block:Photoset}
  333.  
  334.  
  335. <div class="photoset">
  336. {Photoset-500}
  337. </div>
  338.  
  339. {block:Caption}
  340. <div id="captions">
  341. {Caption}</div>
  342. {/block:Caption}
  343.  
  344. {/block:Photoset}
  345.  
  346.  
  347.  
  348. {block:Quote}
  349.  
  350.  
  351. <i>{Quote}</i>{block:Source} — {Source} {/block:Source}
  352.  
  353. {/block:Quote}
  354.  
  355.  
  356.  
  357. {block:Link}
  358.  
  359. <a href="{URL}" {Target}><h3>+ {Name}</h3></a>
  360.  
  361. {block:Description}
  362. {Description}
  363. {/block:Description}
  364.  
  365. {/block:Link}
  366.  
  367.  
  368.  
  369. {block:Chat}
  370.  
  371. {block:Title}
  372. {Title}
  373. {/block:Title}
  374.  
  375. <ul class="chat">
  376. {block:Lines}
  377. <li class="{Alt} user_{UserNumber}">
  378. {block:Label}
  379. <b>{Label}</b>
  380. {/block:Label}
  381. <span style="font-style:italic">{Line}</span>
  382. </li>
  383. {/block:Lines}
  384. </ul>
  385.  
  386. {/block:Chat}
  387.  
  388.  
  389.  
  390. {block:Audio}
  391.  
  392.  
  393. <div id="albumart">
  394. {block:AlbumArt}
  395. <img src="{AlbumArtURL}">
  396. {/block:AlbumArt}
  397. </div>
  398.  
  399. <div id="mp">
  400. {AudioPlayerGrey}
  401. </div>
  402.  
  403. <p>
  404.  
  405. {block:TrackName}<b>Track:</b> {TrackName}<br>{/block:TrackName}
  406. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  407. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  408. <b>Plays:</b> {PlayCount}<br>
  409.  
  410. {block:Caption}
  411. <div id="audiocaptions">
  412. {Caption}</div>
  413. {/block:Caption}
  414.  
  415. {/block:Audio}
  416.  
  417.  
  418.  
  419. {block:Video}
  420.  
  421.  
  422. <div class="video">
  423. {block:IndexPage}{Video-250}{/block:IndexPage}
  424. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  425. </div>
  426.  
  427. {block:Caption}
  428. <div id="captions">
  429. {Caption}</div>
  430. {/block:Caption}
  431.  
  432. {/block:Video}
  433.  
  434.  
  435.  
  436. {block:Answer}
  437.  
  438. <div id="asked"><img src="{AskerPortraitURL-16}" style="margin-right:5px;">{Asker} asked: <i>{Question}</i></div><p>
  439.  
  440. {Answer}
  441. {/block:Answer}
  442.  
  443.  
  444. </div>
  445.  
  446. <div id="permalink">
  447.  
  448. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{Block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/Block:NoteCount}{Block:ContentSource}<span style="float:right;"><a href="{SourceURL}">source</a></span>{/block:ContentSource}{block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  449.  
  450. </div>
  451.  
  452. {block:PermalinkPage}
  453. <div id="permapage">
  454. {block:PostNotes}
  455. {PostNotes}
  456. {/block:PostNotes}
  457. </div>
  458. {/block:PermalinkPage}
  459.  
  460. <br>
  461.  
  462. <div style="display:block">
  463. {Block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/Block:RebloggedFrom}
  464. </div>
  465.  
  466. {/block:Posts}
  467.  
  468. </div>
  469.  
  470. <a style="bottom:10px; font-size:9px; right:10px; letter-spacing:1px; position:fixed" href="http://stratfor-d.tumblr.com">CREDIT</a>
  471.  
  472. </body>
  473. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement