Advertisement
everlark

Theme 012

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