SHARE
TWEET

Theme 046

ettudisthemes Oct 10th, 2015 (edited) 1,744 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 046 (c) by Ans by ETTUDIS [http://ettudis.three-words.net]
  3. CONTACT INFO [http://ettudis.tumblr.com/ask]
  4. FOLLOW THEME BLOG [http://ettudis.tumblr.com]
  5. TERMS OF USE [http://ettudis.tumblr.com/post/8327340215/terms-of-usage]
  6. -->
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12. <link href='https://fonts.googleapis.com/css?family=Nixie+One' rel='stylesheet' type='text/css'>
  13. <link rel="shortcut icon" href="{Favicon}" />
  14.  
  15.  <meta name="color:background" content="#FFFFFF" />
  16. <meta name="color:title" content="#999999" />
  17. <meta name="color:menu" content="#000000" />
  18. <meta name="color:menu background" content="#FFFFFF" />
  19. <meta name="color:menu border" content="#EFEFEF" />
  20. <meta name="color:menu shadow" content="#DDDDDD" />
  21. <meta name="color:menu hover background" content="#FFFFFF" />
  22. <meta name="color:menu hover" content="#555555" />
  23. <meta name="color:menu hover border" content="#EFEFEF" />
  24. <meta name="color:menu text shadow" content="#EEEEEE" />
  25. <meta name="color:menu inner glow" content="#CCCCCC" />
  26. <meta name="color:description" content="#000" />
  27. <meta name="color:description background" content="#f5F5F5" />
  28. <meta name="color:description shadow" content="#DDDDDD" />
  29. <meta name="color:description text shadow" content="#FFFFFF" />
  30. <meta name="color:post border" content="#EFEFEF" />
  31. <meta name="color:post shadow" content="#EEEEEE" />
  32. <meta name="color:post title shadow" content="#EEEEEE" />
  33. <meta name="color:post title" content="#555555" />
  34. <meta name="color:post link" content="#000000" />
  35. <meta name="color:permalink" content="#555555" />
  36. <meta name="color:permalink text shadow" content="#FFFFFF" />
  37. <meta name="color:permalink shadow" content="#CCCCCC" />
  38. <meta name="color:permalink background" content="#efefef" />
  39. <meta name="color:post background" content="#FFFFFF" />
  40. <meta name="color:blockquote border" content="#EFEFEF" />
  41. <meta name="color:post link underline" content="#EEEEEE" />
  42. <meta name="color:scrollbar thumb" content="#000000" />
  43. <meta name="color:scrollbar track" content="#FFFFFF" />
  44. <meta name="image:background" content="" />
  45. <meta name="if:show captions" content="1" />
  46. <meta name="if:show userpic" content="1" />
  47. <meta name="if:250 size posts" content="1" />
  48. <meta name="if:400 size posts" content="0" />
  49. <meta name="if:500 size posts" content="0" />
  50. <meta name="text:Link 1" content="" />
  51. <meta name="text:Link 1 Title" content="" />
  52. <meta name="text:Link 2" content="" />
  53. <meta name="text:Link 2 Title" content="" />
  54. <meta name="text:Link 3" content="" />
  55. <meta name="text:Link 3 Title" content="" />
  56. <meta name="text:Link 4" content="" />
  57. <meta name="text:Link 4 Title" content="" />
  58. <meta name="text:Link 5" content="" />
  59. <meta name="text:Link 5 Title" content="" />
  60.  
  61.  
  62. <style type="text/css">
  63. :hover, #nfo, a.label, a.label span{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  64. a {text-decoration:none;}
  65. body{text-align:center; margin:0px; padding:0px;background:{color:background} url('{image:background}') fixed;}
  66. #tpwrp {position:absolute;width:100%;}
  67. #top{margin:auto;width:75%;margin-top:100px;height:30px;padding:0px 50px;}
  68. div.ttl{letter-spacing:5px;font: 16px "Nixie One", calibri, lucida sans unicode, consolas;cursor:pointer;margin-bottom:10px;}
  69. a.label {color:{color:title};}
  70. div.mnu {margin-top:8px;}
  71. div.mnu a {font: bold 8.5px "Nixie One", arial, sans-serif;padding:2px 5px;text-transform:uppercase;letter-spacing:1px;margin-left:5px;color:{color:menu};background:{color:menu background};border:1px solid {color:menu border};-moz-box-shadow: 0 3px 5px 0px {color:menu shadow};box-shadow: 0 3px 5px 0px {color:menu shadow};-webkit-box-shadow: 0 3px 5px 0px {color:menu shadow};}
  72. div.mnu a:hover {border:1px solid {color:menu hover border};background:{color:menu hover background};color:{color:menu hover};text-shadow: 0px 1px {color:menu text shadow};-moz-box-shadow:    inset 0 0 2px {color:menu inner glow};-webkit-box-shadow: inset 0 0 2px {color:menu inner glow};box-shadow: inset 0 0 2px {color:menu inner glow};}
  73. .simg {background:{color:menu background};width:30px;padding:5px;margin:10px;border:1px solid {color:menu border};-moz-box-shadow: 0 3px 5px 0px {color:menu shadow};box-shadow: 0 3px 5px 0px {color:menu shadow};-webkit-box-shadow: 0 3px 5px 0px {color:menu shadow}}
  74. .desc {font:11px calibri, arial, sans-serif;color:{color:description};background:{color:description background};-moz-box-shadow: 0 3px 5px 0px {color:description shadow};box-shadow: 0 3px 5px 0px {color:description shadow};-webkit-box-shadow: 0 3px 5px 0px {color:description shadow};padding:9px 20px;margin-top:7px;margin-bottom:7px;display:inline-block;text-shadow: 0px 1px {color:description text shadow};}
  75.  
  76. #content {margin:auto;font:11.5px/16px calibri, arial, helvetica, sans-serif;
  77.  
  78. {block:indexpage}
  79. {block:If250SizePosts}width:760px;margin-top:30px;{/block:If250SizePosts}
  80. {block:If400SizePosts}width:430px;margin-top:50px;{/block:If400SizePosts}
  81. {block:If500SizePosts}width:530px;margin-top:50px;{/block:If500SizePosts}
  82. {/block:indexpage}
  83.  
  84. {block:permalinkpage}width:530px;{/block:permalinkpage}}
  85.  
  86. .container {
  87.     {block:indexpage}
  88.     {block:If250SizePosts}width:270px;margin:50px;{/block:If250SizePosts}
  89.     {block:If400SizePosts}width:420px;margin-bottom:50px;{/block:If400SizePosts}
  90.     {block:If500SizePosts}width:520px;margin-bottom:50px;{/block:If500SizePosts}
  91.     {/block:indexpage}
  92.    
  93.    
  94.     float:left;color:{color:post text};background:{color:post background};{block:permalinkpage}width:520px;margin-top:50px;margin-bottom:30px;{/block:permalinkpage}border:1px {color:post border} solid;-moz-box-shadow: 0 3px 5px 0px {color:post shadow};box-shadow: 0 3px 5px 0px {color:post shadow};-webkit-box-shadow: 0 3px 5px 0px {color:post shadow};}
  95.  
  96. h1 {text-align:center!important;letter-spacing:2px;font:bold 10px/15px "Nixie One", arial, calibri;margin:0px;}
  97. h1 a{display:block;padding:3px!important;color:{color:post title};text-shadow: 0px 1px {color:post title shadow};border-bottom:1px solid {color:post border};}
  98. h1 a:hover{text-shadow: 0px 1px {color:permalink text shadow};border-bottom:none!important;
  99.        -moz-box-shadow:    inset 0 0 2px {color:permalink shadow};
  100.    -webkit-box-shadow: inset 0 0 2px {color:permalink shadow};
  101.    box-shadow:         inset 0 0 2px {color:permalink shadow};background:{color:permalink background}!important;}
  102. #quote {font:bold 13px "Nixie One", Calibri, trebuchet ms;margin-bottom:7px;}
  103. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  104. #infscr-loading {display:none;}
  105. .navigation {display:none!important;}
  106. #post, #caption {text-align:left;padding:10px;background:{color:post background};}
  107. #caption {padding:0px 15px!important;}
  108. #post a, #caption a{color:{color:post link};font:bold 8px/15px 'Nixie One', calibri, arial, helvetica;text-transform:uppercase;letter-spacing:1px;}
  109. #post a:hover, #caption a:hover{background:none;border-bottom:1px solid {color:post border};}
  110. blockquote, code, pre {margin:0px 5px;padding:0px 10px;border-left:1px dotted {color:blockquote border};}
  111. {block:indexpage}p img, blockquote img {max-width:250px;}{/block:indexpage}
  112. #prm{width:100%;letter-spacing:1px;text-align:right!important;padding:0px;color:{color:permalink};border-top:1px solid {color:post border};height:15px;}
  113. #prm a, #src a{text-align:right!important;font:bold 8px/15px 'Nixie One', calibri, arial, helvetica;color:{color:permalink};display:inline-block;text-transform:uppercase;border-left:1px solid {color:post border};margin:0px;padding:2px 10px;height:15px;}
  114. #prm a:hover, #src a:hover{text-shadow: 0px 1px {color:permalink text shadow};border-bottom:none!important;-moz-box-shadow: inset 0 0 2px {color:permalink shadow}; -webkit-box-shadow: inset 0 0 2px {color:permalink shadow}; box-shadow: inset 0 0 2px {color:permalink shadow};background:{color:permalink background}!important;}
  115. #src {border-top:1px solid {color:post border};letter-spacing:1px;text-align:right;padding:0px;color:{color:permalink};display:block;width:100%;border-bottom:1px solid {color:post border};}
  116. #tgs{letter-spacing:1px;text-align:left!important;padding:7px;color:{color:permalink};display:block;width:100%;font:bold 8.5px/15px 'Nixie One', calibri, arial, helvetica;}
  117. #prmanfo {text-align:right!important;}
  118. #tgs a{text-align:right!important;color:{color:permalink};height:15px;display:inline-block;margin:0px;padding:2px;color:{color:permalink};}
  119. #tgs a:hover{text-shadow: 0px 1px {color:permalink text shadow};-moz-box-shadow: inset 0 0 2px {color:permalink shadow}; -webkit-box-shadow: inset 0 0 2px {color:permalink shadow}; box-shadow: inset 0 0 2px {color:permalink shadow};background:{color:permalink background}!important;
  120. }
  121. #note {width:513px;text-align:left;}
  122. #note a{color:{color:post link};font:bold 8px 'Nixie One', calibri;text-transform:uppercase;}
  123. #note a:hover {background:none;border-bottom:1px solid {color:post link underline};}
  124. ol.notes {padding: 0px;margin: 0px; list-style-type: none!important;}
  125. ol.notes li.note img.avatar {margin-bottom:5px;margin-right:10px;vertical-align: -15px;margin-left:17px;padding:5px;background:{color:menu background};border:1px solid {color:menu border};-moz-box-shadow: 0 3px 5px 0px {color:menu shadow};box-shadow: 0 3px 5px 0px {color:menu shadow};-webkit-box-shadow: 0 3px 5px 0px {color:menu shadow};}
  126. ::-webkit-scrollbar {width:10px; height:10px;}
  127. ::-webkit-scrollbar-track {background-color:{color:scrollbar track};}
  128. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar track};border:1px solid {color:post border};}
  129. ::-webkit-scrollbar:double-button {background-color:{color:scrollbar track};}
  130. ::-webkit-scrollbar-track-piece{background-color:{color:scrollbar track};}
  131. ::-webkit-scrollbar-thumb:vertical{background-color:{color:scrollbar track};}
  132. .askr {width:40px!important;float:left;margin:0px 10px 10px 0px;border:1px solid {color:post border};background:{color:post background}};padding:7px;}
  133. #askr {margin-bottom:-7px;border-bottom:1px solid {color:post border} ;}
  134.  #over{height:2000px!important;position:absolute;top:0px;left:0px;width: 100%;}
  135. h3 {font:10px calibri, arial, sans-serif;color:{color:link hover};margin-bottom:1px!important;margin:0px;margin-left:100px;padding:1px 7px;}
  136. h3 b{font:bold 10.5px 'Nixie One', calibri, arial, sans-serif;text-transform:lowercase;border-bottom:1px solid {color:post link underline}!important;}
  137. h3 i{font:italic 10.5px calibri, arial, sans-serif;}
  138. #album{margin:0px;margin-right:7px;margin-bottom:7px;}
  139. #audio {height:100px!important;}
  140. #player {background:#FFF;width:30px;height:30px;overflow:hidden;position:absolute;margin-left:32px;margin-top:28px;;padding-top:5px;padding-left:7px;opacity:0.8;}
  141. #player:hover {opacity:1;overflow:-webkit-border-radius: 100%;-moz-border-radius: 100%border-radius:100%;}
  142. #playerprm {padding-left:40px!important;}
  143. </style>
  144.  
  145. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  146.  
  147. <script type="text/javascript" src="http://static.tumblr.com/9bbaqcu/ig7mfefde/ddaccordion.js">
  148.  
  149. /***********************************************
  150. * Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  151. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  152. * This notice must stay intact for legal use
  153. ***********************************************/
  154.  
  155. </script>
  156.  
  157. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  158.  
  159. <!-- {block:IndexPage} -->
  160. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  161. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  162. <script type="text/javascript">
  163.  $(window).load(function () {
  164.  $('#content').masonry(),
  165. $('.masonryWrap').infinitescroll({
  166. itemSelector : ".container",
  167.  navSelector : "div.navigation",
  168.  nextSelector : ".navigation a#next",
  169.  bufferPx : 10000,
  170.  extraScrollPx: 10000,
  171.  loadingImg : "",
  172.  loadingText : "",
  173.  },
  174.  function() { $('#content').masonry({ appendedContent: $(this) });
  175. });
  176.  });</script>
  177.  <!-- {/block:IndexPage} -->
  178.  
  179.  
  180.  
  181. </head>
  182.  
  183. <body>
  184. <div class="navigation">
  185. {block:Pagination}
  186. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  187. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  188. {/block:Pagination}
  189. </div>
  190.  
  191. <div id ="over"></div>
  192.  
  193. <div id="tpwrp"><div id="top">
  194. {block:IfShowUserpic}<img class="simg" src="{PortraitURL-64}">{/block:IfShowUserpic}
  195.     <div class="ttl"><a class="label" href="/">{Title}</a></div>
  196.     {block:description}<font class="desc">{description}</font>{/block:description}
  197.     <div class="mnu"><a href="/">index</a> {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled}
  198.     {block:SubmissionsEnabled}<a href="/submit">submit</a> {/block:SubmissionsEnabled} <a href="/archive">archive</a>  {block:HasPages} {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}<a href="http://ettudis.three-words.net">design</a></div>    
  199.  
  200.  
  201. <div id="content">
  202. {block:Posts}
  203. <div class="container">
  204.  
  205. {block:Text}
  206.     {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  207.         <div id="post">
  208.         {Body}</div>
  209. {/block:Text}
  210.  
  211. {block:Photo}
  212.        <div id="post">
  213.         {block:indexpage}
  214.         {block:If250SizePosts}<img src="{PhotoURL-250}" />{block:If250SizePosts}
  215.         {block:If400SizePosts}<img src="{PhotoURL-400}" />{block:If400SizePosts}
  216.         {block:If500SizePosts}<img src="{PhotoURL-500}" />{block:If500SizePosts}
  217.         {/block:indexpage}
  218.         {block:permalinkpage}<img src="{PhotoURL-500}" />{/block:permalinkpage}
  219.         </div>
  220. {/block:Photo}
  221.  
  222. {block:Photoset}
  223.         <div id="post">
  224.         {block:indexpage}
  225.         {block:If250SizePosts}{Photoset-250}{/block:If250SizePosts}
  226.         {block:If400SizePosts}{Photoset-400}{/block:If400SizePosts}
  227.         {block:If500SizePosts}{Photoset-500}{/block:If500SizePosts}
  228.         {/block:indexpage}
  229.         {block:permalinkpage}{Photoset-500}{/block:permalinkpage}
  230.         </div>
  231. {/block:Photoset}
  232.  
  233. {block:Quote}
  234.         <div id="post">
  235.         <div id="quote">{Quote}</div>
  236.         {block:Source}<div align="right">- {Source}</div>{/block:Source}
  237.         </div>
  238. {/block:Quote}
  239.        
  240. {block:Link}
  241. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  242.         <div id="post">
  243.         {block:Description}{Description}{/block:Description}
  244.         </div>
  245. {/block:Link}
  246.  
  247. {block:Chat}
  248. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  249.         <div id="post">
  250.         {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  251.         </div>
  252. {/block:Chat}
  253.  
  254. {block:Audio}
  255.         <div id="post">
  256.         {block:indexpage}
  257.        
  258.         <div id="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" style="float:left;">{/block:AlbumArt}</div>
  259.         <div id="audio"> <div id="player">{AudioPlayerWhite} </div>
  260.         {block:TrackName}<h3><b>Title:</b> {TrackName}</h3>{/block:TrackName}
  261.          {block:Artist}<h3><b>Artist:</b> {Artist}</h3>{/block:Artist}
  262.         {block:PlayCount}<h3><i>{PlayCountWithLabel}</i></h3>{/block:PlayCount}
  263.         </div>
  264.         {/block:IndexPage}
  265.        
  266.         {block:PermalinkPage}
  267.          <div id="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" style="float:left;">{/block:AlbumArt}</div>
  268.         <div id="audio"> <div id="playerprm">{AudioPlayerWhite} </div>
  269.         {block:TrackName}<h3><b>Title:</b> {TrackName}</h3>{/block:TrackName}
  270.          {block:Artist}<h3><b>Artist:</b> {Artist}</h3>{/block:Artist}
  271.          {block:Album}<h3><b>Album:</b> {Album}</h3>{/block:Album}
  272.         {block:PlayCount}<h3><i>{PlayCountWithLabel}</i></h3>{/block:PlayCount}</div>
  273.         {/block:PermalinkPage}
  274.         </div>
  275. {/block:Audio}
  276.  
  277. {block:Video}
  278.         <div id="post">
  279.         {block:indexpage}{block:If250SizePosts}{Video-250}{/block:If250SizePosts}
  280.         {block:If400SizePosts}{Video-400}{/block:If400SizePosts}
  281.         {block:If500SizePosts}{Video-500}{/block:If500SizePosts}{/block:indexpage}
  282.         {block:permalinkpage}{Video-500}{/block:permalinkpage}
  283.         </div>
  284. {/block:Video}
  285.  
  286. {block:Answer}
  287.         <div id="post"{block:PermalinkPage} style="min-height:70px!important;"{/block:PermalinkPage}>
  288.        <div id="askr"><img src="{AskerPortraitURL-128}" class="askr">
  289.         {Asker} <b>asked: </b>{Question} </div>
  290.         <p>{Answer}</p>
  291.         </div>
  292. {/block:Answer}
  293.  
  294.  
  295.         {block:ifshowcaptions}
  296.         {block:indexpage}
  297.         {block:caption}
  298.         <div id="caption">{caption}</div>
  299.         {/block:caption}
  300.         {/block:indexpage}
  301.         {/block:ifshowcaptions}
  302.        
  303.         {block:permalinkpage}
  304.         {block:caption}
  305.         <div id="caption">{caption}</div>
  306.         {/block:caption}
  307.         {/block:permalinkpage}
  308.        
  309.         {block:IndexPage}<div id="prm"><a href="{Permalink}">{DayofMonthwithZero} {ShortMonth} {Year}</a><a href="{ReblogURL}">Reblog</a><a href="#nogo" style="float:right;">{LikeButton color="grey" size="13"}</a></div>{/block:IndexPage}
  310.  
  311. <!--{block:RebloggedFrom} - <a href="{ReblogParentURL}">{ReblogParentName}</a> - <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</a> {block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} -->
  312.  
  313. {block:PermalinkPage}
  314.    
  315.     <div id="prmanfo">
  316.     <div id="src">
  317.     {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">SOURCE</a>{/block:ContentSource}{block:Date}<a href="#nogo">{DayofMonthwithZero} {ShortMonth} {Year} @ {12Hour}:{Minutes}{CapitalAmPm}</a>{/block:Date}{block:NoteCount}<a href="#nogo">{NoteCountwithLabel}</a>{/block:NoteCount}
  318.     </div>
  319.        
  320.     {block:HasTags}<div id="tgs">TAGS: {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  321.  
  322.     </div>
  323. </div>
  324.  {block:PostNotes}
  325.                 <div id="note">{PostNotes}</div>
  326.         {/block:PostNotes}
  327. {/block:PermalinkPage}
  328.  {block:IndexPage}</div>{/block:IndexPage}
  329.  
  330.  
  331. {/block:Posts}
  332. </div></div>
  333. </body>
  334. </html>
RAW Paste Data
Top