Advertisement
foxybieber

Down To Earth Theme

May 4th, 2012
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.28 KB | None | 0 0
  1. <!-- down to earth theme by foxybieber -->
  2.  
  3. <html>
  4. <head>
  5.  
  6. <!-- DEFAULT VARIABLES -->
  7. <meta name="color:background" content="#FDFDFD" />
  8. <meta name="color:sidebar" content="#FAFAFA" />
  9. <meta name="color:entries" content="#FAFAFA" />
  10. <meta name="color:info" content="#FDFDFD" />
  11. <meta name="color:title" content="#51498C" />
  12. <meta name="color:navi" content="#FAFAFA" />
  13. <meta name="color:text" content="#808181" />
  14. <meta name="color:link" content="#49518C" />
  15. <meta name="color:selection" content="#49518C" />
  16. <meta name="color:scrollbar" content="#49518C" />
  17. <meta name="color:Question" content="#FDFDFD" />
  18. <meta name="color:link hover" content="#566283" />
  19.  
  20. <meta name="font:body" content="georgia" />
  21. <meta name="image:sidebar" content=""/>
  22. <meta name="image:background" content="" />
  23.  
  24. <meta name="text:Link1" content="/">
  25.  
  26. <meta name="text:Link1Title" content="link 1"/>
  27. <meta name="text:Link1" content="/" />
  28. <meta name="text:Link2Title" content="link 2" />
  29. <meta name="text:Link2" content="/" />
  30. <meta name="text:Link3Title" content="link 3" />
  31. <meta name="text:Link3" content="/" />
  32. <meta name="text:Link4Title" content="link 4" />
  33. <meta name="text:Link4" content="/" />
  34.  
  35. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}</title>
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37. <link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" /><style type="text/css">
  38.  
  39. ::selection {text-decoration:none; background-color:transparent; color:{color:selection};}
  40.  
  41. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:30px; width: 10px;}
  42. ::-webkit-scrollbar {background-color:{color:background}; height:10px; width:10px;}
  43.  
  44. body {
  45. color:{color:text};
  46. background-color:{color:background};
  47. background-image: url('{image:Background}');
  48. background-position:top left;
  49. background-attachment:fixed;
  50. background-repeat:repeat;
  51. font-size:10px;
  52. font-family:{font:body};
  53. line-height:110%;
  54. text-align:justify}
  55.  
  56. a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  57.  
  58. a:hover {color:{color:link hover};}
  59.  
  60. #entries {margin-left:450px; margin-top:20px; padding:3px; width:520px;}
  61.  
  62. #posts {overflow:hidden; background-color:{color:entries}; padding:10px; font-size:10px; margin-bottom:15px; font-family:{font:body}; letter-spacing:0px;}
  63.  
  64. #middlebar {width:180px; margin-top:5px; color:{color:info}; font-family:georgia; font-style:italic; margin-left:22px; font-size: 15px; text-align:center;}
  65.  
  66. #title {width:205px; margin-top:0px; color:{color:title}; font-family: georgia; font-style:italic; margin-left:2px; font-size:16px; text-align:center;}
  67.  
  68. #sidebar {width:210px; padding:10px; margin-top:65px; margin-left:180px; height:auto; position:fixed; background-color:{color:sidebar};}
  69.  
  70. #sidebarimg img {width:200px; margin-top:5px;}
  71.  
  72. #sidebarinfo {color:{color:text}; margin-left:5px; font-family:{font:body}; font-size:9px; width:205px; margin-top:5px;}
  73.  
  74. #navigation {margin-top:120px;
  75. margin-left:70px;
  76. width:64px;
  77. height:auto;
  78. padding:10px;
  79. position:fixed;
  80. overflow:hidden;
  81. background-color:{color:navi};
  82. color:#ffffff;}
  83.  
  84. #navilinks {margin-top:0px;
  85. margin-bottom;
  86. padding-top:5px;}
  87. #navilinks a {margin-bottom:2px;
  88. width:61px;
  89. padding:3px;
  90. height:auto;
  91. display:block;
  92. text-transform:lowercase;
  93. text-align:center;
  94. background-color:{color:background};
  95. color:{color:link};
  96. -webkit-transition:all 0.5s ease-out;
  97. -moz-transition:all 0.5s ease-out;
  98. transition:all 0.5s ease-out;}
  99. #navilinks a:hover {opacity:0.5;
  100. font-style:normal;}
  101.  
  102. #info {background-color:{color:info}; margin:6px 0px 0px 0px; padding:3px; display:block; font-size:10px; letter-spacing:0px; text-transform:lowercase; margin-bottom:0px; margin-top:3px;}
  103. #info a {color:{color:link};}
  104. #info a:hover {color:{color:link hover};}
  105.  
  106. #tags {background-color:transparent; font-family:{font:links}; text-align:center; margin-top: -12px; text-transform:lowercase; font-size:9px;}
  107.  
  108. #pagination {font-family:georgia; font-size:30px; text-align:center; margin-top:-3px; letter-spacing:1px; margin-left:0px;}
  109. #pagination a {color:{color:link};}
  110. #pagination a:hover {color:{color:link hover};}
  111.  
  112. h1{color:{color:link}; font-family:{font:body}; font-size:15px; line-height:17px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; text-align:center}
  113.  
  114. h2{color:{color:link}; font-family:{font:body}; font-size:12px; line-height:14px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:0px; text-align:center}
  115.  
  116.  
  117. #audiopost{display:block; background-color:white;}
  118. #audioimage{float:left; width: 60px; border: 5px solid #FAF7E9; color:#FDFBF1;}
  119. #audioimage img {max-width: 60px; height: auto;}
  120.  
  121. #askerimg{float: center; margin: 0px 4px 2px 0}
  122.  
  123. #questions {background-color:{color:entries};
  124. color:{color:text};
  125. padding:10px;
  126. margin-bottom:0px;
  127. font-size:10px;
  128. text-align:center;
  129. font-family:{font:body};
  130. }
  131.  
  132. #notes {font-weight:normal}
  133. #notes li {padding-bottom:0.5em}
  134. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:8px}
  135.  
  136. blockquote {border-left:4px solid {color:text}; padding-left:5px; margin:2px 10px;}
  137. blockquote img, blockquote a img {max-width: 500px}
  138.  
  139. .user_1 .label {color:{color:Body text}; font-weight:bold}
  140. .user_2 .label {color:{color:link}; font-weight:bold}
  141. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  142.  
  143. </style>
  144. <style type="text/css">{CustomCSS}</style>
  145.  
  146. </head>
  147.  
  148. <body>
  149.  
  150. <div id="navigation"><center><img src="{PortraitURL-64}" class="imdava"></img></center>
  151. <div id="navilinks">
  152. {block:ifLink1}<a href="{text:Link1}">{text:Link1Title}</a>{/block:ifLink1}
  153. {block:ifLink2}<a href="{text:Link2}">{text:Link2Title}</a>{/block:ifLink2}
  154. {block:ifLink3}<a href="{text:Link3}">{text:Link3Title}</a>{/block:ifLink3}
  155. {block:ifLink4}<a href="{text:Link4}">{text:Link4Title}</a>{/block:ifLink4}
  156. </div></div>
  157.  
  158. <div id="sidebar">
  159. <div id="title">{Title}</div>
  160. <div id="sidebarimg"><center><img src="{image:sidebar}"></center></div>
  161. <div id="middlebar">
  162. <a href="/" title="home"><img src="http://www.freeiconsweb.com/Icons-show/pi_diagona_pack/45.png"></a>
  163. <a href="/ask" title="message"><img src="http://www.freeiconsweb.com/Icons-show/pi_diagona_pack/04.png"></a>
  164. <a href="{text:Link1}" title="{text:Link1 Title}"><img src="http://www.freeiconsweb.com/Icons-show/pi_diagona_pack/32.png"></a>
  165. <a href="/archive" title="archive"><img src="http://www.freeiconsweb.com/Icons-show/pi_diagona_pack/26.png"></a>
  166. <a href="http://foxybieber.tumblr.com/tagged/themes" title="theme"><img src="http://www.freeiconsweb.com/Icons-show/pi_diagona_pack/11.png"></a></div>
  167. <div id="sidebarinfo">{Description}</div><br>
  168. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">ยซ </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> ยป</a>{/block:NextPage}</div></div>
  169.  
  170. <div id="entries">
  171. {block:Posts}
  172. <div id="posts">
  173. {block:Quote}<h2>"{Quote}" <br>- {Source}</h2>{/block:Quote}
  174. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  175. {block:Text}{Body}{/block:Text}
  176.  
  177. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  178. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  179.  
  180. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  181. {block:Photoset}<center>{Photoset-500}</center>
  182. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  183.  
  184. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  185.  
  186. {block:Answer}
  187. <div style="background-color:{color:Question}; padding:10px">{Question}</div><img src="{AskerPortraitURL-24}" width="19px" style="margin-top:4px;float:left;padding:0px 5px 0px 10px;"><div style="font-size:12px;margin-top:7px; text-align:left; position:static;"><b>{Asker}</b></div>{Answer}
  188. {/block:Answer}
  189.  
  190. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  191.  
  192. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  193. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  194. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  195. {block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  196. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  197.  
  198. <div id="info">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <div style="float:right">{block:RebloggedFrom}via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}{block:ContentSource} ยฉ <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div></div></div>
  199. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div><BR>
  200. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  201.  
  202.  
  203. </div>{/block:Posts}
  204. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  205. </div>
  206. </body>
  207. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement