API tools faq
paste
Advertisement
quarentary

Brave theme by astralies

quarentary
Feb 5th, 2014
606
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.70 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <head>
  4.  
  5. <title>{title}</title>
  6. <!-- Brave theme by by astraliesthemes (paupiere and terrabithia)
  7.  
  8.  
  9. _..--""-. .-""--.._
  10. _.-' \ __...----...__ / '-._
  11. .' .:::...,' ',...:::. '.
  12. ( .'``'''::; ;::'''``'. )
  13. \ '-) (-' /
  14. \ / \ /
  15. \ .'.-. .-.'. /
  16. \ | \0| |0/ | /
  17. | \ | .-==-. | / |
  18. \ `/`; ;`\` /
  19. '.._ (_ | .-==-. | _) _..'
  20. `"`"-`/ `/' '\` \`-"`"`
  21. / /`; .==. ;`\ \
  22. .---./_/ \ .==. / \ \
  23. / '. `-.__) | `"
  24. | =(`-. '==. ;
  25. \ '. `-. /
  26. \_:_) `"--.....-'
  27.  
  28. please don't remove credit
  29. edit however you may like, but as stated above, don't remove credit ok
  30. don't use as a basecode, either-->
  31. <meta name="color:link lines" content="#aaa"/>
  32. <meta name="color:l" content=" #00849E"/>
  33. <meta name="color:bg" content="#fff"/>
  34. <meta name="color:link hover" content="#aaa"/>
  35. <meta name="color:text" content="#aaa"/>
  36. <meta name="color:title" content="#8ed080"/>
  37. <meta name="color:scrollbar" content="#000"/>
  38. <meta name="color:scrollbar bg" content="#fff"/>
  39. <meta name="color:Text bg" content="#ddd"/>
  40. <meta name="color:accent" content="#faf"/>
  41.  
  42. <meta name="if:one column" content="1"/>
  43. <meta name="if:animated posts" content="0"/>
  44. <meta name="if:title font 1" content="0"/>
  45. <meta name="if:Tiny Cursor" content=""/>
  46. <meta name="if:Crosshair Cursor" content=""/>
  47. <meta name="if:faded images" content="0"/>
  48. <meta name="if:long description" content="0"/>
  49.  
  50.  
  51. <meta name="text:link 1 url" content="/"/>
  52. <meta name="text:link 1" content="link 1"/>
  53. <meta name="text:link 2 url" content="/ask"/>
  54. <meta name="text:link 2" content="link 2"/>
  55. <meta name="text:link 3 url" content="/"/>
  56. <meta name="text:link 3" content="link 3"/>
  57. <meta name="text:link 4 url" content="/"/>
  58. <meta name="text:link 4" content="link 4"/>
  59. <meta name="text:link 5 url" content="/"/>
  60. <meta name="text:link 5" content="link 5"/>
  61.  
  62. <meta name="image:repeat bg" content=""/>
  63. <meta name="image:right bg" content=""/>
  64.  
  65. <link rel=”shortcut icon” href=”{Favicon}”/>
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  67. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  68.  
  69. <style type="text/css">
  70. @font-face{font-family:Just Realize;src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}
  71.  
  72. a {
  73. text-decoration:none;
  74. color:{color:l};
  75.  
  76. padding: 3px;
  77. }
  78.  
  79. a:hover {
  80. color: {color:link hover};
  81. -webkit-transition: all .7s;
  82. transition: all .7s;
  83. -moz-transition: all .7s;
  84. }
  85. body{
  86. font-family: 'Raleway', sans-serif;
  87. font-size:10px;
  88. background-color:{color:bg};
  89. color: {color:text};
  90. background-image: url({image:right bg}), url({image:repeat bg});
  91. background-attachment: fixed;
  92. background-position: bottom 200px right 800px;
  93. background-repeat: no-repeat, repeat;
  94. -webkit-background-size:auto, auto;
  95. -moz-background-size: auto, auto;
  96. -o-background-size: auto, auto;
  97. background-size: auto, auto, cover;font-size:10px;{block:ifTinyCursor}cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}
  98. }
  99.  
  100. @font-face {font-family:titulo;src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');}
  101. #tumblr_controls {-webkit-filter: invert(100%); position: fixed !important;}
  102. #cent{
  103. width:650px;
  104. margin-left:350px;
  105. background-color:transparent;
  106. position:absolute;
  107. padding:5px;
  108. }
  109.  
  110. #post{
  111. padding:4px;
  112. background-color: transparent;
  113. {block:ifonecolumn}
  114. width:500px;
  115. {/block:ifonecolumn}
  116. {block:ifnotonecolumn}
  117. width: 250px;
  118. {/block:ifnotonecolumn}
  119. float:left;
  120. margin:15px;
  121. {block:ifanimatedposts}
  122. -webkit-transition: all .7s;
  123. transition: all .7s;
  124. -moz-transition: all .7s;
  125. {/block:ifanimatedposts}
  126. {block:ifnotanimatedposts}
  127. transition: all 0s;
  128. {/block:ifnotanimatedposts}
  129. {block:iffadedimages}
  130. opacity: .8;
  131. {/block:iffadedimages}
  132. }
  133. #post:hover{
  134. opacity: 1;
  135. -webkit-transition: all .7s;
  136. transition: all .7s;
  137. -moz-transition: all .7s;
  138. }
  139.  
  140. #post .perm{
  141. {block:ifonecolumn}
  142. margin-left: 190px;
  143. {/block:ifonecolumn}
  144. {block:ifnotonecolumn}
  145. margin-left: 70px;
  146. {/block:ifnotonecolumn}
  147. margin-bottom: -30px;
  148.  
  149. opacity: 0;
  150. -webkit-transition: all .7s;
  151. transition: all .7s;
  152. -moz-transition: all .7s;
  153. }
  154.  
  155. #post:hover .perm{
  156. opacity: 1;
  157. -webkit-transition: all .7s;
  158. transition: all .7s;
  159. -moz-transition: all .7s;
  160.  
  161. }
  162. #post img{
  163. border-radius: 4px;
  164. }
  165.  
  166. #description{
  167. background-color:{color:bg};
  168. background-image: url({image:repeat bg});
  169. background-attachment: fixed;
  170. background-position: top left;
  171. background-repeat: repeat;
  172. -webkit-background-size:auto;
  173. -moz-background-size: auto;
  174. -o-background-size: auto;
  175.  
  176. {block:ifnotonecolumn}
  177. width: 600px;
  178. margin-left:350px;
  179. margin-top:610px;
  180. {/block:ifnotonecolumn}
  181. {block:ifonecolumn}
  182. width: 550px;
  183. margin-left:350px;
  184. margin-top:600px;
  185. {/block:ifonecolumn}
  186.  
  187.  
  188.  
  189. position:fixed;
  190. {block:iflongdescription}
  191. padding:25px;
  192. {/block:iflongdescription}
  193. {block:ifnotlongdescription}
  194. padding: 30px;
  195. {/block:ifnotlongdescription}
  196. text-align: left;
  197. z-index: 9999999;
  198. opacity: .9;
  199.  
  200. }
  201. ::-webkit-scrollbar {
  202. width:3px;
  203. height:7px;
  204. }
  205. ::-webkit-scrollbar-track-piece {
  206. background-color:{color:scrollbar bg};
  207. }
  208. ::-webkit-scrollbar-thumb {
  209. background-color:{color:scrollbar};
  210. }
  211.  
  212. *,
  213. *:after,
  214. *::before {
  215. -webkit-box-sizing: border-box;
  216. -moz-box-sizing: border-box;
  217. box-sizing: border-box;
  218. }
  219.  
  220.  
  221.  
  222. nav a {
  223. position: relative;
  224. display: inline;
  225. margin-top: -1px;
  226. outline: none;
  227. margin-left:0px;
  228.  
  229. z-index: 9999999999999;
  230. color: #ffa;
  231. text-decoration: none;
  232. text-transform: none;
  233. letter-spacing: 1px;
  234. font-weight: 4;
  235. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  236. font-size: 8px;
  237.  
  238. }
  239.  
  240. nav a:hover,
  241. nav a:focus {
  242. outline: none;
  243. }
  244. .gator a {
  245. padding: 5px;
  246. color: {color:l};
  247. font-weight: 7;
  248. text-shadow: none;
  249. -webkit-transition: color 0.3s;
  250. -moz-transition: color 0.3s;
  251. transition: color 0.3s;
  252. }
  253.  
  254. .gator a::before,
  255. .gator a::after {
  256. position: absolute;
  257. left: 0;
  258. width: 100%;
  259. height: 1px;
  260. background: {color:link lines};
  261. content: '';
  262. opacity: 0;
  263. -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  264. -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  265. transition: opacity 0.3s, transform 0.3s;
  266. -webkit-transform: translateY(-5px);
  267. -moz-transform: translateY(-5px);
  268. transform: translateY(-5px);
  269. }
  270.  
  271. .gator a::before {
  272. top: 0;
  273. -webkit-transform: translateY(-5px);
  274. -moz-transform: translateY(-5px);
  275. transform: translateY(-5px);
  276. }
  277.  
  278. .gator a::after {
  279. bottom: 0;
  280. -webkit-transform: translateY(10px);
  281. -moz-transform: translateY(10px);
  282. transform: translateY(10px);
  283. }
  284.  
  285. .gator a:hover,
  286. .gator a:focus {
  287. color: {color:link hover};
  288. }
  289.  
  290. .gator a:hover::before,
  291. .gator a:focus::before,
  292. .gator a:hover::after,
  293. .gator a:focus::after {
  294. opacity: 1;
  295. -webkit-transform: translateY(0px);
  296. -moz-transform: translateY(0px);
  297. transform: translateY(0px);
  298. }
  299.  
  300. .title {
  301. font-size: 16px;
  302. {block:iftitlefont1}
  303. font-family: 'Just Realize';
  304. {/block:iftitlefont1}
  305. {block:ifnottitlefont1}
  306. font-family:'Titulo';
  307. {/block:ifnottitlefont1}
  308. color: {color:title};
  309. }
  310.  
  311. .link {
  312. margin-left: 5px;
  313. {block:ifbigposts}
  314. width: 500px;
  315. {/block:ifbigposts}
  316. {/block:ifnotbigposts}
  317. width: 250px;
  318. {/block:ifnotbigposts}
  319. }
  320.  
  321. .pagination {
  322. display: none;
  323. }
  324. #player {
  325. width:30px;
  326. height:30px;
  327.  
  328. overflow:hidden;
  329. position:absolute;
  330. margin-top: -135px;
  331. margin-left: 110px;
  332. opacity: 0.7;
  333. filter:alpha(opacity=70);
  334. -moz-opacity: 0.7;
  335. -khtml-opacity: 0.7;
  336. }
  337. #player:hover {
  338. opacity: 1;
  339. }
  340. #albumart { float:left; margin:0px 7px; background-color: {color:accent};}
  341.  
  342. #cred a{
  343. position:fixed;
  344. font-size:20px;
  345. font-weight:normal;
  346. line-height:120%;
  347. letter-spacing:2px;
  348. right:0px;
  349. bottom:10px;
  350. text-transform:uppercase;
  351. text-align:center;
  352. color:{color:l};
  353. }
  354.  
  355. #cred a:hover {
  356. padding:3px;
  357. color:{color:bg};
  358. background-color:{color:l};
  359. border-radius: 100%;
  360. -moz-transition-duration:0.5s;
  361. -webkit-transition-duration:0.5s;
  362. -o-transition-duration:0.5s;
  363. }
  364.  
  365. {CustomCSS}</style>
  366. <link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css'>
  367. </head>
  368. <body>
  369.  
  370.  
  371.  
  372.  
  373.  
  374. <div id="description">
  375. <div class="title"><center>{title}</center></div>
  376. <center>{description}</center>
  377. <br>
  378. <center>
  379. <section class="color-4">
  380. <nav class="gator">
  381. {block:iflink1} <a href="{text:link 1 url}"><span data-hover="{text:Link 1}"></span>{text:Link 1}</a>{/block:iflink1}
  382. {block:iflink2} <a href="{text:link 2 url}"><span data-hover="{text:Link 2}"></span>{text:Link 2}</a>{/block:iflink2}
  383. {block:iflink3} <a href="{text:link 3 url}"><span data-hover="{text:Link 3}"></span>{text:Link 3}</a>{/block:iflink3}
  384. {block:iflink4} <a href="{text:link 4 url}"><span data-hover="{text:Link 4}"></span>{text:Link 4}</a>{/block:iflink4}
  385. {block:iflink5} <a href="{text:link 5 url}"><span data-hover="{text:Link 5}"></span>{text:Link 5}</a>{/block:iflink5}
  386. </nav>
  387. </section>
  388. </center>
  389. </div>
  390. <div id="cent">
  391.  
  392. {block:Posts}
  393.  
  394. <div id="post">
  395.  
  396. {block:Title}{Title}{/block:Title}
  397.  
  398. {block:Text}<div style="{block:ifonecolumn}
  399. width:500px;
  400. {/block:ifonecolumn}
  401. {block:ifnotonecolumn}
  402. width: 250px;
  403. {/block:ifnotonecolumn}background-color:{color:text bg}; border-radius: 4px; padding: 3px;">{Body}</div>{block:indexpage}
  404. <div class="perm">
  405. <select onchange='location=this.options[this.selectedIndex].value;'>
  406. <option value="{Permalink}">{NoteCountWithLabel}</option>
  407. <option value="{ReblogURL}">Reblog?</option>
  408. </select>
  409. </div>
  410. {/block:indexpage}{/block:Text}
  411.  
  412. {block:Photo}
  413. {block:indexpage}
  414. {block:ifonecolumn}<img src="{PhotoURL-500}" width="500"/>{/block:ifonecolumn}{block:ifnotonecolumn}<img src="{PhotoURL-250}" width="250"/>{/block:ifnotonecolumn}
  415. <div class="perm">
  416. <select onchange='location=this.options[this.selectedIndex].value;'>
  417. <option value="{Permalink}">{NoteCountWithLabel}</option>
  418. <option value="{ReblogURL}">Reblog?</option>
  419. </select>
  420. </div>
  421. {/block:indexpage}
  422.  
  423. {block:permalinkpage}
  424. <img src="{PhotoURL-500}" width="500">
  425. {/block:permalinkpage}
  426. {/block:Photo}
  427.  
  428. {block:Photoset}
  429. {block:ifbigposts}
  430. {Photoset-500}
  431. {/block:ifbigposts}
  432. {block:ifnotbigposts}
  433. {Photoset-250}
  434. {/block:ifnotbigposts}
  435. {block:indexpage}
  436. <div class="perm">
  437. <select onchange='location=this.options[this.selectedIndex].value;'>
  438. <option value="{Permalink}">{NoteCountWithLabel}</option>
  439. <option value="{ReblogURL}">Reblog?</option>
  440. </select>
  441. </div>
  442. {/block:indexpage}
  443. {/block:Photoset}
  444.  
  445.  
  446. {block:Quote}
  447. <div style="{block:ifonecolumn}
  448. width:500px;
  449. {/block:ifonecolumn}
  450. {block:ifnotonecolumn}
  451. width: 250px;
  452. {/block:ifnotonecolumn}background-color:{color:text bg}; border-radius: 4px; padding: 5px; margin-left:0px;">
  453. <div style="margin-left: 5px;font-size: 20px; color: {color:accent};">❝
  454. <div style="margin-left: 5px; font-size: 15px; color:{color:text};font-family: 'Pinyon Script', cursive; ">
  455. {Quote}
  456. </div></div>
  457. </div>
  458. <div align="right">
  459. {block:Source}-{Source}{/block:Source}
  460. </div>
  461. {block:indexpage}
  462. <div class="perm">
  463. <select onchange='location=this.options[this.selectedIndex].value;'>
  464. <option value="{Permalink}">{NoteCountWithLabel}</option>
  465. <option value="{ReblogURL}">Reblog?</option>
  466. </select>
  467. </div>
  468. {/block:indexpage}
  469.  
  470. {/block:Quote}
  471.  
  472.  
  473. {block:Video}
  474. {block:ifbigposts}
  475. {Video-500}
  476. {/block:ifbigposts}
  477. {block:ifnotbigposts}
  478. {Video-250}
  479. {/block:ifnotbigposts}<br>
  480. {PlayCountWithLabel}
  481. {block:indexpage}
  482. <div class="perm">
  483. <select onchange='location=this.options[this.selectedIndex].value;'>
  484. <option value="{Permalink}">{NoteCountWithLabel}</option>
  485. <option value="{ReblogURL}">Reblog?</option>
  486. </select>
  487. </div>
  488. {/block:indexpage}
  489. {/block:Video}
  490.  
  491.  
  492. {block:Link}
  493. <div class="link">
  494. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  495. <div style="{block:ifonecolumn}
  496. width:500px;
  497. {/block:ifonecolumn}
  498. {block:ifnotonecolumn}
  499. width: 250px;
  500. {/block:ifnotonecolumn}background-color:{color:text bg}; border-radius: 4px; padding: 5px;">
  501. {block:Description}{Description}{/block:Description}</div>
  502. </div>
  503. {block:indexpage}
  504. <div class="perm">
  505. <select onchange='location=this.options[this.selectedIndex].value;'>
  506. <option value="{Permalink}">{NoteCountWithLabel}</option>
  507. <option value="{ReblogURL}">Reblog?</option>
  508. </select>
  509. </div>
  510. {/block:indexpage}
  511. {/block:Link}
  512.  
  513. {block:Chat}
  514. <div style="margin-left: 5px;">
  515. {block:Lines}
  516. {block:Label}
  517. <br><div style="{block:ifonecolumn}
  518. width:500px;
  519. {/block:ifonecolumn}
  520. {block:ifnotonecolumn}
  521. width: 250px;
  522. {/block:ifnotonecolumn}background-color:{color:text bg}; border-radius: 4px; padding: 3px;">{Label}
  523. {/block:Label}
  524. &nbsp;{Line}
  525. </div>
  526. {/block:Lines}
  527. </div>
  528. {block:indexpage}
  529. <div class="perm">
  530. <select onchange='location=this.options[this.selectedIndex].value;'>
  531. <option value="{Permalink}">{NoteCountWithLabel}</option>
  532. <option value="{ReblogURL}">Reblog?</option>
  533. </select>
  534. </div>
  535. {/block:indexpage}
  536. {/block:Chat}
  537.  
  538. {block:Audio}
  539. {block:AlbumArt}<img src="{AlbumArtURL}" width="250px">{/block:AlbumArt}
  540.  
  541. <div id= "player">{AudioPlayerGrey}</div><br> <br>
  542. <div style="width: 250px; background-color:{color:text bg}; border-radius: 4px; padding: 3px;"><div align="left">{block:TrackName}Song: {TrackName} {/block:TrackName}{block:Artist}<br>
  543. Artist: {Artist}</div>
  544. {/block:Artist}<br>
  545. <br>
  546.  
  547.  
  548. </div>
  549. {block:indexpage}
  550. <div class="perm">
  551. <select onchange='location=this.options[this.selectedIndex].value;'>
  552. <option value="{Permalink}">{NoteCountWithLabel}</option>
  553. <option value="{ReblogURL}">Reblog?</option>
  554. </select>
  555. </div>
  556. {/block:indexpage}
  557. {/block:Audio}
  558.  
  559.  
  560. {block:Answer}
  561. <div style="{block:ifonecolumn}
  562. width:500px;
  563. {/block:ifonecolumn}
  564. {block:ifnotonecolumn}
  565. width: 250px;
  566. {/block:ifnotonecolumn} height: 20px; background-color:{color:text bg}; border-radius: 4px; padding: 3px;">{Asker} asked: {Question}</div>
  567.  
  568. {Answer}
  569.  
  570. {block:indexpage}
  571. <div class="perm">
  572. <select onchange='location=this.options[this.selectedIndex].value;'>
  573. <option value="{Permalink}">{NoteCountWithLabel}</option>
  574. <option value="{ReblogURL}">Reblog?</option>
  575. </select>
  576. </div>
  577. {/block:indexpage}
  578. {/block:Answer}
  579.  
  580. {block:PermalinkPage}
  581. {block:Caption}
  582. {Caption}
  583. {/block:Caption}
  584. <br>
  585. {block:NoteCount}
  586. {NoteCount} notes
  587. {/block:NoteCount}
  588. <Br>
  589. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  590. {/block:PermalinkPage}
  591. </div>
  592.  
  593. {/block:Posts}
  594.  
  595. </div>
  596. {block:Pagination}
  597. <div class="pagination">
  598. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  599. {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
  600. </div>
  601. {/block:Pagination}
  602.  
  603. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  604. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  605. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  606.  
  607.  
  608. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  609. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  610.  
  611.  
  612. <script>
  613. (function() {
  614. var $tumblelog = $('#cent');
  615.  
  616. $tumblelog.infinitescroll({
  617. navSelector : ".pagination",
  618. nextSelector : ".pagination a:first",
  619. itemSelector : "#post",
  620. bufferPx : 5,
  621. done : "",
  622. loading: {
  623. img : "",
  624. msgText: ""
  625. },
  626. },
  627. function( newElements ) {
  628. var $newElems = $( newElements ).css({ opacity: 0 });
  629. $newElems.imagesLoaded(function(){
  630. $newElems.animate({ opacity: 1 });
  631. $tumblelog.masonry( 'appended', $newElems);
  632. });
  633. }
  634. );
  635.  
  636. $tumblelog.imagesLoaded( function(){
  637. $tumblelog.masonry({
  638. columnWidth: function( containerWidth ) {
  639. return containerWidth / 500;
  640. }
  641. });
  642. });
  643. })();
  644. </script>
  645. <div id="cred"><a href="http://astraliesthemes.tumblr.com/" title="credit">A.</a></div>
  646. </body>
  647. </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!