Advertisement
elletho

Eleanor -- Theme 14

Jan 27th, 2014
536
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.19 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!----
  10. Theme 14: 'Eleanor' by miichaelmando (thirlwallz.co.vu)
  11. ☮ DO NOT use this as a base theme.
  12. ☮ DO NOT take pieces of this theme for your own.
  13. ☮ DO NOT edit & redistribute.
  14. ☮ Base theme is by hogwat, use her base theme, NOT THIS THEME.
  15. ☮ DO NOT move the credit.
  16. ☮ Did you know removing credit is illegal according to the Creative Commons License?
  17.  
  18. ☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮☮
  19.  
  20. ☮ Edit this as much as you want for PERSONAL USE ONLY.
  21. ☮ If you follow the rules and respect them, ilysm let's get married
  22. --->
  23.  
  24.  
  25.  
  26. <!--META NAMES-->
  27. <meta name="color:bg" content="#ffffff">
  28. <meta name="color:txt" content="#717171"/>
  29. <meta name="color:post bg" content="#ffffff">
  30. <meta name="color:border" content="#b1b1b1">
  31. <meta name="color:main links" content="#969696"/>
  32. <meta name="color:post links" content="#969696"/>
  33. <meta name="color:hover" content="#3c3c3c"/>
  34. <meta name="color:ask bg" content="#dad9d9">
  35. <meta name="color:links bg" content="#dad9d9">
  36. <meta name="color:title bg" content="#dad9d9">
  37. <meta name="color:scrollbar" content="#969696">
  38. <meta name="color:scrollbarbg" content="#ffffff">
  39.  
  40. <meta name="image:sbimg" content=""/>
  41.  
  42. <meta name="text:home title" content=""/>
  43. <meta name="text:ask title" content=""/>
  44. <meta name="text:link1" content="/"/>
  45. <meta name="text:link1 title" content=""/>
  46. <meta name="text:link2" content="/"/>
  47. <meta name="text:link2 title" content=""/>
  48. <meta name="text:link3" content="/"/>
  49. <meta name="text:link3 title" content=""/>
  50.  
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. ::-webkit-scrollbar-thumb {
  56. height:auto;
  57. background-color:{color:Scrollbar};
  58. }
  59.  
  60. ::-webkit-scrollbar {
  61. height:9px;
  62. width:4px;
  63. background-color:{color:ScrollbarBg};
  64. }
  65.  
  66. body {
  67. background-color:{color:bg};
  68. background-image:url('{image:bg}');
  69. background-attachment: fixed;
  70. background-repeat: repeat;
  71. font-family:typewriter;
  72. font-size:12px;
  73. text-align:justify;
  74. color:{color:txt};
  75. margin:0;
  76. }
  77.  
  78. a {
  79. color:{color:post links};
  80. text-decoration:none;
  81. -moz-outline-style:none;
  82. }
  83.  
  84. a:hover{
  85. color:{color:hover};
  86. -moz-transition-duration:0.3s;
  87. -webkit-transition-duration:0.3s;
  88. -o-transition-duration:0.3s;
  89. }
  90.  
  91. img {
  92. border:none;
  93. }
  94.  
  95. blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. margin:5px;
  99. }
  100.  
  101. blockquote blockquote {
  102. padding-left:5px;
  103. border-left:2px solid;
  104. margin:5px;
  105. }
  106.  
  107.  
  108. /*LINKS*/
  109.  
  110. #links{
  111. font-size:9px;
  112. text-align:center;
  113. text-transform:lowercase;
  114. position:fixed;
  115. line-height:220%;
  116. margin-left:450px;
  117. margin-top:0px;
  118. width:600px;
  119. background-color:{color:links bg};
  120. text-transform:uppercase;
  121. z-index:9999999;
  122.  
  123. }
  124.  
  125. #links a{
  126. color:{color:main links};
  127. }
  128.  
  129.  
  130. #links a:hover{
  131. color:{color:hover};
  132. -moz-transition-duration:0.3s;
  133. -webkit-transition-duration:0.3s;
  134. -o-transition-duration:0.3s;
  135. }
  136.  
  137. /*SIDEBAR*/
  138.  
  139. #title {
  140. font-size:12px;
  141. font-family:arial;
  142. text-align:center;
  143. text-transform:lowercase;
  144. padding:2px;
  145. line-height:17px;
  146. margin-top:5px;
  147. margin-left:0px;
  148. width:196px;
  149. color:{text:txt};
  150. background-color:{color:title bg};
  151. }
  152.  
  153. #sidebar{
  154. position:fixed;
  155. margin-top:195px;
  156. margin-left:265px;
  157. width:150px;
  158. height:auto;
  159. }
  160.  
  161. #sidebarimg img{
  162. width:200px;
  163. height:auto;
  164. }
  165.  
  166. #desc{
  167. width:200px;
  168. height:auto;
  169. margin-top:0px;
  170. margin-left:0px;
  171. font-size:11px;
  172. text-align:center;
  173. color:{color:txt};
  174. padding-top:5px;
  175. padding-bottom:5px;
  176. padding-right:5px;
  177. }
  178.  
  179.  
  180. #pagi {
  181. font-size:10px;
  182. text-transform:lowercase;
  183. font-style:normal;
  184. font-family:arial;
  185. position:fixed;
  186. text-align:center;
  187. width:200px;
  188. margin-left:0px;
  189. margin-top:px;
  190. }
  191.  
  192. #pagi a {
  193. color:{color:post links};
  194. }
  195.  
  196.  
  197. /*ENTRIES*/
  198.  
  199. #container{
  200. width:525px;
  201. margin-left:485px;
  202. margin-top:100px;
  203. position:absolute;
  204. }
  205.  
  206. #post{
  207. padding:15px;
  208. background-color:{color:post bg};
  209. width:500px;
  210. float:left;
  211. margin:8px;
  212. margin-bottom:10px;
  213. }
  214.  
  215.  
  216. /*POST INFO*/
  217.  
  218. #info {
  219. width:490px;
  220. text-align:center;
  221. font-family:calibri;
  222. font-size:9px;
  223. text-transform:uppercase;
  224. padding:5px;
  225. padding:5px;
  226. color:{color:post links};
  227. border-top:1px solid {color:border};
  228. border-bottom:1px solid {color:border};
  229. line-height:10px;
  230. margin-top:5px;
  231. margin-bottom:5px;
  232. }
  233.  
  234. #info a{
  235. color:{color:post links};
  236. }
  237.  
  238. #info a:hover{
  239. color:{color:hover};
  240. }
  241.  
  242. #tags{
  243. width:490px;
  244. padding:5px;
  245. margin-top:5px;
  246. margin-left:-5px;
  247. float:left;
  248. text-align:left;
  249. font-size:8px;
  250. opacity:1;
  251. color:{color:txt};
  252. transition-duration: 0.5s;
  253. -moz-transition-duration: 0.5s;
  254. -webkit-transition-duration: 0.5s;
  255. -o-transition-duration: 0.5s
  256. }
  257.  
  258. #tags a {
  259. display:inline-block;
  260. color:{color:post links};
  261. font-size:10px;
  262. text-align:center;
  263. text-decoration:none;
  264. }
  265.  
  266. #notes{
  267. font-size:9px;
  268. text-transform:uppercase;
  269. }
  270.  
  271. /*ASKS*/
  272.  
  273. #asks {
  274. font-size:11px;
  275. text-align:left;
  276. padding:5px;
  277. margin-top:0px;
  278. background-color:{color:ask bg}
  279. }
  280.  
  281.  
  282. /*CREDIT--seriously leave this please, i work hard on my themes.*/
  283.  
  284. #rae{
  285. float:right;
  286. position:fixed;
  287. bottom:5px;
  288. right:5px;
  289. padding:3px;
  290. font-size:12px;
  291. font-family:calibri;
  292. text-transform:uppercase;
  293. }
  294.  
  295. #maker a{
  296. color:{color:post links};
  297. }
  298.  
  299.  
  300. {CustomCSS}
  301.  
  302. </style></head>
  303.  
  304.  
  305. <body>
  306. <div id="links">
  307. <a href="/">{text:home title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  308. <a href="/ask">{text:ask title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  309. <a href="{text:link1}">{text:link1 title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  310. <a href="{text:link2}">{text:link2 title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  311. <a href="{text:link3}">{text:link3 title}</a>
  312. </div>
  313.  
  314. <div id="sidebar">
  315. <div id="sidebarimg"><img src="{image:sbimg}"></div>
  316. <div id="title"><b>{Title}</b></div>
  317. <div id="desc">{description}</div>
  318. {block:Pagination}
  319. <div id="pagi">
  320. {block:PreviousPage}
  321. <a href="{PreviousPage}">backward</a> —
  322. {/block:PreviousPage}
  323. {block:NextPage}
  324. <a href="{NextPage}">onward</a>
  325. {/block:NextPage}
  326. </div>
  327. {/block:Pagination}
  328. </div>
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333.  
  334. <div id="container">
  335. {block:Posts}
  336. <div id="post">
  337.  
  338.  
  339. <!--TEXT POSTS-->
  340.  
  341. {block:Text}
  342. {block:Title}<h2>{Title}</h2>{/block:Title}
  343. {Body}
  344. {/block:Text}
  345.  
  346. <!--ASKS-->
  347.  
  348. {block:Answer}
  349. <div id="asks">
  350. <div style="padding-bottom:2px; font-size:20px;"><b><i>{Asker}:</b></i></span></div><br /> <div style="padding-left:25px; margin-top:-20px; font-size:12px;">{Question}</div>
  351. </div>
  352. {Answer}
  353. {/block:Answer}
  354.  
  355. <!--QUOTE POSTS-->
  356. {block:Quote}
  357.  
  358. <div class="quote">
  359. <div class="quotetext_{Length}">"{Quote}"</div>
  360. {block:Source}<div class="source">{Source}</div>{/block:Source}
  361. </div>
  362. {/block:Quote}
  363.  
  364. <!--LINK POSTS-->
  365.  
  366. {block:Link}
  367. <h2><a href="{URL}">{Name}</a></h2>
  368. {block:Description}{Description}{/block:Description}
  369. {/block:Link}
  370.  
  371. <!--CHAT POSTS-->
  372.  
  373. {block:Chat}
  374. {block:Title}<h2>{Title}</h2>{/block:Title}
  375. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  376. {Line}</li>{/block:Lines}</ul>
  377. {/block:Chat}
  378.  
  379. <!--PHOTO POSTS-->
  380.  
  381. {block:Photo}
  382. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  383.  
  384. {block:Caption}{Caption}{/block:Caption}
  385. {/block:Photo}
  386.  
  387. <!--PHOTOSET POSTS-->
  388.  
  389. {block:Photoset}
  390. {Photoset-500}
  391. {block:Caption}{Caption}{/block:Caption}
  392. {/block:Photoset}
  393.  
  394. <!--VIDEO POSTS-->
  395.  
  396. {block:Video}
  397. {Video-500}
  398. {block:Caption}{Caption}{/block:Caption}
  399. {/block:Video}
  400.  
  401.  
  402. <!--AUDIO-->
  403.  
  404. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  405. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  406. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  407. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  408. {/block:Audio}
  409.  
  410.  
  411. <!--POST INFO-->
  412.  
  413. <div id="info">
  414. <a href="{Permalink}">{12HourWithZero}:{Minutes}{CapitalAmPm}</a>{/block:Date}&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a>&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;
  415. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;
  416. {/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">©</a>&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;
  417. {/block:ContentSource}<a href="{Permalink}">{NoteCount}♡</a></a></a>
  418. {block:HasTags}<div id="tags">
  419.  
  420. <big>☮filed under:</big>{block:Tags} <big>#</big><a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}
  421. </div>{block:HasTags}
  422. </div>
  423. </div>
  424.  
  425. {/block:Posts}
  426. <br><br>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  427. {/block:Posts}</div></div></div>
  428. <br><br><br><br>
  429.  
  430.  
  431. </div></div>
  432.  
  433. {/block:Posts}
  434.  
  435. <!--DON'T REMOVE--SERIOUSLY, JUST LEAVE IT PLEASE-->
  436. <div id="rae">
  437. <a href="http://miichaelmando.tumblr.com/">miichaelmando</a>
  438. </div>
  439.  
  440. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement