API tools faq
paste
Advertisement
eleanorcalder

Theme 7

eleanorcalder
Mar 26th, 2016
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.08 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <head>
  4.  
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  6.  
  7. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  8.  
  9. <script>
  10. (function($){
  11. $(document).ready(function(){
  12. $("a[title]").style_my_tooltips({
  13. tip_follows_cursor:true,
  14. tip_delay_time:90,
  15. tip_fade_speed:600,
  16. attribute:"title"
  17. });
  18. });
  19. })(jQuery);
  20. </script>
  21.  
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <!----
  28. kengi theme ~
  29. --->
  30.  
  31. <meta name="image:Topbar" content=""/>
  32. <meta name="image:Transparent" content=""/>
  33.  
  34. <meta name="color:Background" content="#fafafa"/>
  35. <meta name="color:Text" content="#2e2e2e"/>
  36. <meta name="color:Link" content="#aaaaaa"/>
  37. <meta name="color:Link Hover" content="#2e2e2e"/>
  38. <meta name="color:Blockquote" content="#bdbdbd"/>
  39. <meta name="color:Footer" content="#aaaaaa"/>
  40. <meta name="color:Footer Text" content="#ffffff"/>
  41.  
  42. <meta name="font:Body" content="arial"/>
  43. <meta name="font:Title" content="georgia"/>
  44.  
  45. <meta name="text:Symbol" content="·"/>
  46. <meta name="text:Topbar Image Height" content="80"/>
  47. <meta name="text:Container Margin" content="125"/>
  48. <meta name="text:Font Size" content="11"/>
  49. <meta name="text:Title Font Size" content="20"/>
  50. <meta name="text:Footer Font Size" content="10.5"/>
  51. <meta name="text:Bottom" content="0"/>
  52. <meta name="text:Left" content="0"/>
  53. <meta name="text:Height" content="100"/>
  54. <meta name="text:Link 1 URL" content="/"/>
  55. <meta name="text:Link 1 Text" content=""/>
  56. <meta name="text:Link 2 URL" content="/"/>
  57. <meta name="text:Link 2 Text" content=""/>
  58. <meta name="text:Link 3 URL" content="/"/>
  59. <meta name="text:Link 3 Text" content=""/>
  60. <meta name="text:Link 4 URL" content="/"/>
  61. <meta name="text:Link 4 Text" content=""/>
  62. <meta name="text:Link 5 URL" content="/"/>
  63. <meta name="text:Link 5 Text" content=""/>
  64.  
  65. <meta name="if:400px" content="0">
  66. <meta name="if:Show Tags" content="1">
  67. <meta name="if:Bold Links" content="1">
  68. <meta name="if:Topbar Image" content="1">
  69.  
  70. <style type="text/css">
  71.  
  72. ::selection {
  73. background:{color:footer};
  74. color:{color:footer text};
  75. }
  76.  
  77. ::-moz-selection {
  78. background:{color:footer};
  79. color:{color:footer text};
  80. }
  81.  
  82. ::-webkit-selection {
  83. background:{color:footer};
  84. color:{color:footer text};
  85. }
  86.  
  87.  
  88. body {
  89. background: {color:Background};
  90. background-attachment:fixed;
  91. background-position:bottom right;
  92. background-repeat:no-repeat;
  93. background-size:cover;
  94. font-family: {font:body};
  95. font-size: {text:Font Size}px;
  96. color: {color:Text};
  97. line-height:18px;
  98. text-align:justify;
  99. }
  100.  
  101. blockquote {
  102. padding-left:15px;
  103. margin-left:10px;
  104. margin-right:10px;
  105. border-left:2px solid {color:Blockquote};
  106. }
  107.  
  108. a {
  109. text-decoration: none;
  110. color: {color:Link};
  111. -moz-transition-duration:0.3s;
  112. -webkit-transition-duration:0.3s;
  113. -o-transition-duration:0.3s;
  114. {block:ifBoldLinks}
  115. font-weight:700;
  116. {/block:ifBoldLinks}
  117. }
  118.  
  119. a:hover {
  120. text-decoration:underline;
  121. color:{color:Link Hover};
  122. }
  123.  
  124. #topbar {
  125. width: 500px;
  126. height: auto;
  127. background-color: #fff;
  128. padding:10px;
  129. position: fixed;
  130. margin-bottom:30px;
  131. z-index: 10;
  132. top: 0px;
  133. margin-left: 0px;
  134. border-top: 15px solid {color:background};
  135. {block:if400px}
  136. width:400px;
  137. {/block:if400px}
  138. }
  139.  
  140.  
  141. #topbar img {
  142. max-width:{text:Topbar Image Height}px;
  143. float:left;
  144. padding-right:10px;
  145. }
  146.  
  147. .description {
  148. position: relative;
  149. padding: 5px 5px 5px 15px;
  150. text-align: justify;
  151. max-width:100%;
  152. margin-left:0px;
  153. margin-right:0px;
  154. text-align:right;
  155. {block:ifnotTopbarImage}
  156. margin-left:0px;
  157. margin-right:0px;
  158. max-width:480px;
  159. text-align:center;
  160. padding: 5px;
  161. {/block:ifnotTopbarImage}
  162. }
  163.  
  164. .navigation {
  165. margin-top:5px;
  166. font-weight:normal;
  167. position:relative;
  168. display:block;
  169. max-width:100%;
  170. margin-left:0px;
  171. margin-right:5px;
  172. font-family:{select:font};
  173. font-size: {text:font size};px;
  174. text-align:right;
  175. {block:ifnotTopbarImage}
  176. margin-left:0px;
  177. margin-right:0px;
  178. max-width:480px;
  179. text-align:center;
  180. padding-right:5px;
  181. padding-bottom:1px;
  182. {/block:ifnotTopbarImage}
  183. }
  184.  
  185. .navigation a {
  186. font-style:normal;
  187. letter-spacing:0px;
  188. }
  189.  
  190. .navigation a:hover {
  191. font-style:italic;
  192. text-decoration:none;
  193. }
  194.  
  195. #pwrap {
  196. width:500px;
  197. margin:auto;
  198. {block:if400px}
  199. width:400px;
  200. {/block:if400px}
  201. }
  202.  
  203. #pagination {
  204. margin-top:-25px;
  205. margin-bottom:50px;
  206. float:right;
  207. margin-right:240px;
  208. font-style:italic;
  209. font-size:16px;
  210. background:white;
  211. padding:10px;
  212. {block:if400px}
  213. margin-right:190px;
  214. {/block:if400px}
  215. }
  216.  
  217. #pagination a {
  218. color: {color:link};
  219. }
  220.  
  221. #pagination a:hover {
  222. color:{color:link hover};
  223. }
  224.  
  225. #container {
  226. margin-top: {text:Container Margin}px;
  227. margin-bottom: 20px;
  228. margin-left: 0px;
  229. width: 500px;
  230. }
  231.  
  232. #quote {
  233. font-family:{select:font};
  234. font-size:18px;
  235. line-height:22px;
  236. text-align:center;
  237. margin-bottom:-10px;
  238. }
  239.  
  240. #link {
  241. font-family:georgia;
  242. font-size:18px;
  243. }
  244.  
  245. #note {
  246. font-size:{text:footer font size}px;
  247. line-height:20px;
  248. text-align:left;
  249. }
  250.  
  251. #note img {
  252. display:none;
  253. }
  254.  
  255. #question {
  256. font-size:{text:Font Size}px;
  257. font-style:none;
  258. line-height:16px;
  259. padding-bottom:5px;
  260. padding-top:5px;
  261. }
  262.  
  263. #portrait img {
  264. float: left;
  265. margin-right: 5px;
  266. border:1px solid {color:blockquote};
  267. -moz-border-radius:0px;
  268. -webkit-border-radius:0px;
  269. }
  270.  
  271. #asker {
  272. font-weight:normal;
  273. text-transform:lowercase;
  274. font-size:14px;
  275. font-style:italic;
  276. }
  277.  
  278. #answer {
  279. border-top:1px solid {color:blockquote};
  280. padding:5px;
  281. }
  282.  
  283. .entry {
  284. float:left;
  285. position: relative;
  286. width:500px;
  287. padding: 10px;
  288. margin-bottom:75px;
  289. margin-left:0px;
  290. background:white;
  291. {block:if400px}
  292. width:400px;
  293. {/block:if400px}
  294. }
  295.  
  296. img {
  297. max-width: 100%;
  298. }
  299.  
  300. h1 {
  301. text-align: left;
  302. font-family:{font:Title};
  303. font-size: {text:Title Font Size}px;
  304. color: {color:Title};
  305. }
  306.  
  307. #permalink {
  308. text-align: left;
  309. position: relative;
  310. margin-top: 7px;
  311. padding: 7px;
  312. line-height:16px;
  313. font-size:{text:Footer Font Size}px;
  314. letter-spacing:0px;
  315. background:{color:Footer};
  316. color:{color:footer text};
  317. }
  318.  
  319. #permalink a {
  320. color:{color:footer text};
  321. border-bottom:0px;
  322. }
  323.  
  324. #permalink a:hover {
  325. color:{color:link hover};
  326. border-bottom:0px;
  327. text-decoration:none;
  328. }
  329.  
  330. #tags {
  331. text-align: left;
  332. position: relative;
  333. margin-top: 0px;
  334. padding-top: 0px;
  335. background:transparent;
  336. }
  337.  
  338. #credit {
  339. font-family: Symbol;
  340. font-size: 14px;
  341. bottom:15px;
  342. font-style:none;
  343. right:20px;
  344. position:fixed;
  345. background:white;
  346. padding: 0px 3px 0px 3px;
  347. }
  348.  
  349. #credit a {
  350. font-weight:200;
  351. }
  352.  
  353. #credit a:hover {
  354. text-decoration:none;
  355. color:{color:link hover};
  356. }
  357.  
  358. #s-m-t-tooltip {
  359.  
  360. max-width:300px; /* maximum width */
  361. background-color:white; /* color background */
  362. font-family:{select:Font}; /* font of lyrics */
  363. font-size:{text:Font Size}px; /* font size */
  364. color:{color:Text}; /* font color */
  365. letter-spacing:1px; /* font spacing */
  366. text-transform:none; /* uppercase, lowercase, none */
  367. padding:3px 4px 3px 4px; /* padding size */
  368. margin:20px 0px 0px 20px; /* margin size */
  369. z-index:999999999999999999999999999999999999;
  370. background:white;
  371. box-shadow:rgba(0,0,0,0.07)5px 5px;
  372. }
  373.  
  374. #wrap {
  375. width:500px;
  376. margin:auto;
  377. {block:if400px}
  378. width:400px;
  379. {/block:if400px}
  380. }
  381.  
  382. </style>
  383.  
  384. </head>
  385.  
  386. <body>
  387.  
  388. <div id="credit"><a href="http://eleanee.tumblr.com" title="theme by eleanee">♡</a></div>
  389.  
  390.  
  391. <div style="position:fixed; bottom:{text:Bottom}px; left:{text:Left}px;"><img src="{image:Transparent}" height="{text:Height}px"></div>
  392.  
  393. <div id="wrap">
  394.  
  395. <div id="topbar">
  396.  
  397. {block:ifTopbarImage}<img src="{image:Topbar}">{block:ifTopbarImage}
  398.  
  399. <div class="navigation">
  400.  
  401. {block:ifLink1Text}<a href="{text:Link 1 URL}">{text:Link 1 Text}</a>{/block:ifLink1Text}
  402.  
  403. {block:ifLink2Text} &nbsp;{text:Symbol}&nbsp; <a href="{text:Link 2 URL}">{text:Link 2 Text}</a>{/block:ifLink2Text}
  404.  
  405. {block:ifLink3Text} &nbsp;{text:Symbol}&nbsp; <a href="{text:Link 3 URL}">{text:Link 3 Text}</a>{/block:ifLink3Text}
  406.  
  407. {block:ifLink4Text} &nbsp;{text:Symbol}&nbsp; <a href="{text:Link 4 URL}">{text:Link 4 Text}</a>{/block:ifLink4Text}
  408.  
  409. {block:ifLink5Text} &nbsp;{text:Symbol}&nbsp; <a href="{text:Link 5 URL}">{text:Link 5 Text}</a>{/block:ifLink5Text}
  410.  
  411. </div>
  412.  
  413. <div class="description">{Description}</div>
  414.  
  415. </div>
  416.  
  417. <div id="container">
  418. {block:Posts}
  419. <div class="entry">
  420.  
  421. {block:ContentSource}
  422. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  423. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  424. {/block:SourceLogo}
  425. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  426. {/block:ContentSource}
  427.  
  428. {block:Text}
  429. <h1>{block:Title}{Title}{/block:Title}</h1>
  430. {Body}
  431. {/block:Text}
  432.  
  433.  
  434. {block:Photo}
  435. {LinkOpenTag}<center>{block:ifnot400px}<img src="{PhotoURL-500}">{/block:ifnot400px}{block:if400px} <img src="{PhotoURL-500}"> {/block:if400px}</center>{LinkCloseTag}
  436. {block:Caption}{Caption}{/block:Caption}
  437. {/block:Photo}
  438.  
  439.  
  440. {block:Photoset}
  441. {block:ifnot400px}
  442. {Photoset-500}
  443. {/block:ifnot400px}
  444. {block:if400px}
  445. {Photoset-400}
  446. {/block:if400px}
  447. {block:Caption}{Caption}{/block:Caption}
  448. {/block:Photoset}
  449.  
  450.  
  451. {block:Quote}
  452. <div id="quote">
  453. ❝{Quote}❞
  454. </div>
  455. {block:Source}<center><br>—{Source}</center>{/block:Source}
  456. {/block:Quote}
  457.  
  458.  
  459.  
  460. {block:Link}
  461. <div id="link">
  462. <h1><a href="{URL}" {Target}>{Name}</a></h1></div>
  463. {block:Description}{Description}{/block:Description}
  464. {/block:Link}
  465.  
  466. {block:Chat}
  467. {block:Title}<h1>{Title}</h1>{/block:Title}
  468. {block:Lines}
  469. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br></br>
  470. {/block:Lines}
  471. {/block:Chat}
  472.  
  473. {block:Audio}
  474. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  475. {Caption}
  476. {/block:Audio}
  477.  
  478. {block:Video}
  479. {Video-500}
  480. {block:Caption}{Caption}{/block:Caption}
  481. {/block:Video}
  482.  
  483. {block:Answer}
  484. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  485. <div id="asker">{Asker}</div><div id="question">{Question}</div><p>
  486. <div id="answer">{Answer}</div>
  487. {/block:Answer}
  488.  
  489.  
  490.  
  491. <div id="permalink">
  492. {block:Date} <a href="{Permalink}">{TimeAgo}</a> &nbsp;{text:Symbol}&nbsp; <a href="{Permalink}">
  493. {NoteCountWithLabel}</a>{/block:Date}{block:RebloggedFrom}<div style="float:right"> <a href="{ReblogParentURL}"title="{ReblogParentName}">via</a>, <a href="{ReblogRootURL}"title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}
  494. {block:ifShowTags}<br>{block:HasTags} <div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags}</div> {block:HasTags}{/block:ifShowTags}
  495. </div>
  496.  
  497. {block:PermalinkPage}
  498. {block:PostNotes}
  499. <div id="note">{PostNotes}</div>
  500. {/block:PostNotes}
  501. {/block:PermalinkPage}
  502.  
  503.  
  504. </div> <!-- /div entry --->
  505.  
  506. {/block:Posts}
  507.  
  508. <div id="pwrap">
  509.  
  510. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} &nbsp; — &nbsp;
  511. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination} </div></div>
  512.  
  513. </div><!-- /div container --->
  514.  
  515.  
  516. {block:ifnot400px}
  517. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  518. <script type="text/javascript">
  519. window.onload = function() {
  520. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
  521. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  522. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  523. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  524. }
  525. </script>
  526. {/block:ifnot400px}
  527.  
  528. {block:if400px}
  529. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  530. <script type="text/javascript">
  531. window.onload = function() {
  532. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:400px; margin-bottom: -4px;");
  533. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:400px;");
  534. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:195px; margin-right: 0px;");
  535. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:127px; margin-right: 0px;");
  536. }
  537. </script>
  538. {/block:if400px}
  539.  
  540. </div>
  541. </body>
  542.  
  543. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!