API tools faq
paste
Advertisement
briqhter

Theme 7

briqhter
Apr 28th, 2014
317
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.50 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 7 by Sabina (briqhter)
  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 type="text/javascript"
  12. 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>
  13.  
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  15. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  16. <script>
  17. (function($){
  18. $(document).ready(function(){
  19. $("a[title]").style_my_tooltips({
  20. tip_follows_cursor:true,
  21. tip_delay_time:90,
  22. tip_fade_speed:600,
  23. attribute:"title"
  24. });
  25. });
  26. })(jQuery);
  27. </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="#f8f8f8"/>
  63. <meta name="color:link" content="#777"/>
  64. <meta name="color:text" content="#777"/>
  65. <meta name="color:title" content="#333"/>
  66. <meta name="color:hover" content="#000"/>
  67. <meta name="color:hover msg" content="#ebd6e5"/>
  68. <meta name="color:borders" content="#D8D8D8"/>
  69. <meta name="color:sidebar border" content="#D7E6F4"/>
  70. <meta name="color:sidebar border 2" content="#ead6e5"/>
  71. <meta name="color:entry border" content="#ead6e5"/>
  72. <meta name="color:permalink" content="#d8b4d1"/>
  73. <meta name="color:blogtitle" content="#d8b4d1"/>
  74. <meta name="color:topbar" content="#ebd6e5"/>
  75. <meta name="color:star 1" content="#d8b4d1"/>
  76. <meta name="color:star 2" content="#d8b4d1"/>
  77. <meta name="color:extra link 1" content="#ead6e5"/>
  78. <meta name="color:extra link 2" content="#ead6e5"/>
  79. <meta name="color:link 1" content="#ead6e5"/>
  80. <meta name="color:link 2" content="#ead6e5"/>
  81. <meta name="color:link 3" content="#ead6e5"/>
  82. <meta name="color:link 4" content="#ead6e5"/>
  83. <meta name="color:link 5" content="#ead6e5"/>
  84. <meta name="color:link 6" content="#ead6e5"/>
  85. <meta name="color:extras title" content="#ebd6e5"/>
  86. <meta name="color:sidebar bg" content="#f8f8f8"/>
  87. <meta name="image:sidebar" content="http://static.tumblr.com/bgzjy3u/qIXn4rp8u/233px_x_350px.png"/>
  88. <meta name="image:sidebar bg" content="1"/>
  89. <meta name="image:mini image" content="http://static.tumblr.com/bgzjy3u/Hjyn4rp4w/square.png"/>
  90. <meta name="image:mini image 2" content="http://static.tumblr.com/bgzjy3u/Hjyn4rp4w/square.png"/>
  91. <meta name="image:background" content="1"/>
  92. <meta name="text:blogtitle" content="blogtitle"/>
  93. <meta name="text:description title" content="name or title"/>
  94. <meta name="text:navigation title" content="Navigation"/>
  95. <meta name="text:link 1" content="/"/>
  96. <meta name="text:link 1 msg" content="go home and sleep"/>
  97. <meta name="text:link 2" content="/"/>
  98. <meta name="text:link 2 msg" content="send me stuff"/>
  99. <meta name="text:link 3" content="/"/>
  100. <meta name="text:link 3 msg" content="explore my blog"/>
  101. <meta name="text:link 4" content="/"/>
  102. <meta name="text:link 4 msg" content="another link~"/>
  103. <meta name="text:link 5" content="/"/>
  104. <meta name="text:link 5 msg" content="another link~"/>
  105. <meta name="text:link 6" content="http://briqhter.tumblr.com"/>
  106. <meta name="text:link 6 msg" content="theme credit"/>
  107. <meta name="text:extra link 1" content="/"/>
  108. <meta name="text:extra link 1 msg" content="extra link"/>
  109. <meta name="text:extra link 2" content="/"/>
  110. <meta name="text:extra link 2 msg" content="extra link"/>
  111. <meta name="text:topbar" content="Put any quote here or leave it blank - Me"/>
  112.  
  113.  
  114. <style type="text/css">
  115.  
  116.  
  117. 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-
  118.  
  119. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  120.  
  121. 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;}
  122.  
  123. #s-m-t-tooltip {
  124. max-width:300px;
  125. padding:2px;
  126. padding-left:5px;
  127. padding-right:5px;
  128. margin:20px 0px 0px 20px;
  129. background: white; /* change the background color */
  130. border:1px solid {color:hover msg}; /* change the border color */
  131. border-radius:5px;
  132. color: {color:hover msg};
  133. font-size:11px; /* change the font size */
  134. letter-spacing:0px; /* change the letter spacing */
  135. z-index:999999999999999999999999999999999999;
  136. }
  137.  
  138. p {
  139. margin:0px;
  140. margin-top:0px;
  141. }
  142.  
  143.  
  144. body {
  145. padding: 0px;
  146. margin: 0px;
  147. color:{color:text};
  148. font-family: calibri;
  149. line-height:12px;
  150. font-size:11px;
  151. background-color: {color:Background};
  152. background-image:url({image:Background});
  153. background-attachment: fixed;
  154. background-repeat: repeat;
  155. }
  156.  
  157.  
  158. a:link, a:active, a:visited{
  159. text-decoration: none;
  160. -webkit-transition: color 0.3s ease-out;
  161. -moz-transition: color 0.3s ease-out;
  162. transition: color 0.3s ease-out;
  163. color:{color:link};
  164. }
  165.  
  166. a:hover {
  167. text-decoration: none;
  168. font-style:;
  169. color: {color:Hover};
  170. }
  171.  
  172. ask{
  173. font-family: 'toe';
  174. text-align: right;
  175. margin-top: 20px;
  176. font-size:15px;
  177. line-height: 18px;
  178. }
  179.  
  180. #ask img{
  181. width:30px;
  182. border-radius:20px;
  183. }
  184.  
  185. /*FONTS*/
  186.  
  187. @font-face { font-family:"h"; src: url('http://static.tumblr.com/vtg00tr/nmnmousgo/fennl___.ttf');}
  188. @font-face {font-family: "toe"; src: url('http://static.tumblr.com/bgzjy3u/6wwmyt30j/theonlyexception.ttf');}
  189. @font-face {font-family: "au"; src: url('http://static.tumblr.com/tk7f1db/vdon08gok/labelleaurore.ttf');}
  190.  
  191. #wrap{
  192. width:1250px;
  193. margin:auto;
  194. }
  195.  
  196. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  197. .entry {
  198. float:left;
  199. display: block;
  200. margin:10px;
  201. overflow:hidden;
  202. border: 1px solid {color:borders};
  203. width:230px;
  204. padding:15px;
  205. {block:PermalinkPage}
  206. width:450px;
  207. text-align:left;
  208. line-height:10px;
  209. {/block:PermalinkPage}
  210. background:white;
  211. background-image:URL();
  212. }
  213.  
  214. .entry img{
  215. border:5px solid {color:entry border};
  216. width:220px;
  217. {block:PermalinkPage}
  218. width:440px;
  219. {/block:PermalinkPage}
  220. -webkit-transition: all 1s ease;
  221. -moz-transition: all 1s ease;
  222. -o-transition: all 1s ease;
  223. transition: all 1s ease;
  224. }
  225.  
  226. .entry:hover img{
  227. opacity:0.5;
  228. }
  229.  
  230. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  231. .entry .perma{
  232. z-index:5;
  233. opacity:0;
  234. width:18px;
  235. height:18px;
  236. margin-left:0px;
  237. position: absolute;
  238. line-height:20px;
  239. margin-top:-30px;
  240. margin-left:15px;
  241. background:white;
  242. border:1px solid {color:permalink};
  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 .perma{
  250. overflow:visible;
  251. opacity:1;
  252. margin-top:15px;
  253. }
  254.  
  255. .perma:hover{
  256. background:{color:permalink};
  257. border:1px solid white;
  258. }
  259.  
  260. .entry .perma2{
  261. z-index:5;
  262. opacity:0;
  263. width:18px;
  264. height:18px;
  265. margin-left:0px;
  266. position: absolute;
  267. line-height:20px;
  268. margin-top:-30px;
  269. margin-left:40px;
  270. background:white;
  271. border:1px solid {color:permalink};
  272. -webkit-transition: all 1s ease;
  273. -moz-transition: all 1s ease;
  274. -o-transition: all 1s ease;
  275. transition: all 1s ease;
  276. }
  277.  
  278. .entry:hover .perma2{
  279. overflow:visible;
  280. opacity:1;
  281. margin-top:15px;
  282. }
  283.  
  284. .perma2:hover{
  285. background:{color:permalink};
  286. border:1px solid white;
  287. }
  288.  
  289.  
  290. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  291. #posts{
  292. width:800px;
  293. margin-top:50px;
  294. z-index:99;
  295. margin-left:570px;
  296. right:auto;
  297. background:transparent;
  298. margin-right:auto;
  299. position:relative;
  300. overflow-y: hidden;
  301. }
  302.  
  303. #conceal{
  304. position:fixed;
  305. z-index:2;
  306. width:600px;
  307. height:100%;
  308. top:-1px;
  309. background:white;
  310. border:1px solid #eee;
  311. margin-left:550px;
  312. }
  313.  
  314.  
  315. /*CUSTOMIZE SIDEBAR HERE*/
  316. #sidebar{
  317. position:fixed !important;
  318. background:transparent;
  319. height:auto;
  320. width:auto;
  321. padding:10px;
  322. margin-top:50px;
  323. margin-left:100px;
  324. text-align:center;
  325. }
  326.  
  327. #sb1{
  328. z-index:5;
  329. position:fixed !important;
  330. background:white;
  331. overflow:hidden;
  332. border:1px solid {color:sidebar border};
  333. border-radius:5px;
  334. width:255px;
  335. height:372px;
  336. padding:20px;
  337. text-align:center;
  338. box-shadow: 5px -5px 0 {color:sidebar border};
  339. -webkit-transition: all 1s ease;
  340. -moz-transition: all 1s ease;
  341. -o-transition: all 1s ease;
  342. transition: all 1s ease;
  343. }
  344.  
  345. #sidebar:hover #sb1{
  346. margin-top:58px;
  347. margin-left:-58px;
  348. width:372px;
  349. height:255px;
  350. }
  351.  
  352. #img1{
  353. border-radius:10px;
  354. height:auto;
  355. width:auto;
  356. padding:10px;
  357. background:white;
  358. border:1px dashed {color:sidebar border 2};
  359. -webkit-transition: all 1s ease;
  360. -moz-transition: all 1s ease;
  361. -o-transition: all 1s ease;
  362. transition: all 1s ease;
  363. }
  364.  
  365. #img1 img{
  366. width:233px;
  367. height:350px;
  368. border-radius:5px;
  369. }
  370.  
  371. #sidebar:hover #img1{
  372. transform:rotate(-6deg);
  373. -ms-transform:rotate(-6deg); /* IE 9 */
  374. -webkit-transform:rotate(-6deg); /* Safari and Chrome */
  375. opacity:0;
  376. }
  377.  
  378. #title1{
  379. z-index:5;
  380. position:fixed !important;
  381. width:233px;
  382. margin-top:-25px;
  383. margin-left:10px;
  384. font-size:40px;
  385. height:auto;
  386. color:white;
  387. background:transparent;
  388. font-family: toe;
  389. text-align:left;
  390. text-shadow:
  391. 3px -2px 0 {color:blogtitle},
  392. 1px -1px 0 {color:blogtitle},
  393. -1px 1px 0 {color:blogtitle},
  394. 1px 1px 0 {color:blogtitle};
  395. -webkit-transition: all 1s ease;
  396. -moz-transition: all 1s ease;
  397. -o-transition: all 1s ease;
  398. transition: all 1s ease;
  399. }
  400.  
  401. #sidebar:hover #title1{
  402. opacity:0;
  403. }
  404.  
  405. #sb2{
  406. position:fixed;
  407. opacity:0;
  408. margin-top:-372px;
  409. border-radius:10px;
  410. width:350px;
  411. height:233px;
  412. padding:10px;
  413. border:1px dashed {color:sidebar border 2};
  414. transform:rotate(6deg);
  415. -ms-transform:rotate(6deg); /* IE 9 */
  416. -webkit-transform:rotate(6deg); /* Safari and Chrome */
  417. -webkit-transition: all 1s ease;
  418. -moz-transition: all 1s ease;
  419. -o-transition: all 1s ease;
  420. transition: all 1s ease;
  421. }
  422.  
  423. #sidebar:hover #sb2{
  424. opacity:1;
  425. transform:rotate(0deg);
  426. -ms-transform:rotate(0deg); /* IE 9 */
  427. -webkit-transform:rotate(0deg); /* Safari and Chrome */
  428. }
  429.  
  430. #img2{
  431. width:350px;
  432. height:233px;
  433. border-radius:5px;
  434. background-color: {color:sidebar bg};
  435. background-image:url({image:sidebar bg});
  436. background-attachment: fixed;
  437. background-repeat: repeat;
  438. -webkit-transition: all 1s ease;
  439. -moz-transition: all 1s ease;
  440. -o-transition: all 1s ease;
  441. transition: all 1s ease;
  442. }
  443.  
  444. #circle{
  445. z-index:5;
  446. opacity:0;
  447. position:fixed !important;
  448. width:auto;
  449. height:auto;
  450. margin-top:140px;
  451. margin-left:-35px;
  452. background:transparent;
  453. -webkit-transition: all 1s ease;
  454. -moz-transition: all 1s ease;
  455. -o-transition: all 1s ease;
  456. transition: all 1s ease;
  457. }
  458.  
  459. #circle img{
  460. width:200px;
  461. }
  462.  
  463. #sidebar:hover #circle{
  464. opacity:1;
  465. margin-top:45px;
  466. margin-left:-90px;
  467. }
  468.  
  469. #cimg{
  470. z-index:7;
  471. opacity:0;
  472. position:fixed !important;
  473. width:233px;
  474. margin-top:195px;
  475. margin-left:-55px;
  476. height:auto;
  477. color:white;
  478. background:transparent;
  479. -webkit-transition: all 1s ease;
  480. -moz-transition: all 1s ease;
  481. -o-transition: all 1s ease;
  482. transition: all 1s ease;
  483. }
  484.  
  485. #cimg img{
  486. border-radius:50px;
  487. width:80px;
  488. }
  489.  
  490. #sidebar:hover #cimg{
  491. opacity:1;
  492. margin-top:100px;
  493. margin-left:-108px;
  494. }
  495.  
  496. #circle2{
  497. z-index:5;
  498. opacity:0;
  499. position:fixed !important;
  500. width:auto;
  501. height:auto;
  502. margin-top:160px;
  503. margin-left:20px;
  504. background:transparent;
  505. -webkit-transition: all 1s ease;
  506. -moz-transition: all 1s ease;
  507. -o-transition: all 1s ease;
  508. transition: all 1s ease;
  509. }
  510.  
  511. #circle2 img{
  512. width:150px;
  513. }
  514.  
  515. #sidebar:hover #circle2{
  516. opacity:1;
  517. margin-top:120px;
  518. margin-left:-35px;
  519. }
  520.  
  521. #cimg2{
  522. z-index:7;
  523. opacity:0;
  524. position:fixed !important;
  525. width:233px;
  526. margin-top:200px;
  527. margin-left:-20px;
  528. height:auto;
  529. color:white;
  530. background:transparent;
  531. -webkit-transition: all 1s ease;
  532. -moz-transition: all 1s ease;
  533. -o-transition: all 1s ease;
  534. transition: all 1s ease;
  535. }
  536.  
  537. #cimg2 img{
  538. border-radius:50px;
  539. width:60px;
  540. }
  541.  
  542. #sidebar:hover #cimg2{
  543. opacity:1;
  544. margin-top:162px;
  545. margin-left:-78px;
  546. }
  547.  
  548. #line1{
  549. z-index:4;
  550. opacity:1;
  551. position:fixed !important;
  552. margin-top:60px;
  553. margin-left:25px;
  554. height:100px;
  555. width:1px;
  556. background:#ddd;
  557. }
  558.  
  559. #star1{
  560. z-index:50;
  561. margin-top:160px;
  562. margin-left:12px;
  563. position:fixed !important;
  564. color: {color:star 1};
  565. width: 0px;
  566. height: 0px;
  567. border-right: 15px solid transparent;
  568. border-bottom: 11px solid {color:star 1};
  569. border-left: 15px solid transparent;
  570. -moz-transform: rotate(35deg);
  571. -webkit-transform: rotate(35deg);
  572. -ms-transform: rotate(35deg);
  573. -o-transform: rotate(35deg);
  574. }
  575.  
  576. #star1:before {
  577. z-index:50;
  578. border-bottom: 12px solid {color:star 1};
  579. border-left: 4px solid transparent;
  580. border-right: 4px solid transparent;
  581. position: absolute;
  582. height: 0;
  583. width: 0;
  584. margin-top: -8px;
  585. margin-left: -11px;
  586. display: block;
  587. content: '';
  588. -webkit-transform: rotate(-35deg);
  589. -moz-transform: rotate(-35deg);
  590. -ms-transform: rotate(-35deg);
  591. -o-transform: rotate(-35deg);
  592.  
  593. }
  594.  
  595. #star1:after {
  596. z-index:50;
  597. position: absolute;
  598. display: block;
  599. color: {color:star 1};
  600. margin-top: 1px;
  601. margin-left: -17px;
  602. width: 0px;
  603. height: 0px;
  604. border-right: 15px solid transparent;
  605. border-bottom: 11px solid {color:star 1};
  606. border-left: 15px solid transparent;
  607. -webkit-transform: rotate(-70deg);
  608. -moz-transform: rotate(-70deg);
  609. -ms-transform: rotate(-70deg);
  610. -o-transform: rotate(-70deg);
  611. content: '';
  612. }
  613.  
  614. #boxx1{
  615. z-index:1000;
  616. opacity:1;
  617. position:fixed !important;
  618. height:30px;
  619. width:30px;
  620. background:transparent;
  621. margin-top:240px;
  622. margin-left:-15px;
  623. }
  624.  
  625. #extra1{
  626. z-index:3;
  627. opacity:1;
  628. position:fixed !important;
  629. overflow:hidden;
  630. margin-top:-150px;
  631. margin-left:95px;
  632. width:200px;
  633. height:0px;
  634. padding-left:5px;
  635. padding-right:5px;
  636. background:white;
  637. text-align:left;
  638. border-left:1px solid #eee;
  639. border-right:1px solid #eee;
  640. -webkit-transition: all 0.5s ease;
  641. -moz-transition: all 0.5s ease;
  642. -o-transition: all 0.5s ease;
  643. transition: all 0.5s ease;
  644. }
  645.  
  646. #boxx1:hover #extra1{
  647. height:223px;
  648. padding:5px;
  649. }
  650.  
  651. #line2{
  652. z-index:4;
  653. opacity:1;
  654. position:fixed !important;
  655. margin-top:120px;
  656. margin-left:65px;
  657. height:90px;
  658. width:1px;
  659. background:#ddd;
  660. }
  661.  
  662. #star2{
  663. z-index:50;
  664. margin-top:200px;
  665. margin-left:52px;
  666. position:fixed !important;
  667. color: {color:star 2};
  668. width: 0px;
  669. height: 0px;
  670. border-right: 15px solid transparent;
  671. border-bottom: 11px solid {color:star 2};
  672. border-left: 15px solid transparent;
  673. -moz-transform: rotate(35deg);
  674. -webkit-transform: rotate(35deg);
  675. -ms-transform: rotate(35deg);
  676. -o-transform: rotate(35deg);
  677. }
  678.  
  679. #star2:before {
  680. z-index:50;
  681. border-bottom: 12px solid {color:star 2};
  682. border-left: 4px solid transparent;
  683. border-right: 4px solid transparent;
  684. position: absolute;
  685. height: 0;
  686. width: 0;
  687. margin-top: -8px;
  688. margin-left: -11px;
  689. display: block;
  690. content: '';
  691. -webkit-transform: rotate(-35deg);
  692. -moz-transform: rotate(-35deg);
  693. -ms-transform: rotate(-35deg);
  694. -o-transform: rotate(-35deg);
  695.  
  696. }
  697.  
  698. #star2:after {
  699. z-index:50;
  700. position: absolute;
  701. display: block;
  702. color: {color:star 2};
  703. margin-top: 1px;
  704. margin-left: -17px;
  705. width: 0px;
  706. height: 0px;
  707. border-right: 15px solid transparent;
  708. border-bottom: 11px solid {color:star 2};
  709. border-left: 15px solid transparent;
  710. -webkit-transform: rotate(-70deg);
  711. -moz-transform: rotate(-70deg);
  712. -ms-transform: rotate(-70deg);
  713. -o-transform: rotate(-70deg);
  714. content: '';
  715. }
  716.  
  717. #boxx2{
  718. z-index:1000;
  719. opacity:1;
  720. position:fixed !important;
  721. height:30px;
  722. width:30px;
  723. background:transparent;
  724. margin-top:280px;
  725. margin-left:25px;
  726. }
  727.  
  728. #extra2{
  729. z-index:3;
  730. opacity:1;
  731. position:fixed !important;
  732. margin-top:-190px;
  733. margin-left:55px;
  734. font-size:10px;
  735. height:0px;
  736. width:200px;
  737. background:white;
  738. padding-left:5px;
  739. padding-right:5px;
  740. border-left:1px solid #eee;
  741. border-right:1px solid #eee;
  742. font-family: consolas;
  743. text-align:left;
  744. overflow:hidden;
  745. -webkit-transition: all 0.5s ease;
  746. -moz-transition: all 0.5s ease;
  747. -o-transition: all 0.5s ease;
  748. transition: all 0.5s ease;
  749. }
  750.  
  751. #boxx2:hover #extra2{
  752. height:223px;
  753. padding:5px;
  754. border-left:1px solid #eee;
  755. border-right:1px solid #eee;
  756. }
  757.  
  758. #desctitle{
  759. z-index:5;
  760. opacity:1;
  761. position:fixed !important;
  762. width:200px;
  763. margin-top:27px;
  764. margin-left:105px;
  765. font-size:20px;
  766. height:auto;
  767. color:white;
  768. background:transparent;
  769. font-family: toe;
  770. text-align:right;
  771. text-shadow:
  772. 2px -2px 0 {color:blogtitle},
  773. 1px -1px 0 {color:blogtitle},
  774. -1px 1px 0 {color:blogtitle},
  775. 1px 1px 0 {color:blogtitle};
  776. -webkit-transition: all 1s ease;
  777. -moz-transition: all 1s ease;
  778. -o-transition: all 1s ease;
  779. transition: all 1s ease;
  780. }
  781.  
  782. #desc{
  783. z-index:3;
  784. opacity:1;
  785. position:fixed !important;
  786. margin-top:40px;
  787. margin-left:0px;
  788. font-size:10px;
  789. height:80px;
  790. width:200px;
  791. padding:5px;
  792. padding-left:110px;
  793. background:white;
  794. font-family: consolas;
  795. text-align:left;
  796. overflow:scroll;
  797. border:1px solid #eee;
  798. border-left:0px;
  799. -webkit-transition: all 1s ease;
  800. -moz-transition: all 1s ease;
  801. -o-transition: all 1s ease;
  802. transition: all 1s ease;
  803. }
  804.  
  805. #elink1{
  806. z-index:4;
  807. opacity:1;
  808. position:fixed !important;
  809. margin-top:95px;
  810. margin-left:320px;
  811. height:12px;
  812. width:12px;
  813. background:white;
  814. border:1px solid {color:extra link 1};
  815. border-radius:10px;
  816. -webkit-transition: all 1s ease;
  817. -moz-transition: all 1s ease;
  818. -o-transition: all 1s ease;
  819. transition: all 1s ease;
  820. }
  821.  
  822. #elink1:hover{
  823. background:{color:extra link 1};
  824. border:1px solid white;
  825. }
  826.  
  827. #elink2{
  828. z-index:4;
  829. opacity:1;
  830. position:fixed !important;
  831. margin-top:115px;
  832. margin-left:320px;
  833. height:12px;
  834. width:12px;
  835. background:white;
  836. border:1px solid {color:extra link 2};
  837. border-radius:10px;
  838. -webkit-transition: all 1s ease;
  839. -moz-transition: all 1s ease;
  840. -o-transition: all 1s ease;
  841. transition: all 1s ease;
  842. }
  843.  
  844. #elink2:hover{
  845. background:{color:extra link 2};
  846. border:1px solid white;
  847. }
  848.  
  849. #navtitle{
  850. z-index:5;
  851. opacity:1;
  852. position:fixed !important;
  853. width:200px;
  854. margin-top:157px;
  855. margin-left:110px;
  856. font-size:20px;
  857. height:auto;
  858. color:white;
  859. background:transparent;
  860. font-family: toe;
  861. text-align:left;
  862. text-shadow:
  863. 2px -2px 0 {color:blogtitle},
  864. 1px -1px 0 {color:blogtitle},
  865. -1px 1px 0 {color:blogtitle},
  866. 1px 1px 0 {color:blogtitle};
  867. -webkit-transition: all 1s ease;
  868. -moz-transition: all 1s ease;
  869. -o-transition: all 1s ease;
  870. transition: all 1s ease;
  871. }
  872.  
  873. #link1{
  874. z-index:4;
  875. opacity:1;
  876. position:fixed !important;
  877. margin-top:175px;
  878. margin-left:110px;
  879. height:15px;
  880. line-height:15px;
  881. width:65px;
  882. background:white;
  883. border:1px solid {color:link 1};
  884. border-radius:5px;
  885. -webkit-transition: all 1s ease;
  886. -moz-transition: all 1s ease;
  887. -o-transition: all 1s ease;
  888. transition: all 1s ease;
  889. }
  890.  
  891. #link1:hover{
  892. background:{color:link 1};
  893. border:1px solid white;
  894. color:white;
  895. }
  896.  
  897. #link2{
  898. z-index:4;
  899. opacity:1;
  900. position:fixed !important;
  901. margin-top:175px;
  902. margin-left:180px;
  903. height:15px;
  904. line-height:15px;
  905. width:65px;
  906. background:white;
  907. border:1px solid {color:link 2};
  908. border-radius:5px;
  909. -webkit-transition: all 1s ease;
  910. -moz-transition: all 1s ease;
  911. -o-transition: all 1s ease;
  912. transition: all 1s ease;
  913. }
  914.  
  915. #link2:hover{
  916. background:{color:link 2};
  917. border:1px solid white;
  918. color:white;
  919. }
  920.  
  921. #link3{
  922. z-index:4;
  923. opacity:1;
  924. position:fixed !important;
  925. margin-top:175px;
  926. margin-left:250px;
  927. height:15px;
  928. line-height:15px;
  929. width:65px;
  930. background:white;
  931. border:1px solid {color:link 3};
  932. border-radius:5px;
  933. -webkit-transition: all 1s ease;
  934. -moz-transition: all 1s ease;
  935. -o-transition: all 1s ease;
  936. transition: all 1s ease;
  937. }
  938.  
  939. #link3:hover{
  940. background:{color:link 3};
  941. border:1px solid white;
  942. color:white;
  943. }
  944.  
  945. #link4{
  946. z-index:4;
  947. opacity:1;
  948. position:fixed !important;
  949. margin-top:196px;
  950. margin-left:110px;
  951. height:15px;
  952. line-height:15px;
  953. width:65px;
  954. background:white;
  955. border:1px solid {color:link 4};
  956. border-radius:5px;
  957. -webkit-transition: all 1s ease;
  958. -moz-transition: all 1s ease;
  959. -o-transition: all 1s ease;
  960. transition: all 1s ease;
  961. }
  962.  
  963. #link4:hover{
  964. background:{color:link 4};
  965. border:1px solid white;
  966. color:white;
  967. }
  968.  
  969. #link5{
  970. z-index:4;
  971. opacity:1;
  972. position:fixed !important;
  973. margin-top:196px;
  974. margin-left:180px;
  975. height:15px;
  976. line-height:15px;
  977. width:65px;
  978. background:white;
  979. border:1px solid {color:link 5};
  980. border-radius:5px;
  981. -webkit-transition: all 1s ease;
  982. -moz-transition: all 1s ease;
  983. -o-transition: all 1s ease;
  984. transition: all 1s ease;
  985. }
  986.  
  987. #link5:hover{
  988. background:{color:link 5};
  989. border:1px solid white;
  990. color:white;
  991. }
  992.  
  993. #link6{
  994. z-index:4;
  995. opacity:1;
  996. position:fixed !important;
  997. margin-top:196px;
  998. margin-left:250px;
  999. height:15px;
  1000. line-height:15px;
  1001. width:65px;
  1002. background:white;
  1003. border:1px solid {color:link 6};
  1004. border-radius:5px;
  1005. -webkit-transition: all 1s ease;
  1006. -moz-transition: all 1s ease;
  1007. -o-transition: all 1s ease;
  1008. transition: all 1s ease;
  1009. }
  1010.  
  1011. #link6:hover{
  1012. background:{color:link 6};
  1013. border:1px solid white;
  1014. color:white;
  1015. }
  1016.  
  1017. #topbar{
  1018. position:fixed !important;
  1019. z-index:100;
  1020. background:{color:topbar};
  1021. border:1px solid white;
  1022. height:auto;
  1023. padding:2px;
  1024. top:10px;
  1025. margin-left:520px;
  1026. width:650px;
  1027. }
  1028.  
  1029. #topquote{
  1030. font-family:calibri;
  1031. font-size:11px;
  1032. text-align:left;
  1033. border-top:1px dashed white;
  1034. border-bottom:1px dashed white;
  1035. color:white;
  1036. height:20px;
  1037. line-height:20px;
  1038. text-align:center;
  1039. }
  1040.  
  1041. #credit {
  1042. z-index: 4783;
  1043. position:fixed;
  1044. bottom:5px;
  1045. right:-60px;
  1046. background:white;
  1047. border: 1px solid #eee;
  1048. padding: 7px;
  1049. font-family: calibri;
  1050. font-size: 12px;
  1051. line-height: 15px;
  1052. word-spacing:10px;
  1053. transition: all 0.6s ease-out;
  1054. -o-transition-transition: all 0.4s ease-out;
  1055. -webkit-transition: all 0.4s ease-out;
  1056. -moz-transition: all 0.4s ease-out;
  1057. }
  1058.  
  1059. #credit:hover{
  1060. opacity: 2;
  1061. right:0px;
  1062. transition: all 0.6s ease-out;
  1063. -o-transition-transition: all 0.4s ease-out;
  1064. -webkit-transition: all 0.4s ease-out;
  1065. -moz-transition: all 0.4s ease-out;
  1066. }
  1067.  
  1068. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  1069. .title{
  1070. font-family:h;
  1071. font-size:20px;
  1072. line-height:20px;
  1073. color:{color:Title};
  1074. }
  1075.  
  1076. .titale{
  1077. margin-top:5px;
  1078. margin-bottom:5px;
  1079. margin-left:-5px;
  1080. margin-right:-5px;
  1081. font-family:h;
  1082. font-size:20px;
  1083. line-height:25px;
  1084. background:{color:extras title};
  1085. color:white;
  1086. text-align:center;
  1087. }
  1088.  
  1089.  
  1090. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  1091. .permalink{
  1092. margin-left:-15px;
  1093. margin-right:-15px;
  1094. margin-top:10px;
  1095. font-family:consolas;
  1096. font-size:10px;
  1097. line-height:20px;
  1098. height:20px;
  1099. border-top:1px dashed {color:permalink};
  1100. border-bottom:1px dashed {color:permalink};
  1101. text-align:center;
  1102. text-transform: normal;
  1103. display: block;
  1104. }
  1105.  
  1106.  
  1107. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  1108. #infscr-loading{
  1109. bottom: -70px;
  1110. position: absolute;
  1111. left: 50%;
  1112. margin-left:-8px;
  1113. width:16px;
  1114. height:11px;
  1115. overflow:hidden;
  1116. margin-bottom: 50px;
  1117. }
  1118.  
  1119. #postnotes{
  1120. text-align: justify;}
  1121.  
  1122. #postnotes blockquote{
  1123. border: 0px;}
  1124.  
  1125. blockquote{
  1126. padding:0px 0px 2px 5px;
  1127. margin:0px 0px 2px 10px;
  1128. border-left: 1px dotted #555555;
  1129. }
  1130.  
  1131. blockquote p, ul{
  1132. margin:0px;
  1133. padding:0px;
  1134. }
  1135.  
  1136. a img{border: 0px;}
  1137.  
  1138.  
  1139. ul, ol, li{list-style:&middot; margin-left:10px; padding:0px;}
  1140.  
  1141. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1142. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1143.  
  1144. .notes img{width:10px; position:relative; top:3px;}
  1145. <--ses-->
  1146. small{font-size: 90%;}
  1147.  
  1148. {CustomCSS}
  1149.  
  1150.  
  1151. ::-webkit-scrollbar {width: 6px; height: 4px; background: white; }
  1152. ::-webkit-scrollbar-thumb { background-color: #eee; -webkit-border-radius: 1ex; }
  1153.  
  1154. </style>
  1155.  
  1156. {block:IndexPage}
  1157. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1158. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1159.  
  1160. <script type="text/javascript">
  1161. $(window).load(function(){
  1162. var $wall = $('#posts');
  1163. $wall.imagesLoaded(function(){
  1164. $wall.masonry({
  1165. itemSelector: '.entry, .entry_photo',
  1166. isAnimated : false
  1167. });
  1168. });
  1169.  
  1170. $wall.infinitescroll({
  1171. navSelector : '#pagination',
  1172. nextSelector : '#pagination a',
  1173. itemSelector : '.entry, .entry_photo',
  1174. bufferPx : 2000,
  1175. debug : false,
  1176. errorCallback: function() {
  1177. $('#infscr-loading').fadeOut('normal');
  1178. }},
  1179. function( newElements ) {
  1180. var $newElems = $( newElements );
  1181. $newElems.hide();
  1182. $newElems.imagesLoaded(function(){
  1183. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1184. });
  1185. }); $('#posts').show(500);
  1186. });
  1187. </script>
  1188.  
  1189.  
  1190. {/block:IndexPage}
  1191.  
  1192.  
  1193. <title>{title}</title>
  1194.  
  1195. <link rel="shortcut icon" href="{Favicon}" />
  1196. <meta name="viewport" content="width=820" />
  1197. </head>
  1198.  
  1199. <body>
  1200. <BODY onselectstart="return false;" ondragstart="return false;">
  1201. <div id="wrap">
  1202. <div class="wrapper">
  1203.  
  1204. <div id="cage">
  1205. <div id="topbar"><div id="topquote">{text:topbar}</div></div>
  1206. <div id="conceal"></div>
  1207. <div id="credit">© <a href="http://briqhter.tumblr.com">briqhter</a></div>
  1208.  
  1209.  
  1210. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1211. <div id="sidebar">
  1212. <center>
  1213. <div id="sb1">
  1214. <div id="img1"><img src="{image:sidebar}"></div>
  1215. <div id="sb2">
  1216. <div id="desctitle">{text:description title}</div>
  1217. <div id="desc">{description}</div>
  1218. <a href="{text:extra link 1}" title="{text:extra link 1 msg}"><div id="elink1"></div></a>
  1219. <a href="{text:extra link 2}" title="{text:extra link 2 msg}"><div id="elink2"></div></a>
  1220. <div id="navtitle">{text:navigation title}</div>
  1221. <a href="{text:link 1}" title="{text:link 1 msg}"><div id="link1">1.</div></a>
  1222. <a href="{text:link 2}" title="{text:link 2 msg}"><div id="link2">2.</div></a>
  1223. <a href="{text:link 3}" title="{text:link 3 msg}"><div id="link3">3.</div></a>
  1224. <a href="{text:link 4}" title="{text:link 4 msg}"><div id="link4">4.</div></a>
  1225. <a href="{text:link 5}" title="{text:link 5 msg}"><div id="link5">5.</div></a>
  1226. <a href="{text:link 6}" title="{text:link 6 msg}"><div id="link6">6.</div></a>
  1227. <div id="line1"></div>
  1228. <div id="star1"></div>
  1229. <div id="line2"></div>
  1230. <div id="star2"></div>
  1231. <div id="img2"></div>
  1232. </div>
  1233. <div id="title1">{text:blogtitle}</div>
  1234. </div>
  1235. <div id="cimg"><img src="{image:mini image}"></div>
  1236. <div id="cimg2"><img src="{image:mini image 2}"></div>
  1237. <div id="circle"><img src="http://static.tumblr.com/bgzjy3u/IqJn4ptx4/tumblr_static_2r6e620half.gif"></div>
  1238. <div id="circle2"><img src="http://static.tumblr.com/bgzjy3u/HyOn4pu9i/tumblr_static_2r6e620none.gif"></div>
  1239. <div id="boxx1"><div id="extra1">
  1240. <div class="titale">updates</div>
  1241. <!---if you want another title (like the second extras section) copy the line above. change "updates" to the title of your choice---->
  1242. <!---put your updates or extras below. if you want to skip a line, use </br> like below. you can use &middot for bullet points---->
  1243. &middot hey these are updates</br>
  1244. &middot hey these are updates</br>
  1245. &middot hey these are updates</br>
  1246. &middot hey these are updates</br>
  1247. &middot hey these are updates
  1248. </div></div>
  1249. <div id="boxx2"><div id="extra2">
  1250. <!---same here---->
  1251. <div class="titale">statistics</div>
  1252. &middot hey these are stats</br>
  1253. &middot hey these are stats</br>
  1254. &middot hey these are stats</br>
  1255. &middot hey these are stats</br>
  1256. &middot hey these are stats
  1257. <!---and here---->
  1258. <div class="titale">networks</div>
  1259. &middot hey these are networks</br>
  1260. &middot hey these are networks</br>
  1261. &middot hey these are networks</br>
  1262. &middot hey these are networks</br>
  1263. &middot hey these are networks
  1264. </div></div>
  1265. </center>
  1266. </div>
  1267. <!------------------------------------->
  1268.  
  1269.  
  1270. <div class="left">
  1271. <div id="posts">
  1272. {block:Posts}
  1273. <div class="entry">
  1274.  
  1275. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a><br>{/block:HasTags}</span></align>
  1276. {/block:Text}
  1277.  
  1278. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a></span></align>{block:Link}
  1279.  
  1280. {block:Answer}
  1281. <div id="ask">
  1282. <img src="{AskerPortraitURL-30}" width="30" align="left" style="border:1px solid {color:borders}; padding:3px; border-radius:20px; text-align:left;"/></div>
  1283. <div style="margin-left:45px; padding: 5px; min-height:45px; border: 1px solid #eee; border-radius:5px; background: white; text-align: left; ">
  1284. <ask>{Asker}</ask>: <div style="padding-bottom:5px;">{Question}</div></div>
  1285. <div style="margin-top: 10px; margin-right:10px; min-height:45px; padding-left: 8px; border: 1px solid #eee; border-radius:5px; padding: 5px; background: #white;">
  1286. <center>{Answer}</center></div>
  1287. <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a></span></align>
  1288. {/block:Answer}
  1289.  
  1290. {block:Photo}
  1291. {block:IndexPage}
  1292. <center>
  1293. <a href="{ReblogURL}" title="Reblog this post" target="_blank"><div class="perma"></div></a>
  1294. <a href="{Permalink}" title="Posted on the {DayOfMonth}{DayOfMonthSuffix} of {Month} with {notecountwithlabel}"><div class="perma2"></div></a>
  1295. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1296. {/block:IndexPage}
  1297. {block:PermalinkPage}
  1298. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1299.  
  1300. {LinkCloseTag}
  1301. {/block:PermalinkPage}
  1302. {/block:Photo}
  1303.  
  1304. {block:Photoset}
  1305. {block:IndexPage}
  1306. <center>
  1307. {Photoset-250}
  1308. <a href="{ReblogURL}" title="Reblog this post" target="_blank"><div class="perma"></div></a>
  1309. <a href="{Permalink}" title="Posted on the {DayOfMonth}{DayOfMonthSuffix} of {Month} with {notecountwithlabel}"><div class="perma2"></div></a> </center>
  1310. {/block:IndexPage}
  1311. {block:PermalinkPage}
  1312. <center>
  1313. {Photoset-500}</center>
  1314. {/block:PermalinkPage}
  1315. {/block:Photoset}
  1316.  
  1317. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a></span>{/block:Quote}
  1318.  
  1319. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1320. <ul class="chat">
  1321. {block:Lines}
  1322. <li class="user_{UserNumber}">
  1323. {block:Label}
  1324. <span class="label">{Label}</span>
  1325. {/block:Label}
  1326.  
  1327. {Line}
  1328. </li>
  1329. {/block:Lines}
  1330. <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a>
  1331. {/block:Chat}
  1332.  
  1333. {block:Audio}
  1334. <div style="width:200px; height:30px;">
  1335. {AudioPlayerBlack}
  1336. </div>
  1337. {block:IndexPage}
  1338. <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a>
  1339. </span>{/block:IndexPage}
  1340. {/block:Audio}
  1341.  
  1342. {block:Video}
  1343. {block:IndexPage}
  1344. <center>
  1345. {Video-250}</center>
  1346. <a href="{ReblogURL}" title="Reblog this post" target="_blank"><div class="perma"></div></a>
  1347. <a href="{Permalink}" title="Posted on the {DayOfMonth}{DayOfMonthSuffix} of {Month} with {notecountwithlabel}"><div class="perma2"></div></a>
  1348. {/block:IndexPage}
  1349. {block:PermalinkPage}
  1350. <center>
  1351. {Video-400}</center>
  1352. {/block:PermalinkPage}
  1353. {block:Video}
  1354.  
  1355.  
  1356. {block:PostNotes}<div align="middle">{caption}</div>
  1357. <center>
  1358.  
  1359. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1360.  
  1361. {block:HasTags}
  1362. tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br> {/block:HasTags}
  1363. {block:RebloggedFrom}
  1364. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1365. Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1366.  
  1367. {/block:RebloggedFrom}
  1368. </center></span>
  1369. <br>
  1370. <div id="postnotes">{PostNotes}</div><br>
  1371.  
  1372. <center>{block:ContentSource}
  1373. <br><a href="{SourceURL}">
  1374. {lang:Source}:
  1375. {block:SourceLogo}
  1376. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1377. height="{LogoHeight}" alt="{SourceTitle}" />
  1378. {/block:SourceLogo}
  1379. {block:NoSourceLogo}
  1380. {SourceLink}
  1381. {/block:NoSourceLogo}
  1382. </a>
  1383. {/block:ContentSource}</center>
  1384.  
  1385. {/block:PostNotes}
  1386. </div>
  1387. {/block:Posts}
  1388. </div></div>
  1389.  
  1390. {block:IndexPage}
  1391. {block:Pagination}
  1392. <div id="pagination">
  1393. {block:NextPage}
  1394. <a id="nextPage" href="{NextPage}"></a>
  1395. {/block:NextPage}
  1396. {block:PreviousPage}
  1397. <a href="{PreviousPage}"></a>
  1398. {/block:PreviousPage}
  1399. </div>
  1400. {/block:Pagination}
  1401. {/block:IndexPage}
  1402. </div>
  1403. </body>
  1404.  
  1405. </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!