Advertisement
catwalkinparis

HANGING THEME =]

May 9th, 2012
586
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.02 KB | None | 0 0
  1. <head>{block:ifInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScroll}</head>
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  4. "http://www.w3.org/TR/html4/strict.dtd">
  5.  
  6. <! theme by catwalkinparis!!>
  7.  
  8. <html lang="en">
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Special+Elite|Rochester|Lora:400italic|Mate+SC' rel='stylesheet' type='text/css'>
  11. <head>
  12.  
  13.  
  14.  
  15.  
  16.  
  17. <!-- Javascripts -->
  18.  
  19. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  20.  
  21. <!--[if lte IE 7]>
  22. <style type="text/css">
  23. html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
  24. </style>
  25. <![endif]-->
  26. <script type="text/javascript" src="http://static.tumblr.com/s1wvhep/zhKlzscgb/jqueryslidemenu.js"></script>
  27.  
  28. <script language=JavaScript>
  29. <!--
  30. //Disable right click script III- By Renigade (renigade@mediaone.net)
  31. //For full source code, visit http://www.dynamicdrive.com
  32. var message="";
  33. ///////////////////////////////////
  34. function clickIE() {if (document.all) {(message);return false;}}
  35. function clickNS(e) {if
  36. (document.layers||(document.getElementById&&!document.all)) {
  37. if (e.which==2||e.which==3) {(message);return false;}}}
  38. if (document.layers)
  39. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  40. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  41. document.oncontextmenu=new Function("return false")
  42. // -->
  43. </script>
  44.  
  45.  
  46. <img style="position:fixed; opacity: 1.0; Bottom:-10px; LEFT:-10px;width: 200px; z-index: 999;" src="http://media.tumblr.com/tumblr_m2nscnsJY01qfamg6.png">
  47.  
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=League+Script' rel='stylesheet' type='text/css'>
  50. <script type="text/javascript">
  51. WebFontConfig = {
  52. google: { families: [ 'League+Script::latin' ] }
  53. };
  54. (function() {
  55. var wf = document.createElement('script');
  56. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  57. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  58. wf.type = 'text/javascript';
  59. wf.async = 'true';
  60. var s = document.getElementsByTagName('script')[0];
  61. s.parentNode.insertBefore(wf, s);
  62. })(); </script>
  63.  
  64. <script type="text/javascript"
  65. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  66. <script>
  67. $(document).ready(function() {
  68. //
  69. $('a.poplight[href^=#]').click(function() {
  70. var popID = $(this).attr('rel'); //Get Popup Name
  71. var popURL = $(this).attr('href'); //Get Popup href to define size
  72. var query= popURL.split('?');
  73. var dim= query[1].split('&');
  74. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  75. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/6oysso7/2VSls1swx/a-helphtml__1_.ico" class="btn_close" title="Close" alt="Close" /></a>');
  76. var popMargTop = ($('#' + popID).height() + 80) / 2;
  77. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  78. //Apply Margin to Popup
  79. $('#' + popID).css({
  80. 'margin-top' : -popMargTop,
  81. 'margin-left' : -popMargLeft
  82. });
  83. $('body').append('<div id="fade"></div>');
  84. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  85. return false;
  86. });
  87. $('a.close, #fade').live('click', function() {
  88. $('#fade , .popup_block').fadeOut(function() {
  89. $('#fade, a.close').remove(); //fade them both out
  90. });
  91. return false;
  92. });
  93. });
  94. </script>
  95.  
  96.  
  97.  
  98.  
  99. <div style="font-family: 'Amatic SC', cursive;color: #313030; position:fixed; font-size: 10px; TOP:600px; left:200px;"><center><a href="http://catwalkinparis.tumblr.com">THEME CREDIT</a></div>
  100.  
  101. <link href='http://fonts.googleapis.com/css?family=Amatic+SC:700' rel='stylesheet' type='text/css'>
  102. <script type="text/javascript">
  103. WebFontConfig = {
  104. google: { families: [ 'Amatic+SC:700:latin' ] }
  105. };
  106. (function() {
  107. var wf = document.createElement('script');
  108. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  109. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  110. wf.type = 'text/javascript';
  111. wf.async = 'true';
  112. var s = document.getElementsByTagName('script')[0];
  113. s.parentNode.insertBefore(wf, s);
  114. })(); </script>
  115.  
  116.  
  117.  
  118. <script type="text/javascript">
  119. // <![CDATA[
  120. var colour="#EE9090";
  121. var sparkles=50;
  122.  
  123. /****************************
  124. * Tinkerbell Magic Sparkle *
  125. * (c) 2005 mf2fm web-design *
  126. * http://www.mf2fm.com/rv *
  127. * DON'T EDIT BELOW THIS BOX *
  128. ****************************/
  129. var x=ox=400;
  130. var y=oy=300;
  131. var swide=800;
  132. var shigh=600;
  133. var sleft=sdown=0;
  134. var tiny=new Array();
  135. var star=new Array();
  136. var starv=new Array();
  137. var starx=new Array();
  138. var stary=new Array();
  139. var tinyx=new Array();
  140. var tinyy=new Array();
  141. var tinyv=new Array();
  142.  
  143. window.onload=function() { if (document.getElementById) {
  144. var i, rats, rlef, rdow;
  145. for (var i=0; i<sparkles; i++) {
  146. var rats=createDiv(3, 3);
  147. rats.style.visibility="hidden";
  148. document.body.appendChild(tiny[i]=rats);
  149. starv[i]=0;
  150. tinyv[i]=0;
  151. var rats=createDiv(5, 5);
  152. rats.style.backgroundColor="transparent";
  153. rats.style.visibility="hidden";
  154. var rlef=createDiv(1, 5);
  155. var rdow=createDiv(5, 1);
  156. rats.appendChild(rlef);
  157. rats.appendChild(rdow);
  158. rlef.style.top="2px";
  159. rlef.style.left="0px";
  160. rdow.style.top="0px";
  161. rdow.style.left="2px";
  162. document.body.appendChild(star[i]=rats);
  163. }
  164. set_width();
  165. sparkle();
  166. }}
  167.  
  168. function sparkle() {
  169. var c;
  170. if (x!=ox || y!=oy) {
  171. ox=x;
  172. oy=y;
  173. for (c=0; c<sparkles; c++) if (!starv[c]) {
  174. star[c].style.left=(starx[c]=x)+"px";
  175. star[c].style.top=(stary[c]=y)+"px";
  176. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  177. star[c].style.visibility="visible";
  178. starv[c]=50;
  179. break;
  180. }
  181. }
  182. for (c=0; c<sparkles; c++) {
  183. if (starv[c]) update_star(c);
  184. if (tinyv[c]) update_tiny(c);
  185. }
  186. setTimeout("sparkle()", 40);
  187. }
  188.  
  189. function update_star(i) {
  190. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  191. if (starv[i]) {
  192. stary[i]+=1+Math.random()*3;
  193. if (stary[i]<shigh+sdown) {
  194. star[i].style.top=stary[i]+"px";
  195. starx[i]+=(i%5-2)/5;
  196. star[i].style.left=starx[i]+"px";
  197. }
  198. else {
  199. star[i].style.visibility="hidden";
  200. starv[i]=0;
  201. return;
  202. }
  203. }
  204. else {
  205. tinyv[i]=50;
  206. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  207. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  208. tiny[i].style.width="2px";
  209. tiny[i].style.height="2px";
  210. star[i].style.visibility="hidden";
  211. tiny[i].style.visibility="visible"
  212. }
  213. }
  214.  
  215. function update_tiny(i) {
  216. if (--tinyv[i]==25) {
  217. tiny[i].style.width="1px";
  218. tiny[i].style.height="1px";
  219. }
  220. if (tinyv[i]) {
  221. tinyy[i]+=1+Math.random()*3;
  222. if (tinyy[i]<shigh+sdown) {
  223. tiny[i].style.top=tinyy[i]+"px";
  224. tinyx[i]+=(i%5-2)/5;
  225. tiny[i].style.left=tinyx[i]+"px";
  226. }
  227. else {
  228. tiny[i].style.visibility="hidden";
  229. tinyv[i]=0;
  230. return;
  231. }
  232. }
  233. else tiny[i].style.visibility="hidden";
  234. }
  235.  
  236. document.onmousemove=mouse;
  237. function mouse(e) {
  238. set_scroll();
  239. y=(e)?e.pageY:event.y+sdown;
  240. x=(e)?e.pageX:event.x+sleft;
  241. }
  242.  
  243. function set_scroll() {
  244. if (typeof(self.pageYOffset)=="number") {
  245. sdown=self.pageYOffset;
  246. sleft=self.pageXOffset;
  247. }
  248. else if (document.body.scrollTop || document.body.scrollLeft) {
  249. sdown=document.body.scrollTop;
  250. sleft=document.body.scrollLeft;
  251. }
  252. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  253. sleft=document.documentElement.scrollLeft;
  254. sdown=document.documentElement.scrollTop;
  255. }
  256. else {
  257. sdown=0;
  258. sleft=0;
  259. }
  260. }
  261.  
  262. window.onresize=set_width;
  263. function set_width() {
  264. if (typeof(self.innerWidth)=="number") {
  265. swide=self.innerWidth;
  266. shigh=self.innerHeight;
  267. }
  268. else if (document.documentElement && document.documentElement.clientWidth) {
  269. swide=document.documentElement.clientWidth;
  270. shigh=document.documentElement.clientHeight;
  271. }
  272. else if (document.body.clientWidth) {
  273. swide=document.body.clientWidth;
  274. shigh=document.body.clientHeight;
  275. }
  276. }
  277.  
  278. function createDiv(height, width) {
  279. var div=document.createElement("div");
  280. div.style.position="absolute";
  281. div.style.height=height+"px";
  282. div.style.width=width+"px";
  283. div.style.overflow="hidden";
  284. div.style.backgroundColor=colour;
  285. return (div);
  286. }
  287. // ]]>
  288. </script>
  289. <link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  290. <script type="text/javascript">
  291. WebFontConfig = {
  292. google: { families: [ 'Lovers+Quarrel::latin,latin-ext' ] }
  293. };
  294. (function() {
  295. var wf = document.createElement('script');
  296. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  297. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  298. wf.type = 'text/javascript';
  299. wf.async = 'true';
  300. var s = document.getElementsByTagName('script')[0];
  301. s.parentNode.insertBefore(wf, s);
  302. })(); </script>
  303.  
  304. <link href='http://fonts.googleapis.com/css?family=Ruthie' rel='stylesheet' type='text/css'>
  305. <script type="text/javascript">
  306. WebFontConfig = {
  307. google: { families: [ 'Ruthie::latin' ] }
  308. };
  309. (function() {
  310. var wf = document.createElement('script');
  311. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  312. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  313. wf.type = 'text/javascript';
  314. wf.async = 'true';
  315. var s = document.getElementsByTagName('script')[0];
  316. s.parentNode.insertBefore(wf, s);
  317. })(); </script>
  318.  
  319. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
  320.  
  321. <script type="text/javascript">
  322. WebFontConfig = {
  323. google: { families: [ 'Shadows+Into+Light+Two::latin' ] }
  324. };
  325. (function() {
  326. var wf = document.createElement('script');
  327. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  328. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  329. wf.type = 'text/javascript';
  330. wf.async = 'true';
  331. var s = document.getElementsByTagName('script')[0];
  332. s.parentNode.insertBefore(wf, s);
  333. })(); </script>
  334.  
  335. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  336. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  337.  
  338. {PostSummary} - {/block:PostSummary}{Title}</title>
  339.  
  340. <style type="text/css">
  341.  
  342. #fade { /*--Transparent background layer--*/
  343. display: none; /*--hidden by default--*/
  344. background: #000;
  345. position: fixed; left: 0; top: 0;
  346. width: 100%; height: 100%;
  347. opacity: .80;
  348. z-index: 9999;
  349. }
  350. .popup_block{
  351. display: none; /*--hidden by default--*/
  352. background-image:url(http://28.media.tumblr.com/tumblr_m0732kvimx1r6vzz0o1_500.png);
  353. padding: 20px;
  354. border: 1px dashed #F9F9F9;
  355. float: left;
  356. color:#F9F9F9;
  357. font-size: 1.2em;
  358. position: fixed;
  359. top: 50%; left: 50%;
  360. z-index: 99999;
  361. /*--CSS3 Box Shadows--*/
  362. -webkit-box-shadow: 0px 0px 20px #000;
  363. -moz-box-shadow: 0px 0px 20px #000;
  364. box-shadow: 0px 0px 20px #000;
  365. /*--CSS3 Rounded Corners--*/
  366. -webkit-border-radius: 10px;
  367. -moz-border-radius: 10px;
  368. border-radius: 10px;
  369. }
  370. img.btn_close {
  371. float: right;
  372. margin: -5px -5px 0 0;
  373. }
  374. /*--Making IE6 Understand Fixed Positioning--*/
  375. *html #fade {
  376. position: fixed;
  377. }
  378. *html .popup_block {
  379. position: fixed;
  380. }
  381.  
  382.  
  383. {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
  384. {/block:ifFadedImages}
  385.  
  386. body {
  387. margin:0px;
  388. background-image:url(http://media.tumblr.com/tumblr_lw1hpvlwZK1r43b17.png);
  389. background-attachment: fixed;
  390. background-repeat: repeat;}
  391. body, div, p, textarea, submit, input{
  392. font-family: "littlefont";
  393. font-size: 8px;
  394. line-height:11px;
  395. color:#FF9B9B;
  396. cursor: url(http://media.tumblr.com/tumblr_lqcgly3lv31qlzq96.png), auto;
  397. }
  398.  
  399. ::-webkit-scrollbar {
  400. width: 10px;
  401. height: 25px;
  402. }
  403.  
  404. ::-webkit-scrollbar-button:start:decrement,
  405. ::-webkit-scrollbar-button:end:increment {
  406. height: 10px;
  407. display: block;
  408. background-color: #F9F9F9;
  409. border: 1px solid #eee;
  410. }
  411. ::-webkit-scrollbar-track-piece {
  412. background: #FFFFFF;
  413. }
  414. ::-webkit-scrollbar-thumb:vertical {
  415. height: 25px;
  416. background-image:url(http://media.tumblr.com/tumblr_lqcgly3lv31qlzq96.png);
  417. border: 1px solid #eee;
  418. }
  419.  
  420. p {
  421. margin:0px;
  422. margin-top:5px;
  423. }
  424.  
  425. i {
  426. color: {color:title};
  427. font-family: georgia;
  428. font-weight: none;
  429. font-size: {text:title font size};
  430. letter-spacing:-2px;
  431. }
  432.  
  433.  
  434. a:link, a:active, a:visited{
  435. color: #FBBBB9;
  436. text-decoration: none;
  437. }
  438.  
  439. a:hover {
  440. color:#736F6E;
  441. text-decoration: none;
  442. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  443. }
  444.  
  445. @font-face { font-family: "redensek"; src: url('http://static.tumblr.com/4yxykdm/ICUlrfl4t/redensek_1_.ttf'); }
  446. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  447. @import url(http://fonts.googleapis.com/css?family=Lovers+Quarrel&subset=latin,latin-ext);
  448. @import url(http://fonts.googleapis.com/css?family=Ruthie);
  449. @import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);
  450. @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
  451. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  452. @font-face { font-family: "sweetiepie"; src: url('http://static.tumblr.com/4yxykdm/h9hlrfl0t/sweetie_pie_1_.ttf'); }
  453. @font-face { font-family: "craftygirls"; src: url('http://themes.googleusercontent.com/static/fonts/craftygirls/v0/0Sv8UWFFdhQmesHL32H8o3hCUOGz7vYGh680lGh-uXM.woff'); }
  454. @font-face { font-family: "pineappledelight"; src: url('http://static.tumblr.com/1kdckk4/LAvlolf4m/pineappledelight.ttf'); }
  455. @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); }
  456. @font-face { font-family: "paulpan"; src: url('http://static.tumblr.com/4yxykdm/Ncwlrfhzq/paulpan_.ttf'); }
  457. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  458. @font-face { font-family: "marker"; src: url('http://themes.googleusercontent.com/static/fonts/permanentmarker/v0/9vYsg5VgPHKK8SXYbf3sMupm9E4gBdgiUiSJePew_SQ.woff'); }
  459. @import url(http://fonts.googleapis.com/css?family=Amatic+SC:700);
  460. @font-face {font-family: 'Signerica Thin';src: url('http://static.tumblr.com/s1wvhep/taJm0xbqc/signerica_thin-webfont.eot');
  461. src: local('Signerica Thin'),
  462.  
  463. local('Signerica'),
  464.  
  465. url('http://static.tumblr.com/s1wvhep/jnHm0xbo2/signerica_thin-webfont.ttf') format('truetype'),
  466.  
  467. url('http://static.tumblr.com/s1wvhep/ZPlm0xbqw/signerica_thin-webfont.svg#font') format('svg');
  468.  
  469. }
  470. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf');} halo {font-family: "halohandletter"; font-size:75px; z-index:1;position: fixed !important; color: white; text-shadow: 0 0 8px #ffdfdf;}
  471. @import url(http://fonts.googleapis.com/css?family=League+Script);
  472. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  473.  
  474. div#cage{
  475. margin:auto;
  476. position:relative;
  477. width: 1000px;
  478. overflow:hidden;
  479. color: #ffdbdb ;
  480. margin-left:10%;
  481. border-radius: 10px;
  482. }
  483.  
  484.  
  485. div#center{
  486. margin-left: 20px;
  487. position:relative;
  488. -moz-border-radius: 0px;
  489. width:500px;
  490. height:100%;
  491. background-color:#fff;
  492. border-radius: 10px;
  493. overflow:auto;
  494. border: 1px solid #CECECE;;
  495. overflow-y:hidden;
  496. }
  497.  
  498. div#center2{
  499. margin-left: 20px;
  500. background-image:url(http://29.media.tumblr.com/tumblr_m1kvf8dbVB1r40twqo1_500.png);
  501. position:relative;
  502. -moz-border-radius: 10px;
  503. width:540px;
  504. height:470px;
  505. background-color:#fff;
  506. border-radius: 0px;
  507. overflow:auto;
  508. border: 1px solid #FFD8D8;;
  509. overflow-y:hidden;
  510. }
  511.  
  512. div#center3{
  513. margin-left: 300px;
  514. -webkit-box-shadow:0px 10px 10px 8px #FFCECE;
  515. background-image:url(http://media.tumblr.com/tumblr_lpwohdMqbP1qcn2vb.png);
  516. position:fixed;
  517. -moz-border-radius: 10px;
  518. width:580px;
  519. height:500px;
  520. background-color:#fff;
  521. border-radius: 0px;
  522. overflow:auto;
  523. border: 5px double #FF9393;
  524. overflow-y:hidden;
  525. }
  526.  
  527. div#content{
  528. float:left;
  529. width:470px;
  530. height: 100%;
  531. background: #FFF;
  532. border-right:0px solid #000;
  533. padding:10px;
  534. padding-top: 5px;
  535. margin-right: 0px;
  536. overflow:auto;
  537. position: absolute;
  538. border-left: 1px solid #D3D3D3;
  539. }
  540.  
  541. div#entry{
  542. width:450px;
  543. float:right;
  544. margin: -5px 0px 5px 5px;
  545. padding: 5px;
  546. overflow:hidden;
  547. }
  548.  
  549. div#sidebar{
  550. float: left;
  551. width: 230px;
  552. }
  553. h9{font-family: "halohandletter", cursive; font-size: 30px; font-weight: 500; text-align: right; letter-spacing: 2px; margin-bottom: 5px; color:#FF9393;
  554. }
  555.  
  556.  
  557. h5{font-family: "halohandletter", cursive; font-size: 30px; font-weight: 500; text-align: right; letter-spacing: 2px; margin-bottom: 5px; color:#FF9393; border-bottom: 1px dashed #eee; width: 290px;
  558. }
  559.  
  560. h1{font-family:'Amatic SC';
  561. font-weight: normal;
  562. font-size: 25px;
  563. line-height:20px;
  564. font-weight: 500;
  565. letter-spacing: 1px;
  566. text-transform: lowercase;
  567. color:#FF9393;
  568. text-shadow: 0px 0px 1px #e1dad4;
  569. margin-top: 0px;
  570. text-align: center;
  571. }
  572.  
  573.  
  574.  
  575. #postnotes{
  576. text-align: justify;}
  577.  
  578. #postnotes blockquote{
  579. border: 0px;}
  580.  
  581.  
  582. blockquote{
  583. padding:0px 0px 0px 5px;
  584. margin:10px 10px 10px 30px;
  585. border-left: 2px solid {color:Text};
  586. }
  587.  
  588.  
  589. div.post div.conversation ul {list-style-type:none;}
  590. ol.notes {
  591. padding: 10px;
  592. font-weight:normal;
  593. margin: 0px 0px;
  594. list-style-type: none !important;
  595. border-bottom: 0px;
  596. margin-left: 50px;
  597. text-align: left;}
  598.  
  599. ul {list-style-type:bullet;}
  600. ul:hover {color: #999;}
  601. ol {list-style-type: decimal;}
  602. ul:hover {color: #999;}
  603.  
  604. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  605. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  606.  
  607. .notes img{width:10px; position:relative; top:3px;}
  608.  
  609. .permalink{
  610. display:block;
  611. font-family:arial;
  612. padding:3px;
  613. letter-spacing:2px;
  614. border-top:1px solid #D3D3D3;
  615. font-size:6.5px;
  616. text-transform:uppercase;
  617. text-align: center;
  618. margin-top:6px;
  619. margin-bottom: 1px;
  620. background: transparent;
  621. -moz-box-shadow: 0 0 3px #FFFFFF;
  622. -webkit-box-shadow: 0 0 3px #FFFFFF;
  623. }
  624. .bubble {align:right;
  625. background-image:url(http://data.whicdn.com/images/23603422/tumblr_lztcs3vjuy1rou0q8o1_500_thumb.jpg);
  626. margin:7px 0px 5px 66px;
  627. padding:10px;
  628. position: relative;
  629. -moz-border-radius:5px;
  630. -webkit-border-radius:5px;border-radius:5px;
  631. }
  632. .bubble p {margin:1px 0px;}
  633. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #F9F9F9;}
  634. askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #F9F9F9; }
  635.  
  636. div.video embed,
  637. div.post div.video object {
  638. width:500px;
  639. }
  640.  
  641. i, em {color: #a3a3a3;font-family: 'Lora', serif;font-size: 7pt; letter-spacing: 1px;
  642. }
  643.  
  644. small{font-size: 9px;}
  645.  
  646. .ropelink {
  647. position:fixed;
  648. left: 930px;
  649. top:-340px;
  650. }
  651.  
  652. .ropelink2 {
  653. position:fixed;
  654. left:410px;
  655. top:-340px;
  656. }
  657. #tumblr_controls {
  658. top: 4.30% !important;
  659. margin: -28px 0 0 0;
  660. right: 1px !important;
  661. position: fixed !important;
  662. }
  663.  
  664. div#navibox2{
  665. width: 170px;
  666. position:fixed !important;
  667. margin-left: 170px;
  668. margin-top: 388px;
  669. background: transparent;
  670. border-radius: 50px;
  671. padding: 10px;
  672.  
  673. }
  674.  
  675. div.navigate2 a{
  676. text-align:center;
  677. padding:8px;
  678. font-family: 'tinytots';
  679. font-size: 8px;
  680. color: white;
  681. margin-bottom:1px;
  682. margin-left:1px;
  683. margin-right:1px;
  684. margin-top: 1px;
  685. width: 3px;
  686. background: #FFB5B5;
  687. height: 2px;
  688. border-radius: 5px;
  689. text-transform: uppercase;
  690. display: inline-block;
  691. line-height: 0px;
  692. -webkit-border-radius: 0px 0px 0px 0px;
  693. -webkit-transition: all 0.1s linear;
  694. -moz-transition: all 0.1 linear;
  695. transition: all 0.1s linear;
  696. }
  697.  
  698. div.navigate2 a:hover{
  699. color: black;
  700. background-color: #FFD1D1;
  701. height: 55px;
  702. border-radius: 5px;
  703. -webkit-transition: all 0.1s linear;
  704. -moz-transition: all 0.1 linear;
  705. transition: all 0.1s linear;
  706. }
  707.  
  708. div#forthepagination{
  709. width: 86px;
  710. text-align: center;
  711. background: #F9F9F9;
  712. padding: 4px;
  713. position: fixed! important;
  714. margin-left: 900px;
  715. border-radius: 5px;
  716. background-image:url(http://29.media.tumblr.com/tumblr_m1kvf8dbVB1r40twqo1_500.png);
  717. margin-top: 80px;
  718. font-family: 'littlefont';
  719. font-size: 8px;
  720. }
  721.  
  722.  
  723. {CustomCSS}
  724. </style>
  725. <link rel="shortcut icon" href="{http://i33.tinypic.com/1z2qauf.png}">
  726. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  727. <meta name="viewport" content="width=820" />
  728.  
  729. </head>
  730. <body>
  731.  
  732. <div id="navibox2">
  733. <div class="navigate2">
  734. <a href="/link" title="title of the link" target="_blank">#1</a>
  735. <a href="/link" title="title of the link" target="_blank">#2</a>
  736. <a href="/link" title="title of the link" target="_blank">#3</a>
  737. <a href="/link" title="title of the link" target="_blank">#4</a>
  738. <a href="/link" title="title of the link" target="_blank">#5</a>
  739. </div>
  740. </div>
  741.  
  742.  
  743. <img style="position:fixed; opacity: 1.0; top: 200px; LEFT:40px;width: 300px; border-radius: 10px; border: 5px double #FF8C8C" src="http://27.media.tumblr.com/tumblr_m3qfqmT1qJ1qeo03no1_500.gif">
  744.  
  745. <div style="font-family: 'littlefont', cursive;color: #FFFFFF; position:fixed; font-size: 8px; TOP:180px;z-index: 999; Left:45px; overflow:hidden;"><h5>the bloggette</h5><center>{Description}</center>
  746. <!----for your description, please put some <br> thingys. lovelots, jamila of catwalkinparis------!>
  747.  
  748. </div>
  749.  
  750.  
  751. <!-- Back to top button by tiovani start -->
  752. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  753.  
  754. <script type="text/javascript" src="scrolltopcontrol.js">
  755. </script>
  756.  
  757. <script type="text/javascript" src="http://static.tumblr.com/rs5pbx8/OQblwv0i9/back_too.txt"></script>
  758. <!-- Back to top button by tiovani end -->
  759.  
  760.  
  761. <div class="ropelink"><img src="http://25.media.tumblr.com/tumblr_m2bfsbxQSq1r77gqoo1_500.png" height="450px"></div>
  762. <div class="ropelink2"><img src="http://25.media.tumblr.com/tumblr_m2bfsbxQSq1r77gqoo1_500.png" height="450px"></div>
  763.  
  764. <br><br><br><br><br><br><br><br>
  765.  
  766. <div id="cage">
  767.  
  768. <br>
  769. <div id="center3">
  770. <br><br>
  771. <div id="center2"><br>
  772. <br>
  773. <div id="center">
  774.  
  775.  
  776. <br>
  777.  
  778. <div id="content">
  779. <TABLE style="WIDTH: 350px; HEIGHT: 350px" align=center>
  780. <TBODY><TR><TD><div align=left><div style="font-family: trebuchet ms; font-size: 10px;position:relative; left:-25px;width:500px;
  781. height:400; COLOR: #9e8d80; SCROLLBAR-FACE-COLOR: #6B8E23; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; OVERFLOW-Y: scroll; FILTER: chroma(color=#6B8E23); OVERFLOW-X: hidden; SCROLLBAR-3DLIGHT-COLOR: #6b8e23; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #6b8e23; SCROLLBAR-DARKSHADOW-COLOR: #6b8e23; SCROLLBAR-BASE-COLOR: #6b8e23; ">
  782.  
  783. <center><img src="http://dl2.glitter-graphics.net/pub/432/432022s1vheyatjs.gif" width=380 height=41 border=0></center>
  784. <br>
  785.  
  786. {block:Posts}
  787. <div id="entry">
  788. {block:Text}
  789. {block:Title}<h1>{Title}</h1>{/block:Title}
  790. <span class="entrytext">{Body}</span>
  791.  
  792. {/block:Text}
  793.  
  794.  
  795. {block:Link}
  796. <h1><a href="{URL}">{Name}</a><h1>
  797. {block:Description}{Description}{/block:Description}
  798. {block:Link}
  799.  
  800. {block:Photo}<CEnter>
  801. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px>{LinkCloseTag}</center>
  802. {/block:Photo}
  803.  
  804. {block:Quote}
  805. <h1>{Quote}</h1>
  806. {block:Source}{Source}{/block:Source}
  807. {/block:Quote}
  808.  
  809. {block:Chat}
  810. {block:Title}<h1>{Title}</h1{/block:Title}
  811. <ul class="chat">
  812. {block:Lines}
  813. <li class="user_{UserNumber}">
  814. {block:Label}
  815. <span class="label">{Label}</span>
  816. {/block:Label}
  817.  
  818. {block:Answer}
  819. <img src="{AskerPortraitURL-40}" width="52"align="left" style="-moz-border-radius: 34px; -webkit-border-radius: 34px;" class="askborder"><div class="bubble"><span></span><strong>{Asker} whispered:</strong> {Question}&nbsp;</div>{Answer}
  820. {/block:Answer}
  821.  
  822. {Line}
  823. </li>
  824. {/block:Lines}
  825. </ul>
  826.  
  827. {/block:Chat}
  828.  
  829.  
  830. {block:Audio}
  831. <centeR><div style="width:500px; height:20px;"><div style="float:left">{AudioPlayerwhite}</div><div style="margin-top:8px; float:right;"><small>
  832. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></centeR><BR>
  833. {block:Caption}{Caption}{/block:Caption}
  834. {/block:Audio}
  835.  
  836. {block:Video}<center>
  837. {Video-500}<BR>
  838. {block:Caption}{Caption}{/block:Caption}</center>
  839. {block:Video}
  840. {block:Answer}
  841. <img src="{AskerPortraitURL-40}" width="52"align="left" style="-moz-border-radius: 34px; -webkit-border-radius: 34px;" class="askborder"><div class="bubble"><span></span><strong>{Asker} whispered:</strong> {Question}&nbsp;</div>{Answer}
  842. {/block:Answer}
  843. <span class="permalink"><a href="{Permalink}">
  844. {block:Date}posted {TimeAgo} <img src="http://i33.tinypic.com/1z2qauf.png"> {NoteCount} -lovers <img src="http://i33.tinypic.com/1z2qauf.png"> <a href="{reblogurl}" target="_blank">relove</a>{/block:Date}</a></span>
  845.  
  846. {block:PostNotes}
  847. <center>
  848. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  849.  
  850.  
  851.  
  852. tagged as: <a href="{TagURL}">{Tag}. </a><br>
  853. {block:RebloggedFrom}
  854. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  855. originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  856. </center></span>
  857. <br>
  858. <div id="postnotes">{PostNotes}</div><br>
  859.  
  860. <center>{block:ContentSource}
  861. <br><a href="{SourceURL}">
  862. {lang:Source}:
  863. {block:SourceLogo}
  864. <img src="{BlackLogoURL}" width="{LogoWidth}"
  865. height="{LogoHeight}" alt="{SourceTitle}" />
  866. {/block:SourceLogo}
  867. {block:NoSourceLogo}
  868. {SourceLink}
  869. {/block:NoSourceLogo}
  870. </a>
  871. {/block:ContentSource}</center>
  872.  
  873. {/block:PostNotes}
  874. </div>
  875. {/block:Posts}
  876. {block:ifInfiniteScroll}</div>
  877. {/block:ifInfiniteScroll}
  878.  
  879.  
  880. </div>
  881.  
  882.  
  883. </div>
  884.  
  885. </DIV></DIV></TD></TR></TBODY></TABLE>
  886. </div>
  887. </div><br> </div><br><br></div>
  888.  
  889. <div id="forthepagination">
  890. <center>
  891. <h9>MOVE;</h9>
  892. <br><br>
  893. {block:Pagination}
  894. {block:PreviousPage}<a href="{PreviousPage}">&larr; INHALE</a>{/block:PreviousPage}
  895. <br>
  896. {block:NextPage}<a href="{NextPage}">EXHALE &rarr;</a>{/block:NextPage}{/block:Pagination}
  897. </center>
  898. </div>
  899.  
  900.  
  901. </center>
  902.  
  903. </body>
  904.  
  905. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement