API tools faq
paste
azurethemes

theme #08

azurethemes
Apr 23rd, 2016
676
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.41 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3.  
  4. theme #08 froakie
  5. --------------- { by azure/espeonthemes } ---------------
  6. keep the credit. dont steal. dont claim as own. dont be an asshole.
  7.  
  8.  
  9.  
  10. --->
  11. <!-----start html---->
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  14. <!-----custom google fonts---->
  15. <script type="text/javascript">
  16. WebFontConfig = {
  17. google: { families: [ 'Roboto:400,500,700:latin' , 'Roboto::latin' , 'Khand:400,600:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin' , 'Jaldi:400,700:latin', 'NTR::latin' , 'Caveat:400,700:latin', 'Grand+Hotel::latin', 'Sacramento::latin', 'Faster+One::latin', 'Finger+Paint::latin'] }
  18. };
  19. (function() {
  20. var wf = document.createElement('script');
  21. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  22. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  23. wf.type = 'text/javascript';
  24. wf.async = 'true';
  25. var s = document.getElementsByTagName('script')[0];
  26. s.parentNode.insertBefore(wf, s);
  27. })(); </script>
  28. <!-----tooltips---->
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  30. <script>
  31. (function($){
  32. $(document).ready(function(){
  33. $("a[title]").style_my_tooltips({
  34. tip_follows_cursor:true,
  35. tip_delay_time:100,
  36. tip_fade_speed:500,
  37. attribute:"title"
  38. });
  39. });
  40. })(jQuery);
  41. </script>
  42. <!-----back to top button---->
  43. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  44. <script>
  45. $(document).ready(function(){
  46.  
  47. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  48. var back_to_top_button = ['<a href="#top" class="back-to-top">back to top</a>'].join("");
  49. $("body").append(back_to_top_button)
  50.  
  51. // Der Button wird ausgeblendet
  52. $(".back-to-top").hide();
  53.  
  54. // Funktion für das Scroll-Verhalten
  55. $(function () {
  56. $(window).scroll(function () {
  57. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  58. $('.back-to-top').fadeIn();
  59. } else {
  60. $('.back-to-top').fadeOut();
  61. }
  62. });
  63.  
  64. $('.back-to-top').click(function () { // Klick auf den Button
  65. $('body,html').animate({
  66. scrollTop: 0
  67. }, 800);
  68. return false;
  69. });
  70. });
  71.  
  72. });
  73. </script>
  74. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  75. <script type="text/javascript"
  76. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  77. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  78. <head>
  79. <title>{Title}</title>
  80. <link rel="shortcut icon" href="{Favicon}">
  81. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  82. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  83. <!-----all colors---->
  84. <meta name="color:background" content="#f5f5f5"/>
  85. <meta name="color:text" content="#000000"/>
  86. <meta name="color:links" content="#000000"/>
  87. <meta name="color:info" content="#000000"/>
  88. <meta name="color:title" content="#000000"/>
  89. <meta name="color:posts" content="#ffffff">
  90. <meta name="color:scrollbar" content="#000000">
  91. <meta name="color:asks" content="#ffffff">
  92. <meta name="color:hover" content="#97c5e0">
  93. <meta name="color:accent" content="#97c5e0">
  94. <meta name="color:accent two" content="#97c5e0">
  95. <!-----images---->
  96. <meta name="image:background" content=""/>
  97. <meta name="image:sidebar" content=""/>
  98. <!-----texts---->
  99. <meta name="text:title" content=""/>
  100. <!-----sidebar links---->
  101. <meta name="text:link one" content="link one">
  102. <meta name="text:link two" content="link two">
  103. <meta name="text:link one url" content="/">
  104. <meta name="text:link two url" content="/">
  105.  
  106. <!-----custom css---->
  107. <style type="text/css">
  108. /*tumblr controls*/
  109. .tmblr-iframe {
  110. top:0px!important;
  111. position:fixed!important;
  112. opacity:0.5;
  113. z-index:99999999999999!important;
  114. }
  115. /*scrollbar*/
  116. ::-webkit-scrollbar-thumb{
  117. height:auto;
  118. background-color:{color:accent};
  119. }
  120. ::-webkit-scrollbar{
  121. height:2px;
  122. width:5px;
  123. }
  124. /*tooltips*/
  125. #s-m-t-tooltip{
  126. margin:13px 18px 6px 18px;
  127. padding:10px;
  128. background-color:{color:background};
  129. text-shadow:1px 1px 1px #cccccc;
  130. box-shadow:3px 3px 0px {color:accent};
  131. font-family: 'roboto', sans-serif;
  132. font-weight:700;
  133. font-size:9px;
  134. text-transform:uppercase;
  135. letter-spacing:-0.5px;
  136. color:{color:text};
  137. z-index:999999999999999999999999999999999999;
  138. }
  139. /*body basics*/
  140. body{
  141. background-color:{color:background};
  142. background-image:url('{image:background}');
  143. background-attachment: fixed;
  144. background-repeat: repeat;
  145. font-weight:none;
  146. font-family: 'calibri', sans-serif;
  147. font-size:10px;
  148. text-align:justify;
  149. color:{color:text};
  150. margin:0;
  151. }
  152. a{
  153. text-decoration:none;
  154. color:{color:links};
  155. transition-duration: 0.1s;
  156. -moz-transition-duration: 0.1s;
  157. -webkit-transition-duration: 0.1s;
  158. -o-transition-duration: 0.1s;
  159. }
  160. a:hover{
  161. text-decoration:none;
  162. color:{color:accent};
  163. transition-duration: 0.1s;
  164. -moz-transition-duration: 0.1s;
  165. -webkit-transition-duration: 0.1s;
  166. -o-transition-duration: 0.1s;
  167. }
  168. img {
  169. }
  170. blockquote {
  171. font-size:10px;
  172. width:auto;
  173. border-left:3px solid #eee;
  174. text-align:left;
  175. padding:1px;
  176. font-weight:none;
  177. margin-top:15px;
  178. margin-left:21px;
  179. padding-top:0.5px;
  180. padding-bottom:0.5px;
  181. font-size:10px;
  182. font-family: 'calibri', sans-serif;
  183. margin-right:20px;
  184. padding-left:15px;
  185. color:{color:text};
  186. }
  187. pre{
  188. font-size:9px;
  189. text-align:center;
  190. text-transform:none;
  191. font-family: 'Bitter', serif;
  192. font-weight:bold;
  193. line-height:9px;
  194. border-left:1px solid #eee;
  195. border-bottom:1px solid #eee;
  196. letter-spacing:2px;
  197. background-color:{color:posts};
  198. color:{color:text};
  199. padding:6px;
  200. }
  201. small{
  202. font-size:9px;
  203. font-family: 'roboto', sans-serif;
  204. }
  205. big{
  206. font-size:12px;
  207. font-family: 'roboto', sans-serif;
  208. font-weight:700;
  209. }
  210. sub{
  211. font-size:8px;
  212. font-family: 'calibri', sans-serif;
  213. }
  214. h1 {
  215. font-size:11px;
  216. text-align:center;
  217. font-family: 'roboto', sans-serif;
  218. letter-spacing:0px;
  219. text-transform:uppercase;
  220. font-weight:700;
  221. line-height:17px;
  222. border-bottom:1px solid #eee;
  223. color:{color:text};
  224. padding:7px;
  225. }
  226. h1 a{
  227. color:{color:text};
  228. }
  229. h2{
  230. color:{color:text};
  231. text-transform:uppercase;
  232. font-family: 'Roboto', sans-serif;
  233. text-align:left;
  234. }
  235. b {
  236. font-weight:bold;
  237. font-family: 'Roboto', sans-serif;
  238. color:{color:text};
  239. }
  240. i {
  241. font-weight:italic;
  242. color:{color:text};
  243. }
  244. grouptitle {
  245. color:{color:text};
  246. text-transform:none;
  247. font-size:10px;
  248. font-family: 'calibri', sans-serif;
  249. }
  250. ac {
  251. color:{color:info};
  252. text-shadow:1px 1px 1px #cccccc;
  253. font-size:11px;
  254. text-transform:uppercase;
  255. padding:5px;
  256. background:{color:accent};
  257. font-family: 'roboto', sans-serif;
  258. letter-spacing:2px;
  259. font-weight:700;
  260. }
  261. am {
  262. color:{color:text};
  263. font-size:22px;
  264. padding:8px;
  265. padding-top:2px;
  266. text-transform:uppercase;
  267. font-family: 'roboto', sans-serif;
  268. letter-spacing:0px;
  269. font-weight:500;
  270. }
  271. n {
  272. font-weight:bold;
  273. letter-spacing:-1px;
  274. text-shadow: 1px 1px 1px #cccccc;
  275. font-size:12px;
  276. text-transform:uppercase;
  277. color:{color:text};
  278. }
  279. u {
  280. text-decoration:none;
  281. color:color:;{text};
  282. border-bottom:1px solid {color:text};
  283. }
  284. underline {
  285. text-decoration:none;
  286. color:color:;{text};
  287. border-bottom:1px solid {color:text};
  288. }
  289. /*icon image*/
  290. #icon {
  291. position:fixed;
  292. margin-top:190px;
  293. padding:10px;
  294. margin-left:180px;
  295. background-color:transparent;
  296. z-index:9999999999999999;
  297. }
  298. #iconimage {
  299. z-index:-99999;
  300. }
  301. #iconimage img {
  302. width:35px;
  303. height:35px;
  304. left:283px;
  305. top:113px;
  306. position:fixed;
  307. opacity:1;
  308. z-index:99999999999999999;
  309. -moz-transition-duration:0.5s;
  310. -webkit-transition-duration:0.5s;
  311. -o-transition-duration:0.5s;
  312. transition: all 0.3s ease-out;
  313. }
  314. #iconimage img:hover {
  315. opacity:0.5;
  316. -moz-transition-duration:0.5s;
  317. -webkit-transition-duration:0.5s;
  318. -o-transition-duration:0.5s;
  319. transition: all 0.3s ease-out;
  320. }
  321. /*sidebar description*/
  322. #description {
  323. overflow:auto;
  324. position:fixed;
  325. text-align:justify;
  326. top:220px;
  327. left:300px;
  328. font-family: 'calibri', sans-serif;
  329. text-shadow:1px 1px 1px #cccccc;
  330. width:200px;
  331. height:160px;
  332. font-weight:500;
  333. opacity:1;
  334. line-height:14px;
  335. font-weight:none;
  336. color:{color:text};
  337. letter-spacing:1px;
  338. font-size:10px;
  339. z-index:999999999;
  340. }
  341. /*sidebar background*/
  342. #sbackground {
  343. overflow:auto;
  344. position:fixed;
  345. top:180px;
  346. left:265px;
  347. word-wrap: break-word;
  348. font-family: 'calibri', sans-serif;
  349. background:{color:posts};
  350. width:220px;
  351. height:160px;
  352. padding-top:25px;
  353. padding-left:25px;
  354. padding-right:25px;
  355. padding-bottom:25px;
  356. font-weight:500;
  357. opacity:1;
  358. line-height:14px;
  359. font-weight:none;
  360. color:{color:text};
  361. letter-spacing:0px;
  362. font-size:9px;
  363. z-index:999999;
  364. }
  365. /*img background*/
  366. #ibackground {
  367. overflow:auto;
  368. position:fixed;
  369. top:95px;
  370. left:265px;
  371. word-wrap: break-word;
  372. font-family: 'calibri', sans-serif;
  373. background:{color:accent};
  374. width:70px;
  375. height:70px;
  376. font-weight:500;
  377. opacity:1;
  378. line-height:14px;
  379. font-weight:none;
  380. color:{color:text};
  381. letter-spacing:0px;
  382. font-size:9px;
  383. z-index:999999;
  384. }
  385. /*posts background*/
  386. #pbackground {
  387. position:fixed;
  388. top:95px;
  389. left:565px;
  390. background:{color:posts};
  391. width:420px;
  392. height:333px;
  393. padding-top:25px;
  394. padding-left:25px;
  395. padding-right:25px;
  396. padding-bottom:25px;
  397. opacity:1;
  398. z-index:-999999;
  399. }
  400. /*titles*/
  401. #onetitle{
  402. width:180px;
  403. height:70px;
  404. top:95px;
  405. opacity:1;
  406. position:fixed;
  407. font-family: 'arial',sans-serif;
  408. letter-spacing:1px;
  409. background:{color:posts};
  410. text-align:left;
  411. padding-left:20px;
  412. text-shadow:1px 1px 1px #cccccc;
  413. overflow:hidden;
  414. font-weight:800;
  415. color:{color:text};
  416. text-transform:uppercase;
  417. line-height:70px;
  418. font-size:12px;
  419. left:335px;
  420. z-index:99;
  421. }
  422. /*back to top button*/
  423. .back-to-top {
  424. position: fixed;
  425. color:{color:text};
  426. bottom:13px;
  427. text-transform:uppercase;
  428. background:{color:background};
  429. left:13px;
  430. font-family: 'calibri', sans-serif;
  431. font-size:8px;
  432. letter-spacing:2px;
  433. text-shadow:1px 1px 1px #cccccc;
  434. z-index:9999999999;
  435. font-weight:800;
  436. padding:10px;
  437. }
  438. /*jump pagination*/
  439. .pagination{
  440. font-family: 'roboto', sans-serif;
  441. margin-left:-190px;
  442. width:auto;
  443. padding-top:-10px;
  444. letter-spacing:2px;
  445. padding-bottom:20px;
  446. font-size:13px;
  447. text-align:center;
  448. }
  449. .pagination a{
  450. padding:5px;
  451. font-family: 'roboto', sans-serif;
  452. font-weight:600;
  453. bottom:10px;
  454. margin-left:5px;
  455. color:{color:text};
  456. }
  457. .pagination a:hover{
  458. color:{color:hover};
  459. -moz-transition-duration:0.5s;
  460. -webkit-transition-duration:0.5s;
  461. -o-transition-duration:0.5s;
  462. transition: all 0.3s ease-out;
  463. }
  464. /*post notes*/
  465. ol.notes {
  466. padding: 0px;
  467. margin: 25px 0px;
  468. font-family:'Roboto',sans-serif;
  469. list-style-type: none;
  470. margin-top:-31px;
  471. background:{color:posts};
  472. margin-left:16px;
  473. width:460px;
  474. border-bottom: solid 1px #eee;
  475. }
  476. ol.notes li.note {
  477. border-top: solid 1px #eee;
  478. padding: 10px;
  479. }
  480. ol.notes li.note img.avatar {
  481. vertical-align: -2px;
  482. border-radius:100px;
  483. margin-right: 0px;
  484. width: 16px;
  485. height: 16px;
  486. }
  487. ol.notes li.note span.action {
  488. font-weight: 300;
  489. }
  490. ol.notes li.note .answer_content {
  491. font-weight: normal;
  492. }
  493. ol.notes li.note blockquote {
  494. border-color: #eee;
  495. padding: 4px 10px;
  496. margin: 10px 0px 0px 25px;
  497. }
  498. ol.notes li.note blockquote a {
  499. text-decoration: none;
  500. }
  501. /*audio*/
  502. .audioartist {
  503. font-family:'roboto', sans-serif;
  504. font-size:10px;
  505. text-transform:lowercase;
  506. font-weight:600;
  507. }
  508. .audiotitle {
  509. font-family:'roboto', sans-serif;
  510. font-size:10px;
  511. text-transform:lowercase;
  512. font-weight:600;
  513. }
  514. .audioplayed {
  515. font-family:'roboto', sans-serif;
  516. font-size:10px;
  517. text-transform:lowercase;
  518. font-weight:600;
  519. }
  520. .audioplayr {
  521. width:400px;
  522. color:{color:text};
  523. background:{color:accent};
  524. }
  525. audioinfo {
  526. font-family:'roboto', sans-serif;
  527. font-size:10px;
  528. letter-spacing:2px;
  529. text-transform:lowercase;
  530. font-weight:300;
  531. }
  532. /*post styles*/
  533. .pcaption{
  534. font-family:'calibri', sans-serif;
  535. font-size:10px;
  536. margin-left:22px;
  537. letter-spacing:0px;
  538. text-transform:none;
  539. font-weight:300;
  540. }
  541. .psets{
  542. max-width:400px;
  543. margin-top:-13px;
  544. height:auto;
  545. }
  546. .vsets{
  547. max-width:400px;
  548. margin-top:-13px;
  549. height:auto;
  550. }
  551. /*posts*/
  552. #entries {
  553. margin-left:600px;
  554. margin-top:130px;
  555. height:320px;
  556. width:440px;
  557. overflow:auto;
  558. z-index:99999;
  559. }
  560. #post {
  561. font-size:10px;
  562. width:400px;
  563. color:{color:post text};
  564. background-color:{color:posts};
  565. text-align:justify;
  566. z-index:99999;
  567. padding-bottom:22px;
  568. overflow:hidden;
  569. }
  570. #post img{
  571. max-width:400px;
  572. margin-top:-12px;
  573. height:auto;
  574. }
  575. /*questions and answers*/
  576. #asking {
  577. margin-left:20px;
  578. margin-top:-35px;
  579. }
  580. #askingimage {
  581. }
  582. #askingimage img {
  583. margin-left:330px;
  584. width:43px;
  585. height:43px;
  586. border-radius:2px 2px 2px 2px;
  587. margin-top:25px;
  588. }
  589. #question {
  590. padding:20px;
  591. padding-left:14px;
  592. margin-top:-31px;
  593. margin-left:30px;
  594. width:247px;
  595. border-radius:2px 2px 2px 2px;
  596. color:{color:text};
  597. background-color:{color:asks};
  598. }
  599. #asker{
  600. margin-top:-66px;
  601. padding:1px;
  602. font-weight:300;
  603. font-size:11px;
  604. z-index:9999999999;
  605. color:{color:text};
  606. opacity:1;
  607. margin-left:14px;
  608. letter-spacing:0px;
  609. font-family: 'roboto', sans-serif;
  610. text-transform:lowercase;
  611. }
  612. #askerurl{
  613. margin-top:-63px;
  614. padding:1px;
  615. font-weight:300;
  616. font-size:11px;
  617. padding:7px;
  618. line-height:14px;
  619. height:13px;
  620. width:465px;
  621. z-index:9999999999;
  622. color:{color:text};
  623. opacity:1;
  624. margin-left:36px;
  625. padding-bottom:11px;
  626. letter-spacing:0px;
  627. font-family: 'roboto', sans-serif;
  628. text-transform:lowercase;
  629. }
  630. .triangle {
  631. align:right;
  632. margin:7px 0px 10px 0px;
  633. padding:10px;
  634. position: relative;
  635. }
  636. .triangle t1{
  637. display:block;
  638. position:absolute;
  639. width:1px;
  640. height:1px
  641. font-size:0;
  642. margin-left:5px;
  643. top:-19px;z-index:9999999;
  644. border-right:7px solid transparent;
  645. border-left:7px solid transparent;
  646. border-top:10px solid transparent;
  647. -ms-transform: rotate(92deg); /* IE 9 */
  648. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  649. transform: rotate(92deg);
  650. }
  651. .triangle t2 {
  652. display:block;
  653. position:absolute;
  654. width:0px;
  655. height:1px
  656. font-size:0;
  657. margin-left:260px;
  658. top:-20px;
  659. border-right:9px solid transparent;
  660. border-left:9px solid transparent;
  661. border-top:10px solid {color:asks};
  662. -ms-transform: rotate(90deg); /* IE 9 */
  663. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  664. transform: rotate(270deg);
  665. }
  666. /*post info*/
  667. #info {
  668. width:390px;
  669. height:32px;
  670. text-align:left;
  671. font-family: 'roboto', sans-serif;
  672. text-transform:uppercase;
  673. margin-left:0px;
  674. font-size:11px;
  675. padding-left:10px;
  676. margin-top:20px;
  677. opacity:1;
  678. overflow:hidden;
  679. font-weight:700;
  680. text-shadow:1px 1px 1px #cccccc;
  681. font-style:none;
  682. line-height:35px;
  683. letter-spacing:-1px;
  684. z-index:9999999999999999;
  685. color:{color:info};
  686. }
  687. #info a {
  688. text-align:center;
  689. font-weight:700;
  690. padding:5px;
  691. letter-spacing:-1px;
  692. text-shadow:1px 1px 1px #cccccc;
  693. font-family: 'roboto', sans-serif;
  694. line-height:5px;
  695. color:{color:info};
  696. }
  697. #info a:hover{
  698. color:{color:hover};
  699. }
  700. /*post tags*/
  701. #tags {
  702. text-align:left;
  703. opacity:1;
  704. font-size:8px;
  705. font-family: 'arial', sans-serif;
  706. margin-top:-1px;
  707. margin-left:0px;
  708. color:{color:info};
  709. padding:5px;
  710. text-shadow:1px 1px 1px #cccccc;
  711. line-height:12px;
  712. font-weight:400;
  713. padding-bottom:0px;
  714. width:350px;
  715. text-transform:uppercase;
  716. -webkit-transition: all 0.7s ease-in-out;
  717. -moz-transition: all 0.7s ease-in-out;
  718. -o-transition: all 0.7s ease-in-out;
  719. -ms-transition: all 0.7s ease-in-out;
  720. transition: all 0.7s ease-in-out;
  721. }
  722. #tags a {
  723. padding:8px;
  724. margin-top:-3px;
  725. text-shadow:1px 1px 1px #cccccc;
  726. color:{color:info};
  727. line-height:20px;
  728. letter-spacing:1px;
  729. font-weight:800;
  730. width:auto;
  731. text-align:left;
  732. font-size:10px;
  733. font-family: 'arial', sans-serif;
  734. display:inline-block;
  735. }
  736. #tags a:hover {
  737. -moz-transition-duration:0.3s;
  738. -webkit-transition-duration:0.3s;
  739. -o-transition-duration:0.3s;
  740. color:{color:hover};
  741. }
  742. /*credit (u better leave this here u goof)*/
  743. #credit{
  744. position:fixed;
  745. font-size:8px;
  746. font-weight:800;
  747. padding-bottom:5px;
  748. padding-top:5px;
  749. height:20px;
  750. width:auto;
  751. opacity:1;
  752. padding-left:5px;
  753. padding-right:5px;
  754. background:transparent;
  755. right:13px;
  756. bottom:13px;
  757. letter-spacing:0px;
  758. line-height:22px;
  759. padding:3px;
  760. text-align:center;
  761. float:left;
  762. text-shadow:1px 1px 1px #cccccc;
  763. font-family: 'calibri', sans-serif;
  764. color:{color:text};
  765. text-transform:uppercase;
  766. }
  767. #credit:hover{
  768. background:{color:posts};
  769. }
  770. /*sidebar links*/
  771. .links {
  772. width:270px;
  773. height:70px;
  774. overflow:hidden;
  775. cursor:pointer;
  776. top:408px;
  777. background:{color:posts};
  778. opacity:1;
  779. z-index:999999;
  780. position:fixed;
  781. left:265px;
  782. text-align:center;
  783. }
  784. .links #all {
  785. margin-left:-5px;
  786. margin-top:10px;
  787. padding:5px;
  788. height:28px;
  789. transition-duration: 0.3s;
  790. -moz-transition-duration: 0.3s;
  791. -webkit-transition-duration: 0.3s;
  792. -o-transition-duration: 0.3s;
  793. }
  794. .links #all a:hover {
  795. opacity:0.5;
  796. transition-duration: 0.3s;
  797. -moz-transition-duration: 0.3s;
  798. -webkit-transition-duration: 0.3s;
  799. -o-transition-duration: 0.3s;
  800. }
  801. .links a {
  802. width:auto;
  803. height:25px;
  804. margin-bottom:0px;
  805. text-align:center;
  806. text-transform:none;
  807. padding:14px;
  808. opacity:1;
  809. margin-left:0px;
  810. line-height:9px;
  811. color:{color:links};
  812. z-index:99999;
  813. font-weight:800;
  814. font-family: 'roboto', sans-serif;
  815. text-shadow:1px 1px 1px #cccccc;
  816. letter-spacing:3px;
  817. font-size:12px;
  818. display:inline-block;
  819. -webkit-transition: all 0.3s ease-in-out;
  820. -moz-transition: all 0.3s ease-in-out;
  821. -o-transition: all 0.3s ease-in-out;
  822. -ms-transition: all 0.3s ease-in-out;
  823. transition: all 0.3s ease-in-out;
  824. }
  825. {CustomCSS}</style>
  826. </head>
  827. <body>
  828. <!-----basics---->
  829. <div id="sidebar">
  830. <div id="iconimage"><a href="/"><img src="{image:sidebar}"></a></div>
  831. <div id="description">{description}</a></div>
  832. <div id="onetitle">{text:title}</a></div>
  833. <div id="sbackground"></a></div>
  834. <div id="pbackground"></a></div>
  835. <div id="ibackground"></a></div>
  836. </div>
  837. </div>
  838. <!-----sidebar links---->
  839. <div class="links">
  840. <div id="all">
  841. <a href="/"title="refresh"><i class="fa fa-refresh"style="color:{color:links};font-size:13px;text-shadow:1px 1px 1px #cccccc;"></i></a>
  842. <a href="/ask"title="contact"><i class="fa fa-share"style="color:{color:links};font-size:13px;text-shadow:1px 1px 1px #cccccc;"></i></a>
  843. <a href="{text:link one url}"title="{text:link one}"><i class="fa fa-paw"style="color:{color:links};font-size:13px;text-shadow:1px 1px 1px #cccccc;"></i></a>
  844. <a href="{text:link two url}"title="{text:link two}"><i class="fa fa-leaf"style="color:{color:links};font-size:13px;text-shadow:1px 1px 1px #cccccc;"></i></a>
  845. </div>
  846. </div>
  847. <!-----posts and entries---->
  848. <div id="entries">
  849. {block:Posts}
  850. <div id="post"
  851. <div id="post">
  852. <!----texts---->
  853. {block:Text}
  854. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  855. <center>{Body}</center>
  856. {/block:Text}
  857. <!-----question and answers---->
  858. {block:Answer}
  859. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  860. <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
  861. <div id="askerurl"><b>{Asker}</b> asked:</div>
  862. <div id="question">{Question}</div>
  863. {Answer}{/block:Answer}
  864. <!-----quotes---->
  865. {block:Quote}
  866. {block:Quote}
  867. <h2>{Quote}</h2>
  868. <div align="right">
  869. {block:Source}<h1>-{Source}</h1>{/block:Source}
  870. </div>
  871. {/block:Quote}
  872. <!-----links---->
  873. {block:Link}
  874. <h2><center><a href="{URL}">{Name}</center></a></h2>
  875. {block:Description}{Description}{/block:Description}
  876. {/block:Link}
  877. <!-----chats---->
  878. {block:Chat}
  879. {block:Title}<h2>{Title}</h2>{/block:Title}
  880. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  881. {Line}</li>{/block:Lines}</ul>
  882. {/block:Chat}
  883. <!-----photos---->
  884. {block:Photo}
  885. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  886. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  887. {/block:Photo}
  888. <!-----photosets---->
  889. {block:Photoset}
  890. <div class="psets">{Photoset-400}</div>
  891. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  892. {/block:Photoset}
  893. <!-----videos---->
  894. {block:Video}
  895. <div class="vsets">{Video-400}</div>
  896. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  897. {/block:Video}
  898. <!-----audios---->
  899. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  900. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  901. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  902. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  903. </br>
  904. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  905. {/block:Audio}
  906. <!-----info---->
  907. {block:Date}
  908. <div id="bordertop"></div>
  909. <div id="info">
  910. <div id="permalink">
  911. <top><a href="{Permalink}"title="{TimeAgo}">
  912. <ac> {DayOfMonth} {ShortMonth} {ShortYear}</top></a> {NoteCount}</ac></top><font style="float:right;margin-right:15px;"><a href="{ReblogURL}"title="reblog"target="_blank" class="details">rblg<a href="{ReblogParentURL}" ><a href="{ReblogParentURL}" title="{ReblogParentName}">via<a href="{SourceURL}"title="{ReblogRootName}">src</top></font style></div>
  913. {/block:ContentSource}
  914. {/block:RebloggedFrom}
  915. </a></div>
  916. {/block:Date}
  917. </div>
  918. {block:PostNotes} {PostNotes} {/block:PostNotes}
  919.  
  920. {/block:Posts}
  921. {block:Pagination}
  922. <div class="pagination"style="{color:title text}">
  923. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:accent};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
  924. {/block:Pagination}</div>
  925. </div>
  926. <!-----credit (u better dont touch this here u goof)---->
  927. <div id="credit">
  928. <a href="http://adf.ly/1WydlU"title="espeon themes"style="color:{color:text}">© Espeon</a>
  929. </div>
  930. </html>
  931. </body>
  932. <!-----end html---->
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!