API tools faq
paste
Advertisement
ettudis

tumblr theme 005

ettudis
Apr 17th, 2011
12,024
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.89 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 005 (c) by Ans by ETTUDIS [http://ettudis.three-words.net]
  3. CONTACT INFO [email: [email protected]]
  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="#f7f7f7" />
  20. <meta name="color:blockquote background" content="#F7F7F7" />
  21. <meta name="color:blockquote text" content="#888888" />
  22. <meta name="color:link" content="#DFC500" />
  23. <meta name="color:link 2" content="#00DFE7" />
  24. <meta name="color:post background" content="#FFFFFF" />
  25. <meta name="color:post border" content="#E4E4E4" />
  26. <meta name="color:post header" content="#333333" />
  27. <meta name="color:post header border" content="#CCCCCC" />
  28. <meta name="color:post notes" content="#999999" />
  29. <meta name="color:post notes background" content="#F7f7f7" />
  30. <meta name="color:post text" content="#838383" />
  31. <meta name="color:post title" content="#CCCCCC" />
  32. <meta name="color:sidebar background" content="#000000" />
  33. <meta name="color:sidebar link" content="#666666" />
  34. <meta name="color:sidebar link background" content="#111111" />
  35. <meta name="color:sidebar link background hover" content="#212121" />
  36. <meta name="color:sidebar link border" content="#2A2A2A" />
  37. <meta name="color:sidebar link hover" content="#999999" />
  38. <meta name="color:sidebar text" content="#666666" />
  39. <meta name="color:title" content="#999999" />
  40. <meta name="color:title hover" content="#CCCCCC" />
  41. <meta name="color:userpic border" content="#FAFAFA" />
  42. <meta name="color:userpic border 2" content="#000000" />
  43. <meta name="if:Show side image" content="1"/>
  44. <meta name="if:Show userpic" content="1"/>
  45. <meta name="if:infinite scrolling" content="0"/>
  46. <meta name="if:show pagination" content="0"/>
  47. <meta name="image:background" content=""/>
  48. <meta name="image:icon" content=""/>
  49. <meta name="image:side" content=""/>
  50. <meta name="text:Link 1" content="" />
  51. <meta name="text:Link 1 Title" content="" />
  52. <meta name="text:Link 2" content="" />
  53. <meta name="text:Link 2 Title" content="" />
  54. <meta name="text:Link 3" content="" />
  55. <meta name="text:Link 3 Title" content="" />
  56. <meta name="text:Link 4" content="" />
  57. <meta name="text:Link 4 Title" content="" />
  58. <meta name="text:Link 5" content="" />
  59. <meta name="text:Link 5 Title" content="" />
  60.  
  61. <style type="text/css">
  62. body {
  63. font-family: lucida sans unicode, trebuchet ms, sans-serif;
  64. margin: 0px;
  65. padding:0px;
  66. background:{color:background} url('{image:background}') fixed;
  67. }
  68. a {
  69. text-decoration: none;
  70. color: {color:link};
  71. }
  72. iframe#tumblr_controls {right:3px !important;
  73. position: fixed !important;
  74. opacity: 0.2;
  75. filter:alpha(opacity=20);
  76. -moz-opacity: 0.2;
  77. -khtml-opacity: 0.2;
  78. -webkit-transition: all 0.9s ease;
  79. -moz-transition: all 0.9s ease;
  80. -o-transition: all 0.9s ease;}
  81. iframe#tumblr_controls:hover{
  82. opacity: 1;
  83. filter:alpha(opacity=100);
  84. -moz-opacity: 1;
  85. -khtml-opacity: 1;
  86. -webkit-transition: all 0.9s ease;
  87. -moz-transition: all 0.9s ease;
  88. -o-transition: all 0.9s ease;}
  89. #sidebar {
  90. width: 220px;
  91. font-size: 9px;
  92. line-height: 10px;
  93. left: 50px;
  94. top: 0px;
  95. position: fixed;
  96. height:100%;
  97. color: {color:sidebar text};
  98. }
  99. #sidecontent{
  100. background-color:{color:sidebar background};
  101. padding: 5px;
  102. text-align: justify;
  103. margin-bottom: 5px;
  104. height:100%;
  105. }
  106. #simage{
  107. width: 200px;
  108. height: auto;
  109. padding-left:1px;
  110. padding-right:1px;
  111. margin-bottom:7px;
  112.  
  113. }
  114. #nav {
  115. margin-top: 25px;
  116. }
  117. #nav a, #nav a:link, #nav a:visited{
  118. background: {color:sidebar link background};
  119. color: {color:sidebar link};
  120. font: 26px georgia;
  121. margin-right: 10px;
  122. -moz-border-radius: 5px;
  123. -webkit-border-radius: 5px;
  124. border-radius: 5px;
  125. padding-left: 5px;
  126. padding-right: 5px;
  127. padding-top: 0px;
  128. padding-bottom: 0px;
  129. }
  130. #nav a:hover {
  131. background: {color:sidebar link background hover};
  132. color: {color:sidebar link hover};
  133. }
  134. #menu {
  135. margin-bottom: 2px; text-align:right; line-height: 12px; text-transform: lowercase ;
  136. }
  137. #menu a{
  138. font: normal 9px/10px Georgia, "Times New Roman", Times, serif;
  139. text-transform: uppercase;
  140. color: {color:sidebar link};
  141. text-align: right;
  142. text-decoration: none;
  143. margin: 0px 7px 2px;
  144. display: block;
  145. background: {color:sidebar link background};
  146. border-bottom: 1px solid {color:sidebar link border};
  147. padding: 2px;
  148. letter-spacing: 2px;
  149. }
  150. #menu a:hover{
  151. color: {color:sidebar link hover};
  152. background: {color:sidebar link background hover};
  153. }
  154. #desc p{
  155. padding: 5px;
  156. margin:0px;
  157. margin-bottom:10px;
  158. }
  159. #desc a, #nav a{
  160. color: {color:sidebar link};
  161. background: none;
  162.  
  163. }
  164. #desc a:hover, #nav a:hover{
  165. color:{color:sidebar link hover};
  166. background: {color:sidebar link background hover};
  167. }
  168. #title a{
  169. font: italic bold 24px/16px "Times New Roman", Times, serif;
  170. text-transform: lowercase;
  171. text-decoration: none;
  172. text-align:center;
  173. margin: 1px;
  174. margin-bottom:10px;
  175. padding: 1px 1px 1px 5px;
  176. display: block;
  177. letter-spacing: -1px;
  178. color: {color:title};
  179. }
  180. #title a:hover{
  181. color: {color:title hover};
  182. }
  183. h1 {
  184. margin: 0px;
  185. }
  186. h1 a{
  187. font: normal 12px/11px "Arial narrow", Helvetica, sans-serif!important;
  188. text-transform: uppercase;
  189. color: {color:post header};
  190. text-align: center;
  191. letter-spacing: 3px;
  192. margin: 0px;
  193. padding: 2px;
  194. display: block;
  195. border-bottom: 1px solid {color:post header border};
  196. }
  197. h2 {
  198. margin-top:0px;
  199. padding: 0px;
  200. text-align: center;
  201. font: italic 9px "Arial narrow", Helvetica, sans-serif;
  202. text-transform: uppercase;
  203. background: {color:post notes background};
  204. color: {color:post notes};
  205. }
  206.  
  207. h3 {
  208. font: 18px/20px Georgia, "Times New Roman", Times, serif;
  209. text-transform: lowercase;
  210. text-decoration: none;
  211. text-align:left;
  212. margin: 1px;
  213. padding: 1px;
  214. display: block;
  215. letter-spacing: -2px;
  216. }
  217. h3 a{
  218. color: {color:link 2};
  219. }
  220. h3 a:hover{
  221. color:{color:post title};
  222. }
  223. #chat ul,#chat ol,#chat li{
  224. list-style:none;
  225. padding: 1px;
  226. }
  227. ul, ol {
  228. padding-left: 5px!important;
  229. margin-left:15px!important;
  230. }
  231. #asker {
  232. background: {color:post notes background};
  233. color:{color: post notes};
  234. margin:7px;
  235. font:10px verdana;
  236. text-transform: uppercase;
  237. }
  238. #asker a{
  239. color: {color:link 2};
  240. }
  241. #asker img{
  242. float:left;
  243. margin:5px;
  244. }
  245. #answer{
  246. padding: 5px;
  247. }
  248. #quote {
  249. color: {color:post header};
  250. text-decoration: none;
  251. font-style: normal;
  252. text-align:center;
  253. letter-spacing: 1px;
  254. font: 14px/12px arial narrow, arial, sans-serif;
  255. margin-bottom: 5px;
  256. }
  257. #reblogs a{
  258. color: {color:link 2};text-decoration: underline;
  259. }
  260. #tags a{
  261. color: {color:post title}; text-decoration: underline;
  262. }
  263. #reblogs a:hover, #tags a:hover{
  264. color: {color:link};
  265. }
  266. #answer a, #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  267. font: bold 10px Arial, Helvetica, sans-serif;
  268. color: {color:link};
  269. }
  270. #answer a:hover, #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  271. color:{color:link 2};
  272. }
  273. #quotesource {
  274. display: block;
  275. text-align: center;
  276. }
  277. .person1{
  278. background-color: {color:post notes background};
  279. }
  280. .label {
  281. font: 9px lucida console, trebuchet ms, sans-serif;
  282. text-transform: uppercase;
  283. color: {color:link 2};
  284. padding-right: 5px;
  285. }
  286. .person1 .label {
  287. padding-right: 5px;
  288. text-transform: uppercase;
  289. color: {color:link};
  290. font: 9px lucida console, trebuchet ms, sans-serif;
  291. }
  292. ul, ol {
  293. padding-left: 5px!important;
  294. margin-left:15px!important;
  295. margin-right: 15px;
  296. }
  297. #audio {
  298. width: 250px;
  299. margin-left: 15px;
  300. background: #000000;
  301. }
  302. #audiotext{
  303. padding: 5px;
  304. }
  305. #note {
  306. font-size: 9px;
  307. padding: 7px; padding-left: 50px;
  308. float:NONE;
  309. color: {color:post text};
  310. width: 500px;
  311. }
  312. li.note {
  313. list-style:none;
  314. padding: 3px;
  315. margin: 0px;
  316. margin-right: 25px;
  317. }
  318. #note a{
  319. font: 9px Arial, Helvetica, sans-serif;
  320. color: {color:post title};
  321. text-transform:uppercase;
  322. }
  323. #note a:hover{
  324. color: {color:link};
  325. }
  326. #entry{
  327. margin:2px; margin-bottom: 10px;
  328. width: 550px;
  329. -moz-border-radius: 0px 50px 0px 50px;
  330. -webkit-border-radius: 0px 50px 0px 50px;
  331. border-radius: 0px 50px 0px 50px;
  332. background: {color:post background};
  333. border: 1px solid {color:post border};
  334. padding: 15px;
  335. border-bottom: 5px solid {color:post border};
  336. border-TOP: 5px solid {color:post border};
  337. text-align: left;
  338. font-size: 9px;
  339. color: {color:post text};
  340. overflow: hidden;
  341. }
  342. #content{
  343. margin: 0px;
  344. width: 600px;
  345. margin-left: 300px;
  346. top: -3px;overflow:hidden;
  347. }
  348. #entry img{
  349. max-width:500px!important;
  350. margin:5px;
  351. }
  352. blockquote{
  353. padding-left: 3px;
  354. color: {color:blockquote text};
  355. margin-right: 10px;
  356. -moz-border-radius: 10px;
  357. -webkit-border-radius: 10px;
  358. border-radius: 10px;
  359. background: {color:blockquote background}
  360. }
  361. blockquote p{
  362. padding: 2px;
  363. }
  364. #perma a:hover{
  365. color:{color:permalink};
  366. }
  367. table, tr, td{
  368. font-size: 9px!important;
  369. }
  370. #text img, #captiona img, #answer img{
  371. max-width:500px!important;
  372. margin:0px;
  373. }
  374.  
  375. #entry p{
  376. margin-top:0px;margin-left:5px;margin-right:5px; margin-bottom: 3px;
  377. }
  378. #permapage {
  379. font-size: 9px; font-weight: normal; font-family: georgia, times new roman, serif; text-transform: uppercase; padding-left: 30px;text-align: left;
  380. }
  381. #captiona img{
  382. max-width: 300px;
  383. }
  384. #Layer1 {
  385. position:fixed;
  386. left:906px;
  387. top:44px;
  388. width:168px;
  389. height:134px;
  390. z-index:1;
  391. }
  392. .portrait1 {
  393. -moz-border-radius: 10px;
  394. -webkit-border-radius: 10px;
  395. border-radius: 10px;
  396. font: 9px/14px Georgia, "Times New Roman", Times, serif;
  397. border-top: 15px solid {color:userpic border};
  398. border-right: 15px solid {color:userpic border 2};
  399. border-left: 15px solid {color:userpic border};
  400. margin: 0px;
  401. padding: 0px;
  402. border-bottom: 15px solid {color:userpic border};}
  403. a.jump_page, .current_page{ background: none!important; font: 9px lucida sans unicode, trebuchet ms, sans-serif!important;line-height: 12px!important; padding: 0px!important; font-style: none!important; margin:0px!important;}
  404. </style>
  405. </head>
  406. <body>
  407.  
  408. <div id="Layer1">
  409. <div align="left">{block:IfShowUserpic}<img src="{PortraitURL-96}" alt="image"/ class="portrait1" />{/block:IfShowUserpic}</div>
  410. </div>
  411.  
  412. <div id="sidebar">
  413. <div id="sidecontent">
  414.  
  415. <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  416.  
  417. {block:ifshowsideimage}<div id="sideimage" align="center"><a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a></div>{/block:ifshowsideimage}
  418.  
  419. <div id="desc">{block:Description}<p>{Description}</p>{/block:Description}</div>
  420.  
  421. <div id="menu">{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  422. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  423. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  424. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  425. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  426. <a href="/archive">archives</a>
  427. <a href="/ask">message</a>
  428. <a href="http://ettudis.three-words.net">&copy; theme</a></div>
  429. {block:ifnotinfinitescrolling}
  430. <div id="nav" align="center">
  431. {block:Pagination}
  432.  
  433. {block:PreviousPage}
  434. <a href="{PreviousPage}">&laquo;</a>
  435. {/block:PreviousPage}
  436.  
  437. {block:ifshowpagination}
  438. {block:JumpPagination length="5"}
  439.  
  440. {block:CurrentPage}
  441. <span class="current_page">{PageNumber}</span>
  442. {/block:CurrentPage}
  443.  
  444. {block:JumpPage}
  445. <a class="jump_page" href="{URL}">{PageNumber}</a>
  446. {/block:JumpPage}
  447. {/block:JumpPagination}
  448. {/block:ifshowpagination}
  449.  
  450. {block:NextPage}
  451. <a href="{NextPage}">&raquo;</a>
  452. {/block:NextPage}
  453. {/block:Pagination}
  454. </div>
  455. {/block:ifnotinfinitescrolling}
  456.  
  457. </div>
  458. </div>
  459.  
  460.  
  461. <div class="autopagerize_page_element">
  462. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  463.  
  464. {block:Posts}
  465. <div id="content">
  466. <div id="entry">
  467. <h1><a href="{Permalink}">{block:Date}{{Month} {DayOfMonth} {Year}}{/block:Date}</a></h1>
  468. <h2>LIKED BY {NoteCount}</h2>
  469. {block:Text}
  470. <h3>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h3>
  471. <div id="text">{Body}</div>
  472. {/block:Text}
  473.  
  474. <center>{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0"/>{LinkCloseTag}{/block:Photo}
  475. {block:Photoset}{Photoset-500}{/block:Photoset}</center>
  476.  
  477. {block:Quote}
  478. <div id="quote">&#8220;{Quote}&#8221; </div>
  479. <div id="quotesource">{block:Source}&#8212; {Source}{/block:Source}</div>
  480. {/block:Quote}
  481.  
  482. {block:Link}
  483. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  484. {block:Description}{Description}{/block:Description}{/block:Link}
  485.  
  486. {block:Chat}<div id="chat">{block:Title}
  487. <h3><a href="{Permalink}">{Title}</a></h3>
  488. {/block:Title}
  489. <ul>
  490. {block:Lines}
  491. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  492. {/block:Lines}
  493. </ul>
  494. </div>
  495. {/block:Chat}
  496.  
  497. {block:Audio}
  498. <div id="audiotext">{PlayCountWithLabel}</div>
  499. <div id="audio">{AudioPlayerBlack}</div>
  500. <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  501. {/block:Audio}
  502.  
  503. {block:Video}{Video-400}{/block:Video}
  504.  
  505. {block:Answer}
  506. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  507. <div id="answer">{Answer}</div>
  508. {/block:Answer}
  509.  
  510. <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  511. {block:permalinkpage}{block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  512. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:permalinkpage}
  513. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>
  514.  
  515.  
  516.  
  517.  
  518. {block:permalinkpage} <div id="permapage"><div id="reblogs">
  519. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA: {ReblogParentName}</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">ORI: {ReblogRootName}</a>{/block:RebloggedFrom}</div>
  520. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div> {block:permalinkpage}
  521. </div>
  522.  
  523. {block:permalinkpage}
  524.  
  525. <div id="note">{block:PostNotes}{PostNotes}
  526. {/block:PostNotes} </div>{/block:permalinkpage}</div>
  527.  
  528. {/block:Posts}
  529.  
  530. </div>
  531. </body>
  532. </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!