hashtagboobs

Theme 4 w/ sidebar picture

Jul 27th, 2013
771
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.20 KB | None | 0 0
  1. <!----
  2. Theme by Sal
  3. Please do not take off credit, or you will be reported and deleted. :)
  4. pls message if anything is wrong
  5. ----->
  6.  
  7.  
  8. <head>
  9. <link rel="shortcut icon" href="{favicon}">
  10.  
  11. <body onkeydown="return false">
  12.  
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Julee|Oleo+Script+Swash+Caps' rel='stylesheet' type='text/css'>
  15. <script language=JavaScript>
  16.  
  17.  
  18.  
  19.  
  20. <script type="text/javascript">
  21. $(window).load(function () {
  22. var $content = $('#posts');
  23. $content.masonry({itemSelector: '.entry'}),
  24. $content.infinitescroll({
  25. navSelector : 'div#pagination',
  26. nextSelector : 'div#pagination a#nextPage',
  27. itemSelector : '.entry',
  28. loading: {
  29. finishedMsg: '',
  30. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  31. },
  32. bufferPx : 600,
  33. debug : false,
  34. },
  35. // call masonry as a callback.
  36. function( newElements ) {
  37. var $newElems = $( newElements );
  38. $newElems.hide();
  39. // ensure that images load before adding to masonry layout
  40. $newElems.imagesLoaded(function(){
  41. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  42.  
  43.  
  44. });
  45. });
  46. });
  47. </script>
  48.  
  49. <script type="text/javascript"
  50. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  51. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  52. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  53. <meta name="color:Background" content="#fdfdfd"/>
  54. <meta name="color:Text" content="#a8a4a4"/>
  55. <meta name="color:link" content="#aaaaaa"/>
  56. <meta name="color:quote" content="#aaaaaa"/>
  57. <meta name="color:link hover" content="#cccccc"/>
  58. <meta name="image:background" content=""/>
  59. <meta name="image:posts background" content=""/>
  60. <meta name="image:Sidebar" content=""/>
  61. <meta name="color:blogtitle2" content="#ffffff"/>
  62. <meta name="color:sidebar links" content="#a8a4a4"/>
  63. <meta name="color:blogtitle bg" content="#a8a4a4"/>
  64. <meta name="text:blogtitle2" content="blog title here"/>
  65. <meta name="text:link 1 url" content="/ask" />
  66. <meta name="text:Link 1 Title" content="inbox"/>
  67. <meta name="text:link 2 url" content="" />
  68. <meta name="text:Link 2 Title" content="link2"/>
  69. <meta name="text:link 3 url" content="" />
  70. <meta name="text:Link 3 Title" content="link3"/>
  71.  
  72. <style type="text/css">
  73.  
  74.  
  75.  
  76.  
  77. ::-webkit-scrollbar {
  78. height: 7px;
  79. width: 7px;
  80. background: #FFF;
  81. }
  82.  
  83. ::-webkit-scrollbar-thumb {
  84. border: 1px solid #b6b6b6;
  85. background: #eee;
  86.  
  87. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  88. }
  89.  
  90.  
  91. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  92. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  93. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  94. @font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  95.  
  96. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); 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;z-index:9999999999999999999999999999;}
  97.  
  98. 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;}
  99.  
  100.  
  101. .wrapper{
  102. margin: 0px auto;
  103. width: 802px;
  104. }
  105.  
  106. .header{
  107. float: left;
  108. width: 100%;
  109. }
  110.  
  111. .left{
  112. float: left;
  113. margin-right: 20px;
  114. width: 802px;
  115. }
  116.  
  117. .right{
  118. float: right;
  119. width: 200px;
  120. background-color: {color:Background};
  121. }
  122.  
  123. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  124.  
  125. yum{font-family:caviardreams; color:#f8989a; text-transform:uppercase; font-size:16px;line-height:18px;}
  126.  
  127.  
  128. body {
  129. margin: 0px;
  130. background-color:{color:background};
  131. background-attachment: fixed;
  132. background-repeat: repeat;
  133. background-image: url('{image:background}');
  134.  
  135. background-position: center;
  136. }
  137.  
  138.  
  139. body, div, p, textarea, submit, input {
  140. font-family:consolas;
  141. font-size: 10px;
  142. line-height:12px;
  143. color:{color:text};
  144. text-transform:none;
  145. }
  146.  
  147. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  148.  
  149. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  150.  
  151.  
  152. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  153.  
  154. @font-face {
  155. font-family: "just realize";
  156. src: url('http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf');
  157. }
  158. @font-face {
  159. font-family: "tinytots";
  160. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  161. }
  162.  
  163. @font-face { font-family: "sweetiepie"; src: url('http://static.tumblr.com/4yxykdm/h9hlrfl0t/sweetie_pie_1_.ttf'); }
  164. @font-face {
  165. font-family: "caviardreams";
  166. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');
  167. }
  168.  
  169. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  170.  
  171. @import url(http://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps);
  172.  
  173.  
  174. a:link, a:active, a:visited{
  175. color: {color:link};
  176. text-decoration:none;
  177. -webkit-transition: color 0.4s ease-out;
  178. -moz-transition: color 0.4s ease-out;
  179. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  180.  
  181. a:hover {
  182. color:{color:link hover};
  183. text-decoration:line-through;
  184. -webkit-transition: color 0.3s ease-out;
  185. -moz-transition: color 0.3s ease-out;
  186. text-shadow:0px 0px 10px #696969;
  187. text-decoration:none;
  188.  
  189. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  190.  
  191.  
  192. div#posts {
  193. width:700px;
  194. margin-left:440px;
  195. margin-top:0px;
  196. background:none;
  197. border-left:0px solid #eee;
  198. float:left;
  199. }
  200.  
  201.  
  202. .entry img {
  203. {block:ifroundedcorners}-moz-border-radius: 5px;
  204. border-radius: 5px;
  205. {block:ifroundedcorners}
  206. display: block;
  207. max-width: 100%;
  208. {block:iffadedimages}
  209. opacity:0.9;
  210. filter:alpha(opacity=80);
  211. -webkit-transition: all ease-in 250ms;
  212. -moz-transition: all ease-in 250ms;
  213. -o-transition: all ease-in 250ms;
  214. -ms-transition: all ease-in 250ms;
  215. transition: all ease-in 250ms;
  216. {/block:iffadedimages}
  217. }
  218.  
  219. .entry {
  220.  
  221. margin:5px;
  222. padding:8px;
  223. opacity:0.7;
  224. z-index:;
  225. float:left;
  226. background-color:#fff;
  227. font-size: 8px;
  228. border:1px solid #ddd;
  229. border-radius: 4px;
  230. line-height:8px;
  231. {block:IndexPage}
  232. width:216px;
  233. {/block:IndexPage}
  234. {block:PermalinkPage}
  235. width:500px;
  236. {/block:PermalinkPage}
  237. box-shadow: 0px 0px 0px #aaa;
  238.  
  239. }
  240.  
  241.  
  242. .entry:hover{
  243. opacity:0.8;
  244. }
  245.  
  246.  
  247. .entry .perma a{
  248. color:#000;
  249. }
  250. @font-face{font-family:Double Feature;src:url(http://static.tumblr.com/9wzbixa/pY7mj2hgs/doublefeature20.ttf);}
  251. .entry .perma{
  252. width:190px;
  253. height:25px;
  254. font-family: consolas;
  255. text-transform:uppercase;
  256. position: absolute;
  257. font-size: 8px;
  258. line-height: 25px;
  259. text-align: left;
  260. overflow:hidden;
  261. opacity: 0.0;
  262. padding-left:10px;
  263. background-color:#fff;
  264. letter-spacing:0px;
  265. margin-top:-4px;
  266. margin-left: -10px;
  267. border-radius: 0px;
  268. border-top:0px solid #ddd;
  269. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  270. -webkit-transition: all 0.5s linear;
  271. -moz-transition: all 0.5s linear;
  272. transition: all 0.5s linear;
  273. }
  274.  
  275. .entry:hover .perma{
  276. margin-top:9px;
  277. opacity: 0.8;
  278. margin-left: 9px;
  279. width: 190px;
  280.  
  281. overflow:visible;
  282. -webkit-transition: all 0.3s linear;
  283. -webkit-transition: all 0.3s linear;
  284. -moz-transition: all 0.3s linear;
  285. transition: all 0.3s linear;
  286. }
  287.  
  288.  
  289.  
  290. @font-face{font-family:Fangtasia;src:url(http://static.tumblr.com/9wzbixa/n1fmj2ibf/fangtasia.ttf);}
  291.  
  292.  
  293.  
  294.  
  295.  
  296.  
  297.  
  298.  
  299. askk {
  300. font-family: bby;
  301. color: {color:Title};
  302. font-size:15px;
  303. text-transform:uppercase;
  304. z-index:1;
  305. }
  306.  
  307. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  308.  
  309.  
  310. .permalinktext {
  311. display: block;
  312. padding: 1px;
  313. background-color:transparent;
  314. margin: 0px 0px 0px 8px;
  315. font-family: consolas;
  316. letter-spacing: 0px;
  317. font-size: 10px;
  318. color: {color:text};
  319. line-height: 10px;
  320. text-align: center;
  321. text-decoration: none;
  322. -webkit-transition: color 0.5s ease-out;
  323. -moz-transition: color 0.5s ease-out;
  324. border-top: 1px solid #aaa;
  325. }
  326.  
  327.  
  328.  
  329. select {
  330. font-size: 9px;
  331. width: 100px;
  332. margin-left: 10px;
  333.  
  334. }
  335. option {
  336. font-size: 9px;
  337. text-align: left;
  338.  
  339. }
  340. input[type=button]
  341. {
  342. font-size: 9px;
  343. }
  344.  
  345.  
  346. background {
  347. text-transform:none;
  348. background-color: #FFC1C1;
  349. padding: 6px;
  350. }
  351. caca {
  352. letter-spacing: 1px;
  353. border-bottom:1px dashed #aaa;
  354. }
  355. fondo {
  356. text-transform:none;
  357. background-color:#faf5f6;
  358. padding: 5px;
  359. }
  360. #container {
  361. position:fixed;
  362. top:0px;
  363. left:1000px;
  364. }
  365. @font-face { font-family: "flemish"; src: url('http://static.tumblr.com/uuzw7gl/Fjxmfcy6f/flemscrn.ttf'); }
  366. @font-face { font-family: "redensek"; src: url('http://static.tumblr.com/4yxykdm/ICUlrfl4t/redensek_1_.ttf'); }
  367. @import url(http://fonts.googleapis.com/css?family=Julee|Oleo+Script+Swash+Caps);
  368. @font-face { font-family: "that one thing"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  369. .description{
  370. opacity:0.7;
  371. margin-top:100px;
  372. margin-left:143px;
  373. width:239px;
  374. padding-top:5px;
  375. padding-left:10px;
  376. padding-right:10px;
  377. padding-bottom:5px;
  378. height:auto;
  379. float:left;
  380. border-top:1px solid #ddd;
  381. border-bottom:3px solid white;
  382. font-family:"helvetica";
  383. font-size:10px;
  384. letter-spacing:.5px;
  385. text-align:justify;
  386. line-height:9px;
  387. word-wrap:break-word;
  388. background-color:#fff;
  389. color:{color:text};
  390. z-index:99999;
  391. position:fixed;
  392. -moz-box-shadow: 2px 2px 1px;
  393. -webkit-box-shadow: 2px 2px 1px;
  394. box-shadow: 2px 2px 1px;
  395. -webkit-transition: all 0.4s linear;
  396. -moz-transition: all 0.4s linear;
  397. transition: all 0.4s linear;
  398.  
  399. }
  400.  
  401.  
  402. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  403.  
  404. @font-face { font-family:"champagne"; src:url('http://static.tumblr.com/xekbux7/zVim6yitc/champagne___limousines.ttf');}
  405.  
  406.  
  407. @font-face{
  408. font-family: WebSymbolsRegular;
  409. src: url(http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf);
  410. }
  411.  
  412. bg {
  413. text-transform:none;
  414. font-family:consolas;
  415. font-size:12px;
  416. border-bottom:1px dotted #aaa;
  417.  
  418. }
  419.  
  420. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  421. @font-face{font-family:Ginette;src:url(http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf);}
  422. @font-face {
  423. font-family: "heart heaven";
  424. src: url('http://static.tumblr.com/synz5a3/HLemi4omo/heart_heaven.ttf');}
  425.  
  426. @font-face { font-family: "bby"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf');}
  427.  
  428.  
  429. #sidebar {
  430. position:fixed !important;
  431. width:auto;
  432. opacity:1;
  433. padding:11px;
  434. padding-top:40px;
  435. font-family: arma;
  436. height:auto;
  437. background-color:#fafafa;
  438. margin-left:140px;
  439. margin-top:150px;
  440. background-image:url();
  441. z-index: 99999;
  442. border-radius: 10px;
  443. box-shadow: 0px 0px 3px #aaa;
  444. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  445.  
  446. #sidebarpic img{
  447. height: auto;
  448. width: 229px;
  449. opacity:1;
  450. z-index:999999;
  451.  
  452.  
  453. }
  454.  
  455. @font-face{font-family:Double Feature;src:url(http://static.tumblr.com/9wzbixa/pY7mj2hgs/doublefeature20.ttf);}
  456. .link a{
  457. color:#fff;
  458. }
  459.  
  460. .link{
  461. opacity:0.7;
  462. margin-top:160px;
  463. margin-left:160px;
  464. width:35px;
  465. padding-top:6px;
  466. padding-bottom:5px;
  467. height:auto;
  468. letter-spacing:1px;
  469. float:left;
  470. box-shadow: 0px 0px 2px #aaa;
  471. text-align:center;
  472. line-height:8px;
  473. font-family: "arma";
  474. font-size: 8px;
  475. background-color:{color:sidebar links};
  476. border:2px solid white;
  477. color:{color:link};
  478. text-transform:uppercase;
  479. z-index:99999999;
  480. position:fixed;
  481. -o-transition-transition: all 0.9s ease-out;
  482. -webkit-transition: all 0.9s ease-out;
  483. -moz-transition: all 0.9s ease-out;
  484. }
  485.  
  486. .link:hover {-webkit-transform: scale(1.2);opacity:0.8;background-color:{color:1}; color:{color:link}; -moz-box-shadow:inset -200px -250px -2050px -0.5px {color:1}0;
  487. -webkit-box-shadow:inset -200px 600px -240px -0.5px {color:link};
  488. box-shadow:inset -200px 200px -260px -0.5px {color:1};
  489. font-family:consolas;
  490. font-size:9px;
  491. -webkit-transition:0.5s linear;}
  492. .link2 a{
  493. color:#fff;
  494. }
  495. .link2{
  496. opacity:0.7;
  497. margin-top:160px;
  498. margin-left:205px;
  499. width:35px;
  500. padding-top:6px;
  501. padding-bottom:5px;
  502. height:auto;
  503. letter-spacing:1px;
  504. float:left;
  505. box-shadow: 0px 0px 2px #aaa;
  506. text-align:center;
  507. line-height:8px;
  508. font-family: "arma";
  509. font-size: 8px;
  510. background-color:{color:sidebar links};
  511. border:2px solid white;
  512. color:{color:link};
  513. text-transform:uppercase;
  514. z-index:99999999;
  515. position:fixed;
  516. -o-transition-transition: all 0.9s ease-out;
  517. -webkit-transition: all 0.9s ease-out;
  518. -moz-transition: all 0.9s ease-out;
  519. }
  520. .link2:hover {-webkit-transform: scale(1.2);opacity:0.8;background-color:{color:1}; color:{color:link}; -moz-box-shadow:inset -200px -250px -2050px -0.5px {color:1}0;
  521. -webkit-box-shadow:inset -200px 600px -240px -0.5px {color:link};
  522. box-shadow:inset -200px 200px -260px -0.5px {color:1};
  523. font-family:consolas;
  524. font-size:9px;
  525. -webkit-transition:0.5s linear;}
  526.  
  527. .link3 a{
  528. color:#fff;
  529. }
  530. .link3{
  531. opacity:0.7;
  532. margin-top:160px;
  533. margin-left:250px;
  534. width:35px;
  535. padding-top:6px;
  536. padding-bottom:5px;
  537. height:auto;
  538. letter-spacing:1px;
  539. float:left;
  540. box-shadow: 0px 0px 2px #aaa;
  541. text-align:center;
  542. line-height:8px;
  543. font-family: "arma";
  544. font-size: 8px;
  545. background-color:{color:sidebar links};
  546. border:2px solid white;
  547. color:{color:link};
  548. text-transform:uppercase;
  549. z-index:99999999;
  550. position:fixed;
  551. -o-transition-transition: all 0.9s ease-out;
  552. -webkit-transition: all 0.9s ease-out;
  553. -moz-transition: all 0.9s ease-out;
  554. }
  555. @font-face{font-family:Jane Austen;src:url(http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf);}
  556. .link3:hover {-webkit-transform: scale(1.2);opacity:0.8;background-color:{color:1}; color:{color:link}; -moz-box-shadow:inset -200px -250px -2050px -0.5px {color:1}0;
  557. -webkit-box-shadow:inset -200px 600px -240px -0.5px {color:link};
  558. box-shadow:inset -200px 200px -260px -0.5px {color:1};
  559. font-family:consolas;
  560. font-size:9px;
  561. -webkit-transition:0.5s linear;}
  562. .link4 a{
  563. color:#fff;
  564. }
  565. .link4{
  566. opacity:0.7;
  567. margin-top:160px;
  568. margin-left:295px;
  569. width:35px;
  570. padding-top:6px;
  571. padding-bottom:5px;
  572. height:auto;
  573. letter-spacing:1px;
  574. float:left;
  575. box-shadow: 0px 0px 2px #aaa;
  576. text-align:center;
  577. line-height:8px;
  578. font-family: "arma";
  579. font-size: 8px;
  580. background-color:{color:sidebar links};
  581. border:2px solid white;
  582. color:{color:link};
  583. text-transform:uppercase;
  584. z-index:99999999;
  585. position:fixed;
  586. -o-transition-transition: all 0.9s ease-out;
  587. -webkit-transition: all 0.9s ease-out;
  588. -moz-transition: all 0.9s ease-out;
  589. }
  590.  
  591. .link4:hover {-webkit-transform: scale(1.2);opacity:0.8;background-color:{color:1}; color:{color:link}; -moz-box-shadow:inset -200px -250px -2050px -0.5px {color:1}0;
  592. -webkit-box-shadow:inset -200px 600px -240px -0.5px {color:link};
  593. box-shadow:inset -200px 200px -260px -0.5px {color:1};
  594. font-family:consolas;
  595. font-size:9px;
  596. -webkit-transition:0.5s linear;}
  597. .link5 a{
  598. color:#fff;
  599. }
  600. .link5{
  601. opacity:0.7;
  602. margin-top:160px;
  603. margin-left:340px;
  604. width:40px;
  605. padding-top:6px;
  606. padding-bottom:5px;
  607. height:auto;
  608. letter-spacing:1px;
  609. float:left;
  610. box-shadow: 0px 0px 2px #aaa;
  611. text-align:center;
  612. line-height:8px;
  613. font-family: "arma";
  614. font-size: 8px;
  615. background-color:{color:sidebar links};
  616. border:2px solid white;
  617. color:{color:link};
  618. text-transform:uppercase;
  619. z-index:99999999;
  620. position:fixed;
  621. -o-transition-transition: all 0.9s ease-out;
  622. -webkit-transition: all 0.9s ease-out;
  623. -moz-transition: all 0.9s ease-out;
  624. }
  625.  
  626.  
  627. .link5:hover {-webkit-transform: scale(1.2);opacity:0.8;background-color:{color:1}; color:{color:link}; -moz-box-shadow:inset -200px -250px -2050px -0.5px {color:1}0;
  628. -webkit-box-shadow:inset -200px 600px -240px -0.5px {color:link};
  629. box-shadow:inset -200px 200px -260px -0.5px {color:1};
  630. font-family:consolas;
  631. font-size:9px;
  632. -webkit-transition:0.5s linear;}
  633.  
  634.  
  635.  
  636.  
  637.  
  638.  
  639. @font-face { font-family: "sweetiepie"; src: url('http://static.tumblr.com/4yxykdm/h9hlrfl0t/sweetie_pie_1_.ttf'); }
  640. #infscr-loading{
  641. bottom: 70px;
  642. position: absolute;
  643. left: 100%;
  644. margin-left:-8px;
  645. width:0px;
  646. height:51px;
  647. overflow:hidden;
  648. margin-bottom: 0px;
  649. }
  650. @font-face {
  651. font-family: 'coneria_script_demo';
  652. src: url('http://static.tumblr.com/py6tjph/gkRmbykuc/demo_coneriascript.ttf') format('truetype');
  653. font-style: normal;
  654. }
  655. @font-face { font-family: "note"; src: url('http://static.tumblr.com/uuzw7gl/pqemfcy1g/ck_love_note.ttf'); }
  656.  
  657. @font-face { font-family: "flemish"; src: url('http://static.tumblr.com/uuzw7gl/Fjxmfcy6f/flemscrn.ttf'); }
  658. @font-face { font-family: "garden"; src: url('http://static.tumblr.com/uuzw7gl/FTumfd1d9/ngarden_trial___0.otf'); }
  659. @font-face{font-family: Color of Autumn; src: url(http://static.tumblr.com/9wzbixa/XDxmj2h3a/colors_of_autumn.ttf);}
  660.  
  661. @font-face {
  662. font-family: "written in the stars";
  663. src: url('http://static.tumblr.com/nsunyax/Ivrm14am8/writteninthestars.ttf');
  664. }
  665.  
  666. @font-face { font-family: "dreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  667.  
  668. @font-face{
  669. font-family:jane;
  670. src: url('http://static.tumblr.com/bm7b8hm/vnWmf9864/janeaust.ttf');,}
  671.  
  672. @font-face { font-family: "lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  673. @font-face{font-family:Edosz;src:url(http://static.tumblr.com/9wzbixa/yRZmj2htw/edosz.ttf);}
  674. div#bubbletitle2{
  675. z-index: 9999;
  676. opacity:0.85;
  677. background-color:transparent;
  678. color:{color:blogtitle2};
  679. position:fixed !important;
  680. top:-30px;
  681. left:-190px;
  682. font-size:30px;
  683. text-transform:none;
  684. font-family:jane;
  685. letter-spacing:1px;
  686. line-height: 50px;
  687. width:300px;
  688. padding-top:0px;
  689. text-shadow: 0px 0px 5px #696969;
  690. margin: 75px 0px 0px 328px;
  691. -webkit-transform: rotate(0deg);
  692. -moz-transform: rotate(0deg);
  693.  
  694. }
  695.  
  696. @font-face{font-family:Helvetidoodle; src:url(http://static.tumblr.com/9wzbixa/qOPmj2lzl/helvetidoodlebyedt.ttf);}
  697.  
  698. .title{
  699. font-family: Arma;
  700. font-size: 18px;
  701. text-transform:none;
  702. line-height: 25px;
  703. color: #807a7a;
  704. text-align:center;
  705. font-weight: normal;
  706. padding: 2px 0px 0px 0px;
  707. }
  708.  
  709.  
  710. blockquote{
  711. padding:0px 0px 2px 5px;
  712. margin:0px 0px 2px 10px;
  713. border-left: 1px dotted #555555;
  714. }
  715.  
  716. @font-face{
  717. font-family: "WebSymbolsRegular";
  718. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf');
  719. }
  720.  
  721.  
  722.  
  723.  
  724. {CustomCSS}
  725.  
  726. </style>
  727.  
  728. <script type="text/javascript">
  729.  
  730. var pausecontent=new Array()
  731. pausecontent[0]='{text:update one}'
  732. pausecontent[1]='{text:update two}'
  733. pausecontent[2]='{text:update three}'
  734. pausecontent[3]='{text:update four}'
  735. pausecontent[4]='{text:update five}'
  736. pausecontent[5]='{text:update six}'
  737.  
  738. </script>
  739.  
  740. {block:IndexPage}
  741. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  742. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  743.  
  744. <script type="text/javascript">
  745. $(window).load(function () {
  746. var $content = $('#posts');
  747. $content.masonry({itemSelector: '.entry'}),
  748. $content.infinitescroll({
  749. navSelector : 'div#pagination',
  750. nextSelector : 'div#pagination a#nextPage',
  751. itemSelector : '.entry',
  752. loading: {
  753. finishedMsg: '',
  754. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  755. },
  756. bufferPx : 600,
  757. debug : false,
  758. },
  759. // call masonry as a callback.
  760. function( newElements ) {
  761. var $newElems = $( newElements );
  762. $newElems.hide();
  763. // ensure that images load before adding to masonry layout
  764. $newElems.imagesLoaded(function(){
  765. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(240);} );
  766.  
  767.  
  768. });
  769. });
  770. });
  771. </script>
  772.  
  773. {/block:IndexPage}
  774.  
  775. <title>{title}</title>
  776.  
  777.  
  778.  
  779. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  780.  
  781. <meta name="viewport" content="width=820" />
  782.  
  783.  
  784.  
  785. <div id="crumble">
  786.  
  787.  
  788.  
  789. </div>
  790.  
  791.  
  792. </div>
  793.  
  794.  
  795.  
  796. <div id="bubbletitle2">{text:blogtitle2}</div>
  797.  
  798. </div>
  799.  
  800.  
  801. <div id="sidebar">
  802. <div id="sidebarpic"><a href="/"><img src="{image:sidebar}" style=" padding:5px;background-color:white;border: 1px solid #ddd;opacity:0.9;" width=100px; height=auto;class="sideimg">
  803.  
  804.  
  805.  
  806. </a></div></div>
  807.  
  808. <div class="description">{description}</div>
  809.  
  810. </div>
  811. <div class="link"><a href="/">home</a></div>
  812. <div class="link2"><a href="{text:link 1 url}">{text:Link 1 Title}</a></div>
  813. <div class="link3"><a href="{text:link 2 url} ">{text:Link 2 Title}</a></div>
  814. <div class="link4"><a href="{text:link 3 url}">{text:Link 3 Title}</a></div>
  815. <div class="link5"><a href="http://f-ckthepolice.tumblr.com" target="_blank">theme</a>
  816. </div>
  817.  
  818.  
  819. </div>
  820. <div id="border">
  821. </div>
  822.  
  823.  
  824.  
  825.  
  826. <div style="min-height:730px;">
  827. <div id="posts">
  828.  
  829. {block:Posts}
  830. <div class="entry">
  831.  
  832.  
  833.  
  834. {block:Text}
  835. {block:Title}<span class="title">{Title}</span>{/block:Title}
  836. <span class="entrytext">{Body}</span>
  837. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  838. {/block:Text}
  839.  
  840.  
  841. {block:Link}
  842. <a href="{URL}" class="title">{Name}</a>
  843. {block:Description}{Description}{/block:Description}
  844. <div class="permalinktext"> <a href="{permalink}"> <font color="#a8a4a4">{NoteCountwithlabel}</font></a> <font color="#a8a4a4">&middot</font> <a href="{ReblogURL}" target="_blank"><font color="#a8a4a4">reblog</font></a> <font color="#a8a4a4">&middot</font> <a href="{permalink}"><font color="#a8a4a4">{timeago}</font></a></div>
  845. {block:Link}
  846.  
  847.  
  848. {block:Photo}
  849. {block:IndexPage}
  850. <div class="perma">
  851. <a href="{permalink}"> {NoteCount} notes - <a href="{ReblogURL}" target="_blank">reblog </a> - <a href="{permalink}">{timeago}</a> </span></div>
  852. {/block:IndexPage}
  853. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="padding:8px; background-color:#fff;border:1px dashed #fafafa;"width="200"/></a></div>{LinkCloseTag}{/block:IndexPage}
  854. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  855. {/block:Photo}
  856.  
  857. {block:Photoset}
  858. {block:IndexPage}
  859. <center>
  860. {Photoset-250}</center>
  861. {/block:IndexPage}
  862. {block:PermalinkPage}
  863. <center>
  864. {Photoset-500}</center>
  865. {/block:PermalinkPage}
  866. {/block:Photoset}
  867.  
  868. {block:Quote}
  869. <span class="entrytext">{Quote}</span>
  870. <div class="cata"><omg><a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogURL}" target="_blank">reblog</a></omg/></div>
  871. {/block:Quote}
  872.  
  873. {block:Chat}
  874. {block:Title}<span class="title">{Title}</span>{/block:Title}
  875. <ul class="chat">
  876. {block:Lines}
  877. <li class="user_{UserNumber}">
  878. {block:Label}
  879. <span class="label">{Label}</span>
  880. {/block:Label}
  881.  
  882. {Line}
  883. </li>
  884. {/block:Lines}
  885. </ul>
  886. <div class="cata"><omg><a href="{permalink}">{notecountwithlabel}</a> ♡ <a href="{reblogURL}" target="_blank">reblog</a></omg/></div>
  887. {/block:Chat}
  888. {block:Audio}
  889. <center><div style="width:350px; height:30px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  890. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  891. {/block:Audio}
  892.  
  893. {block:Video}
  894. {block:IndexPage}
  895. <center>
  896. {Video-250}</center>
  897. {/block:IndexPage}
  898. {block:PermalinkPage}
  899. <center>
  900. {Video-500}</center>
  901. {/block:PermalinkPage}
  902. {block:Video}
  903.  
  904.  
  905. {block:Answer}
  906. <br>
  907. <div style="border-radius:5px; border:1px solid #ddd; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; padding-bottom:10px; background: #eee; ">
  908. <askk>{Asker}</askk>: {Question}<br></div>
  909. <div style="font-family: helvetica; font-size: 9px;">
  910. {Answer}
  911. </div>
  912. <div class="permalinktext"> <a href="{permalink}"> <font color="#a8a4a4">{NoteCountwithlabel}</font></a> <font color="#a8a4a4">&middot</font> <a href="{ReblogURL}" target="_blank"><font color="#a8a4a4">reblog</font></a> <font color="#a8a4a4">&middot</font> <a href="{permalink}"><font color="#a8a4a4">{timeago}</font></a></div>
  913. {/block:Answer}
  914.  
  915.  
  916. {block:PermalinkPage}
  917. <center>
  918. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  919.  
  920.  
  921. {/block:PermalinkPage}
  922.  
  923.  
  924. {block:PostNotes}{PostNotes}
  925. {/block:PostNotes}
  926. </div>
  927.  
  928.  
  929. {/block:Posts}
  930. </div>
  931.  
  932. {block:IndexPage}
  933. {block:Pagination}
  934. <div id="pagination">
  935. {block:NextPage}
  936. <a id="nextPage" href="{NextPage}"></a>
  937. {/block:NextPage}
  938. {block:PreviousPage}
  939. <a href="{PreviousPage}"></a>
  940. {/block:PreviousPage}
  941. </div>
  942. {/block:Pagination}
  943. {/block:IndexPage}
  944. </div>
  945.  
  946. <div style="position:fixed; top:35px; right:35px; opacity:.6">
  947. <a href="http://f-ckthepolice.tumblr.com"><img src="http://24.media.tumblr.com/b2911509a816f99ee27c7a050a1c325d/tumblr_mpjou0z79S1std6dio1_100.gif" width="55px"></a>
  948.  
  949. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" ></a>
  950.  
  951. </html>
  952.  
  953.  
  954. <!--
  955.  
  956. Please do not take off credit, or you will be reported and deleted. :)
  957. -->
Add Comment
Please, Sign In to add comment