API tools faq
paste
Advertisement
everlarks

Theme 031

everlarks
Sep 16th, 2013
5,219
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.46 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme 031 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. <html>
  14. <head>
  15.  
  16. <!-- DEFAULT VARIABLES -->
  17.  
  18. <meta name="color:accent1" content="#49f38f" />
  19. <meta name="color:accent2" content="#e99ab2" />
  20. <meta name="color:accent3" content="#6ee4f0" />
  21. <meta name="color:accent4" content="#f7d068" />
  22. <meta name="color:background" content="#ffffff" />
  23. <meta name="color:border" content="#f3f3f3" />
  24. <meta name="color:entries" content="#f8f8f8" />
  25. <meta name="color:link hover" content="#6f6f6f" />
  26. <meta name="color:post info background" content="#ffffff" />
  27. <meta name="color:scrollbar" content="#cccccc" />
  28. <meta name="color:text" content="#000000" />
  29.  
  30. <meta name="image:background" content="" />
  31. <meta name="image:sidebar" content="" />
  32.  
  33. <meta name="if:Posts 500" content="" />
  34. <meta name="if:Posts 400" content="1" />
  35.  
  36. <meta name="if:No Repeat Background" content="" />
  37. <meta name="if:Fixed Background" content="1" />
  38. <meta name="text:Background Position" content="" />
  39.  
  40. <meta name="if:White Audio Player" content="" />
  41. <meta name="if:Black Audio Player" content="1" />
  42.  
  43. <meta name="if:Webkit Scrollbar" content="1" />
  44.  
  45. <meta name="text:Body Font Size" content="10px" />
  46.  
  47. <meta name="text:Link1" content="" />
  48. <meta name="text:Link1URL" content="http://" />
  49. <meta name="text:Link2" content="" />
  50. <meta name="text:Link2URL" content="http://" />
  51. <meta name="text:Link3" content="" />
  52. <meta name="text:Link3URL" content="http://" />
  53. <meta name="text:Link4" content="" />
  54. <meta name="text:Link4URL" content="http://" />
  55. <meta name="text:Link5" content="" />
  56. <meta name="text:Link5URL" content="http://" />
  57.  
  58. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  59. <title>{Title}</title>
  60.  
  61. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  62.  
  63. <link rel="shortcut icon" href="{Favicon}" />
  64. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  65. <style type="text/css">
  66.  
  67. {block:ifWebkitScrollbar}
  68. ::-webkit-scrollbar {width: 5px; height:5px; background:{color:background};}
  69. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  70. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  71. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  72. {/block:ifWebkitScrollbar}
  73.  
  74. 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:arial; font-size:{text:Body Font Size}; line-height:120%;}
  75.  
  76. a:link, a:active, a:visited {color: {color:text}; 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; }
  77. 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; }
  78.  
  79. #pagination { font-size:8px; letter-spacing:1px; width:auto; text-align:center; margin-top:-6px; position:fixed; text-transform:uppercase; font-family:times; background-color:{color:background}; padding-right:5px;}
  80.  
  81. #entries {background-color:{color:entries}; {block:ifPosts500}width:500px; margin-left:350px; {/block:ifPosts500} {block:ifPosts400}width:400px; margin-left:450px;{/block:ifPosts400} padding:30px; margin-top:-10px; text-align:justify;}
  82. #posts { margin-top:30px; {block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px; {/block:ifPosts400} background-color:{color:entry}; text-align: justify; }
  83. #posts img {{block:ifPosts400}max-width:400px;{/block:ifPosts400} {block:ifPosts500}max-width:500px;{/block:ifPosts500};}
  84.  
  85. #container {width:1280px; margin:0 auto;}
  86.  
  87. #info { padding:4px; {block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px; {/block:ifPosts400} font-size:9px; border-top:1px solid {color:border}; padding-top:5px; background-color:{color:post info background};}
  88. .boxy {color:{color:accent3}; font-size:12px; float:left; padding-right:5px; text-shadow:2px 0px {color:border};}
  89. #date {text-transform:uppercase; font-family:times; font-size:9px; }
  90. #date a {letter-spacing:-1px; }
  91. .tags {padding-top:2px;}
  92.  
  93. #sidebarimg {width:150px;border-bottom:1px solid {color:border}; padding-bottom:0px; padding-top:8px; border-top:1px solid {color:border}; }
  94. #sidebarimg img {width:150px; margin-bottom:4px; }
  95. #side {position:fixed; {block:ifPosts500}margin-left:150px;{/block:ifPosts500} {block:ifPosts400}margin-left:250px; {/block:ifPosts400} top:30%; width:150px; text-align:justify; font-size:9px; height:auto; }
  96. .desc { padding-left:10px; padding-top:8px; margin-left:20px; text-align:justify; line-height:130%;}
  97. #navi {margin-left:-60px; margin-top:0px; width:70px; height:auto; line-height:7px; position:fixed; text-align:right; text-transform:uppercase; font-size:8px; font-family:times;; letter-spacing:-1px; border-right:1px solid {color:border}; padding-right:10px; }
  98. #navi a:hover {color:{color:text};}
  99.  
  100. #links {width:150px; font-family:times; text-align:center; text-transform:uppercase; font-size:9px; border-bottom:1px solid {color:border}; padding-bottom:2px; padding-top:2px;}
  101. #links a {letter-spacing:-1px;}
  102. #links a:hover {color:{color:link hover};}
  103.  
  104. .n1 {margin-top:10px; border-right:6px solid {color:accent1}; margin-bottom:8px; -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;}
  105. .n1 b {opacity:0; padding-right: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; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; font-weight:normal;}
  106. .n1:hover b {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;}
  107. .n1:hover {border-right:20px solid {color:accent1}; -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. .n2 {border-right:6px solid {color:accent2}; margin-bottom:8px; -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;}
  109. .n2:hover {border-right:20px solid {color:accent2}; -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;}
  110. .n2 b {opacity:0; padding-right: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; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; font-weight:normal;}
  111. .n2:hover b {opacity:1; font-style:normal; -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;}
  112. .n3 {border-right:6px solid {color:accent3}; margin-bottom:8px; -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;}
  113. .n3:hover {border-right:20px solid {color:accent3}; -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;}
  114. .n3 b {opacity:0; padding-right: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; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; font-weight:normal;}
  115. .n3:hover b {opacity:1; font-style:normal; -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;}
  116. .n4 {border-right:6px solid {color:accent4}; margin-bottom:8px; -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;}
  117. .n4:hover {border-right:20px solid {color:accent4}; -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;}
  118. .n4 b {opacity:0; padding-right: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; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; font-weight:normal;}
  119. .n4:hover b {opacity:1; font-style:normal; -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;}
  120.  
  121. #qqq {margin-top:15px; background-color:{color:entry}; {block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px; {/block:ifPosts400}}
  122. #question {background-color:transparent; padding-left:42px; {block:ifPosts400}width:340px;{/block:ifPosts400} {block:ifPosts500}width:440px;{/block:ifPosts500} position:relative; padding-top:3px; text-align:justify; font-size:15px; line-height:18px; font-family:times; letter-spacing:-1px;}
  123. #asker {font-size:8px; line-height:1px; letter-spacing:-1px; padding-left:27px; text-align:left;font-family:times; text-transform:uppercase; border-top:1px solid {color:text}; }
  124. #asker a {font-style:normal; }
  125. .an {margin-top:-8px; padding-left:15px;}
  126. #asker img {margin-top:-15px; margin-left:-20px; float:left; border:3px solid {color:text};}
  127. #answer {margin-top:30px;}
  128. #answer img {{block:ifPosts400}max-width:400px;{/block:ifPosts400} {block:ifPosts500}max-width:500px;{/block:ifPosts500};}
  129.  
  130. h1 {font-size:18px; font-family:times; text-align:justify; letter-spacing:-1px; font-weight:normal; margin:0px;}
  131. h2 { letter-spacing:-1px; font-weight:normal; padding:0px; font-style:normal; font-family:times; font-size:18px; line-height:25px; border-bottom:1px solid {color:border}; padding-bottom:15px;}
  132.  
  133. blockquote { border-left:1px solid {color:border}; padding-left:20px; {block:ifPosts400}max-width:390px;{/block:ifPosts400} {block:ifPosts500}max-width:490px;{/block:ifPosts500} }
  134. blockquote img, blockquote a img {{block:ifPosts400}max-width:390px;{/block:ifPosts400} {block:ifPosts500}max-width:490px;{/block:ifPosts500};}
  135.  
  136. .qsource {margin:0px; margin-top:-22px; text-align:center; font-family:times; letter-spacing:1px; text-transform:uppercase; font-size:7px; }
  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. .audio b, i {color:{color:text};}
  142. .aplay {overflow:hidden; width:27px; height:80px; opacity:0.5; padding-top:40px; padding-left:35px; }
  143. .acap {height:100px; }
  144. .acapp {text-align:center; margin-left:100px; padding-top:35px; {block:ifPosts400}width:300px;{/block:ifPosts400} {block:ifPosts500}width:400px;{/block:ifPosts500} }
  145.  
  146. ul.chat, .chat ol, .chat li .chat li {list-style:none;}
  147. .notes img {width:10px; position:relative; top:1px;}
  148. .notes { {block:ifPosts400}width:400px;{/block:ifPosts400} {block:ifPosts500}width:500px;{/block:ifPosts500} padding:15px; margin-left:-15px; line-height:20px;}
  149. ol.notes {background-color:{color:entry}; list-style:none; margin-top:5px; }
  150. .notes li {padding-bottom:5px; padding-top:5px; border-bottom:1px solid {color:border};}
  151.  
  152. </style>
  153.  
  154.  
  155. <style type="text/css">{CustomCSS}</style>
  156.  
  157. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  158. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  159. <script type="text/javascript" charset="utf-8">
  160. var $j = jQuery.noConflict();
  161. $j(function() {
  162. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  163. $j("img").lazyload({
  164. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  165. effect: "fadeIn",
  166. });
  167. });
  168. </script>
  169.  
  170. </style>
  171.  
  172.  
  173. </head>
  174.  
  175. <body>
  176.  
  177. <div id="container">
  178.  
  179. <div id="side">
  180.  
  181. {block:Pagination}
  182. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">&#8722;</a>&nbsp;&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">&#43;</a>{/block:NextPage}
  183. </div>{/block:Pagination}
  184.  
  185. <div id="sidebarimg"><a href="/"><img src="{image:sidebar}"></a></div>
  186.  
  187. <div id="links">
  188. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  189. {block:ifLink2}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  190. {block:ifLink3}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  191. {block:ifLink4}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  192. {block:ifLink5}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{text:Link5URL}">{text:Link5}</a>{/block:ifLink5}
  193. </div>
  194.  
  195. <div id="navi">
  196. <a href="/"><div class="n1"><b>home</b></div></a>
  197. <a href="/ask"><div class="n2"><b>ask</b></div></a>
  198. <a href="/archive"><div class="n3"><b>archive</b></div></a>
  199. <a href="http://everlark.tumblr.com"><div class="n4"><b>theme</b></div></a>
  200. </div>
  201.  
  202. <div class="desc">{block:Description}{Description}{/block:Description}</div>
  203.  
  204. </div>
  205.  
  206.  
  207. <div id="entries">
  208.  
  209. {block:Posts}
  210. <div id="posts">
  211.  
  212. {block:Quote}<h2>"{Quote}"</h1>{block:Source}<div class="qsource"><font size="3">&#10164;</font><br>{Source}</div>{/block:Source}{/block:Quote}
  213. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  214. {block:Text}{Body}{/block:Text}
  215.  
  216. {block:Link}
  217. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  218. {block:Description}<P>{Description}</p>{/block:Description}
  219. {/block:Link}
  220.  
  221. {block:ifPosts500}
  222. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  223. {/block:ifPosts500}
  224.  
  225. {block:ifPosts400}
  226. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  227. {/block:ifPosts400}
  228.  
  229. {block:ifPosts500}
  230. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  231. {/block:ifPosts500}
  232.  
  233. {block:ifPosts400}
  234. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  235. {/block:ifPosts400}
  236.  
  237. {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}
  238.  
  239. {block:ifPosts500}
  240. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  241. {/block:ifPosts500}
  242.  
  243. {block:ifPosts400}
  244. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  245. {/block:ifPosts400}
  246.  
  247. {block:Answer}<BR>
  248. <div id="qqq">
  249. <div id="asker"><img src="{AskerPortraitURL-24}"><div class="an">{Asker}</div></div>
  250. <div id="question">{Question}</div></div>
  251. <div id="answer">{Answer}</div>
  252. {/block:Answer}
  253.  
  254. {block:ifWhiteAudioPlayer}
  255. {block:Audio}
  256. {block:AlbumArt}
  257. <div class="album"><img src="{AlbumArtURL}"></div>
  258. {/block:AlbumArt}
  259. <div class="audio"><div class="aplay">{AudioPlayerWhite}</div></div>
  260. <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>
  261. {block:Caption}{Caption}{/block:Caption}
  262. {/block:Audio}<BR>
  263. {/block:ifWhiteAudioPlayer}
  264.  
  265. {block:ifBlackAudioPlayer}
  266. {block:Audio}
  267. {block:AlbumArt}
  268. <div class="album"><img src="{AlbumArtURL}"></div>
  269. {/block:AlbumArt}
  270. <div class="audio"><div class="aplay">{AudioPlayerBlack}</div></div>
  271. <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>
  272. {block:Caption}{Caption}{/block:Caption}
  273. {/block:Audio}<BR>
  274. {block:ifBlackAudioPlayer}
  275.  
  276. <div id="info">
  277. <div id="date"><div class="boxy">&#9701;</div> {block:NoteCount}<a href="{Permalink}">{NoteCount}N</a>&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;&nbsp;{/block:Notecount}<a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix}&nbsp;&nbsp;&nbsp;{ShortMonth}</a>
  278.  
  279. {block:RebloggedFrom}&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}/<a href="{SourceURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  280.  
  281. &nbsp;&nbsp;&middot;&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>
  282.  
  283. </div>
  284. {block:HasTags}<div class="tags">{block:Tags}<a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  285.  
  286.  
  287. </div>
  288. <BR><BR>
  289.  
  290. {/block:Posts}
  291.  
  292. {block:PostNotes}{PostNotes}{/block:PostNotes}
  293.  
  294.  
  295. </div>
  296.  
  297. </div>
  298.  
  299.  
  300. </body>
  301. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!