Advertisement
hlmschpl

Theme 8 - Lucky Strike

Jan 12th, 2014
238
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.02 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9. <!---- Theme 8 - Lucky Strike (Don't Remove The Credit) --->
  10.  
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#838282"/>
  14. <meta name="color:Link" content="#b8b8b8"/>
  15. <meta name="color:textnav" content="#b8b8b8"/>
  16. <meta name="image:sidebar" content=""/>
  17. <meta name="color:linkhover" content="#cecece"/>
  18. <meta name="color:hover" content="#cecece"/>
  19. <meta name="color:Tags" content="f0f0f0"/>
  20. <meta name="color:Line" content="#f2f2f2"/>
  21. <meta name="color:bold" content="#cecece">
  22. <meta name="color:italic" content="#cecece">
  23. <meta name="color:asker bg" content="#f5f5f5">
  24. <meta name="color:border" content="#cecece">
  25. <meta name="color:scrollbar" content="#cecece">
  26.  
  27. <meta name="text:Link 1" content="" />
  28. <meta name="text:Link 1 Text" content="" />
  29. <meta name="text:Link 2" content="" />
  30. <meta name="text:Link 2 Text" content="" />
  31. <meta name="text:Link 3" content="" />
  32. <meta name="text:Link 3 Text" content="" />
  33. <meta name="text:Link 4" content="" />
  34. <meta name="text:Link 4 Text" content="" />
  35.  
  36. <meta name="if:Show Link 1" content="1" />
  37. <meta name="if:Show Link 2" content="1" />
  38. <meta name="if:Show Link 3" content="1" />
  39. <meta name="if:Show Link 4" content="1" />
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. ::-webkit-scrollbar-thumb {background-color: {color:scrollbar};; border: 2px solid #fff; height:auto;}
  45. ::-webkit-scrollbar {height:5px;width:9px;background-color: {color:scrollbar};;border:4px solid #fff;}
  46. ::selection {background-color:{color:scrollbar};}
  47.  
  48. body {
  49. background:{color:background};
  50. margin:0px;
  51. color:{color:text};
  52. font-family:calibri;
  53. font-size:12px;
  54. line-height:100%;
  55. }
  56.  
  57. a {
  58. color:{color:link};
  59. text-decoration: none;
  60. outline:none;
  61. -moz-outline-style:none;
  62. }
  63.  
  64. a:hover {
  65. color:{color:linkhover};
  66.  
  67. }
  68.  
  69. img {
  70. border:none;
  71. }
  72.  
  73. blockquote {
  74. padding-left:5px;
  75. border-left:2px solid;
  76. }
  77.  
  78. blockquote blockquote {
  79. padding-left:5px;
  80. border-left:2px solid;
  81. }
  82.  
  83. h1 {
  84. font-size: 9px;
  85. text-transform: uppercase;
  86. text-align: center;
  87. color: {color:text};
  88. font-family: helvetica;
  89. opacity: 1;
  90. letter-spacing:4px;
  91. }
  92.  
  93. b, strong {
  94. color:{color:bold};
  95. font-weight:bold;
  96. }
  97.  
  98. i, em {
  99. color:{color:italic};
  100. }
  101.  
  102.  
  103. a:link,a:visited{
  104. text-decoration:none;
  105. color:{color:links};
  106. -webkit-transition: all 0.5s ease-in-out;
  107. -moz-transition: all 0.5s ease-in-out;
  108. -o-transition: all 0.5s ease-in-out;
  109. -ms-transition: all 0.5s ease-in-out;
  110. transition: all 0.5s ease-in-out;
  111. }
  112.  
  113. a:hover {
  114. opacity:10;
  115. color:{color:hover};
  116. -webkit-transition: all 0.7s ease;
  117. -moz-transition: all 0.7s ease;
  118. -o-transition: all 0.7s ease
  119. }
  120.  
  121. #entries {
  122. padding:10px;
  123. width:500px;
  124. margin-left:500px;
  125. margin-top:100px;
  126. font-size:10px;
  127. background-color:{color:Post};
  128. }
  129.  
  130. #post {
  131. width:500px;
  132. padding-bottom:30px;
  133. padding:15px;
  134. margin-top:20px;
  135. background-color:{color:Post};
  136. }
  137.  
  138. #sidebar {
  139. width:100px;
  140. position:fixed;
  141. margin-left:110px;
  142. margin-top:300px;
  143. opacity:.80;
  144. height:auto;
  145. }
  146.  
  147. #sidebarimage {
  148. width 100px;
  149. margin-left:auto;
  150. margin-right:auto;
  151. }
  152.  
  153. #sidebarimage img {
  154. width:100px;
  155. padding:10px;
  156. display:block;
  157. border:1px solid {color:line};
  158. background:#fafafa;
  159. }
  160.  
  161. #description {
  162. width: 120px;
  163. font-size:7px;
  164. padding-top:7px;
  165. padding-bottom:7px;
  166. font-family: 'trebuchet ms';
  167. text-transform:uppercase;
  168. line-height:120%;
  169. margin-top:50px;
  170. margin-left:1px;
  171. text-align:justify;
  172. position:fixed;
  173. border-bottom:1px solid {color:line};
  174. }
  175.  
  176. #pagination{
  177. position:fixed;
  178. width:100px;
  179. padding:0px;
  180. height:50px;
  181. margin-left:15px;
  182. margin-top:165px;
  183. font-family:calibri;
  184. text-transform:uppercase;
  185. font-size:10px;
  186. line-height:5px;
  187. overflow:hidden;
  188. letter-spacing:0px;
  189. line-height:5px;
  190. background:transparent;
  191. text-align:center;
  192. }
  193.  
  194. #note {
  195. float:right;
  196. }
  197.  
  198. #info {
  199. text-align:left;
  200. margin-top:10px;
  201. padding: 5px;
  202. font-size:8px;
  203. color: {color:link};
  204. font-style:'trebuchet ms';
  205. letter-spacing:1px;
  206. text-transform: uppercase;
  207. border-top:1px solid {color:line};
  208. }
  209.  
  210.  
  211. .bubble {align:center;
  212. background: {color:asker bg};
  213. margin:0px 0px 5px 66px;padding:17px;
  214. position: relative;
  215. margin-left:0px;
  216. -moz-border-radius:5px;
  217. -webkit-border-radius:0px;
  218. border-radius:0px;
  219. border-right:10px solid {color:asker bg};
  220. }
  221.  
  222. .bubble p {
  223. margin:70px 50px;
  224. }
  225.  
  226. .bubble span {
  227. display:block;
  228. position:absolute;
  229. width:10px;
  230. height:10px;
  231. font-size: 0;line-height: 0px;left:-10px;top:10px;
  232. border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid {color:asker bg};}
  233.  
  234. .askborder {float: center;
  235. margin-left:50px;
  236. margin: 1px 4px 0 0;
  237. padding: 5px;
  238. background-color: {color:asker bg};
  239. }
  240.  
  241. .links {
  242. width:150px;
  243. padding: 9px;
  244. font-size:11px;
  245. text-align:justify;
  246. letter-spacing:5px;
  247. margin-top: -150px;
  248. margin-left: 80px;
  249. text-align:center;
  250. text-transform:uppercase;
  251. position:right;
  252. -webkit-transition: all 1s ease-out;
  253. -moz-transition: all 1s ease-out;
  254. }
  255.  
  256. .links a {
  257. margin-top:-15px;
  258. background-color:{color:border};
  259. display:inline-block;
  260. font-family:georgia;
  261. border:1px solid {color:line};
  262. font-size:8px;
  263. padding:5px 0px 2px 0px;
  264. width:20px;
  265. text-transform:uppercase;
  266. font-style:none;
  267. letter-spacing:0px;
  268. border-bottom:1px solid {color:line};
  269. text-shadow:8px 0px transparent, -10px 0px transparent;
  270. line-height:15px;
  271. padding:1px;
  272. }
  273.  
  274. .links a:hover {
  275. background-color: {color:linkhover};
  276. color:#ffffff;
  277. -moz-transition-duration:.6s;
  278. -webkit-transition-duration:.5s;
  279. -o-transition-duration:.5s;
  280. }
  281.  
  282. #title {
  283. text-align:center;
  284. width: 150px;
  285. color:{color:title};
  286. text-transform:uppercase;
  287. font-size: 9px;
  288. font-family: helvetica;
  289. margin-top:10px;
  290. margin-left:50px;
  291. letter-spacing:4px;
  292. line-height:130%;
  293. padding:5px;
  294. border-bottom:1px solid {color:line};
  295. }
  296.  
  297.  
  298. #tags {
  299. font-family:'trebuchet ms';
  300. letter-spacing:0px;
  301. text-transform:uppercase;
  302. font-size:8px;
  303. font-style:none;
  304. margin-top:-4px;
  305. text-align:center;
  306. color:{color:tags};
  307. }
  308.  
  309. #tags a {
  310. padding:-5px;
  311. text-align:right;
  312. }
  313.  
  314.  
  315. #audioplayer {
  316. width:25px;
  317. height:40px;
  318. overflow:hidden;
  319. position:absolute;
  320. margin-top:30px;
  321. margin-left:35px;
  322. opacity: 0.7;
  323. filter:alpha(opacity=70);
  324. -moz-opacity: 0.7;
  325. -khtml-opacity: 0.7;
  326. }
  327.  
  328. #albumart {
  329. float:left;
  330. margin:0px 7px;
  331. }
  332.  
  333. #cred {
  334. position:fixed;
  335. font-size:8px;
  336. line-height:150%;
  337. letter-spacing:1px;
  338. right:10px;
  339. bottom:10px;
  340. text-transform:uppercase;
  341. text-align:center;
  342. }
  343.  
  344. #cred a {
  345. padding:3px;
  346. }
  347.  
  348. {CustomCSS}</style></head><body>
  349.  
  350. <div id="sidebar">
  351. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  352.  
  353. <div id="title"><a href="/">{Title}</a></div>
  354.  
  355. <div class="links">
  356.  
  357. <br><a href="/">I</a>
  358. <a href="/ask">II</a><br><br>
  359. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  360. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}<br><br>
  361. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  362. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  363. </div>
  364.  
  365. <div id="description">
  366. {Description}
  367. </div>
  368.  
  369. <div id="pagination">
  370. {block:Pagination}
  371. {block:PreviousPage}
  372. <a href="{PreviousPage}"> Back</a>
  373. {/block:PreviousPage} -
  374. {block:NextPage}
  375. <a href="{NextPage}">Next </a>
  376. {/block:NextPage}
  377. {/block:Pagination}
  378. </div>
  379.  
  380. </div>
  381.  
  382. </div>
  383. <div id="entries">{block:Posts}<div id="post">
  384.  
  385. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  386.  
  387. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  388.  
  389. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  390.  
  391. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  392.  
  393. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  394.  
  395. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  396.  
  397. {block:Audio}
  398. <div id="audioplayer">{AudioPlayerWhite} </div>
  399. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80px">{/block:AlbumArt}</div><br><b>Song: </b> {block:TrackName}{TrackName}{/block:TrackName}<br /><b>Artist:</b> <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br /><b>Album:</b> <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br />{block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">Click Here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} <div class="caption"><br><br>{caption}</div>{/block:caption}
  400. {/block:Audio}
  401.  
  402. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  403.  
  404. {block:Answer}<div class="bubble"><span></span><b>{Asker}</b> asked: {Question}&nbsp;</div>{Answer}{/block:answer}
  405.  
  406. <div id="info">
  407. {block:Date}<div id="postinfo">- {MonthNumberWithZero}-{DayOfMonthWithZero} - <a href="{Permalink}">{24Hour}:{Minutes}</a><div id="note"> - <a href="{Permalink}">{NoteCount} <font color="#e26b7a"><big>❖</big></font></a>{/block:NoteCount}{block:RebloggedFrom} - <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} - <a href="{ReblogURL}">reblog</a>
  408. {block:ContentSource} - <a href="{SourceURL}"> Source - </a>{/block:ContentSource}</div> {/block:Date}</div>
  409. {block:HasTags}
  410. <div class="tags">
  411. {block:Tags}<a href="{TagURL}"> # - {Tag}</a>{/block:Tags}</div>
  412. {/block:HasTags}
  413.  
  414. </div>
  415.  
  416. </div>
  417. {/block:Posts}
  418. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  419. {/block:Posts}</div>
  420.  
  421. <div id="cred"><a href="http://hlmschpl.tumblr.com/">t h e m e</a></div>
  422. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement