Advertisement
eleanorcalder

theme 3 - updated

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