SHARE
TWEET

Tumblr theme 043

ettudisthemes Dec 27th, 2012 11,705 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  5. {block:Description}
  6. <meta name="Description" content="{MetaDescription}" />
  7. {/block:Description}
  8. <link rel="shortcut icon" href="{favicon}" />
  9.  
  10.  
  11. <meta name="color:background" content="#FFFFFF">
  12.  
  13. <meta name="color:blockquote border 1" content="#DDDDDD">
  14. <meta name="color:blockquote border 2" content="#EEEEEE">
  15.  
  16. <meta name="color:blog title" content="#FFFFFF" />
  17. <meta name="color:blog title bg" content="#000000" />
  18. <meta name="color:blog title shadow 1" content="#FFFFFF" />
  19. <meta name="color:blog title shadow 2" content="#FFFFFF" />
  20.  
  21. <meta name="color:extra link" content="#666666" />
  22. <meta name="color:extra link bg" content="#121212" />
  23. <meta name="color:extra link hover" content="#AAAAAA" />
  24. <meta name="color:extra link hover shadow 1" content="#555555" />
  25. <meta name="color:extra link hover shadow 2" content="#555555" />
  26.  
  27. <meta name="color:info link" content="#FFFFFF" />
  28. <meta name="color:info link bg" content="#000000" />
  29. <meta name="color:info text" content="#000000" />
  30.  
  31.  
  32. <meta name="color:menu link" content="#000000" />
  33. <meta name="color:menu link bg" content="#FFFFFF" />
  34. <meta name="color:menu link border" content="#000000" />
  35. <meta name="color:menu link hover" content="#FFFFFF" />
  36. <meta name="color:menu link hover bg" content="#000000" />
  37.  
  38. <meta name="color:notes" content="#333333" />
  39. <meta name="color:notes icon border" content="#FFFFFF" />
  40.  
  41.  
  42. <meta name="color:permalink text" content="#AAAAAA" />
  43. <meta name="color:permalink text link" content="#000000" />
  44. <meta name="color:permalink text link hover" content="#DDDDDD" />
  45. <meta name="color:permalink hover" content="#FFFFFF" />
  46. <meta name="color:permalink hover bg" content="#000000" />
  47.  
  48. <meta name="color:post bg" content="#F7F7F7" />
  49. <meta name="color:post link" content="#FFFFFF" />
  50. <meta name="color:post link bg" content="#000000" />
  51. <meta name="color:post link hover shadow 1" content="#FFFFFF" />
  52. <meta name="color:post link hover shadow 2" content="#FFFFFF" />
  53. <meta name="color:post text" content="#000000" />
  54. <meta name="color:post title" content="#000000" />
  55.  
  56. <meta name="color:tags" content="#666666" />
  57. <meta name="color:tags link" content="#AAAAAA" />
  58. <meta name="color:tags link hover" content="#EEEEEE" />
  59.  
  60. <meta name="color:sidebar bg" content="#000000" />
  61. <meta name="color:sidebar description" content="#CCCCCC" />
  62. <meta name="color:sidebar image border" content="#000000" />
  63.  
  64. <meta name="color:scrollbar thumb" content="#000000" />
  65. <meta name="color:scrollbar track" content="#FFFFFF" />
  66.  
  67. <meta name="if:show captions" content="0"/>
  68.  
  69.  
  70. <meta name="image:background" content"">
  71. <meta name="image:sidebar" content"http://25.media.tumblr.com/tumblr_mdq1h1WuZC1qzyo5vo1_1280.jpg">
  72. <meta name="image:sidebar bg" content"http://25.media.tumblr.com/tumblr_lpm4nokdvx1qhvdofo3_400.png">
  73.  
  74. <meta name="text:Link 1" content="" />
  75. <meta name="text:Link 1 Title" content="" />
  76. <meta name="text:Link 2" content="" />
  77. <meta name="text:Link 2 Title" content="" />
  78. <meta name="text:Link 3" content="" />
  79. <meta name="text:Link 3 Title" content="" />
  80. <meta name="text:Link 4" content="" />
  81. <meta name="text:Link 4 Title" content="" />
  82. <meta name="text:Link 5" content="" />
  83. <meta name="text:Link 5 Title" content="" />
  84.  
  85. <link href='http://fonts.googleapis.com/css?family=Share+Tech+Mono' rel='stylesheet' type='text/css'>
  86.  
  87. <style type="text/css">
  88. body {background:{color:background} url({image:background});margin:0px;padding:10px;}
  89. :hover {-WEBKIT-TRANSITION: ALL 0.5S EASE;-MOZ-TRANSITION: ALL 0.5S EASE;-O-TRANSITION: ALL 0.5S EASE;}
  90. a {text-decoration:none;}
  91. #nvgation {position:fixed;top:5%;width:210px;height:90%;left:35px;padding:0;background: {color:sidebar bg} url({image:sidebar bg});}
  92. #ttl {text-align:center;margin:5px;margin-top:20px!Important;}
  93. #ttl a {background:{color:blog title bg};padding:0px 5px;color:{color:blog title};text-transform:lowercase;font:13px share tech mono;letter-spacing:2px;}
  94. #ttl a:hover {text-shadow: 2px 0 .2px {color:blog title shadow 1}, -2px 0 .2px {color:blog title shadow 2};}
  95. #nvga a{background:{color:menu link bg};padding:5px;border-top:3px solid {color:menu link border};color:{color:menu link};font:11px/11px share tech mono;}
  96. #nvga a:hover {background:{color:menu link hover bg};color:{color:menu link hover};text-decoration:line-through;}
  97. #menu {margin:auto;width:160px;text-align:center;}
  98. #menu a{margin:1px;background:{color:extra link bg};color:{color:extra link};text-transform:uppercase;letter-spacing:2px;font:8px calibri, arial, helvetica;}
  99. #menu a:hover {background:none;color:{color:extra link hover};text-shadow: 2px 0 .2px {color:extra link hover shadow 1}, -2px 0 .2px {color:extra link hover shadow 2};}
  100. .simg {width:150px;border:15px solid {color:sidebar image border};}
  101. #desc {letter-spacing:1px;color:{color:sidebar description};text-transform:uppercase;font:8px/14px calibri;padding:0px 20px;text-align:center;}
  102. #content {position:absolute;overflow-y:scroll;height:90%;top:5%;left:246px;font:10px/16px calibri, arial, helvetica;padding-right:1px;{block:indexpage}width:815px;{/block:indexpage}{block:permalinkpage}width:533px;{/block:permalinkpage}}
  103. div.container{color:{color:post text};margin:1px;background:{color:post bg};{block:indexpage}width:264px;{/block:indexpage}{block:permalinkpage}width:514px;{/block:permalinkpage}}
  104. #prmanfo {margin:1px;width:514px;padding:15px 0px;text-align:center;font:bold 10px/16px calibri, arial, helvetica;color:{color:info text};}
  105. #rblg {text-transform:uppercase;}
  106. #rblg a{background:{color:info link bg};font:14px/16px share tech mono!important;text-transform:uppercase;color:{color:info link};}
  107. #rblg a:hover {background:none;color:{color:info link bg};}
  108. #tgs {margin:0px auto;width:400px;font-weight:normal!important;font-style:italic;color:{color:tags}!important;}
  109. #tgs a {font:bold 10px/16px calibri, arial, helvetica;color:{color:tags link};text-transform:uppercase;}
  110. #tgs a:hover {color:{color:tags link hover};}
  111. #note {margin:1px;background:{color:post bg};width:514px;padding:15px 0px;}
  112. #note a{color:{color:notes};font:bold 9px calibri;text-transform:uppercase;}
  113. ol.notes {padding: 0px;margin: 0px; list-style-type: none!important;}
  114. ol.notes li.note img.avatar {border:5px solid {color:notes icon border};margin-bottom:5px;vertical-align: -15px;margin-left:5px;}
  115. h1 {font:12px/16px share tech mono;margin:10px;margin-bottom:0px!important;padding-bottom:0px!Important;}
  116. h1 a{color:{color:post title};}
  117. #quote {font:12px/11px share tech mono;}
  118. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  119. #infscr-loading {display:none;}
  120. .navigation {display:none!important;}
  121. .container{float:left;overflow:hidden;position:relative;}
  122. #post {padding:10px;}
  123. #post a{color:{color:post link};background:{color:post link bg};font-size:8px;line-height:16px;text-transform:uppercase;letter-spacing:2px;padding:0px 3px;}
  124. #post a:hover {text-shadow: 2px 0 .2px {color:post link hover shadow 1}, -2px 0 .2px {color:post link hover shadow 2};}
  125. blockquote, code, pre {margin:0px 5px;padding:2px 10px;border-left:1px solid {color:blockquote border 1};border-bottom:1px solid {color:blockquote border 1};}
  126. #audio {background:#000;width:250px;}
  127. .container:hover #nfo {opacity:1;}
  128. #hvr {padding:7px;}
  129. #nfo {-WEBKIT-TRANSITION: ALL 0.5S EASE;-MOZ-TRANSITION: ALL 0.5S EASE;-O-TRANSITION: ALL 0.5S EASE;opacity:0;height:100%;overflow:hidden;position:absolute;float:left;font:10px/11px share tech mono;padding:12px 7px;color:{color:permalink color};width:250px;background:rgba(255, 255, 255, 0.9);}
  130. #nfo a{color:{color:permalink hover};background:{color:permalink hover bg};padding:0px 3px;}
  131. #nfo a:hover {text-decoration:line-through;}
  132. {block:indexpage}img {max-width:250px;}{/block:indexpage}
  133. h3 {font:10px/16px calibri, arial, helvetica;color:#FFF;background:#000;margin-top:1px!important;margin:0px;}
  134. #prm {letter-spacing:1px;font:8px/16px calibri, arial, helvetica;text-align:right;padding:0px;color:{color:permalink text};}
  135. #prm a{color:{color:permalink text link};text-transform:uppercase;}
  136. #prm a:hover {color:{color:permalink text link hover};}
  137. #nav a{padding:5px; color:{color:blog title};background:{color:blog title bg};text-transform:uppercase;letter-spacing:1px;font:11px/11px share tech mono;}
  138. #nav a:hover{background:none;color:{color:blog title bg};}
  139. #nav {font:8px/16px calibri, arial, helvetica;position:absolute;bottom:0px;width:209px;}
  140. ::-webkit-scrollbar {width:7px; height:7px;}
  141. ::-webkit-scrollbar-track {background-color:{color:scrollbar track};}
  142. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar thumb};}
  143. ::-webkit-scrollbar:double-button {background-color:{color:scrollbar thumb};}
  144. ::-webkit-scrollbar-track-piece{background-color:{color:scrollbar track};}
  145. ::-webkit-scrollbar-thumb:vertical{background-color:{color:scrollbar thumb};}
  146. </style>
  147. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  148. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  149. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  150. <script type="text/javascript">
  151.  $(window).load(function () {
  152.  $('#content').masonry(),
  153. $('.masonryWrap').infinitescroll({
  154. itemSelector : ".container",
  155.  navSelector : "div.navigation",
  156.  nextSelector : ".navigation a#next",
  157.  bufferPx : 10000,
  158.  extraScrollPx: 10000,
  159.  loadingImg : "",
  160.  loadingText : "",
  161.  },
  162.  function() { $('#content').masonry({ appendedContent: $(this) });
  163. });
  164.  });</script>
  165. </head>
  166. <body>
  167. <div id="nvgation">
  168.     <div id="ttl"><a href="/">{Title}</a></div>
  169.     <p align="center">
  170.     {block:ifsidebarimage}<img class="simg" src="{image:sidebar}">{/block:ifsidebarimage}</p>
  171.     <div id="nvga">
  172.     <p align="center">
  173.     <a href="/">home</a>
  174.     <a href="/ask">ask</a>
  175.     <a href="/archive">history</a>
  176.     <a href="http://ettudis.three-words.net">design</a>
  177.     </p>
  178.     </div>
  179.     <div id="desc"><font style="background:#000;">{Description}</font></div>
  180.     <div id="menu">
  181. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  182.             {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  183.             {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  184.             {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  185.             {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  186.     </div>
  187.     <div id="nav"><p align="center">
  188. {block:Pagination}
  189. {block:PreviousPage}<a href="{PreviousPage}" style="float:left;">prev</a>{/block:PreviousPage}
  190. {block:NextPage}<a href="{NextPage}" style="float:right;">next</a>{/block:NextPage}
  191. {/block:Pagination}</p>
  192. </div>
  193.    
  194. </div>
  195. <div id="content">
  196. {block:Posts}
  197. <div class="container">
  198.  
  199. {block:Text}
  200.         <div id="hvr">
  201.         {block:Title}<h1>{Title}</h1>{/block:Title}
  202.         <div id="post">{Body}</div>
  203.         <div id="prm"><a href="{Permalink}">{DayofMonthwithZero} {ShortMonth} {Year}</a> / <a href="{ReblogURL}">Reblog</a></div>
  204.         </div>
  205. {/block:Text}
  206.  
  207. {block:Photo}
  208.         {block:IndexPage}
  209.         <div id="nfo">
  210.         <a href="{Permalink}">{DayofMonthwithZero} {ShortMonth} {Year}</a><br>
  211.         <a href="{ReblogURL}">Reblog</a>
  212.         </div>
  213.         {/block:IndexPage}
  214.  
  215.         <div id="hvr">
  216.         {block:indexpage}<img src="{PhotoURL-250}" />{/block:indexpage}
  217.         {block:permalinkpage}<img src="{PhotoURL-500}" />{/block:permalinkpage}
  218.         {block:ifshowcaptions}
  219.         {block:indexpage}
  220.         {block:caption}
  221.         <div id="post">
  222.         <span class="caption">{caption}</span>
  223.         </div>
  224.         {/block:caption}
  225.         {/block:indexpage}
  226.         {/block:ifshowcaptions}
  227.         {block:permalinkpage}
  228.         {block:caption}
  229.         <div id="post">
  230.         <span class="caption">{caption}</span>
  231.         </div>
  232.         {/block:caption}
  233.         {/block:permalinkpage}
  234.         </div>
  235. {/block:Photo}
  236.  
  237. {block:Photoset}        
  238.         <div id="hvr">
  239.         {block:indexpage}{Photoset-250}{/block:indexpage}
  240.         {block:permalinkpage}{Photoset-500}{/block:permalinkpage}
  241.         {block:ifshowcaptions}
  242.         {block:indexpage}
  243.         {block:caption}
  244.         <div id="post">
  245.         <span class="caption">{caption}</span>
  246.         </div>
  247.         {/block:caption}
  248.         {/block:indexpage}
  249.         {/block:ifshowcaptions}
  250.         {block:permalinkpage}
  251.         {block:caption}
  252.         <div id="post">
  253.         <span class="caption">{caption}</span>
  254.         </div>
  255.         {/block:caption}
  256.         {/block:permalinkpage}
  257.         <div id="prm"><a href="{Permalink}">{DayofMonthwithZero} {ShortMonth} {Year}</a> / <a href="{ReblogURL}">Reblog</a></div>
  258.         </div>
  259. {/block:Photoset}
  260.  
  261. {block:Quote}
  262.         <div id="hvr">
  263.         <div id="post">
  264.         <div id="quote">{Quote}</div>
  265.         {block:Source}<div align="right">- {Source}</div>{/block:Source}
  266.         </div>
  267.         <div id="prm"><a href="{Permalink}">{DayofMonthwithZero} {ShortMonth} {Year}</a> / <a href="{ReblogURL}">Reblog</a></div>
  268.         </div>
  269. {/block:Quote}
  270.  
  271. {block:Link}
  272.         <div id="hvr">
  273.         <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  274.         {block:Description}<div id="post">{Description}</div>{/block:Description}
  275.         <div id="prm"><a href="{Permalink}">{DayofMonthwithZero} {ShortMonth} {Year}</a> / <a href="{ReblogURL}">Reblog</a></div>
  276.         </div>
  277. {/block:Link}
  278.  
  279. {block:Chat}
  280.         <div id="hvr">
  281.         {block:Title}<h1>{Title}</h1>{/block:Title}
  282.         <div id="post">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  283.         <div id="prm"><a href="{Permalink}">{DayofMonthwithZero} {ShortMonth} {Year}</a> / <a href="{ReblogURL}">Reblog</a></div>
  284.         </div>
  285. {/block:Chat}
  286.  
  287. {block:Audio}
  288.         <div id="hvr">
  289.         {block:indexpage}
  290.         {block:AlbumArt}<img src="{AlbumArtURL}" width="250">{/block:AlbumArt}
  291.         <div id="audio">{AudioPlayerBlack}</div>{/block:indexpage}
  292.         {block:permalinkpage}
  293.         {block:AlbumArt}<div style="height:100%;float:left;margin-right:7px;"><img src="{AlbumArtURL}" width="97"></div>{/block:AlbumArt}<div style="margin-left:7px;background:#000;padding:7px;">{AudioPlayerBlack}</div>
  294.         {block:TrackName}<h3><b><i>Title:</i></b> {TrackName}</h3>{/block:TrackName}
  295.     {block:Artist}<h3><b><i>Artist:</i></b> {Artist}</h3>{/block:Artist}
  296.     <h3><b><i>Plays:</i></b> {PlayCount}</h3>{/block:permalinkpage}
  297.         {block:ifshowcaptions}
  298.         {block:indexpage}
  299.         {block:caption}
  300.         <div id="post">
  301.         <span class="caption">{caption}</span>
  302.         </div>
  303.         {/block:caption}
  304.         {/block:indexpage}
  305.         {/block:ifshowcaptions}
  306.         {block:permalinkpage}
  307.         {block:caption}
  308.         <div id="post">
  309.         <span class="caption">{caption}</span>
  310.         </div>
  311.         {/block:caption}
  312.         {/block:permalinkpage}
  313.         <div id="prm"><a href="{Permalink}">{DayofMonthwithZero} {ShortMonth} {Year}</a> / <a href="{ReblogURL}">Reblog</a></div>
  314.         </div>
  315. {/block:Audio}
  316.  
  317. {block:Video}
  318.         <div id="hvr">
  319.         {block:indexpage}{Video-250}{/block:indexpage}
  320.         {block:permalinkpage}{Video-500}{/block:permalinkpage}
  321.         {block:ifshowcaptions}
  322.         {block:indexpage}
  323.         {block:caption}
  324.         <div id="post">
  325.         <span class="caption">{caption}</span>
  326.         </div>
  327.         {/block:caption}
  328.         {/block:indexpage}
  329.         {/block:ifshowcaptions}
  330.         {block:permalinkpage}
  331.         {block:caption}
  332.         <div id="post">
  333.         <span class="caption">{caption}</span>
  334.         </div>
  335.         {/block:caption}
  336.         {/block:permalinkpage}
  337.         <div id="prm"><a href="{Permalink}">{DayofMonthwithZero} {ShortMonth} {Year}</a> / <a href="{ReblogURL}">Reblog</a></div>
  338.         </div>
  339. {/block:Video}
  340.  
  341. {block:Answer}
  342.         <div id="hvr">
  343.         <div id="post">
  344.         {Question} — {Asker}
  345.         <p>{Answer}</p>
  346.         </div>
  347.         <div id="prm"><a href="{Permalink}">{DayofMonthwithZero} {ShortMonth} {Year}</a> / <a href="{ReblogURL}">Reblog</a></div>
  348.         </div>
  349. {/block:Answer}
  350. <!--{block:RebloggedFrom} - <a href="{ReblogParentURL}">{ReblogParentName}</a> - <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</a> {block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} -->
  351.  
  352. </div>
  353. {block:PermalinkPage}
  354. <div id="prmanfo"><div id="rblg">{block:RebloggedFrom} <a href="{ReblogParentURL}">VIA {ReblogParentName}</a>{/block:RebloggedFrom}
  355.     {block:ContentSource}<br><a href="{SourceURL}">ORIGINALLY {SourceTitle}</a> {/block:ContentSource} <br>Posted on {DayofMonthwithZero} {ShortMonth} {Year}, with {NoteCountwithLabel}</div>
  356.     {block:HasTags}<div id="tgs">tagged with {block:Tags}<a href="{TagURL}">{Tag}</a> <font style="font-size:6px;">-</font> {/block:Tags}</div>{/block:HasTags}
  357. </div>
  358.  {block:PostNotes}
  359.                 <div id="note">{PostNotes}</div>
  360.         {/block:PostNotes}
  361. {/block:PermalinkPage}
  362. {/block:Posts}
  363. </div>
  364. </body>
  365. </html>
RAW Paste Data
Top