API tools faq
paste
q_shiner

Galactic Theme

q_shiner
Dec 15th, 2016
232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.88 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html>
  4.  
  5. <head>
  6.  
  7. <!------ theme by SHINER - shxnr.tumblr.com ---- please repost or claim as own !------>
  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:backgroundstart" content="#ffffff"/>
  18. <meta name="color:backgroundend" content="#310557"/>
  19. <meta name="color:title" content="#fff"/>
  20. <meta name="color:text" content="#2b2b2b"/>
  21. <meta name="color:link" content="#2b2b2b"/>
  22. <meta name="color:link hover" content="#949494"/>
  23. <meta name="color:blockquote" content="#dadada"/>
  24. <meta name="color:header" content="#000"/>
  25.  
  26. <meta name="image:header" content=""/>
  27. <meta name="image:link 1" content=""/>
  28. <meta name="image:link 2" content=""/>
  29. <meta name="image:link 3" content=""/>
  30. <meta name="image:link 4" content=""/>
  31.  
  32. <meta name="text:link 1 URL" content="" />
  33. <meta name="text:link 1" content="" />
  34. <meta name="text:link 2 URL" content="" />
  35. <meta name="text:link 2" content="" />
  36. <meta name="text:link 3 URL" content="" />
  37. <meta name="text:link 3" content="" />
  38. <meta name="text:link 4 URL" content="" />
  39. <meta name="text:link 4" content="" />
  40.  
  41. <!--CSS customization here. -->
  42.  
  43. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  44.  
  45. <!--masonry-- (dont remove unless you want wierd columns-->
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48. <!--end-->
  49.  
  50. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  51. <script src=“http://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js”></script>
  52.  
  53.  
  54.  
  55. <style type="text/css">
  56. /*basics*/
  57.  
  58. blockquote {
  59. padding-left:12px;
  60. border-left:3px solid {color:blockquote};
  61. margin-left:8px;
  62. }
  63.  
  64. ul {
  65. list-style:none;
  66. text-align:left;
  67. padding-left:0;
  68. }
  69.  
  70. li {
  71. position:relative;
  72. padding-left:30px;
  73. }
  74.  
  75. ul li:before {
  76. position:absolute;
  77. left:15px;
  78. vertical-align:baseline!important;
  79. content:'›';
  80. }
  81.  
  82. body {
  83. background: {color:backgroundstart}; /* For browsers that do not support gradients */
  84. background: -webkit-linear-gradient({color:backgroundstart}, {color:backgroundend}); /* For Safari 5.1 to 6.0 */
  85. background: -o-linear-gradient({color:backgroundstart}, {color:backgroundend}); /* For Opera 11.1 to 12.0 */
  86. background: -moz-linear-gradient({color:backgroundstart}, {color:backgroundend}); /* For Firefox 3.6 to 15 */
  87. background: linear-gradient({color:backgroundstart}, {color:backgroundend}); /* Standard syntax */
  88. background-repeat: no-repeat;
  89. background-attachment: fixed;
  90. color:{color:text};
  91. font-family:arial;
  92. font-size:11px;
  93. margin:0;
  94. text-align:justify;
  95. line-height:16px;
  96. }
  97.  
  98. a {
  99. color:{color:link};
  100. -moz-transition-duration:0.4s;
  101. -webkit-transition-duration:0.4s;
  102. -o-transition-duration:0.4s;
  103. text-decoration:none;
  104. }
  105.  
  106. a:hover {
  107. color:{color:link hover};
  108. -moz-transition-duration:0.4s;
  109. -webkit-transition-duration:0.4s;
  110. -o-transition-duration:0.4s;
  111. }
  112.  
  113.  
  114.  
  115. #header {
  116. background:{color:header} url({image:header});
  117. width:100%;
  118. height:100px;
  119. margin-top:-120px;
  120. position:fixed;
  121. z-index:99;
  122. }
  123.  
  124. #title {
  125. display:inline;
  126. font-size:38px;
  127. letter-spacing:2px;
  128. margin:40px;
  129. text-align:left;
  130. margin-left:50px;
  131. position:fixed;
  132. font-family:'Quicksand' ;
  133. }
  134.  
  135. #title a{
  136. color:{color:title};
  137. -moz-transition-duration:0.8s;
  138. -webkit-transition-duration:0.8s;
  139. -o-transition-duration:0.8s;
  140. }
  141.  
  142. #title a:hover {
  143. letter-spacing:5px;
  144. -moz-transition-duration:0.8s;
  145. -webkit-transition-duration:0.8s;
  146. -o-transition-duration:0.8s;
  147. }
  148.  
  149. #links {
  150. display:inline;
  151. margin-left:250px;
  152. position:fixed;
  153. }
  154.  
  155. #links img {
  156. height:40px;
  157. width:auto;
  158. margin:30px;
  159. -moz-transition-duration:0.4s;
  160. -webkit-transition-duration:0.4s;
  161. -o-transition-duration:0.4s;
  162. }
  163.  
  164. #links img:hover {
  165. height:50px;
  166. margin:20px;
  167. -moz-transition-duration:0.4s;
  168. -webkit-transition-duration:0.4s;
  169. -o-transition-duration:0.4s;
  170. }
  171.  
  172. #description {
  173. margin-top:30px;
  174. margin-left:80%;
  175. width:200px;
  176. font-size:10px;
  177. text-align:right;
  178. color:{color:title};
  179. }
  180. /*pagination*/
  181.  
  182. #pagination {
  183. text-transform:lowercase;
  184. text-align:center;
  185. font-size:13px;
  186. margin-bottom:120px;
  187. }
  188.  
  189. #pagination a {
  190. padding:0 3px;
  191. }
  192.  
  193. #pagination {
  194. display: none;}
  195.  
  196. /*container*/
  197.  
  198. #container {
  199. left:10%;
  200. margin-left:-140px;
  201. position:absolute;
  202. width:1500px;
  203. {block:PermalinkPage}
  204. width:500px;
  205. left:40%;
  206. {/block:PermalinkPage}
  207. }
  208.  
  209.  
  210. @-webkit-keyframes cssAnimation {
  211. from{
  212. -webkit-transform: scale(0.871);}
  213. to{
  214. -webkit-transform:scale(1); }
  215. }
  216.  
  217. @-moz-keyframes cssAnimation {
  218. from{
  219. -moz-transform:scale(0.871);}
  220. to{
  221. -moz-transform: scale(1); }
  222. }
  223.  
  224. @-o-keyframes cssAnimation {
  225. from{
  226. -o-transform: scale(0.871);
  227. }
  228.  
  229. to{
  230. -o-transform: scale(1);}
  231. }
  232.  
  233. /*posts*/
  234.  
  235. #content {
  236. margin-top:120px;
  237. width:1500px;
  238. font-size:9px;
  239. margin-left:10px;
  240. }
  241.  
  242. .entry {
  243. background-color:{color:posts};
  244. font-family:{font:body text};
  245. text-align:left;
  246. z-index:9;
  247. float:left;
  248. {block:IndexPage}
  249. width:400px;
  250. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  251. -moz-animation: cssAnimation 1s 1 ease-in-out;
  252. -o-animation: cssAnimation 1s 1 ease-in-out;
  253. {/block:IndexPage}
  254. {block:PermalinkPage}
  255. width:500px;
  256. {/block:PermalinkPage}
  257. overflow:hidden;
  258. margin:20px;
  259. padding: 15px;
  260. border:1px solid {color:borders};
  261. }
  262.  
  263. .entry img {
  264. max-width:400px;
  265. }
  266.  
  267. .entry img, #posts li, #posts blockquote {
  268. max-width: 100%;
  269. }
  270.  
  271. .caption {
  272. width:400px;
  273. margin-top:13px;
  274. margin-bottom:12px;
  275. }
  276.  
  277. a.tumblr_blog {
  278. font-weight:bold;
  279. -moz-transition-duration:0.4s;
  280. -webkit-transition-duration:0.4s;
  281. -o-transition-duration:0.4s;
  282. }
  283.  
  284. /*quote*/
  285.  
  286. #titlequote {
  287. text-align:left;
  288. font-size:12px;
  289. line-height:17px;
  290. font-weight:bold;
  291. }
  292.  
  293. #source {
  294. margin-top:0px;
  295. margin-bottom:11px;
  296. margin-left:0px;
  297. }
  298.  
  299. /*asks*/
  300.  
  301. .q {
  302. line-height:17px;
  303. font-size:11px;
  304. }
  305.  
  306. .as {
  307. font-weight:normal;
  308. }
  309.  
  310. .a {
  311. margin-top:13px;
  312. }
  313.  
  314. /*chat*/
  315.  
  316. .chat ol {
  317. padding:0;
  318. list-style:none;
  319. }
  320.  
  321. .line {
  322. padding:0px 0;
  323. }
  324.  
  325. .label {
  326. font-weight:bold;
  327. }
  328.  
  329. /*permalink and notes*/
  330.  
  331. #permalink {
  332. {block:PermalinkPage}
  333. display:none;
  334. {/block:PermalinkPage}
  335. position:absolute;
  336. margin-top:-5px;
  337. background-color:{color:posts};
  338. opacity:1;
  339. height:auto;
  340. -webkit-transition: all .7s ease;
  341. -moz-transition: all .7s ease;
  342. -o-transition: all .7s ease;
  343. transition: all .7s ease;
  344. }
  345.  
  346.  
  347.  
  348. .tags {
  349. text-transform:none;
  350. width:250px;
  351. display:none;
  352. }
  353.  
  354. .pagenotes {
  355. {block:IndexPage}
  356. display: none!important;
  357. {/block:IndexPage}
  358. width:250px;
  359. text-align:left;
  360. }
  361.  
  362. .pagenotes img {
  363. display:none!important;
  364. }
  365.  
  366. .pagenotes li {
  367. list-style-type:none;
  368. padding:2px 0px;
  369. text-align:left;
  370. margin:0 0 0 -40px;
  371. }
  372.  
  373. #credit {
  374. margin-top:5px;
  375. margin-left:80%;
  376. width:200px;
  377. font-size:10px;
  378. text-align:right;
  379. color:{color:header};
  380. -webkit-transition: all .3s ease;
  381. -moz-transition: all .3s ease;
  382. -o-transition: all .3s ease;
  383. transition: all .3s ease;
  384. }
  385.  
  386.  
  387. #credit a {
  388. font-size:15px;
  389. color:{color:title};
  390. opacity:1;
  391. -webkit-transition: all .7s ease;
  392. -moz-transition: all .7s ease;
  393. -o-transition: all .7s ease;
  394. transition: all .7s ease;
  395. }
  396.  
  397. #credit a:hover {
  398. opacity:0;
  399. -webkit-transition: all .7s ease;
  400. -moz-transition: all .7s ease;
  401. -o-transition: all .7s ease;
  402. transition: all .7s ease;
  403. }
  404.  
  405.  
  406.  
  407. {CustomCSS}
  408.  
  409. </style>
  410.  
  411. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  412. <!---masonry--->
  413. {block:indexpage}
  414. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  415. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  416. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  417. <script type="text/javascript">
  418. $(window).load(function(){
  419. var $wall = $('#container');
  420. $wall.imagesLoaded(function(){
  421. $wall.masonry({
  422. itemSelector: '.entry, .entry_photo',
  423. isAnimated : false
  424. });
  425. });
  426.  
  427. $wall.infinitescroll({
  428. navSelector : '#page-nav',
  429. nextSelector : '#page-nav a',
  430. itemSelector : '.entry, .entry_photo',
  431. bufferPx : 2000,
  432. debug : false,
  433. errorCallback: function() {
  434. $('#infscr-loading').fadeOut('normal');
  435. }},
  436. function( newElements ) {
  437. var $newElems = $( newElements );
  438. $newElems.hide();
  439. $newElems.imagesLoaded(function(){
  440. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  441. });
  442. }); $('#content').show(500);
  443. });
  444. </script>
  445. {/block:indexpage}
  446.  
  447. <!--end-->
  448.  
  449.  
  450. </head>
  451.  
  452. <body>
  453.  
  454.  
  455. <div id="header">
  456. <div id="title"><a href="/">{title}</a></div>
  457.  
  458.  
  459.  
  460. <div id="links">
  461. <a href="{text:link 1 URL}" title={text:link 1}><img src="{image:link 1}"></a>
  462. <a href="{text:link 2 URL}" title={text:link 2}><img src="{image:link 2}"></a>
  463. <a href="{text:link 3 URL}" title={text:link 3}><img src="{image:link 3}"></a>
  464. <a href="{text:link 4 URL}" title={text:link 4}><img src="{image:link 4}"></a>
  465. </div>
  466.  
  467. <div id="description">{Description}</div>
  468. <div id="credit"><a href="https://shxnr.tumblr.com" title="shiner">☀</a>
  469. </div></div>
  470.  
  471. <div id="container">
  472. <div id="content">
  473.  
  474. {block:Posts}
  475.  
  476. <div class="entry">
  477.  
  478. {block:Quote}
  479. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  480. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  481. {/block:Quote}
  482.  
  483. {block:Text}
  484. {block:Title}
  485. <div id="title">{Title}</div>{/block:Title}
  486. {Body}
  487. {/block:Text}
  488.  
  489. {block:link}
  490. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  491. {block:Description}{Description}{/block:Description}
  492. {/block:link}
  493.  
  494. {block:Chat}
  495. {block:Title}
  496. <div id="title">{Title}</div>{/block:Title}
  497. {/block:Text}
  498. {block:lines}
  499. {block:label}
  500. <br><b>{label}</b>
  501. {/block:label}
  502. {line}
  503. {/block:lines}
  504. {/block:Chat}
  505.  
  506. {block:Photo}
  507. {linkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{linkCloseTag}
  508. {/block:Photo}
  509.  
  510.  
  511. {block:Photoset}
  512. {Photoset-400}
  513. {/block:Photoset}
  514.  
  515. <div class="video">{Video-400}</div>
  516.  
  517. {block:Audio}
  518. {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
  519. {/block:Audio}
  520.  
  521. {block:Answer}
  522. <div class="q">
  523. <div class="as"> <b><big>{Asker} said:</big></b>
  524. {Question}</div></div>
  525. <div class="a">{Answer}</div>
  526. {/block:Answer}
  527.  
  528. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  529.  
  530. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  531.  
  532. {block:Date}
  533. <div id="permalink">
  534. <a href="{Permalink}" ><b>{ShortMonth} {DayOfMonthWithSuffix}</b></a>
  535. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <div style="float:right;">{block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">&nbsp; via</a>{block:ContentSource} <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  536.  
  537. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  538.  
  539. </div>
  540.  
  541. {/block:Date}
  542.  
  543. </div>
  544.  
  545. {block:PostNotes}
  546. <div class="pagenotes">
  547. {PostNotes}
  548. </div>
  549. {/block:PostNotes}
  550.  
  551. {/block:Posts}
  552.  
  553. <div id="pagination">
  554. {block:Pagination}
  555. {block:PreviousPage}
  556. <a href="{PreviousPage}">previous page</a>
  557. {/block:PreviousPage}
  558.  
  559.  
  560. {block:NextPage}
  561. <a href="{NextPage}">next page</a>
  562. {/block:NextPage}
  563. {/block:Pagination}
  564. </div>
  565.  
  566. </div>
  567. </div>
  568.  
  569.  
  570.  
  571. </body></html>
  572.  
  573.  
  574.  
  575. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!