API tools faq
paste
Advertisement
ettudis

tumblr theme 012

ettudis
Jun 30th, 2011
4,578
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.02 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 012 (c) by Ans by ETTUDIS [http://ettudis.three-words.net]
  3. CONTACT INFO [email: admin@ettudis.three-words.net]
  4. FOLLOW THEME BLOG [http://ettudis.tumblr.com]
  5. TERMS OF USE [http://ettudis.tumblr.com/post/8327340215/terms-of-usage]
  6. -->
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  12. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <meta name="color:background" content="#EFEFEF" />
  16. <meta name="color:borders" content="#202020" />
  17. <meta name="color:title" content="#565656" />
  18. <meta name="color:title hover" content="#BDBDBD" />
  19. <meta name="color:sidebar background" content="#E0E0E0" />
  20. <meta name="color:sidebar text" content="#999999" />
  21. <meta name="color:sidebar link" content="#333333" />
  22. <meta name="color:sidebar linkhover" content="#501300" />
  23. <meta name="color:topbar" content="#000000" />
  24. <meta name="color:post background" content="#fafafa" />
  25. <meta name="color:post text" content="#999999" />
  26. <meta name="color:post text link" content="#666666" />
  27. <meta name="color:blockquote" content="#FEFEFE" />
  28. <meta name="text:body font" content="consolas, monospace, sans-serif"/>
  29. <meta name="text:title font" content="georgia"/>
  30. <meta name="text:link font" content="times new roman, serif"/>
  31. <meta name="text:Link 1 Title" content="" />
  32. <meta name="text:Link 1" content="" />
  33. <meta name="text:Link 2 Title" content="" />
  34. <meta name="text:Link 2" content="" />
  35. <meta name="text:Link 3 Title" content="" />
  36. <meta name="text:Link 3" content="" />
  37. <meta name="text:Link 4 Title" content="" />
  38. <meta name="text:Link 4" content="" />
  39. <meta name="text:Link 5 Title" content="" />
  40. <meta name="text:Link 5" content="" />
  41. <meta name="text:previous button" content="backward"/>
  42. <meta name="text:next button" content="forward"/>
  43. <meta name="image:background" content=""/>
  44. <meta name="image:side" content=""/>
  45. <meta name="image:topbar background" content=""/>
  46. <meta name="image:post background" content=""/>
  47. <meta name="if:sidebar fixed" content="0"/>
  48. <meta name="if:Show pagination" content="0"/>
  49. <meta name="if:Infinite scrolling" content="0"/>
  50. {block:ifinfinitescrolling}<script type="text/javascript" src="http://ettudis.three-words.net/js/infinitescroll.js"></script>{/block:ifinfinitescrolling}
  51. {block:IfGradualFade}<script type="text/javascript" src="http://ettudis.three-words.net/gradualfader.js">
  52.  
  53. /***********************************************
  54. * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  55. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  56. * This notice must stay intact for legal use
  57. ***********************************************/
  58.  
  59. </script>{/block:IfGradualFade}
  60.  
  61.  
  62.  
  63. <style type="text/css">
  64. body {
  65. margin: 0px;
  66. padding:0px;
  67. background:{color:background} url('{image:background}') fixed;
  68. font-family: {text:body font};
  69. }
  70. a {
  71. text-decoration: none;
  72. color: {color:post text link};
  73. }
  74. #title {
  75. padding-top:8px;
  76. padding-right:2px;
  77. }
  78. #title a{
  79. text-align:right;
  80. font-family: {text:title font};
  81. font-style:italic;
  82. color:{color:title};
  83. font-size:15px;
  84. letter-spacing: 5px;
  85. line-height: 30px;
  86. }
  87. #title a:hover {
  88. color: {color:title hover};
  89. }
  90. #sidebar {
  91. font-size:10px;
  92. width: 200px;
  93. z-index: 2;
  94. background: none;
  95. top: 50px;
  96. right: 0px;
  97. color: {color:sidebar text};
  98. letter-spacing: 1px;
  99. }
  100. {block:IfNotSidebarfixed}#sidebar{ position:absolute;}{/block:IfNotSidebarfixed}
  101. {block:IfSidebarfixed}#sidebar{ position:fixed;}{/block:IfSidebarfixed}
  102. #sidebarb{
  103. position:fixed;
  104. font-size:10px;
  105. width: 200px;
  106. z-index: 0;
  107. background: none;
  108. top: 50px;
  109. right: 0px;
  110. height:100%;
  111. letter-spacing: 1px;
  112. background: {color:sidebar background} url('{image:sidebar background}');
  113. }
  114. }
  115. #desc {
  116. width: 100%;
  117.  
  118. }
  119. #desc p{
  120. padding: 7px;
  121. }
  122. #desc a{
  123. font: 10px {text:link font}!important;
  124. color: {color:sidebar link};
  125. }
  126. #desc a:hover{
  127. color: {color:sidebar linkhover};
  128. text-decoration:line-through;
  129. }
  130. .userpic {
  131. border: 3px solid {color:sidebar background};
  132. align:right;
  133. margin: 5px;
  134. float:right;
  135. }
  136. #top {
  137. z-index: 15;
  138. background: {color:topbar} url('{image:topbar background}');
  139. width: 100%;
  140. height: 50px;
  141. position:fixed;
  142. }
  143. .side {
  144. float:left;
  145. margin:3px;
  146. max-height:150px;
  147. width:auto;
  148. border: 5px solid {color:topbar};
  149. }
  150. iframe#tumblr_controls {right:3px !important;
  151. position: fixed !important;
  152. -webkit-transition: opacity 0.8s linear;
  153. opacity: 0.1;
  154. -webkit-transition: all 0.8s ease-out;
  155. -moz-transition: all 0.8s ease-out;
  156. transition: all 0.8s ease-out;}
  157.  
  158. iframe#tumblr_controls:hover{
  159. -webkit-transition: opacity 0.8s linear;
  160. opacity: 1;
  161. -webkit-transition: all 0.4s ease-out;
  162. -moz-transition: all 0.4s ease-out;
  163. transition: all 0.4s ease-out;}
  164.  
  165. #asker {
  166. font-style: italic;
  167. background: {color:blockquote};
  168. }
  169. #asker a{
  170. color: {color:post text link};
  171. }
  172. #quote {
  173. padding: 5px;
  174. font: 11px {text:title font};
  175. text-transform:uppercase;
  176. letter-spacing: 2px;
  177. }
  178. h1 {
  179. font-size: 11px;
  180. text-transform: uppercase;
  181. font-weight:normal;
  182. letter-spacing: 3px;
  183. padding: 0px;
  184. margin: 0px;
  185. color: {color:post text link};
  186. }
  187. h1 a{
  188. text-decoration:none;
  189. color: {color:post text link};
  190. }
  191. h1 a:hover {
  192. color: {color:links hover};
  193. background-color: {Color:background};
  194. }
  195. #entry {
  196. font-size: 10px;
  197. letter-spacing: 1px;
  198. color: {color:post text};
  199. }
  200. #content {
  201. padding: 2px;
  202. top: 5px;
  203. left:5px;
  204. }
  205. #content2{
  206. padding: 7px;
  207.  
  208. font-size: 10px;
  209. letter-spacing: 1px;
  210. color: {color:post text};
  211. background: {color:post background} url('{image:post background}');
  212. }
  213. #stuff a{
  214. color: {Color:post text link};
  215. }
  216. #stuff a:hover {
  217. background-color: {Color:background};
  218. }
  219. #nav {
  220. text-align:center;
  221. font-size:9px;
  222. }
  223. #quotesource {
  224. display: block;
  225. text-align: center;
  226. }
  227. #quotesource a {
  228. font-style: italic;
  229. text-decoration:none;
  230. letter-spacing: 1px;
  231. color: {color:post text link};
  232. }
  233. #quotesource a:hover {
  234. text-decoration:line-through;
  235. }
  236. #chat {
  237. font-style: normal!important;
  238. }
  239. .label {
  240. font-style: italic;
  241. color: {color:header background};
  242. padding-right: 5px;
  243. }
  244. .person1 .label {
  245. padding-right: 5px;
  246. font-style:italic;
  247. color: {color:post text link};
  248. }
  249. ul {
  250. list-style:none;
  251. letter-spacing: 1px;
  252. padding-left: 5px;
  253. }
  254. #audio {
  255. margin-left: 15px;
  256. }
  257. #audiotext {
  258. padding: 0px;
  259. margin-top: 0px;
  260. margin-bottom: 5px;
  261. margin-left: 25px;
  262. text-transform: lowercase;
  263. font-style:italic;
  264. }
  265. #audiotext a {
  266. font-weight: normal;
  267. text-decoration: none;
  268. color: {color:post text link};
  269. }
  270. #audiotext a:hover{
  271. text-decoration: line-through;
  272. }
  273. .caption {
  274. text-transform: lowercase;
  275. text-align: left;
  276. }
  277. #source {
  278. letter-spacing: 0px;
  279. padding-left: 15px;
  280. }
  281. #source a {
  282. color: {color:post text link};
  283. text-transform: lowercase;
  284. }
  285. #source a:hover{
  286. text-decoration: line-through;
  287. }
  288. #notes a{
  289. margin-top: 3px;
  290. display: inline;
  291. text-decoration: none;
  292. padding: 2px;
  293. text-transform: lowercase;
  294. color: {color:post text link};
  295. background: {color:background};
  296. margin: 2px;
  297. }
  298. #post {
  299. margin-bottom: 50px;
  300. }
  301. #text a{
  302. color: {Color:post text link};
  303. }
  304. #text a:hover{
  305. background-color: {Color:background};
  306. }
  307. #nav a{
  308. font: 10px "Times New Roman", Times, serif;
  309. color: {color:sidebar text};
  310. letter-spacing: 1px;
  311. }
  312. #nav a:hover{
  313. color: {color:links hover};
  314. }
  315. #tags a{
  316. color: {Color:post text link};
  317. margin-right: 5px;
  318. }
  319. #tags a:hover{
  320. color: {color:background};
  321. }
  322. #captiona a{
  323. color: {color:post text link};
  324. }
  325. #captiona a:hover{
  326. text-decoration:line-through;
  327. }
  328. #permapage a{
  329. color: {color:post text link};
  330. }
  331. #blah {
  332. font: italic 9px;
  333. text-align:right;
  334. position:absolute;
  335. right:760px;
  336. width:50px;
  337. text-transform:uppercase;
  338. color: {color:sidebar text};
  339. background: {color:sidebar background};
  340. margin: 0px 5px 0px 0px;
  341. padding: 2px 5px 2px 2px;
  342. }
  343. #blah a{
  344. color: {color:sidebar text};
  345. }
  346. ol.notes {
  347. padding: 0px;
  348. margin: 25px 0px;
  349. list-style-type: none;
  350. }
  351. #note a {
  352. color:{color:side image background};
  353. }
  354. blockquote {
  355. background: {color:blockquote};
  356. margin: 20px;
  357. padding: 5px;
  358. }
  359. #lov{
  360. padding:7px;font-size: 11px;letter-spacing: 1px;color: {color:background};background:{color:side image background};
  361. }
  362.  
  363. ul#likes {
  364. list-style-type: none;
  365. margin:10px;
  366. padding: 0 0 0 0;float: left;
  367. text-align: left;
  368.  
  369. }
  370.  
  371. li.like_post {
  372. /* Should match the width specified in the Likes tag */
  373. width: 170px;
  374. margin: 2px;
  375. float: left;background:{color:background};padding: 2px;
  376. }
  377. #likes img{
  378. width: 170px!important;float: left;
  379. }
  380. #likes h1{
  381. font-family: {text:title font};
  382. font-style:italic;
  383. font-size:12px;
  384. letter-spacing: 5px;
  385. line-height: 10px;text-transform:lowercase;text-align: left; border-bottom:2px solid {color:topbar};padding-left:5px;margin:5px;
  386. }
  387. </style>
  388. </head>
  389. <body>
  390. <div id="top"><div id="title" align="right"><a href="/" alt="{Title}">{Title}</a> <img src="{PortraitURL-16}" class="userpic"/></div>
  391. </div>
  392. <div id="sidebarb"></div>
  393. <div id="sidebar">
  394. <div id="desc"><p><img class="side" src="{image:side}" />{block:Description}{Description}{/block:Description}</p>
  395. <p>{block:ifLink1}<a href="{text:Link 1}">&dagger; {text:Link 1 Title}</a><br />
  396. {/block:ifLink1}
  397. {block:ifLink2}<a href="{text:Link 2}">&dagger; {text:Link 2 Title}</a> <br />{/block:ifLink2}
  398. {block:ifLink3}<a href="{text:Link 3}">&dagger; {text:Link 3 Title}</a> <br />{/block:ifLink3}
  399. {block:ifLink4}<a href="{text:Link 4}">&dagger; {text:Link 4 Title}</a> <br />{/block:ifLink4}
  400. {block:ifLink5}<a href="{text:Link 5}">&dagger; {text:Link 5 Title}</a> <br />{/block:ifLink5}
  401. <a href="/archive">archives</a><br />
  402. <a href="/ask">message</a> <br />
  403. <a href="http://ettudis.three-words.net">&copy; theme</a></p>
  404.  
  405.  
  406. {block:Likes} <div id="likes" align="center"><h1>LIKES</h1>{Likes width="170" limit="5" summarize="100"}<br><a href="http://www.tumblr.com/liked/by/{Name}">
  407. see more </div>{/block:Likes}
  408.  
  409. {block:IfNotInfiniteScrolling}
  410. <p align="center">{block:Pagination}
  411. {block:PreviousPage}
  412. <a href="{PreviousPage}">{text:previous button}</a>
  413. {/block:PreviousPage}/
  414.  
  415. {block:ifshowpagination}{block:JumpPagination length="5"}
  416. {block:CurrentPage}
  417. <span class="current_page">{PageNumber}</span>
  418. {/block:CurrentPage}
  419.  
  420. {block:JumpPage}
  421. <a class="jump_page" href="{URL}">{PageNumber}</a>
  422. {/block:JumpPage}
  423. {/block:JumpPagination}{/block:ifshowpagination}
  424.  
  425. /{block:NextPage}
  426. <a href="{NextPage}">{text:next button}</a>
  427. {/block:NextPage}
  428. {/block:Pagination}</p>{/block:IfNotInfiniteScrolling}
  429. </div>
  430. </div>
  431.  
  432. <table width="778" height="100%" border="0" style="margin-top:50px; margin-right:210px;" align="right" >
  433. <tr>
  434. <td width="772" valign="top">{block:Posts}
  435. <table width="550" border="0" align="right" cellspacing="7px">
  436. <tr>
  437. <td id="content">
  438. <div id="content2">
  439. <div id="blah"><a href="{Permalink}">
  440. {block:Date}{DayOfMonthWithZero}<br />{ShortMonth}<br />{ShortYear}{/block:Date}</a> </div>
  441. {block:Text}
  442. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  443. <div id="text" style="width:500px!important; overflow:hidden;">{Body}</div>
  444. {/block:Text}
  445. <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" />{LinkCloseTag}{/block:Photo}</div>
  446. <div align="center">{block:Photoset}{Photoset-500}{/block:Photoset}</div>
  447.  
  448. {block:Quote}
  449. <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  450. <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}</div>
  451. {/block:Quote}
  452.  
  453. {block:Link}
  454. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  455. {block:Description}{Description}{/block:Description}{/block:Link}
  456.  
  457. {block:Chat}{block:Title}
  458. <h1><a href="{Permalink}">{Title}</a></h1>
  459. {/block:Title}
  460. <div id="chat">
  461. <ul>
  462. {block:Lines}
  463. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  464. {/block:Lines}
  465. </ul>
  466. </div>
  467. {/block:Chat}
  468.  
  469. {block:Audio}
  470. <div id="audiotext">{PlayCountWithLabel}</div>
  471. <div id="audio">{AudioPlayerBlack}</div>
  472. <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  473. {/block:Audio}
  474. <div align="center">{block:Video}{Video-500}{/block:Video}</div>
  475. {block:Answer}
  476. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  477. <div id="answer">{Answer}</div>
  478. {/block:Answer}
  479.  
  480. {block:Photo} <div id="captiona" style="overflow:hidden">{block:Caption}
  481. <div class="caption" style="overflow:hidden">{Caption}</div>
  482. {/block:Caption}{/block:Photo}
  483. {block:Video}{block:Caption}
  484. <div class="caption" style="overflow:hidden">{Caption}</div>
  485. {/block:Caption}{/block:Video}
  486. {block:Photoset}{block:Caption}
  487. <div class="caption" style="overflow:hidden">{Caption}</div>
  488. {/block:Caption}</div>{/block:Photoset}
  489. </div></div>
  490. </td>
  491. </tr>
  492. </table>
  493. <table width="550" border="0" align="right" cellspacing="7px">
  494. <tr>
  495. <td style=" padding: 0px;top: 5px;left:5px;"> <div style="padding:7px;font-size: 10px;letter-spacing: 1px;color: {color:post text};background:{color:post background};">{block:PermalinkPage}
  496. <div id="permapage">
  497. <center>{block:NoteCount}({NoteCount}){/block:NoteCount} <font style="font-size:12px!important;">&#9632;</font> {block:Date}posted on {DayOfWeek}, {ShortMonth} {MonthNumber} at {12Hour}:{Minutes} {AmPm}{/block:Date}<br/>{block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}<br />
  498. {block:HasTags}tagged {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</center></div></div>
  499. <div id="content2"><div id="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>
  500. {/block:PermalinkPage}
  501. </td>
  502. </tr>
  503. </table>
  504. {/block:Posts}
  505. </td>
  506. </tr>
  507. </table>
  508. </body>
  509. </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!