API tools faq
paste
Advertisement
ettudis

tumblr theme 004

ettudis
Apr 17th, 2011
6,360
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.69 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 004 (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="#FFFFFF" />
  16. <meta name="color:blockquote" content="#FAFAFA" />
  17. <meta name="color:post background" content="#FFFFFF" />
  18. <meta name="color:post text" content="#999999" />
  19. <meta name="color:post text link" content="#00AD92" />
  20. <meta name="color:sidebar background" content="#f0f0f0" />
  21. <meta name="color:sidebar text" content="#999999" />
  22. <meta name="color:sidebar link" content="#ADADAD" />
  23. <meta name="color:sidebar linkhover" content="#ae8b00" />
  24. <meta name="color:sidebar link border" content="#FFFFFF" />
  25. <meta name="color:title" content="#787878" />
  26. <meta name="color:title hover" content="#333333" />
  27. <meta name="text:Link 1 Title" content="" />
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 2 Title" content="" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 3 Title" content="" />
  32. <meta name="text:Link 3" content="" />
  33. <meta name="text:Link 4 Title" content="" />
  34. <meta name="text:Link 4" content="" />
  35. <meta name="text:Link 5 Title" content="" />
  36. <meta name="text:Link 5" content="" />
  37. <meta name="image:background" content=""/>
  38. <meta name="image:side" content=""/>
  39. <meta name="image:sidebar background" content=""/>
  40. <meta name="image:post background" content=""/>
  41. <meta name="if:sidebar placed bottom" content="1"/>
  42. {block:IfInfiniteScrolling}
  43. <script type="text/javascript" src="http://ettudis.three-words.net/js/infinitescrolling.js"></script>{/block:IfInfiniteScrolling}
  44. {block:IfGradualFade}<script type="text/javascript" src="http://ettudis.three-words.net/gradualfader.js">
  45.  
  46. /***********************************************
  47. * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  48. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  49. * This notice must stay intact for legal use
  50. ***********************************************/
  51.  
  52. </script>{/block:IfGradualFade}
  53.  
  54.  
  55.  
  56. <style type="text/css">
  57. body {
  58. background: {color:background} url('{image:background}');
  59. margin: 0px;
  60. padding: 0px;
  61. background-attachment: fixed;
  62. }
  63. a {
  64. text-decoration: none;
  65. color: {color:post text link};
  66. }
  67. #title {
  68. text-align: center;
  69. padding: 10px 5px;
  70. }
  71. #title a{
  72. font: 16px "Courier New", Courier, monospace;
  73. letter-spacing: 1px;
  74. color: {color:title};
  75. }
  76. #title a:hover {
  77. color: {color:title hover};
  78. }
  79. #sidebarb {
  80. margin: 50px 0px 5px;
  81. position:fixed;
  82. width: 250px;
  83. font: 10px Georgia, "Times New Roman", Times, serif;
  84. color: {color:sidebar text};
  85. }
  86. {block:ifsidebarplacedbottom}#sidebarb { bottom: 0px;}{/block:ifsidebarplacedbottom}
  87. {block:ifnotsidebarplacedbottom}#sidebarb { top: 0px;}{/block:ifnotsidebarplacedbottom}
  88. #sidebar {
  89. -moz-border-radius: 9px;
  90. -webkit-border-radius: 9px;
  91. border-radius: 9px;
  92. background: {color:sidebar background} url('{image:sidebar background}');
  93. }
  94. #nav a{ font: 75px Georgia, "Times New Roman", Times, serif;
  95. color: {color:sidebar text};
  96. }
  97. #nav a:hover {
  98. color: {color:title hover};
  99. }
  100. #desc {
  101. padding-bottom: 15px;
  102. }
  103. #desc p{
  104. padding: 2px 10px;
  105. }
  106. #desc a{
  107. text-align: left;
  108. font: 11px "Courier New", Courier, monospace;
  109. color: {color:sidebar link};
  110. border-bottom: 1px solid {color:sidebar link border};
  111. display: block;
  112. padding-left: 10px;
  113. }
  114. #desc a:hover{
  115. color: {color:sidebar linkhover};
  116. }
  117. .side {
  118. max-width: 200px;
  119. height: auto;
  120. }
  121. iframe#tumblr_controls {right:3px !important;
  122. position: fixed !important;
  123. -webkit-transition: opacity 0.8s linear;
  124. opacity: 0.1;
  125. -webkit-transition: all 0.8s ease-out;
  126. -moz-transition: all 0.8s ease-out;
  127. transition: all 0.8s ease-out;}
  128.  
  129. iframe#tumblr_controls:hover{
  130. -webkit-transition: opacity 0.8s linear;
  131. opacity: 1;
  132. -webkit-transition: all 0.4s ease-out;
  133. -moz-transition: all 0.4s ease-out;
  134. transition: all 0.4s ease-out;}
  135.  
  136. #asker {
  137. font-style: italic;
  138. background: {color:blockquote};
  139. -moz-border-radius: 5px;
  140. -webkit-border-radius: 5px;
  141. border-radius: 5px;
  142. }
  143. #asker a{
  144. color: {color:post text link};
  145. }
  146. #quote {
  147. padding: 5px;
  148. font: 12px/12px "Courier New", Courier, monospace;
  149. text-transform: lowercase;
  150. letter-spacing: 1px;
  151. }
  152. h1 {
  153. font: 12px "Courier New", Courier, monospace;
  154. text-transform:lowercase;
  155. letter-spacing: 1px;
  156. padding: 5px;
  157. margin: 0px;
  158. color: {color:post text};
  159. background: {color:blockquote};
  160. -moz-border-radius: 5px;
  161. -webkit-border-radius: 5px;
  162. border-radius: 5px;
  163. }
  164. h1 a{
  165. text-decoration:none;
  166. color: {color:title};
  167. }
  168. h1 a:hover {
  169. color: {color:sidebar linkhover};
  170. }
  171. #entry {
  172. font-size: 10px;
  173. letter-spacing: 1px;
  174. color: {color:post text};
  175. }
  176. #content2{
  177. overflow:hidden;
  178. width:550;
  179. padding: 7px;
  180. font: 9px Georgia, "Times New Roman", Times, serif;
  181. color: {color:post text};
  182. background: {color:post background} url('{image:post background}');
  183. margin: 15px;
  184. -moz-border-radius: 5px;
  185. -webkit-border-radius: 5px;
  186. border-radius: 5px;
  187. }
  188. #quotesource {
  189. display: block;
  190. text-align: center;
  191. }
  192. #quotesource a {
  193. font-style: italic;
  194. text-decoration:none;
  195. letter-spacing: 1px;
  196. color: {color:sidebar linkhover};
  197. }
  198. #quotesource a:hover {
  199. color: {color:title hover};
  200. }
  201. #chat {
  202. font-style: normal!important;
  203. }
  204. .label {
  205. font-style: italic;
  206. color: {color:sidebar linkhover};
  207. padding-right: 5px;
  208. }
  209. .person1 .label {
  210. padding-right: 5px;
  211. font-style:italic;
  212. color: {color:post text link};
  213. }
  214. ul {
  215. list-style:none;
  216. padding-left: 5px;
  217. }
  218. #audio {
  219. margin-left: 15px;
  220. }
  221. #audiotext {
  222. padding: 0px;
  223. margin-top: 0px;
  224. margin-bottom: 5px;
  225. margin-left: 25px;
  226. text-transform: lowercase;
  227. font-style:italic;
  228. }
  229. #audiotext a {
  230. font-weight: normal;
  231. text-decoration: none;
  232. color: {color:title hover};
  233. }
  234. #audiotext a:hover{
  235. color: {color:sidebar linkhover};
  236. }
  237. .caption {
  238. text-transform: lowercase;
  239. text-align: left;
  240. }
  241. #source {
  242. letter-spacing: 0px;
  243. padding-left: 15px;
  244. }
  245. #source a {
  246. color: {color:post text link};
  247. text-transform: lowercase;
  248. }
  249. #source a:hover{
  250. color: {color:title hover};
  251. }
  252. #notes a{
  253. margin-top: 3px;
  254. display: inline;
  255. text-decoration: none;
  256. padding: 2px;
  257. text-transform: lowercase;
  258. color: {color:post text link};
  259. background: {color:background};
  260. margin: 2px;
  261. }
  262. #post {
  263. margin-bottom: 50px;
  264. }
  265. #text a{
  266. color: {Color:post text link};
  267. }
  268. #text a:hover{
  269. color: {color:title hover};
  270. background-color: {color:blockquote};
  271. }
  272. #tags a{
  273. color: {Color:post text link};
  274. margin-right: 5px;
  275. }
  276. #tags a:hover{
  277. color: {color:background};
  278. }
  279. #captiona a{
  280. color: {color:post text link};
  281. }
  282. #captiona a:hover{
  283. color: {color:title hover};
  284. }
  285. ol.notes {
  286. font-size:9px;
  287. font-weight: normal;
  288. }
  289. ol.notes li.note {
  290. border-top: 0px;
  291. }
  292.  
  293. ol.notes li.note img.avatar {
  294. border:0px;
  295. width: 16px;
  296. height: 16px;
  297. }
  298.  
  299. ol.notes li.note span.action {
  300. font-weight: normal;
  301. }
  302.  
  303. ol.notes li.note .answer_content {
  304. font-weight: normal;
  305. }
  306.  
  307. ol.notes li.note blockquote a {
  308. text-decoration: none;
  309. }
  310. #note a {
  311. color:{color:title hover}!important;
  312. }
  313. blockquote {
  314. background: {color:blockquote};
  315. margin: 20px;
  316. padding: 5px;
  317. -moz-border-radius: 5px;
  318. -webkit-border-radius: 5px;
  319. border-radius: 5px;
  320. }
  321. #date {
  322. font: 16px "Courier New", Courier, monospace;
  323. letter-spacing: 1px;
  324. color: {color:title};
  325. margin: 15px 0px;
  326. padding: 0px;
  327. }
  328. #date a{
  329. color: {color:title};
  330. }
  331. #date a:hover{
  332. color: {color:sidebar linkhover};
  333. }
  334. #permapage {
  335. width: 550;
  336. padding:7px;
  337. font: 9px Georgia, "Times New Roman", Times, serif;
  338. margin: 15px 15px 15px 25px;
  339. -moz-border-radius: 5px;
  340. -webkit-border-radius: 5px;
  341. border-radius: 5px;
  342. color: {color:post text};
  343. background: {color:post background} url('{image:post background}');
  344. }
  345. #permapage a{
  346. color: {color:post text link};
  347. }
  348. </style>
  349. </head>
  350. <body>
  351. <table width="100%" border="0">
  352. <tr>
  353. <td align="center" valign="top">
  354. <table width="860px" border="0">
  355. <tr>
  356. <td width="610px" align="left" valign="top">{block:Posts}
  357. <table width="100%" border="0" cellpadding="0" cellspacing="0">
  358. <tr>
  359. <td width="10px" align="right" valign="top"><div id="date"><a href="{Permalink}">+</a></div></td>
  360. <td width="600px" align="left" valign="top"><div id="content2">
  361. {block:Text}
  362. <h1>{{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}}</h1>
  363. <div id="text">{Body}</div>
  364. {/block:Text}
  365. <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" />{LinkCloseTag}{/block:Photo}</div>
  366. <div align="center">{block:Photoset}{Photoset-500}{/block:Photoset}</div>
  367.  
  368. {block:Quote}
  369. <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  370. <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}</div>
  371. {/block:Quote}
  372.  
  373. {block:Link}
  374. <h1>{<a href="{URL}" {Target}>{Name}</a>}</h1>
  375. {block:Description}{Description}{/block:Description}{/block:Link}
  376.  
  377. {block:Chat}{block:Title}
  378. <h1>{<a href="{Permalink}">{Title}</a>}</h1>
  379. {/block:Title}
  380. <div id="chat">
  381. <ul>
  382. {block:Lines}
  383. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  384. {/block:Lines}
  385. </ul>
  386. </div>
  387. {/block:Chat}
  388.  
  389. {block:Audio}
  390. <div id="audiotext">{PlayCountWithLabel}</div>
  391. <div id="audio">{AudioPlayerBlack}</div>
  392. <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  393. {/block:Audio}
  394. <div align="center">{block:Video}{Video-500}{/block:Video}</div>
  395. {block:Answer}
  396. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  397. <div id="answer">{Answer}</div>
  398. {/block:Answer}
  399.  
  400. {block:Photo} <div id="captiona" style="overflow:hidden">{block:Caption}
  401. <div class="caption" style="overflow:hidden">{Caption}</div>
  402. {/block:Caption}{/block:Photo}
  403. {block:Video}{block:Caption}
  404. <div class="caption" style="overflow:hidden">{Caption}</div>
  405. {/block:Caption}{/block:Video}
  406. {block:Photoset}{block:Caption}
  407. <div class="caption" style="overflow:hidden">{Caption}</div>
  408. {/block:Caption}</div>{/block:Photoset}
  409. </div></div></td>
  410. </tr>
  411. </table>{block:PermalinkPage}
  412. <table width="600" border="0" align="left" cellpadding="0" cellspacing="0">
  413. <tr>
  414. <td width="550" style="padding: 0px; top: 5px;">
  415. <div id="permapage">
  416. <center>
  417. {block:NoteCount}&#12300;{NoteCount}&#12301;{/block:NoteCount} - {block:Date}posted on {DayOfWeek}, {ShortMonth} {MonthNumber} at {12Hour}:{Minutes} {AmPm}{/block:Date}<br/>
  418. {block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}<br />
  419. {block:HasTags}tagged {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</center></div>
  420. {block:PostNotes}<div id="permapage"><div id="note">{PostNotes}</div></div>{/block:PostNotes}
  421.  
  422. </td>
  423. </tr>
  424. </table>{/block:PermalinkPage}
  425. {/block:Posts}
  426. </td>
  427. <td width="250px">
  428. <div id="sidebarb">
  429. {block:ifsidebarplacedbottom}<div id="nav">
  430. {block:Pagination}
  431. {block:PreviousPage}
  432. <a href="{PreviousPage}">&laquo;</a>
  433. {/block:PreviousPage}{block:NextPage}
  434. <a href="{NextPage}">&raquo;</a>
  435. {/block:NextPage}
  436. {/block:Pagination}
  437. </div>{/block:ifsidebarplacedbottom}
  438. <div id="sidebar">
  439. <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  440. <div id="side">
  441. <div align="center"><img class="side" src="{image:side}" /></div>
  442. </div>
  443. <div id="desc"><p>{block:Description}{Description}{/block:Description}</p>
  444.  
  445. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  446. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  447. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  448. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  449. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  450. <a href="/archive">archives</a>
  451. <a href="/ask">message</a>
  452. <a href="http://ettudis.three-words.net">&copy; theme</a></div>
  453. </div>
  454. {block:ifnotsidebarplacedbottom}<div id="nav">
  455. {block:Pagination}
  456. {block:PreviousPage}
  457. <a href="{PreviousPage}">&laquo;</a>
  458. {/block:PreviousPage}{block:NextPage}
  459. <a href="{NextPage}">&raquo;</a>
  460. {/block:NextPage}
  461. {/block:Pagination}
  462. </div>{/block:ifnotsidebarplacedbottom}
  463. </div></td>
  464. </tr>
  465. </table>
  466. </td>
  467. </tr>
  468. </table>
  469. </body>
  470. </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!