Advertisement
WonderWoman

Untitled

May 22nd, 2014
184
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.48 KB | None | 0 0
  1. <!--
  2.  
  3. Theme 021 by Christine (http://everlark.tumblr.com)
  4.  
  5. RULES:
  6. - DO NOT STEAL
  7. - DO NOT REDISTRIBUTE
  8. - DO NOT REMOVE CREDIT
  9. - DO NOT USE AS A BASE CODE
  10.  
  11. -->
  12.  
  13.  
  14. <html>
  15. <head>
  16.  
  17.  
  18. <!-- DEFAULT VARIABLES -->
  19. <meta name="color:accent" content="#fdf7d0" />
  20. <meta name="color:background" content="#ffffff" />
  21. <meta name="color:border" content="#f3edc4" />
  22. <meta name="color:entry" content="#fffbe2" />
  23. <meta name="color:link" content="#c9b293" />
  24. <meta name="color:link hover" content="#e0af78" />
  25. <meta name="color:n1" content="#f3d7ac" />
  26. <meta name="color:n2" content="#e1e997" />
  27. <meta name="color:n3" content="#c6ddae" />
  28. <meta name="color:n4" content="#b7ebc2" />
  29. <meta name="color:n5" content="#a7d8cf" />
  30. <meta name="color:n6" content="#b5d2e4" />
  31. <meta name="color:n7" content="#cdc2e6" />
  32. <meta name="color:n8" content="#e0aecc" />
  33. <meta name="color:scroll" content="#f3edc4" />
  34. <meta name="color:scrollbg" content="#ffffff" />
  35. <meta name="color:title" content="#aa9e8f" />
  36. <meta name="color:text" content="#c9b293" />
  37.  
  38. <meta name="image:sidebar" content="" />
  39. <meta name="image:background" content="" />
  40.  
  41. <meta name="if:Posts 500" content="1" />
  42. <meta name="if:Posts 400" content="" />
  43.  
  44. <meta name="if:Side Tags" content="" />
  45. <meta name="if:Bottom Tags" content="1" />
  46.  
  47. <meta name="if:No Repeat Background" content="" />
  48. <meta name="if:Fixed Background" content="1" />
  49. <meta name="text:Background Position" content="" />
  50.  
  51. <meta name="if:Show Sidebar Image" content="" />
  52. <meta name="if:Show Post Info" content="" />
  53. <meta name="if:White Audio Player" content="1" />
  54. <meta name="if:Black Audio Player" content="" />
  55.  
  56. <meta name="if:Show Quick Reblog" content="1" />
  57. <meta name="if:Webkit Scrollbar" content="1" />
  58.  
  59. <meta name="text:Body Font Size" content="10px" />
  60. <meta name="text:Blog Title Font Size" content="18px" />
  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.  
  73. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  74. <title>{Title}</title>
  75.  
  76. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  77.  
  78. <link rel="shortcut icon" href="{Favicon}" />
  79. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  80. <style type="text/css">
  81.  
  82. {block:ifWebkitScrollbar}
  83. ::-webkit-scrollbar {width: 5px; height:5px; background:{color:scrollbg};}
  84. ::-webkit-scrollbar-corner {background:{color:scroll};}
  85. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  86. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  87. {/block:ifWebkitScrollbar}
  88.  
  89. 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%;}
  90.  
  91. a:link, a:active, a:visited {color: {color:link}; border:0px solid {color:border}; 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; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  92. a:hover {color:{color:link hover}; -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. #container {width:1200px; margin:0 auto;}
  95. #entries { margin-top:-10px; {block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px;{/block:ifPosts400} {block:ifPosts400}margin-left:500px;{/block:ifPosts400} {block:ifPosts500}margin-left:400px;{/block:ifPosts500} text-align:justify; z-index:99; position:absolute; }
  96.  
  97. #posts {background-color:{color:entry}; padding:10px; margin-top:30px; {block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px;{/block:ifPosts400} background-color:{color:entry}; text-align: justify; border:1px solid {color:border};}
  98. #posts:hover #info {opacity:1; -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. #posts:hover #tags {opacity:1; -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; border-left:3px solid {color:n3}; {block:ifPosts400}margin-left:430px;{/block:ifPosts400} {block:ifPosts500}margin-left:530px;{/block:ifPosts500}}
  100.  
  101. #info {text-align:center; margin-left:-10px;opacity:0; {block:ifShowPostInfo}opacity:1;{/block:ifShowPostInfo} {block:ifPosts500}width:520px;{/block:ifPosts500} {block:ifPosts400}width:420px;{/block:ifPosts400} margin-top:-16px; font-size:8px; letter-spacing:1px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; position:absolute; text-transform:uppercase; font-weight:bold; z-index:100;}
  102.  
  103. #cover {position:fixed; margin-top:-10px; {block:ifPosts400}margin-left:490px;{/block:ifPosts400} {block:ifPosts500}margin-left:390px;{/block:ifPosts500} height:110%; background-color:{color:accent}; {block:ifPosts400}width:442px;{/block:ifPosts400} {block:ifPosts500}width:542px;{/block:ifPosts500} z-index:3;}
  104.  
  105. #tags {padding-left:5px; color:{color:border}; border-left:1px solid {color:link}; background-color:transparent; opacity:0; {block:ifPosts400}margin-left:420px;{/block:ifPosts400} {block:ifPosts500}margin-left:520px;{/block:ifPosts500} margin-top:5px; width:150px; text-align:left; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; position:absolute;}
  106. #tags a {font-weight:bold; text-align:left; border-left:5px solid {color:n1}; padding-left:5px; display:inline-block;}
  107.  
  108. #tags2 {text-align:center; opacity:1; margin-top:1px; {block:ifPosts500}width:520px;{/block:ifPosts500} {block:ifPosts400}width:420px;{/block:ifPosts400} font-family:georgia; font-size:9px; font-style:italic; }
  109. #tags2 a {border-top:1px solid {color:n1};}
  110.  
  111. #sidebar {width:200px; top:20%; {block:ifPosts400}margin-left:270px;{/block:ifPosts400} {block:ifPosts500}margin-left:170px;{/block:ifPosts500} background-color:{color:background}; position:fixed; background-color:{color:accent}; z-index:100; }
  112. #sidebarimg img {width:200px; }
  113. .title {font-size:{text:Blog Title Font Size}; font-family: georgia; cursive; text-align:center; font-style:italic; z-index:100; line-height:80%; background-color:{color:border}; color:{color:title};}
  114. .desc {margin-top:0px; padding:10px; }
  115.  
  116. #links {position:fixed; display:inline-block; top:23%; {block:ifPosts400}margin-left:220px;{/block:ifPosts400} {block:ifPosts500}margin-left:120px;{/block:ifPosts500} -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; z-index:1; line-height:13px; font-family:georgia; font-style:italic;}
  117. .l1 {margin-left:-25px;}
  118. .l2 {margin-left:-15px;}
  119. .l3 {margin-left:-30px;}
  120. .l4 {margin-left:-10px;}
  121. .l5 {margin-left:-20px;}
  122. .l6 {margin-left:0px;}
  123. .l7 {margin-left:-25px;}
  124. .l8 {margin-left:-5px;}
  125. .l1 a, .l2 a, .l3 a, .l4 a, .l5 a, .l6 a, .l7 a, .l8 a {border-bottom:2px solid {color:navigation}; padding-left:20px; padding-right:330px; color:{color:background}; }
  126. .l1 a {border-bottom:2px solid {color:n1};}
  127. .l2 a {border-bottom:2px solid {color:n2};}
  128. .l3 a {border-bottom:2px solid {color:n3};}
  129. .l4 a {border-bottom:2px solid {color:n4};}
  130. .l5 a {border-bottom:2px solid {color:n5};}
  131. .l6 a {border-bottom:2px solid {color:n6};}
  132. .l7 a {border-bottom:2px solid {color:n7};}
  133. .l8 a {border-bottom:2px solid {color:n8};}
  134.  
  135. .l1 a:hover, .l2 a:hover, .l3 a:hover, .l4 a:hover, .l5 a:hover, .l6 a:hover, .l7 a:hover, .l8 a:hover {margin-left:-50px; opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; color:{color:link hover};}
  136.  
  137. #pagination {text-align:center; font-size:8px; margin-top:15px; letter-spacing:1px; text-transform:uppercase; }
  138.  
  139. #cred {position:fixed; bottom:10px; right:10px; font-size:;8px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }
  140.  
  141. #question {color:{color:link}; font-size:15px; text-align:justify; border-bottom:1px solid {color:border}; font-family:georgia; font-style:italic; line-height:15px; padding:5px; }
  142. #asker {text-transform:uppercase; font-size:8px; letter-spacing:1px; margin-top:-15px; padding-left:5px; text-align:right; color:{color:link}; }
  143. #answer {margin-top:0px;}
  144. #asker img {margin-top:-10px; border:5px solid {color:border};}
  145. #answer img {{block:ifPosts400}max-width:400px;{/block:ifPosts400} {block:ifPosts500}max-width:500px;{/block:ifPosts500};}
  146.  
  147. h1, h2 {color:{color:link}; letter-spacing:1px; line-height:11px; border-bottom:1px solid {color:border}; margin:0px; padding:5px; }
  148. h1 {text-align:center; font-weight:normal; font-style:italic; font-family:georgia; font-size:15px;}
  149. h2 {font-size:10px; font-family:calibri; font-weight:bold; text-align:center;}
  150.  
  151. .qsource {font-size:8px; text-transform:uppercase; letter-spacing:1px; {block:ifPosts400}width:396px{/block:ifPosts400}; {block:ifPosts500}width:496px{/block:ifPosts500}; text-align:center; background-color:{color:entry}; padding-bottom:5px;}
  152. blockquote {border-left:4px {color:border} solid; padding-left:3px; margin:0px 2px 0px 10px;}
  153. blockquote img, blockquote a img {{block:ifPosts400}max-width:390px;{/block:ifPosts400} {block:ifPosts500}max-width:490px;{/block:ifPosts500};}
  154.  
  155. b, strong {color:{color:link};} i, em {color:{color:link};}
  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; border-left:10px solid {color:border}; padding-left:10px; }
  165. .notes img {width:10px; position:relative; top:1px;}
  166. .notes {{block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px;{/block:ifPosts400} padding:10px; border:1px solid {color:border}; }
  167. ol.notes, .notes li {background-color:{color:entry}; list-style:none; margin-top:20px; }
  168.  
  169. <style type="text/css">iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.9s linear;opacity: 0.3;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  170.  
  171. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.9s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}</style>
  172.  
  173. </head>
  174.  
  175. <body>
  176.  
  177.  
  178.  
  179. <div id="container">
  180.  
  181. <div id="links">
  182. <div class="l1"><a href="/">home</a></div>
  183. <div class="l2"><a href="/ask">ask</a></div>
  184. <div class="l3"><a href="/archive">archive</a></div>
  185. {block:ifLink1}<div class="l4"><a href="{text:Link1URL}">{text:Link1}</a></div>{/block:ifLink1}
  186. {block:ifLink2}<div class="l5"><a href="{text:Link2URL}">{text:Link2}</a></div>{/block:ifLink2}
  187. {block:ifLink3}<div class="l6"><a href="{text:Link3URL}">{text:Link3}</a></div>{/block:ifLink3}
  188. {block:ifLink4}<div class="l7"><a href="{text:Link4URL}">{text:Link4}</a></div>{/block:ifLink4}
  189. {block:ifLink5}<div class="l8"><a href="{text:Link5URL}">{text:Link5}</a></div>{/block:ifLink5}
  190. </div>
  191. <div id="sidebar">
  192. <div id="sidebarimg">{block:ifShowSidebarImage}<a href="/"><img src="{image:sidebar}"></a>{/block:ifShowSidebarImage}</div>
  193. <div class="title">{Title}</div>
  194. <div class="desc">{block:Description}{Description}{/block:Description}
  195.  
  196. <BR>
  197. <div id="pagination">{block:Pagination}{CurrentPage} of {TotalPages}<br>{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}{block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div><BR>
  198.  
  199. </div></div>
  200.  
  201. <div id="cred"><a href="http://everlark.tumblr.com">&copy; everlark</a></div>
  202.  
  203.  
  204. <div id="cover"></div>
  205. <div id="entries">
  206.  
  207. {block:Posts}
  208. <div id="posts">
  209.  
  210. <div id="info">
  211. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} - <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  212. {block:ContentSource} / <a href="{ReblogRootURL}" title="{ReblogRootName}">&copy;</a>{block:ContentSource}{/block:RebloggedFrom} {block:ifShowQuickReblog} - <a href="{ReblogURL}" target="_blank">reblog</a>{/block:ifShowQuickReblog}</div>
  213.  
  214. {block:ifSideTags}
  215. {block:HasTags}<div id="tags">{block:Tags}<a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}</div>{/block:HasTags}
  216. {/block:ifSideTags}
  217.  
  218. {block:Quote}<h2>"{Quote}"</h2><div class="qsource">{Source}</div>{/block:Quote}
  219. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  220. {block:Text}{Body}{/block:Text}
  221.  
  222. {block:Link}
  223. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  224. {block:Description}<P>{Description}</p>{/block:Description}
  225. {/block:Link}
  226.  
  227. {block:ifPosts500}
  228. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  229. {/block:ifPosts500}
  230.  
  231. {block:ifPosts400}
  232. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  233. {/block:ifPosts400}
  234.  
  235. {block:ifPosts500}
  236. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  237. {/block:ifPosts500}
  238.  
  239. {block:ifPosts400}
  240. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  241. {/block:ifPosts400}
  242.  
  243. {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}
  244.  
  245. {block:ifPosts500}
  246. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  247. {/block:ifPosts500}
  248.  
  249. {block:ifPosts400}
  250. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  251. {/block:ifPosts400}
  252.  
  253. {block:Answer}
  254. <div id="question">{Question}</div><br>
  255. <div id="asker">{Asker}&nbsp;&nbsp;<img src="{AskerPortraitURL-16}"></a></div>
  256. <div id="answer">{Answer}</div>
  257. {/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. {block:ifBottomTags}
  284. {block:HasTags}<div id="tags2">{block:Tags}&nbsp;&nbsp;<a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  285. {/block:ifBottomTags}
  286.  
  287. {/block:Posts}
  288.  
  289. {block:PostNotes}{PostNotes}{/block:PostNotes}
  290. <BR><BR><BR>
  291. </div>
  292.  
  293. </div>
  294.  
  295.  
  296. </body>
  297. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement