API tools faq
paste
Advertisement
ettudis

tumblr theme 001

ettudis
Apr 17th, 2011
2,577
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.53 KB | None | 0 0
raw download clone embed print report
  1. <!-- (c) tumblr theme 001 by ETTUDIS (http://ettudis.three-words.net)
  2. Thank you for downloading this theme. Please make sure you have read everything here before you use the theme.
  3.  
  4. ------------------------------------------------------------------
  5. TERMS OF USE
  6. By downloading and using this theme, you have agreed to the following:
  7.  
  8. 1. You cannot remove the credits, claim as your own and/or redistribute any part of this layout
  9. 2. You cannot alter the css codes in ANY way
  10. 3. You cannot use this layout's CSS/codes as your base codes; that is, alter the codes, then claim as your own.
  11. 4. PLEASE COMMENT IN THE TAGBOARD WITH A LINK TO YOUR SITE IF USING!
  12.  
  13. You can CONTACT ME (email: venin-t@hotmail.com) and I will consider changing the codes for you. DO NOT CHANGE the codes yourself.
  14.  
  15. If I find that you have violated one of the rules stated above, I will contact you, asking to either change back to what you originally downloaded or take down my layout. I will give you 1~2 warnings, if you refuse the listen, more drastic measures will be taken.
  16.  
  17. ------------------------------------------------------------------
  18. INSTALLATION
  19.  
  20. 1. Go to your tumblr dashboard and click "Customize"
  21. 2. Click " Theme" in the top bar, it should then drop down and you will see a button labeled "Use Custom Html". Click that button.
  22. 3. Delete everything in the Custom Html textarea
  23. 4. Copy and paste this ENTIRE text and click "Update preview"
  24. 5. Go to "Appearance" and click Reset defaults (you CAN change background, links colors)
  25. 6. Then, click "save and close" and then you're done!
  26.  
  27. ------------------------------------------------------------------
  28. CONTACT INFO
  29. If you need help or have any questions, feel free to contact me either by either of the following:
  30.  
  31. email: venin-t@hotmail.com
  32. tagboard: http://www5.shoutmix.com/?honeytree (please leave your contact info when you comment)
  33.  
  34. Sincerely, Ans
  35. Owner of Ettudis
  36. -->
  37.  
  38. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  39.  
  40. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  41.  
  42. <head> <!-- DEFAULT VARIABLES -->
  43. <meta name="color:background" content="#fafafa" />
  44. <meta name="color:linkhover" content="#FFFF00" />
  45. <meta name="color:theme" content="#a882bd" />
  46. <meta name="color:theme2" content="#f9c8f2" />
  47. <meta name="if:Show userpic" content="1"/>
  48. <meta name="if:Show search" content="1"/>
  49. <meta name="if:Show people I follow" content="0"/>
  50. <meta name="if:Fixed side" content="1"/>
  51. <meta name="if:Show side image" content="1"/>
  52. <meta name="image:side" content=""/>
  53. <meta name="image:background" content=""/>
  54. <meta name="text:Link1" content="" />
  55. <meta name="text:Link1 Title" content="" />
  56. <meta name="text:Link2" content="" />
  57. <meta name="text:Link2 Title" content="" />
  58. <meta name="text:Link3" content="" />
  59. <meta name="text:Link3 Title" content="" />
  60.  
  61.  
  62. <html>
  63. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  64. </head>
  65. <head>
  66. <title>{Title}</title>
  67. <link rel="shortcut icon" href="{Favicon}" />
  68. <link rel="alternate" type="application/rss+xml" href="{RSS}" /></head>
  69. {block:Description}
  70. <head>
  71. <meta name="Description" content="{MetaDescription}" /></head>
  72. {/block:Description}
  73. </head>
  74. <head>
  75.  
  76. <style type="text/css">
  77.  
  78. body {
  79. font-family: lucida sans unicode, arial, sans-serif;
  80. font-size:10px;
  81. line-height:100%;
  82. margin-top:30px;
  83. margin-bottom:30px;
  84. color: #565656;
  85. background-attachment: fixed;
  86. background-color: {color:background};
  87. background-image:url('{image:background}'); }
  88.  
  89. #content {
  90. margin-left: auto ;
  91. margin-right: auto ;
  92. width: 800px;
  93. height: 100%!important;}
  94. #side {
  95. width: 220px;
  96. padding: 5px;
  97. background-color:#FFFFFF;
  98. position: relative;
  99. float: right;
  100. text-align: justify;
  101. margin-left: 560px;
  102. margin-top: 50px;}
  103.  
  104. {block:ifFixedside}#side {position: fixed}{/block:ifFixedside}
  105.  
  106. #main {
  107. width:500px;
  108. text-align: justify;
  109. background-color:{color:background};
  110. position: absolute;
  111. float: left;}
  112.  
  113. a:link, a:visited, a:active{
  114. color:#787878;
  115. text-decoration: none;}
  116. a:hover {
  117. text-decoration: underline;
  118. border-bottom: 1px solid {color:theme2}}
  119. img a{border:0px;}
  120. .image{border: 0px; text-align:center ;}
  121. .image a{border: 0px;}
  122. p {margin-top:2px}
  123. blockquote{
  124. padding-left:5px;
  125. font-style: italic;
  126. margin-left:15px; border-left: 3px solid {color:theme2};
  127. border-bottom: 1px solid #f9f9f9;
  128. }
  129. .quotations{
  130. font-size: 80px;
  131. line-height: 80px;
  132. font-family: Arial narrow, sans-serif!important;
  133. color: #ADADAD;
  134. }
  135. b, strong, i, em {font-family: georgia;}
  136. .about{ text-align:center; }
  137. .header { margin-top: 0px; background-color:none; text-align: right; z-index:1; letter-spacing:-1px; font: 16px italic Arial narrow, arial, sans-serif; }
  138. .header a {color: #000000; text-decoration: none; font-style: normal;text-shadow: 0 0 0.2em #DDDDDD;}
  139. .header a:hover {background: none; color: {color:theme}; text-decoration: none; font-style: normal; text-shadow: none;}
  140. .header img{border: 10px solid #F9f9f9; float: right; margin: 5px;}
  141.  
  142.  
  143. .nav {margin-bottom: 2px; text-align:right; line-height: 12px; text-transform: lowercase ;}
  144. .nav a {
  145. color: #666666;
  146. display: block;
  147. text-decoration: none;
  148. background-color: #FFFFFF ;
  149. margin-bottom:2px;
  150. text-transform: lowercase;
  151. letter-spacing: 2px;
  152. font-style: italic;
  153. font: 9px Arial, Helvetica, sans-serif;
  154. border: 1px solid #EFEFEF; }
  155. .nav a:hover {background-color: #FFFFFF ; border: 1px solid {color:theme2}; color:#000000}
  156. .pageslink {display: block; text-align:center; line-height: 17px; text-transform: lowercase ; }
  157. .pageslink a {
  158. color: #666666;
  159. text-decoration: none;
  160. background-color: #EFEFEF ;
  161. text-transform: lowercase;
  162. letter-spacing: 2px;
  163. font-style: normal;
  164. font-family: "Courier New", Courier, monospace;
  165. margin: 2px;
  166.  
  167. font-size:11px;
  168. letter-spacing: 0px;}
  169. .pageslink a:hover {background-color: #FAFAFA; color:#000000; border-bottom: 0px;}
  170. .sidimage{margin: 5px 0 5px 0; text-align: center}
  171. .sidimage img {max-width: 220px; height: auto;}
  172. .description{margin-bottom: 5px}
  173.  
  174. .pages {margin-top: 5px;margin-bottom: 5px; text-align: center; line-height: 20px}
  175. .pages a {font-size: 45px; text-decoration: none; background-color: none; padding: 2px 4px 2px 4px; color: #dddddd; font-style: normal;}
  176. .pages a:hover {color: {color:theme}; background: none;}
  177.  
  178. .following {list-style: none; display: block; margin: 1px 0 0 0; max-height: 80px; overflow: auto; text-align: left; }
  179.  
  180.  
  181. .date{font-size: 9px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color: #999999; letter-spacing: 2px; line-height: 15px}
  182. .tags {display: inline }
  183. .quote{font-size: 14px; letter-spacing: -1px; line-height: 23px; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; text-shadow: 0 0 0.2em #CCCCCC; }
  184. .pquote{font-size:14px; letter-spacing: -1px; line-height: 23px; text-transform: lowercase; margin-top: -70px; text-indent: 45px; text-shadow: 0 0 0.2em #ADADAD; color: #000000; font-family: arial;}
  185. .source{margin-top: 5px; text-align: right}
  186.  
  187. #clear{width:520px;height:0px; clear:both;background-color:{color:background} }
  188.  
  189. #entry {width:520px; padding:10px; background: #FFFFFF; border-bottom: 1px solid #fafafa; }
  190. #post{width: 500px; background-color: none; padding:10px; }
  191. #info {text-align: left; color: #787878; width: 500px; padding: 0px; background-color: #F9F9F9; margin-bottom:5px; padding: 5px; }
  192.  
  193. #notes {
  194. width:520px;
  195. padding:10px;
  196. margin-bottom:10px;
  197. }
  198. #notestext {
  199. width: 520px;
  200. display: block;
  201. padding:0px;
  202. background-color:{color:background};
  203. }
  204.  
  205. #footer {background-color:#FFFFFF;width:520px; padding:10px;}
  206. #footertext{background-color:#FFFFFF; padding:10px; text-align:center;}
  207. .search {background-color: #FFFFFF; border: 1px solid #efefef; margin: 2px; padding: 2px; width: 130px; font-family: georgia; font-size: 11px}
  208. .searchbutton {background-color: #FFFFFF; border: 1px solid #efefef; margin: 2px; padding: 4px 7px 2px 7px; width: 50px; font-family: georgia; font-size: 9px}
  209.  
  210. .cap {padding-top: 5px}
  211. .sourc{display:none}
  212. .asker {font-size: 9px; padding-bottom: 3px}
  213. .ask {background-color:#FAFAFA; padding:5px}
  214. .answer {padding-top: 5px}
  215.  
  216. .apost{min-height: 150px;}
  217. .cover {background-image: url(http://i54.tinypic.com/24g54ed.png); float: left; width: 75px; height: 75px; margin-right: 10px; margin-bottom: 10px}
  218. .cover img{width: 75px; height: 75px}
  219. .plcount {font-style: italic}
  220.  
  221. ol.notes {list-style: none; padding:0px}
  222. ol.notes li {background-color: {color: background}; margin: 0 px; padding: 5px;}
  223. ol.notes .avatar {border: 0px; height: 10px; padding: 0px; width: 10px;}
  224. ol.notes li .clear {height: 0px!important;}
  225. ol.notes li blockquote {border-color: #ccc!important;}
  226.  
  227. .chat{line-height: 15px; list-style: none }
  228. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  229. .person1 {background-color: #FAFAFA; }
  230. .label { font-family: Georgia, "Times New Roman", Times, serif; padding: 0px; margin-left: 5px }
  231. .person1 .label { font-family: Georgia, "Times New Roman", Times, serif; padding: 0px; margin-left: 5px }
  232. .blah {
  233. background: #FDFDFD;
  234. margin-right: 50px;
  235. color: #ADADAD;
  236. padding-left:5px;
  237. margin-left:15px; border-left: 3px solid {color:theme}; }
  238. </style>
  239. </head>
  240. <head>
  241. </head>
  242. <body>
  243.  
  244. <div id="content">
  245.  
  246.  
  247. <div id="main">
  248.  
  249.  
  250. {block:Posts}
  251. <div id="entry">
  252.  
  253.  
  254.  
  255. <div id="info">
  256. {block:Date}<div class="date">{DayOfMonth}{DayOfMonthSuffix} {Month} {Year} {24Hour}:{Minutes}<font style="font-size:14px"><a href="{Permalink}" title="permalink to this post">
  257. {block:Text}&hearts;{/block:Text}
  258. {block:Photo}&hearts;{/block:Photo}
  259. {block:Photoset}&hearts;{/block:Photoset}
  260. {block:Quote}&hearts;{/block:Quote}
  261. {block:Link}&hearts;{/block:Link}
  262. {block:Chat}&hearts;{/block:Chat}
  263. {block:Audio}&hearts;{/block:Audio}
  264. {block:Video}&hearts;{/block:Video}
  265. {block:Answer}&hearts;{/block:Answer}</a></font>
  266. {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}</div>{/block:Date}
  267.  
  268. </div>
  269.  
  270.  
  271. <div id="post">
  272. {block:Text}
  273. {block:Title}<div class="quote">{Title}</div>{/block:Title}{Body}
  274. {/block:Text}
  275.  
  276. {block:Photo}
  277. {LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" border="0" /></div>
  278. {LinkCloseTag}
  279. {/block:Photo}
  280.  
  281. {block:Photoset}
  282. {Photoset-500}
  283. {/block:Photoset}
  284.  
  285. {block:Quote}
  286. <b class="quotations">“</b><div class="pquote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}
  287. {/block:Quote}
  288.  
  289. {block:Link}
  290. <div class="quote"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
  291. {/block:Link}
  292.  
  293. {block:Chat}
  294. {block:Title}<div class="quote"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  295. <div class="chat"><ul>
  296. {block:Lines}
  297. <li class="person{UserNumber}">
  298. {block:Label}
  299. <span class="label">{Label}</span>
  300. {/block:Label}
  301. {Line}
  302. </li>
  303. {/block:Lines}
  304. </ul></div>
  305.  
  306. {/block:Chat}
  307.  
  308. {block:Audio}
  309. <div class="apost"><div class="cover">{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}</div>
  310. {AudioPlayerGrey}
  311. <div class="plcount">{PlayCountWithLabel}</div>
  312. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div></div>
  313. {/block:Audio}
  314.  
  315. <div align="center"> {block:Video}
  316. {Video-500}
  317. {/block:Video}</div>
  318.  
  319. {block:Answer}
  320.  
  321. <div class="asker"></div>
  322. <div class="ask"><span class="asker"><img src="{AskerPortraitURL-24}" /> {Asker}</span>: <em>{Question}</em></div>
  323. <div class="answer">{Answer}</div>
  324. {/block:Answer}
  325.  
  326.  
  327. <div class="cap">
  328. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  329. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  330. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  331.  
  332. <div class="sourc">{block:ContentSource}
  333. <a href="{SourceURL}">
  334. {lang:Source}:
  335. {block:SourceLogo}
  336. <img src="{BlackLogoURL}" width="{LogoWidth}"
  337. height="{LogoHeight}" alt="{SourceTitle}" />
  338. {/block:SourceLogo}
  339. {block:NoSourceLogo}
  340. {SourceLink}
  341. {/block:NoSourceLogo} </a>
  342. {/block:ContentSource}</div>
  343. </div>
  344. </div><div class="blah">{block:HasTags}tagged {block:Tags}<div class="tags"><a href="{TagURL}">{Tag}</a> </div>{/block:Tags}{/block:HasTags}
  345. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom} </div></div> <div id="clear"></div>
  346. {/block:Posts}
  347.  
  348.  
  349. {block:PostNotes}
  350. <div id="notes">
  351. <div id="notestext">{PostNotes}</div></div>
  352. {/block:PostNotes}
  353.  
  354.  
  355.  
  356.  
  357.  
  358.  
  359. </div><div id="side"><div class="sidimage">{block:IfShowsideImage} {block:IfsideImage}<img
  360. src="{image:side}"/>{/block:IfsideImage}{/block:IfShowsideImage}</div>
  361. <div class="header"><a href="/" alt="{Title}">{Title}</a>
  362. {block:IfShowUserpic}<img src="{PortraitURL-64}" />{/block:IfShowUserpic} </div>
  363.  
  364. <div class="about"> <div class="nav"><a href="/random">random</a> <a href="/archive">archives</a> <a href="{RSS}">rss</a> <a href="/ask">ask me</a> </div>
  365.  
  366.  
  367. <div class="description">{block:Description}{Description} {/block:Description} </div>
  368.  
  369. <div class="pageslink">{block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages} {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1} {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2} {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  370. </div>
  371.  
  372.  
  373.  
  374. {block:IfShowPeopleIFollow}
  375. {block:Following}
  376. <h1>following</h1>
  377.  
  378. <div class="following">
  379. {block:Followed}
  380.  
  381. <a href="{FollowedURL}" target="_blank" title="{FollowedName}"> <img src="{FollowedPortraitURL-16}" border="0" /></a>
  382.  
  383.  
  384. {/block:Followed} </div>
  385. {/block:Following}
  386. {/block:IfShowPeopleIFollow}
  387.  
  388.  
  389.  
  390.  
  391. <div class="pages"> {block:Pagination}
  392. {block:PreviousPage}
  393. <a href="{PreviousPage}">&laquo;</a>
  394. {/block:PreviousPage}
  395. {block:NextPage}
  396. <a href="{NextPage}">&raquo;</a>
  397. {/block:NextPage}
  398. {/block:Pagination}
  399.  
  400. </div>
  401.  
  402. <div id="footertext">
  403. {block:IfShowSearch}<form action="/search" method="get">
  404. <input type="text" name="q" value="{SearchQuery}"/ class="search" />
  405. <input type="submit" value="search"/ class="searchbutton" />
  406. </form>{/block:IfShowSearch}
  407.  
  408. <a href="http://ettudis.three-words.net"><img src="http://i31.tinypic.com/16ih6w9.jpg" border="0"></a><br />
  409. powered by <a href="http://tumblr.com" target="_blank">tumblr</a></div>
  410. </div>
  411.  
  412. </div></div></body>
  413. </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!