Advertisement
eleanorcalder

theme 1 - updated

Oct 31st, 2014
717
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.09 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. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!---- Código Base creado por Vanne en themesbyvanne.tumblr.com --->
  13.  
  14. <meta name="image:Sidebar" content=""/>
  15. <meta name="image:Background Image" content=""/>
  16.  
  17. <meta name="color:Background" content="#efefef"/>
  18. <meta name="color:Sidebar BG" content="#fff"/>
  19. <meta name="color:Post BG" content="#fff"/>
  20. <meta name="color:Title" content="#2e2e2e"/>
  21. <meta name="color:Blockquote" content="#bdbdbd"/>
  22. <meta name="color:Text" content="#282828"/>
  23. <meta name="color:Border" content="#000"/>
  24. <meta name="color:Link" content="#bdbdbd"/>
  25. <meta name="color:Link Hover" content="#000"/>
  26. <meta name="color:Nav Border" content=""/>
  27. <meta name="color:Nav Text" content=""/>
  28. <meta name="color:Nav BG" content=""/>
  29. <meta name="color:Text BG Hover" content="#fff"/>
  30. <meta name="color:Text Hover" content="#000"/>
  31.  
  32. <meta name="if:Drop Down" content="1">
  33. <meta name="if:Text Navigation" content="0">
  34. <meta name="if:Show Tags" content="1">
  35. <meta name="if:Ask" content="1">
  36. <meta name="if:Show Title" content="0">
  37. <meta name="if:Rounded Border" content="0">
  38. <meta name="if:Sidebar Image" content="0">
  39. <meta name="if:Link 1" content="0">
  40. <meta name="if:Link 2" content="0">
  41. <meta name="if:Link 3" content="0">
  42. <meta name="if:Link 4" content="0">
  43. <meta name="if:Link 5" content="0">
  44.  
  45. <meta name="select:Font" content="Arial" title="Arial">
  46. <meta name="select:Font" content="Consolas" title="Consolas">
  47. <meta name="select:Font" content="Georgia" title="Georgia">
  48. <meta name="select:Font" content="Helvetica" title="Helvetica">
  49. <meta name="select:Font" content="Verdana" title="Verdana">
  50. <meta name="select:Font" content="Calibri" title="Calibri">
  51. <meta name="select:Font" content="Courier" title="Courier">
  52.  
  53. <meta name="select:Title Font" content="Arial" title="Arial">
  54. <meta name="select:Title Font" content="Consolas" title="Consolas">
  55. <meta name="select:Title Font" content="Georgia" title="Georgia">
  56. <meta name="select:Title Font" content="Helvetica" title="Helvetica">
  57. <meta name="select:Title Font" content="Verdana" title="Verdana">
  58. <meta name="select:Title Font" content="Calibri" title="Calibri">
  59. <meta name="select:Title Font" content="Segoe Print" title="Segoe Print">
  60. <meta name="select:Title Font" content="Script" title="Script">
  61. <meta name="select:Title Font" content="Courier" title="Courier">
  62.  
  63. <meta name="select:Title Font Size" content="13px" title="15px">
  64. <meta name="select:Title Font Size" content="20px" title="20px">
  65. <meta name="select:Title Font Size" content="25px" title="25px">
  66. <meta name="select:Title Font Size" content="30px" title="30px">
  67. <meta name="select:Title Font Size" content="35px" title="35px">
  68. <meta name="select:Title Font Size" content="40px" title="40px">
  69.  
  70. <meta name="text:Navigation Title" content="navigation"/>
  71. <meta name="text:Font Size" content="11px"/>
  72. <meta name="text:Margin Between Posts" content="50"/>
  73. <meta name="text:Ask Title" content="ask"/>
  74. <meta name="text:Link 1 URL" content=""/>
  75. <meta name="text:Link 1 Text" content=""/>
  76. <meta name="text:Link 2 URL" content=""/>
  77. <meta name="text:Link 2 Text" content=""/>
  78. <meta name="text:Link 3 URL" content=""/>
  79. <meta name="text:Link 3 Text" content=""/>
  80. <meta name="text:Link 4 URL" content=""/>
  81. <meta name="text:Link 4 Text" content=""/>
  82. <meta name="text:Link 5 URL" content=""/>
  83. <meta name="text:Link 5 Text" content=""/>
  84.  
  85. <style type="text/css">
  86.  
  87. ::selection {
  88. background:{color:Text BG Hover};
  89. color:{color:Text Hover};
  90. }
  91.  
  92. ::-moz-selection {
  93. background:{color:Text BG Hover};
  94. color:{color:Text Hover};
  95. }
  96.  
  97. ::-webkit-selection {
  98. background:{color:Text BG Hover};
  99. color:{color:Text Hover};
  100. }
  101.  
  102.  
  103. body {
  104. background: {color:Background};
  105. background-image:url('{image:Background Image}');
  106. background-attachment:fixed;
  107. background-position:bottom right;
  108. background-repeat:no-repeat;
  109. background-size:cover;
  110. Font-family: {select:Font};
  111. Font-size: {text:Font Size};
  112. color: {color:Text};
  113. }
  114.  
  115. blockquote {
  116. padding-left:10px;
  117. margin:10px;
  118. border-left:1px solid {color:Blockquote};
  119. color: {color:text};
  120. }
  121.  
  122. select {
  123. background-color:{color:Nav BG};
  124. border-color:{color:Nav Border};
  125. border-width:1px;
  126. color:{color:Nav Text};
  127. -moz-border-radius:3px;
  128. -webkit-border-radius:3px;
  129. -webkit-appearance:none;
  130. -moz-appearance:none;
  131. text-align:center;
  132. }
  133.  
  134. a {
  135. text-decoration: none;
  136. color: {color:Link};
  137. }
  138.  
  139. a:hover {
  140. text-decoration: none;
  141. color:{color:Link Hover};
  142. }
  143.  
  144. #sidebar {
  145. background:{color:Sidebar BG};
  146. position: fixed;
  147. margin-left:200px;
  148. margin-top: 80px;
  149. width: 220px;
  150. padding: 10px;
  151. border: 1px solid {color:Border};
  152. {block:ifRoundedBorder}
  153. -moz-border-radius:8px;
  154. -webkit-border-radius:8px;
  155. {/block:ifRoundedBorder}
  156. }
  157.  
  158. #sidebar img {
  159. width: 220px;
  160. }
  161.  
  162. #title {
  163. z-index: 99999;
  164. position: fixed;
  165. margin-top: 30px;
  166. margin-left: 200px;
  167. Font-size: {select:Title Font Size};
  168. width: 240px;
  169. text-align: center;
  170. color: {color:Title};
  171. Font-family: {select:Title Font};
  172. }
  173.  
  174. #description {
  175. position: relative;
  176. margin: 0px;
  177. padding: 10px;
  178. width: 200px;
  179. text-align: center;
  180. }
  181.  
  182.  
  183. #container {
  184. margin-top: 20px;
  185. margin-bottom: 20px;
  186. margin-left: 520px;
  187. width: 500px;
  188. }
  189.  
  190. .entry {
  191. float:left;
  192. position: relative;
  193. width:500px;
  194. padding: 10px;
  195. margin-bottom:{text:Margin Between Posts}px;
  196. background:{color:Post BG};
  197. border: 1px solid {color:Border};
  198. {block:ifRoundedBorder}
  199. -moz-border-radius:8px;
  200. -webkit-border-radius:8px;
  201. {/block:ifRoundedBorder}
  202. }
  203.  
  204. img {
  205. max-width: 100%;
  206. }
  207.  
  208. h1 {
  209. text-align: left;
  210. Font-size: 18px;
  211. font-family:{select:Title Font};
  212. }
  213.  
  214. #words {
  215. text-align:center;
  216. Font-size:18px;
  217. Font-family:{select:Font};
  218. }
  219.  
  220. #question {
  221. Font-size:{select:Font};
  222. Font-style:italic;
  223. padding:5px;
  224. background: {color:Question BG};
  225. }
  226.  
  227. #asker {
  228. Font-weight:bold;
  229. background:{color:Question BG};
  230. Font-size:13px;
  231. }
  232.  
  233. #answer {
  234. border-top:1px solid {color:border};
  235. padding:5px;
  236. }
  237.  
  238. #note {
  239. width:500px;
  240. Font-size:{text:Font Size};
  241. Font-family:{select:Font};
  242. }
  243.  
  244. #pagination {
  245. position: relative;
  246. padding: 2px;
  247. margin-top: 10px;
  248. Font-family:{select:Font};
  249. Font-size:{text:Font Size};
  250. }
  251.  
  252. #pagination a {
  253. display: inline-block;
  254. padding: 3px 6px 3px 6px;
  255. margin: 4px;
  256. text-align: center;
  257. }
  258.  
  259. #portrait img {
  260. float: left;
  261. margin-right: 5px;
  262. -moz-border-radius:30px;
  263. -webkit-border-radius:30px;
  264. }
  265.  
  266. #permalink {
  267. text-align: center;
  268. border-top: 1px solid {color:Border};
  269. position: relative;
  270. margin-top: 5px;
  271. padding-top: 5px;
  272. Font-family:{select:Font};
  273. Font-size:{text:Font Size};
  274. }
  275.  
  276. #credit {
  277. font-family:{select:Font};
  278. font-size: 13px;
  279. letter-spacing:1px;
  280. bottom:15px;
  281. font-style:none;
  282. left:15px;
  283. position:fixed;
  284. border:1px solid {color:border};
  285. background:{color:Post BG};
  286. padding:2px;
  287. {block:ifRoundedBorder}
  288. -moz-border-radius:8px;
  289. -webkit-border-radius:8px;
  290. {/block:ifRoundedBorder}
  291. }
  292.  
  293. #s-m-t-tooltip {
  294.  
  295. max-width:300px; /* maximum width */
  296.  
  297. background-color:{color:Background}; /* color background */
  298.  
  299. border:1px solid {color:Border}; /* color, shape and thickness of the border */
  300.  
  301. Font-family:{select:Font}; /* Font of lyrics */
  302.  
  303. Font-size:{text:Font Size}; /* Font size */
  304.  
  305. color:{color:Text}; /* Font color */
  306.  
  307. letter-spacing:1px; /* Font spacing */
  308.  
  309. text-transform:lowercase; /* uppercase, lowercase, none */
  310.  
  311. padding:3px 4px 3px 4px; /* padding size */
  312.  
  313. margin:20px 0px 0px 20px; /* margin size */
  314.  
  315. z-index:999999999999999999999999999999999999;
  316.  
  317. border-radius: 2px; /* border radius */
  318.  
  319. }
  320.  
  321. </style>
  322.  
  323. <!-- start of script tooltip -->
  324. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  325.  
  326. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  327.  
  328. <script>
  329.  
  330. (function($){
  331.  
  332. $(document).ready(function(){
  333.  
  334. $("a[title]").style_my_tooltips({
  335.  
  336. tip_follows_cursor:true,
  337.  
  338. tip_delay_time:90,
  339.  
  340. tip_fade_speed:600,
  341.  
  342. attribute:"title"
  343.  
  344. });
  345.  
  346. });
  347.  
  348. })(jQuery);
  349.  
  350. </script>
  351.  
  352. <!-- end of script tooltip -->
  353.  
  354. </head>
  355.  
  356. <body>
  357.  
  358. <div id="credit"><a href="http://theycalluslarrystylinson.tumblr.com/" title="theme by theycalluslarrystylinson">☮</a></div>
  359.  
  360. <div id="title">{block:ifShowTitle}{Title}{/block:ifShowTitle}</div>
  361.  
  362. <div id="sidebar">
  363.  
  364. {block:ifSidebarImage}<img src="{image:Sidebar}">{/block:ifSidebarImage}
  365.  
  366. <div id="description">{Description}
  367.  
  368. <br></br>
  369.  
  370. {block:IfTextNavigation}
  371.  
  372. <div style="font-size:{text:Font Size}; font-family:{select:Font}">
  373.  
  374. <a href="/">home</a> {block:ifAsk} &nbsp;&nbsp;
  375.  
  376. <a href="/ask">{text:Ask Title}</a> {/block:ifAsk} {block:IfLink1} &nbsp;&nbsp;
  377.  
  378. <a href="{text:Link 1 URL}">{text:Link 1 Text}</a> {/block:IfLink1}{block:IfLink2} &nbsp;&nbsp;
  379.  
  380. <a href="{text:Link 2 URL}">{text:Link 2 Text}</a> {/block:IfLink2}{block:IfLink3} &nbsp;&nbsp;
  381.  
  382. <a href="{text:Link 3 URL}">{text:Link 3 Text}</a> {/block:IfLink3}{block:IfLink4} &nbsp;&nbsp;
  383.  
  384. <a href="{text:Link 4 URL}">{text:Link 4 Text}</a> {/block:IfLink4}{block:IfLink5} &nbsp;&nbsp;
  385.  
  386. <a href="{text:Link 5 URL}">{text:Link 5 Text}</a>{/block:IfLink5}
  387.  
  388. </div>
  389.  
  390. {/block:IfTextNavigation}
  391.  
  392. {block:IfDropDown}
  393.  
  394. <select onchange='location=this.options[this.selectedIndex].value;' style="font-size:{text:Font Size}; font-family:{select:Font}; -moz-border-radius:0px; -webkit-border-radius:0px; {block:ifRoundedBorder} -moz-border-radius:3px; -webkit-border-radius:3px; {/block:ifRoundedBorder} ">
  395.  
  396. <option>{text:Navigation Title}</option>
  397.  
  398. <option value="/">home</option>
  399.  
  400. {block:ifAsk} <option value="/ask">{text:Ask Title}</option>{/block:ifAsk} {block:IfLink1}
  401.  
  402. <option value="{text:Link 1 URL}">{text:Link 1 Text}</option>{/block:IfLink1} {block:IfLink2}
  403.  
  404. <option value="{text:Link 2 URL}">{text:Link 2 Text}</option>{/block:IfLink2} {block:IfLink3}
  405.  
  406. <option value="{text:Link 3 URL}">{text:Link 3 Text}</option>{/block:IfLink3} {block:IfLink4}
  407.  
  408. <option value="{text:Link 4 URL}">{text:Link 4 Text}</option>{/block:IfLink4} {block:IfLink5}
  409.  
  410. <option value="{text:Link 5 URL}">{text:Link 5 Text}</option>{/block:IfLink5}
  411.  
  412. </select>
  413.  
  414. {/block:IfDropDown}
  415.  
  416. {block:ifLinkText}/ <a href="{text:Link URL}">{text:Link Text}</a>{/block:ifLinkText}
  417.  
  418. <div id="pagination">
  419. {block:PreviousPage}<a href="{PreviousPage}">prev </a>{/block:PreviousPage}
  420. {block:NextPage} — <a href="{NextPage}">next</a></a>{/block:NextPage}
  421. </div>
  422.  
  423. </div>
  424.  
  425. </div>
  426.  
  427. <div id="container">
  428. {block:Posts}
  429. <div class="entry">
  430.  
  431. {block:ContentSource}
  432. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  433. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  434. {/block:SourceLogo}
  435. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  436. {/block:ContentSource}
  437.  
  438. {block:Text}
  439. <h1>{block:Title}{Title}{/block:Title}</h1>
  440. {Body}
  441. {/block:Text}
  442.  
  443. {block:Photo}
  444. {LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}
  445. {block:Caption}{Caption}{/block:Caption}
  446. {/block:Photo}
  447.  
  448. {block:Photoset}
  449. {Photoset-500}
  450. {block:Caption}{Caption}{/block:Caption}
  451. {/block:Photoset}
  452.  
  453.  
  454. {block:Quote}
  455. <div id="words">{Quote}</div>
  456. {block:Source}<br>—{Source}{/block:Source}
  457. {/block:Quote}
  458.  
  459. {block:Link}
  460. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  461. {block:Description}{Description}{/block:Description}
  462. {/block:Link}
  463.  
  464. {block:Chat}
  465. {block:Title}<h1>{Title}</h1>{/block:Title}
  466. {block:Lines}
  467. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br></br>
  468. {/block:Lines}
  469. {/block:Chat}
  470.  
  471. {block:Audio}
  472. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  473. {Caption}
  474. {/block:Audio}
  475.  
  476. {block:Video}
  477. {Video-500}
  478. {block:Caption}{Caption}{/block:Caption}
  479. {/block:Video}
  480.  
  481. {block:Answer}
  482. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  483. <div id="asker">{Asker}</div><div id="question">{Question}</div><p>
  484. <div id="answer">{Answer}</div>
  485. {/block:Answer}
  486.  
  487.  
  488.  
  489. <div id="permalink">
  490. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">
  491. {NoteCountWithLabel}</a>{/block:Date} {block:RebloggedFrom}via <a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a> © <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  492.  
  493.  
  494.  
  495. {block:ifShowTags}<br>{block:HasTags} {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}
  496. </div>
  497.  
  498. {block:PermalinkPage}
  499. {block:PostNotes}
  500. <div id="note">{PostNotes}</div>
  501. {/block:PostNotes}
  502. {/block:PermalinkPage}
  503.  
  504. </div> <!-- /div entry --->
  505.  
  506. {/block:Posts}
  507.  
  508. </div><!-- /div container --->
  509.  
  510. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  511. <script type="text/javascript">
  512. window.onload = function() {
  513. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
  514. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  515. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  516. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  517. }
  518. </script>
  519.  
  520. </body>
  521.  
  522. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement