API tools faq
paste
Advertisement
Shopcious

National anthem

Shopcious
Apr 21st, 2013
1,569
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.60 KB | None | 0 0
raw download clone embed print report
  1. <!-- National anthem theme by GHOSTINQ, i worked so hard on this theme so please give me the credit, thanks! -->
  2.  
  3. <html lang="en">
  4.  
  5. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8.  
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11.  
  12.  
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  14. <meta name="color:background" content="#fff"/>
  15. <meta name="color:text" content="#000"/>
  16. <meta name="color:link" content="#000"/>
  17. <meta name="color:color scheme" content="#eed9de"/>
  18. <meta name="color:hover" content="#fff"/>
  19. <meta name="image:sidebar" content="1"/>
  20. <meta name="image:Background" content=""/>
  21. <meta name="text:Link One Title" content="" />
  22. <meta name="text:Link One" content="" />
  23. <meta name="text:Link Two Title" content="" />
  24. <meta name="text:Link Two" content="" />
  25. <meta name="text:Link Three Title" content="" />
  26. <meta name="text:Link Three" content=""/>
  27.  
  28.  
  29. <style type="text/css">
  30.  
  31. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  32.  
  33. ::-webkit-scrollbar {width: 6px; height: 4px; background: #fff; }
  34.  
  35. ::-webkit-scrollbar-thumb { background-color: {color:color scheme}; -webkit-border-radius: 0px; border: 1px solid {color:color scheme};}
  36.  
  37. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 1s;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  38.  
  39. iframe#tumblr_controls:hover{text-shadow: 2px 2px 1px #000; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  40.  
  41.  
  42.  
  43. @font-face { font-family: rw; src: url('http://static.tumblr.com/fxpo5zq/y0bm4ndht/raleway_thin.otf'); }
  44.  
  45. @font-face { font-family: "candara"; src: url('http://static.tumblr.com/hvla4rs/pYLmiarfw/candara.ttf'); }
  46.  
  47. @font-face { font-family: "candarai"; src: url('http://static.tumblr.com/hvla4rs/JY8miarkt/candarai.ttf'); }
  48.  
  49. @font-face { font-family: "corbel"; src: url('http://static.tumblr.com/ygfurav/caImkw99p/corbel.ttf'); }
  50.  
  51.  
  52. body {
  53. margin:0px;
  54. background-color: {color:Background};
  55. background-image:url({image:Background});
  56. background-attachment: fixed;
  57. background-repeat: repeat;}
  58. body, div, p, textarea, submit, input{
  59. font-family: corbel;
  60. font-size: 10px;
  61. line-height:auto;
  62. letter-spacing:0px;
  63. color:{color:Text};
  64. }
  65.  
  66.  
  67.  
  68. a:link, a:active, a:visited{
  69. text-decoration: none;
  70. -webkit-transition-duration: 1.0s;
  71. color: {color:Link};}
  72.  
  73. a:hover{
  74. color: {color:hover};
  75. text-decoration: none;
  76. font-style: none;
  77. }
  78.  
  79. #ghostinq{
  80. z-index: 1;
  81. display: inline;
  82. float: left;
  83. position:fixed !important;
  84. width: 615px;
  85. height: 65px;
  86. padding: 4px;
  87. margin-top: 5px;
  88. margin-left: 430px;
  89. text-align:center;
  90. background-color: {color:color scheme};
  91. opacity: .9;
  92. font-family: rw;
  93. color: #fff;
  94. font-size: 60px;
  95. text-transform: uppercase;
  96. letter-spacing: 1px;
  97. border-radius: 3px;
  98. }
  99.  
  100.  
  101. #sidebar{
  102. display: inline-block;
  103. float: left;
  104. position:fixed !important;
  105. width:150px;
  106. padding: 15px;
  107. padding-bottom: 15px;
  108. height: 300px;
  109. margin-top:-9px;
  110. margin-left:257px;
  111. text-align:center;
  112. font-family: corbel;
  113. color: #696969;
  114. font-size: 9px;
  115. text-transform: none;
  116. opacity: 1;
  117. }
  118.  
  119. #sidebar img{
  120. opacity:.9;
  121. -webkit-filter: grayscale(50%);
  122. z-index: -9999999999999999999999999px;
  123. border-radius: 3px;
  124. }
  125.  
  126. #description{
  127. float: center;
  128. position:fixed !important;
  129. width:150px;
  130. height: 300px;
  131. margin-top:0px;
  132. margin-left:0px;
  133. text-align:center;
  134. font-family: corbel;
  135. color: #696969;
  136. font-size: 9px;
  137. text-transform: none;
  138.  
  139.  
  140. }
  141.  
  142.  
  143. #navigation{
  144. display: inline-block;
  145. float: left;
  146. position:fixed !important;
  147. width:auto;
  148. padding: 4px;
  149. height: auto;
  150. top:75px;
  151. margin-left:965px;
  152. text-align:left;
  153. background-color: transparent;
  154. font-family: candara;
  155. font-size: 8px;
  156. color: #696969;
  157. text-transform: uppercase;
  158. opacity: 1;
  159. z-index: 1;
  160. border-left: 1px dashed #d8d8d8;
  161. letter-spacing: 1px;
  162. }
  163.  
  164. #posts {
  165. float: center;
  166. width:563px;
  167. top: 80px;
  168. margin-left:427px;
  169. margin-right: auto;
  170. position:relative;
  171. overflow-y: hidden;
  172. opacity: 1;
  173. }
  174.  
  175. .entry{
  176. float:left;
  177. display: block;
  178. padding: 5px;
  179. padding-bottom: 2px;
  180. margin: 3px;
  181. overflow:hidden;
  182. width:250px;
  183. opacity: .8;
  184. border-radius: 3px;
  185. border: 1px solid #efefef;
  186. background-color:#ffffff;
  187. {block:PermalinkPage}
  188. width:514px;
  189. margin-right:1px;
  190. text-align:center;
  191. {/block:PermalinkPage}
  192. -webkit-filter: grayscale(60%);
  193. z-index: -9999999999999999999999999px;
  194. }
  195.  
  196. .entry img{
  197. border-radius: 3px;
  198. }
  199. .permalink{
  200. margin-right:0px;
  201. width:auto;
  202. padding: 7px;
  203. bottom: -50px;
  204. margin-left:5px;
  205. position: absolute;
  206. font-family: candara;
  207. text-transform:uppercase;
  208. font-size: 8px;
  209. text-align: center;
  210. letter-spacing: 1px;
  211. overflow:hidden;
  212. opacity: 0.0;
  213. background-color: #fafafa;
  214. border-radius: 3px;
  215. -webkit-transition: opacity 0.5s ease-in; opacity: 0.0;
  216. -webkit-transition: all 0.5s ease-in;
  217. -moz-transition: all 0.5s ease-in;
  218. transition: all 0.5s ease-in;
  219. }
  220.  
  221. .entry:hover .permalink{
  222. width:auto;
  223. overflow:visible;
  224. bottom:5px;
  225. border-radius: 3px;
  226. -webkit-transition: opacity 0.5s ease-in; opacity: 1;
  227. -webkit-transition: all 0.5s ease-in;
  228. -moz-transition: all 0.5s ease-in;
  229. transition: all 0.5s ease-in;
  230. }
  231.  
  232. .title{
  233. height: auto;
  234. padding: 2px;
  235. text-align:center;
  236. background-color: #bebebe;
  237. opacity: 1;
  238. font-family: candara;
  239. font-size: 8px;
  240. text-transform: uppercase;
  241. letter-spacing: 1px;
  242. color: #000;
  243. border-radius: 3px;
  244. }
  245.  
  246. #infscr-loading{
  247. bottom: -70px;
  248. position: absolute;
  249. left: 50%;
  250. margin-left:-8px;
  251. width:16px;
  252. height:11px;
  253. overflow:hidden;
  254. margin-bottom: 50px;
  255. }
  256.  
  257. #postnotes{
  258. text-align: justify;
  259. }
  260.  
  261.  
  262. {CustomCSS}
  263.  
  264. </style>
  265.  
  266. {block:IndexPage}
  267. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  268. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  269.  
  270. <script type="text/javascript">
  271. $(window).load(function () {
  272. var $content = $('#posts');
  273. $content.masonry({itemSelector: '.entry'}),
  274. $content.infinitescroll({
  275. navSelector : 'div#pagination',
  276. nextSelector : 'div#pagination a#nextPage',
  277. itemSelector : '.entry',
  278. loading: {
  279. finishedMsg: '',
  280. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  281. },
  282. bufferPx : 600,
  283. debug : false,
  284. },
  285. // call masonry as a callback.
  286. function( newElements ) {
  287. var $newElems = $( newElements );
  288. $newElems.hide();
  289. // ensure that images load before adding to masonry layout
  290. $newElems.imagesLoaded(function(){
  291. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  292.  
  293.  
  294. });
  295. });
  296. });
  297. </script>
  298. {/block:IndexPage}
  299.  
  300.  
  301. <title>{title}</title>
  302.  
  303. <link rel="shortcut icon" href="http://i49.tinypic.com/245mz3a.gif">
  304. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  305. <meta name="viewport" content="width=820" />
  306.  
  307. <script type="text/javascript">
  308.  
  309. </script>
  310.  
  311. <script language=JavaScript>
  312.  
  313. </script>
  314.  
  315.  
  316. </head>
  317.  
  318.  
  319. <body>
  320.  
  321.  
  322. <div id="navigation">
  323.  
  324. <a href="{text:Link One}">{text:Link One Title}</a> <br>
  325. <a href="{text:Link Two}">{text:Link Two Title}</a> <br>
  326. <a href="{text:Link Three}">{text:Link Three Title}</a> <br>
  327. <a href="http://ghostinq.tumblr.com/"> Credit</a>
  328.  
  329.  
  330. </div>
  331.  
  332. <div id="ghostinq">
  333. {title}
  334. </div>
  335.  
  336.  
  337.  
  338. <div id="sidebar">
  339. <img src="{image:sidebar}" width=150px></a>
  340.  
  341.  
  342.  
  343. <div id="description">
  344. <i>{Description}</i>
  345.  
  346.  
  347. <a href="http://tinypic.com?ref=4zu88p" target="_blank"><img src="http://i47.tinypic.com/4zu88p.png" border="0" alt="Image and video hosting by TinyPic" width= 150px> </a>
  348. </div>
  349.  
  350.  
  351.  
  352.  
  353.  
  354.  
  355.  
  356.  
  357.  
  358.  
  359. </center></div>
  360. </div>
  361.  
  362. <div class="left">
  363. <div id="posts">
  364. {block:Posts}
  365. <div class="entry">
  366.  
  367. {block:Answer}
  368. <div style="height: auto; padding: 2px; text-align:center; background-color: #fafafa; opacity: 1; font-family: candara; color: #fff; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; border-radius: 3px; border: 1px solid #bebebe; ">
  369.  
  370. {Asker}: {Question}</div>
  371. <div style="margin-top:2px; margin-bottom:4px; background-color: transparent; text-align:left; min-width: auto; border-radius: 3px;">
  372. {Answer}
  373. </div>
  374. {block:IndexPage}
  375.  
  376.  
  377. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  378. <a href="{Permalink}"><div style="margin-bottom:0px; text-align:right;"> {NoteCount} </div></a>
  379. {/block:IndexPage}
  380. {block:Answer}
  381.  
  382.  
  383. {block:Text}
  384. {block:Title}<div class="title">{Title}</div>{/block:Title}
  385. <span class="entrytext">{Body}</span></a>
  386. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px; "></div>
  387. <a href="{Permalink}"><div style="margin-bottom:0px; text-align:right; text-transform: uppercase;"> {NoteCountwithLabel} <a> &middot </a> <a href="{ReblogURL}" target="_blank">reblog</div></a>
  388. {/block:IndexPage}
  389. {block:Text}
  390.  
  391. {block:Link}
  392. <a href="{URL}"><span class="title">{Name}</span></a></center>
  393. <div style="margin-left:0px;">{block:Description}{Description}{/block:Description}</div>
  394. {block:IndexPage}
  395.  
  396. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  397. <a href="{Permalink}"><div style="margin-bottom:0px; text-align:right; text-transform: uppercase;"> {NoteCountwithLabel} <a> &middot </a> <a href="{ReblogURL}" target="_blank">reblog</div></a>
  398. {/block:IndexPage}
  399. {block:Link}
  400.  
  401. {block:Photo}
  402. {block:IndexPage}
  403. <div class="permalink"> <a href="{permalink}"> {NoteCountwithlabel}</a> / {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} / <a href="{ReblogURL}" target="_blank">Reblog</a> </span></div>
  404. {/block:IndexPage}
  405. {block:IndexPage}
  406. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px/></a>
  407. {/block:IndexPage}
  408. {block:permalinkpage}{LinkOpenTag}
  409. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=500px/>{LinkCloseTag}
  410. {/block:permalinkpage}
  411. {/block:Photo}
  412.  
  413.  
  414.  
  415.  
  416.  
  417. {block:Quote}
  418. <span class="title">{Quote}</span><br />
  419. {block:Source}{Source}{/block:Source}
  420. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  421. <a href="{Permalink}"><div style="margin-bottom:0px; text-align:right; text-transform: uppercase;"> {NoteCountwithLabel} <a> &middot </a> <a href="{ReblogURL}" target="_blank">reblog</div></a>
  422. {/block:IndexPage}
  423. {block:Quote}
  424.  
  425. {block:Chat}
  426. {block:Title}<span class="title">{Title}</span>{/block:Title}
  427. <ul class="chat">
  428. {block:Lines}
  429. <li class="user_{UserNumber}">
  430. {block:Label}
  431. <span class="label">{Label}</span>
  432. {/block:Label}
  433.  
  434. {Line}
  435. </li>
  436. {/block:Lines}
  437. </ul>
  438. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px; "></div>
  439. <a href="{Permalink}"><div style="margin-bottom:0px;text-align:right; text-transform: uppercase;"> {NoteCountwithLabel} <a> &middot </a> <a href="{ReblogURL}" target="_blank">reblog</div></a>
  440. {/block:IndexPage}
  441. {block:Chat}
  442.  
  443. {block:Audio}<div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  444. <center>{AudioPlayerWhite}
  445. </center>
  446.  
  447. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  448. <a href="{Permalink}"><div style="margin-bottom:0px; text-align:right; text-transform: uppercase;"> {NoteCountwithLabel} <a> &middot </a> <a href="{ReblogURL}" target="_blank">reblog</div></a>
  449. {/block:IndexPage}
  450. {block:Audio}
  451.  
  452.  
  453. {block:Video}<center>
  454. <div class="video">{Video-250}</div></center>
  455. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  456. <a href="{Permalink}"><div style="margin-bottom:0px; text-align:right; text-transform: uppercase;"> {NoteCountwithLabel}</a> <a> &middot </a> <a href="{ReblogURL}" target="_blank">reblog</div></a>
  457. {/block:IndexPage}
  458. {block:Video}
  459.  
  460.  
  461. {block:Photoset}
  462. <center>
  463. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  464. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  465. </center>
  466.  
  467. {block:IndexPage}
  468. <div class="permalink"> <a href="{permalink}"> {NoteCountwithlabel}</a> / {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} / <a href="{ReblogURL}" target="_blank">Reblog</a> </span></div>
  469. {/block:IndexPage}
  470. {/block:Photoset}
  471.  
  472.  
  473. {block:PostNotes}<div align="right">{caption}</div>
  474.  
  475. {block:RebloggedFrom}
  476. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> with {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  477. <br> Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  478. {block:HasTags}
  479. {block:Tags}<a href="{TagURL}">{Tag} </a>{/block:Tags} {/block:HasTags}
  480.  
  481. {/block:RebloggedFrom}
  482. </center></span>
  483. <br>
  484. <div id="postnotes">{PostNotes}</div><br>
  485.  
  486. <center>{block:ContentSource}
  487. <br><a href="{SourceURL}">
  488. {lang:Source}:
  489. {block:SourceLogo}
  490. <img src="{BlackLogoURL}" width="{LogoWidth}"
  491. height="{LogoHeight}" alt="{SourceTitle}" />
  492. {/block:SourceLogo}
  493. {block:NoSourceLogo}
  494. {SourceLink}
  495. {/block:NoSourceLogo}
  496. </a>
  497. {/block:ContentSource}</center>
  498. {/block:PostNotes}
  499. </div>
  500. {/block:Posts}
  501. </div></div>
  502.  
  503. {block:IndexPage}
  504. {block:Pagination}
  505. <div id="pagination">
  506. {block:NextPage}
  507. <a id="nextPage" href="{NextPage}"></a>
  508. {/block:NextPage}
  509. {block:PreviousPage}
  510. <a href="{PreviousPage}"></a>
  511. {/block:PreviousPage}
  512. </div>
  513. {/block:Pagination}
  514. {/block:IndexPage}
  515.  
  516. </div>
  517.  
  518.  
  519.  
  520.  
  521. </body>
  522.  
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531. </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!