API tools faq
paste
Advertisement
gryffindor

petrichor #12

gryffindor
Oct 12th, 2014
1,627
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.71 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------
  2. theme #12 by aeternothemes/gryffindour
  3.  
  4. thanks for using my theme, dont steal, remove OR edir the credit, and pls like or reblog the post if using, it keeps me inspired to keep making themes, feedback is always welcomed, anything ask me x
  5. ----------------------->
  6. <!DOCTYPE html>
  7. <head>
  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. <meta name="color:Background" content="#eee"/>
  16. <meta name="color:Text" content="#aaaaaa"/>
  17. <meta name="color:Link" content="#000000"/>
  18. <meta name="color:title" content="#000"/>
  19. <meta name="color:gradient1" content="#eeeeee"/>
  20. <meta name="color:gradient2" content="#000"/>
  21. <meta name="color:selection" content="#d2b0ff"/>
  22. <meta name="color:letter selection" content="#fff"/>
  23. <meta name="color:container" content="#eee"/>
  24. <meta name="color:borders" content="#000"/>
  25. <meta name="color:post info" content="#fff"/>
  26. <meta name="color:text tabs" content="#000"/>
  27. <meta name="color:tags" content="#f8f8f8"/>
  28. <meta name="color:tags hover" content="#f5f5f5"/>
  29. <meta name="color:links hover" content="#fff"/>
  30. <meta name="color:posts background" content="#fff"/>
  31. <meta name="color:accent" content="#000"/>
  32. <meta name="color:ask border" content="#000"/>
  33. <meta name="color:links nav" content="#000"/>
  34. <meta name="color:links nav border" content="#000"/>
  35. <meta name="color:links nav bg" content="#fff"/>
  36. <meta name="color:links nav hover bg" content="#000"/>
  37. <meta name="color:links nav hover text" content="#fff"/>
  38. <meta name="color:links nav border hover" content="#fff"/>
  39.  
  40. <meta name="text:title ask" content="ask me"/>
  41. <meta name="text:title navi" content="links"/>
  42. <meta name="text:link1 url" content="/"/>
  43. <meta name="text:link1" content=""/>
  44. <meta name="text:link2 url" content="/"/>
  45. <meta name="text:link2" content=""/>
  46. <meta name="text:link3 url" content="/"/>
  47. <meta name="text:link3" content=""/>
  48. <meta name="text:link4 url" content="/"/>
  49. <meta name="text:link4" content=""/>
  50. <meta name="text:link5 url" content="/"/>
  51. <meta name="text:link5" content=""/>
  52. <meta name="text:link6 url" content="/"/>
  53. <meta name="text:link6" content=""/>
  54. <meta name="text:link7 url" content="/"/>
  55. <meta name="text:link7" content="link"/>
  56. <meta name="text:link8 url" content="/"/>
  57. <meta name="text:link8" content="link"/>
  58. <meta name="text:link9 url" content="/"/>
  59. <meta name="text:link9" content="link"/>
  60.  
  61. <meta name="select:Title Font" content="courier" title="courier">
  62. <meta name="select:Title Font" content="helvetica" title="helvetica">
  63. <meta name="select:Title Font" content="monospace" title="monospace">
  64.  
  65. <meta name="select:Container Backgrounds" content="transparent" title="transparent bg">
  66. <meta name="select:Container Backgrounds" content="color" title="simple color bg">
  67. <meta name="select:Container Backgrounds" content="gradient" title="bg gradient colors">
  68.  
  69. <meta name="image:Background Image" content="https://unsplash.imgix.net/uploads%2F1412238370909393b4a19%2F79f023f1?q=75&w=1080&h=1080&fit=max&fm=jpg&auto=format&s=8f4b2375d1644b49d8e5a83dae37a6a6"/>
  70.  
  71. <meta name="image:Background Image pattern" content="http://static.tumblr.com/clvwiix/g0wn7htt9/grid.png"/>
  72.  
  73. <meta name="select:Background image" content="bg-none" title="None">
  74. <meta name="select:Background image" content="bg-cover" title="Full screen">
  75. <meta name="select:Background image" content="bg-pattern" title="Pattern">
  76.  
  77. <meta name="if:Hide Captions" content="1"/>
  78. <meta name="if:400px Posts" content="1"/>
  79. <meta name="if:Post Shadow" content="1"/>
  80. <meta name="if:cursor crosshair" content="1">
  81. <meta name="if:transparent header" content="1">
  82. <meta name="if:white header" content="0">
  83. <meta name="if:Grayscale" content="0">
  84. <meta name="if:Image Fade" content="1">
  85.  
  86. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  87.  
  88. <script>
  89. $(document).ready(function(){
  90. $(".inbox").click(function(){
  91.  
  92. $(".amelia").toggleClass("who");
  93. $(".pond").removeClass("who");
  94. $(".lily").removeClass("who");
  95. });
  96. });
  97. </script>
  98.  
  99.  
  100.  
  101. <script>
  102. $(document).ready(function(){
  103. $(".updates").click(function(){
  104.  
  105. $(".pond").toggleClass("who");
  106. $(".amelia").removeClass("who");
  107. $(".lily").removeClass("who");
  108. });
  109. });
  110. </script>
  111.  
  112. <script>
  113. $(document).ready(function(){
  114. $(".morelinks").click(function(){
  115.  
  116. $(".lily").toggleClass("who");
  117. $(".amelia").removeClass("who");
  118. $(".pond").removeClass("who");
  119. });
  120. });
  121. </script>
  122.  
  123. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  124.  
  125. <script>
  126. $(document).ready(function(){
  127.  
  128. $(".slidingDiv").hide();
  129. $(".show_hide").show();
  130.  
  131. $('.show_hide').toggle(function(){
  132. $(".slidingDiv").slideDown(
  133. function(){
  134. $("#navigation").text("navigation")
  135. }
  136. );
  137. },function(){
  138. $(".slidingDiv").slideUp(
  139. function(){
  140. $("#navigation").text("navigation")
  141. }
  142. );
  143. });
  144. });
  145. </script>
  146.  
  147. <!-- jquery for tooltips-->
  148.  
  149. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  150.  
  151. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  152.  
  153. <script>
  154.  
  155. (function($){
  156.  
  157. $(document).ready(function(){
  158.  
  159. $("a[title]").style_my_tooltips({
  160.  
  161. tip_follows_cursor:true,
  162.  
  163. tip_delay_time:30,
  164.  
  165. tip_fade_speed:300,
  166.  
  167. attribute:"title"
  168.  
  169. });
  170.  
  171. });
  172.  
  173. })(jQuery);
  174.  
  175. </script>
  176.  
  177.  
  178. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
  179. <script>
  180. $(document).ready(function(){
  181. $(".click").click(function(){
  182. $(".closed").toggleClass("open");
  183. });
  184. });
  185. </script>
  186.  
  187. <!--- jquery tut by primrosetylers/irma, thanks love!--->
  188. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  189. <script>
  190. $(document).ready(function(){
  191. $(".click").click(function(){
  192. $(".closed").toggleClass("open");
  193. });
  194. });
  195. </script>
  196.  
  197.  
  198. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:300,400' rel='stylesheet' type='text/css'>
  199.  
  200.  
  201. <style type="text/css">
  202.  
  203.  
  204.  
  205. ::-webkit-scrollbar-thumb:vertical {
  206. background-color: #000;
  207. height: 50px;
  208. }
  209.  
  210. ::-webkit-scrollbar {
  211. height: 10px;
  212. width: 5px;
  213.  
  214. background:transparent;
  215. }
  216.  
  217. :-moz-selection {background:{color:selection}; color: {color:letter selection};}
  218.  
  219. ::selection {background: {color:selection}; color:{color:letter selection}; }
  220.  
  221. #s-m-t-tooltip{
  222. position:absolute;
  223. max-width:400px;
  224. letter-spacing:1px;
  225. font-size:8px;
  226. margin:15px;
  227. padding:6px 6px;
  228. border:1px solid black;
  229. opacity:7px;
  230. border-radius:2px;
  231. z-index:999999;
  232. background:#fff;
  233. color:#000;
  234. text-transform:uppercase;
  235. -webkit-transition:all 0.3s;
  236. -moz-transition:all 0.3s;
  237. -ms-transition:all 0.3s;
  238. -o-transition:all 0.3s;
  239. -transition:all 0.3s;
  240. display:inline-block;
  241. }
  242.  
  243.  
  244. pre {
  245. white-space: pre-wrap;
  246. white-space: -moz-pre-wrap;
  247. white-space: -pre-wrap;
  248. white-space: -o-pre-wrap;
  249. word-wrap: break-word;
  250. }
  251.  
  252.  
  253. /*basics*/
  254. blockquote {padding:5px 0 5px 30px;
  255. border-left:1px solid {color:text};
  256. margin-left:30px;
  257. }
  258.  
  259. body {
  260.  
  261.  
  262. color:{color:text};
  263. font-family:arial;
  264. font-size:11px;
  265. text-align:justify;
  266. margin:0;
  267. line-height:16px;
  268. {block:IfCursorCrosshair}
  269. cursor:crosshair;
  270. {/block:IfCursorCrosshair}
  271. }
  272.  
  273.  
  274. .bg-none {
  275. background:{color:background};}
  276.  
  277. .bg-cover {
  278.  
  279. background: url({image:Background Image})
  280. no-repeat center center fixed;
  281. -webkit-background-size: cover;
  282. -moz-background-size: cover;
  283. -o-background-size: cover;
  284. background-size: cover;}
  285.  
  286. .bg-pattern {
  287. background: url({image:Background Image pattern});
  288. background-repeat:repeat;
  289. background-attachment: fixed; }
  290.  
  291.  
  292. b {
  293. color:{color:accent};
  294. }
  295.  
  296. i {
  297. color:{color:accent};
  298. }
  299.  
  300. em {
  301. color:{color:accent};
  302. }
  303.  
  304. big {
  305. color:{color:accent};
  306. font-size:2em;
  307. }
  308.  
  309. strong {
  310. color:{color:accent};
  311. }
  312.  
  313.  
  314. a {
  315. color:{color:link};
  316. text-decoration:none;
  317. }
  318.  
  319. a:hover {
  320. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  321. text-decoration:none;
  322. {block:IfCursorCrosshair}
  323. cursor:crosshair;
  324. {/block:IfCursorCrosshair}
  325.  
  326. }
  327.  
  328. img{opacity:1;
  329. border:none;
  330. text-decoration:none}
  331.  
  332.  
  333. small {
  334. font-size:9px;}
  335.  
  336. big {
  337. font-size:12px;}
  338.  
  339.  
  340. #title {font-size:12px;
  341. line-height:18px;
  342. font-weight:bold;
  343. margin-bottom:10px;
  344. text-transform:uppercase;
  345. text-align:left;}
  346.  
  347. .container {
  348. width: 440px;
  349. padding:30px;
  350. margin-left:auto;
  351. margin-right:auto;
  352. }
  353.  
  354. #cool{
  355. padding:3px;
  356. position:relative;
  357. margin-top:-8px;
  358. float:left;
  359. }
  360.  
  361. #blogtitle {
  362. font-weight:none;
  363. text-align:left;
  364. letter-spacing:2px;
  365. text-transform:uppercase;
  366. margin-top:5px;
  367. }
  368.  
  369. #blogtitle a{
  370. color:{color:title};
  371. -webkit-transition: all .5s ease-in;
  372. -moz-transition: all .5s ease-in;
  373. -o-transition: all .5s ease-in;
  374. -ms-transition: all .5s ease-in;
  375. transition: all .5s ease-in;
  376. }
  377.  
  378.  
  379. .helvetica {
  380. font-family:Helvetica;
  381. letter-spacing:3px;
  382. font-size:19px;
  383. }
  384.  
  385. .courier {
  386. font-family:courier;
  387. font-size:22px;
  388. }
  389.  
  390. .monospace {
  391. font-family: monospace;
  392. font-weight:lighter;
  393. font-size:20px;
  394. }
  395.  
  396. #blogtitle:hover {
  397. opacity:0.7;
  398. color: transparent;
  399. text-shadow: #000 0 0 5px;
  400. -webkit-transition: all .5s ease-out;
  401. -moz-transition: all .5s ease-out;
  402. -o-transition: all .5s ease-out;
  403. -ms-transition: all .5s ease-out;
  404. transition: all .5s ease-out;
  405. }
  406.  
  407. #link {
  408. display:inline;
  409. float:right;
  410. width:200px;
  411. text-align:right;
  412. margin-top:-20px;
  413. margin-left:5px;
  414. z-index:99999;
  415. font-size:7px;
  416. font-family:helvetica;
  417. text-transform:uppercase;
  418. word-spacing:5px;
  419. padding:6px;
  420. background:transparent;
  421. letter-spacing:1px;
  422. {block:IfCursorCrosshair}
  423. cursor:crosshair;
  424. {/block:IfCursorCrosshair}
  425. }
  426.  
  427. #link a{
  428. color:{color:title};
  429. -webkit-transition: all .5s ease-in;
  430. -moz-transition: all .5s ease-in;
  431. -o-transition: all .5s ease-in;
  432. -ms-transition: all .5s ease-in;
  433. transition: all .5s ease-in;
  434. }
  435. #link a:hover{
  436. opacity:0.7;
  437. color: transparent;
  438. text-shadow: #000 0 0 5px;
  439. -webkit-transition: all .5s ease-out;
  440. -moz-transition: all .5s ease-out;
  441. -o-transition: all .5s ease-out;
  442. -ms-transition: all .5s ease-out;
  443. transition: all .5s ease-out;
  444.  
  445. }
  446. #stuff {
  447. width: 440px;
  448. padding:20px;
  449. height:15px;
  450. background:{color:header};
  451. {block:IfTransparentHeader}
  452. background-color:transparent;
  453. {/block:IfTransparentHeader}
  454. {block:IfWhiteHeader}
  455. background-color:#fff;
  456. {/block:IfWhiteHeader}
  457. border:1px solid #000;
  458. }
  459.  
  460.  
  461. .transparent header {
  462. background-color:transparent;
  463.  
  464. }
  465.  
  466. .white header {
  467. background-color:#efe;
  468.  
  469. }
  470.  
  471. .image header {
  472. background-image:url('{image:header background}');
  473. background-size:cover;
  474.  
  475. }
  476.  
  477.  
  478. .athena {
  479. width: 440px;
  480. position:fixed;
  481. height:500px;
  482. padding-top:15px;
  483. padding-right:20px;
  484. padding-left:20px;
  485. padding-bottom:0px;
  486. margin-top:10px;
  487. overflow-y:scroll;
  488. border:1px solid {color:borders};
  489. -index:100;
  490. }
  491.  
  492. #transparent {
  493. background-color:transparent;
  494. }
  495.  
  496. #color {
  497. background:{color:container};
  498. }
  499.  
  500. #image container background {
  501. background-image:url('{image:container background}');
  502. background-size:cover;
  503. }
  504.  
  505. #gradient {
  506. background: -webkit-linear-gradient({color:gradient1}, {color:gradient2});
  507. background: -o-linear-gradient({color:gradient1}, {color:gradient2});
  508. background: -moz-linear-gradient({color:gradient1}, {color:gradient2});
  509. background: linear-gradient({color:gradient1}, {color:gradient2});
  510. }
  511.  
  512.  
  513. .posts {
  514. {block:ifpostshadow}
  515. box-shadow:7px 7px rgba(0, 0, 0, 0.06);
  516. {/block:ifpostshadow}
  517. {block:ifnot400pxposts}
  518. width:250px;
  519. margin-left:auto;
  520. margin-right:auto;
  521. {/block:ifnot400pxposts}
  522. {block:if400pxposts}
  523. width: 400px;
  524. {/block:if400pxposts}
  525.  
  526. margin-bottom:50px;
  527. padding:20px;
  528. padding-bottom:30px;
  529. background:{color:posts background};
  530. transition-duration: 0.6s;
  531. -webkit-transition: all 0.6s ease;
  532. -moz-transition:all ease-in-out 0.6s;
  533. -ms-transition:all ease-in-out 0.6s;
  534. -o-transition:all ease-in-out 0.6s;
  535. transition:all ease-in-out 0.6s;
  536.  
  537. }
  538.  
  539.  
  540. {block:IfGrayscale}
  541. .posts img{
  542. -webkit-filter: grayscale(100%);
  543. -webkit-transition-duration: 1s;
  544. -moz-transition-duration: 1s;
  545. -o-transition-duration: 1s;
  546. -ms-transition-duration: 1s;
  547. }
  548.  
  549. .posts:hover img{
  550. -webkit-filter: grayscale(0%);
  551. -webkit-transition-duration: 1s;
  552. -moz-transition-duration: 1s;
  553. -o-transition-duration: 1s;
  554. -ms-transition-duration: 1s;
  555. z-index: 2px;
  556. }
  557.  
  558. .html_photoset {
  559. -webkit-filter: grayscale(100%);
  560. -webkit-transition-duration: 1s;
  561. -moz-transition-duration: 1s;
  562. -o-transition-duration: 1s;
  563. -ms-transition-duration: 1s;
  564. }
  565.  
  566. .posts:hover .html_photoset:hover{
  567. -webkit-filter: grayscale(0%);
  568. -webkit-transition-duration: 1s;
  569. -moz-transition-duration: 1s;
  570. -o-transition-duration: 1s;
  571. -ms-transition-duration: 1s;
  572. z-index: 2px;
  573. }
  574. {/block:IfGrayscale}
  575.  
  576. {block:ifImageFade}
  577.  
  578. .posts img{
  579. opacity:0.8;
  580. -webkit-transition-duration: 1s;
  581. -moz-transition-duration: 1s;
  582. -o-transition-duration: 1s;
  583. -ms-transition-duration: 1s;
  584. }
  585.  
  586. .posts:hover img{
  587. opacity:1;
  588. -webkit-transition-duration: 1s;
  589. -moz-transition-duration: 1s;
  590. -o-transition-duration: 1s;
  591. -ms-transition-duration: 1s;
  592. z-index: 2px;
  593. }
  594.  
  595. .html_photoset {
  596. opacity:0.6;
  597. -webkit-transition-duration: 1s;
  598. -moz-transition-duration: 1s;
  599. -o-transition-duration: 1s;
  600. -ms-transition-duration: 1s;
  601. }
  602.  
  603. .posts:hover .html_photoset:hover{
  604. opacity:1;
  605. -webkit-transition-duration: 1s;
  606. -moz-transition-duration: 1s;
  607. -o-transition-duration: 1s;
  608. -ms-transition-duration: 1s;
  609. z-index: 2px;
  610. }
  611. {/block:ifImageFade}
  612.  
  613. .posts li {
  614. list-style: square;
  615. }
  616.  
  617. .posts blockquote {
  618. border-left: 1px solid {color:blockquote};
  619. padding-left: 5px;
  620. }
  621.  
  622. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  623.  
  624. .postinfo{
  625.  
  626. {block:ifnot400pxposts}
  627. width:250px;
  628.  
  629. {/block:ifnot400pxposts}
  630. {block:if400pxposts}
  631. width:380px;
  632. {/block:if400pxposts}
  633.  
  634.  
  635.  
  636. font-family:calibri;
  637. text-transform:uppercase;
  638. padding-top:5px;
  639. margin-top:-50;
  640. padding-right:10px;
  641. padding-left:10px;
  642. padding-bottom:8px;
  643. color: {color:post info};
  644. background-color:#fff;
  645. margin-top:-50px;
  646. opacity:0;
  647. transition-duration: 0.6s;
  648. -webkit-transition: all 0.6s ease;
  649. -moz-transition:all ease-in-out 0.6s;
  650. -ms-transition:all ease-in-out 0.6s;
  651. -o-transition:all ease-in-out 0.6s;
  652. transition:all ease-in-out 0.6s;
  653.  
  654. }
  655.  
  656. .postinfo a {
  657. color: {color:post info};
  658.  
  659. }
  660.  
  661. .posts:hover .postinfo {
  662. padding:5px;
  663. margin-top:2px;
  664. opacity:1;
  665. transition-duration: 0.6s;
  666. -webkit-transition: all 0.6s ease;
  667. -moz-transition:all ease-in-out 0.6s;
  668. -ms-transition:all ease-in-out 0.6s;
  669. -o-transition:all ease-in-out 0.6s;
  670. transition:all ease-in-out 0.6s;
  671.  
  672.  
  673. }
  674.  
  675. .date, .date a{
  676. font-family:Courier;
  677. opacity:0.9px;
  678. font-size:9.5px;
  679. text-align:left;
  680. }
  681.  
  682.  
  683.  
  684. .apollo {
  685. font-family:Courier;
  686. float:right;
  687. padding:10px;
  688. font-size:8px;
  689. color:{color:post info};
  690. -webkit-transition: all 0.7s ease;
  691. -moz-transition: all 0.5s ease;
  692. -ms-transition: all 0.5s ease;
  693. -o-transition: all 0.5s ease;
  694. transition: all 0.5s ease;
  695. }
  696. .apollo a{
  697. color:{color:post info};
  698. -webkit-transition: all 0.7s ease;
  699. -moz-transition: all 0.5s ease;
  700. -ms-transition: all 0.5s ease;
  701. -o-transition: all 0.5s ease;
  702. transition: all 0.5s ease;
  703.  
  704. }
  705.  
  706. .caption {
  707. {block:IfHideCaptions}
  708. {block:IndexPage}
  709. display:none;
  710. {/block:IndexPage}
  711. {/block:IfHideCaptions}
  712. width:100%;
  713. margin-top:5px;
  714. }
  715.  
  716. #tags{
  717. font-family:Courier;
  718. text-transform:uppercase;
  719. text-align:left;
  720. }
  721.  
  722.  
  723. #tags a{
  724. color:{color:tags};
  725. text-transform:uppercase;
  726. font-size:9px;
  727. word-spacing:2px;
  728. letter-spacing:0.2px;
  729. margin-top:2px;
  730. padding-bottom:-10;
  731. margin-bottom:-30;
  732. -webkit-transition: all 0.7s ease;
  733. -moz-transition: all 0.5s ease;
  734. -ms-transition: all 0.5s ease;
  735. -o-transition: all 0.5s ease;
  736. transition: all 0.5s ease;
  737. }
  738.  
  739. #tags a:hover{
  740. color:{color:tags hover};
  741.  
  742.  
  743. -webkit-transition: all 0.7s ease;
  744. -moz-transition: all 0.5s ease;
  745. -ms-transition: all 0.5s ease;
  746. -o-transition: all 0.5s ease;
  747. transition: all 0.5s ease;
  748.  
  749. }
  750.  
  751.  
  752. .postnotes{
  753. {block:IndexPage}
  754. display: none;
  755. {/block:IndexPage}
  756.  
  757. {block:ifnot400pxposts}
  758. width:250px;
  759. {/block:ifnot400pxposts}
  760. {block:if400pxposts}
  761. width:400px;
  762. {/block:if400pxposts}
  763.  
  764. text-align:left;
  765. margin-left:0px;
  766. padding:0px;
  767.  
  768. background-color:#fff;
  769. opacity:1;
  770.  
  771. }
  772.  
  773.  
  774.  
  775. .postnotes li {
  776. list-style-type:none;
  777. padding:5px 0px;
  778. text-align:left;
  779. }
  780.  
  781. .postnotes img {
  782. display:none;
  783. }
  784.  
  785.  
  786. #whasthat {
  787. {block:ifpostshadow}
  788. box-shadow:7px 7px rgba(0, 0, 0, 0.06);
  789. {/block:ifpostshadow}
  790. background-color:#fff;
  791. text-align:center;
  792. padding:5px;
  793. padding-top:7px;
  794. padding-left:15px;
  795. padding-right:15px;
  796. margin:35px 0px 20px 0px;
  797. }
  798.  
  799. .current_page {
  800. padding:5px 8px 5px 8px;
  801. border-top:2px solid {color:text};
  802. }
  803. .jump_page {
  804. border-top:2px solid transparent;
  805. padding:5px 8px 5px 8px;
  806. }
  807. .jump_page:hover {
  808. border-top:2px solid {color:text};
  809. }
  810.  
  811. #tags{
  812. text-transform:lowercase;
  813. }
  814.  
  815.  
  816. #tags a{
  817. color:{color:tags};
  818. text-transform:lowercase;
  819. font-size:10px;
  820. margin-top:2px;
  821. -webkit-transition: all 0.7s ease;
  822. -moz-transition: all 0.5s ease;
  823. -ms-transition: all 0.5s ease;
  824. -o-transition: all 0.5s ease;
  825. transition: all 0.5s ease;
  826. }
  827.  
  828. #tags a:hover{
  829. color:{color:tags hover};
  830. text-transform:lowercase;
  831.  
  832. -webkit-transition: all 0.7s ease;
  833. -moz-transition: all 0.5s ease;
  834. -ms-transition: all 0.5s ease;
  835. -o-transition: all 0.5s ease;
  836. transition: all 0.5s ease;
  837.  
  838. }
  839.  
  840. .posts h1 {
  841. text-align:center;
  842. font-size: 14px;
  843. color: {color:title};
  844. font-weight: bold;
  845. font-family:arial;
  846. margin: 2px;
  847. }
  848.  
  849. .posts h1 a{
  850. font-size: 14px;
  851. color: {color:links};
  852. font-weight: bold;
  853. font-family:arial;
  854. margin: 2px;
  855. }
  856.  
  857.  
  858. .chat ol {
  859. padding:10px;
  860. list-style:none;
  861. }
  862.  
  863. .line {
  864. padding:4px 0;
  865. }
  866.  
  867. .label {
  868. font-size:12px;
  869. font-weight:bold;
  870. color:{color:text};
  871. }
  872.  
  873. #quotetext{
  874. text-align:left;
  875. font-size:15px;
  876. line-height:17px;
  877. font-weight:bold;
  878. }
  879.  
  880. #source {
  881. margin-top:15px;
  882. margin-left:15px;
  883. }
  884.  
  885. /*asks*/
  886. #asks {
  887. padding:6px;
  888. font-family:cambria;
  889. letter-spacing:2px;
  890. text-align:left;
  891. font-style:italic;
  892. border:2.5px {color:ask border} solid;
  893. color:{color:text};
  894. background-color:transparent;
  895. }
  896.  
  897.  
  898.  
  899. /* ask*/
  900. .amelia {
  901. height:455px;
  902. font-size:11px;
  903. background:#fff;
  904. overflow: hidden;
  905. position: fixed;
  906. padding-top:50px;
  907. margin-left: -24px;
  908. margin-top:30px;
  909. width:0px;
  910. z-index:9999;
  911. text-transform:uppercase;
  912. font-size:9px;
  913. transition-duration: 0.6s;
  914. -moz-transition:all ease-in-out 0.6s;
  915. -ms-transition:all ease-in-out 0.6s;
  916. -o-transition:all ease-in-out 0.6s;
  917. transition:all ease-in-out 0.6s;
  918. color:{color:text tabs};
  919. }
  920. /*updates */
  921. .pond {
  922. z-index:9999;
  923. font-size:11px;
  924. text-align:center;
  925. font-weight:normal;
  926. position: fixed;
  927. padding-top:50px;
  928. background:#fff;
  929. height:500px;
  930. margin-left: -24px;
  931. margin-top:30px;
  932. width:0px;
  933. overflow: hidden;
  934. transition-duration: 0.6s;
  935. -moz-transition:all ease-in-out 0.6s;
  936. -ms-transition:all ease-in-out 0.6s;
  937. -o-transition:all ease-in-out 0.6s;
  938. transition:all ease-in-out 0.6s;
  939. color:{color:text tabs};
  940. }
  941. /*navi*/
  942.  
  943. .lily {
  944. z-index:9999;
  945. font-size:11px;
  946. text-align:center;
  947. font-weight:normal;
  948. position: fixed;
  949. padding-top:50px;
  950. background:#fff;
  951. height:500px;
  952. margin-left: -24px;
  953. width:0px;
  954. margin-top:30px;
  955. overflow: hidden;
  956. color:{color:text tabs};
  957. transition-duration: 0.6s;
  958. -moz-transition:all ease-in-out 0.6s;
  959. -ms-transition:all ease-in-out 0.6s;
  960. -o-transition:all ease-in-out 0.6s;
  961. transition:all ease-in-out 0.6s;
  962.  
  963. }
  964.  
  965.  
  966. #center {
  967. position:relative;
  968. margin-left: 0 auto;
  969. margin-right: 0 auto;
  970. width: 100%;
  971. height: 100%;
  972. }
  973.  
  974.  
  975.  
  976. .who {
  977. height: 470px;
  978. width: 485px;
  979. margin-left: -24px;
  980.  
  981. }
  982.  
  983. .rad {
  984. font-family:Courier;
  985. padding:3px;
  986. font-size:16px;
  987. text-align:center;
  988. text-transform:uppercase;
  989. font-style:none;
  990. letter-spacing:3px;
  991. margin-top:0px;
  992. color:{color:navs title};
  993.  
  994. }
  995.  
  996. .question {
  997. font-family:arial;
  998. font-weight:bold;
  999. font-size:9px;
  1000. text-align:center;
  1001. text-transform:uppercase;
  1002. font-style:none;
  1003. letter-spacing:1px;
  1004. color:{color:text tabs};
  1005.  
  1006. }
  1007.  
  1008. .answer {
  1009. font-family:arial;
  1010. font-size:8px;
  1011. text-align:center;
  1012. text-transform:lowercase;
  1013. font-style:none;
  1014. letter-spacing:1px;
  1015. color:{color:text tabs};
  1016.  
  1017. }
  1018.  
  1019.  
  1020. #linksq {
  1021. text-align:center;
  1022. margin-top:10px;
  1023. display:inline-block;
  1024. margin-left:-20px;
  1025. transition-duration: 0.4s;
  1026. -moz-transition:all ease-in-out 0.4s;
  1027. -ms-transition:all ease-in-out 0.4s;
  1028. -o-transition:all ease-in-out 0.4s;
  1029. transition:all ease-in-out 0.4s;
  1030. }
  1031.  
  1032. #linksq a {
  1033. width:100px;
  1034. height:20px;
  1035. color:{color:links nav};
  1036. border:solid 1px {color:links nav border};
  1037. padding:20px 7px;
  1038. background-color:{color:links nav bg};
  1039. margin:15px 0 0 20px;
  1040. text-transform:uppercase;
  1041. display:inline-block;
  1042. transition-duration: 0.4s;
  1043. -moz-transition:all ease-in-out 0.4s;
  1044. -ms-transition:all ease-in-out 0.4s;
  1045. -o-transition:all ease-in-out 0.4s;
  1046. transition:all ease-in-out 0.4s;
  1047. }
  1048.  
  1049. #linksq a:hover {
  1050. box-shadow: inset 137.3px 0 0 {color:links nav hover bg};
  1051. color:{color:links nav hover text};
  1052. border:solid 1px {color:links nav border hover};
  1053. transition-duration: 0.4s;
  1054. -moz-transition:all ease-in-out 0.4s;
  1055. -ms-transition:all ease-in-out 0.4s;
  1056. -o-transition:all ease-in-out 0.4s;
  1057. transition:all ease-in-out 0.4s;
  1058. }
  1059. .sfm input {
  1060. background-color: white;
  1061. border: 0.3px solid #000;
  1062. text-transform: uppercase;
  1063. margin-top: 0px;
  1064. color: #000;
  1065. padding: 5px 10px;
  1066. font-family:arial;
  1067. font-size:10px;
  1068. letter-spacing:1px;
  1069. height:10px;
  1070. }
  1071.  
  1072. #sb {height: 10px; vertical-align: top; margin-top:0}
  1073.  
  1074. #sf {background: url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') #e7e7e7 left center no-repeat; background-size: 10px 10px;}
  1075.  
  1076. #pizza {
  1077.  
  1078. font-family:arial;
  1079. letter-spacing:3px;
  1080. word-spacing:2px;
  1081. color:#fff;
  1082. position:fixed;
  1083. right:2px;
  1084. bottom:0px;
  1085. text-transform:uppercase;
  1086. background-color:#000;
  1087. padding:5px;
  1088. padding-top:6px;
  1089. width:32px;
  1090. height:14px;
  1091. text-align:center;
  1092. -webkit-transition: all 0.5s ease-in-out;
  1093. -moz-transition: all 0.5s ease-in-out;
  1094. -o-transition: all 0.5s ease-in-out;
  1095. }
  1096.  
  1097.  
  1098. #pizza a{
  1099. color:#fff;
  1100. font-size:12px;
  1101. -webkit-transition: all 0.5s ease-in-out;
  1102. -moz-transition: all 0.5s ease-in-out;
  1103. -o-transition: all 0.5s ease-in-out;
  1104. }
  1105.  
  1106. #pizza a:hover {
  1107. color:transparent;
  1108. text-shadow: 0px 0px 5px #eee;
  1109. -webkit-transition: all 0.5s ease-in-out;
  1110. -moz-transition: all 0.5s ease-in-out;
  1111. -o-transition: all 0.5s ease-in-out;
  1112. }
  1113.  
  1114.  
  1115. .audioplayer {
  1116. width:30px;
  1117. height:30px;
  1118. overflow:hidden;
  1119. position:absolute;
  1120. margin:35px;
  1121. opacity:0.7;
  1122. }
  1123.  
  1124. .albumart {
  1125. float:left;
  1126. margin:0px auto;
  1127. }
  1128.  
  1129. .audioinfo {
  1130. border-left:1px solid {color:borders};
  1131. text-align:left;
  1132. margin-left:120px;
  1133. padding:30px 30px 30px 30px;
  1134. font-size:11px;
  1135. font-family:courier;
  1136. text-transform:uppercase;
  1137. }
  1138. </style>
  1139.  
  1140.  
  1141.  
  1142.  
  1143. </head>
  1144.  
  1145.  
  1146.  
  1147. <body>
  1148. <body class="{select:Background image}">
  1149.  
  1150.  
  1151. <div class="container">
  1152.  
  1153.  
  1154. <div class="{select:header backgrounds}" div id="stuff">
  1155.  
  1156.  
  1157. <div id="cool"> <div class="{select:Title Font}" id="blogtitle"> <a id="blogtitle" href="/" >{Title}</a></div> </div>
  1158.  
  1159.  
  1160.  
  1161.  
  1162.  
  1163. <br>
  1164. <div id="link">
  1165.  
  1166.  
  1167.  
  1168. <a href="/" >home</a>
  1169. <a class="morelinks">navigation</a>
  1170. <a class="inbox">mail</a>
  1171. <a class="updates">updates</a>
  1172.  
  1173.  
  1174.  
  1175. </div>
  1176.  
  1177. <div id="center">
  1178.  
  1179. <!--navi -->
  1180.  
  1181. <!--UPDATES HERE -->
  1182. <div class="pond">
  1183.  
  1184. <div class="rad">
  1185. updates
  1186.  
  1187. </div>
  1188. <!--DELETE THE STUFF I WROTE AND PUT YOUR OWN -->
  1189. <br>Hey!! Updates go here
  1190.  
  1191.  
  1192. <br>Currently on a hiatus, read about it here
  1193. <p>
  1194.  
  1195. <div class="rad">friends </div>
  1196.  
  1197. <!--friends here, url go on /, and friends name put his name -->
  1198.  
  1199. <br><a href="/" title="friend name">✹</a>
  1200. <a href="/" title="friend name">✹</a>
  1201. <a href="/" title="friend name">✹</a>
  1202. <a href="/" title="friend name">✹</a>
  1203. <a href="/" title="friend name">✹</a>
  1204. <a href="/" title="friend name">✹</a>
  1205. <br><a href="/" title="friend name">✹</a>
  1206. <a href="/" title="friend name">✹</a>
  1207. <a href="/" title="friend name">✹</a>
  1208. <a href="/" title="friend name">✹</a>
  1209. <a href="/" title="friend name">✹</a>
  1210. <a href="/" title="friend name">✹</a>
  1211.  
  1212. <br><p>
  1213.  
  1214. <!--currently here -->
  1215. <div class="rad">currently: </div>
  1216. <br><b>reading:</b> a song of ice and fire
  1217. <br><b>watching:</b> doctor who s8, selfie s1, supernatural s2
  1218. <br><b>crying:</b> amy pond
  1219.  
  1220.  
  1221. </div><!--end updates, feel free to add more stuff before this x -->
  1222.  
  1223. <div class="amelia">
  1224.  
  1225.  
  1226. <div class="rad">{text:title ask}</div>
  1227.  
  1228.  
  1229. <center><p></p><iframe frameborder="0" scrolling="yes" width="400" height="250" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent;" id="ask_form"></iframe></center>
  1230. </div>
  1231.  
  1232.  
  1233.  
  1234. <div class="lily">
  1235.  
  1236. <div class="rad">{text:title navi}</div>
  1237.  
  1238.  
  1239. <div id="linksq">
  1240.  
  1241. <a href="{text:link1 url}"> {text:link1}</a>
  1242. <a href="{text:link2 url}">{text:link2}</a>
  1243. <a href="{text:link3 url}">{text:link3}</a><br>
  1244. <a href="{text:link4 url}">{text:link4}</a>
  1245. <a href="{text:link5 url}">{text:link5}</a>
  1246. <a href="{text:link6 url}">{text:link6}</a><br>
  1247. <a href="{text:link7 url}"> {text:link7}</a>
  1248. <a href="{text:link8 url}">{text:link8}</a>
  1249. <a href="{text:link9 url}">{text:link9}</a><br>
  1250.  
  1251. </div>
  1252.  
  1253. <br><br><br><br><center><div id="search">
  1254.  
  1255. <script language="javascript">
  1256. function send()
  1257. {document.theform.submit()}
  1258. </script>
  1259.  
  1260. <form action="/search" method="get" class="sfm" name="theform">
  1261. <input type="text" name="q" value="" id="sf"/>
  1262.  
  1263.  
  1264. </form></div>
  1265. </div></center></div></div>
  1266.  
  1267.  
  1268.  
  1269. <div id="{select:Container Backgrounds}" div class="athena">
  1270.  
  1271. {block:Posts}
  1272.  
  1273.  
  1274. <div class="posts">
  1275.  
  1276.  
  1277.  
  1278. {block:Answer}<div id="asks"><span style="text-transform:uppercase;font-size:9px;font-style:italic;"> {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  1279.  
  1280.  
  1281. {block:Audio}
  1282. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  1283. <div class="audioplayer">{AudioPlayerWhite}</div>
  1284. <div class="audioinfo">
  1285. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br> {Artist}{/block:Artist}<br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  1286. </div>
  1287. {/block:Audio}
  1288.  
  1289.  
  1290. {block:Chat}
  1291. {block:Title}
  1292. <h1>{Title}</h1>
  1293. {/block:Title}
  1294. <div class="chat">
  1295. <ol>
  1296. {block:Lines}
  1297. <li class="line {Alt}">
  1298. {block:Label}
  1299. <span class="label">
  1300. {Label}
  1301. </span>
  1302. {/block:Label}
  1303. {Line}
  1304. </li>
  1305. {/block:Lines}
  1306. </ol>
  1307. </div>
  1308. {/block:Chat}
  1309.  
  1310.  
  1311. {block:Link}
  1312. <h1><a href="{URL}">{Name}</a></h1>
  1313. {block:Description}
  1314. {Description}
  1315. {/block:Description}
  1316. {block:Caption}
  1317. <div class="caption">
  1318. {Caption}<
  1319. /div>
  1320. {/block:Caption}
  1321. {/block:Link}
  1322.  
  1323.  
  1324. {block:Panorama}
  1325. {LinkOpenTag}
  1326.  
  1327. <img src="{PhotoURL-400}" alt="{PhotoAlt}" class="w400"/>
  1328. <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="w250"/>
  1329.  
  1330. {LinkCloseTag}
  1331. {block:Caption}
  1332. <div class="caption">
  1333. {Caption}
  1334. </div>
  1335. {/block:Caption}
  1336. {/block:Panorama}
  1337.  
  1338.  
  1339. {block:Photo}
  1340.  
  1341. {block:ifnot400pxposts}
  1342. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1343. {/block:ifnot400pxposts}
  1344. {block:if400pxposts}
  1345. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1346. {/block:if400pxposts}
  1347.  
  1348.  
  1349. {block:Caption}
  1350. <div class="caption">
  1351. {Caption}
  1352. </div>
  1353. {/block:Caption}
  1354.  
  1355.  
  1356. {/block:Photo}
  1357.  
  1358.  
  1359. {block:Photoset}
  1360.  
  1361. {block:ifnot400pxposts}
  1362. {Photoset-250}
  1363. {/block:ifnot400pxposts}
  1364. {block:if400pxposts}
  1365. {Photoset-400}
  1366. {/block:if400pxposts}
  1367.  
  1368. {block:Caption}
  1369. <div class="caption">
  1370. {Caption}
  1371. </div>
  1372. {/block:Caption}
  1373. {/block:Photoset}
  1374.  
  1375.  
  1376. {block:Quote}
  1377. <div id="quotetext">
  1378. "{Quote}"
  1379. </div>
  1380. {block:Source}
  1381. <div id="source">
  1382. - {Source}
  1383. </div>
  1384. {/block:Source}
  1385. {/block:Quote}
  1386.  
  1387.  
  1388. {block:Text}
  1389. {block:Title}
  1390. <h1>{Title}</h1>
  1391. {/block:Title}
  1392. {Body}
  1393. {block:Caption}
  1394. <div class="caption">
  1395. {Caption}
  1396. </div>
  1397. {/block:Caption}
  1398. {/block:Text}
  1399.  
  1400.  
  1401. {block:Video}
  1402.  
  1403. {block:ifnot400pxposts}
  1404. {Video-250}
  1405. {/block:ifnot400pxposts}
  1406. {block:if400pxposts}
  1407. {Video-400}
  1408. {/block:if400pxposts}
  1409.  
  1410. {block:Caption}
  1411. <div class="caption">
  1412. {Caption}
  1413. </div>
  1414. {/block:Caption}
  1415. {/block:Video}
  1416.  
  1417.  
  1418. <div class="postinfo">
  1419. <div class="apollo">
  1420. {block:RebloggedFrom}
  1421. <a href="{ReblogParentURL}">via </a> |
  1422. <a href="{ReblogRootURL}">source </a>
  1423.  
  1424. {/block:RebloggedFrom} </a>
  1425. </div>
  1426.  
  1427. <div class="date">
  1428. <a href="{Permalink}" title="{TimeAgo}">
  1429. {block:Date}
  1430. <b>{ShortMonth} {DawhofMonth} </b></a>
  1431. {block:NoteCount}
  1432. | <a href="{Permalink}" title="{NoteCountWithLabel}">
  1433. +{NoteCount}</a>
  1434. {/block:NoteCount}
  1435. </div>
  1436.  
  1437.  
  1438.  
  1439. <div id="tags">
  1440. {block:HasTags}
  1441. {block:Tags}
  1442. <a href="{TagUrl}"> #{Tag} </a>
  1443. {/block:Tags}
  1444. {/block:HasTags}
  1445. </div>
  1446.  
  1447. </div>
  1448. {/block:Date}
  1449.  
  1450. </div>
  1451.  
  1452.  
  1453. {block:PostNotes}
  1454. <div class="postnotes">
  1455. {PostNotes}
  1456. </div>
  1457. {/block:PostNotes}
  1458.  
  1459.  
  1460.  
  1461.  
  1462.  
  1463.  
  1464. {/block:Posts}
  1465.  
  1466.  
  1467.  
  1468. <div id="whasthat">{block:Pagination}
  1469. {block:JumpPagination length="5"}
  1470. {block:CurrentPage}
  1471. <span class="current_page">{PageNumber}</span>
  1472. {/block:CurrentPage}
  1473. {block:JumpPage}
  1474. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1475. {/block:JumpPage}
  1476. {/block:JumpPagination}
  1477. {/block:Pagination}
  1478. </div>
  1479.  
  1480. {block:ContentSource}
  1481. <!-- {SourceURL}
  1482. {block:SourceLogo}
  1483. <img src="{BlackLogoURL}"
  1484. width="{LogoWidth}"
  1485. height="{LogoHeight}"
  1486. alt="{SourceTitle}" />
  1487. {/block:SourceLogo}
  1488. {block:NoSourceLogo}
  1489. {SourceLink}
  1490. {/block:NoSourceLogo} -->
  1491. {/block:ContentSource}
  1492.  
  1493.  
  1494.  
  1495. </div>
  1496. </div>
  1497. </div>
  1498.  
  1499.  
  1500.  
  1501. <div id="pizza">
  1502. <a href="http://aeternothemes.tumblr.com" title="© aeterno themes"> AT </a>
  1503. </div>
  1504.  
  1505. </div>
  1506.  
  1507. </div>
  1508. </body>
  1509. </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!