Advertisement
eleanorcalder

theme 4 - updated

Nov 4th, 2014
523
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.23 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  8.  
  9. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  10.  
  11. <script>
  12.  
  13. (function($){
  14.  
  15. $(document).ready(function(){
  16.  
  17. $("a[title]").style_my_tooltips({
  18.  
  19. tip_follows_cursor:true,
  20.  
  21. tip_delay_time:90,
  22.  
  23. tip_fade_speed:600,
  24.  
  25. attribute:"title"
  26.  
  27. });
  28.  
  29. });
  30.  
  31. })(jQuery);
  32.  
  33. </script>
  34.  
  35.  
  36. <title>{Title}</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  40.  
  41. <!---- base code by themesbyvanne.tumblr.com
  42. theme by theycalluslarrystylinson, don't remove credit!
  43. --->
  44.  
  45. <meta name="image:Sidebar" content=""/>
  46. <meta name="image:Background Image" content=""/>
  47.  
  48. <meta name="color:Background" content="#d9f4ff"/>
  49. <meta name="color:Title" content=""/>
  50. <meta name="color:Border" content="#000000"/>
  51. <meta name="color:Text" content="#000000"/>
  52. <meta name="color:Link" content="#00aaff"/>
  53. <meta name="color:Link Hover" content="#000"/>
  54.  
  55. <meta name="text:Link 1 URL" content=""/>
  56. <meta name="text:Link 1 Text" content=""/>
  57. <meta name="text:Link 2 URL" content=""/>
  58. <meta name="text:Link 2 Text" content=""/>
  59. <meta name="text:Link 3 URL" content=""/>
  60. <meta name="text:Link 3 Text" content=""/>
  61. <meta name="text:Link 4 URL" content=""/>
  62. <meta name="text:Link 4 Text" content=""/>
  63. <meta name="text:Link 5 URL" content=""/>
  64. <meta name="text:Link 5 Text" content=""/>
  65.  
  66. <meta name="select:Font" content="Arial" title="Arial">
  67. <meta name="select:Font" content="Helvetica" title="Helvetica">
  68. <meta name="select:Font" content="Calibri" title="Calibri">
  69. <meta name="select:Font" content="Consolas" title="Consolas">
  70. <meta name="select:Font" content="Courier" title="Courier">
  71.  
  72. <meta name="select:Font Size" content="10px" title="10px">
  73. <meta name="select:Font Size" content="11px" title="11px">
  74. <meta name="select:Font Size" content="12px" title="12px">
  75. <meta name="select:Font Size" content="13px" title="13px">
  76.  
  77. <meta name="select:Border" content="solid" title="solid">
  78. <meta name="select:Border" content="dotted" title="dotted">
  79. <meta name="select:Border" content="dashed" title="dashed">
  80.  
  81. <meta name="if:Show Tags" content="1">
  82. <meta name="if:Sidebar Image" content="0">
  83. <meta name="if:Semi Transparent Posts" content="1">
  84. <meta name="if:Transparent Posts" content="0">
  85. <meta name="if:Rounded Borders" content="0">
  86. <meta name="if:Borders" content="0">
  87. <meta name="if:Mini Cursor" content="1">
  88. <meta name="if:Underlined Links" content="0">
  89. <meta name="if:Underline On Hover" content="1">
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94. body {
  95. background: {color:Background};
  96. background-image:url('{image:Background Image}');
  97. background-attachment:fixed;
  98. background-position:bottom right;
  99. background-repeat:no-repeat;
  100. background-size:cover;
  101. font-family: {select:Font};
  102. font-size: {select:Font Size};
  103. color: {color:Text};
  104. }
  105.  
  106. blockquote {
  107. padding-left:7px;
  108. margin-left:15px;
  109. border-left:1px solid #bdbdbd;
  110. }
  111.  
  112. a {
  113. text-decoration: none;
  114. color: {color:Link};
  115. {block:ifUnderlinedLinks}text-decoration:underline;{/block:ifUnderlinedLinks}
  116. }
  117.  
  118. a:hover {
  119. color: {color:link hover};
  120. {block:ifUnderlineOnHover}text-decoration:underline;{/block:ifUnderlineOnHover}
  121. {block:ifMiniCursor}cursor: url("http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), default;{/block:ifMiniCursor}
  122. }
  123.  
  124. #sidebar {
  125. position: fixed;
  126. margin-left:225px;
  127. margin-top: 50px;
  128. width: 150px;
  129. padding: 10px;
  130. background:white;
  131. {block:ifBorders} border: 1px {select:Border} {color:border};{/block:ifBorders}
  132. {block:ifSemiTransparentPosts} background:rgba(255,255,255,0.5); {/block:ifSemiTransparentPosts}
  133. {block:ifTransparentPosts} background:transparent; {/block:ifTransparentPosts}
  134. {block:ifRoundedBorders}border-radius: 5px;{/block:ifRoundedBorders}
  135. }
  136.  
  137. #sidebar img {
  138. width: 200px;
  139. height:auto;
  140. }
  141.  
  142.  
  143. #description {
  144. position: relative;
  145. margin: 0px;
  146. padding: 10px;
  147. width: 130px;
  148. text-align: center;
  149. }
  150.  
  151. #navi {
  152. position: fixed;
  153. margin-left:1010px;
  154. margin-top: 50px;
  155. width: 75px;
  156. padding: 10px;
  157. background:white;
  158. text-align:center;
  159. {block:ifSemiTransparentPosts} background:rgba(255,255,255,0.5); {/block:ifSemiTransparentPosts}
  160. {block:ifTransparentPosts} background:transparent; {/block:ifTransparentPosts}
  161. {block:ifBorders} border: 1px {select:Border} {color:border};{/block:ifBorders}
  162. {block:ifRoundedBorders}border-radius: 5px;{/block:ifRoundedBorders}
  163. }
  164.  
  165. #container {
  166. margin-top: 20px;
  167. margin-bottom: 20px;
  168. margin-left: 520px;
  169. width: 500px;
  170. }
  171.  
  172. #quote {
  173. font-family:georgia;
  174. font-size:20px;
  175. }
  176.  
  177. #link {
  178. font-family:{select:Font};
  179. font-weight:bold;
  180. font-size:18px;
  181. }
  182.  
  183. #question {
  184. font-size:{select:Font Size};
  185. font-style:italic;
  186. padding:10px;
  187. }
  188.  
  189. #asker {
  190. font-weight:bold;
  191. font-size:13px;
  192. }
  193.  
  194. #answer {
  195. border-top:1px solid #bdbdbd;
  196. padding:5px;
  197. }
  198.  
  199. .entry {
  200. margin-top:50px;
  201. float:left;
  202. position: relative;
  203. width:500px;
  204. padding: 10px;
  205. margin-bottom:50px;
  206. margin-left:-75px;
  207. background:white;
  208. {block:ifSemiTransparentPosts} background:rgba(255,255,255,0.5); {/block:ifSemiTransparentPosts}
  209. {block:ifTransparentPosts} background:transparent; {/block:ifTransparentPosts}
  210. {block:ifBorders} border: 1px {select:Border} {color:border};{/block:ifBorders}
  211. {block:ifRoundedBorders}border-radius: 5px;{/block:ifRoundedBorders}
  212. }
  213.  
  214. img {
  215. max-width: 100%;
  216. }
  217.  
  218. h1 {
  219. text-align: center;
  220. font-size: 15px;
  221. color: {color:Title};
  222. }
  223.  
  224. #pagination {
  225. position: relative;
  226. padding: 2px;
  227. margin-top: 10px;
  228. }
  229.  
  230. #pagination a {
  231. display: inline-block;
  232. padding: 3px 6px 3px 6px;
  233. margin: 4px;
  234. text-align: center;
  235. }
  236.  
  237. #portrait img {
  238. float: left;
  239. margin-right: 5px;
  240. -moz-border-radius:30px;
  241. -webkit-border-radius:30px;
  242. }
  243.  
  244. #permalink {
  245. text-align: left;
  246. border-top: 1px solid #bdbdbd;
  247. position: relative;
  248. margin-top: 7px;
  249. padding-top: 5px;
  250. }
  251.  
  252. #tags {
  253. text-align: left;
  254. position: relative;
  255. margin-top: 3px;
  256. padding-top: 3px;
  257. }
  258.  
  259. #credit {
  260. font-family:arial;
  261. font-size: 13px;
  262. letter-spacing:1px;
  263. bottom:15px;
  264. font-style:none;
  265. left:15px;
  266. position:fixed;
  267. background:white;
  268. padding:2px;
  269. {block:ifSemiTransparentPosts} background:rgba(255,255,255,0.5); {/block:ifSemiTransparentPosts}
  270. {block:ifTransparentPosts} background:transparent; {/block:ifTransparentPosts}
  271. {block:ifBorders} border: 1px {select:Border} {color:border};{/block:ifBorders}
  272. {block:ifRoundedBorders}border-radius: 5px;{/block:ifRoundedBorders}
  273. }
  274.  
  275. #s-m-t-tooltip {
  276.  
  277. max-width:300px; /* maximum width */
  278. background-color:white; /* color background */
  279. font-family:{select:Font}; /* font of lyrics */
  280. font-size:{select:Font Size}; /* font size */
  281. color:{color:Text}; /* font color */
  282. letter-spacing:1px; /* font spacing */
  283. text-transform:none; /* uppercase, lowercase, none */
  284. padding:3px 4px 3px 4px; /* padding size */
  285. margin:20px 0px 0px 20px; /* margin size */
  286. z-index:999999999999999999999999999999999999;
  287. {block:ifSemiTransparentPosts} background:rgba(255,255,255,0.5); {/block:ifSemiTransparentPosts}
  288. {block:ifTransparentPosts} background:transparent; {/block:ifTransparentPosts}
  289. {block:ifBorders} border: 1px {select:Border} {color:border};{/block:ifBorders}
  290. {block:ifRoundedBorders}border-radius: 5px;{/block:ifRoundedBorders}
  291. }
  292.  
  293. {block:ifMiniCursor}html {cursor: url("http://static.tumblr.com/obptcxj/QvHmo0l0g/cursor__6_.png"), default;}
  294. {/block:ifMiniCursor}
  295.  
  296.  
  297. </style>
  298.  
  299. </head>
  300.  
  301. <body>
  302.  
  303. <div id="credit"><a href="http://theycalluslarrystylinson.tumblr.com/" title="theme by theycalluslarrystylinson">☮</a></div>
  304.  
  305. <div id="sidebar">
  306.  
  307. {block:ifSidebarImage}<img src="{image:Sidebar}">{/block:ifSidebarImage}
  308.  
  309. <div id="description">{Description}
  310.  
  311. <br>
  312.  
  313. <div id="pagination">
  314. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  315. {block:NextPage} — <a href="{NextPage}">next</a>{/block:NextPage}
  316. </div>
  317.  
  318.  
  319. </div>
  320.  
  321.  
  322. </div>
  323.  
  324. <div id="navi">
  325.  
  326. <a href="/">home</a> <br></br>
  327.  
  328. <a href="/ask">ask</a> <br></br>
  329.  
  330. {block:ifLink1Text} <a href="{text:Link 1 URL}">{text:Link 1 Text}</a>{/block:ifLink1Text}
  331.  
  332. {block:ifLink2Text} <br></br> <a href="{text:Link 2 URL}">{text:Link 2 Text}</a>{/block:ifLink2Text}
  333.  
  334. {block:ifLink3Text} <br></br> <a href="{text:Link 3 URL}">{text:Link 3 Text}</a>{/block:ifLink3Text}
  335.  
  336. {block:ifLink4Text} <br></br> <a href="{text:Link 4 URL}">{text:Link 4 Text}</a>{/block:ifLink4Text}
  337.  
  338. {block:ifLink5Text} <br></br> <a href="{text:Link 5 URL}">{text:Link 5 Text}</a>{/block:ifLink5Text}
  339.  
  340.  
  341. </div>
  342.  
  343. <div id="container">
  344. {block:Posts}
  345. <div class="entry">
  346.  
  347. {block:ContentSource}
  348. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  349. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  350. {/block:SourceLogo}
  351. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  352. {/block:ContentSource}
  353.  
  354. {block:Text}
  355. <h1>{block:Title}{Title}{/block:Title}</h1>
  356. {Body}
  357. {/block:Text}
  358.  
  359. {block:Photo}
  360. {LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}
  361. {block:Caption}{Caption}{/block:Caption}
  362. {/block:Photo}
  363.  
  364. {block:Photoset}
  365. {Photoset-500}
  366. {block:Caption}{Caption}{/block:Caption}
  367. {/block:Photoset}
  368.  
  369.  
  370. {block:Quote}
  371. <div id="quote">
  372. "{Quote}"
  373. </div>
  374. {block:Source}<br>—{Source}{/block:Source}
  375. {/block:Quote}
  376.  
  377.  
  378.  
  379. {block:Link}
  380. <div id="link">
  381. <h1><a href="{URL}" {Target}>{Name}</a></h1></div>
  382. {block:Description}{Description}{/block:Description}
  383. {/block:Link}
  384.  
  385. {block:Chat}
  386. {block:Title}<h1>{Title}</h1>{/block:Title}
  387. {block:Lines}
  388. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br></br>
  389. {/block:Lines}
  390. {/block:Chat}
  391.  
  392. {block:Audio}
  393. {AudioPlayerWhite}
  394. {block:Caption}{Caption}{/block:Caption}
  395. {/block:Audio}
  396.  
  397. {block:Video}
  398. {Video-500}
  399. {block:Caption}{Caption}{/block:Caption}
  400. {/block:Video}
  401.  
  402. {block:Answer}
  403. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  404. <div id="asker">{Asker}</div><div id="question">{Question}</div><p>
  405. <div id="answer">{Answer}</div>
  406. {/block:Answer}
  407.  
  408.  
  409.  
  410. <div id="permalink">
  411. {block:Date} <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">
  412. {NoteCountWithLabel}</a>{/block:Date} {block:RebloggedFrom} <div style="float:right"><a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a> / <a href="{ReblogRootURL}"title="{ReblogRootTitle}">{ReblogRootName}</a></a></div>{/block:RebloggedFrom}
  413. {block:ifShowTags}<br>{block:HasTags} <div id="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a> &nbsp; {/block:Tags}</div> {block:HasTags}{/block:ifShowTags}
  414. </div>
  415.  
  416. {block:PermalinkPage}
  417. {block:PostNotes}
  418. <div id="note">{PostNotes}</div>
  419. {/block:PostNotes}
  420. {/block:PermalinkPage}
  421.  
  422.  
  423. </div> <!-- /div entry --->
  424.  
  425. {/block:Posts}
  426.  
  427. </div><!-- /div container --->
  428.  
  429.  
  430. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  431. <script type="text/javascript">
  432. window.onload = function() {
  433. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
  434. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  435. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  436. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  437. }
  438. </script>
  439.  
  440.  
  441. </body>
  442.  
  443. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement