API tools faq
paste
Advertisement
beautifulfreaks13

tumblr theme 001 (new)

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