API tools faq
paste
Advertisement
spongebobsquarepants

Theme 5 - Forget Forever

spongebobsquarepants
Jul 15th, 2013
249
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.15 KB | None | 0 0
raw download clone embed print report
  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:Tags" content="f0f0f0"/>
  28. <meta name="color:Hover" content="#f2f2f2"/>
  29. <meta name="color:Line" content="#f2f2f2"/>
  30. <meta name="color:sb image border" content="#111111"/>
  31. <meta name="color:Post" content="#ffffff"/>
  32. <meta name="color:Answer" content="#f8f8f8"/>
  33. <meta name="color:top bar links" content="#111111"/>
  34. <meta name="color:top bar" content="#111111"/>
  35. <meta name="color:tooltip background" content="#ffffff"/>
  36. <meta name="color:tooltip border" content="#111111"/>
  37. <meta name="color:tooltip text" content="#111111"/>
  38. <meta name="color:circles" content="#ffffff"/>
  39. <meta name="color:pagination" content="#111111"/>
  40. <meta name="color:questions background" content="#f9f9f9"/>
  41. <meta name="image:sidebar 1" content=""/>
  42. <meta name="image:sidebar 2" content=""/>
  43. <meta name="image:bg" content=""/>
  44. <meta name="text:link 1" content=""/>
  45. <meta name="text:link 1 title" content=""/>
  46. <meta name="text:link 2" content=""/>
  47. <meta name="text:link 2 title" content=""/>
  48. <meta name="text:link 3" content=""/>
  49. <meta name="text:link 3 title" content=""/>
  50. <meta name="text:link 4" content=""/>
  51. <meta name="text:link 4 title" content=""/>
  52. <meta name="color:scrollbar" content="#111111"/>
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.9;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  58.  
  59. /* --- SCROLLBAR ---*/
  60.  
  61. ::-webkit-scrollbar-thumb{background-color: {color:scrollbar}; border: 2px solid #fff;height:auto;}
  62. ::-webkit-scrollbar {height:9px;width:9px;background-color: {color:scrollbar};border: 4px solid #fff;}
  63.  
  64.  
  65. /* --- BODY ---*/
  66.  
  67. body {
  68. background:{color:background};
  69. margin:0px;
  70. color:{color:text};
  71. font-family:Calibri;
  72. font-size:9px;
  73. line-height:100%;
  74. }
  75.  
  76. a {
  77. text-decoration:none;
  78. outline:none;
  79. -moz-outline-style:none;
  80. color:{color:link};
  81. }
  82.  
  83. img {
  84. border:none;
  85. }
  86.  
  87. blockquote {
  88. padding-left:5px;
  89. border-left:2px solid;
  90. }
  91.  
  92. blockquote blockquote {
  93. padding-left:5px;
  94. border-left:2px solid;
  95. }
  96.  
  97. h1 {
  98. font-size:9px;
  99. text-transform:uppercase;
  100. }
  101.  
  102. a:hover {
  103. opacity:10;
  104. color:{color:hover};
  105. -webkit-transition: all 0.7s ease;
  106. -moz-transition: all 0.7s ease;
  107. -o-transition: all 0.7s ease
  108. }
  109.  
  110. /* --- POST ENTRIES ---*/
  111.  
  112.  
  113. #entries {
  114. padding:10px;
  115. width:400px;
  116. margin-left:430px;
  117. margin-top:30px;
  118. bottom:20px;
  119. font-size:10px;
  120. }
  121.  
  122. /* --- BODY: POSTS ---*/
  123.  
  124.  
  125. #post {
  126. width:400px;
  127. padding-bottom:15px;
  128. padding:10px;
  129. margin-top:15px;
  130. background-color:{color:Post};
  131. }
  132.  
  133. /* --- SIDEBAR IMAGE ---*/
  134.  
  135.  
  136. #sidebar {
  137. width:120px;
  138. height:230px;
  139. position:fixed;
  140. margin-left:165px;
  141. margin-top:165px;
  142. opacity:1;
  143. border:10px solid {color:sb image border};
  144. background-color:{color:Sidebar};
  145. }
  146.  
  147. #sidebarimage1 img {
  148. width:100px;
  149. height:100px;
  150. background-color:{color:sidebar};
  151. margin-top:10px;
  152. margin-left:10px;
  153. position:fixed;
  154. }
  155.  
  156. #sidebarimage2 img {
  157. width:100px;
  158. height:100px;
  159. background-color:{color:sidebar};
  160. margin-top:120px;
  161. margin-left:10px;
  162. position:fixed;
  163. }
  164.  
  165.  
  166. /* --- SIDEBAR LINKS ---*/
  167.  
  168. #linkbar {
  169. width:440px;
  170. height:35px;
  171. background-color:{color:top bar};
  172. position:fixed;
  173. top:0px;
  174. opacity:1;
  175. margin-left:430px;
  176. }
  177.  
  178. #link1 {
  179. width:25px;
  180. height:25px;
  181. border-radius:50%;
  182. position:fixed;
  183. margin-top:5px;
  184. margin-left:133px;
  185. font-family:'times new';
  186. line-height:190%;
  187. font-size:15px;
  188. text-transform:uppercase;
  189. text-align:center;
  190. background-color:{color:circles};
  191. -webkit-transition: all 0.5s ease;
  192. -moz-transition: all 0.5s ease;
  193. -o-transition: all 0.5s ease;
  194. -ms-transition: all 0.5s ease;
  195. transition: all 0.5s ease;
  196. }
  197.  
  198. #link2 {
  199. width:25px;
  200. height:25px;
  201. border-radius:50%;
  202. position:fixed;
  203. margin-top:5px;
  204. margin-left:183px;
  205. font-family:'times new';
  206. line-height:190%;
  207. font-size:15px;
  208. text-transform:uppercase;
  209. text-align:center;
  210. background-color:{color:circles};
  211. -webkit-transition: all 0.5s ease;
  212. -moz-transition: all 0.5s ease;
  213. -o-transition: all 0.5s ease;
  214. -ms-transition: all 0.5s ease;
  215. transition: all 0.5s ease;
  216. }
  217.  
  218. #link3 {
  219. width:25px;
  220. height:25px;
  221. border-radius:50%;
  222. position:fixed;
  223. margin-top:5px;
  224. margin-left:233px;
  225. font-family:'times new';
  226. line-height:190%;
  227. font-size:15px;
  228. text-transform:uppercase;
  229. text-align:center;
  230. background-color:{color:circles};
  231. -webkit-transition: all 0.5s ease;
  232. -moz-transition: all 0.5s ease;
  233. -o-transition: all 0.5s ease;
  234. -ms-transition: all 0.5s ease;
  235. transition: all 0.5s ease;
  236. }
  237.  
  238. #link4 {
  239. width:25px;
  240. height:25px;
  241. border-radius:50%;
  242. position:fixed;
  243. margin-top:5px;
  244. margin-left:283px;
  245. font-family:'times new';
  246. line-height:190%;
  247. font-size:15px;
  248. text-transform:uppercase;
  249. text-align:center;
  250. background-color:{color:circles};
  251. -webkit-transition: all 0.5s ease;
  252. -moz-transition: all 0.5s ease;
  253. -o-transition: all 0.5s ease;
  254. -ms-transition: all 0.5s ease;
  255. transition: all 0.5s ease;
  256. }
  257.  
  258. #link1:hover {
  259. border-radius: 0%;
  260. -webkit-transform: rotate(360deg);
  261. -moz-transform: rotate(360deg);
  262. -o-transform: rotate(360deg);
  263. -ms-transform: rotate(360deg);
  264. transform: rotate(360deg);
  265. }
  266.  
  267. #link2:hover {
  268. border-radius: 0%;
  269. -webkit-transform: rotate(360deg);
  270. -moz-transform: rotate(360deg);
  271. -o-transform: rotate(360deg);
  272. -ms-transform: rotate(360deg);
  273. transform: rotate(360deg);
  274. }
  275.  
  276. #link3:hover {
  277. border-radius: 0%;
  278. -webkit-transform: rotate(360deg);
  279. -moz-transform: rotate(360deg);
  280. -o-transform: rotate(360deg);
  281. -ms-transform: rotate(360deg);
  282. transform: rotate(360deg);
  283. }
  284.  
  285. #link4:hover {
  286. border-radius: 0%;
  287. -webkit-transform: rotate(360deg);
  288. -moz-transform: rotate(360deg);
  289. -o-transform: rotate(360deg);
  290. -ms-transform: rotate(360deg);
  291. transform: rotate(360deg);
  292. }
  293.  
  294. /* --- DESCRIPTION ---*/
  295.  
  296. #description {
  297. position:fixed;
  298. font-family:cambria;
  299. line-height:90%;
  300. font-size:9px;
  301. font-style:italic;
  302. width:100px;
  303. height:100px;
  304. overflow:auto;
  305. margin-top:10px;
  306. padding:0px;
  307. margin-left:10px;
  308. text-align:justify;
  309. background-color:{color:sidebar};
  310. color:{color:text};
  311. opacity:0;
  312. -webkit-transition: all 0.6s ease-in-out;
  313. -moz-transition: all 0.6s ease-in-out;
  314. -o-transition: all 0.6s ease-in-out;
  315. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  316. }
  317.  
  318. #sidebar:hover #description {
  319. opacity:1;
  320. -webkit-transition: all 0.6s ease-in-out;
  321. -moz-transition: all 0.6s ease-in-out;
  322. -o-transition: all 0.6s ease-in-out;
  323. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  324. }
  325.  
  326. /* --- PAGINATION---*/
  327.  
  328.  
  329. #pagination {
  330. width:140px;
  331. height:auto;
  332. font-size:8px;
  333. text-align:center;
  334. margin-left:165px;
  335. margin-top:420px;
  336. position:fixed;
  337. font-family:consolas;
  338. letter-spacing:0px;
  339. }
  340.  
  341. /* --- POST INFO ---*/
  342.  
  343.  
  344. #info {
  345. text-align:left;
  346. margin-top:10px;
  347. text-transform:uppercase;
  348. font-size:8px;
  349. font-style:none;
  350. border-top:1px solid {color:Line}
  351. }
  352.  
  353. /* --- POST TAGS---*/
  354.  
  355.  
  356. #tags {
  357. font-family:cambria;
  358. letter-spacing:0px;
  359. text-transform:lowercase;
  360. font-size:10px;
  361. font-style:italic;
  362. margin-top:4px;
  363. text-align:left;
  364. }
  365.  
  366. #tags
  367. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  368. -webkit-transition: all 0.6s ease-in-out;
  369. -moz-transition: all 0.6s ease-in-out;
  370. -o-transition: all 0.6s ease-in-out;
  371. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  372.  
  373.  
  374. /* --- QUESTIONS ---*/
  375.  
  376. #asker {
  377. padding:5px;
  378. font-family:calibri;
  379. letter-spacing:1px;
  380. text-align:left;
  381. font-style:italic;
  382. margin-left:10px;
  383. background-color:{color:questions background}
  384. }
  385.  
  386. #s-m-t-tooltip {
  387. max-width:300px;
  388. padding:3px 4px 5px 4px;
  389. margin:20px 0px 0px 20px;
  390. background-color:{color:tooltip background};
  391. border:1px solid {color:tooltip border};
  392. font-family:calibri;
  393. font-size:9px;
  394. letter-spacing:1px;
  395. text-transform:uppercase;
  396. color:{color:tooltip text};
  397. z-index:999999999999999999999999999999999999;
  398. }
  399.  
  400. {CustomCSS}</style></head>
  401.  
  402. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  403.  
  404. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  405.  
  406. <script>
  407.  
  408. (function($){
  409.  
  410. $(document).ready(function(){
  411.  
  412. $("a[title]").style_my_tooltips({
  413.  
  414. tip_follows_cursor:true,
  415.  
  416. tip_delay_time:90,
  417.  
  418. tip_fade_speed:600,
  419.  
  420. attribute:"title"
  421.  
  422. });
  423. });
  424.  
  425. })(jQuery);
  426.  
  427. </script>
  428.  
  429.  
  430. <body>
  431.  
  432. <div id="sidebar">
  433. <div id="sidebarimage1"><img src="{image:sidebar 1}">
  434. <div id="description">
  435. {Description}
  436. </div></div>
  437. <div id="sidebarimage2"><img src="{image:sidebar 2}"></div>
  438.  
  439.  
  440. </div>
  441.  
  442. <div id="linkbar">
  443.  
  444. <div id="link1">
  445. <a href="{text:link 1}" title="{text:link 1 title}"><font color="{color:top bar links}">I</font></a></div>
  446.  
  447. <div id="link2">
  448. <a href="{text:link 2}" title="{text:link 2 title}"><font color="{color:top bar links}">II</font></a></div>
  449.  
  450. <div id="link3">
  451. <a href="{text:link 3}" title="{text:link 3 title}"><font color="{color:top bar links}">III</font></a></div>
  452.  
  453. <div id="link4">
  454. <a href="{text:link 4}" title="{text:link 4 title}"><font color="{color:top bar links}">IV</font></a></div>
  455.  
  456. </div>
  457.  
  458.  
  459. {block:Pagination}<div id="pagination">
  460. {block:PreviousPage}<a href="{PreviousPage}"><font color="{color:pagination}">&larr;</font></a>&nbsp;&nbsp;{/block:PreviousPage}
  461. {block:JumpPagination length="5"}
  462. {block:CurrentPage}<span class="current_page"><font color="{color:pagination}">{PageNumber}</font></span>&nbsp;&nbsp;{/block:CurrentPage}
  463. {block:JumpPage}<a class="jump_page" href="{URL}"><font color="{color:pagination}">{PageNumber}</font></a>&nbsp;&nbsp;{/block:JumpPage}
  464. {/block:JumpPagination}
  465. {block:NextPage}<a href="{NextPage}"><font color="{color:pagination}">&rarr;</font></a>{/block:NextPage}
  466. </div>{/block:Pagination}
  467.  
  468. </div>
  469.  
  470. <div id="entries">{block:Posts}<div id="post">
  471.  
  472. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  473.  
  474. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  475.  
  476. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  477.  
  478. {block:Quote}{Quote}{/block:Quote}
  479.  
  480. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  481.  
  482. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  483.  
  484. {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>
  485. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  486. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  487. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  488. {/block:Audio}
  489.  
  490. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  491.  
  492. {block:Answer}<div id="asker"><span style="font-family:calibri;font-size:8px;font-style:italic;">{Asker}: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  493.  
  494. <div id="info">
  495. <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>
  496. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  497. {/block:Posts}
  498. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  499. {/block:Posts}</div></div></div>
  500.  
  501.  
  502.  
  503. <!--
  504. THEME MAKER CREDIT
  505. -->
  506.  
  507. <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="111111">STARSBUKS</font></a></center></div>
  508.  
  509.  
  510. </body></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!