Advertisement
everlark

Theme 006

Jan 4th, 2012
46,173
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.32 KB | None | 0 0
  1. <!--
  2. Theme 006 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:entry" content ="#FFF5DF" />
  20. <meta name="color:info" content="#FFEDC2" />
  21. <meta name="color:desc" content="#FFEDC2" />
  22. <meta name="color:tags" content="#FFEDC2" />
  23. <meta name="color:qbackground" content="#FFEDC2" />
  24. <meta name="color:border" content="#FFA300" />
  25. <meta name="color:desc border" content="#FFA300" />
  26. <meta name="color:portrait" content="#FFD772" />
  27. <meta name="color:nav" content="#C52626" />
  28. <meta name="color:navborder" content="#FFA300" />
  29. <meta name="color:navhover" content= "#CC3C3C"/>
  30. <meta name="color:post border" content="#FFA300" />
  31. <meta name="color:second border" content="#FFD772" />
  32. <meta name="color:scroll" content="#FFD772" />
  33. <meta name="color:scrollbg" content="#FFFFFF" />
  34.  
  35. <meta name="color:text" content="#A37048" />
  36. <meta name="color:link" content="#C52626" />
  37. <meta name="color:link hover" content= "#CC3C3C"/>
  38. <meta name="color:link hover background" content="#FFF3D8" />
  39. <meta name="color:title" content="#C52626" />
  40.  
  41. <meta name="font:title" content= "georgia" />
  42.  
  43. <meta name="image:sidebar" content="" />
  44. <meta name="image:background" content="" />
  45.  
  46. <meta name="text:secondtitle" content="second title here (keep it short)" />
  47.  
  48. <meta name="if:Posts 500" content="1" />
  49. <meta name="if:Posts 400" content="" />
  50.  
  51. <meta name="if:No Repeat Background" content="" />
  52. <meta name="if:Fixed Background" content="1" />
  53. <meta name="text:Background Position" content="" />
  54.  
  55. <meta name="if:Show Portrait" content="1" />
  56. <meta name="if:Show Sidebar Image" content="" />
  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:Second Title Font Size" content="10px" />
  66. <meta name="text:Navigation Font Size" content="9px" />
  67. <meta name="text:Post Info Font Size" content="10px" />
  68. <meta name="text:Title Font Size" content="13px" />
  69. <meta name="text:BlogTitle Font Size" content="18px" />
  70.  
  71. <meta name="text:Link1" content="" />
  72. <meta name="text:Link1URL" content="http://" />
  73. <meta name="text:Link2" content="" />
  74. <meta name="text:Link2URL" content="http://" />
  75. <meta name="text:Link3" content="" />
  76. <meta name="text:Link3URL" content="http://" />
  77. <meta name="text:Link4" content="" />
  78. <meta name="text:Link4URL" content="http://" />
  79. <meta name="text:Link5" content="" />
  80. <meta name="text:Link5URL" content="http://" />
  81. <meta name="text:Link6" content="" />
  82. <meta name="text:Link6URL" content="http://" />
  83. <meta name="text:Link7" content="" />
  84. <meta name="text:Link7URL" content="http://" />
  85. <meta name="text:Link8" content="" />
  86. <meta name="text:Link8URL" content="http://" />
  87. <meta name="text:Link9" content="" />
  88. <meta name="text:Link9URL" content="http://" />
  89. <meta name="text:Link10" content="" />
  90. <meta name="text:Link10URL" content="http://" />
  91.  
  92. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}</title>
  93. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  94. <link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" /><style type="text/css">
  95.  
  96. {block:ifWebkitScrollbar}
  97. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg};}
  98. ::-webkit-scrollbar-corner {background:{color:scroll};}
  99. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  100. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  101. {/block:ifWebkitScrollbar}
  102.  
  103. 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%;}
  104.  
  105. 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;
  106. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  107. 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;}
  108.  
  109. #entries {{block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px;{/block:ifPosts400} margin-top:30px; margin-left: 520px; {block:ifPosts400}margin-left:520px;{/block:ifPosts400} text-align: justify;}
  110. #posts {padding:10px; background-color:{color:entry}; margin-top:50px; margin-bottom:20px; {block:ifPosts500}width:505px;{/block:ifPosts500}
  111. {block:ifPosts400}width:405px;{/block:ifPosts400} background-color:{color:entry}; text-align: justify;}
  112. #posts:hover #info {margin-top:10px; opacity:1; display:block; {block:ifShowPostInfo} margin-top:0px; {/block:ifShowPostInfo}}
  113.  
  114. .tags {{block:ifPosts500}width:515px;{/block:ifPosts500} {block:ifPosts400}width:415px;{/block:ifPosts400} margin-top:-20px; border-top:1px solid {color:post border}; background-color:{color:tags}; font-family:calibri; font-size:{text:Post Info Font Size}; text-align:center;
  115. padding:5px; text-transform:lowercase;}
  116.  
  117. #side {height:1500px; width:30px; margin-left:-10px; margin-top:-10px; background-color:{color:border}; border-right:10px solid {color:second border}; position:fixed;}
  118. #sidebar {margin-top:80px; margin-left:60px; position:fixed;}
  119. #sidebarimg img {width:250px;}
  120.  
  121. #desc {background-color:{color:desc}; border-top:1px solid {color:desc border}; border-bottom:1px solid {color:desc border}; font-size:{text:Sidebar Font Size}; width:230px; padding:10px; text-align:justify; margin-top:10px;}
  122.  
  123. #title {width:250px; margin-left:50px; margin-top:55px; margin-bottom:4px; color:{color:title};
  124. font-family:{font:title}; font-size:{text:BlogTitle Font Size}; font-style:italic; letter-spacing:1px; text-align:center; line-height:13px; position:fixed;}
  125. .title2 {width:250px; color:{color:text}; position:fixed; text-transform:uppercase; margin-bottom:10px; font-family:calibri; font-style:normal; font-size:{text:Second Title font size}; text-align:center; letter-spacing:1px; line-height:20px; z-index:2;}
  126.  
  127. #portrait {position:fixed; width:110px; height:110px; margin-top:30px; margin-left:280px;
  128. background-color:{color:portrait}; -moz-border-radius: 110px; -webkit-border-radius: 110px;
  129. z-index:2;}
  130. #portrait img {margin-top:7px; margin-left:7px; position:fixed; margin-bottom:10px; -moz-border-radius: 96px; -webkit-border-radius: 96px; z-index:2;}
  131.  
  132. #navigation {margin-top:145px; margin-left:325px; position:fixed;}
  133. #navigation a {display:inline-block; font-family: calibri; font-size: {text:Navigation Font Size}; text-align: left; text-transform:uppercase; letter-spacing:1px; color: {color:nav};
  134. border-left:15px solid {color:navborder}; margin-bottom:1px; padding:5px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;
  135. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  136. #navigation a:hover {background-color:transparent; color:{color:navhover}; border-left:40px solid {color:navhover}; -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;}
  137.  
  138. #info {width:80px; margin-top:-30px; {block:ifPosts500}margin-left:530px;{/block:ifPosts500}
  139. {block:ifPosts400}margin-left:430px;{/block:ifPosts400} background-color:{color:info};
  140. font-family:calibri; font-size:{text:Post Info Font Size}; text-transform:uppercase;
  141. text-align:center; padding:5px; opacity:0; {block:ifShowPostInfo} margin-top:0px; opacity:1;{/block:ifShowPostInfo} border-top:2px solid {color:post border};
  142. -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -moz-border-radius: 5px 0px 5px 0px; border-radius: 0px 0px 5px 5px; position:absolute;}
  143.  
  144. #cred {font-size:9px; letter-spacing:1px; opacity:0.8; text-transform:uppercase; bottom:10px; right:10px; position:fixed;}
  145.  
  146. #pagination {width:250px; margin-top:10px; text-align:center; font-family:calibri;
  147. font-size:{text:Sidebar Font Size}; position:fixed;}
  148.  
  149. #question { background-color:{color:qbackground}; color:{color:text}; font-family:calibri; font-size:{text:Body Font Size}; padding:10px;}
  150. #question a {color:{color:link}; }
  151. #question a:hover {color:{color:link hover};}
  152. .triangle {margin-left:280px; margin-top:-2px; color:{color:qbackground}; font-size:25px;}
  153. #asker {{block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px;{/block:ifPosts400} margin-left:250px; margin-top:-5px; font-family:calibri; font-size:9px;
  154. text-align:left; text-transform:uppercase;}
  155. #asker a {color:{color:text};}
  156. #answer {margin-left:0px;}
  157.  
  158. 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; }
  159. 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;}
  160.  
  161. .qsource {font-size:{text:Post Info Font Size}; text-transform:uppercase; letter-spacing:1px; {block:ifPosts400}width:405px{/block:ifPosts400}; {block:ifPosts500}width:505px{/block:ifPosts500}; text-align:right; background-color:{color:entry};}
  162.  
  163. blockquote {border-left:4px solid {color:border}; padding-left:3px; margin:0px 2px 0px 10px;}
  164. blockquote img, blockquote a img {{block:ifPosts400}max-width:390px;{/block:ifPosts400} {block:ifPosts500}max-width:490px;{/block:ifPosts500};}
  165.  
  166. b, strong {color:{color:title};}
  167. i, em {color:{color:title};}
  168.  
  169. .album {position:absolute; width:100px; height:100px;}
  170. .album img {width:100px; height:100px;}
  171. .audio {display:block; z-index:1; position:absolute; width:30px; height:30px; }
  172. .aplay {overflow:hidden; width:27px; height:80px; opacity:0.5; padding-top:40px; padding-left:35px; }
  173. .acap {height:100px; }
  174. .acapp {text-align:center; margin-left:100px; padding-top:35px; {block:ifPosts400}width:300px;{/block:ifPosts400} {block:ifPosts500}width:400px;{/block:ifPosts500} }
  175.  
  176. ul.chat, .chat ol, .chat li .chat li {list-style:none;}
  177.  
  178. .notes img {width:10px; position:relative; top:1px;}
  179. .notes {width:500px; }
  180. ol.notes, .notes li {background-color:{color:entries}; list-style:none; margin-top:20px; margin:0px;}
  181.  
  182. </style>
  183. <style type="text/css">{CustomCSS}</style>
  184.  
  185. <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;}
  186.  
  187. 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>
  188.  
  189. </head>
  190.  
  191. <body>
  192.  
  193. <div id="side"></div>
  194. {block:ifShowPortrait}<div id="portrait"><img src="{PortraitURL-96}"></div>{/block:ifShowPortrait}
  195. <div id="title">{Title}<div class="title2">{text:secondtitle}</div></div>
  196.  
  197. <br>
  198.  
  199. <div id="navigation">
  200. <a href="/">home</a><br>
  201. <a href="/ask">ask</a><br>
  202. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a><br>{/block:ifLink1}
  203. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a><br>{/block:ifLink2}
  204. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a><br>{/block:ifLink3}
  205. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a><br>{/block:ifLink4}
  206. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a><br>{/block:ifLink5}
  207. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a><br>{/block:ifLink6}
  208. {block:ifLink7}<a href="{text:Link7URL}">{text:Link7}</a><br>{/block:ifLink7}
  209. {block:ifLink8}<a href="{text:Link8URL}">{text:Link8}</a><br>{/block:ifLink8}
  210. {block:ifLink9}<a href="{text:Link9URL}">{text:Link9}</a><br>{/block:ifLink9}
  211. {block:ifLink10}<a href="{text:Link10URL}">{text:Link10}</a><br>{/block:ifLink10}
  212. <a href="/archive">archive</a><br>
  213. </div>
  214.  
  215. <div id="sidebar">
  216. {block:ifShowSidebarImage}<div id="sidebarimg"><img src="{image:sidebar}"></div>{/block:ifShowSidebarImage}
  217. <div id="desc">{block:Description}{Description}{/block:Description}</div>
  218. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} {CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</div>
  219. </div>
  220.  
  221. <div id="cred">&copy; <a href="http://everlark.tumblr.com">everlark</a></div>
  222.  
  223. <br>
  224.  
  225. <div id="entries">
  226. {block:Posts}
  227. <div id="posts">
  228.  
  229. <div id="info">
  230. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}<br>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom} - <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  231. {block:ContentSource} - <a href="{SourceURL}">©</a>{/block:ContentSource} - <a href="{ReblogURL}" target="_blank">reblog</a>
  232. </div>
  233.  
  234. {block:Quote}<h2>"{Quote}"</h2>&nbsp; <div class="qsource">- {Source}</div>{/block:Quote}
  235. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  236. {block:Text}{Body}{/block:Text}
  237.  
  238. {block:Link}
  239. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  240. {block:Description}<P>{Description}</p>{/block:Description}
  241. {/block:Link}
  242.  
  243. {block:ifPosts500}
  244. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  245. {/block:ifPosts500}
  246.  
  247. {block:ifPosts400}
  248. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  249. {/block:ifPosts400}
  250.  
  251. {block:ifPosts500}
  252. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  253. {/block:ifPosts500}
  254.  
  255. {block:ifPosts400}
  256. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  257. {/block:ifPosts400}
  258.  
  259. {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}
  260.  
  261. {block:ifPosts500}
  262. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  263. {/block:ifPosts500}
  264.  
  265. {block:ifPosts400}
  266. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  267. {/block:ifPosts400}
  268.  
  269. {block:Answer}
  270. <div id="question">{Question}</div><br>
  271. <div id="asker">▲ {Asker}</div><BR>
  272. <div id="answer">{Answer}</div>{/block:Answer}
  273.  
  274. {block:ifWhiteAudioPlayer}
  275. {block:Audio}
  276. {block:AlbumArt}
  277. <div class="album"><img src="{AlbumArtURL}"></div>
  278. {/block:AlbumArt}
  279. <div class="audio"><div class="aplay">{AudioPlayerWhite}</div></div>
  280. <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>
  281. {block:Caption}{Caption}{/block:Caption}
  282. {/block:Audio}<BR>
  283. {/block:ifWhiteAudioPlayer}
  284.  
  285. {block:ifBlackAudioPlayer}
  286. {block:Audio}
  287. {block:AlbumArt}
  288. <div class="album"><img src="{AlbumArtURL}"></div>
  289. {/block:AlbumArt}
  290. <div class="audio"><div class="aplay">{AudioPlayerBlack}</div></div>
  291. <div class="acap">{block:TrackName}<b><i><font size="2">{TrackName}</font></b></i>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div>
  292. {block:Caption}{Caption}{/block:Caption}
  293. {/block:Audio}
  294. {block:ifBlackAudioPlayer}
  295.  
  296. </div>
  297.  
  298. {block:HasTags}
  299. <div class="tags">{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  300.  
  301. <BR>
  302.  
  303. {/block:Posts}
  304. {block:PostNotes}{PostNotes}{/block:PostNotes}
  305.  
  306. </div>
  307.  
  308. </body>
  309. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement