Advertisement
everlark

Theme 002

Dec 6th, 2011
15,928
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.66 KB | None | 0 0
  1. <!--
  2. Theme 002 by Christine (http://everlark.tumblr.com)
  3.  
  4. RULES:
  5. - DO NOT STEAL
  6. - DO NOT REDISTRIBUTE
  7. - DO NOT REMOVE CREDIT
  8. - DO NOT USE AS A BASE CODE
  9.  
  10. Everything can be customized in Appearance.
  11. Make whatever changes you like but please leave all credit intact. Thank you.
  12. -->
  13. <html>
  14. <head>
  15.  
  16. <!-- DEFAULT VARIABLES -->
  17. <meta name="color:background" content="#FFFFFF" />
  18. <meta name="color:entry" content ="#F0E6D5" />
  19. <meta name="color:sidebar" content="#F7EEDF" />
  20. <meta name="color:date" content="#F8F1E4" />
  21. <meta name="color:border" content="#EBBC6A" />
  22. <meta name="color:navigation" content="#F8F1E4" />
  23.  
  24. <meta name="color:text" content="#9C917C" />
  25. <meta name="color:link" content="#B69259" />
  26. <meta name="color:link hover" content= "#B69259"/>
  27. <meta name="color:link hover background" content="#F7EEDF" />
  28. <meta name="color:title" content="#B69259" />
  29.  
  30. <meta name="color:scroll" content="#F0E6D5" />
  31. <meta name="color:scrollbg" content="#ffffff" />
  32.  
  33. <meta name="font:title" content= "georgia" />
  34.  
  35. <meta name="image:sidebar" content="" />
  36. <meta name="image:background" content="" />
  37.  
  38. <meta name="if:Posts 500" content="1" />
  39. <meta name="if:Posts 400" content="" />
  40.  
  41. <meta name="if:No Repeat Background" content="" />
  42. <meta name="if:Fixed Background" content="1" />
  43. <meta name="text:Background Position" content="" />
  44.  
  45. <meta name="if:Side Info" content="1" />
  46. <meta name="if:Bottom Info" content="" />
  47.  
  48. <meta name="if:Show Icon" content="" />
  49. <meta name="if:Show Additional Links" content="" />
  50. <meta name="if:Show Sidebar Image" content="" />
  51. <meta name="if:Show Post Info" content="" />
  52. <meta name="if:White Audio Player" content="1" />
  53. <meta name="if:Black Audio Player" content="" />
  54.  
  55. <meta name="if:Webkit Scrollbar" content="1" />
  56.  
  57. <meta name="text:Body Font Size" content="11px" />
  58. <meta name="text:Sidebar Font Size" content="10px" />
  59. <meta name="text:BlogTitle Font Size" content="18px" />
  60. <meta name="text:Title Font Size" content="13px" />
  61. <meta name="text:Post Info Font Size" content="9px" />
  62. <meta name="text:Navigation Font Size" content="10px" />
  63.  
  64. <meta name="text:Link1" content="" />
  65. <meta name="text:Link1URL" content="http://" />
  66. <meta name="text:Link2" content="" />
  67. <meta name="text:Link2URL" content="http://" />
  68. <meta name="text:Link3" content="" />
  69. <meta name="text:Link3URL" content="http://" />
  70. <meta name="text:Link4" content="" />
  71. <meta name="text:Link4URL" content="http://" />
  72. <meta name="text:Link5" content="" />
  73. <meta name="text:Link5URL" content="http://" />
  74. <meta name="text:Link6" content="" />
  75. <meta name="text:Link6URL" content="http://" />
  76. <meta name="text:Link7" content="" />
  77. <meta name="text:Link7URL" content="http://" />
  78. <meta name="text:Link8" content="" />
  79. <meta name="text:Link8URL" content="http://" />
  80.  
  81. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}</title>
  82. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  83. <link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" /><style type="text/css">
  84.  
  85. {block:ifWebkitScrollbar}
  86. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg};}
  87. ::-webkit-scrollbar-corner {background:{color:scroll};}
  88. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  89. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  90. {/block:ifWebkitScrollbar}
  91.  
  92. body {color: {color:text}; background-color: {color:background}; background-image: url('{image:background}'); {block:ifFixedBackground}background-attachment: fixed; {/block:ifFixedBackground} {block:ifNoRepeatBackground}background-repeat:no-repeat; {/block:ifNoRepeatBackground} background-position:{text:Background Position}; font-family: calibri; font-size:{text:body font size}; text-align: justify; line-height: 100%;}
  93.  
  94. a:link, a:active, a:visited {color: {color:link}; text-decoration:none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;
  95. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  96. a:hover {color:{color:link hover}; background-color:{color:link hover background}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  97.  
  98. #entries { {block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px;{/block:ifPosts400} {block:ifPosts400}margin-left:280px;{/block:ifPosts400} {block:ifLeftSidebar}margin-left:620px;{/block:ifLeftSidebar} {block:ifDivided}margin-left:450px;{/block:ifDivided} margin-top:20px; margin-left: 500px; text-align: justify;}
  99. #posts {{block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px;{/block:ifPosts400} background-color:{color:entry}; text-align: justify; padding:10px;}
  100. #posts:hover #info {opacity:1; border-left:7px solid {color:date}; display:block;}
  101.  
  102. #sidebar {height:1500px; width:300px; float:left; margin-top:-10px; margin-left:150px; font-family:calibri; text-align:center; color:{color:text}; position:fixed; overflow:hidden;}
  103. #sidebartext {background-color:{color:sidebar}; width:252px; height:auto; font-family:calibri;
  104. font-size:{text:Sidebar Font Size}; text-align:justify; padding:15px; margin-left:9px;}
  105. #sidebarimg img {width:250px; border-top:13px solid {color:sidebar}; border-bottom:13px solid {color:sidebar}; border-left:16px solid {color:sidebar}; border-right:16px solid {color:sidebar};}
  106. #title {font-family:{font:title}; font-size:{text:BlogTitle Font Size}; color:{color:title}; text-align:center; font-style:italic; letter-spacing:-1px; padding:5px; margin-top:50px; margin-left:9px; margin-right:9px; margin-bottom:3px; border-bottom: 3px solid {color:sidebar}; line-height:15px;}
  107.  
  108. #star {font-size:18px; margin-left: 520px; {block:ifPosts400}margin-left:420px; {/block:ifPosts400} margin-top:-10px;}
  109. #star a {opacity:0.7; color:{color:border};}
  110. #star a:hover {opacity:1; background-color:{color:background}; color:{color:border}; opacity:1;}
  111.  
  112. #date {{block:ifPosts500}width:510px;{/block:ifPosts500} {block:ifPosts400}width:410px;
  113. {/block:ifPosts400} background-color:{color:date}; font-family:calibri; font-size:9px; text-align:right; text-transform:uppercase; padding:5px;}
  114. #info {width:200px; margin-left:520px; {block:ifPosts400}margin-left:420px;{/block:ifPosts400}
  115. margin-top:15px; font-family:{font:title}; font-size:14px; text-transform:lowercase; font-weight:bold; letter-spacing:-1px; text-align:left; opacity:0; {block:ifShowPostInfo}opacity:1;{/block:ifShowPostInfo} border-left:1px solid {color:date}; padding:5px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; position:absolute;}
  116. .tags{font-family:georgia; font-size:{text:Post Info Font Size}; font-weight:normal; text-transform:lowercase; letter-spacing:0px;}
  117. .source {letter-spacing:0px; font-size:{text:Post Info Font Size};}
  118. #binfo {text-align:right; background-color:{color:date}; {block:ifPosts500}width:510px;{/block:ifPosts500} {block:ifPosts400}width:410px;{/block:ifPosts400} padding:5px; font-family:calibri; font-size:10px;}
  119.  
  120. #navigation {margin-top:1px; width:300px;}
  121. #navigation a { display:inline-block; margin-bottom:2px; width: 140px; padding-top:5px;
  122. height:15px; font-family: calibri; background-color: {color:navigation}; font-size: {text:Navigation Font Size}; text-align: center; color: {color:link}; text-transform:uppercase;}
  123. #navigation a:hover {color:{color:link hover}; background-color:{color:link hover background};}
  124.  
  125. #pagination {background-color:{color:navigation}; width:242px; margin-top:20px; margin-right:10px; font-family:calibri; font-size:{text:Sidebar Font Size}; text-align:center; padding:5px;}
  126. #pagination a {padding:2px;}
  127. #pagination a:hover{background-color:{color:link hover background};}
  128.  
  129. #question { background-color:{color:navigation}; color:{color:text}; font-family:calibri; font-size:10px; text-align:center; letter-spacing:1px; padding:5px;}
  130. #answer {color:{color:text}; font-family:calibri; font-size:{text:Body Font Size}; text-align:center;}
  131.  
  132. h1{color:{color:title}; font-family:{font:title}; font-size:{text:Title Font Size}; line-height:13px; letter-spacing:0px; font-weight:normal; font-style:italic; margin:0px; padding:0px; }
  133. h2{color:{color:title}; font-family:{font:title}; font-size:{text:Title Font Size}; line-height:15px; letter-spacing:0px; font-weight:normal; font-style:italic; margin:0px; padding:0px; margin-bottom:-0px;}
  134.  
  135. .qsource {font-size:{text:Post Info Font Size}; text-transform:uppercase; letter-spacing:1px; {block:ifPosts400}width:400px{/block:ifPosts400}; {block:ifPosts500}width:500px{/block:ifPosts500}; text-align:right; background-color:{color:entry};}
  136.  
  137. blockquote {border-left:4px solid {color:border}; padding-left:3px; margin:0px 2px 0px 10px;}
  138. blockquote img, blockquote a img {{block:ifPosts400}max-width:390px;{/block:ifPosts400} {block:ifPosts500}max-width:490px;{/block:ifPosts500};}
  139.  
  140. b, strong {color:{color:title};}
  141. i, em {color:{color:title};}
  142.  
  143. .album {position:absolute; width:100px; height:100px;}
  144. .album img {width:100px; height:100px;}
  145. .audio {display:block; z-index:1; position:absolute; width:30px; height:30px; }
  146. .aplay {overflow:hidden; width:27px; height:80px; opacity:0.5; padding-top:40px; padding-left:35px; }
  147. .acap {height:100px; }
  148. .acapp {text-align:center; margin-left:100px; padding-top:35px; {block:ifPosts400}width:300px;{/block:ifPosts400} {block:ifPosts500}width:400px;{/block:ifPosts500} }
  149.  
  150. ul.chat, .chat ol, .chat li .chat li {list-style:none;}
  151.  
  152. .notes img {width:10px; position:relative; top:1px;}
  153. .notes {width:500px; }
  154. ol.notes, .notes li {background-color:{color:entries}; list-style:none; margin-top:20px; margin:0px;}
  155.  
  156. </style>
  157. <style type="text/css">{CustomCSS}</style>
  158.  
  159. <style type="text/css">iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  160.  
  161. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}</style>
  162.  
  163. </head>
  164.  
  165. <body>
  166.  
  167. <div id="sidebar"><div id="title">{Title}</div>
  168.  
  169. <div id="navigation">
  170. <a href="/">home</a>
  171. <a href="/ask">ask</a><br>
  172. <a href="/archive">archive</a>
  173. <a href="http://everlark.tumblr.com">theme</a></div>
  174.  
  175. {block:IfShowSidebarImage}<div id="sidebarimg"><img src="{image:sidebar}"></div>{/block:IfShowSidebarImage}
  176.  
  177. {block:IfShowAdditionalLinks}<div id="navigation">
  178. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  179. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  180. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  181. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  182. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a>{/block:ifLink5}
  183. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a>{/block:ifLink6}
  184. {block:ifLink7}<a href="{text:Link7URL}">{text:Link7}</a>{/block:ifLink7}
  185. {block:ifLink8}<a href="{text:Link8URL}">{text:Link8}</a>{/block:ifLink8}
  186. </div>{/block:IfShowAdditionalLinks}
  187.  
  188. <div id="sidebartext">{block:Description}{block:IfShowIcon}<img style="float: left; padding: 5px 5px 5px 0px;" src="{PortraitURL-48}" width="48" height="48" />{block:IfShowIcon}{Description}{/block:Description}
  189.  
  190. <div id="pagination">
  191. {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</div>{/block:Pagination}</div>
  192. </div>
  193.  
  194. </div></div>
  195.  
  196. <BR>
  197.  
  198. <div id="entries">
  199.  
  200. {block:Posts}
  201.  
  202. <div id="date">{block:Date}<a href="{Permalink}">{TimeAgo}</a> on {Month} {DayOfMonth}, {Year}{/block:Date}</div>
  203.  
  204. <div id="posts">
  205. <div id="star"><a href="{ReblogURL}" target="_blank" title="reblog">&#9733;</a></div>
  206. {block:ifSideInfo}<div id="info">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  207. <div class="source">{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  208. <div class="tags">{block:HasTags}<br>{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}{/block:HasTags}</div>
  209. </div>
  210. {/block:ifSideInfo}
  211.  
  212. {block:Quote}<h2>"{Quote}"</h2>&nbsp; <div class="qsource">- {Source}</div>{/block:Quote}
  213. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  214. {block:Text}{Body}{/block:Text}
  215.  
  216. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  217. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  218.  
  219. {block:ifPosts500}
  220. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  221. {/block:ifPosts500}
  222.  
  223. {block:ifPosts400}
  224. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  225. {/block:ifPosts400}
  226.  
  227. {block:ifPosts500}
  228. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  229. {/block:ifPosts500}
  230.  
  231. {block:ifPosts400}
  232. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  233. {/block:ifPosts400}
  234.  
  235. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  236.  
  237. {block:ifPosts500}
  238. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  239. {/block:ifPosts500}
  240.  
  241. {block:ifPosts400}
  242. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  243. {/block:ifPosts400}
  244.  
  245. {block:Answer}
  246. <div id="question">
  247. <b>{Asker}</b> said: "{Question}"</div>
  248. <div id="answer">{Answer}</div>{/block:Answer}
  249.  
  250. {block:ifWhiteAudioPlayer}
  251. {block:Audio}
  252. {block:AlbumArt}
  253. <div class="album"><img src="{AlbumArtURL}"></div>
  254. {/block:AlbumArt}
  255. <div class="audio"><div class="aplay">{AudioPlayerWhite}</div></div>
  256. <div class="acap"><div class="acapp">{block:TrackName}<b><i><font size="2">{TrackName}</font></b></i>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div></div>
  257. {block:Caption}{Caption}{/block:Caption}
  258. {/block:Audio}<BR>
  259. {/block:ifWhiteAudioPlayer}
  260.  
  261. {block:ifBlackAudioPlayer}
  262. {block:Audio}
  263. {block:AlbumArt}
  264. <div class="album"><img src="{AlbumArtURL}"></div>
  265. {/block:AlbumArt}
  266. <div class="audio"><div class="aplay">{AudioPlayerBlack}</div></div>
  267. <div class="acap">{block:TrackName}<b><i><font size="2">{TrackName}</font></b></i>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div>
  268. {block:Caption}{Caption}{/block:Caption}
  269. {/block:Audio}
  270. {block:ifBlackAudioPlayer}
  271.  
  272. </div>
  273.  
  274. {block:ifBottomInfo}
  275. <div id="binfo">{block:NoteCount}♡ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{block:HasTags}{block:Tags}&nbsp;&nbsp;-&nbsp;&nbsp;<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  276. {/block:IfBottomInfo}
  277. <BR><BR>
  278.  
  279. {/block:Posts}
  280. {block:PostNotes}{PostNotes}{/block:PostNotes}
  281.  
  282. </div>
  283.  
  284. </body>
  285. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement