API tools faq
paste
Advertisement
f4nc-y

Theme one by F4nc-y

f4nc-y
Aug 28th, 2013
283
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.44 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Made by:
  3. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  4. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  5. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  6. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  7. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  8. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  9. Themesbytwo PLEASE DO NOT REMOVE CREDIT
  10.  
  11. -When you type your name in the description put <bling>yourname</bling>
  12.  
  13. -If you don't want the hearts around reblog, search '♥ reblog ♥' (Down at the bottom and delete the hearts)
  14.  
  15. -Search "Follow for screenie" to change BOTW hover (At the bottom)
  16.  
  17. -Search "My clique" to change the extra link hover (At the bottom)
  18.  
  19.  
  20. -->
  21.  
  22. <html lang="en">
  23. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  24. <html xmlns="http://www.w3.org/1999/xhtml">
  25. <head>
  26.  
  27.  
  28.  
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  30. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  31. <script>
  32. (function($){
  33. $(document).ready(function(){
  34. $("a[title]").style_my_tooltips({
  35. tip_follows_cursor:true,
  36. tip_delay_time:90,
  37. tip_fade_speed:600,
  38. attribute:"title"
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44.  
  45. <script type="text/javascript">
  46. <!--
  47.  
  48. // Disable Right Click Script
  49.  
  50. function IE(e)
  51. {
  52. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  53. {
  54. return false;
  55. }
  56. }
  57. function NS(e)
  58. {
  59. if (document.layers || (document.getElementById && !document.all))
  60. {
  61. if (e.which == "2" || e.which == "3")
  62. {
  63. return false;
  64. }
  65. }
  66. }
  67. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  68.  
  69. //-->
  70. </script>
  71.  
  72.  
  73. <script type="text/javascript"
  74. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  75.  
  76. <!--DEFAULT VARIABLES-->
  77. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  78. <meta name="color:background" content="#fff"/>
  79. <meta name="color:link" content="#777"/>
  80. <meta name="color:text" content="#777"/>
  81. <meta name="color:title" content="#333"/>
  82. <meta name="color:hover" content="#fff"/>
  83. <meta name="image:sidebar" content="1"/>
  84. <meta name="image:background" content="1"/>
  85. <meta name="color:sidebar border1" content="1"/>
  86. <meta name="color:sidebar border2" content="1"/>
  87. <meta name="color:sidebar border3" content="1"/>
  88. <meta name="color:sidebar border4" content="1"/>
  89. <meta name="color:sidebar shadow" content="1"/>
  90. <meta name="color:border" content="1"/>
  91. <meta name="image:sidebarbg" content="0"/>
  92. <meta name="image:sidebarbg2" content="0"/>
  93. <meta name="image:sidebarbg3" content="0"/>
  94. <meta name="color:title1" content="#333"/>
  95. <meta name="text:title1" content="title1"/>
  96. <meta name="text:link one" content="link one"/>
  97. <meta name="text:link 1 msg" content="link 1 msg"/>
  98. <meta name="text:link two" content="feet two"/>
  99. <meta name="text:link 2 msg" content="link 2 msg"/>
  100. <meta name="text:link three" content="feet three"/>
  101. <meta name="text:link 3 msg" content="link 3 msg"/>
  102. <meta name="text:link five" content="feet four"/>
  103. <meta name="text:link 5 msg" content="link 5 msg"/>
  104. <meta name="image:sidebar2" content="1"/>
  105. <meta name="text:stats code" content="stats here"/>
  106. <meta name="color:postborder" content="1"/>
  107. <meta name="color:scrollbar" content="#aaa"/>
  108. <meta name="text:botw URL" content="botw"/>
  109. <meta name="text:botw" content="botw"/>
  110. <meta name="text:Extra" content="link name here"/>
  111. <meta name="text:Extra url" content="link url here"/>
  112.  
  113. <style type="text/css">
  114.  
  115.  
  116. bling{
  117. font-family: "swagy" ;
  118. font-size:16px;
  119. color: #2e425e;
  120. letter-spacing: 2px;
  121. text-shadow: -1px 0 , 0 1px #fff, 1px 0 #fff , 0 -1px #fff;
  122. }
  123.  
  124.  
  125. #s-m-t-tooltip {
  126. max-width:500px;
  127. height: 25px;
  128. line-height:17px;
  129. padding:6px 6px 6px 6px;
  130. padding-top: 8px;
  131. padding-bottom: 0px;
  132. margin:20px 0px 0px 20px;
  133. background: white;
  134. border-top: 1px solid {color:postborder};
  135. border-left: 4px solid {color:postborder};
  136. border-right: 4px solid {color:postborder};
  137. box-shadow: 2px 2px 2px #888;
  138. border-bottom: 1px solid {color:postborder}; /* change the border color */
  139. font-family:oops; /* change the font */
  140. font-size:15px; /* change the font size */
  141. letter-spacing:0px; /* change the letter spacing */ /* can be uppercase, lowercase, none*/
  142. border-radius: 20px 19px / 19px 20px;
  143. color:#000; /* change the text color */
  144. z-index:999999999999999999999999999999999999;
  145. }
  146.  
  147.  
  148. ::-webkit-scrollbar-thumb{
  149. background-color: {color:scrollbar};
  150. border: 2px solid #ffffff;
  151. height:5px;
  152. -moz-border-radius: 15px;
  153. border-radius: 15px;
  154. }
  155.  
  156. ::-webkit-scrollbar {
  157. height:5px;
  158. width:9px;
  159. background-color: #aaaaaa;
  160. border: 4px solid #fff;
  161. }
  162.  
  163.  
  164. .sidebarbg{
  165. position:fixed !important;
  166. margin-left:370px;
  167. top: 0px;
  168. background-image: url({image:sidebarbg});
  169. height:80%;
  170. border-right: 5px solid #000;
  171. box-shadow: 0px 0px 6px #000000;
  172. opacity:1;
  173. z-index:1;
  174. width:40px;
  175. border-radius: 0px 0px 20px 20px;
  176. border-bottom:3px solid #fff;
  177. border-left: 3px solid #fafafa;
  178. border-right: 3px solid #fafafa;
  179. transition: all 0.7s ease-out;
  180. -o-transition-transition: all 0.7s ease-out;
  181. -webkit-transition: all 0.7s ease-out;
  182. -moz-transition: all 0.7s ease-out;
  183. -webkit-animation: fadeInUp 6s;
  184. -moz-animation: fadeInUp 6s;
  185. -ms-animation: fadeInUp 6s;
  186. }
  187.  
  188. .sidebarbg:hover {
  189. background-position:right;
  190. transition: all 0.7s ease-out;
  191. -o-transition-transition: all 0.7s ease-out;
  192. -webkit-transition: all 0.7s ease-out;
  193. -moz-transition: all 0.7s ease-out;
  194. }
  195. .sidebarbg2{
  196. position:fixed !important;
  197. margin-left:1360px;
  198. top: 0px;
  199. background-image: url({image:sidebarbg2});
  200. height:400px;
  201. border-right: 5px solid #000;
  202. box-shadow: 0px 0px 6px #454545;
  203. opacity:1;
  204. width:30px;
  205. border-bottom:3px solid #fff;
  206. border-left: 3px solid #fafafa;
  207. border-right: 3px solid #fafafa;
  208. border-radius: 0px 0px 20px 20px;
  209. transition: all 0.7s ease-out;
  210. -o-transition-transition: all 0.7s ease-out;
  211. -webkit-transition: all 0.7s ease-out;
  212. -moz-transition: all 0.7s ease-out;
  213. -webkit-animation: fadeInUp 6s;
  214. -moz-animation: fadeInUp 6s;
  215. -ms-animation: fadeInUp 6s;
  216. }
  217. .sidebarbg2:hover {
  218. background-position:right;
  219. transition: all 0.7s ease-out;
  220. -o-transition-transition: all 0.7s ease-out;
  221. -webkit-transition: all 0.7s ease-out;
  222. -moz-transition: all 0.7s ease-out;
  223. }
  224.  
  225. .sidebarbg3{
  226. position:fixed !important;
  227. margin-left:1430px;
  228. top: 300px;
  229. background-image: url({image:sidebarbg3});
  230. height:700px;
  231. border-right: 5px solid #000;
  232. box-shadow: 0px 0px 6px #454545;
  233. opacity:1;
  234. width:30px;
  235. border-bottom:3px solid #fff;
  236. border-left: 3px solid #fafafa;
  237. border-right: 3px solid #fafafa;
  238. border-radius: 20px 20px 0px 0px;
  239. transition: all 0.7s ease-out;
  240. -o-transition-transition: all 0.7s ease-out;
  241. -webkit-transition: all 0.7s ease-out;
  242. -moz-transition: all 0.7s ease-out;
  243. -webkit-animation: fadeInDown 6s;
  244. -moz-animation: fadeInDown 6s;
  245. -ms-animation: fadeInDown 6s;
  246. }
  247. .sidebarbg3:hover {
  248. background-position:right;
  249. transition: all 0.7s ease-out;
  250. -o-transition-transition: all 0.7s ease-out;
  251. -webkit-transition: all 0.7s ease-out;
  252. -moz-transition: all 0.7s ease-out;
  253. }
  254.  
  255.  
  256.  
  257. 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-
  258.  
  259. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  260.  
  261. 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;}
  262.  
  263. p {
  264. margin:0px;
  265. margin-top:0px;
  266. }
  267.  
  268.  
  269. body {
  270. padding: 0px;
  271. margin: 0px;
  272. color:{color:text};
  273. font-family: cafe;
  274. line-height:16px;
  275. font-size:15px;
  276. background-color: {color:Background};
  277. background-image:url({image:Background});
  278. background-attachment: fixed;
  279. background-repeat: repeat;
  280. }
  281.  
  282.  
  283. a:link, a:active, a:visited{
  284. text-decoration: none;
  285. -webkit-transition: color 0.3s ease-out;
  286. -moz-transition: color 0.3s ease-out;
  287. transition: color 0.3s ease-out;
  288. color:{color:link};
  289. }
  290.  
  291. a:hover {
  292. text-decoration: none;
  293. font-style:;
  294. color: {color:Hover};
  295. }
  296.  
  297. div#center{
  298. margin:auto;
  299. position:relative;
  300. width:auto;
  301. background-color:;
  302. overflow:auto;
  303. overflow-y:hidden;
  304. }
  305.  
  306.  
  307. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  308. .entry {
  309. float:left;
  310. display: block;
  311. margin:2px;
  312. overflow:hidden;
  313. width:265px;
  314. padding-left:2px;
  315. padding-top:2px;
  316. padding-bottom:2px;
  317. padding-right:2px;
  318. border:3px solid {color:postborder};
  319. border-radius:5px;
  320. {block:PermalinkPage}
  321.  
  322. width:430px;
  323. text-align:left;
  324. line-height:10px;
  325. {/block:PermalinkPage}
  326. background:white;
  327. background-image:URL
  328.  
  329. -opacity:0.9;
  330. z-index:0;
  331. webkit-transition: all 0.53s linear;
  332. -moz-transition: all 0.53s linear;
  333. transition: all 0.53s linear;
  334. transition-delay: 0.6s;
  335.  
  336. }
  337.  
  338.  
  339. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  340. .entry .perma{
  341. width:200px;
  342. min-height:10px;
  343. height:auto;
  344. margin-left:15px;
  345. position: absolute;
  346. line-height: 15px;
  347. overflow:hidden;
  348. text-align:center;
  349. top:-100px;
  350. background:white;
  351. word-spacing:2px;
  352. letter-spacing:1px;
  353. border:5px dotted {color:sidebar border2};
  354. border-radius:10px;
  355. font-family:calibri;
  356. font-size:12px;
  357. padding-top:5px;
  358. padding-bottom:5px;
  359. text-transform:none;
  360. opacity: 0.0;
  361. -webkit-transition: all .7s ease;
  362. -moz-transition: all .7s ease;
  363. -o-transition: all .7s ease;
  364. transition: all .7s ease;
  365. }
  366.  
  367. .entry:hover .perma{
  368. overflow:visible;
  369. opacity:1;
  370. top:20px;
  371. }
  372.  
  373. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  374. #posts {
  375. width:950px;
  376. margin-top:0px;
  377. margin-left:470px;
  378. right:auto;
  379. margin-right:auto;
  380. position:relative;
  381. overflow-y: hidden;
  382. z-index:1;
  383. padding:0px;
  384. background:transparent;
  385. }
  386.  
  387.  
  388. /*CUSTOMIZE SIDEBAR HERE*/
  389. #sidebar{
  390. position:fixed !important;
  391. width:260px;
  392. background:white;
  393. height:auto;
  394. margin-top:100px;
  395. margin-left:30px;
  396. text-align:center;
  397. padding-top:5px;
  398. padding-left:5px;
  399. padding-top:5px;
  400. padding-bottom:5px;
  401. padding-right:5px;
  402. border-right:15px solid {color:sidebar border1};
  403. border-left:15px solid {color:sidebar border2};
  404. border-top:15px solid {color:sidebar border3};
  405. border-bottom:15px solid {color:sidebar border4};
  406. border-radius:10px;
  407. box-shadow: 3px 3px 3px {color:sidebar shadow};
  408. z-index:5;
  409. -o-transition-transition: all 0.5s ease;
  410. -webkit-transition: all 0.5s ease;
  411. -moz-transition: all 0.5s ease;
  412. -webkit-animation:fadeInUpBig 1.5s;
  413. -moz-animation:fadeInUpBig 1.5s;
  414. -ms-animation:fadeInUpBig 1.5s;
  415. }
  416.  
  417. #sidebar:hover{
  418. opacity: .5;
  419. transition: opacity .5s ease-out;
  420. -moz-transition: opacity .5s ease-out;
  421. -webkit-transition: opacity .5s ease-out;
  422. -o-transition: opacity .5s ease-out;
  423.  
  424. }
  425.  
  426.  
  427. #sidebar #desc{
  428. position:fixed !important;
  429. width:180px;
  430. padding: 10px;
  431. padding-left: 30px;
  432. background:white;
  433. height:auto;
  434. margin-top:-370px;
  435. padding-top:20px;
  436. padding-bottom:20px;
  437. margin-left:10px;
  438. text-align:center;
  439. z-index:9999999999;
  440. font-family:'Shadows Into Light Two', cursive;;
  441. color:#000;
  442. font-size:13px;
  443. line-height:15px;
  444. opacity:0;
  445. border-right:5px dotted #c9dbf3;
  446. border-left:5px dotted #c9dbf3;
  447. border-top:5px dotted #c9dbf3;
  448. border-bottom:5px dotted #c9dbf3;
  449. -webkit-border-radius: 35px 10px;
  450. transition: all 0.6s ease-out;
  451. -o-transition-transition: all 0.4s ease-out;
  452. -webkit-transition: all 0.4s ease-out;
  453. -moz-transition: all 0.4s ease-out;
  454. }
  455.  
  456. #sidebar:hover #desc {
  457. opacity:0.95;
  458. }
  459.  
  460. #sidebar #desc:hover{
  461. opacity:3;
  462. }
  463.  
  464. #sidebar #coffee{
  465. z-index:99999999999;
  466. position:fixed !important;
  467. width:55px;
  468. padding: 10px;
  469. background:white;
  470. height:80px;
  471. margin-top:-180px;
  472. margin-left:90px;
  473. opacity:0;
  474. border: 2px;
  475. border-left: 2px solid; #c9dbf3;
  476. border-right: 2px solid; #c9dbf3;
  477. border-radius:10px;
  478. transition: all 0.6s ease-out;
  479. -o-transition-transition: all 0.4s ease-out;
  480. -webkit-transition: all 0.4s ease-out;
  481. -moz-transition: all 0.4s ease-out;
  482. }
  483.  
  484. #sidebar:hover #coffee {
  485. opacity:1;
  486. }
  487.  
  488. #coffee img{
  489. width:75px;
  490. height:100px;
  491. margin-top:-10px;
  492. margin-left:-10px;
  493. border-radius:10px;
  494. }
  495.  
  496. #sidebar #transparentcat{
  497. position:fixed;
  498. z-index:99999999999999999999999999999;
  499. margin-left:-40px;
  500. margin-top:-320px;
  501. opacity:0;
  502. transition: all 0.6s ease-out;
  503. -o-transition-transition: all 0.4s ease-out;
  504. -webkit-transition: all 0.4s ease-out;
  505. -moz-transition: all 0.4s ease-out;
  506. }
  507.  
  508. #transparentcat img{
  509. width:125px;
  510. }
  511.  
  512. #sidebar:hover #transparentcat{
  513. opacity:1;
  514. }
  515.  
  516. #stats{
  517.  
  518. position:fixed;
  519. z-index:99;
  520. width:220px;
  521. height:20px;
  522. opacity: 0;
  523. padding-bottom: 5px;
  524. padding-top: 5px;
  525. margin-left: 100px;
  526. margin-top: -250px;
  527. background: white;
  528. border: 3px solid #2e425e;
  529. line-height:18px;
  530. text-align:center;
  531. font-size: 20px;
  532. text-shadow: 0px 0px 3px #fff;
  533. letter-spacing: 0px;
  534. border-radius:10px;
  535. font-family: "Bad script";
  536. transition: all 0.6s ease-out;
  537. -o-transition-transition: all 0.6s ease-out;
  538. -webkit-transition: all 0.6s ease-out;
  539. -moz-transition: all 0.6s ease-out;
  540. }
  541.  
  542. #sidebar:hover #stats {
  543. opacity: 1;
  544. margin-left: 10px;
  545. margin-top: -230px;
  546. }
  547.  
  548.  
  549. #botw{
  550.  
  551. position:fixed;
  552. z-index:99;
  553. width:90px;
  554. height:22px;
  555. opacity: 0;
  556. padding-bottom: 3px;
  557. padding-top: 5px;
  558. margin-left:-30px;
  559. margin-top: -160px;
  560. background: white;
  561. border: 3px ridge #c9dbf3;
  562. line-height:18px;
  563. border-radius:10px;
  564. text-align:center;
  565. font-size: 21px;
  566. text-shadow: 0px 0px 3px #fff;
  567. letter-spacing: 1px;
  568. font-family: "oops";
  569. transition: all 0.6s ease-out;
  570. -o-transition-transition: all 0.6s ease-out;
  571. -webkit-transition: all 0.6s ease-out;
  572. -moz-transition: all 0.6s ease-out;
  573. }
  574.  
  575. #sidebar:hover #botw {
  576. opacity: 1;
  577. margin-left: -0px;
  578. margin-top: -80px;
  579. }
  580.  
  581.  
  582. #Extra{
  583.  
  584. position:fixed;
  585. z-index:99;
  586. width:90px;
  587. height:22px;
  588. opacity: 0;
  589. padding-bottom: 3px;
  590. padding-top: 5px;
  591. margin-left:220px;
  592. margin-top: -160px;
  593. background: white;
  594. border: 3px ridge #c9dbf3;
  595. border-radius:10px;
  596. line-height:18px;
  597. text-align:center;
  598. font-size: 21px;
  599. text-shadow: 0px 0px 3px #fff;
  600. letter-spacing: 1px;
  601. font-family: "oops";
  602. transition: all 0.6s ease-out;
  603. -o-transition-transition: all 0.6s ease-out;
  604. -webkit-transition: all 0.6s ease-out;
  605. -moz-transition: all 0.6s ease-out;
  606. }
  607.  
  608.  
  609. #sidebar:hover #Extra{
  610. opacity: 1;
  611. margin-left: 155px;
  612. margin-top: -80px;
  613. }
  614.  
  615.  
  616. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  617.  
  618. @font-face { font-family: "oops"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  619.  
  620. @font-face{font-family: "Halo Handletter"; src: url('http://static.tumblr.com/9wzbixa/Chgmj2j5c/halohandletter.ttf'); }
  621.  
  622. @font-face{font-family: "Bad script"; src: url('http://fonts.googleapis.com/css?family=Bad+Script'); }
  623.  
  624. @font-face {font-family: "spring"; src: url("http://static.tumblr.com/iec7iwk/3hFmp8807/dandelion_in_the_spring.ttf");}
  625.  
  626. @font-face {font-family: 'Black Jack'; src: url('http://static.tumblr.com/npggxjg/oZUm1zb9f/black_jack.ttf');}
  627.  
  628. @font-face { font-family: "cutty"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  629.  
  630. @font-face { font-family: "cafe"; src: url('http://static.tumblr.com/kjq4nx5/kQOmo5hnn/caf_____brewery.ttf'); }
  631.  
  632. @font-face {
  633. font-family: "swagy";
  634. src: url(' http://static.tumblr.com/tkzvvax/OpTms0jon/kgalwaysagoodtime.ttf');
  635. }
  636.  
  637.  
  638.  
  639. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  640. .title{
  641. line-height: 20px;
  642. color:{color:Title};
  643. font-size:30px;
  644. font-family: 'ariel';
  645. font-weight: normal;
  646. }
  647.  
  648.  
  649. #title1{
  650. -webkit-animation:bounceIn 2s;
  651. -moz-animation:bounceIn 2s;
  652. -ms-animation:bounceIn 2s;
  653.  
  654.  
  655.  
  656. position:fixed !important;
  657. z-index:99;
  658. width:260px;
  659. height:30px;
  660. opacity: 1;
  661. padding:3px;
  662. margin-top:50px;
  663. margin-left:-0px;
  664. background:transperant;
  665. line-height:40px;
  666. text-align:center;
  667. border: 0px solid
  668. border-bottom: 0px;
  669. color: {color:title1};
  670. text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;
  671. letter-spacing:0px;
  672. font-size:120px;
  673. font-family: 'halo handletter';
  674. -webkit-animation-name: rollIn;
  675. -moz-animation-name: rollIn;
  676. -o-animation-name: rollIn;
  677. animation-name: rollIn;
  678. }
  679.  
  680. #link1{
  681. position:fixed;
  682. z-index:3;
  683. width:30px;
  684. height:30px;
  685. opacity: 1;
  686. padding:3px;
  687. padding-top:10px;
  688. padding-bottom: 0px;
  689. margin-left:350px;
  690. margin-top:60px;
  691. background:white;
  692. box-shadow: 0px 0px 5px #ddd;
  693. border:2px solid #B7B6B6;
  694. line-height:23px;
  695. text-align:center;
  696. color: #000;
  697. font-size: 20px;
  698. letter-spacing: 1px;
  699. font-family: bebas nueue;
  700. border-top-left-radius: 0px;
  701. border-top-right-radius: 20px;
  702. border-bottom-left-radius: 20px;
  703. border-bottom-right-radius: 0px;
  704. transition: all 0.6s ease-out;
  705. -o-transition-transition: all 0.4s ease-out;
  706. -webkit-transition: all 0.4s ease-out;
  707. -moz-transition: all 0.4s ease-out;
  708. }
  709.  
  710.  
  711. #link2{
  712. position:fixed;
  713. z-index:3;
  714. width:30px;
  715. height:30px;
  716. opacity: 1;
  717. padding:3px;
  718. padding-top: 6px;
  719. padding-bottom: 0px;
  720. margin-left:390px;
  721. margin-top:170px;
  722. background: white;
  723. box-shadow: 0px 0px 5px #ddd;
  724. border:2px solid #B7B6B6;
  725. line-height:23px;
  726. text-align:center;
  727. color: #000;
  728. font-size: 20px;
  729. letter-spacing: 1px;
  730. font-family: bebas nueue;
  731. border-top-left-radius: 20px;
  732. border-top-right-radius: 0px;
  733. border-bottom-left-radius: 0px;
  734. border-bottom-right-radius: 20px;
  735. transition: all 0.6s ease-out;
  736. -o-transition-transition: all 0.4s ease-out;
  737. -webkit-transition: all 0.4s ease-out;
  738. -moz-transition: all 0.4s ease-out;
  739. }
  740.  
  741.  
  742. #link5{
  743. position:fixed;
  744. z-index:3;
  745. box-shadow: 0px 0px 5px #ddd;
  746. width:30px;
  747. height:30px;
  748. opacity: 1;
  749. padding:3px;
  750. padding-top: 6px;
  751. padding-bottom: 0px;
  752. margin-left:350px;
  753. margin-top:300px;
  754. background: white;
  755. border:2px solid #B7B6B6;
  756. line-height:23px;
  757. text-align:center;
  758. color: #000;
  759. font-size: 20px;
  760. letter-spacing: 1px;
  761. font-family: bebas nueue;
  762. border-top-left-radius: 0px;
  763. border-top-right-radius: 20px;
  764. border-bottom-left-radius: 20px;
  765. border-bottom-right-radius: 0px;
  766. transition: all 0.6s ease-out;
  767. -o-transition-transition: all 0.4s ease-out;
  768. -webkit-transition: all 0.4s ease-out;
  769. -moz-transition: all 0.4s ease-out;
  770. }
  771.  
  772.  
  773. #link3{
  774. position:fixed;
  775. z-index:999;
  776. box-shadow: 0px 0px 5px #ddd;
  777. width:30px;
  778. height:30px;
  779. opacity: 1;
  780. padding:3px;
  781. padding-top: 6px;
  782. padding-bottom: 0px;
  783. margin-left:390px;
  784. margin-top:410px;
  785. background: white;
  786. border:2px solid #B7B6B6;
  787. line-height:23px;
  788. text-align:center;
  789. color: #000;
  790. font-size: 20px;
  791. letter-spacing: 1px;
  792. font-family: bebas nueue;
  793. border-top-left-radius: 20px;
  794. border-top-right-radius: 0px;
  795. border-bottom-left-radius: 0px;
  796. border-bottom-right-radius: 20px;
  797. transition: all 0.6s ease-out;
  798. -o-transition-transition: all 0.4s ease-out;
  799. -webkit-transition: all 0.4s ease-out;
  800. -moz-transition: all 0.4s ease-out;
  801. }
  802.  
  803.  
  804. #link4{
  805. position:fixed;
  806. z-index:3;
  807. box-shadow: 0px 0px 5px #ddd;
  808. width:30px;
  809. height:30px;
  810. opacity: 1;
  811. padding:3px;
  812. padding-top: 6px;
  813. padding-bottom: 0px;
  814. margin-left:350px;
  815. margin-top:525px;
  816. background: white;
  817. border:2px solid #B7B6B6;
  818. line-height:23px;
  819. text-align:center;
  820. color: #000;
  821. font-size: 20px;
  822. letter-spacing: 1px;
  823. font-family: bebas nueue;
  824. border-top-left-radius: 0px;
  825. border-top-right-radius: 20px;
  826. border-bottom-left-radius: 20px;
  827. border-bottom-right-radius: 0px;
  828. transition: all 0.6s ease-out;
  829. -o-transition-transition: all 0.4s ease-out;
  830. -webkit-transition: all 0.4s ease-out;
  831. -moz-transition: all 0.4s ease-out;
  832. }
  833.  
  834.  
  835.  
  836. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  837. .permalink{
  838. text-transform: normal;
  839. display: block;
  840. text-align: right;
  841. text-decoration: none;
  842. }
  843.  
  844.  
  845. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  846. @-webkit-keyframes fadeInUpBig {
  847. 0% {
  848. opacity: 0;
  849. -webkit-transform: translateY(2000px);
  850. }
  851.  
  852. 100% {
  853. opacity: 1;
  854. -webkit-transform: translateY(0);
  855. }
  856. }
  857.  
  858. @-moz-keyframes fadeInUpBig {
  859. 0% {
  860. opacity: 0;
  861. -moz-transform: translateY(2000px);
  862. }
  863.  
  864. 100% {
  865. opacity: 1;
  866. -moz-transform: translateY(0);
  867. }
  868. }
  869.  
  870. @-o-keyframes fadeInUpBig {
  871. 0% {
  872. opacity: 0;
  873. -o-transform: translateY(2000px);
  874. }
  875.  
  876. 100% {
  877. opacity: 1;
  878. -o-transform: translateY(0);
  879. }
  880. }
  881.  
  882. @keyframes fadeInUpBig {
  883. 0% {
  884. opacity: 0;
  885. transform: translateY(2000px);
  886. }
  887.  
  888. 100% {
  889. opacity: 1;
  890. transform: translateY(0);
  891. }
  892. }
  893.  
  894. .fadeInUpBig {
  895. -webkit-animation-name: fadeInUpBig;
  896. -moz-animation-name: fadeInUpBig;
  897. -o-animation-name: fadeInUpBig;
  898. animation-name: fadeInUpBig;
  899. }
  900.  
  901. @-webkit-keyframes fadeInDown {
  902. 0% {
  903. opacity: 0;
  904. -webkit-transform: translateY(-20px);
  905. }
  906. 100% {
  907. opacity: 1;
  908. -webkit-transform: translateY(0);
  909. }
  910. }
  911. @-moz-keyframes fadeInDown {
  912. 0% {
  913. opacity: 0;
  914. -moz-transform: translateY(-20px);
  915. }
  916. 100% {
  917. opacity: 1;
  918. -moz-transform: translateY(0);
  919. }
  920. }
  921. @-ms-keyframes fadeInDown {
  922. 0% {
  923. opacity: 0;
  924. -ms-transform: translateY(-20px);
  925. }
  926. 100% {
  927. opacity: 1;
  928. -ms-transform: translateY(0);
  929. }
  930. }
  931. @-o-keyframes fadeInDown {
  932. 0% {
  933. opacity: 0;
  934. -ms-transform: translateY(-20px);
  935. }
  936. 100% {
  937. opacity: 1;
  938. -ms-transform: translateY(0);
  939. }
  940. }
  941. @keyframes fadeInDown {
  942. 0% {
  943. opacity: 0;
  944. transform: translateY(-20px);
  945. }
  946. 100% {
  947. opacity: 1;
  948. transform: translateY(0);
  949. }
  950. }
  951. .fadeInDown {
  952. -webkit-animation-name: fadeInDown;
  953. -moz-animation-name: fadeInDown;
  954. -ms-animation-name: fadeInDown;
  955. -o-animation-name: fadeInDown;
  956. animation-name: fadeInDown;
  957. }
  958.  
  959. @-webkit-keyframes rollIn {
  960. 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
  961. 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
  962. }
  963.  
  964. @-moz-keyframes rollIn {
  965. 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
  966. 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
  967. }
  968.  
  969. @-o-keyframes rollIn {
  970. 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
  971. 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
  972. }
  973.  
  974. @keyframes rollIn {
  975. 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
  976. 100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
  977. }
  978.  
  979. .rollIn {
  980. -webkit-animation-name: rollIn;
  981. -moz-animation-name: rollIn;
  982. -o-animation-name: rollIn;
  983. animation-name: rollIn;
  984. }
  985.  
  986. @-webkit-keyframes tada {
  987. 0% {-webkit-transform: scale(1);}
  988. 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
  989. 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
  990. 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
  991. 100% {-webkit-transform: scale(1) rotate(0);}
  992. }
  993.  
  994. @-moz-keyframes tada {
  995. 0% {-moz-transform: scale(1);}
  996. 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
  997. 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
  998. 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
  999. 100% {-moz-transform: scale(1) rotate(0);}
  1000. }
  1001.  
  1002. @-o-keyframes tada {
  1003. 0% {-o-transform: scale(1);}
  1004. 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
  1005. 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
  1006. 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
  1007. 100% {-o-transform: scale(1) rotate(0);}
  1008. }
  1009.  
  1010. @keyframes tada {
  1011. 0% {transform: scale(1);}
  1012. 10%, 20% {transform: scale(0.9) rotate(-3deg);}
  1013. 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
  1014. 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
  1015. 100% {transform: scale(1) rotate(0);}
  1016. }
  1017.  
  1018. .tada {
  1019. -webkit-animation-name: tada;
  1020. -moz-animation-name: tada;
  1021. -o-animation-name: tada;
  1022. animation-name: tada;
  1023. }
  1024.  
  1025. #infscr-loading{
  1026. bottom: -70px;
  1027. position: absolute;
  1028. left: 50%;
  1029. margin-left:-8px;
  1030. width:16px;
  1031. height:11px;
  1032. overflow:hidden;
  1033. margin-bottom: 50px;
  1034. }
  1035.  
  1036.  
  1037.  
  1038. }
  1039. a img{border: 0px;}
  1040.  
  1041.  
  1042. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1043.  
  1044. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1045. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1046.  
  1047. .notes img{width:10px; position:relative; top:3px;}
  1048. <--ses-->
  1049. small{font-size: 90%;}
  1050.  
  1051. {CustomCSS}
  1052.  
  1053. </style>
  1054.  
  1055. {block:IndexPage}
  1056. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1057. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1058.  
  1059. <script type="text/javascript">
  1060. $(window).load(function(){
  1061. var $wall = $('#posts');
  1062. $wall.imagesLoaded(function(){
  1063. $wall.masonry({
  1064. itemSelector: '.entry, .entry_photo',
  1065. isAnimated : false
  1066. });
  1067. });
  1068.  
  1069. $wall.infinitescroll({
  1070. navSelector : '#pagination',
  1071. nextSelector : '#pagination a',
  1072. itemSelector : '.entry, .entry_photo',
  1073. bufferPx : 2000,
  1074. debug : false,
  1075. errorCallback: function() {
  1076. $('#infscr-loading').fadeOut('normal');
  1077. }},
  1078. function( newElements ) {
  1079. var $newElems = $( newElements );
  1080. $newElems.hide();
  1081. $newElems.imagesLoaded(function(){
  1082. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1083. });
  1084. }); $('#posts').show(500);
  1085. });
  1086. </script>
  1087.  
  1088.  
  1089. {/block:IndexPage}
  1090.  
  1091.  
  1092. <title>{title}</title>
  1093.  
  1094. <link rel="shortcut icon" href="{Favicon}" />
  1095. <meta name="viewport" content="width=820" />
  1096. </head>
  1097.  
  1098. <body>
  1099. <BODY onselectstart="return false;" ondragstart="return false;">
  1100. <div class="wrapper">
  1101. <div class="header">
  1102. </div>
  1103. <a href="http://themesby-two.tumblr.com/"><img src="http://i50.tinypic.com/3325qp0.png" style="position:fixed; right:2px; opacity:.5; top:27px;z-index:99; -webkit-filter: invert(100%)"></a>
  1104. <div id="cage">
  1105. <div id="center">
  1106.  
  1107. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1108. <div id="sidebar">
  1109.  
  1110. <center>
  1111.  
  1112. <a href="/"><img src="{image:sidebar}" width=100%></a>
  1113.  
  1114. <div id="desc">
  1115. {description}
  1116. </div>
  1117.  
  1118. <div id="coffee"><img src="{image:sidebar2}"></div>
  1119.  
  1120. <div id="transparentcat">
  1121. <a href="/"><img src="http://31.media.tumblr.com/95f97e10681810249749995f15c5fbe8/tumblr_mia5hr9sbp1r82kfmo1_500.gif"></a></div>
  1122.  
  1123. <div id="stats"title="">{text:stats code}</a> </div>
  1124.  
  1125. <div id="botw"><a href="{text:botw URL}"title="Follow for screenie">{text:botw}</a> </div>
  1126.  
  1127. <div id="Extra"><a href="{text:Extra url}"title="My clique">{text:Extra}</a> </div>
  1128.  
  1129.  
  1130. </center>
  1131.  
  1132.  
  1133. </div>
  1134.  
  1135.  
  1136. <div id="link1"><a href="{text:link one}" title="{text:link 1 msg}">家</a> </div>
  1137. <div id="link2"><a href="{text:link two}"title="{text:link 2 msg}">驢</a> </div>
  1138. <div id="link3"><a href="{text:link three}"title="{text:link 3 msg}">嫖</a> </div>
  1139. <div id="link5"><a href="{text:link five}"title="{text:link 5 msg}">耶</a> </div>
  1140. <div id="link4"><a href="http://themesbytwo.tumblr.com/}"title="Credit!">愛</a> </div>
  1141.  
  1142. <!------------------------------------->
  1143.  
  1144.  
  1145. <div class="left">
  1146. <div class="sidebarbg3"></div>
  1147. <div class="sidebarbg2"></div>
  1148. <div class="sidebarbg"></div>
  1149. <div id="title1">{text:title1}</center></div>
  1150.  
  1151. <div id="posts">
  1152. {block:Posts}
  1153. <div class="entry">
  1154.  
  1155. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1156.  
  1157. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1158. {/block:Text}
  1159.  
  1160. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1161.  
  1162. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1163.  
  1164. {block:Answer}
  1165. <div style="margin: 1px 2px 1px 2px; min-height:40px;border-top: 2px solid {color:sidebarborder2};
  1166. border-left: 2px solid {color:sidebar border1};
  1167. border-right: 3px solid {color:sidebar border1};
  1168. border-bottom: 3px solid {color:sidebar border1}; padding: 3px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 3px; background-color: white; box-shadow: 0px 0px 0px #ddd; ">
  1169. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-left:3px;margin-top:2px; border: 1px solid #ddd; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border: 3px double #B5C8E1;"/>
  1170. <ask>{Asker}</ask>: {Question}</div> <br>
  1171. <div style="padding: -1px 5px -1px 5px; background: transparent;"><center>{Answer}</center></div> <br><div style="text-align: right;"><askk>{text:your name here}</askk><hr size=1></div>
  1172. <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
  1173. {/block:Answer}
  1174.  
  1175. {block:Photo}
  1176. {block:IndexPage}
  1177. <center>
  1178. <div class="perma">
  1179. <a href="{ReblogURL}" target="_blank"> ♥ Relove ♥ </a> {NoteCountWithLabel} </div>
  1180.  
  1181.  
  1182.  
  1183. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1184. {/block:IndexPage}
  1185. {block:PermalinkPage}
  1186. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1187.  
  1188. {LinkCloseTag}
  1189. {/block:PermalinkPage}
  1190. {/block:Photo}
  1191.  
  1192. {block:Photoset}
  1193. {block:IndexPage}
  1194. <center>
  1195.  
  1196. <div class="perma">
  1197. <a href="{ReblogURL}" target="_blank"> ♥ Relove ♥ </a> </div>
  1198. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> Notes <a href="{Permalink}"> </a>
  1199.  
  1200. {Photoset-400}</center>
  1201. {/block:IndexPage}
  1202. {block:PermalinkPage}
  1203. <center>
  1204. {Photoset-500}</center>
  1205. {/block:PermalinkPage}
  1206. {/block:Photoset}
  1207.  
  1208. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1209.  
  1210. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1211.  
  1212. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1213. <ul class="chat">
  1214. {block:Lines}
  1215. <li class="user_{UserNumber}">
  1216. {block:Label}
  1217. <span class="label">{Label}</span>
  1218. {/block:Label}
  1219.  
  1220. {Line}
  1221. </li>
  1222. {/block:Lines}
  1223. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1224. {/block:Chat}
  1225.  
  1226. {block:Audio}
  1227. <div style="width:200px; height:30px;">
  1228. {AudioPlayerBlack}
  1229. </div>
  1230. {block:IndexPage}<span class="permalink">
  1231. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1232. </span>{/block:IndexPage}
  1233. {/block:Audio}
  1234.  
  1235. {block:Video}
  1236. {block:IndexPage}
  1237. <center>
  1238. <div class="perma">
  1239. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1240. {Video-250}</center>
  1241. {/block:IndexPage}
  1242. {block:PermalinkPage}
  1243. <center>
  1244. {Video-400}</center>
  1245. {/block:PermalinkPage}
  1246. {block:Video}
  1247.  
  1248.  
  1249. {block:PostNotes}<div align="middle">{caption}</div>
  1250. <center>
  1251.  
  1252. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1253.  
  1254. {block:HasTags}
  1255. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1256. {block:RebloggedFrom}
  1257. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1258. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1259.  
  1260. {/block:RebloggedFrom}
  1261. </center></span>
  1262. <br>
  1263. <div id="postnotes">{PostNotes}</div><br>
  1264.  
  1265. <center>{block:ContentSource}
  1266. <br><a href="{SourceURL}">
  1267. {lang:Source}:
  1268. {block:SourceLogo}
  1269. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1270. height="{LogoHeight}" alt="{SourceTitle}" />
  1271. {/block:SourceLogo}
  1272. {block:NoSourceLogo}
  1273. {SourceLink}
  1274. {/block:NoSourceLogo}
  1275. </a>
  1276. {/block:ContentSource}</center>
  1277.  
  1278. {/block:PostNotes}
  1279. </div>
  1280. {/block:Posts}
  1281. </div></div>
  1282.  
  1283. {block:IndexPage}
  1284. {block:Pagination}
  1285. <div id="pagination">
  1286. {block:NextPage}
  1287. <a id="nextPage" href="{NextPage}"></a>
  1288. {/block:NextPage}
  1289. {block:PreviousPage}
  1290. <a href="{PreviousPage}"></a>
  1291. {/block:PreviousPage}
  1292. </div>
  1293. {/block:Pagination}
  1294. {/block:IndexPage}
  1295.  
  1296. <!-- PLEASE DO NOT REMOVE, ALL WORK IS COPY RIGHTED -->
  1297. <div style="position:fixed; bottom:3px; right:3px; background:white; border: 1px solid {color:sidebar border4}; padding: 2px; font-size: 15px; line-height: 10px;"><a href="http://themesby-two.tumblr.com" title="ThemesByTwo!">≈</a>
  1298. <!-- PLEASE DO NOT REMOVE, ALL WORK IS COPY RIGHTED -->
  1299.  
  1300. </body>
  1301. </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!