API tools faq
paste
Advertisement
briqhter

Theme 6

briqhter
Feb 28th, 2014
302
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.65 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 6 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>
  13. <script>
  14. $(document).ready(function() {
  15. //
  16. $('a.poplight[href^=#]').click(function() {
  17. var popID = $(this).attr('rel'); //Get Popup Name
  18. var popURL = $(this).attr('href'); //Get Popup href to define size
  19. var query= popURL.split('?');
  20. var dim= query[1].split('&');
  21. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  22. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  23. var popMargTop = ($('#' + popID).height() + 80) / 2;
  24. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  25. //Apply Margin to Popup
  26. $('#' + popID).css({
  27. 'margin-top' : -popMargTop,
  28. 'margin-left' : -popMargLeft
  29. });
  30. $('body').append('<div id="fade"></div>');
  31. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  32. return false;
  33. });
  34. $('a.close, #fade').live('click', function() {
  35. $('#fade , .popup_block').fadeOut(function() {
  36. $('#fade, a.close').remove(); //fade them both out
  37. });
  38. return false;
  39. });
  40. });
  41. </script>
  42.  
  43. <script type="text/javascript"
  44. 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>
  45.  
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("a[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:90,
  54. tip_fade_speed:600,
  55. attribute:"title"
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <script type="text/javascript">
  62. <!--
  63.  
  64. // Disable Right Click Script
  65.  
  66. function IE(e)
  67. {
  68. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  69. {
  70. return false;
  71. }
  72. }
  73. function NS(e)
  74. {
  75. if (document.layers || (document.getElementById && !document.all))
  76. {
  77. if (e.which == "2" || e.which == "3")
  78. {
  79. return false;
  80. }
  81. }
  82. }
  83. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  84.  
  85. //-->
  86. </script>
  87.  
  88.  
  89. <script type="text/javascript"
  90. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  91.  
  92. <!--DEFAULT VARIABLES-->
  93. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  94. <meta name="color:background" content="#fff"/>
  95. <meta name="color:link" content="#777"/>
  96. <meta name="color:text" content="#777"/>
  97. <meta name="color:title" content="#333"/>
  98. <meta name="color:hover" content="#000"/>
  99. <meta name="color:hover msg" content="#9ABBDA"/>
  100. <meta name="color:borders" content="#D8D8D8"/>
  101. <meta name="color:sidebar border" content="#D7E6F4"/>
  102. <meta name="color:entry border" content="#E6E6E6"/>
  103. <meta name="color:permalink" content="#CCE3EF"/>
  104. <meta name="color:text permalink" content="#D7E6F4"/>
  105. <meta name="color:img1" content="#D7E6F4"/>
  106. <meta name="color:img2" content="#D7E6F4"/>
  107. <meta name="color:blogtitle" content="#A1CAD7"/>
  108. <meta name="color:topbar" content="#D7E6F4"/>
  109. <meta name="image:sidebar1" content="http://static.tumblr.com/bgzjy3u/5XImz0wmi/tumblr_meh8k7zckx1qj1l3ro1_250.png"/>
  110. <meta name="image:sidebar2" content="http://static.tumblr.com/bgzjy3u/l0Qmz0wli/tumblr_meh8k7zckx1qj1l3ro3_250.png"/>
  111. <meta name="image:mini1" content="http://24.media.tumblr.com/5fe7bce024408cc01d8c78fe68c12ec3/tumblr_mul768jXTE1sp36zzo8_250.gif"/>
  112. <meta name="image:mini2" content="http://31.media.tumblr.com/5208d04a52b66efdd64b2c4c08d8ec6b/tumblr_murd7dNsxw1rb1hd5o4_250.gif"/>
  113. <meta name="image:mini3" content="http://25.media.tumblr.com/cfd00a527640db07c88f282896a5351d/tumblr_mwhiaf2VJx1s109vzo5_250.gif"/>
  114. <meta name="image:mini4" content="http://24.media.tumblr.com/dac1e6bfaeeb29e814e1b855b1353ab5/tumblr_mqjf321NWH1snvx4xo8_250.gif"/>
  115. <meta name="image:trans" content="http://static.tumblr.com/bgzjy3u/0Bln1q7w3/download__1_.jpg"/>
  116. <meta name="image:trans2" content="http://static.tumblr.com/bgzjy3u/y60n1q7xc/tumblr_mho13pn4lv1rgpyeqo1_500.png"/>
  117. <meta name="image:background" content="1"/>
  118. <meta name="text:blogtitle1" content="I love you..."/>
  119. <meta name="text:blogtitle2" content="midnight memories"/>
  120. <meta name="text:link 1" content="/"/>
  121. <meta name="text:link 1 title" content="home"/>
  122. <meta name="text:link 1 msg" content="go home and sleep"/>
  123. <meta name="text:link 2" content="/"/>
  124. <meta name="text:link 2 title" content="message"/>
  125. <meta name="text:link 2 msg" content="send me stuff"/>
  126. <meta name="text:link 3" content="/"/>
  127. <meta name="text:link 3 title" content="links"/>
  128. <meta name="text:link 3 msg" content="explore my blog"/>
  129. <meta name="text:link 4" content="/"/>
  130. <meta name="text:link 4 title" content="idk"/>
  131. <meta name="text:link 4 msg" content="another link~"/>
  132. <meta name="text:link 5" content="http://briqhter.tumblr.com"/>
  133. <meta name="text:link 5 title" content="theme"/>
  134. <meta name="text:link 5 msg" content="theme credit"/>
  135. <meta name="text:stats" content="stats yo"/>
  136. <meta name="text:topbar" content="Put any quote here or leave it blank - Me"/>
  137.  
  138.  
  139. <style type="text/css">
  140.  
  141.  
  142. 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-
  143.  
  144. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  145.  
  146. 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;}
  147.  
  148. #s-m-t-tooltip {
  149. max-width:300px;
  150. padding:2px;
  151. padding-left:5px;
  152. padding-right:5px;
  153. margin:20px 0px 0px 20px;
  154. background: {color:hover msg}; /* change the background color */
  155. border:3px solid white; /* change the border color */
  156. border-radius:10px;
  157. color: white;
  158. text-transform:uppercase;
  159. border-top: 2px solid white;
  160. border-bottom: 2px solid white;
  161. font-size:10px; /* change the font size */
  162. letter-spacing:0px; /* change the letter spacing */
  163. z-index:999999999999999999999999999999999999;
  164. }
  165.  
  166. #fade { /*--Transparent background layer--*/
  167. display: none; /*--hidden by default--*/
  168. background: #fff;
  169. position: fixed; left: 0; top: 0;
  170. width: 100%; height: 100%;
  171. opacity: .80;
  172. z-index: 9999;
  173. }
  174.  
  175. .popup_block{
  176. display: none; /*--hidden by default--*/
  177. background: #fff;
  178. background-image: url();
  179. background-attachment: fixed;
  180. background-size:contain;
  181. background-position: right;
  182. padding: 20px;
  183. border: 4px solid {color:sidebar border};
  184. float: left;
  185. position: fixed;
  186. top: 50%; left: 50%;
  187. z-index: 99999;
  188. -webkit-box-shadow: 0px 0px 20px #9E9E9E;
  189. -moz-box-shadow: 0px 0px 20px #9E9E9E;
  190. box-shadow: 0px 0px 20px #9E9E9E;
  191. -webkit-border-radius: 10px;
  192. -moz-border-radius: 10px;
  193. border-radius: 10px;
  194. }
  195.  
  196. img.btn_close {
  197. float: right;
  198. margin: -5px -5px 0 0;
  199. }
  200.  
  201. *html #fade {
  202. position: absolute;
  203. }
  204.  
  205. *html .popup_block {
  206. position: absolute;
  207. }
  208.  
  209. p {
  210. margin:0px;
  211. margin-top:0px;
  212. }
  213.  
  214.  
  215. body {
  216. padding: 0px;
  217. margin: 0px;
  218. color:{color:text};
  219. font-family: calibri;
  220. line-height:12px;
  221. font-size:11px;
  222. background-color: {color:Background};
  223. background-image:url({image:Background});
  224. background-attachment: fixed;
  225. background-repeat: repeat;
  226. }
  227.  
  228.  
  229. a:link, a:active, a:visited{
  230. text-decoration: none;
  231. -webkit-transition: color 0.3s ease-out;
  232. -moz-transition: color 0.3s ease-out;
  233. transition: color 0.3s ease-out;
  234. color:{color:link};
  235. }
  236.  
  237. a:hover {
  238. text-decoration: none;
  239. font-style:;
  240. color: {color:Hover};
  241. }
  242.  
  243. ask{
  244. font-family: 'toe';
  245. text-align: right;
  246. margin-top: 20px;
  247. font-size:15px;
  248. line-height: 18px;
  249. }
  250.  
  251. #ask img{
  252. width:30px;
  253. border-radius:20px;
  254. }
  255.  
  256. /*FONTS*/
  257.  
  258. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  259. @font-face { font-family:"h"; src: url('http://static.tumblr.com/bgzjy3u/8pBmycu1k/hasteristico.ttf');}
  260. @font-face {font-family: "toe"; src: url('http://static.tumblr.com/bgzjy3u/6wwmyt30j/theonlyexception.ttf');}
  261.  
  262. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  263. .entry {
  264. float:left;
  265. display: block;
  266. margin:10px;
  267. overflow:hidden;
  268. border: 1px solid {color:borders};
  269. width:280px;
  270. padding:15px;
  271. {block:PermalinkPage}
  272. width:450px;
  273. text-align:left;
  274. line-height:10px;
  275. {/block:PermalinkPage}
  276. background:white;
  277. background-image:URL();
  278. }
  279.  
  280. .entry img{
  281. border:8px solid {color:entry border};
  282. width:260px;
  283. {block:PermalinkPage}
  284. width:440px;
  285. {/block:PermalinkPage}
  286. }
  287.  
  288.  
  289. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  290. .entry .perma{
  291. width:280px;
  292. height:60px;
  293. margin-left:0px;
  294. position: absolute;
  295. line-height: 20px;
  296. overflow:hidden;
  297. text-align:center;
  298. margin-top:-30px;
  299. background:white;
  300. word-spacing:2px;
  301. letter-spacing:1px;
  302. font-family:neverletgo;
  303. padding-top:5px;
  304. font-size:18px;
  305. opacity: 0.0;
  306. -webkit-transition: all 1s ease;
  307. -moz-transition: all 1s ease;
  308. -o-transition: all 1s ease;
  309. transition: all 1s ease;
  310. }
  311.  
  312. .entry:hover .perma{
  313. overflow:visible;
  314. opacity:0.9;
  315. margin-top:-60px;
  316. }
  317.  
  318. .notesreblog{
  319. font-family:calibri;
  320. font-size:12px;
  321. line-height:22px;
  322. margin-left:20px;
  323. background:{color:permalink};
  324. text-transform:lowercase;
  325. width:240px;
  326. height:22px;
  327. }
  328.  
  329.  
  330.  
  331. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  332. #posts{
  333. width:800px;
  334. margin-top:30px;
  335. z-index:99;
  336. margin-left:600px;
  337. right:auto;
  338. background:transparent;
  339. margin-right:auto;
  340. position:relative;
  341. overflow-y: hidden;
  342. }
  343.  
  344.  
  345. /*CUSTOMIZE SIDEBAR HERE*/
  346. #sidebar{
  347. position:fixed !important;
  348. background:transparent;
  349. height:auto;
  350. width:auto;
  351. padding:10px;
  352. margin-top:70px;
  353. margin-left:150px;
  354. text-align:center;
  355. }
  356.  
  357. #img{
  358. z-index:5;
  359. position:fixed;
  360. padding:2px;
  361. background-color:white;
  362. border: 5px solid {color:img1};
  363. width:200px;
  364. height:280px;
  365. margin-top:0px;
  366. margin-left:-20px;
  367. overflow:hidden;
  368. transform:rotate(-3deg);
  369. -ms-transform:rotate(-3deg); /* IE 9 */
  370. -webkit-transform:rotate(-3deg); /* Safari and Chrome */
  371. -webkit-transition: all 1.5s ease;
  372. -moz-transition: all 1.5s ease;
  373. -o-transition: all 1.5s ease;
  374. transition: all 1.5s ease;
  375. }
  376.  
  377. #sidebar:hover #img{
  378. opacity:0;
  379. margin-left:-230px;
  380. }
  381.  
  382. #img2{
  383. z-index:5;
  384. position:fixed;
  385. padding:2px;
  386. background-color:white;
  387. border: 5px solid {color:img2};
  388. width:200px;
  389. height:280px;
  390. margin-top:100px;
  391. margin-left:130px;
  392. overflow:hidden;
  393. transform:rotate(3deg);
  394. -ms-transform:rotate(3deg); /* IE 9 */
  395. -webkit-transform:rotate(3deg); /* Safari and Chrome */
  396. -webkit-transition: all 1.5s ease;
  397. -moz-transition: all 1.5s ease;
  398. -o-transition: all 1.5s ease;
  399. transition: all 1.5s ease;
  400. }
  401.  
  402. #sidebar:hover #img2{
  403. opacity:0;
  404. margin-left:330px;
  405. }
  406.  
  407. #title1{
  408. z-index:5;
  409. position:fixed !important;
  410. width:350px;
  411. margin-top:300px;
  412. margin-left:-20px;
  413. font-size:70px;
  414. line-height:35px;
  415. color:white;
  416. font-family: neverletgo;
  417. text-align:right;
  418. text-shadow:
  419. -1px -2px 0 {color:blogtitle},
  420. 2px -1px 0 {color:blogtitle},
  421. -1px 2px 0 {color:blogtitle},
  422. 2px 1px 0 {color:blogtitle};
  423. -webkit-transition: all 1.5s ease;
  424. -moz-transition: all 1.5s ease;
  425. -o-transition: all 1.5s ease;
  426. transition: all 1.5s ease;
  427. }
  428.  
  429. #sidebar:hover #title1{
  430. opacity:0;
  431. margin-top:350px;
  432. }
  433.  
  434. #sb2{
  435. z-index:1;
  436. position:fixed !important;
  437. opacity:0;
  438. background:white;
  439. margin-top:50px;
  440. margin-left:-60px;
  441. height:230px;
  442. width:380px;
  443. padding:10px;
  444. text-align:center;
  445. border-radius:5px;
  446. border: 2px solid {color:sidebar border};
  447. border-left: 10px solid {color:sidebar border};
  448. border-right: 10px solid {color:sidebar border};
  449. -webkit-transition: all 1.5s ease;
  450. -moz-transition: all 1.5s ease;
  451. -o-transition: all 1.5s ease;
  452. transition: all 1.5s ease;
  453. }
  454.  
  455. #sidebar:hover #sb2{
  456. opacity:1;
  457. }
  458.  
  459. #mini{
  460. z-index:3;
  461. position:fixed;
  462. opacity:0;
  463. border: 1px solid #9ABBDA;
  464. width:auto;
  465. height:auto;
  466. margin-top:15px;
  467. margin-left:-20px;
  468. overflow:hidden;
  469. background:white;
  470. padding:5px;
  471. padding-bottom:10px;
  472. -webkit-transition: all 1.5s ease;
  473. -moz-transition: all 1.5s ease;
  474. -o-transition: all 1.5s ease;
  475. transition: all 1.5s ease;
  476. transform:rotate(3deg);
  477. -ms-transform:rotate(3deg); /* IE 9 */
  478. -webkit-transform:rotate(3deg); /* Safari and Chrome */
  479. }
  480.  
  481. #sidebar:hover #mini{
  482. opacity:1;
  483. }
  484.  
  485. #mini img{
  486. height:60px;
  487. width:60px;
  488. }
  489.  
  490. #mini2{
  491. z-index:3;
  492. position:fixed;
  493. opacity:0;
  494. border: 1px solid #9ABBDA;
  495. width:auto;
  496. height:auto;
  497. margin-top:80px;
  498. margin-left:0px;
  499. overflow:hidden;
  500. background:white;
  501. padding:5px;
  502. padding-bottom:10px;
  503. -webkit-transition: all 1s ease;
  504. -moz-transition: all 1s ease;
  505. -o-transition: all 1s ease;
  506. transition: all 1s ease;
  507. transform:rotate(-3deg);
  508. -ms-transform:rotate(-3deg); /* IE 9 */
  509. -webkit-transform:rotate(-3deg); /* Safari and Chrome */
  510. }
  511.  
  512. #sidebar:hover #mini2{
  513. opacity:1;
  514. }
  515.  
  516. #mini2 img{
  517. height:60px;
  518. width:60px;
  519. }
  520.  
  521. #mini3{
  522. z-index:3;
  523. position:fixed;
  524. opacity:0;
  525. border: 1px solid #9ABBDA;
  526. width:auto;
  527. height:auto;
  528. margin-top:145px;
  529. margin-left:-20px;
  530. overflow:hidden;
  531. background:white;
  532. padding:5px;
  533. padding-bottom:10px;
  534. -webkit-transition: all 1s ease;
  535. -moz-transition: all 1s ease;
  536. -o-transition: all 1s ease;
  537. transition: all 1s ease;
  538. transform:rotate(3deg);
  539. -ms-transform:rotate(3deg); /* IE 9 */
  540. -webkit-transform:rotate(3deg); /* Safari and Chrome */
  541. }
  542.  
  543. #sidebar:hover #mini3{
  544. opacity:1;
  545. }
  546.  
  547. #mini3 img{
  548. height:60px;
  549. width:60px;
  550. }
  551.  
  552. #mini4{
  553. z-index:3;
  554. position:fixed;
  555. opacity:0;
  556. border: 1px solid #9ABBDA;
  557. width:auto;
  558. height:auto;
  559. margin-top:210px;
  560. margin-left:0px;
  561. overflow:hidden;
  562. background:white;
  563. padding:5px;
  564. padding-bottom:10px;
  565. -webkit-transition: all 1s ease;
  566. -moz-transition: all 1s ease;
  567. -o-transition: all 1s ease;
  568. transition: all 1s ease;
  569. transform:rotate(-3deg);
  570. -ms-transform:rotate(-3deg); /* IE 9 */
  571. -webkit-transform:rotate(-3deg); /* Safari and Chrome */
  572. }
  573.  
  574. #sidebar:hover #mini4{
  575. opacity:1;
  576. }
  577.  
  578. #mini4 img{
  579. height:60px;
  580. width:60px;
  581. }
  582.  
  583. #title2{
  584. z-index:2;
  585. position:fixed !important;
  586. opacity:0;
  587. width:245px;
  588. margin-top:60px;
  589. margin-left:100px;
  590. font-size:25px;
  591. line-height:23px;
  592. text-align:right;
  593. padding-bottom:3px;
  594. padding-right:5px;
  595. font-family:h;
  596. border-bottom: 1px solid {color:sidebar border};
  597. text-transform:uppercase;
  598. -webkit-transition: all 1s ease;
  599. -moz-transition: all 1s ease;
  600. -o-transition: all 1s ease;
  601. transition: all 1s ease;
  602. }
  603.  
  604. #sidebar:hover #title2{
  605. opacity:1;
  606. }
  607.  
  608. #desc{
  609. z-index:2;
  610. position:fixed !important;
  611. opacity:0;
  612. width:230px;
  613. margin-top:90px;
  614. margin-left:115px;
  615. font-size:12px;
  616. text-align:right;
  617. -webkit-transition: all 1s ease;
  618. -moz-transition: all 1s ease;
  619. -o-transition: all 1s ease;
  620. transition: all 1s ease;
  621. }
  622.  
  623. #sidebar:hover #desc{
  624. opacity:1;
  625. }
  626.  
  627. #trans{
  628. z-index:4;
  629. position:fixed;
  630. opacity:0;
  631. margin-left:70px;
  632. margin-top:110px;
  633. -webkit-transition: all 1s ease;
  634. -moz-transition: all 1s ease;
  635. -o-transition: all 1s ease;
  636. transition: all 1s ease;
  637. }
  638.  
  639. #sidebar:hover #trans{
  640. opacity:1;
  641. }
  642.  
  643. #trans img{
  644. width:50px;
  645. }
  646.  
  647. #link1{
  648. z-index:1;
  649. position:fixed;
  650. opacity:0;
  651. width:150px;
  652. height:10px;
  653. padding:7px;
  654. margin-top:160px;
  655. margin-left:40px;
  656. background:white;
  657. border:1px solid {color:sidebar border};
  658. font-family:toe;
  659. font-size:14px;
  660. line:height:15px;
  661. -webkit-transition: all 1s ease;
  662. -o-transition: all 1s ease;
  663. transition: all 1s ease;
  664. }
  665.  
  666. #sidebar:hover #link1{
  667. opacity:1;
  668. }
  669.  
  670. #link2{
  671. z-index:1;
  672. position:fixed;
  673. opacity:0;
  674. width:130px;
  675. height:10px;
  676. padding:7px;
  677. margin-top:160px;
  678. margin-left:205px;
  679. background:white;
  680. border:1px solid {color:sidebar border};
  681. font-family:toe;
  682. font-size:14px;
  683. line:height:15px;
  684. -webkit-transition: all 1s ease;
  685. -o-transition: all 1s ease;
  686. transition: all 1s ease;
  687. }
  688.  
  689. #sidebar:hover #link2{
  690. opacity:1;
  691. }
  692.  
  693. #link3{
  694. z-index:1;
  695. position:fixed;
  696. opacity:0;
  697. width:150px;
  698. height:10px;
  699. padding:7px;
  700. margin-top:185px;
  701. margin-left:40px;
  702. background:white;
  703. border:1px solid {color:sidebar border};
  704. font-family:toe;
  705. font-size:14px;
  706. line:height:15px;
  707. -webkit-transition: all 1s ease;
  708. -o-transition: all 1s ease;
  709. transition: all 1s ease;
  710. }
  711.  
  712. #sidebar:hover #link3{
  713. opacity:1;
  714. }
  715.  
  716. #link4{
  717. z-index:1;
  718. position:fixed;
  719. opacity:0;
  720. width:130px;
  721. height:10px;
  722. padding:7px;
  723. margin-top:185px;
  724. margin-left:205px;
  725. background:white;
  726. border:1px solid {color:sidebar border};
  727. font-family:toe;
  728. font-size:14px;
  729. line:height:15px;
  730. -webkit-transition: all 1s ease;
  731. -o-transition: all 1s ease;
  732. transition: all 1s ease;
  733. }
  734.  
  735. #sidebar:hover #link4{
  736. opacity:1;
  737. }
  738.  
  739. #link5{
  740. z-index:1;
  741. position:fixed;
  742. opacity:0;
  743. width:150px;
  744. height:10px;
  745. padding:7px;
  746. margin-top:210px;
  747. margin-left:40px;
  748. background:white;
  749. border:1px solid {color:sidebar border};
  750. font-family:toe;
  751. font-size:14px;
  752. line:height:15px;
  753. -webkit-transition: all 1s ease;
  754. -o-transition: all 1s ease;
  755. transition: all 1s ease;
  756. }
  757.  
  758. #sidebar:hover #link5{
  759. opacity:1;
  760. }
  761.  
  762. #link6{
  763. z-index:1;
  764. position:fixed;
  765. opacity:0;
  766. width:130px;
  767. height:10px;
  768. padding:7px;
  769. margin-top:210px;
  770. margin-left:205px;
  771. background:white;
  772. border:1px solid {color:sidebar border};
  773. font-family:toe;
  774. font-size:14px;
  775. line:height:15px;
  776. -webkit-transition: all 1s ease;
  777. -o-transition: all 1s ease;
  778. transition: all 1s ease;
  779. }
  780.  
  781. #sidebar:hover #link6{
  782. opacity:1;
  783. }
  784.  
  785. #trans2{
  786. z-index:3;
  787. position:fixed;
  788. opacity:0;
  789. margin-left:90px;
  790. margin-top:240px;
  791. -webkit-transition: all 1s ease;
  792. -moz-transition: all 1s ease;
  793. -o-transition: all 1s ease;
  794. transition: all 1s ease;
  795. }
  796.  
  797. #sidebar:hover #trans2{
  798. opacity:1;
  799. }
  800.  
  801. #trans2 img{
  802. height:60px;
  803. width:240px;
  804. }
  805.  
  806. #topbar{
  807. position:fixed !important;
  808. z-index:100;
  809. background:{color:topbar};
  810. border:2px solid white;
  811. height:10px;
  812. width:700px;
  813. padding:10px;
  814. top:-2px;
  815. font-family:toe;
  816. font-size:14px;
  817. margin-left:570px;
  818. text-align:center;
  819. }
  820.  
  821. #credit {
  822. z-index: 4783;
  823. position:fixed;
  824. bottom:5px;
  825. right:-60px;
  826. background:white;
  827. border: 1px solid #eee;
  828. padding: 7px;
  829. font-family: calibri;
  830. font-size: 12px;
  831. line-height: 15px;
  832. word-spacing:10px;
  833. transition: all 0.6s ease-out;
  834. -o-transition-transition: all 0.4s ease-out;
  835. -webkit-transition: all 0.4s ease-out;
  836. -moz-transition: all 0.4s ease-out;
  837. }
  838.  
  839. #credit:hover{
  840. opacity: 2;
  841. right:0px;
  842. transition: all 0.6s ease-out;
  843. -o-transition-transition: all 0.4s ease-out;
  844. -webkit-transition: all 0.4s ease-out;
  845. -moz-transition: all 0.4s ease-out;
  846. }
  847.  
  848. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  849. .title{
  850. font-family:h;
  851. font-size:20px;
  852. line-height:20px;
  853. color:{color:Title};
  854. text-transform:uppercase;
  855. }
  856.  
  857.  
  858. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  859. .permalink{
  860. margin-left:-15px;
  861. margin-right:-15px;
  862. margin-top:10px;
  863. font-family:toe;
  864. font-size:14px;
  865. padding-top:5px;
  866. line-height:20px;
  867. height:20px;
  868. background:{color:text permalink};
  869. text-align:center;
  870. text-transform: normal;
  871. display: block;
  872. }
  873.  
  874.  
  875. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  876. #infscr-loading{
  877. bottom: -70px;
  878. position: absolute;
  879. left: 50%;
  880. margin-left:-8px;
  881. width:16px;
  882. height:11px;
  883. overflow:hidden;
  884. margin-bottom: 50px;
  885. }
  886.  
  887. #postnotes{
  888. text-align: justify;}
  889.  
  890. #postnotes blockquote{
  891. border: 0px;}
  892.  
  893. blockquote{
  894. padding:0px 0px 2px 5px;
  895. margin:0px 0px 2px 10px;
  896. border-left: 1px dotted #555555;
  897. }
  898.  
  899. blockquote p, ul{
  900. margin:0px;
  901. padding:0px;
  902. }
  903.  
  904. a img{border: 0px;}
  905.  
  906.  
  907. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  908.  
  909. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  910. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  911.  
  912. .notes img{width:10px; position:relative; top:3px;}
  913. <--ses-->
  914. small{font-size: 90%;}
  915.  
  916. {CustomCSS}
  917.  
  918. </style>
  919.  
  920. {block:IndexPage}
  921. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  922. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  923.  
  924. <script type="text/javascript">
  925. $(window).load(function(){
  926. var $wall = $('#posts');
  927. $wall.imagesLoaded(function(){
  928. $wall.masonry({
  929. itemSelector: '.entry, .entry_photo',
  930. isAnimated : false
  931. });
  932. });
  933.  
  934. $wall.infinitescroll({
  935. navSelector : '#pagination',
  936. nextSelector : '#pagination a',
  937. itemSelector : '.entry, .entry_photo',
  938. bufferPx : 2000,
  939. debug : false,
  940. errorCallback: function() {
  941. $('#infscr-loading').fadeOut('normal');
  942. }},
  943. function( newElements ) {
  944. var $newElems = $( newElements );
  945. $newElems.hide();
  946. $newElems.imagesLoaded(function(){
  947. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  948. });
  949. }); $('#posts').show(500);
  950. });
  951. </script>
  952.  
  953.  
  954. {/block:IndexPage}
  955.  
  956.  
  957. <title>{title}</title>
  958.  
  959. <link rel="shortcut icon" href="{Favicon}" />
  960. <meta name="viewport" content="width=820" />
  961. </head>
  962.  
  963. <body>
  964. <BODY onselectstart="return false;" ondragstart="return false;">
  965. <div class="wrapper">
  966. <div class="header">
  967. </div>
  968.  
  969. <div id="cage">
  970. <div id="topbar">{text:topbar}</div>
  971. <div id="credit">© <a href="http://briqhter.tumblr.com">briqhter</a></center></div>
  972.  
  973.  
  974. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  975. <div id="sidebar">
  976. <center>
  977. <div id="img"><img src="{image:sidebar1}" height="100%"; width="auto";></div>
  978. <div id="img2"><img src="{image:sidebar2}" width="100%"; height="100%";></div>
  979. <div id="title1">{text:blogtitle1}</div>
  980. <div id="sb2"></div>
  981.  
  982. <div id="mini"><img src="{image:mini1}"></div>
  983. <div id="mini2"><img src="{image:mini2}"></div>
  984. <div id="mini3"><img src="{image:mini3}"></div>
  985. <div id="mini4"><img src="{image:mini4}"></div>
  986. <div id="title2">{text:blogtitle2}</div>
  987.  
  988. <div id="desc">{description}</div>
  989. <a href="#?w=500" rel="updatesss" class="poplight" title="updates">
  990. <div id="trans"><img src="{image:trans}"></div></a>
  991.  
  992. <div id="link1">
  993. <a href="{text:link 1}" title="{text:link 1 msg}">{text:link 1 title}</a></div>
  994. <div id="link2">
  995. <a href="{text:link 2}" title="{text:link 2 msg}">{text:link 2 title}</a></div>
  996. <div id="link3">
  997. <a href="{text:link 3}" title="{text:link 3 msg}">{text:link 3 title}</a></div>
  998. <div id="link4">
  999. <a href="{text:link 4}" title="{text:link 4 msg}">{text:link 4 title}</a></div>
  1000. <div id="link5">
  1001. <a href="{text:link 5}" title="{text:link 5 msg}">{text:link 5 title}</a></div>
  1002. <div id="link6">{text:stats}</div>
  1003. <div id="trans2"><img src="{image:trans2}"></div>
  1004. </center>
  1005. </div>
  1006. <!------------------------------------->
  1007.  
  1008.  
  1009. <div class="left">
  1010. <div id="posts">
  1011. {block:Posts}
  1012. <div class="entry">
  1013.  
  1014. {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>
  1015. {/block:Text}
  1016.  
  1017. {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}
  1018.  
  1019. {block:Answer}
  1020. <div id="ask">
  1021. <img src="{AskerPortraitURL-30}" width="30" align="left" style="border:1px solid {color:borders}; padding:3px; border-radius:20px; text-align:left;"/></div>
  1022. <div style="margin-left:45px; padding: 5px; min-height:45px; border: 1px solid #BDBDBD; border-radius:5px; background: #f8f7f7; line-height:14px; text-align: left; ">
  1023. <ask>{Asker}</ask>: <div style="padding-bottom:5px;">{Question}</div></div>
  1024. <div style="margin-top: 10px; margin-right:10px; min-height:45px; padding-left: 8px; border: 1px solid #BDBDBD; border-radius:5px; padding: 5px; background: #f8f7f7; line-height: 14px;">
  1025. <center>{Answer}</center></div>
  1026. <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a></span></align>
  1027. {/block:Answer}
  1028.  
  1029. {block:Photo}
  1030. {block:IndexPage}
  1031. <center>
  1032. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1033. <div class="perma">
  1034. <a href="{Permalink}">Posted on the {DayOfMonth}{DayOfMonthSuffix} of {Month}</a>
  1035. <div class="notesreblog">
  1036. <a href="{ReblogURL}" target="_blank"> reblog </a> with <a href="{Permalink}">{notecountwithlabel}</a></div>
  1037. </div>
  1038. {/block:IndexPage}
  1039. {block:PermalinkPage}
  1040. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1041.  
  1042. {LinkCloseTag}
  1043. {/block:PermalinkPage}
  1044. {/block:Photo}
  1045.  
  1046. {block:Photoset}
  1047. {block:IndexPage}
  1048. <center>
  1049. {Photoset-250}
  1050. <div class="perma">
  1051. <a href="{Permalink}">Posted on the {DayOfMonth}{DayOfMonthSuffix} of {Month}</a>
  1052. <div class="notesreblog">
  1053. <a href="{ReblogURL}" target="_blank"> reblog </a> with <a href="{Permalink}">{notecountwithlabel}</a></div>
  1054. </div> </center>
  1055. {/block:IndexPage}
  1056. {block:PermalinkPage}
  1057. <center>
  1058. {Photoset-500}</center>
  1059. {/block:PermalinkPage}
  1060. {/block:Photoset}
  1061.  
  1062. {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}
  1063.  
  1064. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1065. <ul class="chat">
  1066. {block:Lines}
  1067. <li class="user_{UserNumber}">
  1068. {block:Label}
  1069. <span class="label">{Label}</span>
  1070. {/block:Label}
  1071.  
  1072. {Line}
  1073. </li>
  1074. {/block:Lines}
  1075. <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a>
  1076. {/block:Chat}
  1077.  
  1078. {block:Audio}
  1079. <div style="width:200px; height:30px;">
  1080. {AudioPlayerBlack}
  1081. </div>
  1082. {block:IndexPage}
  1083. <p align=right><span class="permalink"><a href="{Permalink}">Posted {timeago} with {notecountwithlabel}</a>
  1084. </span>{/block:IndexPage}
  1085. {/block:Audio}
  1086.  
  1087. {block:Video}
  1088. {block:IndexPage}
  1089. <center>
  1090. {Video-250}</center>
  1091. <div class="perma">
  1092. <a href="{Permalink}">Posted on the {DayOfMonth}{DayOfMonthSuffix} of {Month}</a>
  1093. <div class="notesreblog">
  1094. <a href="{ReblogURL}" target="_blank"> reblog </a> with <a href="{Permalink}">{notecountwithlabel}</a></div>
  1095. {/block:IndexPage}
  1096. {block:PermalinkPage}
  1097. <center>
  1098. {Video-400}</center>
  1099. {/block:PermalinkPage}
  1100. {block:Video}
  1101.  
  1102.  
  1103. {block:PostNotes}<div align="middle">{caption}</div>
  1104. <center>
  1105.  
  1106. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1107.  
  1108. {block:HasTags}
  1109. tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br> {/block:HasTags}
  1110. {block:RebloggedFrom}
  1111. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1112. Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1113.  
  1114. {/block:RebloggedFrom}
  1115. </center></span>
  1116. <br>
  1117. <div id="postnotes">{PostNotes}</div><br>
  1118.  
  1119. <center>{block:ContentSource}
  1120. <br><a href="{SourceURL}">
  1121. {lang:Source}:
  1122. {block:SourceLogo}
  1123. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1124. height="{LogoHeight}" alt="{SourceTitle}" />
  1125. {/block:SourceLogo}
  1126. {block:NoSourceLogo}
  1127. {SourceLink}
  1128. {/block:NoSourceLogo}
  1129. </a>
  1130. {/block:ContentSource}</center>
  1131.  
  1132. {/block:PostNotes}
  1133. </div>
  1134. {/block:Posts}
  1135. </div></div>
  1136.  
  1137. {block:IndexPage}
  1138. {block:Pagination}
  1139. <div id="pagination">
  1140. {block:NextPage}
  1141. <a id="nextPage" href="{NextPage}"></a>
  1142. {/block:NextPage}
  1143. {block:PreviousPage}
  1144. <a href="{PreviousPage}"></a>
  1145. {/block:PreviousPage}
  1146. </div>
  1147. {/block:Pagination}
  1148. {/block:IndexPage}
  1149. </body>
  1150.  
  1151. <div id="updatesss" class="popup_block">
  1152.  
  1153. <span class="title"><center>Updates</center></span>
  1154. </p></br>
  1155. - wehey this is where you put your updates
  1156. </br>
  1157. - use br (like above if youre reading from html) to skip to the next line</br>
  1158. - use p and br to skip over a line
  1159. </br>
  1160. - <b>now i see fire, inside the mountain</b>
  1161. </br>
  1162. - <i>i see fire, burning in the trees</i>
  1163. </br>
  1164. - <u>and i see fire, hollowing souls</u>
  1165. </br>
  1166. - <strike>i see fire, blood in the breeze</strike>
  1167. </br>
  1168. and i hope youll remember me
  1169. </div>
  1170.  
  1171. </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!