Advertisement
briqhter

Theme One

Jul 30th, 2013
489
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.65 KB | None | 0 0
  1. <!--
  2. theme 1 by 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.  
  10. <head>
  11.  
  12. <script type="text/javascript"
  13. 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>
  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="#fff"/>
  63. <meta name="color:link" content="#000"/>
  64. <meta name="color:title1" content="#caa5fd"/>
  65. <meta name="color:title2" content="#fff"/>
  66. <meta name="color:sidebar1" content="#CEECF5"/>
  67. <meta name="color:sidebar2" content="#D8CEF6"/>
  68. <meta name="color:text" content="#777"/>
  69. <meta name="color:hover" content="#fff"/>
  70. <meta name="color:borders" content="#cfcfcf"/>
  71. <meta name="color:scrollbar" content="#c9c9c9"/>
  72. <meta name="color:sideback1" content="#CEECF5"/>
  73. <meta name="color:sideback2" content="#CEECF5"/>
  74. <meta name="color:sideback3" content="#CEECF5"/>
  75. <meta name="color:topbar" content="#D8CEF6"/>
  76. <meta name="color:name" content="#CEECF5"/>
  77. <meta name="color:link message" content="#CEECF5"/>
  78. <meta name="color:link1" content="#D8CEF6"/>
  79. <meta name="color:link2" content="#D8CEF6"/>
  80. <meta name="color:link3" content="#D8CEF6"/>
  81. <meta name="color:link4" content="#D8CEF6"/>
  82. <meta name="color:link5" content="#D8CEF6"/>
  83. <meta name="image:sidebar1" content="http://static.tumblr.com/j67pgdq/rEGmqolbj/tumblr_mmx9itabst1qav2ffo1_500.png"/>
  84. <meta name="image:sidebar2" content="http://static.tumblr.com/j67pgdq/rEGmqolbj/tumblr_mmx9itabst1qav2ffo1_500.png"/>
  85. <meta name="image:sidebar3" content="http://static.tumblr.com/j67pgdq/rEGmqolbj/tumblr_mmx9itabst1qav2ffo1_500.png"/>
  86. <meta name="image:sidebar4" content="http://static.tumblr.com/j67pgdq/rEGmqolbj/tumblr_mmx9itabst1qav2ffo1_500.png"/>
  87. <meta name="image:sidebar5" content="http://static.tumblr.com/j67pgdq/rEGmqolbj/tumblr_mmx9itabst1qav2ffo1_500.png"/>
  88. <meta name="image:background" content="http://static.tumblr.com/j67pgdq/IHSmqoo9x/tumblr_m3sd2thac11qhxwq3.png"/>
  89. <meta name="image:sideback1" content=""/>
  90. <meta name="image:sideback2" content=""/>
  91. <meta name="image:sideback3" content=""/>
  92. <meta name="text:sidetitle" content="Counting Stars"/>
  93. <meta name="text:link1" content="/"/>
  94. <meta name="text:link2" content="/ask"/>
  95. <meta name="text:link3" content="/links"/>
  96. <meta name="text:link4" content="/"/>
  97. <meta name="text:link5" content="http://briqhter.tumblr.com"/>
  98. <meta name="text:link1 msg" content="home"/>
  99. <meta name="text:link2 msg" content="ask"/>
  100. <meta name="text:link3 msg" content="links"/>
  101. <meta name="text:link4 msg" content="idk"/>
  102. <meta name="text:link5 msg" content="credit"/>
  103. <meta name="text:stats" content="5 // 74823"/>
  104. <meta name="text:sidebar hover" content="pretty pretty please โ™กโ™ก"/>
  105. <meta name="text:name" content="your name here"/>
  106.  
  107.  
  108. <style type="text/css">
  109.  
  110. ::-webkit-scrollbar-thumb{
  111. background-color: {color:scrollbar};
  112. border: 2px solid white;
  113. height:auto;
  114. -moz-border-radius: 10px;
  115. border-radius: 10px;
  116. }
  117.  
  118. ::-webkit-scrollbar {
  119. height:3px;
  120. width:3px;
  121. background-color:#aaa;
  122. }
  123.  
  124. #s-m-t-tooltip {
  125. max-width:300px;
  126. padding:5px;
  127. margin:20px 0px 0px 20px;
  128. background: #fff; /* change the background color */
  129. border:5px solid {color:link message}; /* change the border color */
  130. border-top-left-radius:15px;
  131. border-bottom-right-radius:15px;
  132. border-top: 2px solid {color:link message};
  133. border-bottom: 2px solid {color:link message};
  134. font-family:nessa; /* change the font */
  135. font-size:18px; /* change the font size */
  136. letter-spacing:0px; /* change the letter spacing */
  137. z-index:999999999999999999999999999999999999;
  138. }
  139.  
  140. iframe#tumblr_controls {white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;}
  141.  
  142. p {
  143. margin:0px;
  144. margin-top:0px;
  145. }
  146.  
  147.  
  148. body {
  149. padding: 0px;
  150. margin: 0px;
  151. color:{color:text};
  152. font-family: pewp;
  153. line-height:15px;
  154. font-size:13px;
  155. background-color: {color:Background};
  156. background-image:url({image:Background});
  157. background-attachment: fixed;
  158. background-repeat: repeat;
  159. }
  160.  
  161.  
  162. a:link, a:active, a:visited{
  163. text-decoration: none;
  164. -webkit-transition: color 0.3s ease-out;
  165. -moz-transition: color 0.3s ease-out;
  166. transition: color 0.3s ease-out;
  167. color:{color:link};
  168. }
  169.  
  170. a:hover {
  171. text-decoration: none;
  172. text-shadow: 0px 0px 4px #0f306d;
  173. color: {color:Hover};
  174. }
  175.  
  176. div#center{
  177. margin:0px;
  178. position:relative;
  179. width:1500px;
  180. background-color:;
  181. overflow:visible;
  182. overflow-y:hidden;
  183. }
  184.  
  185. .ask{
  186. font-family: 'nessa';
  187. text-align: left;
  188. margin-top: -25px;
  189. margin-left: 20px;
  190. font-size:18px;
  191. color: {color:link};
  192. line-height: 20px;
  193. }
  194.  
  195. askk {
  196. font-family: 'just realize';
  197. text-align: center;
  198. font-size:23px;
  199. color: {color:name};
  200. line-height: 5px;
  201. text-shadow: 1.5px 1px #ddd;
  202. }
  203.  
  204. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  205. .entry {
  206. float:left;
  207. display: block;
  208. margin:10px;
  209. overflow:hidden;
  210. width:220px;
  211. padding:10px;
  212. border:1px solid {color:borders};
  213. {block:PermalinkPage}
  214. width:450px;
  215. text-align:left;
  216. line-height:10px;
  217. {/block:PermalinkPage}
  218. background:white;
  219. background-image:URL();
  220. }
  221.  
  222. .entry:hover {
  223. box-shadow:0 0 10px #aca9a9;
  224. -webkit-transition: all 0.2s linear;
  225. -moz-transition: all 0.2s linear;
  226. transition: all 0.2s linear;
  227. }
  228.  
  229.  
  230. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  231. .entry .notez{
  232. width:20px;
  233. height:auto;
  234. margin-left:0px;
  235. position: absolute;
  236. line-height: 20px;
  237. overflow:hidden;
  238. text-align:center;
  239. margin-top:20px;
  240. background:white;
  241. word-spacing:2px;
  242. letter-spacing:1px;
  243. opacity: 0.0;
  244. border-top-right-radius: 10px;
  245. border-bottom-right-radius: 10px;
  246. -webkit-transition: all .7s ease;
  247. -moz-transition: all .7s ease;
  248. -o-transition: all .7s ease;
  249. transition: all .7s ease;
  250.  
  251. }
  252.  
  253. .entry:hover .notez{
  254. overflow:visible;
  255. opacity:1;
  256. width:100px;
  257. }
  258.  
  259. .entry .perma{
  260. width:30px;
  261. height:auto;
  262. margin-left:0px;
  263. position: absolute;
  264. line-height: 20px;
  265. overflow:hidden;
  266. text-align:center;
  267. margin-top:50px;
  268. background:white;
  269. word-spacing:2px;
  270. letter-spacing:1px;
  271. opacity: 0.0;
  272. border-top-right-radius: 10px;
  273. border-bottom-right-radius: 10px;
  274. -webkit-transition: all .7s ease;
  275. -moz-transition: all .7s ease;
  276. -o-transition: all .7s ease;
  277. transition: all .7s ease;
  278.  
  279. }
  280.  
  281. .entry:hover .perma{
  282. overflow:visible;
  283. width:150px;
  284. opacity:1;
  285. }
  286.  
  287.  
  288. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  289. #posts {
  290. width:800px;
  291. margin-top:50px;
  292. z-index:99;
  293. margin-left:480px;
  294. right:auto;
  295. background:transparent;
  296. margin-right:auto;
  297. position:relative;
  298. overflow-y: hidden;
  299. -webkit-animation:fadeInDown 2s;
  300. -moz-animation:fadeInDown 2s;
  301. -ms-animation:fadeInDown 2s;
  302. }
  303.  
  304. #credit {
  305. z-index: 4783;
  306. position:fixed;
  307. bottom:5px;
  308. right:-65px;
  309. background:white;
  310. border: 1px solid #eee;
  311. padding: 7px;
  312. font-family: calibri;
  313. font-size: 15px;
  314. line-height: 15px;
  315. word-spacing:10px;
  316. transition: all 0.6s ease-out;
  317. -o-transition-transition: all 0.4s ease-out;
  318. -webkit-transition: all 0.4s ease-out;
  319. -moz-transition: all 0.4s ease-out;
  320. }
  321.  
  322. #credit:hover{
  323. opacity: 2;
  324. right:0px;
  325. transition: all 0.6s ease-out;
  326. -o-transition-transition: all 0.4s ease-out;
  327. -webkit-transition: all 0.4s ease-out;
  328. -moz-transition: all 0.4s ease-out;
  329. }
  330.  
  331. /*CUSTOMIZE SIDEBAR HERE*/
  332. #sidebar{
  333. position:fixed !important;
  334. width:300px;
  335. padding:10px;
  336. background:{color:sidebar1};
  337. height:auto;
  338. margin-top:120px;
  339. margin-left:50px;
  340. text-align:center;
  341. box-shadow: 0px 0px 20px #757575;
  342. -webkit-animation:rollIn 2s;
  343. -moz-animation:rollIn 2s;
  344. -ms-animation:rollIn 2s;
  345. }
  346.  
  347. #stats{
  348. z-index:2;
  349. position:fixed !important;
  350. opacity: 4;
  351. width:auto;
  352. padding:7px;
  353. padding-left:10px;
  354. padding-right:10px;
  355. background:white;
  356. border: 5px solid {color:sidebar2};
  357. border-bottom: 0px;
  358. border-left: 0px;
  359. border-top-right-radius: 15px;
  360. height:auto;
  361. margin-top:-49px;
  362. margin-left:15px;
  363. text-align:center;
  364. transition: all 0.6s ease-out;
  365. -o-transition-transition: all 0.4s ease-out;
  366. -webkit-transition: all 0.4s ease-out;
  367. -moz-transition: all 0.4s ease-out;
  368. }
  369.  
  370. #title{
  371. z-index:2;
  372. position:fixed !important;
  373. opacity: 3;
  374. width:auto;
  375. padding:10px;
  376. background:transparent;
  377. height:auto;
  378. font-family:just realize;
  379. color:{color:title1};
  380. text-align: left;
  381. font-size:50px;
  382. line-height:50px;
  383. margin-top:80px;
  384. border-right: 0px;
  385. border-left: 0px;
  386. margin-left:45px;
  387. text-align:center;
  388. text-shadow:
  389. -1px -1px 0 {color:title2},
  390. 1px -1px 0 {color:title2},
  391. -1px 1px 0 {color:title2},
  392. 1px 1px 0 {color:title2};
  393. -webkit-animation:bounceIn 2s;
  394. -moz-animation:bounceIn 2s;
  395. -ms-animation:bounceIn 2s;
  396. transition: all 0.8s ease-out;
  397. -o-transition-transition: all 0.8s ease-out;
  398. -webkit-transition: all 0.8s ease-out;
  399. -moz-transition: all 0.8s ease-out;
  400. }
  401.  
  402. /*CUSTOMIZE DESCRIPTION HERE*/
  403. #desc{
  404. z-index:2;
  405. position:fixed !important;
  406. opacity: 0;
  407. width:250px;
  408. padding:10px;
  409. background:white;
  410. height:auto;
  411. margin-top:-200px;
  412. border: 5px solid {color:sidebar2};
  413. border-right: 0px;
  414. border-left: 0px;
  415. margin-left:15px;
  416. text-align:center;
  417. transition: all 0.8s ease-out;
  418. -o-transition-transition: all 0.8s ease-out;
  419. -webkit-transition: all 0.8s ease-out;
  420. -moz-transition: all 0.8s ease-out;
  421. }
  422.  
  423. #sidebar:hover #desc{
  424. opacity: 0.95;
  425. margin-top:-150px;
  426. }
  427.  
  428. /*CUSTOMIZE LINKS HERE*/
  429. #link1{
  430. z-index:3;
  431. position:fixed !important;
  432. opacity: 0;
  433. width:15px;
  434. padding:10px;
  435. padding-left:6px;
  436. background:white;
  437. height:10px;
  438. margin-top:-200px;
  439. border-radius:25px;
  440. border: 2px solid {color:link1};
  441. margin-left:30px;
  442. text-align:left;
  443. font-size:15px;
  444. line-height:10px;
  445. transform:rotate(360deg);
  446. -ms-transform:rotate(360deg); /* IE 9 */
  447. -webkit-transform:rotate(360deg); /* Safari and Chrome */
  448. transition: all 0.8s ease-out;
  449. -o-transition-transition: all 0.8s ease-out;
  450. -webkit-transition: all 0.8s ease-out;
  451. -moz-transition: all 0.8s ease-out;
  452. }
  453.  
  454. #sidebar:hover #link1{
  455. opacity: 3;
  456. transform:rotate(0deg);
  457. -ms-transform:rotate(0deg); /* IE 9 */
  458. -webkit-transform:rotate(0deg); /* Safari and Chrome */
  459. }
  460.  
  461. #link2{
  462. z-index:3;
  463. position:fixed !important;
  464. opacity: 0;
  465. width:15px;
  466. padding:10px;
  467. padding-left:6px;
  468. background:white;
  469. height:10px;
  470. margin-top:-200px;
  471. border-radius:25px;
  472. border: 2px solid {color:link2};
  473. margin-left:80px;
  474. text-align:center;
  475. font-size:15px;
  476. line-height:10px;
  477. transform:rotate(360deg);
  478. -ms-transform:rotate(360deg); /* IE 9 */
  479. -webkit-transform:rotate(360deg); /* Safari and Chrome */
  480. transition: all 0.8s ease-out;
  481. -o-transition-transition: all 0.8s ease-out;
  482. -webkit-transition: all 0.8s ease-out;
  483. -moz-transition: all 0.8s ease-out;
  484. }
  485.  
  486. #sidebar:hover #link2{
  487. opacity: 3;
  488. transform:rotate(0deg);
  489. -ms-transform:rotate(0deg); /* IE 9 */
  490. -webkit-transform:rotate(0deg); /* Safari and Chrome */
  491. }
  492.  
  493. #link3{
  494. z-index:3;
  495. position:fixed !important;
  496. opacity: 0;
  497. width:15px;
  498. padding:10px;
  499. padding-left:6px;
  500. background:white;
  501. height:10px;
  502. margin-top:-200px;
  503. border-radius:25px;
  504. border: 2px solid {color:link3};
  505. margin-left:130px;
  506. text-align:center;
  507. font-size:15px;
  508. line-height:10px;
  509. transform:rotate(360deg);
  510. -ms-transform:rotate(360deg); /* IE 9 */
  511. -webkit-transform:rotate(360deg); /* Safari and Chrome */
  512. transition: all 0.8s ease-out;
  513. -o-transition-transition: all 0.8s ease-out;
  514. -webkit-transition: all 0.8s ease-out;
  515. -moz-transition: all 0.8s ease-out;
  516. }
  517.  
  518. #sidebar:hover #link3{
  519. opacity: 3;
  520. transform:rotate(0deg);
  521. -ms-transform:rotate(0deg); /* IE 9 */
  522. -webkit-transform:rotate(0deg); /* Safari and Chrome */
  523. }
  524.  
  525. #link4{
  526. z-index:3;
  527. position:fixed !important;
  528. opacity: 0;
  529. width:15px;
  530. padding:10px;
  531. padding-left:6px;
  532. background:white;
  533. height:10px;
  534. margin-top:-200px;
  535. border-radius:25px;
  536. border: 2px solid {color:link4};
  537. margin-left:180px;
  538. text-align:center;
  539. font-size:15px;
  540. line-height:10px;
  541. transform:rotate(360deg);
  542. -ms-transform:rotate(360deg); /* IE 9 */
  543. -webkit-transform:rotate(360deg); /* Safari and Chrome */
  544. transition: all 0.8s ease-out;
  545. -o-transition-transition: all 0.8s ease-out;
  546. -webkit-transition: all 0.8s ease-out;
  547. -moz-transition: all 0.8s ease-out;
  548. }
  549.  
  550. #sidebar:hover #link4{
  551. opacity: 3;
  552. transform:rotate(0deg);
  553. -ms-transform:rotate(0deg); /* IE 9 */
  554. -webkit-transform:rotate(0deg); /* Safari and Chrome */
  555. }
  556.  
  557. #link5{
  558. z-index:3;
  559. position:fixed !important;
  560. opacity: 0;
  561. width:15px;
  562. padding:10px;
  563. padding-left:6px;
  564. background:white;
  565. height:10px;
  566. margin-top:-200px;
  567. border-radius:25px;
  568. border: 2px solid {color:link5};
  569. margin-left:230px;
  570. text-align:center;
  571. font-size:15px;
  572. line-height:10px;
  573. transform:rotate(360deg);
  574. -ms-transform:rotate(360deg); /* IE 9 */
  575. -webkit-transform:rotate(360deg); /* Safari and Chrome */
  576. transition: all 0.8s ease-out;
  577. -o-transition-transition: all 0.8s ease-out;
  578. -webkit-transition: all 0.8s ease-out;
  579. -moz-transition: all 0.8s ease-out;
  580. }
  581.  
  582. #sidebar:hover #link5{
  583. opacity: 3;
  584. transform:rotate(0deg);
  585. -ms-transform:rotate(0deg); /* IE 9 */
  586. -webkit-transform:rotate(0deg); /* Safari and Chrome */
  587. }
  588.  
  589. #lace1{
  590. repeat:repeat-x;
  591. left:0;
  592. z-index: 1000;
  593. width:100%;
  594. top: 24px;
  595. height:18px;
  596. position: fixed;
  597. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  598. opacity:1;
  599. }
  600.  
  601. #lace2 {
  602. repeat:repeat-x;
  603. height:20px;
  604. background-color: #fff;
  605. left:0;
  606. width:100%;
  607. top: 0px;
  608. border-bottom: 4px double {color:topbar};
  609. position: fixed;
  610. z-index: 1000;
  611. opacity:6;
  612. }
  613.  
  614. .sideback1{
  615. position:fixed;
  616. z-index:2;
  617. margin-left:400px;
  618. top: -100px;
  619. background: {color:sideback1};
  620. background-image:url({image:sideback1});
  621. height:500px;
  622. border-bottom-left-radius: 15px;
  623. border-bottom-right-radius: 15px;
  624. border-right: 2px solid #fff;
  625. -moz-box-shadow:10px 10px 5px #ddd;
  626. -webkit-box-shadow:0px 0px 5px #ddd;
  627. box-shadow:0px 7px 10px #ddd;
  628. opacity:1;
  629. width:20px;
  630. border-bottom:2px solid #fff;
  631. border-left: 2px solid #fff;
  632. border-right: 2px double solid #fff;
  633. -webkit-animation:fadeInDownBig 2s;
  634. -moz-animation:fadeInDownBig 2s;
  635. -ms-animation:fadeInDownBig 2s;
  636. }
  637.  
  638. .sideback2{
  639. position:fixed;
  640. z-index:2;
  641. margin-left:440px;
  642. top: 0px;
  643. background: {color:sideback2};
  644. background-image:url({image:sideback2});
  645. height:500px;
  646. border-bottom-left-radius: 15px;
  647. border-bottom-right-radius: 15px;
  648. border-right: 2px solid #fff;
  649. -moz-box-shadow:10px 10px 5px #ddd;
  650. -webkit-box-shadow:0px 0px 5px #ddd;
  651. box-shadow:0px 7px 10px #ddd;
  652. opacity:1;
  653. width:20px;
  654. border-bottom:2px solid #fff;
  655. border-left: 2px solid #fff;
  656. border-right: 2px double solid #fff;
  657. -webkit-animation:fadeInDownBig 2s;
  658. -moz-animation:fadeInDownBig 2s;
  659. -ms-animation:fadeInDownBig 2s;
  660. }
  661.  
  662. .sideback3{
  663. position:fixed;
  664. z-index:2;
  665. margin-left:1280px;
  666. top: 0px;
  667. background: {color:sideback3};
  668. background-image:url({image:sideback3});
  669. height:100%;
  670. border-right: 2px solid #fff;
  671. -moz-box-shadow:10px 10px 5px #ddd;
  672. -webkit-box-shadow:0px 0px 5px #ddd;
  673. box-shadow:0px 7px 10px #ddd;
  674. opacity:1;
  675. width:50px;
  676. border-bottom:2px solid #fff;
  677. border-left: 2px solid #fff;
  678. border-right: 2px double solid #fff;
  679. -webkit-animation:fadeInDownBig 2s;
  680. -moz-animation:fadeInDownBig 2s;
  681. -ms-animation:fadeInDownBig 2s;
  682. }
  683.  
  684. .img{
  685. -webkit-filter:
  686. -webkit-filter: blur(3px) saturate(1);
  687. (0%);
  688. -webkit-transition: 0.8s ease-in;
  689. -moz-transition: 0.8s ease-in;
  690. transition: 0.8s ease-in;
  691. }
  692. .img:hover{
  693. -webkit-transition: 0.8s ease-in;
  694. -moz-transition: 0.8s ease-in;
  695. transition: 0.8s ease-in;
  696. -webkit-filter: blur(2px) saturate(1);(50%);
  697. z-index: -9999999999999999999999999px;
  698. }
  699.  
  700. @font-face { font-family: "pewp"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  701.  
  702. @font-face{font-family: "poop";src:url("http://static.tumblr.com/vtg00tr/nmnmousgo/fennl___.ttf");}
  703.  
  704. @font-face { font-family: "ekhlas"; src: url('http://static.tumblr.com/vtg00tr/lLzmopqqe/dandelion_in_the_spring.ttf'); }
  705.  
  706. @font-face { font-family: "just realize"; src: url('http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf'); }
  707.  
  708. @font-face { font-family: "nessa"; src: url('http://static.tumblr.com/lyl1wkn/WRymgbxn5/vanessalovesyou.ttf'); }
  709.  
  710.  
  711. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  712. .title{
  713. font-family: "just realize";
  714. line-height: 30px;
  715. font-size: 25px;
  716. color:{color:Title};
  717. font-weight: normal;
  718. }
  719.  
  720.  
  721. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  722. .permalink{
  723. text-transform: normal;
  724. display: block;
  725. text-align: right;
  726. text-decoration: none;
  727. }
  728.  
  729.  
  730. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  731. #infscr-loading{
  732. bottom: -70px;
  733. position: absolute;
  734. left: 50%;
  735. margin-left:-8px;
  736. width:16px;
  737. height:11px;
  738. overflow:hidden;
  739. margin-bottom: 50px;
  740. }
  741.  
  742. #postnotes{
  743. text-align: justify;}
  744.  
  745. #postnotes blockquote{
  746. border: 0px;}
  747.  
  748. blockquote{
  749. padding:0px 0px 2px 5px;
  750. margin:0px 0px 2px 10px;
  751. border-left: 1px dotted #555555;
  752. }
  753.  
  754. blockquote p, ul{
  755. margin:0px;
  756. padding:0px;
  757. }
  758.  
  759. a img{border: 0px;}
  760.  
  761.  
  762. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  763.  
  764. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  765. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  766.  
  767. .notes img{width:10px; position:relative; top:3px;}
  768. <--ses-->
  769. small{font-size: 90%;}
  770.  
  771. @-webkit-keyframes rollIn {
  772. 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
  773. 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
  774. }
  775. @-moz-keyframes rollIn {
  776. 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
  777. 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
  778. }
  779. @-ms-keyframes rollIn {
  780. 0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); }
  781. 100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); }
  782. }
  783. @-o-keyframes rollIn {
  784. 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
  785. 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
  786. }
  787. @keyframes rollIn {
  788. 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
  789. 100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
  790. }
  791. .rollIn {
  792. -webkit-animation-name: rollIn;
  793. -moz-animation-name: rollIn;
  794. -ms-animation-name: rollIn;
  795. -o-animation-name: rollIn;
  796. animation-name: rollIn;
  797. }
  798.  
  799. @-webkit-keyframes bounceIn {
  800. 0% {
  801. opacity: 0;
  802. -webkit-transform: scale(.3);
  803. }
  804. 50% {
  805. opacity: 1;
  806. -webkit-transform: scale(1.05);
  807. }
  808. 70% {
  809. -webkit-transform: scale(.9);
  810. }
  811. 100% {
  812. -webkit-transform: scale(1);
  813. }
  814. }
  815. @-moz-keyframes bounceIn {
  816. 0% {
  817. opacity: 0;
  818. -moz-transform: scale(.3);
  819. }
  820. 50% {
  821. opacity: 1;
  822. -moz-transform: scale(1.05);
  823. }
  824. 70% {
  825. -moz-transform: scale(.9);
  826. }
  827. 100% {
  828. -moz-transform: scale(1);
  829. }
  830. }
  831. @-ms-keyframes bounceIn {
  832. 0% {
  833. opacity: 0;
  834. -ms-transform: scale(.3);
  835. }
  836. 50% {
  837. opacity: 1;
  838. -ms-transform: scale(1.05);
  839. }
  840. 70% {
  841. -ms-transform: scale(.9);
  842. }
  843. 100% {
  844. -ms-transform: scale(1);
  845. }
  846. }
  847. @-o-keyframes bounceIn {
  848. 0% {
  849. opacity: 0;
  850. -o-transform: scale(.3);
  851. }
  852. 50% {
  853. opacity: 1;
  854. -o-transform: scale(1.05);
  855. }
  856. 70% {
  857. -o-transform: scale(.9);
  858. }
  859. 100% {
  860. -o-transform: scale(1);
  861. }
  862. }
  863. @keyframes bounceIn {
  864. 0% {
  865. opacity: 0;
  866. transform: scale(.3);
  867. }
  868. 50% {
  869. opacity: 1;
  870. transform: scale(1.05);
  871. }
  872. 70% {
  873. transform: scale(.9);
  874. }
  875. 100% {
  876. transform: scale(1);
  877. }
  878. }
  879. .bounceIn {
  880. -webkit-animation-name: bounceIn;
  881. -moz-animation-name: bounceIn;
  882. -ms-animation-name: bounceIn;
  883. -o-animation-name: bounceIn;
  884. animation-name: bounceIn;
  885. }
  886.  
  887. @-webkit-keyframes fadeInDown {
  888. 0% {
  889. opacity: 0;
  890. -webkit-transform: translateY(-20px);
  891. }
  892. 100% {
  893. opacity: 1;
  894. -webkit-transform: translateY(0);
  895. }
  896. }
  897. @-moz-keyframes fadeInDown {
  898. 0% {
  899. opacity: 0;
  900. -moz-transform: translateY(-20px);
  901. }
  902. 100% {
  903. opacity: 1;
  904. -moz-transform: translateY(0);
  905. }
  906. }
  907. @-ms-keyframes fadeInDown {
  908. 0% {
  909. opacity: 0;
  910. -ms-transform: translateY(-20px);
  911. }
  912. 100% {
  913. opacity: 1;
  914. -ms-transform: translateY(0);
  915. }
  916. }
  917. @-o-keyframes fadeInDown {
  918. 0% {
  919. opacity: 0;
  920. -ms-transform: translateY(-20px);
  921. }
  922. 100% {
  923. opacity: 1;
  924. -ms-transform: translateY(0);
  925. }
  926. }
  927. @keyframes fadeInDown {
  928. 0% {
  929. opacity: 0;
  930. transform: translateY(-20px);
  931. }
  932. 100% {
  933. opacity: 1;
  934. transform: translateY(0);
  935. }
  936. }
  937. .fadeInDown {
  938. -webkit-animation-name: fadeInDown;
  939. -moz-animation-name: fadeInDown;
  940. -ms-animation-name: fadeInDown;
  941. -o-animation-name: fadeInDown;
  942. animation-name: fadeInDown;
  943. }
  944.  
  945. @-webkit-keyframes fadeInDownBig {
  946. 0% {
  947. opacity: 0;
  948. -webkit-transform: translateY(-2000px);
  949. }
  950. 100% {
  951. opacity: 1;
  952. -webkit-transform: translateY(0);
  953. }
  954. }
  955. @-moz-keyframes fadeInDownBig {
  956. 0% {
  957. opacity: 0;
  958. -moz-transform: translateY(-2000px);
  959. }
  960. 100% {
  961. opacity: 1;
  962. -moz-transform: translateY(0);
  963. }
  964. }
  965. @-ms-keyframes fadeInDownBig {
  966. 0% {
  967. opacity: 0;
  968. -ms-transform: translateY(-2000px);
  969. }
  970. 100% {
  971. opacity: 1;
  972. -ms-transform: translateY(0);
  973. }
  974. }
  975. @-o-keyframes fadeInDownBig {
  976. 0% {
  977. opacity: 0;
  978. -o-transform: translateY(-2000px);
  979. }
  980. 100% {
  981. opacity: 1;
  982. -o-transform: translateY(0);
  983. }
  984. }
  985. @keyframes fadeInDownBig {
  986. 0% {
  987. opacity: 0;
  988. transform: translateY(-2000px);
  989. }
  990. 100% {
  991. opacity: 1;
  992. transform: translateY(0);
  993. }
  994. }
  995. .fadeInDownBig {
  996. -webkit-animation-name: fadeInDownBig;
  997. -moz-animation-name: fadeInDownBig;
  998. -ms-animation-name: fadeInDownBig;
  999. -o-animation-name: fadeInDownBig;
  1000. animation-name: fadeInDownBig;
  1001. }
  1002.  
  1003. {CustomCSS}
  1004.  
  1005. </style>
  1006.  
  1007. {block:IndexPage}
  1008. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1009. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1010.  
  1011. <script type="text/javascript">
  1012. $(window).load(function(){
  1013. var $wall = $('#posts');
  1014. $wall.imagesLoaded(function(){
  1015. $wall.masonry({
  1016. itemSelector: '.entry, .entry_photo',
  1017. isAnimated : false
  1018. });
  1019. });
  1020.  
  1021. $wall.infinitescroll({
  1022. navSelector : '#pagination',
  1023. nextSelector : '#pagination a',
  1024. itemSelector : '.entry, .entry_photo',
  1025. bufferPx : 2000,
  1026. debug : false,
  1027. errorCallback: function() {
  1028. $('#infscr-loading').fadeOut('normal');
  1029. }},
  1030. function( newElements ) {
  1031. var $newElems = $( newElements );
  1032. $newElems.hide();
  1033. $newElems.imagesLoaded(function(){
  1034. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1035. });
  1036. }); $('#posts').show(500);
  1037. });
  1038. </script>
  1039.  
  1040.  
  1041. {/block:IndexPage}
  1042.  
  1043.  
  1044. <title>{title}</title>
  1045.  
  1046. <link rel="shortcut icon" href="{Favicon}" />
  1047. <meta name="viewport" content="width=820" />
  1048. </head>
  1049.  
  1050. <body>
  1051. <BODY onselectstart="return false;" ondragstart="return false;">
  1052. <div class="wrapper">
  1053. <div class="header">
  1054. </div>
  1055.  
  1056. <div id="cage">
  1057. <div id="center">
  1058.  
  1059. <div id="title">{text:sidetitle}</div>
  1060. <div id="credit">ยฉ <a href="http://briqhter.tumblr.com">briqhter</a></center></div>
  1061.  
  1062. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1063. <div id="sidebar">
  1064. <center>
  1065. <a href="/" title="{text:sidebar hover}"><div style="border: 15px solid #fff; padding: 5px; background: {color:sidebar2};"><div class="img"><script language="JavaScript">
  1066. <!--
  1067.  
  1068. /*
  1069. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  1070. Over 400+ free JavaScripts here!
  1071. Keep this notice intact please
  1072. */
  1073.  
  1074. function random_imglink(){
  1075. var myimages=new Array()
  1076. //specify random images below. You can have as many as you wish
  1077. myimages[1]="{image:sidebar1}"
  1078. myimages[2]="{image:sidebar2}"
  1079. myimages[3]="{image:sidebar3}"
  1080. myimages[4]="{image:sidebar4}"
  1081. myimages[5]="{image:sidebar5}"
  1082.  
  1083. var ry=Math.floor(Math.random()*myimages.length)
  1084. if (ry==0)
  1085. ry=1
  1086. document.write('<img src="'+myimages[ry]+'" width="100%" border=0>')
  1087. }
  1088. random_imglink()
  1089. //-->
  1090. </script>
  1091. </div></div></a>
  1092. <div id="desc">{description}</div>
  1093. <div id="stats">{text:stats}</div>
  1094.  
  1095. <div id="link1"><a href="{text:link1}" title="{text:link1 msg}">01.</a></div>
  1096. <div id="link2"><a href="{text:link2}" title="{text:link2 msg}">02.</a></div>
  1097. <div id="link3"><a href="{text:link3}" title="{text:link3 msg}">03.</a></div>
  1098. <div id="link4"><a href="{text:link4}" title="{text:link4 msg}">04.</a></div>
  1099. <div id="link5"><a href="{text:link5}" title="{text:link5 msg}">05.</a></div>
  1100. </center>
  1101. </div>
  1102. <!------------------------------------->
  1103.  
  1104.  
  1105. <div class="left">
  1106. <div id="lace1"></div>
  1107. <div id="lace2"></div>
  1108. <div class="sideback1"></div>
  1109. <div class="sideback2"></div>
  1110. <div class="sideback3"></div>
  1111. <div id="posts">
  1112. {block:Posts}
  1113. <div class="entry">
  1114.  
  1115. {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}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1116. {/block:Text}
  1117.  
  1118. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1119.  
  1120. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1121.  
  1122. {block:Answer}
  1123. <div style="margin: 5px 2px 1px 10px; min-height:40px; border: 1px solid {color:borders}; padding: 3px; background-color: #fff;">
  1124. <img src="{AskerPortraitURL-30}" width="30" border-align="left" style="margin-left:-15px; margin-top:-10px; border: 1px solid #ddd; border-radius: 15px;"/>
  1125. <div class="ask">{Asker}:</div></p>
  1126. <div style="padding-left:15px;">{Question}</div></div><br>
  1127. <div style="padding: -1px 5px -1px 5px; background: transparent;"><center>{Answer}</center></div> <br><div style="text-align: right;"><askk>{text:name}</askk><hr size=1></div>
  1128. <small><P ALIGN=Right><a href="{Permalink}">{notecountwithlabel}</a></small>
  1129. {/block:Answer}
  1130.  
  1131. {block:Photo}
  1132. {block:IndexPage}
  1133. <center>
  1134. <div class="perma">
  1135. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1136. <div class="notez">
  1137. <a href="{Permalink}" target="_blank">{notecount}</a> </div>
  1138.  
  1139. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1140. {/block:IndexPage}
  1141. {block:PermalinkPage}
  1142. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1143.  
  1144. {LinkCloseTag}
  1145. {/block:PermalinkPage}
  1146. {/block:Photo}
  1147.  
  1148. {block:Photoset}
  1149. {block:IndexPage}
  1150. <center>
  1151.  
  1152. <div class="perma">
  1153. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1154.  
  1155. {Photoset-250}</center>
  1156. {/block:IndexPage}
  1157. {block:PermalinkPage}
  1158. <center>
  1159. {Photoset-500}</center>
  1160. {/block:PermalinkPage}
  1161. {/block:Photoset}
  1162.  
  1163. {block:Quote}<span class="title">"{Quote}"</span> โ€” {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1164.  
  1165. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1166.  
  1167. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1168. <ul class="chat">
  1169. {block:Lines}
  1170. <li class="user_{UserNumber}">
  1171. {block:Label}
  1172. <span class="label">{Label}</span>
  1173. {/block:Label}
  1174.  
  1175. {Line}
  1176. </li>
  1177. {/block:Lines}
  1178. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1179. {/block:Chat}
  1180.  
  1181. {block:Audio}
  1182. <div style="width:200px; height:30px;">
  1183. {AudioPlayerBlack}
  1184. </div>
  1185. {block:IndexPage}<span class="permalink">
  1186. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1187. </span>{/block:IndexPage}
  1188. {/block:Audio}
  1189.  
  1190. {block:Video}
  1191. {block:IndexPage}
  1192. <center>
  1193. <div class="perma">
  1194. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1195. {Video-250}</center>
  1196. {/block:IndexPage}
  1197. {block:PermalinkPage}
  1198. <center>
  1199. {Video-400}</center>
  1200. {/block:PermalinkPage}
  1201. {block:Video}
  1202.  
  1203.  
  1204. {block:PostNotes}<div align="middle">{caption}</div>
  1205. <center>
  1206.  
  1207. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1208.  
  1209. {block:HasTags}
  1210. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1211. {block:RebloggedFrom}
  1212. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1213. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1214.  
  1215. {/block:RebloggedFrom}
  1216. </center></span>
  1217. <br>
  1218. <div id="postnotes">{PostNotes}</div><br>
  1219.  
  1220. <center>{block:ContentSource}
  1221. <br><a href="{SourceURL}">
  1222. {lang:Source}:
  1223. {block:SourceLogo}
  1224. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1225. height="{LogoHeight}" alt="{SourceTitle}" />
  1226. {/block:SourceLogo}
  1227. {block:NoSourceLogo}
  1228. {SourceLink}
  1229. {/block:NoSourceLogo}
  1230. </a>
  1231. {/block:ContentSource}</center>
  1232.  
  1233. {/block:PostNotes}
  1234. </div>
  1235. {/block:Posts}
  1236. </div></div>
  1237.  
  1238. {block:IndexPage}
  1239. {block:Pagination}
  1240. <div id="pagination">
  1241. {block:NextPage}
  1242. <a id="nextPage" href="{NextPage}"></a>
  1243. {/block:NextPage}
  1244. {block:PreviousPage}
  1245. <a href="{PreviousPage}"></a>
  1246. {/block:PreviousPage}
  1247. </div>
  1248. {/block:Pagination}
  1249. {/block:IndexPage}
  1250. </body>
  1251. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement