Advertisement
everlark

Theme 007

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