spacegirl44

nadine's theme 07

Apr 17th, 2016
6,485
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.03 KB | None | 0 0
  1. <!DOCTYPE html> <html> <head>
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6.    <title>{Title}</title>
  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. <!--
  12.  
  13. ———————————————————————————————————————
  14. |                                       |
  15. |       THEME 7 BY NADINE HOTHGF        |
  16. |    please do not remove credit!!!     |
  17. |    do not use this code as a base     |
  18. |        for your own themes!!          |
  19. |                                       |
  20. ———————————————————————————————————————
  21.  
  22.                               -->
  23.  
  24. <meta name="image:Sidebar Image" content="" />
  25. <meta name="image:Background Image" content="" />
  26. <meta name="color:Gradient1" content="#88b4be">
  27. <meta name="color:Gradient2" content="#ffa67a">
  28. <meta name="color:Background" content="#ffffff" />
  29. <meta name="color:Post Background" content="#000000" />
  30. <meta name="color:Borders" content="#000000" />
  31. <meta name="color:Scrollbar" content="#000000" />
  32. <meta name="color:Scrollbar Background" content="#ffffff" />
  33. <meta name="color:Text" content="#ffffff" />
  34. <meta name="color:Link" content="#ffffff" />
  35. <meta name="color:Link Hover" content="#000000" />
  36. <meta name="color:Blockquote" content="#ffffff" />
  37. <meta name="select:Font" content="Arial" />
  38. <meta name="select:Font" content="Consolas" />
  39. <meta name="select:Font" content="Inconsolata" />
  40. <meta name="select:Font" content="Century Gothic" />
  41. <meta name="select:Font" content="Lucida Console" />
  42. <meta name="select:Font" content="Calibri" />
  43. <meta name="select:Font" content="Tahoma" />
  44. <meta name="if:Repeating Background" content="0" />
  45. <meta name="if:Solid Background" content="1" />
  46. <meta name="if:Gradient Background" content="0"/>
  47. <meta name="if:250px" content="0" />
  48. <meta name="if:400px" content="0" />
  49. <meta name="if:500px" content="1" />
  50. <meta name="if:Translucent Post BG" content="0" />
  51. <meta name="if:Dark" content="1" />
  52. <meta name="if:Light" content="0" />
  53. <meta name="if:No Post BG" content="0" />
  54. <meta name="if:Tiny Cursor" content="0" />
  55. <meta name="if:Borders" content="0" />
  56. <meta name="if:Shadow" content="1" />
  57. <meta name="text:Home Title" content="home" />
  58. <meta name="text:Nav Title" content="navigation" />
  59. <meta name="text:Link 1 URL" content="" />
  60. <meta name="text:Link 1" content="" />
  61. <meta name="text:Link 2 URL" content="" />
  62. <meta name="text:Link 2" content="" />
  63. <meta name="text:Link 3 URL" content="" />
  64. <meta name="text:Link 3" content="" />
  65.  
  66. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  67. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  68. <script>
  69. (function($){
  70. $(document).ready(function(){
  71. $("a[title]").style_my_tooltips({
  72. tip_follows_cursor:true,
  73. tip_delay_time:90,
  74. tip_fade_speed:600,
  75. attribute:"title"
  76. });
  77. });
  78. })(jQuery);
  79. </script>
  80.  
  81.    <style type="text/css">
  82.    
  83.    
  84. .tooltip { display: inline; position: relative; }
  85.  
  86. #s-m-t-tooltip { max-width:300px; padding:3px; margin:20px 7px -2px 20px; background: {block:ifDark}black{/block:ifDark} {block:ifLight}white{/block:ifLight}; border:1px solid {color:Blockquote}; font-family:{select:Font}; font-size:10px;  color:{color:Text}; z-index:999999999999999999999999999999999999; }
  87.  
  88. {block:ifTinyCursor} *, body, a, a:hover { cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto; } {/block:ifTinyCursor}
  89.  
  90. ::-webkit-scrollbar { height: 2px; width: 2px; background:{color:scrollbar background} }
  91.  
  92. ::-webkit-scrollbar-thumb:vertical { background: {color:scrollbar}; }
  93.  
  94. body { font-family:{select:Font}; font-size:11px; line-height:150%; {block:ifnotGradientBackground}background: {block:ifSolidBackground} {color:Background}; {/block:ifSolidBackground}  {block:ifnotSolidBackground}  url({image:Background Image}); {block:ifRepeatingBackground} background-repeat:repeat; background-attachment:fixed; background-position:left top;{/block:ifRepeatingBackground} {block:ifnotRepeatingBackground} no-repeat center center fixed; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;{/block:ifnotRepeatingBackground} {/block:ifnotSolidBackground}{/block:ifnotGradientBackground}
  95. {block:ifgradientbackground} background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0.9,{color:Gradient2}),color-stop(0.1, {color:Gradient1})); background-attachment: fixed; {/block:ifgradientbackground}
  96.     color:{color:Text}; }
  97.  
  98. a:link, a:active, a:visited { color: {color:Link}; text-decoration:none; }
  99.  
  100. a:hover { color:{color:Link Hover}; }
  101.  
  102. small { font-size:auto }
  103.  
  104. big { font-size:auto }
  105.  
  106. h1 { font-size:17px; font-family:{select:Font}; font-weight:500;line-height:120%;}
  107.  
  108. h2 { font-size:14px; font-family:{select:Font}; font-weight:500; }
  109.  
  110. p { margin-top:6px; margin-bottom:6px }
  111.  
  112. blockquote { padding:3px 0px 3px 10px; margin-left:13px; margin-right:0px; border-left:1px solid {color:blockquote} }
  113.  
  114. blockquote blockquote { padding:3px 0px 3px 10px; margin-left:13px; margin-right:0px; border-left:1px solid {color:blockquote} }
  115.  
  116. blockquote img { max-width:100%; }
  117.  
  118. img a { border:none; width:100%; height:auto; }
  119.  
  120. iframe { max-width:100%; }
  121.  
  122.  
  123. {block:ifnot250px}#sidebar { position:fixed; top:220px; margin-left:14%; width:130px; font-family:{select:font}; font-size:11px; }{/block:ifnot250px}
  124. {block:if250px}#sidebar { position:fixed; top:220px; margin-left:17%; width:130px; font-family:{select:font}; font-size:11px; }{/block:if250px}
  125.  
  126. #sidebar a { color:{color:Link}; text-decoration:underline; }
  127.  
  128. #sidebar a:hover { color:{color:Link Hover}; background:none; text-decoration:none; }
  129.  
  130. #sidebar img { width:110px; height:auto; }
  131.  
  132. #desc { position:inline; padding:10px; text-align:left; padding-bottom:13px; background: {block:ifnotNoPostBG}{block:ifnotTranslucentPostBG} {color:Post Background} {/block:ifnotTranslucentPostBG} {block:ifTranslucentPostBG} {block:ifDark}rgba(0, 0, 0, 0.5){/block:ifDark} {block:ifLight}rgba(255, 255, 255, 0.5){/block:ifLight} {/block:ifTranslucentPostBG}{/block:ifnotNoPostBG}{block:ifNoPostBG}transparent{/block:ifNoPostBG}; {block:ifBorders}border:1px solid {color:Borders}; {/block:ifBorders} {block:ifshadow} box-shadow:7px 7px rgba(0, 0, 0, 0.4); {/block:ifshadow} }
  133.  
  134. .picc { position:inline; padding:10px; }
  135.  
  136. #linkos { line-height:150%; padding-top:13px; font-size:13px; }
  137. #linkos a { text-decoration:none; }
  138. #linkos img { width:14px; height:auto; margin-right:5px; }
  139.  
  140. {block:if250px} #container { background:transparent; width:270px; margin-left:44%; margin-bottom:30px; position:inline; float:left; } {/block:if250px}
  141.  
  142. {block:if400px} #container { background:transparent; width:422px; margin-left:36%; margin-bottom:60px; position:inline; float:left; } {/block:if400px}
  143.  
  144. {block:if500px} #container { background:transparent; width:522px; margin-left:32%; margin-bottom:30px; position:inline; float:left; } {/block:if500px}
  145.  
  146. #container a { font-weight:bold; }
  147.  
  148. #post { position:inline; padding:10px; margin:90px 0px 0; background: {block:ifnotNoPostBG}{block:ifnotTranslucentPostBG} {color:Post Background} {/block:ifnotTranslucentPostBG} {block:ifTranslucentPostBG} {block:ifDark}rgba(0, 0, 0, 0.5){/block:ifDark} {block:ifLight}rgba(255, 255, 255, 0.5){/block:ifLight} {/block:ifTranslucentPostBG}{/block:ifnotNoPostBG}{block:ifNoPostBG}transparent{/block:ifNoPostBG}; {block:ifBorders}border:1px solid {color:Borders};{/block:ifBorders} {block:ifshadow} box-shadow:7px 7px rgba(0, 0, 0, 0.4); {/block:ifshadow}}
  149.  
  150. #post img { position:center; }
  151.  
  152. #texto { margin-top:-8px; width:100%; }
  153.  
  154. #texto img { max-width:100%; height:auto; }
  155.  
  156. .caption { text-align:justify; }
  157.  
  158. .caption img { max-width:100%; height:auto; }
  159.  
  160. #asker { font-style:italic; }
  161. #answer { }
  162. #answer img {max-width:100%; height:auto; }
  163.  
  164. .player { float:left; height; 27px; padding:10px; background:transparent; border: 1px solid {color:Blockquote}; margin-right:15px; }
  165. .audio {height:47px;}
  166. .au {padding:6px;}
  167. .au span{display:block;margin:3px 0px;}
  168. .tumblr_audio_player {width:27px;height:25px;overflow:hidden;}
  169. .at { font-style:italic; }
  170.  
  171. #quote { margin-top:-5px; }
  172.  
  173. #links { }
  174.  
  175. #photo img { width:100%; height:auto; }
  176.  
  177. #photoset img { position:center; }
  178.  
  179. #_ { }
  180.  
  181. #footer { margin-top:10px; }
  182. #footer a { text-decoration:none; }
  183.  
  184. .info {}
  185. .info a { text-decoration:none; color:{color:Link}; }
  186. .info a:hover { text-decoration:none; color:{color:Link Hover}; }
  187.  
  188. .sourcevia {}
  189. .sourcevia a { text-decoration:none; color:{color:Link}; }
  190. .sourcevia a:hover { text-decoration:none; color:{color:Link Hover}; }
  191.  
  192. #pagination { position:inline;font-size:13px; }
  193.  
  194. #pagination a { color:{color:text}; text-align:center; text-decoration:none; }
  195.  
  196. #pagination a:hover { color:{color:Link Hover}; }
  197.  
  198. .user_1 .label { color:{color:link}; font-weight:bold }
  199. .user_2 .label { color:{color:text}; font-weight:italic }
  200. .user_3 .label { color:{color:link}; font-weight:text }
  201.  
  202. #notes { color:{color:Text}; }
  203. #notes img { display:none; }
  204.  
  205. .chatt { margin-top:-25px; position:inline; }
  206.  
  207. ul.chat, .chat ol, .chat li { list-style:none; margin:0px; padding:0px }
  208.  
  209. #credit { margin-left:3px; bottom:3px; padding:5px; position:fixed; text-transform:uppercase; font-size:11px; color:{color:Borders}; background: {block:ifnotNoPostBG}{block:ifnotTranslucentPostBG} {color:Post Background} {/block:ifnotTranslucentPostBG} {block:ifTranslucentPostBG} {block:ifDark}rgba(0, 0, 0, 0.4){/block:ifDark} {block:ifLight}rgba(255, 255, 255, 0.4){/block:ifLight} {/block:ifTranslucentPostBG}{/block:ifnotNoPostBG}{block:ifNoPostBG}transparent{/block:ifNoPostBG};}
  210.  
  211.    </style>
  212.  
  213. </head>
  214. <body>
  215.    
  216.    
  217.    <div id="sidebar"><center><div class="picc"><img src="{image:Sidebar Image}"></div></center>
  218.            <div id="desc">
  219.            {Description}
  220.                    {block:ifLight}<div id="linkos"><a href="/" title="{text:Home Title}"><img src="https://38.media.tumblr.com/8051319a7fc22c8ce9e4b937f87213d1/tumblr_inline_n07xzfOQwK1rdsa2v.png"> </a>
  221.                        {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"><img src="https://38.media.tumblr.com/11f117c0909f7e828cd4ef65699ce6f9/tumblr_inline_n07y5vr6Xq1rdsa2v.png"></a> {/block:ifLink1}
  222.                        {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"><img src="https://38.media.tumblr.com/8d206055e0205dc10f33c0d4ff34878c/tumblr_inline_n07xziE1PH1rdsa2v.png"></a> {/block:ifLink2}
  223.                        {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}"><img src="https://31.media.tumblr.com/e29c70e34339c33867e6740ed7176eb0/tumblr_inline_n07y2580QW1rdsa2v.png"></a> {/block:ifLink3}
  224.                    </div>{/block:ifLight}
  225.                    {block:ifDark}<div id="linkos"><a href="/" title="{text:Home Title}"><img src="https://40.media.tumblr.com/77ecccbbff727deb725a234a37ced13c/tumblr_inline_o5t6fmTlvt1tdofgz_540.png"> </a>
  226.                        {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"><img src="https://40.media.tumblr.com/1dfa950761e3529099868e47551dd932/tumblr_inline_o5t6fnhmpr1tdofgz_540.png"></a> {/block:ifLink1}
  227.                        {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"><img src="https://40.media.tumblr.com/0124b4337fc4e1dccd4a13c77c08616d/tumblr_inline_o5t6fmIHYl1tdofgz_540.png"></a> {/block:ifLink2}
  228.                        {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}"><img src="https://40.media.tumblr.com/b097c7c66df80f1e9f10ff518e9bdf90/tumblr_inline_o5t6fnSqDX1tdofgz_540.png"></a> {/block:ifLink3}
  229.                    </div>{/block:ifDark}
  230. {block:Pagination}<br><div id="pagination"> {block:PreviousPage} <a href="{PreviousPage}" >prev</a> / {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" >next</a>{/block:NextPage}</div>{/block:Pagination}
  231. </div>
  232. </div>
  233.  
  234.  
  235. <div id="container">
  236. {block:Posts}
  237.  
  238.   <div id="post">
  239.  
  240.        {block:Text}<div id="texto">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  241.  
  242.         {block:Photo}{LinkOpenTag}<div id="photo">{block:if250px}<img src="{PhotoURL-250}">{/block:if250px}{block:if400px}<img src="{PhotoURL-400}">{/block:if400px}{block:if500px}<img src="{PhotoURL-500}">{/block:if500px}</div>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  243.  
  244.         {block:Photoset}<div id="photoset">{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  245.  
  246.        {block:Quote}<div id="quote"><h1>"{Quote}"</h1></div>{block:Source}<br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  247.  
  248.        {block:Link}<div id="links"><h1><a href="{URL}" {Target}>{Name}</a></h1></div>{block:Description}{Description}{/block:Description}{/block:Link}
  249.  
  250.        {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="chat">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  251.  
  252.        {block:Audio}
  253.             {block:AudioPlayer}<div class="player">{block:ifLight}{AudioPlayerWhite}{/block:ifLight}{block:ifDark}{AudioPlayerBlack}{/block:ifDark}</div>{/block:AudioPlayer}
  254.             <div id="au">
  255.                 <div class="at">{block:TrackName}{TrackName}{/block:TrackName}—{block:Artist}{Artist}<br />{/block:Artist}</div>
  256.             {block:ExternalAudio}download: <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}played {PlayCount} times
  257.             <br clear="all" /></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  258.  
  259.        {block:Video}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  260.  
  261.        {block:Answer}<div id="asker">{Asker} said: {Question}</div><br><div id="answer">{Answer}</div>
  262. {/block:Answer}
  263.  
  264. {block:NoRebloggedFrom}
  265. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  266. {/block:NoRebloggedFrom}{block:ContentSource}<!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}
  267.  
  268. {block:IndexPage}
  269. <div id="footer">
  270.  
  271. <div class="info">
  272. <a href="{Permalink}">{TimeAgo}</a>{/block:Date} •
  273. <a href="{Permalink}">{NoteCount} </a>
  274.  
  275. <div class="sourcevia" style="float:right">
  276. <a href="{ReblogURL}">reblog</a>
  277.  
  278. </div>
  279. </div>
  280.  
  281. <div id="tags">
  282. {block:HasTags}<b># : </b>{block:Tags}<a href="{TagURL}">{Tag}</a> ,
  283. {/block:Tags}{/block:HasTags}
  284. </div></div>
  285. {/block:IndexPage}
  286.  
  287. {block:PermalinkPage}
  288. <div id="footer">
  289.  
  290. {block:Date}<div class="info">
  291. posted on {DayOfMonthWithZero} {ShortMonth} at {24HourWithZero}:{Minutes} with {NoteCountWithLabel}{/block:Date}
  292.  
  293. <div class="sourcevia" style="float:right">
  294. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" >via</a><font color="{color:link}">, </font><a href="{ReblogRootURL}" title="{ReblogRootName}">©</a> {/block:RebloggedFrom}
  295.  
  296. </div>
  297. </div>
  298.  
  299. <div id="tags">
  300. {block:HasTags}<b># : </b>{block:Tags}<a href="{TagURL}">{Tag}</a> ,
  301. {/block:Tags}{/block:HasTags}
  302. </div></div>
  303. {/block:PermalinkPage}
  304.  
  305. </div>
  306.  
  307.  
  308. {/block:Posts}
  309.  
  310.  
  311. {block:PermalinkPage}
  312. {block:PostNotes}
  313. <div id="notes">{PostNotes}</div>
  314. {/block:PostNotes}
  315. {/block:PermalinkPage}
  316. </div>
  317.  
  318. <div id="credit"><a href="http://deadhoods.tumblr.com" title="THEME BY NADINE">N</a></div>
  319.  
  320.  
  321. </body>
  322.  
  323. </html>
Advertisement
Add Comment
Please, Sign In to add comment