Advertisement
everlark

Theme 011

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