azurethemes

theme 26: altar

Dec 11th, 2016
669
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.55 KB | None | 0 0
  1. <!----
  2. @1204px // prev. daddythemes
  3. theme 26: altar
  4. this theme was made by azure/1204px.
  5. dont steal or copy.
  6. --->
  7. <!--start html-->
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  10. <!--custom google fonts-->
  11. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Montserrat:400,700|Raleway:400,500,600,700,800|Roboto+Condensed:400,700|Roboto:300i,400,400i,500,500i,700,700i|Josefin+Sans:700|Muli:400|Cabin:400,500,600|Rubik:400,500|Source+Sans+Pro:400,600,700|Kanit:300,400,500,600|Oxygen|Work+Sans:500" rel="stylesheet">
  12. <!--tooltips-->
  13. <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>
  14. <script>
  15. (function($){
  16. $(document).ready(function(){
  17. $("a[title]").style_my_tooltips({
  18. tip_follows_cursor:true,
  19. tip_delay_time:10,
  20. tip_fade_speed:900,
  21. attribute:"title"
  22. });
  23. });
  24. })(jQuery);
  25. </script>
  26. <!--back to top button-->
  27. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  28. <script>
  29. $(document).ready(function(){
  30.  
  31. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  32. var back_to_top_button = ['<a href="#top" class="back-to-top"><i class="fa fa-arrow-up"></i></a>'].join("");
  33. $("body").append(back_to_top_button)
  34.  
  35. // Der Button wird ausgeblendet
  36. $(".back-to-top").hide();
  37.  
  38. // Funktion für das Scroll-Verhalten
  39. $(function () {
  40. $(window).scroll(function () {
  41. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  42. $('.back-to-top').fadeIn();
  43. } else {
  44. $('.back-to-top').fadeOut();
  45. }
  46. });
  47.  
  48. $('.back-to-top').click(function () { // Klick auf den Button
  49. $('body,html').animate({
  50. scrollTop: 0
  51. }, 800);
  52. return false;
  53. });
  54. });
  55.  
  56. });
  57. </script>
  58. <script type="text/javascript">
  59. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  60. $(document).ready(function() {
  61. function photosetResize() {
  62. $('iframe.photoset').each(function(){
  63. var newSize = 415;
  64. var newSrc = $(this).attr('src').replace('500',newSize);
  65. $(this).attr('src', newSrc).width(newSize);
  66. var high = $(this).css('height');
  67. var calculate = parseInt(high, 10)* newSize/500;
  68. $(this).css('height', calculate);
  69. });
  70. }
  71. photosetResize();
  72. });
  73. </script>
  74. <!--smooth scrolling by deadpoolkilledzac.tumblr.com-->
  75. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  76. <!--minimalist fonts-->
  77. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  78. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
  79. <link rel="stylesheet" href="path/to/material-design-iconic-font/css/material-design-iconic-font.min.css">
  80. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  81. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  82. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  83. <head>
  84. <title>{Title}</title>
  85. <link rel="shortcut icon" href="{Favicon}">
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  87. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  88. <!--toggles-->
  89. <meta name="if:TooltipBorder" content="1"/>
  90. <!--all colors-->
  91. <meta name="color:background" content="#f6f6f6"/>
  92. <meta name="color:posts" content="#ffffff">
  93. <meta name="color:top bar" content="#ffffff"/>
  94. <meta name="color:text" content="#888888"/>
  95. <meta name="color:links" content="#888888"/>
  96. <meta name="color:link accent" content="#ffffff"/>
  97. <meta name="color:accent" content="#dcbbb2">
  98. <meta name="color:navi" content="#222222">
  99. <meta name="color:hover" content="#000000">
  100. <meta name="color:asks" content="#f6f6f6">
  101. <meta name="color:border" content="#eeeeee"/>
  102. <meta name="color:scrollbar" content="#070707">
  103. <meta name="color:tooltip" content="#ffffff">
  104. <meta name="color:tooltip text" content="#000000">
  105. <meta name="color:search" content="#ffffff">
  106. <!--images-->
  107. <meta name="image:sidebar" content=""/>
  108. <meta name="image:icon" content=""/>
  109. <!--texts-->
  110. <meta name="text:title" content="ghidorah"/>
  111. <!--sidebar links-->
  112. <meta name="text:link one" content=" Link one">
  113. <meta name="text:link two" content="Link two">
  114. <meta name="text:link three" content="Link three">
  115. <meta name="text:link four" content="Link four">
  116. <meta name="text:link five" content="Link five">
  117. <meta name="text:link one url" content="/">
  118. <meta name="text:link two url" content="/">
  119. <meta name="text:link three url" content="/">
  120. <meta name="text:link four url" content="/">
  121. <meta name="text:link five url" content="/">
  122. <!--custom css-->
  123. <style type="text/css">
  124. /*tumblr controls*/
  125. .tmblr-iframe {
  126. top:0px!important;
  127. position:fixed!important;
  128. opacity:0.5;
  129. transform-origin:right;
  130. z-index:99999999999999!important;
  131. -webkit-filter: invert(100%);
  132. -moz-filter: invert(100%);
  133. -o-filter: invert(100%);
  134. -ms-filter: invert(100%);
  135. filter: invert(100%);
  136. white-space:nowrap;
  137. transition-duration: 0.3s;
  138. -moz-transition-duration: 0.3s;
  139. -webkit-transition-duration: 0.3s;
  140. -o-transition-duration: 0.3s;
  141. }
  142. /*scrollbar*/
  143. ::-webkit-scrollbar {
  144. width:6px;
  145. height:6px;
  146. background:{color:background};
  147. }
  148. ::-webkit-scrollbar-thumb {
  149. background:{color:scrollbar};
  150. }
  151. /*tooltips*/
  152. #s-m-t-tooltip{
  153. margin:13px 10px 6px 10px;
  154. padding:6px;
  155. background-color:{color:tooltip};
  156. font-family: 'Source Sans Pro', sans-serif;
  157. {block:IfTooltipBorder}
  158. border:1px solid {color:border};
  159. {block:IfTooltipBorder}
  160. border-radius:3px;
  161. font-weight:400;
  162. font-size:9px;
  163. text-transform:uppercase;
  164. letter-spacing:1px;
  165. color:{color:tooltip text};
  166. z-index:999999999999999999999999999999999999;
  167. transition:0.3s ease-in-out;
  168. -webkit-transition:0.3s ease-in-out;
  169. -moz-transition:0.3s ease-in-out;
  170. -ms-transition:0.3s ease-in-out;
  171. -o-transition:0.3s ease-in-out;
  172. }
  173. /*body basics*/
  174. body{
  175. background-color:{color:background};
  176. background-attachment: fixed;
  177. background-repeat: repeat;
  178. font-weight:none;
  179. font-family: 'roboto', sans-serif;
  180. font-size:10px;
  181. text-align:justify;
  182. color:{color:text};
  183. margin:0px;
  184. }
  185. a{
  186. text-decoration:none;
  187. color:{color:links};
  188. -moz-transition-duration:0.5s;
  189. -webkit-transition-duration:0.5s;
  190. -o-transition-duration:0.5s;
  191. transition: all 0.3s ease-out;
  192. }
  193. a:hover{
  194. text-decoration:none;
  195. color:{color:hover};
  196. -moz-transition-duration:0.5s;
  197. -webkit-transition-duration:0.5s;
  198. -o-transition-duration:0.5s;
  199. transition: all 0.3s ease-out;
  200. }
  201. img {
  202. }
  203. blockquote {
  204. font-size:9px;
  205. width:auto;
  206. border-left:1px solid {color:border};
  207. text-align:left;
  208. padding:1px;
  209. font-weight:none;
  210. margin-top:11px;
  211. margin-left:20px;
  212. padding-top:0.5px;
  213. padding-bottom:0.5px;
  214. font-size:11px;
  215. font-family: 'Source Sans Pro', sans-serif;
  216. margin-right:20px;
  217. padding-left:15px;
  218. color:{color:text};
  219. }
  220. pre{
  221. font-size:9px;
  222. text-align:center;
  223. text-transform:none;
  224. font-family: 'Bitter', serif;
  225. font-weight:bold;
  226. line-height:9px;
  227. border-left:1px solid #eee;
  228. border-bottom:1px solid #eee;
  229. letter-spacing:2px;
  230. background-color:{color:posts};
  231. color:{color:text};
  232. padding:6px;
  233. }
  234. small{
  235. font-size:9px;
  236. font-family: 'calibri', sans-serif;
  237. }
  238. big{
  239. font-size:12px;
  240. font-family: 'calibri', sans-serif;
  241. font-weight:700;
  242. }
  243. sub{
  244. font-size:8px;
  245. letter-spacing:6px;
  246. font-weight:800;
  247. text-transform:uppercase;
  248. font-family: 'calibri', sans-serif;
  249. }
  250. h1 {
  251. font-size:15px;
  252. text-align:left;
  253. font-family: 'arial', sans-serif;
  254. letter-spacing:-1px;
  255. margin-left:-190px;
  256. text-transform:lowercase;
  257. font-weight:700;
  258. line-height:0px;
  259. color:{color:text};
  260. padding:7px;
  261. }
  262. h1 a{
  263. color:{color:text};
  264. text-align:left;
  265. }
  266. h2{
  267. color:{color:text};
  268. text-transform:uppercase;
  269. font-family: 'Montserrat', sans-serif;
  270. text-align:left;
  271. }
  272. b {
  273. font-weight:800;
  274. font-family: 'roboto', sans-serif;
  275. color:{color:text};
  276. }
  277. sh {
  278. color:{color:links};
  279. text-transform:uppercase;
  280. font-family: 'arial', sans-serif;
  281. font-size:13px
  282. font-weight:800;
  283. }
  284. am {
  285. color:{color:text};
  286. font-size:22px;
  287. padding:8px;
  288. padding-top:2px;
  289. text-transform:uppercase;
  290. font-family: 'roboto', sans-serif;
  291. letter-spacing:0px;
  292. font-weight:500;
  293. }
  294. t {
  295. font-weight:bold;
  296. letter-spacing:0px;
  297. font-size:45px;
  298. font-style:italic;
  299. font-family: 'times new roman', sans-serif;
  300. text-transform:uppercase;
  301. color:{color:text};
  302. }
  303. u {
  304. text-decoration:none;
  305. color:{color:text};
  306. padding:3px;
  307. border-bottom:1px solid {color:border};
  308. }
  309. /*back to top button*/
  310. .back-to-top {
  311. position: fixed;
  312. color:{color:text};
  313. bottom:10px;
  314. text-transform:uppercase;
  315. left:10px;
  316. font-family: 'calibri', sans-serif;
  317. font-size:8px;
  318. letter-spacing:3px;
  319. z-index:9999999999;
  320. font-weight:600;
  321. padding:10px;
  322. }
  323. /*jump pagination*/
  324. .pagination{
  325. font-family: 'roboto', sans-serif;
  326. margin-left:-190px;
  327. width:auto;
  328. padding-top:-10px;
  329. letter-spacing:2px;
  330. padding-bottom:20px;
  331. font-size:13px;
  332. text-align:center;
  333. }
  334. .pagination a{
  335. padding:5px;
  336. font-family: 'roboto', sans-serif;
  337. font-weight:600;
  338. bottom:10px;
  339. margin-left:5px;
  340. color:{color:text};
  341. }
  342. .pagination a:hover{
  343. color:{color:hover};
  344. -moz-transition-duration:0.5s;
  345. -webkit-transition-duration:0.5s;
  346. -o-transition-duration:0.5s;
  347. transition: all 0.3s ease-out;
  348. }
  349. /*post notes*/
  350. ol.notes {
  351. padding: 0px;
  352. margin: 25px 0px;
  353. font-family:'roboto',sans-serif;
  354. list-style-type: none;
  355. margin-top:-60px;
  356. background:{color:posts};
  357. margin-left:15px;
  358. width:500px;
  359. border: solid 1px {color:border};
  360. }
  361. ol.notes li.note {
  362. border-top: solid 1px {color:border};
  363. padding: 10px;
  364. }
  365. ol.notes li.note img.avatar {
  366. vertical-align: -10px;
  367. border-radius:100px;
  368. margin-left: 10px;
  369. padding:6px;
  370. width: 16px;
  371. height: 16px;
  372. }
  373. ol.notes li.note span.action {
  374. font-weight: 300;
  375. }
  376. ol.notes li.note .answer_content {
  377. font-weight: normal;
  378. }
  379. ol.notes li.note blockquote {
  380. border-color: {color:border};
  381. padding: 4px 10px;
  382. margin: 10px 0px 0px 25px;
  383. }
  384. ol.notes li.note blockquote a {
  385. text-decoration: none;
  386. }
  387. /*like button*/
  388. .buttons a {
  389. position:relative;
  390. display:inline-block;
  391. padding:3px;
  392. }
  393. .custom-like-button {
  394. position: relative;
  395. display: inline-block;
  396. width: 12px;
  397. height: 12px;
  398. cursor: pointer;
  399. }
  400. .like_button {
  401. position: absolute;
  402. top: 0px;
  403. left: -2px;
  404. right: 0;
  405. bottom: -1px;
  406. width: 12px;
  407. height: 12px;
  408. opacity: 0;
  409. z-index: 10;
  410. }
  411. .like_button iframe {
  412. width: 100% !important;
  413. height: 100% !important;
  414. }
  415. .our_button {
  416. position: absolute;
  417. top: 1.5px;
  418. left: 0;
  419. right: 0;
  420. bottom: 0;
  421. width: 100%;
  422. height: 100%;
  423. z-index: 1;
  424. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  425. -o-transition:all 0.6s ease-in-out;/*opera*/
  426. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  427. -ms-transition:all 0.6s ease-in-out;/*ie*/
  428. transition:all 0.6s ease-in-out;/*w3c*/
  429. }
  430. .like_button:hover + .our_button {
  431. color: {color:link hover};
  432. }
  433. .custom-like-button:hover {
  434. color:{color:hover};
  435. }
  436. .like_button.liked + .our_button {
  437. color: red;
  438. }
  439. /*audio*/
  440. .audioartist {
  441. font-family:'roboto', sans-serif;
  442. font-size:10px;
  443. text-transform:lowercase;
  444. font-weight:600;
  445. }
  446. .audiotitle {
  447. font-family:'roboto', sans-serif;
  448. font-size:10px;
  449. text-transform:lowercase;
  450. font-weight:600;
  451. }
  452. .audioplayed {
  453. font-family:'roboto', sans-serif;
  454. font-size:10px;
  455. text-transform:lowercase;
  456. font-weight:600;
  457. }
  458. .audioplayr {
  459. width:400px;
  460. color:{color:text};
  461. background:{color:accent};
  462. }
  463. audioinfo {
  464. font-family:'roboto', sans-serif;
  465. font-size:10px;
  466. letter-spacing:2px;
  467. text-transform:lowercase;
  468. font-weight:300;
  469. }
  470. /*post styles*/
  471. .pcaption{
  472. font-family:'roboto', sans-serif;
  473. font-size:10px;
  474. padding:2px;
  475. margin-left:10px;
  476. margin-top:20px;
  477. width:365px;
  478. margin-bottom:20px;
  479. letter-spacing:0px;
  480. text-transform:none;
  481. text-align:left;
  482. border-radius:3px;
  483. border:1px solid {color:border};
  484. background:{color:background};
  485. font-weight:400;
  486. }
  487. .pcaption a{
  488. font-family:'montserrat', sans-serif;
  489. font-size:10px;
  490. margin-left:0px;
  491. padding:5px;
  492. letter-spacing:0px;
  493. text-transform:none;
  494. text-align:left;
  495. font-weight:600;
  496. }
  497. .psets{
  498. width:100%;
  499. margin-top:-24px;
  500. margin-left:-12px;
  501. }
  502. .vsets{
  503. width:100%;
  504. margin-top:-12px;
  505. }
  506. .ppost{
  507. width:100%;
  508. margin-top:-12px;
  509. }
  510. .qcaption{
  511. font-family:'Vidaloka', sans-serif;
  512. font-size:15px;
  513. margin-left:15px;
  514. letter-spacing:0px;
  515. text-align:justify;
  516. text-transform:none;
  517. color:{color:text};
  518. font-weight:200;
  519. }
  520. .qsource{
  521. font-size:12px;
  522. margin-left:30px;
  523. margin-top:12px;
  524. text-align:left;
  525. letter-spacing:0px;
  526. font-family:'calibri', sans-serif;
  527. text-transform:uppercase;
  528. font-style:italic;
  529. font-weight:300;
  530. }
  531. /*posts*/
  532. #wrapper {
  533. width:885px;
  534. margin-top:122px;
  535. z-index:9;
  536. overflow:hidden;
  537. margin-left:250px;
  538. }
  539. #post {
  540. font-size:10px;
  541. width:400px;
  542. color:{color:text};
  543. background-color:{color:posts};
  544. border:1px solid {color:border};
  545. text-align:justify;
  546. z-index:9999;
  547. padding:0px;
  548. padding-left:12px;
  549. border-radius:5px;
  550. margin-left:15px;
  551. margin-bottom:20px;
  552. padding-bottom:0px;
  553. overflow:hidden;
  554. }
  555. #post img{
  556. width:415px;
  557. margin-top:-12px;
  558. margin-left:-12px;
  559. margin-bottom:-6px;
  560. height:auto;
  561. }
  562. /*questions and answers*/
  563. #asking {
  564. margin-left:40px;
  565. margin-top:-35px;
  566. }
  567. #askingimage {
  568. }
  569. #askingimage img {
  570. margin-left:5px;
  571. width:35px;
  572. height:35px;
  573. border:1px solid {color:border};
  574. border-radius:3px;
  575. margin-top:-7px;
  576. }
  577. #question {
  578. padding:25px;
  579. padding-left:62px;
  580. margin-top:-24px;
  581. padding-top:32px;
  582. margin-left:20px;
  583. width:307px;
  584. text-transform:none;
  585. border-radius:3px;
  586. font-family: 'calibri', serif;
  587. color:{color:text};
  588. background-color:{color:asks};
  589. }
  590. #asker{
  591. margin-top:-39px;
  592. padding:20px;
  593. font-weight:300;
  594. width:280px;
  595. font-size:11px;
  596. z-index:9999999999;
  597. color:{color:text};
  598. opacity:1;
  599. background:{color:asks};
  600. border:1px solid {color:border};
  601. border-radius:2px;
  602. margin-left:55px;
  603. letter-spacing:0px;
  604. font-family: 'roboto', sans-serif;
  605. text-transform:none;
  606. }
  607. askerurl{
  608. font-weight:bold;
  609. font-family: 'montserrat', sans-serif;
  610. }
  611. /*post info*/
  612. #info {
  613. width:430px;
  614. text-align:left;
  615. font-family: 'montserrat', sans-serif;
  616. text-transform:lowercase;
  617. margin-left:-55px;
  618. font-size:10px;
  619. margin-top:0px;
  620. padding-left:60px;
  621. padding-top:17px;
  622. padding-bottom:13px;
  623. opacity:1;
  624. overflow:hidden;
  625. font-weight:600;
  626. line-height:14px;
  627. letter-spacing:0px;
  628. border-top:1px solid {color:border};
  629. background:{color:posts};
  630. z-index:9999999999999999;
  631. color:{color:links};
  632. }
  633. #info a {
  634. text-align:center;
  635. font-weight:600;
  636. padding:2px;
  637. font-size:10px;
  638. letter-spacing:0px;
  639. font-family: 'montserrat', sans-serif;
  640. text-transform:lowercase;
  641. line-height:5px;
  642. color:{color:links};
  643. -moz-transition-duration:0.2s;
  644. -webkit-transition-duration:0.2s;
  645. -o-transition-duration:0.2s;
  646. transition: all 0.2s ease-out;
  647. }
  648. #info a:hover{
  649. color:{color:hover};
  650. -moz-transition-duration:0.2s;
  651. -webkit-transition-duration:0.2s;
  652. -o-transition-duration:0.2s;
  653. transition: all 0.2s ease-out;
  654. }
  655. #info date {
  656. font-size:10px;
  657. letter-spacing:0px;
  658. text-transform:uppercase;
  659. font-family: 'montserrat', sans-serif;
  660. font-weight:600;
  661. color:{color:link accent};
  662. -moz-transition-duration:0.2s;
  663. -webkit-transition-duration:0.2s;
  664. -o-transition-duration:0.2s;
  665. transition: all 0.2s ease-out;
  666. }
  667. #info tagged {
  668. font-family: 'montserrat', sans-serif;
  669. text-transform:lowercase;
  670. font-size:10px;
  671. letter-spacing:0px;
  672. font-weight:600;
  673. }
  674. #info date:hover{
  675. color:{color:hover};
  676. -moz-transition-duration:0.2s;
  677. -webkit-transition-duration:0.2s;
  678. -o-transition-duration:0.2s;
  679. transition: all 0.2s ease-out;
  680. }
  681. #infot {
  682. width:400px;
  683. text-align:left;
  684. font-family: 'montserrat', sans-serif;
  685. text-transform:lowercase;
  686. margin-left:-13px;
  687. font-size:10px;
  688. margin-top:0px;
  689. padding-left:20px;
  690. padding-top:28px;
  691. padding-bottom:18px;
  692. margin-bottom:24px;
  693. opacity:1;
  694. overflow:hidden;
  695. border-radius:3px;
  696. font-weight:500;
  697. border-bottom:1px solid {color:border};
  698. line-height:0px;
  699. letter-spacing:0px;
  700. background:{color:posts};
  701. z-index:9999999999999999;
  702. color:{color:info};
  703. }
  704. #infot img {
  705. width:27px;
  706. height:27px;
  707. margin-left:-3px;
  708. margin-top:-12px;
  709. border-radius:100px;
  710. }
  711. #infot #nname {
  712. text-align:left;
  713. font-weight:700;
  714. padding:2px;
  715. font-size:11px;
  716. letter-spacing:0px;
  717. margin-left:33px;
  718. margin-top:-15px;
  719. font-family: 'montserrat', sans-serif;
  720. line-height:10px;
  721. color:{color:info};
  722. -moz-transition-duration:0.2s;
  723. -webkit-transition-duration:0.2s;
  724. -o-transition-duration:0.2s;
  725. transition: all 0.2s ease-out;
  726. }
  727. #infot posted {
  728. text-align:left;
  729. font-weight:600;
  730. padding:2px;
  731. font-size:10px;
  732. letter-spacing:0px;
  733. margin-top:-12px;
  734. font-family: 'montserrat', sans-serif;
  735. line-height:0px;
  736. color:{color:info};
  737. }
  738. #infot a{
  739. text-align:left;
  740. font-weight:600;
  741. padding:2px;
  742. font-size:10px;
  743. letter-spacing:0px;
  744. margin-left:0px;
  745. margin-top:-22px;
  746. font-family: 'montserrat', sans-serif;
  747. line-height:0px;
  748. color:{color:info};
  749. -moz-transition-duration:0.2s;
  750. -webkit-transition-duration:0.2s;
  751. -o-transition-duration:0.2s;
  752. transition: all 0.2s ease-out;
  753. }
  754. /*navi links*/
  755. .nlinks {
  756. width:500px;
  757. overflow:hidden;
  758. cursor:pointer;
  759. background:{color:posts};
  760. left:250px;
  761. opacity:1;
  762. padding:2px;
  763. z-index:99999999999999999999;
  764. position:fixed;
  765. top:32px;
  766. text-align:left;
  767. }
  768. .nlinks a {
  769. width:auto;
  770. height:18px;
  771. text-align:center;
  772. text-transform:lowercase;
  773. opacity:1;
  774. color:{color:links};
  775. padding-top:3px;
  776. padding:5px;
  777. letter-spacing:0px;
  778. z-index:99999;
  779. margin-bottom:2px;
  780. line-height:24px;
  781. border-radius:3px;
  782. font-weight:700;
  783. font-family: 'montserrat', sans-serif;
  784. font-size:11px;
  785. display:inline-block;
  786. transition-duration: 0.3s;
  787. -moz-transition-duration: 0.3s;
  788. -webkit-transition-duration: 0.3s;
  789. -o-transition-duration: 0.3s;
  790. }
  791. .nlinks a:hover{
  792. color:{color:hover};
  793. }
  794. .nlinks span {
  795. line-height:20px;
  796. }
  797. /*titles*/
  798. #stickytitle{
  799. top:42px;
  800. width:247px;
  801. height:35px;
  802. opacity:1;
  803. position:fixed;
  804. font-family: 'montserrat', sans-serif;
  805. letter-spacing:2px;
  806. text-align:left;
  807. overflow:hidden;
  808. margin-bottom:2px;
  809. font-weight:600;
  810. word-wrap:none;
  811. font-style:italic;
  812. color:{color:text};
  813. text-transform:lowercase;
  814. line-height:15px;
  815. font-size:20px;
  816. left:40px;
  817. z-index:9999999999;
  818. }
  819. #userr {
  820. position:fixed;
  821. margin-top:190px;
  822. margin-left:180px;
  823. background:{color:top bar};
  824. z-index:9999999999999999;
  825. }
  826. #userrimage {
  827. z-index:-99999;
  828. }
  829. #userrimage img {
  830. width:50px;
  831. height:50px;
  832. left:176px;
  833. top:24px;
  834. position:fixed;
  835. background:{color:top bar};
  836. border-radius:100px;
  837. opacity:1;
  838. z-index:9999999999999999;
  839. -webkit-transition: all 0.4s ease-in-out;
  840. -moz-transition: all 0.4s ease-in-out;
  841. -o-transition: all 0.4s ease-in-out;
  842. -ms-transition: all 0.4s ease-in-out;
  843. transition: all 0.4s ease-in-out;
  844. }
  845. /*sidebar image*/
  846. #sbl {
  847. position:fixed;
  848. border-radius:3px;
  849. margin-top:190px;
  850. background:{color:posts};
  851. margin-left:180px;
  852. z-index:9999999999999999;
  853. }
  854. #sblimage {
  855. border-radius:3px;
  856. background:{color:posts};
  857. }
  858. #sblimage img {
  859. width:200px;
  860. height:300px;
  861. left:30px;
  862. background:{color:posts};
  863. top:124px;
  864. position:fixed;
  865. opacity:1;
  866. border:1px solid {color:border};
  867. border-radius:5px 5px 0px 0px;
  868. z-index:-99999;
  869. }
  870. #bgfour{
  871. top:0px;
  872. width:100%;
  873. height:100px;
  874. opacity:1;
  875. position:fixed;
  876. overflow:hidden;
  877. border-bottom:1px solid {color:border};
  878. background:{color:posts};
  879. left:0px;
  880. z-index:9999999;
  881. }
  882. #bg3{
  883. top:425px;
  884. width:200px;
  885. height:40px;
  886. border-radius:0px 0px 5px 5px;
  887. opacity:1;
  888. position:fixed;
  889. overflow:hidden;
  890. border-bottom:1px solid {color:border};
  891. border-right:1px solid {color:border};
  892. border-left:1px solid {color:border};
  893. background:{color:posts};
  894. left:30px;
  895. z-index:9999999;
  896. }
  897. /*search box*/
  898. .search {
  899. text-align:left;
  900. line-height:55px;
  901. position:fixed;
  902. top:433px;
  903. opacity:1;
  904. z-index:99999999999999999999999;
  905. left:165px;
  906. }
  907. .search input{
  908. color:black;
  909. position:absolute;
  910. font-family: 'calibri', sans-serif;
  911. font-size:8px;
  912. border:0px;
  913. text-transform:uppercase;
  914. letter-spacing:1px;
  915. opacity:1;
  916. font-weight:800;
  917. padding:3px 8px;
  918. background:{color:search};
  919. text-align:left;
  920. border:1px solid {color:border};
  921. color:{color:text};
  922. border-radius:3px;
  923. margin-left:-125px;
  924. width:137px;
  925. padding-left:34px;
  926. height:16px;
  927. outline:none;
  928. }
  929. input.sbutton{
  930. border:1px solid {color:border};
  931. cursor:help;
  932. font-family:'icomoon';
  933. padding:10px;
  934. line-height:5px;
  935. padding-left:6px;
  936. margin-left:-125px;
  937. opacity:1;
  938. background:{color:posts};
  939. margin-top:0px;
  940. color:{color:text};
  941. font-size:9px;
  942. text-transform:uppercase;
  943. font-weight:normal;
  944. width:23px;
  945. height:24px;
  946. }
  947. @font-face {
  948. font-family:'icomoon';
  949. src:url('https://dl.dropboxusercontent.com/s/2irmmmxhhoz2w7h/icomoon.ttf');
  950. font-style:normal;
  951. font-weight:normal;
  952. }
  953. ::-webkit-input-placeholder {
  954. color:black;text-transform:uppercase;opacity:0.5;letter-spacing:1px;
  955. }
  956. ::-moz-input-placeholder {
  957. color:black;text-transform:uppercase;opacity:0.5;letter-spacing:1px;
  958. }
  959. ::-o-input-placeholder {
  960. color:black;text-transform:uppercase;opacity:0.5;letter-spacing:1px;
  961. }
  962. ::-ms-input-placeholder {
  963. color:black;text-transform:uppercase;opacity:0.5;letter-spacing:1px;
  964. }
  965. /*credit (u better leave this here u goof)*/
  966. #credit a{
  967. position:fixed;
  968. font-size:9px;
  969. font-weight:800;
  970. height:15px;
  971. width:25px;
  972. opacity:1;
  973. right:15px;
  974. bottom:5px;
  975. padding:2px;
  976. letter-spacing:0px;
  977. padding-top:3px;
  978. line-height:11px;
  979. z-index:9999999999999999999999999999;
  980. text-align:center;
  981. float:left;
  982. font-family: 'montserrat', cursive;
  983. color:{color:text};
  984. text-transform:lowercase;
  985. -moz-transition-duration:0.3s;
  986. -webkit-transition-duration:0.3s;
  987. -o-transition-duration:0.3s;
  988. transition: all 0.3s ease-out;
  989. }
  990. #credit a:hover{
  991. color:{color:hover};
  992. -moz-transition-duration:0.3s;
  993. -webkit-transition-duration:0.3s;
  994. -o-transition-duration:0.3s;
  995. transition: all 0.3s ease-out;
  996. }
  997. /*sidebar*/
  998. #description {
  999. font-size:10px;
  1000. top:470px;
  1001. text-align:center;
  1002. color:{color:text};
  1003. z-index:999999999;
  1004. left:31px;
  1005. position:fixed;
  1006. width:180px;
  1007. font-weight:300;
  1008. padding:10px;
  1009. line-height:14px;
  1010. font-family: 'source sans pro', sans-serif;
  1011. }
  1012. {CustomCSS}</style>
  1013. </head>
  1014. <body>
  1015. <!--do not touch below -->
  1016. <div id="userrimage"><img src="{image:icon}"></a></div>
  1017. <div id="sblimage"><img src="{image:sidebar}"></a></div>
  1018. <div id="description">{description}</div>
  1019. <div id="stickytitle">{text:title}</div>
  1020. </div>
  1021. </div>
  1022. <!--basics-->
  1023. <div id="sidebar">
  1024. <div class="search">
  1025. <form action="/search" method="get">
  1026. <input type="text" name="q" value="" placeholder="Search blog" />
  1027. <input type="submit" value="&#xe601;" class="sbutton" />
  1028. </form></div>
  1029. </div>
  1030. </div>
  1031. <!--sidebar-->
  1032. <div id="bgfour"></div>
  1033. <div id="bg3"></div>
  1034. <!--top bar links-->
  1035. <div class="nlinks">
  1036. <a href="/">home</a>
  1037. <a href="/ask">message</a>
  1038. <a href="{text:link one url}">{text:link one}</a>
  1039. <a href="{text:link two url}">{text:link two}</a>
  1040. <a href="{text:link three url}"style="margin-left:-2px">{text:link three}</a>
  1041. </div>
  1042. <!--posts and entries-->
  1043. <div id="wrapper">
  1044. <div id="page-content">
  1045. {block:Posts}
  1046. <div id="post">
  1047. <div id="infot">
  1048. <div id="permalink">
  1049. <img src="{PortraitURL-128}"style="margin-top:-13px"></a><div id="nname">{Name} </div></a>
  1050. <font style="float:right;margin-right:25px;margin-top:-7px;font-weight:600"> {NoteCountWithLabel}</font style>
  1051. </div>
  1052. </div>
  1053. <!--texts-->
  1054. {block:Text}
  1055. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1056. {Body}
  1057. {/block:Text}
  1058. <!--question and answers-->
  1059. {block:Answer}
  1060. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  1061. <div id="asker"><askerurl>{Asker} asked:</askerurl> {Question}</div>
  1062. {Answer}{/block:Answer}
  1063. <!--quotes-->
  1064. {block:Quote}
  1065. {block:Quote}
  1066. <div class="qcaption">{Quote}</div>
  1067. <div class="qsource">
  1068. {block:Source}- {Source}{/block:Source}
  1069. </div>
  1070. {/block:Quote}
  1071. <!--links-->
  1072. {block:Link}
  1073. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1074. {block:Description}{Description}{/block:Description}
  1075. {/block:Link}
  1076. <!--chats-->
  1077. {block:Chat}
  1078. {block:Title}<h2>{Title}</h2>{/block:Title}
  1079. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  1080. {Line}</li>{/block:Lines}</ul>
  1081. {/block:Chat}
  1082. <!--photos-->
  1083. {block:Photo}
  1084. {LinkOpenTag}<div class="ppost"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%">{LinkCloseTag}</div>
  1085. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1086. {/block:Photo}
  1087. <!--photosets-->
  1088. {block:Photoset}
  1089. <div class="psets">{Photoset-500}</div>
  1090. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1091. {/block:Photoset}
  1092. <!--videos-->
  1093. {block:Video}
  1094. <div class="vsets">{Video-500}</div>
  1095. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1096. {/block:Video}
  1097. <!--audios-->
  1098. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  1099. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  1100. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  1101. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  1102. </br>
  1103. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  1104. {/block:Audio}
  1105. <!--info-->
  1106. <div id="info">
  1107. <div id="permalink">
  1108. <a href="{Permalink}"><date><span class="lnr lnr-pushpin"style="font-weight:bold"></span> {DayOfMonth}.{MonthNumber}.{shortYear}</date></a>
  1109. <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><span class="lnr lnr-redo"style="font-weight:bold"></span>
  1110. </a><div class="custom-like-button">{LikeButton}<span class="our_button"><span class="lnr lnr-heart"style="font-weight:bold"></span></span></div>
  1111. </div>
  1112. {block:RebloggedFrom}{block:ContentSource}
  1113. <font style="float:right;margin-right:50px;margin-top:-15px;font-weight:500"> <a href="{ReblogParentURL}" title="{ReblogParentName}"><posted><span class="lnr lnr-history"style="font-weight:bold"></span></posted></a> <a href="{SourceURL}"title="{ReblogRootName}"><posted> <span class="lnr lnr-map-marker"style="font-weight:bold"></span></posted></a></font style>
  1114. {/block:ContentSource}
  1115. {/block:RebloggedFrom}
  1116. {/block:Date}
  1117. {block:HasTags}<tagged><span class="lnr lnr-tag"style="font-weight:bold"></span> {block:Tags} <a href="{TagURL}"> <tagged>#{Tag}</tagged> </a> {/block:Tags}
  1118.  
  1119. {/block:HasTags}
  1120. </div></div>
  1121. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1122. {/block:Posts}
  1123. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a>{/block:NextPage}</div>
  1124. </div>
  1125. <script type="text/javascript" src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  1126. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/4Wjm5wj58/disassemble_v3.js"></script>
  1127. <script>
  1128. var elem = document.querySelector('#wrapper');
  1129. var msnry = new Masonry( elem, {
  1130. // options
  1131. itemSelector: '#posts',
  1132. columnWidth: 700
  1133. });
  1134.  
  1135. // element argument can be a selector string
  1136. // for an individual element
  1137. var msnry = new Masonry( '#posts', {
  1138. // options
  1139. });
  1140. </script>
  1141. <!--credit(u better dont touch this here u goof)-->
  1142. <div id="credit">
  1143. <a href="http://ceesty.com/qNgV4R"title="theme credit">1204px</a>
  1144. </div>
  1145. </html>
  1146. </body>
  1147. <!--end html-->
Add Comment
Please, Sign In to add comment