Advertisement
thehandyblog

I'm Yours Theme

Dec 19th, 2012
2,017
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.44 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>
  18.  
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21.  
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29.  
  30. <meta name="color:Bg" content="#ffffff">
  31. <meta name="color:Links" content="#bbbbbb">
  32. <meta name="color:Hover" content="#6d6d6d">
  33. <meta name="color:Text" content="#9b9b9b">
  34. <meta name="color:Accent" content="#f3f3f3">
  35. <meta name="color:Scrollbar" content="#eee">
  36. <meta name="color:Borders" content="#f0f0f0">
  37.  
  38. <meta name="text:Link Title 1" content="Link">
  39. <meta name="text:Link Url 1" content="/">
  40. <meta name="text:Link Title 2" content="Link">
  41. <meta name="text:Link Url 2" content="/">
  42. <meta name="text:Link Title 3" content="Link">
  43. <meta name="text:Link Url 3" content="/">
  44. <meta name="text:Link Title 4" content="Link">
  45. <meta name="text:Link Url 4" content="/">
  46.  
  47. <meta name="image:Portrait" content="http://25.media.tumblr.com/36754bf75e359e9d710b15ef5dafb5f8/tumblr_mepqvceEMY1r2dp3no6_r1_250.gif">
  48.  
  49. <meta name="if:EndlessScroll" content="0">
  50. <meta name="if:ShowCaptions" content="1">
  51. <meta name="if:StretchPhotos" content="1">
  52.  
  53. <style type="text/css">
  54.  
  55. body {
  56. font-family:calibri;
  57. font-size: 10px;
  58. background:{color:Bg};
  59. color: {color:Text};
  60. margin: 0;
  61. }
  62.  
  63. a {
  64. color: {color:links};
  65. text-decoration: none;
  66. transition-duration: 0.20s;
  67. -moz-transition-duration: 0.20s;
  68. -webkit-transition-duration: 0.20s;
  69. -o-transition-duration: 0.20s;
  70.  
  71. }
  72.  
  73. a:hover {
  74. color: {color:hover};
  75. }
  76.  
  77. #content {
  78. padding: 1px 20px 20px 20px;
  79. width: 540px;
  80. margin-left:300px;
  81. }
  82.  
  83. .posts {
  84. margin-top: 20px;
  85. margin-left:100px;
  86. }
  87.  
  88. .posts img {
  89. max-width: 100%;
  90. }
  91.  
  92. blockquote {
  93. border-left: 4px solid {color:borders};
  94. padding: 1px 1px 1px 10px;
  95. margin: 5px;
  96. }
  97.  
  98.  
  99. #captions {
  100. display: block;
  101. margin-top: 10px;
  102. {block:IfNotShowCaptions}
  103. {block:IndexPage}
  104. display: none;
  105. {/block:IndexPage}
  106. {/block:IfNotShowCaptions}
  107. }
  108.  
  109. #audiocaptions {
  110. display: block;
  111. margin-top: 10px;
  112. {block:IfNotShowCaptions}
  113. {block:IndexPage}
  114. display: none;
  115. {/block:IndexPage}
  116. {/block:IfNotShowCaptions}
  117. }
  118.  
  119. .pagination {
  120. margin-top: 15px;
  121. text-align: center;
  122. }
  123.  
  124. .pagination a {
  125. margin-left:5px;
  126. margin-right:5px;
  127. }
  128.  
  129. #albumart img {
  130. width: 70px;
  131. height: 70px;
  132. position:absolute
  133. }
  134.  
  135. #mp {
  136. width:420px;
  137. height:35px;
  138. padding-top:20px;
  139. padding-bottom:15px;
  140. padding-left:80px;
  141. background:#e4e4e4
  142. }
  143.  
  144. #permalink {
  145. margin-left:100px;
  146. padding:5px;
  147. font-size:9px;
  148. background:{color:accent};
  149. text-align:right;
  150. width:512px;
  151. text-transform:uppercase;
  152. }
  153.  
  154. .sidebar {
  155. position: fixed;
  156. margin-top: 180px;
  157. margin-left: -190px;
  158. width: 200px;
  159. text-align: center;
  160. }
  161.  
  162.  
  163. .simg {
  164. width: 125px;
  165. border:1px solid {color:borders};
  166. padding:20px;
  167. }
  168.  
  169.  
  170. #links {
  171. position:absolute;
  172. text-align: center;
  173. margin-left:25px;
  174. width:150px;
  175. padding-top:20px;
  176. line-height:20px;
  177. font-size:9px;
  178. z-index:99;
  179. margin-top:15px;
  180. opacity:0;
  181. text-transform:uppercase;
  182. transition-duration: 0.70s;
  183. -moz-transition-duration: 0.70s;
  184. -webkit-transition-duration: 0.70s;
  185. -o-transition-duration: 0.70s;
  186. }
  187.  
  188. #links a {
  189. margin-bottom:4px;
  190. display:inline-block;
  191. margin-left:2px;
  192. margin-right:2px;
  193. width:45px;
  194. background:{color:bg};
  195. transition-duration: 0.70s;
  196. -moz-transition-duration: 0.70s;
  197. -webkit-transition-duration: 0.70s;
  198. -o-transition-duration: 0.70s;
  199. }
  200.  
  201. #links a:hover {
  202. color:#fff;
  203. background:{color:links}
  204. }
  205.  
  206. .sidebar:hover #links {
  207. opacity:1;
  208. }
  209.  
  210. iframe#tumblr_controls {
  211. position: fixed !important;
  212. z-index: 9999;
  213. }
  214.  
  215. .desc {
  216. width:130px;
  217. margin-left:35px;
  218. margin-top:10px;
  219. }
  220.  
  221. h3 {
  222. font-size:13px;
  223. margin-left:10px;
  224. font-weight:700;
  225. }
  226.  
  227. ::-webkit-scrollbar {width: 7px; height:7px; background:{color:bg}}
  228. ::-webkit-scrollbar-corner {background:{color:bg}}
  229. ::-webkit-scrollbar-button:vertical {height:0px; display: block; background:{color:scrollbar}}
  230. ::-webkit-scrollbar-button:horizontal {width: 0px; height: 0px; display: block; background:{color:scrollbar}}
  231. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 0px solid {color:bg}; border-bottom: 1px solid {color:bg}}
  232. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar}; border: 0px solid {color:bg}}
  233.  
  234. #asked {
  235. padding:13px;
  236. width:425px;
  237. background:{color:borders};
  238. text-align:left;
  239. margin-left:50px;
  240. }
  241.  
  242. ul.chat {
  243. margin: 0 0 0 0;
  244. padding: 0 0 0 0;
  245. }
  246. .chat li {
  247. list-style-type: none;
  248. margin-left: 0px;
  249. padding: 4px;
  250. }
  251. .chat li.odd {
  252. }
  253. .chat li.even {
  254. background-color: {color:accent};
  255. }
  256.  
  257. #permapage {
  258. margin-left:90px;
  259. width:500px;
  260. }
  261.  
  262. #permapage li {
  263. border-bottom:1px solid {color:borders};
  264. list-style-type:none;
  265. margin:0;
  266. padding-top:15px;
  267. padding-bottom:15px;
  268. padding-right:15px;
  269. padding-left:30px;
  270. }
  271.  
  272. #permapage img {
  273. margin-bottom:-3px;
  274. margin-right:5px;
  275. }
  276.  
  277. #sbimg {
  278. overflow:hidden;
  279. height:20px;
  280. margin-bottom:50px;
  281. position:absolute;
  282. z-index:99;
  283. transition-duration: 0.70s;
  284. -moz-transition-duration: 0.70s;
  285. -webkit-transition-duration: 0.70s;
  286. -o-transition-duration: 0.70s;
  287. }
  288.  
  289. #border {
  290. height:20px;
  291. background:{color:bg};
  292. width:200px;
  293. position:relative;
  294. margin-bottom:-20px;
  295. }
  296.  
  297. .sidebar:hover #sbimg {
  298. margin-top:-69px;
  299. }
  300.  
  301. span.taghead { display:none; } a.tag + span.taghead { display:inline; }
  302.  
  303. #post {
  304. border:1px solid {color:borders};
  305. padding:10px;
  306. width:500px;
  307. }
  308.  
  309. quote {
  310. font-size:12px;
  311. }
  312.  
  313. </style>
  314.  
  315. {block:IfEndlessScroll}
  316. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  317. {/block:IfEndlessScroll}
  318.  
  319. </head>
  320.  
  321.  
  322. <body>
  323.  
  324.  
  325. <div id="content">
  326.  
  327.  
  328. <div class="sidebar">
  329.  
  330. <div id="links">
  331. <a href="/">home</a><a href="/ask">ask</a><br>{Block:IfLinkTitle1}<a href="{Text:Link Url 1}">{text:Link Title 1}</a>{/Block:IfLinkTitle1}{Block:IfLinkTitle2}<a href="{Text:Link Url 2}">{text:Link Title 2}</a>{/Block:IfLinkTitle2}<br>{Block:IfLinkTitle3}<a href="{Text:Link Url 3}">{text:Link Title 3}</a>{/Block:IfLinkTitle3}{Block:IfLinkTitle4}<a href="{Text:Link Url 4}">{text:Link Title 4}</a>{/Block:IfLinkTitle4}
  332. </div>
  333.  
  334. <div id="simg">
  335. <img src="{image:Portrait}" class="simg" width="100px">
  336. </div>
  337.  
  338. <div class="desc">{Description}</div>
  339.  
  340. {block:IfNotEndlessScroll}
  341. <div class="pagination">
  342. {block:Pagination}
  343. {block:PreviousPage}
  344. <a href="{PreviousPage}">‹</a>
  345. {/block:PreviousPage}
  346. {block:JumpPagination length="3"}
  347.  
  348. {block:CurrentPage}
  349.  
  350. <span style="margin-left:5px; margin-right:5px;">{PageNumber}</span>
  351.  
  352. {/block:CurrentPage}
  353.  
  354. {block:JumpPage}
  355.  
  356. <a href="{URL}">{PageNumber}</a>
  357.  
  358. {/block:JumpPage}
  359.  
  360. {/block:JumpPagination}
  361. {block:NextPage}
  362. <a href="{NextPage}">›</a>
  363. {/block:NextPage}
  364. {/block:Pagination}
  365. </div>
  366. {/block:IfNotEndlessScroll}
  367.  
  368. </div>
  369.  
  370.  
  371. {block:Posts}
  372.  
  373. <br>
  374.  
  375.  
  376. <div class="posts">
  377.  
  378. <div id="post">
  379.  
  380. {block:Text}
  381.  
  382. {block:Title}
  383. <h3>{Title}</h3>
  384. {/block:Title}
  385.  
  386. {Body}
  387.  
  388. {/block:Text}
  389.  
  390.  
  391.  
  392. {block:Photo}
  393.  
  394. <center>
  395. <img src="{PhotoURL-500}" {Block:IfStretchPhotos}width="500px"{/Block:IfStretchPhotos}>
  396. </center>
  397.  
  398. {block:Caption}
  399. <div id="captions">
  400. {Caption}</div>
  401. {/block:Caption}
  402.  
  403. {/block:Photo}
  404.  
  405.  
  406.  
  407. {block:Photoset}
  408.  
  409.  
  410. <div class="photoset">
  411. {Photoset-500}
  412. </div>
  413.  
  414. {block:Caption}
  415. <div id="captions">
  416. {Caption}</div>
  417. {/block:Caption}
  418.  
  419. {/block:Photoset}
  420.  
  421.  
  422.  
  423. {block:Quote}
  424.  
  425.  
  426. <i><quote>{Quote}</quote></i>
  427.  
  428. {block:Source}
  429. — {Source}
  430. {/block:Source}
  431.  
  432. {/block:Quote}
  433.  
  434.  
  435.  
  436. {block:Link}
  437.  
  438. <a href="{URL}" {Target}><h3>+ {Name}</h3></a>
  439.  
  440. {block:Description}
  441. {Description}
  442. {/block:Description}
  443.  
  444. {/block:Link}
  445.  
  446.  
  447.  
  448. {block:Chat}
  449.  
  450. {block:Title}
  451. {Title}
  452. {/block:Title}
  453.  
  454. <ul class="chat">
  455. {block:Lines}
  456. <li class="{Alt} user_{UserNumber}">
  457. {block:Label}
  458. <b>{Label}</b>
  459. {/block:Label}
  460. <span style="font-style:italic">{Line}</span>
  461. </li>
  462. {/block:Lines}
  463. </ul>
  464.  
  465. {/block:Chat}
  466.  
  467.  
  468.  
  469. {block:Audio}
  470.  
  471.  
  472. <div id="albumart">
  473. {block:AlbumArt}
  474. <img src="{AlbumArtURL}">
  475. {/block:AlbumArt}
  476. </div>
  477.  
  478. <div id="mp">
  479. {AudioPlayerGrey}
  480. </div>
  481.  
  482. <p>
  483.  
  484. {block:TrackName}<b>Track:</b> {TrackName}<br>{/block:TrackName}
  485. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  486. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  487. <b>Plays:</b> {PlayCount}<br>
  488.  
  489. {block:Caption}
  490. <div id="audiocaptions">
  491. {Caption}</div>
  492. {/block:Caption}
  493.  
  494. {/block:Audio}
  495.  
  496.  
  497.  
  498. {block:Video}
  499.  
  500.  
  501. <div class="video">
  502. {block:IndexPage}{Video-250}{/block:IndexPage}
  503. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  504. </div>
  505.  
  506. {block:Caption}
  507. <div id="captions">
  508. {Caption}</div>
  509. {/block:Caption}
  510.  
  511. {/block:Video}
  512.  
  513.  
  514.  
  515. {block:Answer}
  516.  
  517. <div id="asked">{Asker} asked: {Question}</div> <img src="{AskerPortraitURL-40}" style="margin-top:-40px; position:absolute;"><p>
  518.  
  519. {Answer}
  520.  
  521. {/block:Answer}
  522.  
  523. </div>
  524.  
  525. </div>
  526.  
  527. <div id="permalink">
  528.  
  529. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{Block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/Block:NoteCount}{Block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}{block:HasTags} + {block:Tags}<span class="taghead">, </span><a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  530.  
  531. </div>
  532.  
  533. {block:PermalinkPage}
  534. <div id="permapage">
  535. {block:PostNotes}
  536. {PostNotes}
  537. {/block:PostNotes}
  538. </div>
  539. {/block:PermalinkPage}
  540.  
  541. <br>
  542.  
  543. <div style="display:block">
  544. {Block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/Block:RebloggedFrom}
  545. </div>
  546.  
  547. {/block:Posts}
  548.  
  549. </div>
  550.  
  551. <a style="bottom:10px; font-size:9px; right:10px; letter-spacing:1px; position:fixed" href="http://stratfor-d.tumblr.com">CREDIT</a>
  552.  
  553. </body>
  554. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement