Advertisement
spongebobsquarepants

Theme 1 - Cigarettes

Jun 30th, 2013
489
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.54 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.  
  3. <!--
  4.  
  5. △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽
  6. △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽
  7.  
  8. THEME BY STARSBUKS
  9.  
  10. △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽
  11. △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽ △ ▽
  12.  
  13. -->
  14.  
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head><title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Sidebar" content="#ffffff"/>
  25. <meta name="color:Text" content="#a8a8a8"/>
  26. <meta name="color:Link" content="#b8b8b8"/>
  27. <meta name="color:description text" content="#ffffff"/>
  28. <meta name="color:Links Bg" content="#141414"/>
  29. <meta name="color:Desc Bg" content="#141414"/>
  30. <meta name="color:Tags" content="f0f0f0"/>
  31. <meta name="color:Hover" content="#f2f2f2"/>
  32. <meta name="color:Line" content="#f2f2f2"/>
  33. <meta name="color:Border" content="#e4e4e4"/>
  34. <meta name="color:Post" content="#ffffff"/>
  35. <meta name="color:Answer" content="#f8f8f8"/>
  36. <meta name="image:sidebar1" content=""/>
  37. <meta name="image:sidebar2" content=""/>
  38. <meta name="image:bg" content=""/>
  39. <meta name="text:Link 1" content="" />
  40. <meta name="text:Link 2" content="" />
  41. <meta name="text:Link 3" content=""/>
  42. <meta name="text:Link 4" content=""/>
  43. <meta name="text:Link 1 title" content="01"/>
  44. <meta name="text:Link 2 title" content="02"/>
  45. <meta name="text:Link 3 title" content="03"/>
  46. <meta name="text:Link 4 title" content="04"/>
  47. <meta name="color:scrollbar" content="f1f1f1"/>
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52. /* --- SCROLLBAR ---*/
  53.  
  54. ::-webkit-scrollbar {
  55. width: 5px;height: 5px;}
  56. {
  57. height: 6px;display: block;background-color: transparent;}
  58. ::-webkit-scrollbar-track-piece {
  59. background-color: transparent;}
  60. ::-webkit-scrollbar-thumb:vertical {
  61. height: 9px;background-color: {color:scrollbar};border-top:0px solid {color:scrollbar};border-bottom:0px solid {color:scrollbar};}
  62.  
  63.  
  64. /* --- BODY ---*/
  65.  
  66. body {
  67. background:{color:background};
  68. margin:0px;
  69. color:{color:text};
  70. font-family:Calibri;
  71. font-size:9px;
  72. line-height:100%;
  73. }
  74.  
  75. a {
  76. text-decoration:none;
  77. outline:none;
  78. -moz-outline-style:none;
  79. color:{color:link};
  80. }
  81.  
  82. img {
  83. border:none;
  84. }
  85.  
  86. blockquote {
  87. padding-left:5px;
  88. border-left:2px solid;
  89. }
  90.  
  91. blockquote blockquote {
  92. padding-left:5px;
  93. border-left:2px solid;
  94. }
  95.  
  96. h1 {
  97. font-size:9px;
  98. text-transform:uppercase;
  99. }
  100.  
  101. a:hover {
  102. opacity:10;
  103. color:{color:hover};
  104. -webkit-transition: all 0.7s ease;
  105. -moz-transition: all 0.7s ease;
  106. -o-transition: all 0.7s ease
  107. }
  108.  
  109. /* --- POST ENTRIES ---*/
  110.  
  111.  
  112. #entries {
  113. padding:10px;
  114. width:500px;
  115. margin-left:425px;
  116. margin-top:40px;
  117. font-size:10px;
  118. }
  119.  
  120. /* --- BODY: POSTS ---*/
  121.  
  122.  
  123. #post {
  124. width:500px;
  125. padding-bottom:20px;
  126. padding:10px;
  127. margin-top:15px;
  128. background-color:{color:Post};
  129. }
  130.  
  131. /* --- SIDEBAR IMAGE ---*/
  132.  
  133.  
  134. #sidebar {
  135. width:100px;
  136. position:fixed;
  137. margin-left:260px;
  138. margin-top:150px;
  139. opacity:.87;
  140. background-color:{color:Sidebar};
  141. }
  142.  
  143. #sidebarimage1 {
  144. width 100px;
  145. height:100px;
  146. }
  147.  
  148. #sidebarimage1 img {
  149. width:100px;
  150. height:100px;
  151. margin-top:40px;
  152. margin-left:0px;
  153. border:solid 0px;
  154. padding:0px;
  155. border-color: {color:border};
  156. background-color:{color:Sidebar};
  157. }
  158.  
  159. #sidebarimage2 {
  160. width:100px;
  161. height:100px;
  162. }
  163.  
  164. #sidebarimage2 img {
  165. width:100px;
  166. height:100px;
  167. margin-top:50px;
  168. margin-left:0px;
  169. border:solid 0px;
  170. padding:0px;
  171. background-color:{color:Sidebar};
  172. }
  173.  
  174.  
  175. /* --- SIDEBAR LINKS ---*/
  176.  
  177. .link1 {
  178. border: solid 0px;
  179. background-color:{color:Links Bg};
  180. width:44px;
  181. height:44px;
  182. font-size:30px;
  183. text-align:center;
  184. font-family:'times new';
  185. text-align:center;
  186. margin-top:-44px;
  187. margin-left:6px;
  188. text-align:center;
  189. text-transform:uppercase;
  190. word-spacing:2px;
  191. position:fixed;
  192. opacity:0;
  193. -moz-transition-duration:.7s;
  194. -webkit-transition-duration:.7s;
  195. -o-transition-duration:.7s;
  196. }
  197.  
  198. .link2 {
  199. border: solid 0px;
  200. background-color:{color:Links Bg};
  201. width:44px;
  202. height:44px;
  203. font-size:30px;
  204. text-align:center;
  205. font-family:'times new';
  206. text-align:center;
  207. margin-top:-44px;
  208. margin-left:50px;
  209. text-align:center;
  210. text-transform:uppercase;
  211. word-spacing:2px;
  212. position:fixed;
  213. opacity:0;
  214. -moz-transition-duration:.7s;
  215. -webkit-transition-duration:.7s;
  216. -o-transition-duration:.7s;
  217. }
  218.  
  219. .link3 {
  220. border: solid 0px;
  221. background-color:{color:Links Bg};
  222. width:44px;
  223. height:44px;
  224. font-size:30px;
  225. text-align:center;
  226. font-family:'times new';
  227. text-align:center;
  228. margin-top:0px;
  229. margin-left:6px;
  230. text-align:center;
  231. text-transform:uppercase;
  232. word-spacing:2px;
  233. position:fixed;
  234. opacity:0;
  235. -moz-transition-duration:.7s;
  236. -webkit-transition-duration:.7s;
  237. -o-transition-duration:.7s;
  238. }
  239.  
  240. .link4 {
  241. border: solid 0px;
  242. background-color:{color:Links Bg};
  243. width:44px;
  244. height:44px;
  245. font-size:30px;
  246. text-align:center;
  247. font-family:'times new';
  248. text-align:center;
  249. margin-top:0px;
  250. margin-left:50px;
  251. text-align:center;
  252. text-transform:uppercase;
  253. word-spacing:2px;
  254. position:fixed;
  255. opacity:0;
  256. -moz-transition-duration:.7s;
  257. -webkit-transition-duration:.7s;
  258. -o-transition-duration:.7s;
  259. }
  260.  
  261. #sidebar:hover
  262. .link1 {opacity:.80;
  263. -moz-transition-duration:.7s;
  264. -webkit-transition-duration:.7s;
  265. -o-transition-duration:.7s;
  266. }
  267.  
  268. #sidebar:hover
  269. .link2 {opacity:.80;
  270. -moz-transition-duration:.7s;
  271. -webkit-transition-duration:.7s;
  272. -o-transition-duration:.7s;
  273. }
  274.  
  275. #sidebar:hover
  276. .link3 {opacity:.80;
  277. -moz-transition-duration:.7s;
  278. -webkit-transition-duration:.7s;
  279. -o-transition-duration:.7s;
  280. }
  281.  
  282. #sidebar:hover
  283. .link4 {opacity:.80;
  284. -moz-transition-duration:.7s;
  285. -webkit-transition-duration:.7s;
  286. -o-transition-duration:.7s;
  287. }
  288.  
  289.  
  290. /* --- DESCRIPTION ---*/
  291.  
  292. #descriptionbg {
  293. position:fixed;
  294. margin-top:-154px;
  295. margin-left:6px;
  296. width:88px;
  297. height:88px;
  298. background-color:{color:Desc Bg};
  299. opacity:0;
  300. -moz-transition-duration:.7s;
  301. -webkit-transition-duration:.7s;
  302. -o-transition-duration:.7s;
  303.  
  304. }
  305.  
  306. #description {
  307. position:fixed;
  308. overflow:auto;
  309. font-family:cambria;
  310. line-height:90%;
  311. font-size:9px;
  312. font-style:none;
  313. width:75px;
  314. height:75px;
  315. margin-top:-155px;
  316. padding:8px;
  317. margin-left:4px;
  318. text-align:justify;
  319. color:{color:description text};
  320. opacity:0;
  321. -moz-transition-duration:.7s;
  322. -webkit-transition-duration:.7s;
  323. -o-transition-duration:.7s;
  324. }
  325.  
  326. #sidebar:hover #descriptionbg {opacity:.80;
  327. -moz-transition-duration:.7s;
  328. -webkit-transition-duration:.7s;
  329. -o-transition-duration:.7s;
  330. }
  331.  
  332. #sidebar:hover #description {opacity:.80;
  333. -moz-transition-duration:.7s;
  334. -webkit-transition-duration:.7s;
  335. -o-transition-duration:.7s;
  336. }
  337.  
  338. /* --- PAGINATION---*/
  339.  
  340.  
  341. #pagination1 {
  342. letter-spacing:1px;
  343. font-size:10px;
  344. z-index:9999;
  345. text-align:right;
  346. margin-top:32px;
  347. margin-left:-19px;
  348. text-transform:uppercase;
  349. position:fixed;
  350. font-family:times new;
  351. font-style:none;
  352. opacity:1;
  353. padding:20px;
  354. width:100px;
  355. }
  356.  
  357. #pagination2 {
  358. letter-spacing:1px;
  359. font-size:10px;
  360. z-index:9999;
  361. text-align:right;
  362. margin-top:-190px;
  363. margin-left:-90px;
  364. text-transform:uppercase;
  365. position:fixed;
  366. font-family:times new;
  367. font-style:none;
  368. opacity:1;
  369. padding:20px;
  370. width:100px;
  371. }
  372. /* --- POST INFO ---*/
  373.  
  374.  
  375. #info {
  376. text-align:left;
  377. margin-top:10px;
  378. text-transform:uppercase;
  379. font-size:8px;
  380. font-style:none;
  381. border-top:1px solid {color:Line}
  382. }
  383.  
  384. /* --- POST TAGS---*/
  385.  
  386.  
  387. #tags {
  388. font-family:cambria;
  389. letter-spacing:0px;
  390. text-transform:lowercase;
  391. font-size:10px;
  392. font-style:none;
  393. margin-top:2px;
  394. text-align:left;
  395. opacity:0;
  396. -moz-transition-duration:.6s;
  397. -webkit-transition-duration:.6s;
  398. -o-transition-duration:.6s;
  399. }
  400.  
  401. #post:hover #tags {opacity:1;
  402. margin-top:4px;
  403. -moz-transition-duration:.6s;
  404. -webkit-transition-duration:.6s;
  405. -o-transition-duration:.6s;
  406. }
  407.  
  408.  
  409. /* --- QUESTIONS ---*/
  410.  
  411. #asker {
  412. padding:5px;
  413. font-family:cambria;
  414. letter-spacing:1px;
  415. text-align:left;
  416. font-style:italic;
  417. margin-left:10px;
  418. border-left:3px #eee solid;
  419. background-color:{color:background}
  420. }
  421.  
  422. {CustomCSS}</style></head><body>
  423.  
  424. <div id="sidebar">
  425. <div id="sidebarimage1"><img src="{image:sidebar1}"></div>
  426. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  427.  
  428. <div id="descriptionbg"></div>
  429. <div id="description">{Description}
  430. </div>
  431.  
  432.  
  433. <div class="link1">
  434. <a href="{text:Link 1}"><font color="f1f1f1"><br><br>{text:Link 1 title}</br></br></font></a></div>
  435. <div class="link2">
  436. <a href="{text:Link 2}"><font color="f1f1f1"><br><br>{text:Link 2 title}</br></br></font></a></div>
  437. <div class="link3">
  438. <a href="{text:Link 3}"><font color="f1f1f1"><br><br>{text:Link 3 title}</br></br></a></font></div>
  439. <div class="link4">
  440. <a href="{text:Link 4}"><font color="f1f1f1"><br><br>{text:Link 4 title}</br></br></font></a>
  441. </div>
  442.  
  443.  
  444. {block:Pagination}<div id="pagination2">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}</div> <div id="pagination1"> {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>
  445. </div>{/block:Pagination}
  446.  
  447. </div>
  448.  
  449. <div id="entries">{block:Posts}<div id="post">
  450.  
  451. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  452.  
  453. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  454.  
  455. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  456.  
  457. {block:Quote}{Quote}{/block:Quote}
  458.  
  459. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  460.  
  461. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  462.  
  463. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  464. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  465. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  466. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  467. {/block:Audio}
  468.  
  469. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  470.  
  471. {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;">{Asker}: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  472.  
  473. <div id="info">
  474. <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  475. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  476. {/block:Posts}
  477. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  478. {/block:Posts}</div></div></div>
  479.  
  480.  
  481.  
  482. <!--
  483. THEME MAKER CREDIT
  484. -->
  485.  
  486. <div style="position:fixed;bottom:3px; right:3px; font-size:9px; letter-spacing:1px; font-family:times new; ;"><a href="http://starsbuks.tumblr.com/"><font color="000000">STARSBUKS</font></a></center></div>
  487.  
  488.  
  489. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement