Advertisement
hoenarry

theme 5

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