Advertisement
ramisaaaaa

Untitled

Jul 30th, 2012
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.41 KB | None | 0 0
  1. <!--
  2. theme by biebinator. orginally by cap1tol. keep credit bby <3
  3. -->
  4.  
  5.  
  6. <script type="text/javascript"
  7. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8.  
  9. <head>
  10.  
  11. <title>{title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  15. <meta name="color:background" content="#DACBD6"/>
  16. <meta name="color:text" content="#000000"/>
  17. <meta name="color:title" content="#FFFFFF"/>
  18. <meta name="color:link" content="#424242"/>
  19. <meta name="color:side1" content="#EEA9B8"/>
  20. <meta name="color:side2" content=" #F54D70"/>
  21. <meta name="color:side3" content=" #FFFFFF"/>
  22. <meta name="color:hover" content="#bebebe"/>
  23. <meta name="if:dotted border" content=""/>
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="text:Link one" content=""/>
  27. <meta name="text:Link one Title" content=""/>
  28. <meta name="text:Link Two" content="" />
  29. <meta name="text:Link Two Title" content=""/>
  30. <meta name="text:Link Three" content="" />
  31. <meta name="text:Link Three Title" content=""/>
  32. <meta name="text:Link Four" content="" />
  33. <meta name="text:Link Four Title" content=""/>
  34. <meta name="text:Link Five" content="" />
  35. <meta name="text:Link Five Title" content=""/>
  36. <meta name="color: first letter of title" content="#000"/>
  37. <meta name="text:moving text" content="all around the world people want to be loved"/>
  38. <meta name="text:moving text2" content="all around the world people want to be loved"/>
  39. <meta name="text:moving text3" content="all around the world people want to be loved"/>
  40. <meta name="text:free online users code" content="69 cats | 100000 people were here"/>
  41.  
  42. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  43.  
  44. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/s48lvqls2/jquery-1.4.4.min.js"></script>
  45. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  46. <script type="text/javascript">
  47. <!--
  48. //(c) Ian Muscat 2007
  49. function IE(e) {
  50. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")){
  51. return false;
  52. }}
  53. function NS(e) {
  54. if (document.layers || (document.getElementById && !document.all)){
  55. if (e.which == "2" || e.which == "3"){
  56. return false;}}}
  57. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  58. //-->
  59. </script>
  60.  
  61. <style type="text/css">
  62.  
  63.  
  64.  
  65.  
  66. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  67.  
  68. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  69.  
  70.  
  71.  
  72.  
  73. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  74.  
  75. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  76.  
  77. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  78.  
  79.  
  80.  
  81.  
  82. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  83.  
  84. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  85.  
  86. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  87.  
  88. @font-face {
  89. font-family: "dawning";
  90. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  91. }
  92.  
  93. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  94.  
  95. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  96.  
  97. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  98.  
  99. p {
  100. margin:0px;
  101. margin-top:0px;
  102. }
  103.  
  104. a:link, a:active, a:visited{
  105. color: {color:Link};
  106. text-decoration: none;
  107. -webkit-transition: color 0.5s ease-out;
  108. -moz-transition: color 0.5s ease-out;
  109. }
  110.  
  111. a:hover {
  112. color: {color:Hover};
  113. text-decoration: none;
  114. font-style: normal;
  115. -webkit-transition: color 0.5s ease-out;
  116. -moz-transition: color 0.5s ease-out;
  117. text-shadow:0px 0px 0px #000;
  118.  
  119. }
  120.  
  121.  
  122. body {
  123. margin:0px;
  124. background-color: {color:background};
  125. background-image:url({image:Background});
  126. background-attachment: fixed;
  127. background-repeat: repeat;}
  128. body, div, p, textarea, submit, input{
  129. font-family: pixel;
  130. font-size: 8px;
  131. line-height:9px;
  132. letter-spacing:0px;
  133. color:black;
  134. }
  135.  
  136.  
  137. ::-webkit-scrollbar-thumb:vertical {
  138. background-color:{color:side2};
  139. height:auto;
  140. }
  141.  
  142. ::-webkit-scrollbar-thumb:horizontal {
  143. background-color:{color:side2}
  144. height:auto !important;
  145. }
  146.  
  147. ::-webkit-scrollbar {
  148. height:auto;
  149. width:5px;
  150. background-color:{color:side2};
  151. }
  152.  
  153. .wrapper{
  154. margin: 0px auto;
  155. width: 817px;
  156. }
  157.  
  158. .left{
  159. float: left;
  160. margin-left: 0px;
  161. width: 817px;
  162. }
  163.  
  164. ::-webkit-scrollbar {width: 6px; height: 4px; background: #fff; }
  165.  
  166. ::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 1ex; border: 1px solid #ddd;}
  167.  
  168. .entry {
  169. float:left;
  170. padding: 4px;
  171. border:1px dotted #dadada;
  172. margin: 3px;
  173. {block:IndexPage}
  174. width: 210px;
  175. {/block:IndexPage}
  176. {block:PermalinkPage}
  177. width:500px;
  178. {/block:PermalinkPage}
  179. background-color: white;
  180. }
  181.  
  182. .entry .textpost{
  183. background-color: #fff;
  184. }
  185.  
  186. .questions{
  187. font-style:normal;
  188. margin-bottom:3px;
  189. border-bottom:1px solid #dcdcdc;
  190. }
  191.  
  192. .questions:hover{
  193. font-style:bold;
  194. }
  195.  
  196.  
  197. #posts {
  198. float:left;
  199. width:620px;
  200.  
  201. margin-left: 220px;
  202. {block:PermalinkPage}
  203. margin-left: 220px;
  204. background-color: #fff;
  205. width:504px;
  206. {/block:PermalinkPage}
  207. }
  208.  
  209.  
  210. @font-face { font-family: "poop"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  211.  
  212. #postnotes{
  213. text-align: left;
  214. }
  215. #postnotes blockquote{
  216. border: 0px;
  217. }
  218.  
  219.  
  220.  
  221. #sidepicture {
  222. width: 50px;
  223. }
  224.  
  225. #sidepicture .side1{
  226. position:absolute;
  227. opacity:0;
  228. font-size: 8px;
  229. line-height:10px;
  230. text-align: center;
  231. text-transform:uppercase;
  232. width: 175px;
  233. height: 50px;
  234. background-color: {color:side1};
  235. margin-top:-181px;
  236. margin-left:-75px;
  237. padding-right:5px;
  238. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s
  239. transition: .6s;
  240. }
  241.  
  242.  
  243. #sidepicture:hover .side1 {
  244. opacity:.75;
  245. margin-left:-0px;
  246. margin-top: -195px;
  247. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s
  248. transition: .6s;
  249. }
  250.  
  251.  
  252. #sidepicture .side2{
  253. position:absolute;
  254. opacity:0;
  255. font-size: 8px;
  256. line-height:9px;
  257. text-align: center;
  258. width: 175px;
  259. height: 25px;
  260. background-color: {color:side2};
  261. margin-top:0px;
  262. margin-left:0px;
  263. padding-left:5px;
  264. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  265. transition: .6s;
  266. }
  267.  
  268.  
  269. #sidepicture:hover .side2{
  270. opacity:.75;
  271. margin-top:-145px;
  272. margin-left:0px;
  273. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  274. transition: .6s;
  275. }
  276.  
  277.  
  278.  
  279. #sidepicture .side3{
  280. position:absolute;
  281. opacity:0;
  282. font-size: 8px;
  283. line-height:10px;
  284. text-align: center;
  285. width: 175px;
  286. height: 120px;
  287. background-color: {color:Side3};
  288. margin-top:-96px;
  289. margin-left:100px;
  290. padding-left:5px;
  291. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  292. transition: .6s;
  293. }
  294.  
  295.  
  296. #sidepicture:hover .side3{
  297. opacity:.75;
  298. margin-left:0px;
  299. margin-top:-120px;
  300. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  301. transition: .6s;
  302. }
  303.  
  304.  
  305. #sidepicture .side4{
  306. position:absolute;
  307. opacity:1;
  308. font-size: 8px;
  309. line-height:5px;
  310. text-align: center;
  311. width: 100px;
  312. height: autopx;
  313. background-color: transparent;
  314. margin-top:-10px;
  315. margin-left:90px;
  316. padding-left:5px;
  317. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  318. transition: .6s;
  319. }
  320.  
  321.  
  322. #sidepicture:hover .side4{
  323. opacity:.75;
  324. margin-left:45px;
  325. margin-top:-165px;
  326. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  327. transition: .6s;
  328. }
  329.  
  330.  
  331. #sidepicture .side5{
  332. position:absolute;
  333. opacity:0;
  334. font-size: 8px;
  335. line-height:6px;
  336. text-align: center;
  337. width: 175px;
  338. height: 15px;
  339. background-color: {color:side2};
  340. margin-top:0px;
  341. margin-left:0px;
  342. padding-left:5px;
  343. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  344. transition: .6s;
  345. }
  346.  
  347.  
  348. #sidepicture:hover .side5{
  349. opacity:.75;
  350. margin-top:-14px;
  351. margin-left:0px;
  352. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  353. transition: .6s;
  354. }
  355.  
  356. #sidepicture .side6{
  357. position:absolute;
  358. opacity:0;
  359. font-size: 8px;
  360. line-height:6px;
  361. text-align: center;
  362. width: 175px;
  363. height: 15px;
  364. background-color: {color:side1};
  365. margin-top:0px;
  366. margin-left:0px;
  367. padding-left:5px;
  368. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  369. transition: .6s;
  370. }
  371.  
  372.  
  373. #sidepicture:hover .side6{
  374. opacity:.75;
  375. margin-top:-29px;
  376. margin-left:0px;
  377. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  378. transition: .6s;
  379. }
  380.  
  381.  
  382. #sidepicture .side7{
  383. position:absolute;
  384. opacity:0;
  385. font-size: 8px;
  386. line-height:6px;
  387. text-align: center;
  388. width: 175px;
  389. height: 15px;
  390. background-color: {color:side2};
  391. margin-top:0px;
  392. margin-left:0px;
  393. padding-left:5px;
  394. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  395. transition: .6s;
  396. }
  397.  
  398.  
  399. #sidepicture:hover .side7{
  400. opacity:.75;
  401. margin-top:-44px;
  402. margin-left:0px;
  403. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  404. transition: .6s;
  405. }
  406.  
  407.  
  408. #sidepicture .side8{
  409. position:absolute;
  410. opacity:0;
  411. font-size: 8px;
  412. line-height:6px;
  413. text-align: right;
  414. width: 175px;
  415. height: 15px;
  416. background-color: {color:side3};
  417. margin-top:0px;
  418. margin-left:0px;
  419. padding-left:5px;
  420. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  421. transition: .6s;
  422. }
  423.  
  424.  
  425. #sidepicture:hover .side9{
  426. opacity:.75;
  427. margin-top:-210px;
  428. margin-left:0px;
  429. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  430. transition: .6s;
  431. }
  432.  
  433. #sidepicture .side9{
  434. position:absolute;
  435. opacity:0;
  436. font-size: 8px;
  437. line-height:6px;
  438. text-align: left;
  439. width: 118px;
  440. height: 15px;
  441. background-color: transparent;
  442. margin-top:0px;
  443. margin-left:0px;
  444. padding-left:5px;
  445. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  446. transition: .6s;
  447. }
  448.  
  449.  
  450. #sidepicture:hover .side8{
  451. opacity:.75;
  452. margin-top:-210px;
  453. margin-left:0px;
  454. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  455. transition: .6s;
  456. }
  457.  
  458.  
  459.  
  460.  
  461. #sidebar {
  462. position:fixed !important;
  463. width: 180px;
  464. font-family: handy00;
  465. height: auto;
  466. background-color:transparent;
  467. margin-left: 15px;
  468. margin-top: 200px;
  469. padding:3px;
  470. {block:ifdottedborder}
  471. border: 1px #aaa dotted;
  472. {/block:ifdottedborder}
  473. padding-bottom: 3px;
  474. border-bottom-left-radius:0px;
  475. border-top-left-radius:0px;
  476. }
  477.  
  478.  
  479. .hazza{padding: 0px; background-color: transparent;float: left; text-align: center; margin-top: 0px; margin-left: -5px; margin-right: 15px; }
  480. .hazza img {float: left; display: block; width: 135px; height:135px;margin-top:0px; margin-left:6px;}
  481.  
  482. #lou {letter-spacing:0px; padding: 0px;}
  483. #lou img {display: inline; text-align:center; border: 0px solid {color:border};}
  484. #lou img:hover {display: inline; height:135px; text-align:center; opacity:3; -webkit-transition: all 0.6s ease;border: 0px solid {color:border};}
  485.  
  486. .sidebar{float:right; letter-spacing:2px; padding: 0px; position:fixed; -webkit-transition: all 1s ease-in;opacity: 0;}
  487. .sidebar img{width:width: 134px; height:135px; border: 0px;margin-top:0px;}
  488. .sidebar:hover{opacity:3;}
  489.  
  490.  
  491. div#lonely{
  492. position:fixed !important;
  493. width: auto;
  494. height: auto;
  495. margin-top:0px;
  496. margin-left:0px;
  497. background-color: transparent;
  498. font-family: "black swan";
  499. font-size: 15px;
  500. line-height: 40px;
  501. text-align: center;
  502. -webkit-transform: rotate(-0deg);
  503. -moz-transform: rotate-(0deg);
  504. font-weight: normal;
  505. text-shadow: 1px 0px 2px #000;
  506. }
  507.  
  508.  
  509. div#links{
  510. position: fixed !important;
  511. width: auto;
  512. font-family: handy00;
  513. text-shadow: 0px 0px 0px #e7a3bc;
  514. font-size: 8px;
  515. border-bottom: 0px dashed #e7a3bc;
  516. margin-top:137px;
  517. margin-left:3px;
  518. line-height:10px;
  519. letter-spacing: 0px;
  520. font-style: normal;
  521. text-align: center;
  522. border-bottom: 0px dashed #e7a3bc;
  523. color: #000;
  524. }
  525.  
  526.  
  527. div#links2{
  528. position: fixed !important;
  529. width: auto;
  530. font-family: pixel;
  531. text-shadow: 0px 0px 0px #e7a3bc;
  532. font-size: 8px;
  533. border-top: 1px dashed #e7a3bc;
  534. margin-top:58px;
  535. margin-left:3px;
  536. line-height:10px;
  537. letter-spacing: 0px;
  538. font-style: normal;
  539. text-align: center;
  540. border-top: 1px dashed #e7a3bc;
  541. color: #6495ED;
  542. }
  543.  
  544.  
  545. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  546.  
  547.  
  548. h3{
  549. font-family: "black swan";
  550. font-size: 80px;
  551. line-height: 12px;
  552. color: #A78282;
  553. font-weight: normal;
  554. line-height:15px;
  555. letter-spacing: 1px;
  556. font-style: normal;
  557. text-transform: lowercase;
  558. text-align: right;
  559. padding: 0px;
  560. margin:0px;
  561. }
  562.  
  563.  
  564.  
  565.  
  566.  
  567.  
  568. #drowning {
  569. opacity:1;
  570. margin-left: 79px;
  571. margin-top:350px;
  572. width: 113px;
  573. height: 21px;
  574. font-family: pixel;
  575. font-size:8px;
  576. color:#fff;
  577. background-color:transparent;
  578. border:px solid #ddd;
  579. border-radius: 0px 0px 0px 0px;
  580. text-align:left;
  581. padding:8px;
  582. -webkit-transition: all 0.7s ease-in-out;
  583. -moz-transition: all 0.7s ease-in-out;
  584. -o-transition: all 0.7s ease-in-out;
  585. -ms-transition: all 0.7s ease-in-out;
  586. transition: all 0.7s ease-in-out;
  587. position:fixed;
  588. line-height: 10px;
  589.  
  590. }
  591.  
  592. #drowning:hover {
  593. opacity:.9;
  594. -webkit-transition: all 0.7s ease-in-out;
  595. -moz-transition: all 0.7s ease-in-out;
  596. -o-transition: all 0.7s ease-in-out;
  597. -ms-transition: all 0.7s ease-in-out;
  598. transition: all 0.7s ease-in-out;
  599.  
  600. }
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607. @font-face{
  608. font-family: 'pixel';
  609. font-style: normal;
  610. font-weight: normal;
  611. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  612.  
  613.  
  614.  
  615.  
  616. .title{
  617. font-family: pixel;
  618. font-size: 8px;
  619. line-height: 10px;
  620. color: {color:Title};
  621. letter-spacing: 2px;
  622. font-weight: normal;
  623. }
  624.  
  625. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  626.  
  627. #postnotes{
  628. text-align: justify;}
  629.  
  630. #postnotes blockquote{
  631. border: 0px;}
  632.  
  633. blockquote{
  634. padding: 2px 2px 2px 5px;
  635. margin:2px 2px 2px 5px;
  636. border-left: 2px solid #888;
  637. }
  638.  
  639. blockquote p, ul{
  640. margin:0px;
  641. padding:0px;
  642. }
  643.  
  644. a img{border: 0px;}
  645.  
  646. ul, li{
  647. list-style:none;
  648. padding: 1px 1px 1px 2px;
  649. margin:1px 1px 1px 1px;
  650. }
  651.  
  652. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  653. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  654.  
  655. .notes img{width:10px; position:relative; top:3px;}
  656.  
  657. .permalink {
  658. display: block;
  659. padding: 0px;
  660. margin: 4px 8px 0px 8px;
  661. text-transform: uppercase;
  662. font-family: pixel;
  663. font-size: 8px;
  664. color: #313131;
  665. line-height: 18px;
  666. text-align: right;
  667. text-decoration: none;
  668. -webkit-transition: color 0.5s ease-out;
  669. -moz-transition: color 0.5s ease-out;
  670. border-top: 1px dotted #dcdcdc;
  671. }
  672.  
  673. .entry .blanket{
  674. position:absolute;
  675. width:210px;
  676. height:0px;
  677. overflow:hidden;
  678. margin-top:0px;
  679. opacity:0.0;
  680. bottom: 0px;
  681. background-color:#fff;
  682. -webkit-transition: all .5s linear;
  683. -moz-transition: all .5s linear;
  684. transition: all .5s linear;
  685. }
  686.  
  687. .entry:hover .blanket{
  688. height:20px;
  689. opacity: 0.9;
  690. -webkit-transition: all .5s linear;
  691. -moz-transition: all .5s linear;
  692. transition: all .5s linear;
  693. }
  694.  
  695. .entry .blanket .permalink2{
  696. text-transform:uppercase;
  697. width:210px;
  698. height:25px;
  699. font-family:pixel;
  700. font-size:8px;
  701. color:#000;
  702. font-decoration:none;
  703. text-align:center;
  704. margin-top:5px;
  705. opacity:0.0
  706. background-color:#000;
  707. -webkit-transition: all .3s linear;
  708. -moz-transition: all .3s linear;
  709. transition: all .3s linear;
  710. }
  711.  
  712. .entry:hover .blanket .permalink2{
  713. opacity:1;
  714. -webkit-transition: all .4s linear;
  715. -moz-transition: all .4s linear;
  716. transition: all .4s linear;
  717. }
  718.  
  719. .entry .blanket .permalink2 a{
  720. color:#000;
  721. -webkit-transition: all .3s linear;
  722. -moz-transition: all .3s linear;
  723. transition: all .3s linear;
  724. }
  725.  
  726. .entry:hover .blanket .permalink2 a:hover {
  727. color:#888;
  728. -webkit-transition: all .3s linear;
  729. -moz-transition: all .3s linear;
  730. transition: all .3s linear;
  731. }
  732.  
  733. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  734.  
  735. @font-face { font-family: "kingcoolkc"; src: url('http://static.tumblr.com/4yxykdm/wmVlrea61/king_cool_kc_1_.ttf'); }
  736.  
  737. @font-face { font-family:basket;
  738. src: url('http://static.tumblr.com/iddq6cw/MZUlwm0mp/sweetly_broken.ttf');
  739. }
  740.  
  741.  
  742. .firstletter {
  743. font-family:black swan;
  744. text-transform: lowercase;
  745. font-size:30px;
  746. line-height: 10px;
  747. margin-left:-45px;
  748. width:160px;
  749. color: {color:title};
  750. font-color: {color:title};
  751. text-align:center;
  752. text-shadow:3px 2px 3px #000;
  753. }
  754.  
  755. .firstletter:first-letter {
  756. color: {color: first letter of title};
  757. text-transform: uppercase;
  758. font-size:60px;
  759. margin-left
  760. }
  761.  
  762.  
  763. @font-face {
  764. font-family: "sweetly";
  765. src: url('http://static.tumblr.com/z5o2pr2/vpWm0rjxz/sweetly_broken.ttf');
  766. }
  767. {CustomCSS}
  768. ::selection {
  769. background: {color:side2};
  770. color: #000;
  771. }
  772.  
  773. ::-moz-selection {
  774. background: {color:side2};
  775. color: #000;
  776. }
  777. </style>
  778. <link rel="shortcut icon" href="{Favicon}">
  779. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  780. <meta name="viewport" content="width=820" />
  781.  
  782. </head>
  783. <body onkeydown="return false">
  784.  
  785. <div class="wrapper">
  786.  
  787. <div id="sidebar">
  788. <div id="sidepicture"><img src="{image:sidebar}" width=180px height=208px>
  789. <div class="side1"></div> <div class="side2"><br><a href="{text:link one}">{text:link one title}</a> + <a href="{text:link two}">{text:link two title}</a> + <a href="{text:link three}">{text:link three title}</a> + <a href="{text:link four}">{text:link four title}</a> + <a href="{text:link five}">{text:link five title}</a>
  790. </div>
  791.  
  792.  
  793.  
  794. <div class="side3"><br><br>{Description}</br></div>
  795.  
  796. <div class="side5"><br><marquee>{text:moving text}</marquee></br>
  797. </div>
  798.  
  799. <div class="side7"><br><marquee>{text:moving text2}</marquee></br>
  800. </div>
  801.  
  802. <div class="side6"><br><marquee behavior="alternate">{text:moving text3}</marquee><!-- dfkfkdffk --><p><a" href=""></a></p></br>
  803. </div>
  804.  
  805.  
  806. <div class="side8"><br>{text:free online users code}</br>
  807. </div>
  808.  
  809. <div class="side9"><br>{text:whatever} <font color="{color:side2}">♥</font></a> >>>>></a></br>
  810. </div>
  811.  
  812.  
  813. <div class="side4">
  814.  
  815. <div id="blogtitle">
  816. <div class="firstletter">{Title}</div>
  817. </div></center><br>
  818.  
  819.  
  820.  
  821. </div>
  822. </div>
  823.  
  824.  
  825. </div>
  826.  
  827.  
  828.  
  829.  
  830. <div id="drowning">
  831. <div style=" overflow:auto; font-family: pixel; margin-left:-8px; margin-top: -10px; width:134px; height: 40px;background-color: transparent; color; #fff; font-size: 8px; text-align: center;">
  832.  
  833.  
  834. </div></div>
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842. <div class="header">
  843. <div class="left">
  844. <div id="posts">
  845.  
  846. {block:Posts}
  847. <div class="entry">
  848. {block:Text}
  849. <div class="textpost">
  850. {block:Title}{Title}{/block:Title}
  851. {Body}
  852. {block:IndexPage}
  853. <div class="permalink">
  854. <a href="{permalink}">posted {timeago} with {notecount} notes <font color="{color:side2}">♥</font></a>
  855. </div>
  856. {/block:IndexPage}
  857. </div>
  858. {/block:Text}
  859.  
  860. {block:Link}
  861. <div class="textpost">
  862. <a href="{URL}" class="title">{Name}</a>
  863. {block:Description}{Description}{/block:Description}
  864. {block:IndexPage}
  865. <div class="permalink">
  866. <a href="{permalink}">posted {timeago} with {notecount} notes <font color="{color:side2}">♥</font></a>
  867. </div>
  868. {/block:IndexPage}
  869. </div>
  870. {block:Link}
  871.  
  872. {block:Answer}
  873. <br>
  874. <div style="border-radius:5px; border: 1px dashed #ddd; margin: 3px; min-height:30px; padding: 3px; background-color: trans; box-shadow: 0px 0px 0px 0px #8A2BE2; font-family: handy00; font-size: 8px;">
  875. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 0px #ddd; border-top-right-radius:0px; border-bottom-right-radius:0px; border-top-left-radius:0px; border-bottom-left-radius:0px;"/>
  876. <div style="font-family: littlefont; text-transform: uppercase; font-size: 8px;">{Asker} said:</div> {Question}<br></div>
  877. <Br>
  878. <div style="font-family: littlefont; text-transform: uppercase; font-size: 8px;">
  879. and i said: </div>
  880.  
  881. <div style="font-family: ronda; text-transform: normal; font-size: 8px;">{Answer}
  882. </div>
  883. <br>
  884. <div class="permalink">
  885. <a href="{permalink}">posted {timeago} with {notecount} notes <font color="{color:side2}">♥</font></a>
  886. </div>
  887.  
  888. {/block:Answer}
  889.  
  890.  
  891.  
  892. {block:Photo}
  893. {block:IndexPage}
  894. <div class="blanket">
  895. <div class="permalink2">
  896. <center><a href="{permalink}"> <font color="{color:side2}">♥</font></a> <a href="{permalink}"> posted {timeago} <font color="{color:side2}">♥</font></a> with {notecount} notes</a> <font color="{color:side2}">♥</font></a> <a href="{ReblogURL}" target="_blank">reblawg</a><font color="{color:side2}">♥</font></a></span></center></div>
  897. </div>
  898. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="210px"/>
  899. {/block:IndexPage}
  900.  
  901. {block:PermalinkPage}
  902. {LinkOpenTag}
  903. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="503"/>
  904. {LinkCloseTag}{/block:PermalinkPage}
  905. {/block:Photo}
  906.  
  907. {block:Photoset}
  908. {block:IndexPage}
  909. <div class="blanket">
  910. <div class="permalink2">
  911. <a href="{permalink}">{timeago} + {NoteCountWithLabel} + <a href="{ReblogURL}" target="_blank">reblog</a></a></span></div>
  912. </div>
  913. <center>{Photoset-250}</center>
  914. {/block:IndexPage}
  915.  
  916. {block:PermalinkPage}
  917. {Photoset-500}
  918. {/block:PermalinkPage}
  919. {/block:Photoset}
  920.  
  921. {block:Quote}
  922. <div class="textpost">
  923. {Quote}</span>
  924. {block:Source}{Source}{/block:Source}
  925. {block:IndexPage}
  926. <div class="permalink">
  927. <a href="{permalink}">posted {timeago} with {notecount} notes <font color="{color:side2}">♥</font> </a>
  928. </div>
  929. {/block:IndexPage}
  930. </div>
  931. {/block:Quote}
  932.  
  933. {block:Chat}
  934. <div class="textpost">
  935. {block:Title}<span class="title">{Title}</span>{/block:Title}
  936. <ul class="chat">
  937. {block:Lines}
  938. <li class="user_{UserNumber}">
  939. {block:Label}
  940. <span class="label">{Label}</span>
  941.  
  942. {/block:Label}
  943.  
  944. {Line}
  945. </li>
  946. {/block:Lines}
  947. </ul>
  948. {block:IndexPage}
  949. <div class="permalink">
  950. <a href="{permalink}">posted {timeago} with {notecount} notes <font color="{color:side2}">♥</font></a>
  951. </div>
  952. {/block:IndexPage}
  953. </div>
  954. {/block:Chat}
  955.  
  956. {block:Audio}
  957. <div class="textpost">
  958. {AudioPlayerBlack}
  959. {block:ifshowaudiocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowaudiocaptions}
  960. {block:IndexPage}
  961. <div class="permalink">
  962. <a href="{permalink}">posted {timeago} with {notecount} notes <font color="{color:side2}">♥</font></a>
  963. </div>
  964. {/block:IndexPage}
  965. </div>
  966. {/block:Audio}
  967.  
  968. {block:Video}
  969. {block:IndexPage}
  970. <div class="blanket">
  971. <div class="permalink2">
  972. <a href="{permalink}">{timeago} + {NoteCountWithLabel} + <a href="{ReblogURL}" target="_blank">reblog</a></a></span></div>
  973. </div>
  974. {/block:IndexPage}
  975. <center>{Video-250}</center>
  976. {block:Video}
  977.  
  978. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}{block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  979. <p>{block:RebloggedFrom}<div style="border-bottom:1px solid #ddd; text-align:left; text-transform:none; "> reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>posted by <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  980. {/block:RebloggedFrom}</center></span><br><div id="postnotes">{PostNotes}</div><br>
  981. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}{/block:PermalinkPage}
  982. </div>
  983. {/block:Posts}
  984. </div>
  985. </div>
  986. </div>
  987. {block:IndexPage}
  988. {block:Pagination}
  989. <ul id="pagination">
  990. {block:PreviousPage}
  991. <li><a href="{PreviousPage}"></a></li>
  992. {/block:PreviousPage}
  993. {block:JumpPagination length="5"}
  994. {block:CurrentPage}
  995. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  996. {/block:CurrentPage}
  997. {block:JumpPage}
  998. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  999. {/block:JumpPage}
  1000. {/block:JumpPagination}
  1001. {block:NextPage}
  1002. <li><a id="nextPage" href="{NextPage}"></a></li>
  1003. {/block:NextPage}
  1004. </ul>
  1005. {/block:Pagination}
  1006. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  1007. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  1008. <script type="text/javascript">
  1009. $(window).load(function () {
  1010. $('#posts').masonry(),
  1011. $('.masonryWrap').infinitescroll({
  1012. navSelector : '#pagination',
  1013. nextSelector : '#pagination a#nextPage',
  1014. itemSelector : ".entry",
  1015. bufferPx : 200,
  1016. loadingImg : "http://static.tumblr.com/plngtrn/ieqlmwwlc/ajax-loader.gif",
  1017. loadingText : "<em></em>",
  1018. },
  1019. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  1020. );
  1021. });
  1022. </script>
  1023. {/block:IndexPage}
  1024.  
  1025.  
  1026.  
  1027. </body>
  1028.  
  1029.  
  1030. </a><div style="position:fixed; bottom:10px; left:10px;">
  1031. <a href="http://biebinator.tumblr.com/">credit</a>
  1032. </html>
  1033. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement