API tools faq
paste
Advertisement
briqhter

theme 9 by Sabina

briqhter
May 22nd, 2014
107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.51 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 9 by Sabina (briqhter/cutiephil)
  3. please do not remove the credit
  4. -->
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10.  
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  12. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  13. <script>
  14. (function($){
  15. $(document).ready(function(){
  16. $("a[title]").style_my_tooltips({
  17. tip_follows_cursor:true,
  18. tip_delay_time:90,
  19. tip_fade_speed:600,
  20. attribute:"title"
  21. });
  22. });
  23. })(jQuery);
  24. </script>
  25.  
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/j67pgdq/a0gmqh0bn/hover.js"></script>
  28.  
  29. <script type="text/javascript">
  30. <!--
  31.  
  32. // Disable Right Click Script
  33.  
  34. function IE(e)
  35. {
  36. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  37. {
  38. return false;
  39. }
  40. }
  41. function NS(e)
  42. {
  43. if (document.layers || (document.getElementById && !document.all))
  44. {
  45. if (e.which == "2" || e.which == "3")
  46. {
  47. return false;
  48. }
  49. }
  50. }
  51. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  52.  
  53. //-->
  54. </script>
  55.  
  56.  
  57. <script type="text/javascript"
  58. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  59.  
  60. <!--DEFAULT VARIABLES-->
  61. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  62. <meta name="color:background" content="#fff"/>
  63. <meta name="color:link" content="#575757"/>
  64. <meta name="color:text" content="#8c8c8c"/>
  65. <meta name="color:title" content="#575757"/>
  66. <meta name="color:hover" content="#8c8c8c"/>
  67. <meta name="color:borders" content="#dddddd"/>
  68. <meta name="color:scrollbar" content="#eee"/>
  69. <meta name="image:sidebar" content="1"/>
  70. <meta name="image:background" content="1"/>
  71. <meta name="text:blogtitle" content="title"/>
  72.  
  73. <meta name="color:hover msg" content="#da9abb"/>
  74. <meta name="color:permalink" content="#e7b1cd"/>
  75. <meta name="color:blogtitle" content="#eac0d6"/>
  76. <meta name="color:text permalink" content="#f4d7e6"/>
  77. <meta name="color:sidebar borders" content="#f4d7e6"/>
  78. <meta name="color:link 1" content="#f4d7e6"/>
  79. <meta name="color:link 2" content="#f4d7e6"/>
  80. <meta name="color:link 3" content="#f4d7e6"/>
  81. <meta name="color:link 4" content="#f4d7e6"/>
  82. <meta name="color:link 5" content="#f4d7e6"/>
  83. <meta name="color:extra 1" content="#f4d7e6"/>
  84. <meta name="color:extra 2" content="#f4d7e6"/>
  85. <meta name="color:topbar" content="#f4d7e6"/>
  86.  
  87. <meta name="text:link 1" content="/"/>
  88. <meta name="text:link 2" content="/"/>
  89. <meta name="text:link 3" content="/"/>
  90. <meta name="text:link 4" content="/"/>
  91. <meta name="text:link 5" content="/"/>
  92. <meta name="text:link 1 title" content="home"/>
  93. <meta name="text:link 2 title" content="ask"/>
  94. <meta name="text:link 3 title" content="links"/>
  95. <meta name="text:link 4 title" content="other"/>
  96. <meta name="text:link 5 title" content="credit"/>
  97. <meta name="text:sidebar quote" content="~ quote ~"/>
  98.  
  99. <meta name="if:navigation 1" content="1">
  100. <meta name="if:navigation 2" content="1">
  101. <meta name="if:sidebar quote" content="1">
  102. <meta name="if:topbar" content="1">
  103. <meta name="if:faded posts" content="1">
  104. <meta name="if:faded sidebar" content="1">
  105.  
  106. <style type="text/css">
  107.  
  108.  
  109. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  110.  
  111. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  112.  
  113. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  114.  
  115. #s-m-t-tooltip {
  116. max-width:300px;
  117. padding:2px;
  118. padding-left:5px;
  119. padding-right:5px;
  120. margin:0px 0px 0px 30px;
  121. background: white;
  122. border:1px solid {color:hover msg};
  123. color: {color:hover msg};
  124. font-size:10px;
  125. letter-spacing:0px;
  126. z-index:999999999999999999999999999999999999;
  127. }
  128.  
  129. p {
  130. margin:0px;
  131. margin-top:0px;
  132. }
  133.  
  134.  
  135. body {
  136. padding: 0px;
  137. margin: 0px;
  138. color:{color:text};
  139. font-family: calibri;
  140. line-height:12px;
  141. font-size:11px;
  142. background-color: {color:Background};
  143. background-image:url({image:Background});
  144. background-attachment: fixed;
  145. background-repeat: repeat;
  146. }
  147.  
  148.  
  149. a:link, a:active, a:visited{
  150. text-decoration: none;
  151. -webkit-transition: color 0.3s ease-out;
  152. -moz-transition: color 0.3s ease-out;
  153. transition: color 0.3s ease-out;
  154. color:{color:link};
  155. }
  156.  
  157. a:hover {
  158. text-decoration: none;
  159. font-style:;
  160. color: {color:Hover};
  161. }
  162.  
  163. #ask{
  164. margin-left:0px;
  165. padding: 5px;
  166. min-height:30px;
  167. background: #fafafa;
  168. line-height:14px;
  169. text-align: left;
  170. line-height: 12px;
  171. }
  172.  
  173. #ask img{
  174. opacity:1;
  175. width:30px;
  176. outline:1px solid #fff;
  177. outline-offset:-2px;
  178. background-image:url({image:sidebar});
  179. float: left;
  180. }
  181.  
  182. .perma #ask img{
  183. opacity:1;
  184. }
  185.  
  186. #ask a{
  187. font-style:italic;
  188. font-family:toe;
  189. font-size:14px;
  190. color:{color:text permalink};
  191. }
  192.  
  193. #ans{
  194. margin-top: 5px;
  195. height:auto;
  196. padding: 5px;
  197. margin-bottom:-5px;
  198. line-height: 12px;
  199. text-align:center;
  200. }
  201.  
  202. ::-webkit-scrollbar {width: 4px; height: 4px; background: white; }
  203. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 1ex; }
  204.  
  205. /*FONTS*/
  206.  
  207. @font-face { font-family: "au"; src: url('https://dl.dropboxusercontent.com/s/jthjnqvyr82e8cj/La%20Belle%20Aurore.ttf'); }
  208. @font-face {font-family: "toe"; src: url('https://dl.dropboxusercontent.com/s/c56kx4iogh8tom2/TheOnlyException.ttf');}
  209.  
  210. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  211. .entry {
  212. float:left;
  213. display: block;
  214. margin:10px;
  215. overflow:hidden;
  216. border: 1px solid {color:borders};
  217. width:200px;
  218. padding:15px;
  219. {block:PermalinkPage}
  220. width:450px;
  221. text-align:left;
  222. line-height:10px;
  223. {/block:PermalinkPage}
  224. background:white;
  225. background-image:URL();
  226. -webkit-transition: all 1s ease;
  227. -moz-transition: all 1s ease;
  228. -o-transition: all 1s ease;
  229. transition: all 1s ease;
  230. }
  231.  
  232. .entry img{
  233. {block:ifFadedPosts}
  234. opacity:0.7;
  235. {/block:ifFadedPosts}
  236. {block:ifNotFadedPosts}
  237. opacity:1;
  238. {/block:ifNotFadedPosts}
  239. width:200px;
  240. {block:PermalinkPage}
  241. width:450px;
  242. {/block:PermalinkPage}
  243. -webkit-transition: all 1s ease;
  244. -moz-transition: all 1s ease;
  245. -o-transition: all 1s ease;
  246. transition: all 1s ease;
  247. }
  248.  
  249. .entry:hover img{
  250. {block:ifFadedPosts}
  251. opacity:1;
  252. {/block:ifFadedPosts}
  253. {block:ifNotFadedPosts}
  254. opacity:0.5;
  255. {/block:ifNotFadedPosts}
  256. {block:PermalinkPage}
  257. opacity:1;
  258. {/block:PermalinkPage}
  259. }
  260.  
  261. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  262. .entry .perma{
  263. z-index:5;
  264. position: absolute;
  265. overflow:hidden;
  266. opacity: 0;
  267. margin-left:0px;
  268. margin-top:0px;
  269. width:165px;
  270. height:auto;
  271. padding:5px;
  272. background:{color:permalink};
  273. border:3px double white;
  274. text-transform:uppercase;
  275. font-family:consolas;
  276. color:white;
  277. font-size: 8px;
  278. line-height: 10px;
  279. text-align:center;
  280. -webkit-transition: all 1s ease;
  281. -moz-transition: all 1s ease;
  282. -o-transition: all 1s ease;
  283. transition: all 1s ease;
  284. }
  285.  
  286. .entry:hover .perma{
  287. opacity:1;
  288. margin-top:10px;
  289. margin-left:10px;
  290. }
  291.  
  292. .perma:hover{
  293. color:{color:permalink};
  294. background:white;
  295. border:3px double {color:permalink};
  296. }
  297.  
  298. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  299. #posts{
  300. width:600px;
  301. margin-top:20px;
  302. margin-bottom:20px;
  303. z-index:99;
  304. margin-left:500px;
  305. right:auto;
  306. background:transparent;
  307. margin-right:auto;
  308. position:relative;
  309. overflow-y: hidden;
  310. }
  311.  
  312. /*CUSTOMIZE SIDEBAR HERE*/
  313. #sidebar{
  314. position:fixed !important;
  315. height:230px;
  316. width:245px;
  317. padding:10px;
  318. margin-top:150px;
  319. margin-left:100px;
  320. text-align:center;
  321. }
  322.  
  323. #img{
  324. z-index:5;
  325. position:fixed;
  326. margin-top:1px;
  327. margin-left:48px;
  328. height:137px;
  329. background-color:white;
  330. padding:2px;
  331. border: 1px solid {color:sidebar borders};
  332. -webkit-transition: all 1s ease;
  333. -moz-transition: all 1s ease;
  334. -o-transition: all 1s ease;
  335. transition: all 1s ease;
  336. }
  337.  
  338. #img img{
  339. {block:ifFadedSidebar}
  340. opacity:0.7;
  341. {/block:ifFadedSidebar}
  342. {block:ifNotFadedSidebar}
  343. opacity:1;
  344. {/block:ifNotFadedSidebar}
  345. width:170px;
  346. height:117px;
  347. padding:10px;
  348. -webkit-transition: all 1s ease;
  349. -moz-transition: all 1s ease;
  350. -o-transition: all 1s ease;
  351. transition: all 1s ease;
  352. }
  353.  
  354. #img:hover img{
  355. {block:ifFadedSidebar}
  356. opacity:1;
  357. {/block:ifFadedSidebar}
  358. {block:ifNotFadedSidebar}
  359. opacity:0.7;
  360. {/block:ifNotFadedSidebar}
  361. }
  362.  
  363. #imqu{
  364. z-index:5;
  365. position:fixed;
  366. opacity:0;
  367. overflow:hidden;
  368. margin-top:-125px;
  369. margin-left:15px;
  370. width:150px;
  371. height:97px;
  372. padding:5px;
  373. background:white;
  374. font-family:au;
  375. font-size:15px;
  376. line-height:17px;
  377. text-align:justify;
  378. -webkit-transition: all 1s ease;
  379. -moz-transition: all 1s ease;
  380. -o-transition: all 1s ease;
  381. transition: all 1s ease;
  382. }
  383.  
  384. #img:hover #imqu{
  385. opacity:0.9;
  386. }
  387.  
  388. #ltext{
  389. opacity:0;
  390. margin-top:0px;
  391. width:60px;
  392. line-height:15px;
  393. font-family:consolas;
  394. font-size:10px;
  395. letter-spacing:1px;
  396. -webkit-transition: all 0.5s ease;
  397. -moz-transition: all 0.5s ease;
  398. -o-transition: all 0.5s ease;
  399. transition: all 0.5s ease;
  400. }
  401.  
  402. #l1{
  403. z-index:5;
  404. position:fixed;
  405. opacity:1;
  406. margin-top:0px;
  407. margin-left:0px;
  408. width:30px;
  409. height:15px;
  410. background-color:{color:link 1};
  411. padding:2px;
  412. border: 3px double white;
  413. -webkit-transition: all 1s ease;
  414. -moz-transition: all 1s ease;
  415. -o-transition: all 1s ease;
  416. transition: all 1s ease;
  417. }
  418.  
  419. #l1:hover{
  420. background-color:white;
  421. border: 3px double {color:link 1};
  422. {block:IfNavigation1}
  423. width:60px;
  424. margin-left:-30px;
  425. {/block:IfNavigation1}
  426. }
  427.  
  428. #l1:hover #ltext{
  429. opacity:1;
  430. transition-delay:0.2s;
  431. }
  432.  
  433. #l2{
  434. z-index:5;
  435. position:fixed;
  436. opacity:1;
  437. margin-top:30px;
  438. margin-left:0px;
  439. width:30px;
  440. height:15px;
  441. background-color:{color:link 2};
  442. padding:2px;
  443. border: 3px double white;
  444. -webkit-transition: all 1s ease;
  445. -moz-transition: all 1s ease;
  446. -o-transition: all 1s ease;
  447. transition: all 1s ease;
  448. }
  449.  
  450. #l2:hover{
  451. background-color:white;
  452. border: 3px double {color:link 2};
  453. {block:IfNavigation1}
  454. width:60px;
  455. margin-left:-30px;
  456. {/block:IfNavigation1}
  457. }
  458.  
  459. #l2:hover #ltext{
  460. opacity:1;
  461. transition-delay:0.2s;
  462. }
  463.  
  464. #l3{
  465. z-index:5;
  466. position:fixed;
  467. opacity:1;
  468. margin-top:60px;
  469. margin-left:0px;
  470. width:30px;
  471. height:15px;
  472. background-color:{color:link 3};
  473. padding:2px;
  474. border: 3px double white;
  475. -webkit-transition: all 1s ease;
  476. -moz-transition: all 1s ease;
  477. -o-transition: all 1s ease;
  478. transition: all 1s ease;
  479. }
  480.  
  481. #l3:hover{
  482. background-color:white;
  483. border: 3px double {color:link 3};
  484. {block:IfNavigation1}
  485. width:60px;
  486. margin-left:-30px;
  487. {/block:IfNavigation1}
  488. }
  489.  
  490. #l3:hover #ltext{
  491. opacity:1;
  492. transition-delay:0.2s;
  493. }
  494.  
  495. #l4{
  496. z-index:5;
  497. position:fixed;
  498. opacity:1;
  499. margin-top:90px;
  500. margin-left:0px;
  501. width:30px;
  502. height:15px;
  503. background-color:{color:link 4};
  504. padding:2px;
  505. border: 3px double white;
  506. -webkit-transition: all 1s ease;
  507. -moz-transition: all 1s ease;
  508. -o-transition: all 1s ease;
  509. transition: all 1s ease;
  510. }
  511.  
  512. #l4:hover{
  513. background-color:white;
  514. border: 3px double {color:link 4};
  515. {block:IfNavigation1}
  516. width:60px;
  517. margin-left:-30px;
  518. {/block:IfNavigation1}
  519. }
  520.  
  521. #l4:hover #ltext{
  522. opacity:1;
  523. transition-delay:0.2s;
  524. }
  525.  
  526. #l5{
  527. z-index:5;
  528. position:fixed;
  529. opacity:1;
  530. margin-top:120px;
  531. margin-left:0px;
  532. width:30px;
  533. height:15px;
  534. background-color:{color:link 5};
  535. padding:2px;
  536. border: 3px double white;
  537. -webkit-transition: all 1s ease;
  538. -moz-transition: all 1s ease;
  539. -o-transition: all 1s ease;
  540. transition: all 1s ease;
  541. }
  542.  
  543. #l5:hover{
  544. background-color:white;
  545. border: 3px double {color:link 5};
  546. {block:IfNavigation1}
  547. width:60px;
  548. margin-left:-30px;
  549. {/block:IfNavigation1}
  550. }
  551.  
  552. #l5:hover #ltext{
  553. opacity:1;
  554. transition-delay:0.2s;
  555. }
  556.  
  557. #e1{
  558. z-index:9;
  559. position:fixed;
  560. overflow:hidden;
  561. opacity:1;
  562. margin-top:155px;
  563. margin-left:228px;
  564. width:12px;
  565. height:12px;
  566. background-color:{color:extra 1};
  567. border: 3px double white;
  568. -webkit-transition: all 1s ease;
  569. -moz-transition: all 1s ease;
  570. -o-transition: all 1s ease;
  571. transition: all 1s ease;
  572. }
  573.  
  574. #e1:hover{
  575. z-index:10;
  576. margin-top:-1px;
  577. margin-left:-1px;
  578. width:230px;
  579. height:130px;
  580. padding:5px;
  581. background-color:white;
  582. border: 3px double {color:extra 1};
  583. }
  584.  
  585. #e2{
  586. z-index:9;
  587. position:fixed;
  588. overflow:hidden;
  589. opacity:1;
  590. margin-top:177px;
  591. margin-left:228px;
  592. width:12px;
  593. height:12px;
  594. background-color:{color:extra 2};
  595. border: 3px double white;
  596. -webkit-transition: all 1s ease;
  597. -moz-transition: all 1s ease;
  598. -o-transition: all 1s ease;
  599. transition: all 1s ease;
  600. }
  601.  
  602. #e2:hover{
  603. z-index:10;
  604. margin-top:-1px;
  605. margin-left:-1px;
  606. width:230px;
  607. height:130px;
  608. padding:5px;
  609. background-color:white;
  610. border: 3px double {color:extra 2};
  611. }
  612.  
  613. .etitle{
  614. font-family:consolas;
  615. font-size:11px;
  616. letter-spacing:1px;
  617. text-decoration:underline;
  618. }
  619.  
  620. .tt{
  621. z-index:1;
  622. opacity:0;
  623. margin-top:-130px;
  624. margin-left:-10px;
  625. text-align:left;
  626. -webkit-transition: all 0.5s ease;
  627. -moz-transition: all 0.5s ease;
  628. -o-transition: all 0.5s ease;
  629. transition: all 0.5s ease;
  630. }
  631.  
  632. #e1:hover .tt{
  633. opacity:1;
  634. margin-left:0px;
  635. font-size:11px;
  636. color:{color:text};
  637. transition-delay:0.6s;
  638. }
  639.  
  640. #e2:hover .tt{
  641. opacity:1;
  642. margin-left:0px;
  643. font-size:11px;
  644. color:{color:text};
  645. transition-delay:0.6s;
  646. }
  647.  
  648. .ttt{
  649. z-index:2;
  650. opacity:0;
  651. margin-left:-6px;
  652. margin-top:105px;
  653. height:14px;
  654. width:10px;
  655. padding-top:8px;
  656. padding-right:5px;
  657. background:white;
  658. border-top: 1px double white
  659. border-bottom: 1px double white;
  660. font-family:toe;
  661. font-size:0px;
  662. line-height:15px;
  663. text-align:right;
  664. -webkit-transition: all 0.5s ease;
  665. -moz-transition: all 0.5s ease;
  666. -o-transition: all 0.5s ease;
  667. transition: all 0.5s ease;
  668. }
  669.  
  670. #e1:hover .ttt{
  671. opacity:1;
  672. width:237px;
  673. font-size:15px;
  674. line-height:15px;
  675. border-top: 1px double {color:extra 1};
  676. border-bottom: 1px double {color:extra 1};
  677. }
  678.  
  679. #e2:hover .ttt{
  680. opacity:1;
  681. width:237px;
  682. font-size:15px;
  683. line-height:15px;
  684. border-top: 1px double {color:extra 2};
  685. border-bottom: 1px double {color:extra 2};
  686. }
  687.  
  688. #desc{
  689. z-index:5;
  690. position:fixed;
  691. overflow:scroll;
  692. opacity:1;
  693. margin-top:155px;
  694. margin-left:1px;
  695. width:210px;
  696. height:47px;
  697. padding:2px;
  698. padding-right:5px;
  699. background-color:white;
  700. border: 1px double {color:sidebar borders};
  701. font-family:consolas;
  702. font-size:10px;
  703. line-height:11px;
  704. -webkit-transition: all 1s ease;
  705. -moz-transition: all 1s ease;
  706. -o-transition: all 1s ease;
  707. transition: all 1s ease;
  708. }
  709.  
  710. #bt{
  711. z-index:5;
  712. position:fixed;
  713. opacity:1;
  714. margin-top:205px;
  715. margin-left:0px;
  716. width:245px;
  717. height:auto;
  718. font-size:20px;
  719. font-family:toe;
  720. color:white;
  721. text-align:right;
  722. line-height:20px;
  723. text-shadow:
  724. -1px -1px 0 {color:blogtitle},
  725. 1px -1px 0 {color:blogtitle},
  726. -1px 1px 0 {color:blogtitle},
  727. 1px 1px 0 {color:blogtitle};
  728. -webkit-transition: all 1s ease;
  729. -moz-transition: all 1s ease;
  730. -o-transition: all 1s ease;
  731. transition: all 1s ease;
  732. }
  733.  
  734. #topbar{
  735. position:fixed !important;
  736. z-index:100;
  737. background:{color:topbar};
  738. border-bottom:2px solid white;
  739. height:0px;
  740. padding:8px;
  741. top:-2px;
  742. font-family:toe;
  743. font-size:12px;
  744. left:0px;
  745. right:0px;
  746. text-align:center;
  747. }
  748.  
  749. #credit {
  750. z-index: 4783;
  751. position:fixed;
  752. bottom:10px;
  753. right:-50px;
  754. background:white;
  755. border: 1px solid {color:borders};
  756. padding: 5px;
  757. font-family: calibri;
  758. font-size: 11px;
  759. line-height: 11px;
  760. word-spacing:8px;
  761. transition: all 0.5s ease-out;
  762. -o-transition-transition: all 0.5s ease-out;
  763. -webkit-transition: all 0.5s ease-out;
  764. -moz-transition: all 0.5s ease-out;
  765. }
  766.  
  767. #credit:hover{
  768. opacity: 2;
  769. right:0px;
  770. }
  771.  
  772. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  773. .title{
  774. font-size:12px;
  775. font-family:consolas;
  776. line-height:13px;
  777. color:{color:Title};
  778. text-transform:uppercase;
  779. }
  780.  
  781.  
  782. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  783. .permalink{
  784. margin-left:-7px;
  785. margin-right:-7px;
  786. margin-bottom:-7px;
  787. margin-top:10px;
  788. height:auto;
  789. padding:3px;
  790. background:white;
  791. border:1px double {color:permalink};
  792. font-size:10px;
  793. font-family:consolas;
  794. line-height:10px;
  795. color:white;
  796. text-align:right;
  797. display: block;
  798. -webkit-transition: all 1s ease;
  799. -moz-transition: all 1s ease;
  800. -o-transition: all 1s ease;
  801. transition: all 1s ease;
  802. }
  803.  
  804. .permalink a{
  805. color:{color:permalink};
  806. -webkit-transition: all 1s ease;
  807. -moz-transition: all 1s ease;
  808. -o-transition: all 1s ease;
  809. transition: all 1s ease;
  810. }
  811.  
  812. .permalink:hover{
  813. border:1px double white;
  814. background:{color:permalink};
  815. }
  816.  
  817. .permalink:hover a{
  818. color:white;
  819. }
  820.  
  821. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  822. #infscr-loading{
  823. bottom: -70px;
  824. position: absolute;
  825. left: 50%;
  826. margin-left:-8px;
  827. width:16px;
  828. height:11px;
  829. overflow:hidden;
  830. margin-bottom: 50px;
  831. }
  832.  
  833. #postnotes{
  834. text-align: justify;}
  835.  
  836. #postnotes blockquote{
  837. border: 0px;}
  838.  
  839. blockquote{
  840. padding:0px 0px 2px 5px;
  841. margin:0px 0px 2px 10px;
  842. border-left: 1px dotted #555555;
  843. }
  844.  
  845. blockquote p, ul{
  846. margin:0px;
  847. padding:0px;
  848. }
  849.  
  850. a img{border: 0px;}
  851.  
  852.  
  853. ul, ol, li{list-style:&middot; margin-left:10px; padding:0px;}
  854.  
  855. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  856. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  857.  
  858. .notes img{width:10px; position:relative; top:3px;}
  859. <--ses-->
  860. small{font-size: 90%;}
  861.  
  862. {CustomCSS}
  863.  
  864. </style>
  865.  
  866. {block:IndexPage}
  867. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  868. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  869.  
  870. <script type="text/javascript">
  871. $(window).load(function(){
  872. var $wall = $('#posts');
  873. $wall.imagesLoaded(function(){
  874. $wall.masonry({
  875. itemSelector: '.entry, .entry_photo',
  876. isAnimated : false
  877. });
  878. });
  879.  
  880. $wall.infinitescroll({
  881. navSelector : '#pagination',
  882. nextSelector : '#pagination a',
  883. itemSelector : '.entry, .entry_photo',
  884. bufferPx : 2000,
  885. debug : false,
  886. errorCallback: function() {
  887. $('#infscr-loading').fadeOut('normal');
  888. }},
  889. function( newElements ) {
  890. var $newElems = $( newElements );
  891. $newElems.hide();
  892. $newElems.imagesLoaded(function(){
  893. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  894. });
  895. }); $('#posts').show(500);
  896. });
  897. </script>
  898.  
  899.  
  900. {/block:IndexPage}
  901.  
  902.  
  903. <title>{title}</title>
  904.  
  905. <link rel="shortcut icon" href="{Favicon}" />
  906. <meta name="viewport" content="width=820" />
  907. </head>
  908.  
  909. <body>
  910. <BODY onselectstart="return false;" ondragstart="return false;">
  911. <div class="wrapper">
  912. <div class="header">
  913. </div>
  914.  
  915. <div id="cage">
  916. {block:IfTopbar}<div id="topbar"></div>{/block:IfTopbar}
  917. <div id="credit">© <a href="http://briqhter.tumblr.com">briqhter</a></div>
  918.  
  919.  
  920. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  921. <div id="sidebar">
  922. <center>
  923. <div id="img"><img src="{image:sidebar}" height="100%"; width="100%";>
  924. {block:IfSidebarQuote}<div id="imqu">{text:sidebar quote}</div>{/block:IfSidebarQuote}
  925. </div>
  926. {block:IfNavigation1}
  927. <a href="{text:link 1}"><div id="l1"><div id="ltext">{text:link 1 title}</div></div></a>
  928. <a href="{text:link 2}"><div id="l2"><div id="ltext">{text:link 2 title}</div></div></a>
  929. <a href="{text:link 3}"><div id="l3"><div id="ltext">{text:link 3 title}</div></div></a>
  930. <a href="{text:link 4}"><div id="l4"><div id="ltext">{text:link 4 title}</div></div></a>
  931. <a href="{text:link 5}"><div id="l5"><div id="ltext">{text:link 5 title}</div></div></a>
  932. {/block:IfNavigation1}
  933. {block:IfNavigation2}
  934. <a href="{text:link 1}" title="{text:link 1 title}"><div id="l1"></div></a>
  935. <a href="{text:link 2}" title="{text:link 2 title}"><div id="l2"></div></a>
  936. <a href="{text:link 3}" title="{text:link 3 title}"><div id="l3"></div></a>
  937. <a href="{text:link 4}" title="{text:link 4 title}"><div id="l4"></div></a>
  938. <a href="{text:link 5}" title="{text:link 5 title}"><div id="l5"></div></a>
  939. {/block:IfNavigation2}
  940. <div id="e1">
  941. <div class="ttt">updates ;</div>
  942. <div class="tt">
  943. &middot date - changed theme</br>
  944. &middot date - did more stuff</br>
  945. &middot date - did even more stuff</br>
  946. &middot date - did more more more stuff</br>
  947. &middot date - realized i didnt actually do anything because i dont do anything with my life</br>
  948. &middot date - cries for way too long</br>
  949. </div>
  950. </div>
  951.  
  952. <div id="e2">
  953. <div class="ttt">extras ;</div>
  954. <div class="tt">
  955. <div class="etitle">statistics</div>
  956. &middot number of people on my blog rn</br>
  957. &middot number of views my blog has</br></br>
  958.  
  959. <div class="etitle">networks</div>
  960. &middot network one</br>
  961. &middot network two</br>
  962. &middot network three</br>
  963. </div>
  964. </div>
  965. <div id="desc">{description}</div>
  966. <div id="bt">{text:blogtitle}</div>
  967. </center>
  968. </div>
  969. <!------------------------------------->
  970.  
  971.  
  972. <div class="left">
  973. <div id="posts">
  974. {block:Posts}
  975. <div class="entry">
  976.  
  977. {block:Text}{block:Title}
  978. <span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><span class="permalink">
  979. <a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a>
  980. <br>{/block:HasTags}</span>
  981. {/block:Text}
  982.  
  983. {block:Link}
  984. <a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  985. <span class="permalink"><a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a></span>{block:Link}
  986.  
  987. {block:Answer}
  988. <div id="ask">
  989. <img src="{AskerPortraitURL-30}" align="left">
  990. &nbsp;{Asker}: {Question}</div>
  991. <div id="ans">{Answer}</div>
  992. <span class="permalink"><a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a></span>
  993. {/block:Answer}
  994.  
  995. {block:Photo}
  996. {block:IndexPage}
  997. <center>
  998. <a href="{permalink}" title="permalink"><div class="perma">
  999. {DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}
  1000. </div></a>
  1001. <div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
  1002. {/block:IndexPage}
  1003. {block:PermalinkPage}
  1004. {LinkOpenTag}<div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
  1005. {LinkCloseTag}
  1006. {/block:PermalinkPage}
  1007. {/block:Photo}
  1008.  
  1009. {block:Photoset}
  1010. {block:IndexPage}
  1011. <center>
  1012. <a href="{permalink}" title="permalink"><div class="perma">
  1013. {DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}
  1014. </div></a>
  1015. {Photoset-250}</center>
  1016. {/block:IndexPage}
  1017. {block:PermalinkPage}
  1018. <center>
  1019. {Photoset-500}</center>
  1020. {/block:PermalinkPage}
  1021. {/block:Photoset}
  1022.  
  1023. {block:Quote}
  1024. <span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}
  1025. <span class="permalink"><a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a></span>{/block:Quote}
  1026.  
  1027. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1028. <ul class="chat">
  1029. {block:Lines}
  1030. <li class="user_{UserNumber}">
  1031. {block:Label}
  1032. <span class="label">{Label}</span>
  1033. {/block:Label}
  1034.  
  1035. {Line}
  1036. </li>
  1037. {/block:Lines}
  1038. <span class="permalink"><a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a></span>
  1039. {/block:Chat}
  1040.  
  1041. {block:Audio}
  1042. <div style="width:200px; height:30px;">{AudioPlayerBlack}</div>
  1043. {block:IndexPage}
  1044. <span class="permalink"><a href="{Permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}</a></span>
  1045. {/block:IndexPage}{/block:Audio}
  1046.  
  1047. {block:Video}
  1048. {block:IndexPage}
  1049. <center>
  1050. <a href="{permalink}" title="permalink"><div class="perma">
  1051. {DayOfMonth}{DayOfMonthSuffix} of {Month} - {notecountwithlabel}
  1052. </div></a>
  1053. {Video-250}</center>
  1054. {/block:IndexPage}{block:PermalinkPage}
  1055. <center>{Video-400}</center>
  1056. {/block:PermalinkPage}{block:Video}
  1057.  
  1058.  
  1059. {block:PostNotes}<div align="middle">{caption}</div>
  1060. <center>
  1061.  
  1062. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1063.  
  1064. {block:HasTags}
  1065. tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br> {/block:HasTags}
  1066. {block:RebloggedFrom}
  1067. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1068. Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1069.  
  1070. {/block:RebloggedFrom}
  1071. </center></span>
  1072. <br>
  1073. <div id="postnotes">{PostNotes}</div><br>
  1074.  
  1075. <center>{block:ContentSource}
  1076. <br><a href="{SourceURL}">
  1077. {lang:Source}:
  1078. {block:SourceLogo}
  1079. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1080. height="{LogoHeight}" alt="{SourceTitle}" />
  1081. {/block:SourceLogo}
  1082. {block:NoSourceLogo}
  1083. {SourceLink}
  1084. {/block:NoSourceLogo}
  1085. </a>
  1086. {/block:ContentSource}</center>
  1087.  
  1088. {/block:PostNotes}
  1089. </div>
  1090. {/block:Posts}
  1091. </div></div>
  1092.  
  1093. {block:IndexPage}
  1094. {block:Pagination}
  1095. <div id="pagination">
  1096. {block:NextPage}
  1097. <a id="nextPage" href="{NextPage}"></a>
  1098. {/block:NextPage}
  1099. {block:PreviousPage}
  1100. <a href="{PreviousPage}"></a>
  1101. {/block:PreviousPage}
  1102. </div>
  1103. {/block:Pagination}
  1104. {/block:IndexPage}
  1105. </body>
  1106.  
  1107. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!