API tools faq
paste
Advertisement
ettudis

tumblr theme 016

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