hoenarry

theme 7

May 29th, 2014
2,624
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.58 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!--Default Variables-->
  12.  
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#aaaaaa"/>
  15. <meta name="color:Link" content="#000000"/>
  16. <meta name="color:infobackground" content="#ffffff"/>
  17.  
  18. <meta name="image:Sidebar Image" content=""/>
  19. <meta name="text:SecondTitle" content="title" />
  20.  
  21. <meta name="text:Link 1 URL" content="" />
  22. <meta name="text:Link 1" content="" />
  23. <meta name="text:Link 2 URL" content="" />
  24. <meta name="text:Link 2" content="" />
  25. <meta name="text:Link 3 URL" content="" />
  26. <meta name="text:Link 3" content="" />
  27.  
  28.  
  29. <!-- jquery for tooltips-->
  30.  
  31.  
  32. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33.  
  34. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  35.  
  36. <script>
  37.  
  38. (function($){
  39.  
  40. $(document).ready(function(){
  41.  
  42. $("a[title]").style_my_tooltips({
  43.  
  44. tip_follows_cursor:true,
  45.  
  46. tip_delay_time:30,
  47.  
  48. tip_fade_speed:300,
  49.  
  50. attribute:"title"
  51.  
  52. });
  53.  
  54. });
  55.  
  56. })(jQuery);
  57.  
  58. </script>
  59.  
  60.  
  61. <!--CSS customization here. -->
  62.  
  63. <style type="text/css">
  64.  
  65. #s-m-t-tooltip{
  66. position:absolute;
  67. margin-top: 15px;
  68. z-index:9999;
  69. background:{color:background};
  70. }
  71.  
  72.  
  73.  
  74. /*basics*/
  75. blockquote {padding:0px 0 0px 20px;
  76. border-left:1px solid #eee;
  77. margin-left:10px;
  78. }
  79.  
  80. body {
  81. background:{color:background};
  82. color:{color:text};
  83. font-family:arial;
  84. font-size:9px;
  85. text-align:justify;
  86. margin:0;
  87. line-height:16px;}
  88.  
  89.  
  90. a {
  91. color:{color:link};
  92. text-decoration:none;
  93. }
  94.  
  95. a:hover {
  96. text-decoration:underline;}
  97.  
  98. img{opacity:1;
  99. border:none;
  100. text-decoration:none}
  101.  
  102.  
  103. small {
  104. font-size:9px;}
  105.  
  106. big {
  107. font-size:12px;}
  108.  
  109.  
  110. #title {font-size:12px;
  111. line-height:18px;
  112. font-weight:bold;
  113. margin-bottom:10px;
  114. text-transform:uppercase;
  115. text-align:left;}
  116.  
  117.  
  118. /*sidebar*/
  119. #sidebar {
  120. position:fixed;
  121. margin-left:-250px;
  122. margin-top:150px;
  123. width:260px;
  124. background-color:#fff;
  125. }
  126.  
  127. #sidebarim {margin:5px}
  128.  
  129. #sidebarim img {width:250px}
  130.  
  131. #blogt {font-size:18px;
  132. font-weight:bold;
  133. margin-bottom:5px;
  134. text-align:left;}
  135.  
  136.  
  137. #description {
  138. margin-bottom:5px;
  139. text-align:center;
  140. padding:20px;
  141. margin-top:-15px;
  142. margin-bottom:-12px;
  143. }
  144.  
  145. #links{
  146. margin:5px;
  147. text-align:center;
  148. background-color:{color:infobackground};
  149. padding:3px;
  150.  
  151. }
  152.  
  153. #links a{
  154. margin-right:10px;
  155. font-weight:bold;
  156. }
  157.  
  158. /*pagination*/
  159. #pagination {
  160. margin:50px 0;
  161. text-transform:lowercase;
  162. font-weight:bold;
  163. background-color:#fff;
  164. line-height:30px;
  165. width:120px;
  166. }
  167. #pagination a {
  168. padding:15px;
  169. }
  170.  
  171. /*container*/
  172. #con {
  173. left:50%;
  174. margin-left:-250px;
  175. position:absolute;
  176. }
  177.  
  178.  
  179.  
  180. /*posts*/
  181.  
  182. #entries {
  183. margin-top:75px;
  184. width:500px;
  185. margin-left:105px;
  186.  
  187.  
  188. }
  189.  
  190.  
  191.  
  192. #posts {
  193. width:500px;
  194. padding:5px;
  195. {block:IndexPage}
  196. margin-bottom:75px;
  197. {/block:IndexPage}
  198. {block:PermalinkPage}
  199. margin-bottom:50px;
  200. background-color:#fff;
  201. {/block:PermalinkPage}
  202. background-color:#fff;
  203.  
  204. }
  205. #posts img {
  206. max-width:500px;
  207. }
  208.  
  209. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  210. .caption {width:100%;
  211. margin-top:10px;
  212.  
  213. }
  214.  
  215. /*quote*/
  216.  
  217. #titlequote{text-align:left;
  218. font-size:14px;
  219. line-height:18px;
  220. font-weight:bold;
  221. }
  222. #source {
  223. margin-top:15px;
  224. margin-left:15px;}
  225.  
  226. /*audio*/
  227.  
  228. .player {
  229. width:25px;
  230. height:25px;
  231. overflow:hidden;
  232. position:absolute;
  233. background:white;}
  234.  
  235. .audioinfo {
  236. margin-left:50px;
  237. }
  238.  
  239.  
  240. /*asks*/
  241. .q {margin-bottom:10px;
  242. }
  243. .as {
  244. font-weight:bold;}
  245.  
  246. .a {
  247. margin-top:10px;
  248. }
  249.  
  250.  
  251. /*chat*/
  252.  
  253. .chat ol {
  254. padding:0;
  255. list-style:none;
  256. }
  257. .line {padding:5px 0;}
  258.  
  259. .label {font-weight:bold;
  260. }
  261.  
  262.  
  263.  
  264.  
  265.  
  266. /*permalink and notes*/
  267.  
  268. #permalink {
  269. background-color:{color:infobackground};
  270. padding:3px;
  271. margin-top:0px;
  272. font-size:9px;
  273. text-align:center;
  274. text-transform:lowercase;
  275. }
  276. #permalink a {margin-right:10px;
  277. }
  278.  
  279.  
  280. .tags {
  281. word-break:break-all;
  282. font-size:9px;
  283. }
  284.  
  285. .pagenotes {
  286. border:3px solid {color:infobackground};
  287. background-color:#fff;
  288. padding:5px;
  289. {block:IndexPage}
  290. display: none!important;
  291. {/block:IndexPage}
  292. width:500px;
  293. text-align:left;
  294.  
  295. }
  296. .pagenotes img {
  297. display:none!important;}
  298. .pagenotes li {
  299. list-style-type:none;
  300. padding:5px 0px;
  301. text-align:left;
  302. margin:0 0 0 -40px;
  303. }
  304.  
  305.  
  306.  
  307.  
  308. {CustomCSS}
  309.  
  310.  
  311. </style>
  312.  
  313.  
  314.  
  315. </head>
  316.  
  317. <body>
  318.  
  319. <div id="con">
  320.  
  321. <div id="sidebar">
  322. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  323. <div id="description">{Description}</div>
  324. <div id="links">
  325. <a href="/">home</a>
  326. <a href="/ask">ask</a>
  327. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  328. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  329. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  330. </div>
  331. </div>
  332.  
  333.  
  334.  
  335.  
  336.  
  337. <div id="entries">
  338.  
  339. {block:Posts}
  340. <div id="posts">
  341.  
  342.  
  343. {block:Quote}
  344.  
  345.  
  346. <div id="titlequote">“{Quote}”</div>
  347. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  348. {/block:Quote}
  349.  
  350.  
  351.  
  352. {block:Text}
  353.  
  354. {block:Title}
  355. <div id="title">{Title}</div>{/block:Title}
  356. {Body}
  357. {/block:Text}
  358.  
  359. {block:Link}
  360. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  361. {/block:Link}
  362.  
  363. {block:Chat}
  364. {block:Title}
  365. <h1>{Title}</h1>
  366. {/block:Title}
  367. <div class="chat">
  368. <ol>{block:Lines}
  369. <li class="line {Alt}">
  370. {block:Label}
  371. <span class="label">
  372. {Label}</span>
  373. {/block:Label}{Line}</li>
  374. {/block:Lines}
  375. </ol></div>
  376. {/block:Chat}
  377.  
  378. {block:Photo}
  379. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  380. {/block:Photo}
  381.  
  382. {block:Photoset}
  383. {Photoset-500}
  384. {/block:Photoset}
  385.  
  386. {block:Video}
  387. {Video-500}
  388. {/block:Video}
  389.  
  390. {block:Audio}
  391. <div class="player">{AudioPlayerWhite}</div>
  392. <div class="audioinfo">
  393. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  394. </div>
  395. {/block:Audio}
  396.  
  397. {block:Answer}
  398. <div class="q">
  399. <div class="as">{Asker} said:
  400. {Question}</div></div>
  401. <div class="a">{Answer}</div>
  402. {/block:Answer}
  403.  
  404. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  405.  
  406. {block:Date}
  407. <div id="permalink">
  408. <a href="{Permalink}" ><b>{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>{block:NoteCount}<a href="{Permalink}">(+ {NoteCount})</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  409. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  410. </div>
  411. {/block:Date}
  412.  
  413.  
  414.  
  415. </div>
  416.  
  417.  
  418. {block:PostNotes}
  419. <div class="pagenotes">
  420. {PostNotes}
  421. </div>
  422. {/block:PostNotes}
  423.  
  424.  
  425. {/block:Posts}
  426.  
  427. <div id="pagination">
  428. {block:Pagination}
  429. {block:PreviousPage}
  430. <a href="{PreviousPage}">&larr; previous </a>
  431. {/block:PreviousPage}
  432.  
  433.  
  434. {block:NextPage}
  435. <a href="{NextPage}">next &rarr;</a>
  436. {/block:NextPage}
  437. {/block:Pagination}
  438. </div>
  439.  
  440.  
  441.  
  442. </div>
  443.  
  444. </div>
  445.  
  446.  
  447. {block:ContentSource}
  448. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  449. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  450. {/block:SourceLogo}
  451. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  452. {/block:ContentSource}
  453.  
  454. </body>
  455.  
  456. <div style="position:fixed;bottom:5px;right:5px;z-index:999;font-size:8px;"><a href="http://hoenarry.tumblr.com">theme</a></div>
  457. </html>
Advertisement
Add Comment
Please, Sign In to add comment