Advertisement
everlark

Theme 003

Dec 12th, 2011
9,837
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.10 KB | None | 0 0
  1. <!--
  2. Theme 003 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.  
  14. <html>
  15. <head>
  16.  
  17. <!-- DEFAULT VARIABLES -->
  18. <meta name="color:background" content="#FFFFFF" />
  19. <meta name="color:border" content="#89996C" />
  20. <meta name="color:box1" content="#d0d6c4" />
  21. <meta name="color:box2" content="#b8c2a6" />
  22. <meta name="color:box3" content="#a0ad89" />
  23. <meta name="color:box4" content="#89996c" />
  24. <meta name="color:entry" content="#FFFFFF" />
  25. <meta name="color:info" content="#D4DDC4" />
  26. <meta name="color:link1" content="#8D9C6D" />
  27. <meta name="color:link2" content="#8D9C6D" />
  28. <meta name="color:link3" content="#8D9C6D" />
  29. <meta name="color:link4" content="#8D9C6D" />
  30. <meta name="color:link" content="#8D9C6D" />
  31. <meta name="color:link hover" content= "#758552"/>
  32. <meta name="color:scroll" content="#D4DDC4" />
  33. <meta name="color:scrollbg" content="#ffffff" />
  34. <meta name="color:text" content="#929789" />
  35. <meta name="color:title" content="#758552" />
  36.  
  37. <meta name="font:title" content= "georgia" />
  38.  
  39. <meta name="image:sidebar" content="" />
  40. <meta name="image:background" content="" />
  41.  
  42. <meta name="if:Posts 500" content="" />
  43. <meta name="if:Posts 400" content="1" />
  44.  
  45. <meta name="if:Sidebar Image 250" content="1" />
  46. <meta name="if:Sidebar Image 300" content="" />
  47.  
  48. <meta name="if:No Repeat Background" content="" />
  49. <meta name="if:Fixed Background" content="1" />
  50. <meta name="text:Background Position" content="" />
  51.  
  52. <meta name="if:Side Info" content="1" />
  53. <meta name="if:Bottom Info" content="" />
  54.  
  55. <meta name="if:Show Sidebar Image" content="" />
  56. <meta name="if:Show Quick Reblog" content="1" />
  57. <meta name="if:Show Post Info" content="" />
  58. <meta name="if:White Audio Player" content="1" />
  59. <meta name="if:Black Audio Player" content="" />
  60.  
  61. <meta name="if:Webkit Scrollbar" content="1" />
  62.  
  63. <meta name="text:Body Font Size" content="11px" />
  64. <meta name="text:Sidebar Font Size" content="10px" />
  65. <meta name="text:BlogTitle Font Size" content="18px" />
  66. <meta name="text:Navigation Font Size" content="17px" />
  67.  
  68. <meta name="text:Link1" content="" />
  69. <meta name="text:Link1URL" content="http://" />
  70. <meta name="text:Link2" content="" />
  71. <meta name="text:Link2URL" content="http://" />
  72. <meta name="text:Link3" content="" />
  73. <meta name="text:Link3URL" content="http://" />
  74. <meta name="text:Link4" content="" />
  75. <meta name="text:Link4URL" content="http://" />
  76.  
  77. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}</title>
  78. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  79. <link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" /><style type="text/css">
  80.  
  81. {block:ifWebkitScrollbar}
  82. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg};}
  83. ::-webkit-scrollbar-corner {background:{color:scroll};}
  84. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  85. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  86. {/block:ifWebkitScrollbar}
  87.  
  88. 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%;}
  89.  
  90. 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;
  91. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  92. 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;}
  93.  
  94. #entries {{block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px;{/block:ifPosts400} margin-top:30px; margin-left: 580px; {block:ifPosts400}margin-left:580px;{/block:ifPosts400} text-align: justify;}
  95. #posts {margin-top:50px; margin-bottom:20px; {block:ifPosts500}width:490px;{/block:ifPosts500}
  96. {block:ifPosts400}width:390px;{/block:ifPosts400} background-color:{color:entry}; text-align: justify;}
  97. #posts:hover #info {opacity:1; border-left:7px solid {color:info}; display:block;}
  98. #posts:hover #rb {opacity:1; display:block; -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;}
  99.  
  100. #links {max-width:300px; background-color:{color:background}; text-align:center; padding:5px;
  101. margin-bottom:5px;}
  102. #navigation {width:120px; height:auto; {block:ifSidebarImage250}margin-left:120px; {/block:ifSidebarImage250} {block:ifSidebarImage300}margin-left:70px;{/block:ifSidebarImage300}
  103. margin-top:160px; position:fixed;}
  104. #navlink1 {margin-left:-30px; margin-top:-9px; height:60px; width:100px; text-align:right; border-right:60px solid {color:box1};}
  105. #navlink1 a {color:{color:link1}; opacity:0; text-decoration:none; font-family:{font:title};
  106. font-size:{text:Navigation Font Size}; letter-spacing:-1px; display:block; padding:5px;}
  107. #navlink1:hover a {color:{color:link1}; background-color:{color:background}; opacity:1; margin-right:20px; padding:5px;}
  108. #navlink2 {margin-left:-30px; margin-top:-9px; height:60px; width:100px; text-align:right; border-right:60px solid {color:box2};}
  109. #navlink2 a {color:{color:link2}; opacity:0; text-decoration:none; font-family:{font:title}; font-size:{text:Navigation Font Size}; letter-spacing:-1px; display:block; padding:5px;}
  110. #navlink2:hover a {color:{color:link2}; background-color:{color:background}; opacity:1; margin-right:20px; padding:5px;}
  111. #navlink3 {margin-left:-30px; margin-top:-9px; height:60px; width:100px; text-align:right; border-right:60px solid {color:box3};}
  112. #navlink3 a {color:{color:link3}; opacity:0; text-decoration:none; font-family:{font:title};
  113. font-size:{text:Navigation Font Size}; letter-spacing:-1px; display:block; padding:5px;}
  114. #navlink3:hover a {color:{color:link3}; background-color:{color:background}; opacity:1; margin-right:20px; padding:5px;}
  115. #navlink4 {margin-left:-30px; margin-top:-9px; height:60px; width:100px; text-align:right; border-right:60px solid {color:box4};}
  116. #navlink4 a {color:{color:link4}; opacity:0; text-decoration:none; font-family:{font:title};
  117. font-size:{text:Navigation Font Size}; letter-spacing:-1px; display:block; padding:5px;}
  118. #navlink4:hover a {color:{color:link4}; background-color:{color:background}; opacity:1; margin-right:20px; padding:5px;}
  119.  
  120. #sidebar {height:auto; {block:ifSidebarImage250}width:250px;{/block:ifSidebarImage250} {block:ifSidebarImage250}margin-left:280px;{/block:ifSidebarImage250} {block:ifSidebarImage300}width:300px;{/block:ifSidebarImage300} {block:ifSidebarImage300}margin-left:230px;{/block:ifSidebarImage300} margin-top:130px; font-family:calibri; font-size:{text:Sidebar Font Size}; text-align:justify; color:{color:text}; position:fixed;}
  121. #sidebarimg img {width:300px; {block:ifSidebarImage250}width:250px;{/block:ifSidebarImage250}
  122. margin-top:10px; margin-bottom:5px;}
  123.  
  124. #title {font-family:{font:title}; font-size:{text:BlogTitle Font Size}; letter-spacing:-1px; font-style:italic; text-align:center;}
  125.  
  126. #line {background-color:{color:info}; padding:3px; margin-bottom:5px; border-top:1px solid {color:border};}
  127.  
  128. #rb {opacity:0; position:absolute; color:{color:border}; background-color:{color:info}; width:auto; margin-top:10px; margin-left:450px; {block:ifPosts400}margin-left:350px;{/block:ifPosts400} padding:5px; font-family:{font:title}; font-style:italic; font-size:9px;
  129. -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;}
  130.  
  131. #info {width:250px; margin-left:520px; {block:ifPosts400}margin-left:420px;{/block:ifPosts400}
  132. margin-top:0px; font-family:calibri; font-size:9px; text-transform:uppercase; font-weight:bold;
  133. text-align:left; opacity:0; {block:ifShowPostInfo}opacity:1;{/block:ifShowPostInfo} padding:5px;
  134. -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;
  135. position:absolute; border-left:1px solid {color:border};}
  136. #info a{color:{color:link};}
  137. #info a:hover {background-color:{color:link hover background}; color:{color:link hover};}
  138.  
  139. #binfo {font-size:10px; {block:ifPosts500}width:500px;{/block:ifPosts500}; {block:ifPosts400}width:400px;{/block:ifPosts400};}
  140.  
  141. #tags {font-family:{font:title}; font-size:9px; font-weight:normal; text-transform:lowercase;}
  142. #tags a {font-size:9px;}
  143.  
  144. #pagination {width:290px; {block:ifSidebarImage250}width:240px;{/block:ifSidebarImage250}
  145. background-color:{color:background}; font-family:calibri; font-size:{text:Sidebar Font Size};
  146. text-align:center; letter-spacing:1px; padding:5px; text-transform:uppercase; border-top:2px dotted {color:border}; margin-top:10px;}
  147. #pagination a {padding:2px; background-color:{color:background}; color:{color:link};}
  148. #pagination a:hover {color:{color:background}; background-color:{color:link};}
  149.  
  150. #cred {font-size:9px; letter-spacing:1px; opacity:0.8; text-transform:uppercase; bottom:10px; right:10px; position:fixed;}
  151.  
  152. #question {{block:ifPosts500}width:480px;{/block:ifPosts500} {block:ifPosts400}width:380px;{/block:ifPosts400} background-color:{color:info}; color:{color:text}; font-family:georgia;
  153. font-size:{text:Sidebar Font Size}; letter-spacing:1px; font-style:italic; padding:10px; -moz-border-radius:5px; border-radius:5px;}
  154. #question a {color:{color:link};}
  155. #question a:hover {background-color:{color:link hover background}; color:{color:link hover};}
  156.  
  157. h1{color:{color:title}; font-family:{font:title}; font-size:16px; line-height:16px; letter-spacing:0px; font-weight:normal; font-style:italic; margin:0px; padding:0px; text-align:center;}
  158. h2{color:{color:title}; font-family:{font:title}; font-size:16px; line-height:16px; letter-spacing:0px; font-weight:normal; font-style:italic; margin:0px; padding:0px;}
  159.  
  160. .qsource {font-size:9px; text-transform:uppercase; letter-spacing:1px; {block:ifPosts400}width:396px{/block:ifPosts400}; {block:ifPosts500}width:496px{/block:ifPosts500}; text-align:right; background-color:{color:entry};}
  161.  
  162. blockquote {border-left:4px solid {color:border}; padding-left:3px; margin:0px 2px 0px 10px;}
  163. blockquote img, blockquote a img {{block:ifPosts400}max-width:390px;{/block:ifPosts400} {block:ifPosts500}max-width:490px;{/block:ifPosts500};}
  164.  
  165. b, strong {color:{color:title};}
  166. i, em {color:{color:title};}
  167.  
  168. .album {position:absolute; width:100px; height:100px;}
  169. .album img {width:100px; height:100px;}
  170. .audio {display:block; z-index:1; position:absolute; width:30px; height:30px; }
  171. .aplay {overflow:hidden; width:27px; height:80px; opacity:0.5; padding-top:40px; padding-left:35px; }
  172. .acap {height:100px; }
  173. .acapp {text-align:center; margin-left:100px; padding-top:35px; {block:ifPosts400}width:300px;{/block:ifPosts400} {block:ifPosts500}width:400px;{/block:ifPosts500} }
  174.  
  175. ul.chat, .chat ol, .chat li .chat li {list-style:none;}
  176.  
  177. .notes img {width:10px; position:relative; top:1px;}
  178. .notes {width:500px; }
  179. ol.notes, .notes li {background-color:{color:entries}; list-style:none; margin-top:20px; margin:0px;}
  180.  
  181. </style>
  182. <style type="text/css">{CustomCSS}</style>
  183.  
  184. <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;}
  185.  
  186. 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>
  187.  
  188. </head>
  189.  
  190. <body>
  191.  
  192. <div id="navigation">
  193. {block:ifLink1}<div id="navlink1"><a href="{text:Link1URL}"><br><br>{text:Link1}</a></div>{/block:ifLink1}<br><br><br>
  194. {block:ifLink2}<div id="navlink2">
  195. <a href="{text:Link2URL}"><br><br>{text:Link2}</a></div>{/block:ifLink2}<br><br><br>
  196. {block:ifLink3}<div id="navlink3">
  197. <a href="{text:Link3URL}"><br><br>{text:Link3}</a></div>{/block:ifLink3}<br><br><br>
  198. {block:ifLink4}<div id="navlink4">
  199. <a href="{text:Link4URL}"><br><br>{text:Link4}</a></div>{/block:ifLink4}
  200. </div>
  201.  
  202. <div id="sidebar"><div id="title">{Title}</div>{block:ifShowSidebarImage}<div id="sidebarimg"><img src="{image:sidebar}"></div>{/block:ifShowSidebarImage}
  203. <div id="links"><a href="/">home</a> / <a href="/ask">ask</a> / <a href="/archive">archive</a></div>{block:Description}{Description}{/block:Description}
  204. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a>
  205. &nbsp;&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>
  206.  
  207. </div></div>
  208.  
  209. <div id="cred">&copy; <a href="http://everlark.tumblr.com">everlark</a></div>
  210.  
  211. <br>
  212.  
  213. <div id="entries">
  214.  
  215. {block:Posts}
  216. <div id="posts">
  217.  
  218. {block:ifShowQuickReblog}
  219. <div id="rb"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  220. {/block:ifShowQuickReblog}
  221.  
  222. {block:ifSideInfo}<div id="info">
  223. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}<br>
  224. {block:NoteCount}<a href="{Permalink}">♡ {NoteCountWithLabel}</a>{/block:NoteCount}<br>
  225. {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  226. {block:ContentSource}<br>© <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
  227. <div id="tags"><br>{block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}{/block:HasTags}</div></div>
  228. {/block:ifSideInfo}
  229.  
  230. {block:Quote}<h2>"{Quote}"</h2>&nbsp; <div class="qsource">- {Source}</div>{/block:Quote}
  231. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  232. {block:Text}{Body}{/block:Text}
  233.  
  234. {block:Link}
  235. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  236. {block:Description}<P>{Description}</p>{/block:Description}
  237. {/block:Link}
  238.  
  239. {block:ifPosts500}
  240. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  241. {/block:ifPosts500}
  242.  
  243. {block:ifPosts400}
  244. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  245. {/block:ifPosts400}
  246.  
  247. {block:ifPosts500}
  248. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  249. {/block:ifPosts500}
  250.  
  251. {block:ifPosts400}
  252. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  253. {/block:ifPosts400}
  254.  
  255. {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}
  256.  
  257. {block:ifPosts500}
  258. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  259. {/block:ifPosts500}
  260.  
  261. {block:ifPosts400}
  262. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  263. {/block:ifPosts400}
  264.  
  265. {block:Answer}
  266. <div id="question"><b>{Asker}</b>: "{Question}"</div>
  267. <div id="answer">{Answer}</div>{/block:Answer}
  268.  
  269. {block:ifWhiteAudioPlayer}
  270. {block:Audio}
  271. {block:AlbumArt}
  272. <div class="album"><img src="{AlbumArtURL}"></div>
  273. {/block:AlbumArt}
  274. <div class="audio"><div class="aplay">{AudioPlayerWhite}</div></div>
  275. <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>
  276. {block:Caption}{Caption}{/block:Caption}
  277. {/block:Audio}<BR>
  278. {/block:ifWhiteAudioPlayer}
  279.  
  280. {block:ifBlackAudioPlayer}
  281. {block:Audio}
  282. {block:AlbumArt}
  283. <div class="album"><img src="{AlbumArtURL}"></div>
  284. {/block:AlbumArt}
  285. <div class="audio"><div class="aplay">{AudioPlayerBlack}</div></div>
  286. <div class="acap">{block:TrackName}<b><i><font size="2">{TrackName}</font></b></i>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div>
  287. {block:Caption}{Caption}{/block:Caption}
  288. {/block:Audio}
  289. {block:ifBlackAudioPlayer}
  290.  
  291. </div>
  292.  
  293. <div id="line"></div>
  294.  
  295. {block:ifBottomInfo}<div id="binfo">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{Permalink}">♡ {NoteCountwithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  296. {block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{block:HasTags}<br>{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:IfBottomInfo}
  297.  
  298. {/block:Posts}
  299. <br><br>
  300. {block:PostNotes}{PostNotes}{/block:PostNotes}
  301.  
  302. </div>
  303.  
  304. <BR><BR><BR>
  305.  
  306. </body>
  307. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement