Advertisement
sallydonovar

Rockets

Aug 30th, 2014
1,279
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.63 KB | None | 0 0
  1. <!----base by farahmir--->
  2. <!----theme by stravinskv--->
  3. <!----thank you for using!!!--->
  4.  
  5. <!DOCTYPE html>
  6. <head>
  7.  
  8.  
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!--Default Variables-->
  16.  
  17. <meta name="color:Background" content="#fff"/>
  18. <meta name="color:Text" content="#000"/>
  19. <meta name="color:Link" content="#000"/>
  20. <meta name="color:Border" content"#000"/>
  21. <meta name="color:Link Border" content="#c2e4f5"/>
  22. <meta name="color:Permalink" content="#000"/>
  23. <meta name="color:Permalink Text" content="#fff"/>
  24.  
  25. <meta name="image:Sidebar Image" content=""/>
  26. <meta name="image:Background" content=""/>
  27.  
  28. <meta name="text:Link 1 URL" content="" />
  29. <meta name="text:Link 1" content="" />
  30. <meta name="text:Link 2 URL" content="" />
  31. <meta name="text:Link 2" content="" />
  32. <meta name="text:Link 3 URL" content="" />
  33. <meta name="text:Link 3" content="" />
  34. <meta name="text:Link 4 URL" content="" />
  35. <meta name="text:Link 4" content="" />
  36.  
  37.  
  38. <!-- jquery for tooltips-->
  39.  
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42.  
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44.  
  45. <script>
  46.  
  47. (function($){
  48.  
  49. $(document).ready(function(){
  50.  
  51. $("a[title]").style_my_tooltips({
  52.  
  53. tip_follows_cursor:true,
  54.  
  55. tip_delay_time:30,
  56.  
  57. tip_fade_speed:300,
  58.  
  59. attribute:"title"
  60.  
  61. });
  62.  
  63. });
  64.  
  65. })(jQuery);
  66.  
  67. </script>
  68.  
  69.  
  70. <script type="text/javascript"
  71. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  72. <script type="text/javascript"
  73. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  74.  
  75. </script>
  76.  
  77.  
  78.  
  79. <!--CSS customization here. -->
  80.  
  81. <style type="text/css">
  82.  
  83. #s-m-t-tooltip{
  84. position:absolute;
  85. margin-top: 15px;
  86. z-index:9999;
  87. padding:2px;padding-right:5px;padding-left:5px;
  88. font-size:9px;
  89. border-radius:3px;
  90. color:{color:permalink text};
  91. background:{color:permalink};
  92. }
  93.  
  94.  
  95. *, body a:hover {
  96. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  97. }
  98.  
  99. /*basics*/
  100. ::-webkit-scrollbar {
  101. width:5px;
  102. height:5px}
  103. ::-webkit-scrollbar-track {
  104. background:#ffffff;}
  105. ::-webkit-scrollbar-thumb {background:#000000; border-top-right-radius:5px;}
  106.  
  107. blockquote {padding:5px 0 5px 30px;
  108. border-left:3px solid {color:peramlink text};
  109. margin-left:30px;
  110. }
  111.  
  112. body {
  113. background:{color:background};
  114. color:{color:text};
  115. font-family:arial;
  116. font-size:11px;
  117. text-align:justify;
  118. margin:0;
  119. line-height:16px;
  120. background: url('{image:Background}')repeat fixed center center;
  121. line-height:1.5em;}
  122.  
  123.  
  124. a {
  125. color:{color:link};
  126. text-decoration:none;
  127. }
  128.  
  129. a:hover {
  130. text-decoration:underline;}
  131.  
  132. img{opacity:1;
  133. border:none;
  134. text-decoration:none}
  135.  
  136.  
  137. small {
  138. font-size:9px;}
  139.  
  140. big {
  141. font-size:12px;}
  142.  
  143.  
  144. #title {font-size:12px;
  145. line-height:18px;
  146. font-weight:bold;
  147. margin-bottom:10px;
  148. text-transform:uppercase;
  149. text-align:left;}
  150.  
  151.  
  152. /*sidebar*/
  153.  
  154. #s2 {text-align:left;
  155. margin-left:350px;
  156. position:fixed;
  157. margin-top: 200px;
  158. width:200px;}
  159.  
  160. #blogt {font-size:22px;
  161. text-align:center;
  162. text-transform:uppercase;
  163. width:120px;
  164. padding:20px;
  165. padding-left:20px;padding-right:20px;
  166. font-weight:bold;
  167. font-family:arial;
  168. margin:-110px 0 140px 300px ;border-radius:15px;
  169. background:{color:permalink};
  170. color:{color:permalink text};}
  171.  
  172.  
  173.  
  174. #links {
  175. line-height:16px;
  176. text-transform:uppercase;
  177. width:160px;
  178. padding-top:10px;
  179. margin:20px 0 40px 305px;
  180. position:fixed;
  181.  
  182. }
  183.  
  184.  
  185. #links a {
  186. margin-right:3px;
  187. display:inline-block;
  188. margin-bottom:3px;
  189. background:transparent;
  190. border:3px solid {color:link border};
  191. border-radius:100%;
  192. height:25px; width:25px;
  193. }
  194.  
  195. #links a:hover {
  196. background:{color:link border};
  197. }
  198.  
  199.  
  200.  
  201. #sbi {
  202. width:150px;
  203. height:50px;overflow:hidden;
  204. border-radius:15px;
  205. border:3px solid {color:border};
  206. margin:0px 0 140px 300px ;border-radius:15px;
  207.  
  208. }
  209.  
  210. #description {
  211. margin:-160px 0 140px 300px ;width:125px;padding-top:10px;
  212. font-style:italic;text-align:left;padding-bottom:7px;
  213. }
  214.  
  215.  
  216. #s2 #description {
  217. opacity:0;
  218. margin-top:-195px;padding-left:15px;padding-right:15px;
  219. width:120px;border-radius:15px;
  220. height:34px;
  221. overflow-x:hidden;
  222. overflow:auto;
  223. border:3px solid {color:border};
  224. -webkit-transition:all .5s ease-out;
  225.  
  226. }
  227.  
  228. #s2:hover #description {
  229. opacity:0.99999;
  230. background:{color:background};
  231.  
  232. }
  233.  
  234.  
  235. /*pagination*/
  236.  
  237.  
  238. #pagination {
  239. position:fixed;
  240. width:150px;
  241. padding:5px;
  242. right:70px;
  243. bottom:50px;
  244. line-height:20px;
  245. font-size:22px;
  246. text-align:right;
  247. letter-spacing:1px;
  248. font-weight:bold;
  249. }
  250.  
  251. #pagination a:hover{
  252. text-decoration:none;
  253. }
  254.  
  255.  
  256. /*posts*/
  257.  
  258. #entries {
  259. width:250px;
  260. margin-top:100px;
  261. margin-left:200px;
  262. }
  263.  
  264.  
  265.  
  266. #posts {
  267. width:250px;
  268. {block:IndexPage}
  269. margin-bottom:105px;
  270. {/block:IndexPage}
  271. {block:PermalinkPage}
  272. margin-bottom:50px;
  273. {/block:PermalinkPage}
  274.  
  275. }
  276.  
  277. #post a:hover{
  278. padding-bottom:0px;
  279. -webkit-transition: all 0.2s ease-in-out;
  280. -moz-transition: all 0.2s ease-in-out;
  281. -o-transition: all 0.2s ease-in-out;
  282. -ms-transition: all 0.2s ease-in-out;
  283. transition: all 0.2s ease-in-out;
  284. }
  285.  
  286. #posts img {
  287. border-bottom:20px solid {color:permalink};
  288. border-bottom-right-radius:5px;
  289. border-bottom-left-radius:5px;
  290. max-width:250px;
  291. -webkit-transition:all .3s ease-out;
  292. -o-transition:all .3s ease-out;
  293. -moz-transition:all .3s ease-out;
  294. transition:all .3s ease-out;
  295. }
  296.  
  297.  
  298. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  299. .caption {
  300. margin-top:10px;
  301. background:{color:permalink};
  302. color:{color:permalink text};
  303. width:225px;
  304. border-radius:5px;
  305. padding:15px;
  306. }
  307.  
  308.  
  309. .caption a{color:{color:permalink text};}
  310.  
  311.  
  312. .arrow_box {
  313. position: relative;
  314. background: transparent;}
  315.  
  316.  
  317.  
  318. .arrow_box {
  319. position: relative;
  320. background: transparent;
  321.  
  322. }
  323. .arrow_box:after, .arrow_box:before {
  324. top: 100%;
  325. left: 50%;
  326. border: solid transparent;
  327. content: " ";
  328. height: 0;
  329. width: 0;
  330. position: absolute;
  331. pointer-events: none;
  332. }
  333.  
  334. .arrow_box:after {
  335. border-color: rgba(136, 183, 213, 0);
  336. border-top-color: {color:permalink};
  337. border-width: 10px;
  338. margin-left: -30px;
  339.  
  340. }
  341.  
  342. /*quote*/
  343.  
  344. #titlequote{text-align:left;
  345. font-size:14px;
  346. line-height:18px;
  347. font-weight:bold;
  348. }
  349. #source {
  350. margin-top:15px;
  351. margin-left:px;background:{color:permalink};
  352. color:{color:permalink text};padding:10px;border-radius:5px;
  353. }
  354. #source a{
  355. color:{color:Permalink text};
  356. }
  357.  
  358. /*audio*/
  359.  
  360. .player {
  361. width:50px;
  362. height:52px;
  363. margin-left:-3px;border-radius:5px;
  364. overflow:hidden;
  365. position:absolute;
  366. background:{color:Permalink};}
  367.  
  368. .aplay {
  369. width:20px;
  370. overflow:hidden;
  371. margin-top:13px;
  372. margin-left:10px;
  373. }
  374.  
  375. .audioinfo {
  376. margin-left:50px;background:{color:permalink}; color:{color:Permalink text}; padding:10px;border-radius:5px;
  377. }
  378.  
  379.  
  380. /*asks*/
  381. .q {margin-bottom:-20px;
  382. background:{color:permalink};color:{color:permalink text};padding:10px;
  383. border-radius:5px;}
  384. .as {
  385. font-weight:bold;color:{color:permalink text};}
  386.  
  387. .q a{
  388. color:{color:permalink text};
  389. }
  390.  
  391. .a {border:2px solid {color:permalink};
  392. padding:5px;border-radius:5px;padding-left:15px;
  393. margin-top:30px;
  394.  
  395. }
  396.  
  397. /*text post*/
  398. .tp {
  399. margin-top:15px;
  400. margin-left:px;background:{color:permalink};
  401. color:{color:permalink text};padding:10px;border-radius:5px;
  402. }
  403. .tp a{
  404. color:{color:Permalink text};
  405. }
  406.  
  407.  
  408. /*chat*/
  409.  
  410. .chat ol {
  411. padding:0;
  412. list-style:none;
  413. }
  414. .line {padding:5px 0;}
  415.  
  416. .label {font-weight:bold;
  417. }
  418.  
  419.  
  420.  
  421.  
  422.  
  423.  
  424. /*permalink and notes*/
  425. {block:IndexPage}
  426. #posts #permalink {
  427. opacity:0;
  428. -webkit-transition: all 0.5s ease-in-out;
  429. -moz-transition: all 0.5s ease-in-out;
  430. -o-transition: all 0.5s ease-in-out;
  431. -ms-transition: all 0.5s ease-in-out;
  432. transition: all 0.5s ease-in-out;
  433. }
  434.  
  435. #posts #permalink:hover{
  436. margin-top:10px;
  437. opacity:1;
  438. margin-bottom:0px;
  439.  
  440. }
  441. {/block:IndexPage}
  442.  
  443.  
  444. #permalink {
  445. margin-top:15px;
  446. font-size:9px;
  447. padding:10px;
  448. margin-right:-20px;
  449. text-align:right;
  450. text-transform:lowercase;
  451.  
  452. }
  453. #permalink a {margin-right:10px;color:{color:permalink text};-webkit-transition:all .2s ease-out;}
  454.  
  455.  
  456. .tags {
  457. word-break:break-all;
  458. font-size:9px;
  459. line-height:30px;
  460. text-align:right;
  461. color:{color:permalink text};
  462. margin-top:20px;
  463. }
  464.  
  465. .tags a{
  466. background:{color:permalink};
  467. color:{color:permalink text};
  468. -webkit-transition:all .2s ease-out;
  469. padding:3px;
  470. padding-right:5px;
  471. padding-left:5px;
  472. border-radius:3px;
  473. }
  474.  
  475. .tags a:hover {text-decoration:none;background:{color:permalink text};color:{color:permalink};border:1px solid {color:permalink};}
  476.  
  477.  
  478. ol.notes {
  479. list-style-type:none;
  480. text-transform: lowercase;
  481. margin:0px 40px 40px -20px;
  482. border:3px solid {color:border};
  483. width:250px;height:150px;
  484. overflow-y:hidden;overflow:auto;border-radius:5px;
  485. }
  486. ol.notes li {
  487. padding:10px;
  488. margin-left:-30px;
  489. border-radius:5px;
  490. }
  491. ol.notes li:nth-child(even) {
  492. background:#000;
  493. color:#fff;
  494. }
  495. ol.notes li:nth-child(even) a{color:#fff;}
  496. ol.notes li img {
  497. display:none;
  498. }
  499.  
  500. {CustomCSS}
  501.  
  502.  
  503. </style>
  504.  
  505.  
  506.  
  507. </head>
  508.  
  509. <body>
  510.  
  511.  
  512.  
  513.  
  514.  
  515. <div id="dline">
  516. <div id="s2">
  517. <div id="sbi"><img src="{image:Sidebar Image}"></div>
  518. <div id="description">{Description}</div>
  519. <div id="blogt">{Title}</div><div class="arrow_box" style="text-align:right; margin-left:435px; font-size:24px;margin-top:-160px">.</div>
  520.  
  521. <div id="links">
  522.  
  523. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"></a>{/block:ifLink1}&nbsp;
  524. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"></a>{/block:ifLink2}&nbsp;
  525. {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}"></a>{/block:ifLink3}&nbsp;
  526. {block:ifLink4}<a href="{text:Link 4 URL}" title="{text:Link 4}"></a>{/block:ifLink4}&nbsp;
  527.  
  528.  
  529. </div></div>
  530.  
  531.  
  532.  
  533. </div>
  534.  
  535. <div id="pagination">
  536. {block:Pagination}
  537. {block:PreviousPage}
  538. <a href="{PreviousPage}">←previous</a>
  539. {/block:PreviousPage}
  540. <br>
  541. {block:NextPage}
  542. <a href="{NextPage}">next→</a>
  543. {/block:NextPage}
  544. {/block:Pagination}
  545. </div>
  546.  
  547. <div id="entries">
  548.  
  549. {block:Posts}
  550.  
  551. <div id="posts">
  552.  
  553.  
  554. {block:Quote}
  555.  
  556.  
  557. <div id="titlequote">“{Quote}”</div>
  558. {block:Source}<div id="source">&mdash; {Source}</div>{block:IndexPage}<div class="arrow_box" style="text-align:right; margin-left:200px; font-size:24px;margin-top:-20px">.</div>{/block:IndexPage}{/block:Source}
  559. {/block:Quote}
  560.  
  561.  
  562.  
  563. {block:Text}
  564.  
  565. {block:Title}
  566. <div id="title">{Title}</div>{/block:Title}<div class="tp">
  567. {Body}</div><div class="arrow_box" style="text-align:right; margin-left:200px; font-size:24px;margin-top:-20px">.</div>
  568. {/block:Text}
  569.  
  570. {block:Link}
  571. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  572. {/block:Link}
  573.  
  574. {block:Chat}
  575. {block:Title}
  576. <h1>{Title}</h1>
  577. {/block:Title}
  578. <div class="chat">
  579. <ol>{block:Lines}
  580. <li class="line {Alt}">
  581. {block:Label}
  582. <span class="label">
  583. {Label}</span>
  584. {/block:Label}{Line}</li>
  585. {/block:Lines}
  586. </ol></div>
  587. {/block:Chat}
  588.  
  589.  
  590. {block:Photo}
  591. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:IndexPage}<div class="arrow_box" style="text-align:right; margin-left:200px; font-size:24px;margin-top:-20px">.</div>{/block:IndexPage}
  592. {/block:Photo}
  593.  
  594. {block:Photoset}
  595. {Photoset-250}
  596. {/block:Photoset}
  597.  
  598. {block:Video}
  599. {Video-250}
  600. {/block:Video}
  601.  
  602. {block:Audio}
  603. {block:AlbumArt}
  604. <img src="{AlbumArtURL}">
  605. {/block:AlbumArt}
  606. <div class="player"><div class="aplay">{AudioPlayerBlack}</div></div>
  607. <div class="audioinfo">
  608. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  609. </div>{block:IndexPage}<div class="arrow_box" style="text-align:right; margin-left:200px; font-size:24px;margin-top:-20px">.</div>{/block:IndexPage}
  610. {/block:Audio}
  611.  
  612. {block:Answer}
  613. <div class="q">
  614. <div class="as">{Asker} said: </div>
  615. {Question}</div><div class="arrow_box" style="text-align:right; margin-left:200px; font-size:30px;">.</div>
  616. <div class="a">{Answer}</div>
  617. {/block:Answer}
  618.  
  619. {block:permalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<div class="arrow_box" style="text-align:right; margin-left:200px; font-size:24px;margin-top:-20px">.</div>{/block:PermalinkPage}
  620.  
  621. {block:Date}
  622. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>, {/block:Tags}</div>{/block:HasTags}
  623. <div id="permalink">
  624.  
  625. <a href="{Permalink}" style="background:#000; color:#fff; padding:3px;padding-right:5px; padding-left:5px; border-radius:3px" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}" style="background:#000; color:#fff; padding:3px;padding-right:5px; padding-left:5px; border-radius:3px">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="background:#000; color:#fff; padding:3px;padding-right:5px; padding-left:5px; border-radius:3px">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}" style="background:#000; color:#fff; padding:3px;padding-right:5px; padding-left:5px; border-radius:3px">source</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  626.  
  627.  
  628. {/block:Date}
  629.  
  630.  
  631.  
  632. </div>
  633.  
  634.  
  635. {block:PostNotes}
  636. <div id="notes">
  637. {PostNotes}</div>
  638. {/block:PostNotes}
  639.  
  640.  
  641. {/block:Posts}
  642.  
  643.  
  644.  
  645.  
  646.  
  647. </div>
  648.  
  649. </div>
  650.  
  651.  
  652. {block:ContentSource}
  653. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  654. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  655. {/block:SourceLogo}
  656. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  657. {/block:ContentSource}
  658.  
  659. </body>
  660.  
  661.  
  662. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement