API tools faq
paste
Advertisement
ettudisthemes

Tumblr theme 043

ettudisthemes
Dec 27th, 2012
12,085
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.21 KB | None | 0 0
raw download clone embed print report
  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>
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!