septims

Coal

Jul 20th, 2014
5,516
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.29 KB | None | 0 0
  1.  
  2. <!-- °°° septim theme °°° -->
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6.  
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <!--Default Variables-->
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#aaaaaa"/>
  18. <meta name="color:Link" content="#000000"/>
  19. <meta name="color:Link Hover" content="#eeeeee"/>
  20. <meta name="color:Title" content="#000000"/>
  21. <meta name="color:Posts" content="#ffffff"/>
  22. <meta name="color:Posts Hover" content="#000000"/>
  23. <meta name="color:Borders" content="#eeeeee"/>
  24.  
  25. <meta name="text:URL" content="username"/>
  26.  
  27. <meta name="image:Header" content=""/>
  28. <meta name="image:Background" content=""/>
  29.  
  30. <meta name="text:Panel Name One" content="About"/>
  31. <meta name="text:Panel Name Two" content="Message"/>
  32. <meta name="text:Panel Name Three" content="Links"/>
  33.  
  34. <meta name="text:Link One" content=""/>
  35. <meta name="text:Link One URL" content=""/>
  36. <meta name="text:Link Two" content=""/>
  37. <meta name="text:Link Two URL" content=""/>
  38. <meta name="text:Link Three" content=""/>
  39. <meta name="text:Link Three URL" content=""/>
  40. <meta name="text:Link Four" content=""/>
  41. <meta name="text:Link Four URL" content=""/>
  42. <meta name="text:Link Five" content=""/>
  43. <meta name="text:Link Five URL" content=""/>
  44. <meta name="text:Link Six" content=""/>
  45. <meta name="text:Link Six URL" content=""/>
  46.  
  47.  
  48. <meta name="if:Stretch Background Image" content="0"/>
  49. <meta name="if:Grayscale" content="1"/>
  50.  
  51. <!-- jquery-->
  52. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  53. <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  54. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  55. <script>
  56. $(function() {
  57. $(document).tooltip({
  58. track:true
  59. });
  60. });
  61. </script>
  62. <script src="http://static.tumblr.com/sas2ex2/kYnn8qmb5/maps.js"></script>
  63. <script>
  64. $(document).ready(function() {
  65. $('.c').click(function() {
  66. $(this).closest('.posts').children('.hat').fadeToggle(600);
  67. });
  68. });
  69. </script>
  70. <!--CSS customization here. -->
  71.  
  72. <style type="text/css">
  73.  
  74.  
  75. iframe#tumblr_controls {
  76. top:0!important;
  77. right:0!important;
  78. position:fixed!important;
  79. z-index:99999!important;
  80. opacity:1;
  81. -webkit-filter:invert(100%);
  82. -moz-filter:invert(100%);
  83. -o-filter:invert(100%);
  84. -ms-filter:invert(100%);
  85. filter:invert(100%);
  86. }
  87.  
  88.  
  89. .ui-tooltip
  90. { font-family:consolas;
  91. position:Absolute;
  92. z-index:9999;
  93. padding-top:15px;
  94. }
  95. .ui-tooltip-content {background:{color:posts};
  96. padding:2px 8px;
  97. box-shadow:3px 3px rgba(0,0,0,.1);
  98. font-size:8px;
  99. text-transform:uppercase;
  100. color:{color:title};
  101. line-height:10px;
  102. letter-spacing:2px;
  103. border:1px solid {color:posts hover};
  104. border-radius:8px;
  105. }
  106.  
  107. ::-webkit-scrollbar {width:3px;
  108. background-color:{color:posts};
  109. }
  110. ::-webkit-scrollbar-thumb {height:auto;
  111. background-color:{color:posts};
  112. border:1px solid {color:posts hover};
  113. }
  114. ::-webkit-scrollbar-track {
  115. background:{color:background};}
  116.  
  117. /*basics*/
  118. blockquote {padding:0px 0 0px 15px;
  119. border-left:1px solid {color:title};
  120. margin-left:0px;
  121. }
  122. *, html, body {cursor:crosshair!Important;}
  123. body {
  124. background:{color:background} url('{image:background}') center center fixed repeat;
  125. {block:ifstretchbackgroundimage}
  126. -webkit-background-size: cover;
  127. -moz-background-size: cover;
  128. -o-background-size: cover;
  129. background-size: cover;
  130. {/block:ifstretchbackgroundimage}
  131. color:{color:text};
  132. font-family:arial;
  133. font-size:11px;
  134. text-align:justify;
  135. margin:0;
  136. padding:0;
  137. line-height:150%}
  138.  
  139. #panel {top:0px;
  140. position:fixed;
  141. width:100%;
  142. height:100%;
  143. z-index:999;
  144. left:0;
  145. z-index:1;
  146. display:none;
  147. }
  148.  
  149. .scroll {width:100%;
  150. height:100%;
  151. left:0;
  152. top:0px;
  153. position:absolute;
  154. overflow-y:auto;
  155. }
  156.  
  157. #profile, #explore, #contact, #archive {display:none;}
  158.  
  159. #profile p {text-align:Center;}
  160.  
  161. .pop {background:{color:posts};
  162. padding:19px;
  163. border:1px solid {color:borders};
  164. border-radius:8px;
  165. width:480px;
  166. margin-left:-260px;
  167. position:absolute;
  168. top:250px;
  169. {block:permalinkpage}
  170. top:270px;
  171. {/block:permalinkpage}
  172. left:50%;
  173. margin-bottom:25px;
  174. }
  175.  
  176. #blogt {text-align:center;
  177. font-size:14px;
  178. color:{color:title};
  179. display:block;
  180. margin-bottom:15px;}
  181.  
  182. .sing {background:{color:posts hover};
  183. color:{color:posts}!important;
  184. font-family:consolas;
  185. font-size:10px!important;
  186. text-transform:uppercase;
  187. letter-spacing:2px;
  188. padding:10px 0;}
  189.  
  190. .inf {font-size:12px;}
  191. .eggs {text-align:left;
  192. position:relative;
  193. }
  194. .eggs a {color:rgba({RGBcolor:text},.5);
  195. padding:4px 9px;
  196. text-transform:uppercase;
  197. font-family:consolas;
  198. font-size:8px;
  199. letter-spacing:2px;
  200. background:{color:background};
  201. border:1px solid {color:borders};
  202. display:inline-block;
  203. margin:5px;
  204. {block:indexpage}
  205. width:calc(50% - 33px);
  206. {/block:indexpage}
  207. {block:permalinkpage}
  208. width:calc(25% - 33px);
  209. {/block:permalinkpage}
  210. }
  211.  
  212.  
  213. .eggs a:hover {background:{color:posts hover};
  214. color:{color:posts};
  215. }
  216.  
  217.  
  218. a {
  219. color:{color:link};
  220. text-decoration:none;
  221. transition:0.8s;
  222. -o-transition-transition:0.8s;
  223. -webkit-transition-duration:0.8s;
  224. -moz-transition-duration:0.8s;
  225. }
  226.  
  227. a:hover {color:{color:link hover};
  228. text-decoration:none;
  229. transition:0.8s;
  230. cursor:help!Important;
  231. -o-transition-transition:0.8s;
  232. -webkit-transition-duration:0.8s;
  233. -moz-transition-duration:0.8s;
  234. }
  235.  
  236. img{opacity:1;
  237. border:none;
  238. text-decoration:none}
  239.  
  240.  
  241. small {
  242. font-size:11px;}
  243.  
  244. big {
  245. font-size:11px;}
  246.  
  247. ul {list-style:circle;}
  248.  
  249. p:first-child {margin-top:0!important}
  250. p:last-child {margin-bottom:0!important;}
  251.  
  252. #title {font-size:10px;
  253. font-family:consolas;
  254. color:{color:title};
  255. letter-spacing:2px;
  256. margin:20px;
  257. text-transform:uppercase;
  258. text-align:center;}
  259. #title a {color:{color:title};}
  260.  
  261.  
  262. /*sidebar*/
  263.  
  264. #sidebar {text-align:center;
  265. width:370px;
  266. margin-top:200px;
  267. {block:permalinkpage}
  268. width:520px;
  269. margin-top:100px;
  270. {/block:permalinkpage}
  271. z-index:100!important;
  272. position:relative;
  273. }
  274.  
  275. #lang img {width:350px;
  276. height:150px;
  277. {block:permalinkpage}
  278. width:500px;
  279. {/block:permalinkpage}
  280. display:block;
  281. transition:0.8s;
  282. -o-transition-transition:0.8s;
  283. -webkit-transition-duration:0.8s;
  284. -moz-transition-duration:0.8s;
  285. }
  286. #lang {position:relative;
  287. padding:9px;
  288. background:{color:posts};
  289. border:1px solid {color:borders};
  290. border-radius:8px;
  291. overflow:hidden;
  292. transition:0.8s;
  293. -o-transition-transition:0.8s;
  294. -webkit-transition-duration:0.8s;
  295. -moz-transition-duration:0.8s;
  296. }
  297.  
  298. #lang:hover #links {opacity:1;
  299. transition:0.8s;
  300. -o-transition-transition:0.8s;
  301. -webkit-transition-duration:0.8s;
  302. -moz-transition-duration:0.8s;
  303. }
  304. #lang:hover #links li, #lang:hover #links a {border:1px solid {color:posts hover};}
  305. #lang:hover img {opacity:.8;
  306. transition:0.8s;
  307. -o-transition-transition:0.8s;
  308. -webkit-transition-duration:0.8s;
  309. -moz-transition-duration:0.8s; }
  310. #lang:hover {
  311. border:1px solid {color:posts hover};
  312. transition:0.8s;
  313. -o-transition-transition:0.8s;
  314. -webkit-transition-duration:0.8s;
  315. -moz-transition-duration:0.8s;
  316. }
  317.  
  318.  
  319. #links {height:20px;
  320. line-height:20px;
  321. position:absolute;
  322. top:calc(50% - 5px);
  323. left:-5px;
  324. width:100%;
  325. text-align:center;
  326. text-transform:uppercase;
  327. letter-spacing:1px;
  328. font-family:consolas;
  329. font-size:9px;
  330. transition:0.8s;
  331. -o-transition-transition:0.8s;
  332. -webkit-transition-duration:0.8s;
  333. -moz-transition-duration:0.8s;
  334. }
  335. #links ul {list-style:none;}
  336. #links li {
  337. background:{color:posts};
  338. position:relative;
  339. display:inline-block;
  340. width:15px;
  341. border-radius:100%;
  342. cursor:help!important;
  343. height:15px;
  344. margin:0 20px;
  345. text-align:center;
  346. border:1px solid {color:borders};
  347. transition:0.8s;
  348. -o-transition-transition:0.8s;
  349. -webkit-transition-duration:0.8s;
  350. -moz-transition-duration:0.8s;
  351. }
  352. #links a {
  353. background:{color:posts};
  354. position:relative;
  355. display:inline-block;
  356. width:15px;
  357. border-radius:100%;
  358. height:15px;
  359. margin:0 20px;
  360. text-align:center;
  361. border:1px solid {color:borders};}
  362.  
  363. #links a:before {content:'HOME';
  364. position:absolute;
  365. z-index:999;
  366. text-align:center;
  367. top:45px;
  368. width:56px;
  369. background:{color:posts hover};
  370. color:{color:posts};
  371. opacity:0;
  372. left:-20px;
  373. border-radius:8px;
  374. transition:0.8s;
  375. -o-transition-transition:0.8s;
  376. -webkit-transition-duration:0.8s;
  377. -moz-transition-duration:0.8s;
  378. }
  379.  
  380. #links a:after {content:'';
  381. width: 0;
  382. height: 0;
  383. border-style: solid;
  384. border-width: 0 7.5px 8px 7.5px;
  385. border-color: transparent transparent #000000 transparent;
  386. top:37px;
  387. left:0px;
  388. opacity:0;
  389. position:absolute;
  390. transition:0.8s;
  391. -o-transition-transition:0.8s;
  392. -webkit-transition-duration:0.8s;
  393. -moz-transition-duration:0.8s;
  394. }
  395.  
  396. #links a:hover::after {top:22px;
  397. opacity:1;
  398. transition:0.8s;
  399. -o-transition-transition:0.8s;
  400. -webkit-transition-duration:0.8s;
  401. -moz-transition-duration:0.8s;}
  402.  
  403. #links a:hover {border:1px solid {color:posts hover};
  404. background:{color:posts hover};}
  405. #links a:hover::before {opacity:1;
  406. top:30px;
  407. transition:0.8s;
  408. -o-transition-transition:0.8s;
  409. -webkit-transition-duration:0.8s;
  410. -moz-transition-duration:0.8s; }
  411.  
  412. #links li span {position:absolute;
  413. text-align:center;
  414. top:45px;
  415. width:56px;
  416. background:{color:posts hover};
  417. color:{color:posts};
  418. opacity:0;
  419. left:-20px;
  420. border-radius:8px;
  421. transition:0.8s;
  422. -o-transition-transition:0.8s;
  423. -webkit-transition-duration:0.8s;
  424. -moz-transition-duration:0.8s;
  425. }
  426.  
  427. #links li:hover span {opacity:1;
  428. top:30px;
  429. transition:0.8s;
  430. -o-transition-transition:0.8s;
  431. -webkit-transition-duration:0.8s;
  432. -moz-transition-duration:0.8s; }
  433.  
  434. #links li span:before {content:'';
  435. width: 0;
  436. height: 0;
  437. border-style: solid;
  438. border-width: 0 7.5px 8px 7.5px;
  439. border-color: transparent transparent #000000 transparent;
  440. top:-8px;
  441. left:20px;
  442. position:absolute;
  443. }
  444.  
  445. #links li:hover, #links li.active {border:1px solid {color:posts hover};
  446. background:{color:posts hover};
  447. transition:0.8s;
  448. -o-transition-transition:0.8s;
  449. -webkit-transition-duration:0.8s;
  450. -moz-transition-duration:0.8s;
  451. }
  452. #links li.active span {opacity:1;
  453. top:30px;}
  454.  
  455. #description {
  456. margin:20px 0;
  457. }
  458.  
  459.  
  460.  
  461.  
  462. /*container*/
  463. #con {
  464. cursor:crosshair!Important;
  465. top:0;
  466. position:absolute;
  467. left:50%;
  468. margin-left:-185px;
  469. {block:permalinkpage}
  470. margin-left:-260px;
  471. {/block:permalinkpage}
  472. }
  473.  
  474.  
  475.  
  476. /*posts*/
  477.  
  478. #entries {
  479. width:370px;
  480. margin-top:50px;
  481. {block:permalinkpage}
  482. width:520px;
  483. {/block:permalinkpage}
  484. }
  485.  
  486. .posts {
  487. width:370px;
  488. position:relative;
  489. {block:IndexPage}
  490. margin-bottom:125px;
  491. {/block:IndexPage}
  492. {block:PermalinkPage}
  493. margin-bottom:20px;
  494. width:520px;
  495. {/block:PermalinkPage}
  496.  
  497. }
  498. .posts img {
  499. max-width:350px;
  500. {block:permalinkpage}
  501. max-width:500px;
  502. {/block:permalinkpage}
  503. }
  504.  
  505. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  506.  
  507. .caption {
  508. margin-top:20px;
  509. width:480px;
  510. border:1px solid {color:borders};
  511. padding:19px;
  512. border-radius:8px;
  513. background:{color:posts};
  514. }
  515.  
  516. a.tumblr_blog {
  517. text-transform:uppercase;
  518. font-family:consolas;
  519. font-size:8px;
  520. letter-spacing:2px;
  521. background:{color:posts hover};
  522. color:{color:posts};
  523. padding:3px 4px;
  524. margin-right:3px;}
  525.  
  526. a.tumblr_blog:hover {background:{color:background};
  527. color:{color:posts hover};}
  528.  
  529. #fat {display:block;
  530. background:{color:posts};
  531. padding:19px;
  532. position:relative;
  533. overflow:hidden;
  534. border:1px solid {color:borders};
  535. border-radius:8px;
  536. transition:0.8s;
  537. -o-transition-transition:0.8s;
  538. -webkit-transition-duration:0.8s;
  539. -moz-transition-duration:0.8s;
  540. }
  541.  
  542. .posts:hover #fat {border:1px solid {color:posts hover};
  543. transition:0.8s;
  544. -o-transition-transition:0.8s;
  545. -webkit-transition-duration:0.8s;
  546. -moz-transition-duration:0.8s;
  547. }
  548.  
  549. .photo img {
  550. display:block;
  551. {block:ifgrayscale}
  552. {block:IndexPage}
  553. -webkit-filter: grayscale(100%);
  554. -moz-filter: grayscale(100%);
  555. filter: grayscale(100%);
  556. {/block:IndexPage}
  557. {block:permalinkpage}
  558. -webkit-filter: grayscale(0);
  559. -moz-filter: grayscale(0);
  560. filter: grayscale(0);
  561. {/block:permalinkpage}
  562. {/block:ifgrayscale}
  563. transition:0.8s;
  564. -o-transition-transition:0.8s;
  565. -webkit-transition-duration:0.8s;
  566. -moz-transition-duration:0.8s;
  567. }
  568. {block:ifgrayscale}
  569. .posts:hover .photo img {
  570. -webkit-filter: grayscale(0);
  571. -moz-filter: grayscale(0);
  572. filter: grayscale(0);
  573. transition:0.8s;
  574. -o-transition-transition:0.8s;
  575. -webkit-transition-duration:0.8s;
  576. -moz-transition-duration:0.8s; }
  577. {/block:ifgrayscale}
  578.  
  579. .photo:hover {border:1px solid {color:posts hover};
  580. transition:0.8s;
  581. -o-transition-transition:0.8s;
  582. -webkit-transition-duration:0.8s;
  583. -moz-transition-duration:0.8s;
  584. }
  585.  
  586. .photo {position:relative;
  587. overflow:hidden;
  588. background:{color:posts};
  589. padding:9px;
  590. border-radius:8px;
  591. border:1px solid {color:borders};
  592. width:350px;
  593. transition:0.8s;
  594. -o-transition-transition:0.8s;
  595. -webkit-transition-duration:0.8s;
  596. -moz-transition-duration:0.8s;
  597. {block:permalinkpage}
  598. width:500px;
  599. {/block:permalinkpage}}
  600.  
  601.  
  602.  
  603.  
  604. /*quote*/
  605.  
  606. #titlequote{text-align:center;
  607. font-size:14px;
  608. line-height:200%;
  609. font-style:italic;
  610. color:{color:title};
  611. }
  612. #source {
  613. margin-top:15px;
  614. text-align:center;}
  615.  
  616. /*audio*/
  617.  
  618.  
  619. .tumblr_audio_player {width:300px;
  620. height:40px;
  621. border-left:8px solid white;
  622. }
  623. .player {width:30px;
  624. height:30px;
  625. overflow:hidden;
  626. margin-top:15px;
  627. margin-left:15px;
  628. }
  629. .another { width:70px;
  630. height:70px;
  631. position:Absolute;
  632. border-radius:2px;
  633. background:white;
  634. opacity:.3;
  635. -ms-transform: scale(.66); /* IE 9 */
  636. -webkit-transform: scale(.66); /* Chrome, Safari, Opera */
  637. transform: scale(.66);
  638. -webkit-transition:all 0.3s;
  639. -moz-transition:all 0.3s;
  640. -ms-transition:all 0.3s;
  641. -o-transition:all 0.3s;
  642. transition:all 0.3s;
  643. }
  644. .wr:hover .another {opacity:1;
  645. -ms-transform: scale(1); /* IE 9 */
  646. -webkit-transform: scale(1); /* Chrome, Safari, Opera */
  647. transform: scale(1);
  648. -webkit-transition:all 0.3s;
  649. -moz-transition:all 0.3s;
  650. -ms-transition:all 0.3s;
  651. -o-transition:all 0.3s;
  652. transition:all 0.3s;
  653. }
  654.  
  655. .wr {
  656. border:5px solid {color:posts hover};
  657. background:{color:posts};
  658. width:70px;
  659. height:70px;
  660. float:left;
  661. margin-right:15px;
  662. border-radius:8px;
  663. z-index:2;
  664. }
  665. .wr img {width:70px;height;70px;
  666. position:absolute;
  667. }
  668. .audio_info {
  669. min-height:80px;
  670. font-size:10px;
  671. margin-left:95px;}
  672.  
  673. .a_line {height:18px;
  674. margin:2px 0;
  675. line-height:18px;
  676. display:block;
  677. padding-left:5px;
  678. overflow:hidden;
  679. border-radius:2px;
  680. -webkit-transition:all 0.3s;
  681. -moz-transition:all 0.3s;
  682. -ms-transition:all 0.3s;
  683. -o-transition:all 0.3s;
  684. transition:all 0.3s;
  685. }
  686.  
  687. .a_line:hover {background:{color:posts hover};
  688. color:{color:posts};
  689. -webkit-transition:all 0.3s;
  690. -moz-transition:all 0.3s;
  691. -ms-transition:all 0.3s;
  692. -o-transition:all 0.3s;
  693. transition:all 0.3s;
  694. }
  695.  
  696. .a_line b {font-weight:normal;
  697. text-transform:uppercase;
  698. letter-spacing:2px;
  699. font-size:9px;
  700. padding:2px 4px;
  701. border-radius:2px;
  702. margin-right:5px;
  703. background:{color:posts hover};
  704. color:{color:posts};
  705. font-family:consolas;}
  706.  
  707. /*asks*/
  708. .q {margin-top:15px;
  709. font-style:italic;
  710. }
  711. .as {font-style:normal;
  712. font-size:8px;
  713. line-height:12px;
  714. letter-spacing:2px;
  715. text-transform:uppercase;
  716. font-family:consolas;
  717. background:{color:posts hover};
  718. color:{color:posts};
  719. padding:0px 2px 0 20px;
  720. margin-left:-5px;
  721. border-radius:2px;
  722. display:inline-block;
  723. margin-top:15px;
  724. z-index:2!important;
  725. margin-bottom:15px;
  726. }
  727. .lang {float:left;
  728. width:30px;
  729. z-index:4!important;
  730. position:relative;
  731. height:30px;
  732. border:5px solid {color:posts hover};
  733. border-radius:100%;
  734. }
  735. .lang img {width:30px;
  736. height:30px;
  737. border-radius:100%;
  738. display:block;}
  739. .as a {color:{color:posts}}
  740. .a {
  741. margin-top:15px;
  742. }
  743.  
  744.  
  745. /*chat*/
  746.  
  747. .chat ol {
  748. padding:0;
  749. margin:0;
  750. list-style:none;
  751. }
  752. .line {padding:10px;
  753. -webkit-transition:all 0.3s;
  754. -moz-transition:all 0.3s;
  755. -ms-transition:all 0.3s;
  756. -o-transition:all 0.3s;
  757. transition:all 0.3s;
  758. }
  759.  
  760. .label {font-size:9px;
  761. text-transform:uppercase;
  762. letter-spacing:2px;
  763. font-family:consolas;
  764. color:{color:posts};
  765. background:{color:posts hover};
  766. padding:2px 2px 2px 4px;
  767. border-radius:2px;
  768. margin-right:5px;
  769. }
  770.  
  771. .line:hover {
  772. background:{color:posts hover};
  773. color:{color:posts};
  774. -webkit-transition:all 0.3s;
  775. -moz-transition:all 0.3s;
  776. -ms-transition:all 0.3s;
  777. -o-transition:all 0.3s;
  778. transition:all 0.3s;}
  779.  
  780.  
  781.  
  782. /*permalink and notes*/
  783.  
  784. #permalink {
  785. margin-top:20px;
  786. width:500px;
  787. line-height:22px;
  788. }
  789. #permalink a {
  790. font-size:8px;
  791. line-height:18px;
  792. font-family:consolas;
  793. letter-spacing:1px;
  794. background:{color:posts hover};
  795. border-radius:2px;
  796. padding:2px 5px;
  797. color:{color:posts};
  798. text-transform:uppercase;
  799. margin-left: 10px;
  800. }
  801.  
  802. #permalink a:hover {background:{color:posts};
  803. color:{color:link};}
  804. .tags {
  805. word-break:break-all;
  806. }
  807.  
  808. .pagenotes {
  809. {block:IndexPage}
  810. display: none!important;
  811. {/block:IndexPage}
  812. width:500px;
  813. padding:9px;
  814. border:1px solid {color:borders};
  815. background:{color:posts};
  816. border-radius:8px;
  817. text-align:left;
  818. max-height:150px;
  819. margin-bottom:100px;}
  820.  
  821. .pin {max-height:150px;
  822. overflow-y:auto;}
  823.  
  824. ol.notes {
  825. padding: 0px;
  826. margin: 0px;
  827. list-style-type: none;
  828. }
  829. ol.notes li.note {
  830. padding: 5px 0;
  831. margin:0 10px;
  832. }
  833.  
  834. ol.notes li.note img.avatar {
  835. display:none;
  836. }
  837.  
  838. ol.notes li.note span.action {
  839. font-weight: normal;
  840. }
  841.  
  842. ol.notes li.note .answer_content {
  843. font-weight:normal;
  844. }
  845.  
  846. ol.notes li.note blockquote {
  847. border-color: {color:borders};
  848. padding: 4px 10px;
  849. margin: 10px 0px 0px 25px;
  850. }
  851.  
  852. ol.notes li.note blockquote a {
  853. text-decoration: none;
  854. }
  855.  
  856.  
  857. /*extended photoset by pixel union*/
  858.  
  859. .clearit:before, .clearit:after { content: ""; display: table; }
  860. .clearit:after { clear: both; }
  861. .clearit { *zoom: 1; }
  862.  
  863. /* Photoset */
  864. .same {background:{color:posts};
  865. padding:9px;
  866. border:1px solid {color:borders};
  867. border-radius:8px;
  868. width:350px;
  869. position:relative;
  870. overflow:hidden;
  871. height:auto;
  872. {block:permalinkpage}
  873. width:500px;
  874. {/block:permalinkpage}
  875. {block:ifgrayscale}
  876. {block:IndexPage}
  877. -webkit-filter: grayscale(100%);
  878. -moz-filter: grayscale(100%);
  879. filter: grayscale(100%);
  880. {/block:IndexPage}
  881. {/block:ifgrayscale}
  882. transition:0.8s;
  883. -o-transition-transition:0.8s;
  884. -webkit-transition-duration:0.8s;
  885. -moz-transition-duration:0.8s;
  886. }
  887.  
  888. .same:hover {border:1px solid {color:posts hover};
  889. transition:0.8s;
  890. {block:ifgrayscale}
  891. -webkit-filter: grayscale(0%);
  892. -moz-filter: grayscale(0%);
  893. filter: grayscale(0%);
  894. {/block:ifgrayscale}
  895. -o-transition-transition:0.8s;
  896. -webkit-transition-duration:0.8s;
  897. -moz-transition-duration:0.8s;}
  898. .photo-slideshow {
  899. visibility: hidden;
  900. display:block;
  901. margin-bottom:-10px;
  902. }
  903.  
  904. .photo-slideshow.processed {
  905. visibility: visible;
  906. }
  907.  
  908. .photo-slideshow .row {
  909. clear: both;
  910. width: 100%;
  911. }
  912.  
  913. .photo-slideshow .pxu-photo {
  914. display: block;
  915. float: left;
  916. margin-bottom: 0;
  917. width: 100%;
  918. overflow: hidden;
  919. }
  920.  
  921. .photo-slideshow .pxu-photo img {
  922. display: block;
  923. }
  924.  
  925. .photo-slideshow.processed .pxu-photo img {
  926. width: 100%;
  927. height: auto;
  928. }
  929.  
  930. .photo-slideshow .pxu-photo:first-child img {
  931. margin-left: 0;
  932. }
  933.  
  934. .photo-slideshow .count-1 {
  935. width: 100%;
  936. }
  937.  
  938. .photo-slideshow .count-2 {
  939. width: 50%;
  940. }
  941.  
  942. .photo-slideshow .count-3 {
  943. width: 33.33%;
  944. }
  945.  
  946. .photo-slideshow .count-4 {
  947. width: 25%;
  948. }
  949.  
  950. .photo-slideshow .count-5 {
  951. width: 20%;
  952. }
  953.  
  954. .photo-slideshow .info {
  955. display: none;
  956. }
  957.  
  958. /* Icons for EXIF Data and Zoom */
  959.  
  960. .photo-data {
  961. position: relative;
  962. float: left;
  963. }
  964.  
  965. .icons {
  966. position: absolute;
  967. top: 0px;
  968. left: 0px;
  969. width: 100%;
  970. height: 100%;
  971. z-index: 999;
  972. visibility: hidden;
  973. }
  974.  
  975. .icons > span, .icons .tumblr-box span {
  976. width: 100%;
  977. height: 100%;
  978. display: block;
  979. cursor: crosshair;
  980. }
  981.  
  982. .posts:hover .piss {border:1px solid {color:posts hover};}
  983. .suck {text-align:Center;
  984. position:Absolute;
  985. width:360px;
  986. height:15px;
  987. margin-top:10px;
  988. }
  989. .piss {
  990. width:13px;
  991. text-align:center;
  992. height:13px;
  993. margin:0 5px;
  994.  
  995. background:{color:posts};
  996. border:1px solid {color:borders};
  997. display:inline-block;
  998. border-radius:100%;}
  999.  
  1000. .piss:hover {background:{color:posts hover};}
  1001.  
  1002. .ph {position:fixed;
  1003. right:15px;
  1004. bottom:15px;
  1005. background:{color:title};
  1006. width:15px;
  1007. height:15px;
  1008. border-radius:2px;
  1009. color:{color:posts};
  1010. line-height:15px;
  1011. text-align:center;
  1012. font-size:10px;
  1013. }
  1014.  
  1015. .hat {position:absolute;
  1016. background:{color:posts};
  1017. display:none;
  1018. z-index:99;
  1019. overflow-y:Auto;
  1020. left:0px;
  1021. border:10px solid {color:posts hover};
  1022. border-radius:8px;
  1023. width:calc(100% - 50px);
  1024. padding:15px;
  1025. height:calc(100% - 50px);
  1026. top:0px;}
  1027.  
  1028.  
  1029.  
  1030.  
  1031. #tumblr_lightbox {background-color:rgba(255,255,255,.8)!important;
  1032. z-index:9999999999!important;}
  1033. #tumblr_lightbox img { opacity:0; }
  1034. #tumblr_lightbox_caption {color:white!important;
  1035. font-family:arial,sans-serif!important;
  1036. font-size:11px!important;
  1037. font-weight:normal!important;
  1038. text-shadow:none!important;}
  1039. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {padding:10px!important;
  1040. background:black!important;
  1041. -moz-box-shadow:none!important;
  1042. -webkit-box-shadow:none!important;
  1043. box-shadow:none!important;
  1044. -moz-border-radius:0px!important;
  1045. -webkit-border-radius:0px!important;
  1046. border-radius:8px!important;
  1047. opacity:1!important;
  1048. }
  1049. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {-webkit-filter: brightness(0.25);
  1050. -moz-filter:brightness(.25);
  1051. -o-filter:brightness(.25);}
  1052.  
  1053.  
  1054. input[type="search"] {
  1055. -webkit-appearance:textfield;
  1056. -moz-box-sizing:content-box;
  1057. -webkit-box-sizing:content-box;
  1058. box-sizing:content-box}
  1059.  
  1060. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
  1061.  
  1062. .search-form {
  1063. border:none;
  1064. width:calc(100% - 15px);
  1065. position:relative;
  1066. margin:5px 10px 5px 5px;
  1067. }
  1068.  
  1069.  
  1070.  
  1071. .search-form input {
  1072. border:1px solid {color:borders};
  1073. width:calc(100% - 20px);
  1074. padding:5px 10px;
  1075. color:{color:posts};
  1076. font-size:8px;
  1077. background:{color:posts hover};
  1078. display:Block;
  1079. text-transform:uppercase;
  1080. font-family:consolas;
  1081. letter-spacing:2px;
  1082. outline:none;
  1083. transition:0.8s;
  1084. -o-transition-transition:0.8s;
  1085. -webkit-transition-duration:0.8s;
  1086. -moz-transition-duration:0.8s;
  1087. }
  1088.  
  1089. .search-form input:focus{outline:none;
  1090. transition:0.8s;
  1091. color:{color:title};
  1092. background:{color:background};
  1093. -o-transition-transition:0.8s;
  1094. -webkit-transition-duration:0.8s;
  1095. -moz-transition-duration:0.8s; }
  1096.  
  1097.  
  1098. ::selection {
  1099. background: black;
  1100. color:white;/* WebKit/Blink Browsers */
  1101. }
  1102. ::-moz-selection {
  1103. background:black;
  1104. color:white;/* Gecko Browsers */
  1105. }
  1106.  
  1107. {CustomCSS}
  1108.  
  1109.  
  1110. #video{display:block;
  1111. background:{color:posts};
  1112. width:350px;
  1113. {block:indexpage}
  1114. padding:59px;
  1115. width:250px;
  1116. background:{color:posts hover};
  1117. {/block:indexpage}
  1118. {block:permalinkpage}
  1119. width:500px;
  1120. padding:9px;
  1121. {/block:permalinkpage}
  1122. position:relative;
  1123. overflow:hidden;
  1124. border:1px solid {color:borders};
  1125. border-radius:8px;
  1126. transition:0.8s;
  1127. -o-transition-transition:0.8s;
  1128. -webkit-transition-duration:0.8s;
  1129. -moz-transition-duration:0.8s;
  1130. }
  1131.  
  1132. .posts:hover #video {border:1px solid {color:posts hover};
  1133. transition:0.8s;
  1134. -o-transition-transition:0.8s;
  1135. -webkit-transition-duration:0.8s;
  1136. -moz-transition-duration:0.8s;
  1137. }
  1138.  
  1139. #door {margin-bottom:125px;
  1140. text-align:center;
  1141. position:relative;
  1142.  
  1143. }
  1144. #door a {
  1145. font-size:8px;
  1146. padding:5px 15px;
  1147. background:{color:posts};
  1148. border:1px solid {color:borders};
  1149. color:{color:title};
  1150. cursor:help;
  1151. letter-spacing:2px;
  1152. text-transform:uppercase;
  1153. font-family:consolas;
  1154. }
  1155.  
  1156. #door:hover a {border:1px solid {color:posts hover};}
  1157. #door a:hover {background:{color:posts hover};
  1158. color:{color:posts};}
  1159.  
  1160. #yo {border-top-left-radius:8px;
  1161. border-bottom-left-radius:8px;}
  1162. #fro {border-top-right-radius:8px;
  1163. border-bottom-right-radius:8px;}
  1164.  
  1165. </style>
  1166.  
  1167.  
  1168.  
  1169.  
  1170.  
  1171.  
  1172.  
  1173. </head>
  1174.  
  1175.  
  1176.  
  1177.  
  1178. <body>
  1179.  
  1180.  
  1181. <div id="panel">
  1182. <div class="scroll">
  1183. <div id="profile" class="pop" {block:indexpage}style="width:330px;margin-left:-185px"{/block:indexpage}>
  1184. <span id="blogt">{title}</span>
  1185. <div class="inf" style="text-align:center">
  1186. <p>{description}</p>
  1187. </div>
  1188. </div>
  1189.  
  1190. <div id="contact" class="pop">
  1191. <a id="blogt" class="sing">{text:Panel Name Two}</a>
  1192. <div class="inf">
  1193. <iframe frameborder="0" height="200" id="ask_form" scrolling="auto" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" width="100%"> </iframe>
  1194. </div></div>
  1195.  
  1196. <div id="explore" class="pop" {block:indexpage}style="width:330px;margin-left:-185px"{/block:indexpage}>
  1197. <div class="inf eggs">
  1198. <form action="/search" class="search-form" method="get">
  1199. <input id="searchField" name="q" placeholder="Search" type="text" value="{SearchQuery}" />
  1200. </form>
  1201. {block:iflinkone}<a href="{text:Link One URL}">{text:Link one}</a>{/block:iflinkone}
  1202. {block:iflinktwo}<a href="{text:Link Two URL}">{text:Link two}</a>{/block:iflinktwo}
  1203. {block:iflinkthree}<a href="{text:Link Three URL}">{text:Link three}</a>{/block:iflinkthree}
  1204. {block:iflinkfour}<a href="{text:Link Four URL}">{text:Link four}</a>{/block:iflinkfour}
  1205. {block:iflinkfive}<a href="{text:Link Five URL}">{text:Link five}</a>{/block:iflinkfive}
  1206. {block:iflinksix}<a href="{text:Link Six URL}">{text:Link six}</a>{/block:iflinksix}
  1207. </div>
  1208.  
  1209. </div>
  1210.  
  1211.  
  1212.  
  1213. </div>
  1214. </div>
  1215.  
  1216.  
  1217.  
  1218.  
  1219. <div id="con">
  1220.  
  1221. <div id="sidebar">
  1222. <div id="lang">
  1223. <a href="/"><img src="{image:header}"></a>
  1224. <div id="links">
  1225. <a href="/"></a>
  1226. <li class="null" id="ile"><span>{text:panel name one}</span></li>
  1227. <li class="null" id="act"><span>{text:panel name two}</span></li>
  1228. <li class="null" id="ore"><span>{text:panel name three}</span></li>
  1229. </div>
  1230. </div>
  1231. </div>
  1232.  
  1233. {block:TagPage}
  1234. <article class="posts" style="margin-top:50px"><div id="fat" style="border:1px solid {color:posts hover}"><div id="title">Posts tagged "{Tag}"</div></div></article>
  1235. {/block:TagPage}
  1236. {block:SearchPage}
  1237. <article class="posts" style="margin-top:50px"><div id="fat" style="border:1px solid {color:posts hover}"><div id="title">Search Results for "{searchquery}"</div>{block:NoSearchResults}<center>No results found.<br><br>These aren't the droids you're looking for.</center>{/block:NoSearchResults}</div></article>
  1238. {/block:SearchPage}
  1239.  
  1240. <div id="entries">
  1241.  
  1242.  
  1243. {block:Posts}
  1244. <article class="posts">
  1245.  
  1246.  
  1247. {block:Quote}
  1248. <div id="fat">
  1249. <div id="titlequote">“{Quote}”</div>
  1250. {block:Source}<div id="source">{Source}</div>{/block:Source}
  1251. </div>{/block:Quote}
  1252.  
  1253.  
  1254.  
  1255. {block:Text}
  1256. <div id="fat">
  1257. {block:Title}<div id="title">{Title}</div>{/block:Title}
  1258. {Body}
  1259. </div>{/block:Text}
  1260.  
  1261. {block:Link}
  1262. <div id="fat">
  1263. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  1264. </div>{/block:Link}
  1265.  
  1266. {block:Chat}
  1267. <div id="fat">
  1268. {block:Title}<div id="title">{Title}</div>{/block:Title}
  1269. <div class="chat">
  1270. <ol>{block:Lines}
  1271. <li class="line {Alt}">
  1272. {block:Label}
  1273. <span class="label">
  1274. {Label}</span>
  1275. {/block:Label}{Line}</li>
  1276. {/block:Lines}
  1277. </ol></div>
  1278. </div>{/block:Chat}
  1279.  
  1280. {block:Photo}
  1281. <div class="photo">
  1282. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  1283. {/block:Photo}
  1284.  
  1285. {block:Photoset}
  1286. <div class="same">
  1287. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1288.  
  1289. {block:Photos}
  1290. <div class="photo-data">
  1291. <div class="pxu-photo">
  1292. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1293. </div>
  1294. <div class="icons">
  1295. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  1296. <span class="zoom"></span>
  1297. </a>
  1298. </div>
  1299. </div>
  1300. {/block:Photos}
  1301. </div><!-- close SLIDESHOW -->
  1302. </div>
  1303. {/block:Photoset}
  1304.  
  1305. {block:Video}
  1306. <div id="video">
  1307. {block:indexpage}{Video-250}
  1308. {/block:indexpage}
  1309. {block:permalinkpage}
  1310. {Video-500}
  1311. {/block:permalinkpage}
  1312. </div>
  1313. {/block:Video}
  1314.  
  1315. {block:Audio}
  1316. <div id="fat">
  1317. {block:AudioPlayer}<div class="wr">
  1318. {block:albumart}<img src="{albumarturl}">{/block:albumart}
  1319. <div class="another"><div class="player">{AudioPlayerWhite}</div></div></div>
  1320. {/block:AudioPlayer}
  1321. <div class="audio_info">
  1322. {block:TrackName}<div class="a_line"><b>Track:</b>{TrackName}</div>{/block:TrackName}{block:Artist}<div class="a_line"><b>Artist:</b>{Artist}</div>{/block:Artist}{block:album}<div class="a_line"><b>Album:</b>{album}</div>{/block:album}<div class="a_line"><b>Plays:</b>{playcount}</div></div>
  1323. </div>{/block:Audio}
  1324.  
  1325. {block:Answer}
  1326. <div id="fat">
  1327. <div class="lang"><a href="{askerurl}"><img src="{AskerPortraitURL-40}"></a></div><div class="as">{Asker} said:</div>
  1328. <div class="q">{Question}</div>
  1329. <div class="a">{Answer}</div>
  1330. </div>{/block:Answer}
  1331.  
  1332. {block:permalinkpage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1333.  
  1334. {block:permalinkpage}
  1335. {block:Date}
  1336. <div id="permalink">
  1337. Posted:<a href="{Permalink}" >{Month} {dayofmonth}{dayofmonthsuffix}, {Year}</a>{block:NoteCount}<br>Notes:<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<br>Reblogged Via:<a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<br>Source:<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
  1338. {block:HasTags}<div class="tags">Indexed:{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1339. </div>
  1340. {/block:Date}
  1341. {/block:permalinkpage}
  1342.  
  1343. {block:indexpage}
  1344. {block:Date}
  1345. <div class="suck">
  1346. <a href="{permalink}" title="{timeago}" class="piss"></a>
  1347. {block:NoteCount}<a href="{permalink}" title="{notecountwithlabel}" class="piss"></a>{/block:NoteCount}
  1348. <a href="{ReblogURL}" target="_blank" title="reblog" class="piss"></a>
  1349. {block:caption}<a class="c piss" title="caption" {block:Audio}style="display:none"{/block:Audio}></a>{/block:caption}
  1350. </div>
  1351. {/block:Date}
  1352. {/block:indexpage}
  1353.  
  1354. {block:indexpage}
  1355. {block:caption}<div class="hat" {block:Audio}style="display:none"{/block:Audio}>{Caption}</div>{/block:Caption}
  1356. {/block:indexpage}
  1357. </article>
  1358.  
  1359.  
  1360.  
  1361.  
  1362. {block:PostNotes}
  1363. <div class="pagenotes">
  1364. <div class="pin">
  1365. {PostNotes}
  1366. </div>
  1367. </div>
  1368. {/block:PostNotes}
  1369.  
  1370. {block:PermalinkPagination}
  1371. <div id="door">
  1372. {block:NextPost}<a href="{nextpost}" id="yo" >prev post</a>{/block:NextPost}
  1373. {block:PreviousPost}<a href="{previouspost}" id="fro">next post</a>{/block:PreviousPost}
  1374. </div>
  1375. {/block:PermalinkPagination}
  1376.  
  1377. {/block:Posts}
  1378.  
  1379.  
  1380.  
  1381.  
  1382.  
  1383. {block:Pagination}
  1384. <div id="door">
  1385. {block:NextPage}<a href="{nextpage}" id="fro">next</a>{/block:NextPage}
  1386. {block:PreviousPage}<a href="{previouspage}" id="yo">back</a>{/block:PreviousPage}
  1387. </div>
  1388. {/block:Pagination}
  1389.  
  1390. </div>
  1391.  
  1392.  
  1393. </div>
  1394.  
  1395. {block:ContentSource}
  1396. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1397. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1398. {/block:SourceLogo}
  1399. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1400. {/block:ContentSource}
  1401. <a class="ph" href="http://farahmir.tumblr.com" title="septim" target="_blank">&copy;</a>
  1402. <script src="http://static.tumblr.com/hugxd2w/nyZmm78dc/pxuphotoset.min.js"></script>
  1403. <script src="http://static.tumblr.com/sas2ex2/rgXn90znz/ph.js"></script>
  1404.  
  1405.  
  1406.  
  1407.  
  1408.  
  1409. </body>
  1410.  
  1411.  
  1412.  
  1413.  
  1414. </html>
Advertisement
Add Comment
Please, Sign In to add comment