Advertisement
InfiniteTherese

Pink

Jan 17th, 2013
233
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.66 KB | None | 0 0
  1. <!--theme by coldplaytbh. basecode by twistedmiracles.
  2. -->
  3. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  4.  
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10.  
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14.  
  15.  
  16. <script type="text/javascript">
  17. </script>
  18.  
  19.  
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22.  
  23. <!-- DEFAULT VARIABLES -->
  24. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  25. <meta name="color:background" content="#fff"/>
  26. <meta name="color:link" content="#777"/>
  27. <meta name="color:text" content="#777"/>
  28. <meta name="color:title" content="#333"/>
  29. <meta name="color:hover" content="#fff"/>
  30. <meta name="color:text shadow" content="#aaaaaa"/>
  31. <meta name="color:Sidebar Title" content="#ffffff"/>
  32. <meta name="color:scrollbar" content="#ddd" />
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:background" content="1"/>
  35. <meta name="image:background2" content="1"/>
  36. <meta name="text:sidebar opacity" content="0.7" />
  37. <meta name="text:posts opacity" content="0.7" />
  38. <meta name="if:show swoosh" content="1" />
  39. <meta name="text:link separation" content="&middot;"/>
  40. <meta name="text:linksize" content="=30" />
  41. <meta name="text:titlebarmarginleft" content="40" />
  42. <meta name="text:titlebarsize" content="50" />
  43. <meta name="text:quote" content="Fashion is not just beauty, it's about good attitude. You have to believe in yourself and be strong..." />
  44. <meta name="text:Sidebar Title" content="Misery"/>
  45. <meta name="text:link one" content="" />
  46. <meta name="text:link one title" content="" />
  47. <meta name="text:link two" content="" />
  48. <meta name="text:link two title" content="" />
  49. <meta name="text:link three" content="" />
  50. <meta name="text:link three title" content="" />
  51. <meta name="text:link four" content="" />
  52. <meta name="text:link four title" content="" />
  53. <style type="text/css">
  54.  
  55.  
  56.  
  57. ::-webkit-scrollbar {width: 4px; height: 4px; border:1px solid #ddd; background-color:#fff;}
  58. ::-webkit-scrollbar-thumb { border-left:0px solid #ddd; background: {color:scrollbar};}
  59.  
  60.  
  61.  
  62. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.8s ease-out;-moz-
  63.  
  64. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  65.  
  66. 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
  67.  
  68. 0.4s ease-out;}
  69.  
  70. p {
  71. margin:0px;
  72. margin-top:0px;
  73. }
  74.  
  75.  
  76. ::selection {
  77. background: #ffffff;
  78. color: #ffffff;
  79. }
  80.  
  81. ::-moz-selection {
  82. background: #ffffff;
  83. color: #ffffff;
  84. }
  85.  
  86. body {
  87. padding: 0px;
  88. margin: 0px;
  89. color:{color:text};
  90. font-family: consolas;
  91. line-height:10px;
  92. font-size:10px;
  93. background-image:url({image:background});
  94. background-color: {color:Background};
  95. background-attachment: fixed;
  96. background-repeat: repeat;
  97. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  98. }
  99.  
  100.  
  101. a:link, a:active, a:visited{
  102. text-decoration: none;
  103. -webkit-transition: color 0.3s ease-out;
  104. -moz-transition: color 0.3s ease-out;
  105. transition: color 0.3s ease-out;
  106. color:{color:link};
  107. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  108. }
  109.  
  110. a:hover {
  111. text-decoration: none;
  112. font-style:;
  113. text-shadow:0px 0px 2px #000;
  114. color: {color:Hover};
  115. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  116. }
  117.  
  118.  
  119. askname{
  120. font-family:cedarville;
  121. font-size:17px;
  122. z-index:9;
  123. }
  124.  
  125. div#center{
  126. margin:auto;
  127. position:relative;
  128. width:1000px;
  129. overflow:auto;
  130. overflow-y:hidden;
  131. }
  132.  
  133. .entry img{
  134. {block:indexpage}
  135. max-width:210px;
  136. {/block:indexpage}
  137. }
  138.  
  139. .entry {
  140. float:left;
  141. display: block;
  142. margin:8px;
  143. margin-left:30px;
  144. padding:10px;
  145. border:2px solid #ddd;
  146. overflow:hidden;
  147. width:210px;
  148. opacity:{text:posts opacity};
  149. line-height:8px;
  150. color:#999;
  151. {block:PermalinkPage}
  152. width:428px;
  153. text-align:left;
  154. line-height:12px;
  155. {/block:PermalinkPage}
  156. background:white;
  157. background-image:url();
  158. opacity:0.9;
  159. -webkit-transition: all .7s ease;
  160. -moz-transition: all .7s ease;
  161. -o-transition: all .7s ease;
  162. transition: all .7s ease;
  163. }
  164.  
  165.  
  166.  
  167. .entry .perma a{
  168. color:#888;}
  169.  
  170. .entry .perma a:hover {
  171. text-decoration: none;
  172. font-style:;
  173. text-shadow:0px 0px 2px #000;
  174. color: {color:Hover};
  175. }
  176.  
  177. .entry .perma{
  178. width:210px;
  179. height:24px;
  180. margin-left:0px;
  181. position: absolute;
  182. line-height: 22px;
  183. overflow:hidden;
  184. text-align:center;
  185. letter-spacing:1px;
  186. top:0px;
  187. border-top:1px solid #ddd;
  188. border-bottom:1px solid #ddd;
  189. background:white;
  190. opacity: 0.0;
  191. -webkit-transition: all .7s ease;
  192. -moz-transition: all .7s ease;
  193. -o-transition: all .7s ease;
  194. transition: all .7s ease;
  195.  
  196. }
  197.  
  198. .entry:hover .perma{
  199. overflow:visible;
  200. opacity:0.9;
  201. top:30px;
  202. }
  203.  
  204.  
  205. #posts {
  206.  
  207. width:570px;
  208. margin-top:4px;
  209. z-index:1;
  210. margin-left:320px;
  211. right:auto;
  212. background-image:url({image:background2});
  213. margin-right:auto;
  214. position:relative;
  215. overflow-y: hidden;
  216. }
  217.  
  218.  
  219. #swoosh{
  220. margin-left:20px;
  221. margin-top:65px;
  222. width:350px;
  223. height:114px;
  224. background-image:url(http://i1301.photobucket.com/albums/ag102/nancy_miserywishes/scribble_zps67c617f7.png);
  225. position:fixed;
  226. }
  227.  
  228.  
  229. #sidebarpic{
  230. width:208px;-webkit-filter:grayscale(0%);
  231. -webkit-transition: all .7s ease;
  232. -moz-transition: all .7s ease;
  233. -o-transition: all .7s ease;
  234. transition: all .7s ease;
  235. border:1px double #e5e5e5;
  236. padding:5px;
  237. background:white;
  238. }
  239.  
  240. #sidebarpic img{
  241. width:208px;
  242. }
  243.  
  244.  
  245. #adrianalima{
  246. position:fixed !important;
  247. width:220px;
  248. background-image:url('{image:sidebarbg}');
  249. background:white;
  250. height:100%;
  251. padding:8px;
  252. margin-top:0px;
  253. margin-left:60px;
  254. text-align:center;
  255. line-height:8px;
  256. opacity:{text:sidebar opacity};
  257. border:2px solid #ddd;
  258. -webkit-transition: all .7s ease;
  259. -moz-transition: all .7s ease;
  260. -o-transition: all .7s ease;
  261. transition: all .7s ease;}
  262.  
  263. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  264. @font-face { font-family: "cedarville"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  265. @font-face { font-family: "sig"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  266.  
  267. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/jdjsstr/rCmmbe47y/top_of_the_world_1_.ttf'); }
  268.  
  269. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  270.  
  271. @font-face { font-family: "bn"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  272.  
  273. @font-face { font-family: "handy"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf'); }
  274.  
  275. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  276.  
  277. @font-face {font-family: "Tall Films"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf');}
  278.  
  279. #barbarapalvin{
  280. position:fixed;
  281. width:223px;
  282. height:auto;
  283. font-family:bn;
  284. font-size:{text:linksize}px;
  285. padding:10px;
  286. margin-left:-13px;
  287. margin-top:15px;
  288. line-height:10px;
  289. overflow:auto;
  290. border:2px solid #ddd;
  291. overflow:hidden;
  292. background:white;
  293. -webkit-transition: all .7s ease;
  294. -moz-transition: all .7s ease;
  295. -o-transition: all .7s ease;
  296. transition: all .7s ease;
  297. }
  298.  
  299. div#quote{
  300. position:absolute;
  301. opacity:1;
  302. font-size: 8px;
  303. line-height:12px;
  304. text-align: center;
  305. text-transform:normal;
  306. width: 242px;
  307. font-family:arma;
  308. font-size: 8px;
  309. height: 22px;
  310. color:#aaa;
  311. border: 3px double #ddd;
  312. padding-top: 0px;
  313. background-color: #fff;
  314. margin-top:55px;
  315. margin-left:-14px;
  316. padding-bottom:3px;
  317. padding-top:3px;
  318. border:4px double #ddd;
  319. transition: all 0.9s ease-out;
  320. -o-transition-transition: all 0.5s ease-out;
  321. -webkit-transition: all 0.5s ease-out;
  322. -moz-transition: all 0.5s ease-out;
  323. }
  324.  
  325.  
  326. div#desc{
  327. position:absolute;
  328. opacity:0;
  329. font-size: 8px;
  330. line-height:12px;
  331. text-align: center;
  332. text-transform:normal;
  333. width: 242px;
  334. font-family:arma;
  335. font-size: 8px;
  336. height: 22px;
  337. color:#aaa;
  338. border: 3px double #ddd;
  339. padding-top: 0px;
  340. background-color: #fff;
  341. margin-top:55px;
  342. margin-left:-14px;
  343. padding-bottom:3px;
  344. padding-top:3px;
  345. border:4px double #ddd;
  346. transition: all 0.9s ease-out;
  347. -o-transition-transition: all 0.5s ease-out;
  348. -webkit-transition: all 0.5s ease-out;
  349. -moz-transition: all 0.5s ease-out;
  350. }
  351. #adrianalima:hover div#desc{
  352. opacity:1;
  353. }
  354.  
  355. @font-face { font-family: "gram"; src: url('http://static.tumblr.com/jdjsstr/vQrm800ez/neou-bold_1_.otf'); }
  356.  
  357.  
  358. div#heidiklum{
  359. position: fixed !important;
  360. margin-left:{text:titlebarmarginleft}px;
  361. margin-top:-10px;
  362. color:{color:Sidebar Title};
  363. text-shadow: 2px 0px 10px {color:text shadow};
  364. font-family: gram;
  365. font-size: {text:titlebarsize}px;
  366. line-height:10px;
  367. letter-spacing:0px;
  368. text-align: center;
  369. -webkit-transition: all 0.9s ease;
  370. -moz-transition: all 0.9s ease;
  371. -o-transition: all 0.9s ease;
  372. }
  373.  
  374. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  375.  
  376.  
  377.  
  378. @font-face { font-family: "cd"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  379. .title{
  380.  
  381. font-family:cd;
  382. font-size: 18px;
  383. line-height: 17px;
  384. color:{color:Title};
  385. letter-spacing: 0px;
  386. font-weight: normal;
  387. padding:0px 0px 0px 0px;
  388. }
  389.  
  390.  
  391.  
  392.  
  393. .permalink{
  394. text-transform: normal;
  395. display: block;
  396. text-align: right;
  397. text-decoration: none;
  398. }
  399.  
  400. #infscr-loading{
  401. bottom: -70px;
  402. position: absolute;
  403. left: 50%;
  404. margin-left:-8px;
  405. width:16px;
  406. height:11px;
  407. overflow:hidden;
  408. margin-bottom: 50px;
  409. }
  410.  
  411. #postnotes{
  412. text-align: justify;}
  413.  
  414. #postnotes blockquote{
  415. border: 0px;}
  416.  
  417. blockquote{
  418. padding:0px 0px 2px 5px;
  419. margin:0px 0px 2px 10px;
  420. border-left: 1px dotted #555555;
  421. }
  422.  
  423. blockquote p, ul{
  424. margin:0px;
  425. padding:0px;
  426. }
  427.  
  428. a img{border: 0px;}
  429.  
  430.  
  431. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  432.  
  433. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  434. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  435.  
  436. .notes img{width:10px; position:relative; top:3px;}
  437. <--ses-->
  438. small{font-size: 90%;}
  439.  
  440. {CustomCSS}
  441.  
  442. </style>
  443.  
  444. {block:IndexPage}
  445. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  446. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  447.  
  448. <script type="text/javascript">
  449. $(window).load(function(){
  450. var $wall = $('#posts');
  451. $wall.imagesLoaded(function(){
  452. $wall.masonry({
  453. itemSelector: '.entry, .entry_photo',
  454. isAnimated : false
  455. });
  456. });
  457.  
  458. $wall.infinitescroll({
  459. navSelector : '#pagination',
  460. nextSelector : '#pagination a',
  461. itemSelector : '.entry, .entry_photo',
  462. bufferPx : 2000,
  463. debug : false,
  464. errorCallback: function() {
  465. $('#infscr-loading').fadeOut('normal');
  466. }},
  467. function( newElements ) {
  468. var $newElems = $( newElements );
  469. $newElems.hide();
  470. $newElems.imagesLoaded(function(){
  471. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  472. });
  473. }); $('#posts').show(500);
  474. });
  475. </script>
  476.  
  477.  
  478. {/block:IndexPage}
  479.  
  480.  
  481. <title>{title}</title>
  482.  
  483. <link rel="shortcut icon" href="{Favicon}" >
  484. <meta name="viewport" content="width=820" />
  485. </head>
  486.  
  487. <body>
  488.  
  489. <div class="wrapper">
  490. <div class="header">
  491. </div>
  492.  
  493. <div id="cage">
  494. <div id="center">{block:ifshowswoosh}<div id="swoosh"></div>{/block:ifshowswoosh}
  495. <div id="adrianalima">
  496. <center>
  497. <div id="sidebarpic"><a href="/"><img src="{image:sidebar}"></a></div><div id="barbarapalvin"><a href="{text:link one}">{text:link one title}</a> {text:link separation} <a href="{text:link two}">{text:link two title}</a> {text:link separation} <a href="{text:link three}">{text:link three title}</a>{block:iflinkfourtitle} {text:link separation} <a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle}</div>
  498. <div id="quote">
  499. {text:quote}
  500. </div><div id="desc">{description}</div>
  501. <div id="heidiklum">
  502. <center>{text:Sidebar Title}</center>
  503. </div>
  504. </div>
  505.  
  506.  
  507. <div class="left">
  508. <div id="posts">
  509. {block:Posts}
  510. <div class="entry">
  511.  
  512. {block:Answer}
  513. <div style="margin-top:2px; margin-bottom:0px; overflow:auto;height:40px; padding: 4px; background-color:#fff;border:1px solid {color:borders};border-radius:4px;">
  514. <img src="{AskerPortraitURL-40}" width="40" align="left" style="margin-right:3.5px;"/><askname>{asker}</askname>: {Question}</div>
  515. <div style="margin-top:2px; margin-bottom:4px; background: transparent;">{Answer}</div>
  516. <div class="permalink"> <a href="{permalink}">{notecountwithlabel}</a> </div>
  517. {/block:Answer}
  518.  
  519. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  520.  
  521. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  522. {/block:Text}
  523.  
  524. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  525.  
  526. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  527.  
  528. {block:Photo}
  529. {block:IndexPage}
  530. <center>
  531. <div class="perma">
  532. <a href="{Permalink}"> {notecountwithlabel}</a> | <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  533. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  534. {/block:IndexPage}
  535. {block:PermalinkPage}
  536. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  537.  
  538. {LinkCloseTag}
  539. {/block:PermalinkPage}
  540. {/block:Photo}
  541.  
  542. {block:Photoset}
  543. {block:IndexPage}
  544. <center>
  545. <div class="perma">
  546. <a href="{Permalink}"> {notecountwithlabel}</a> | <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  547. {Photoset-250}</center>
  548. {/block:IndexPage}
  549. {block:PermalinkPage}
  550. <center>
  551. {Photoset-500}</center>
  552. {/block:PermalinkPage}
  553. {/block:Photoset}
  554.  
  555. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  556.  
  557. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  558.  
  559. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  560. <ul class="chat">
  561. {block:Lines}
  562. <li class="user_{UserNumber}">
  563. {block:Label}
  564. <span class="label">{Label}</span>
  565. {/block:Label}
  566.  
  567. {Line}
  568. </li>
  569. {/block:Lines}
  570. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  571. {/block:Chat}
  572.  
  573. {block:Audio}
  574. <div style="width:200px; height:30px;">
  575. {AudioPlayerBlack}
  576. </div>
  577. {block:IndexPage}<span class="permalink">
  578. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  579. </span>{/block:IndexPage}
  580. {/block:Audio}
  581.  
  582. {block:Video}
  583. {block:IndexPage}
  584. <center>
  585. <div class="perma">
  586. <a href="{Permalink}"> {notecountwithlabel}</a> | <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  587. {Video-250}</center>
  588. {/block:IndexPage}
  589. {block:PermalinkPage}
  590. <center>
  591. {Video-400}</center>
  592. {/block:PermalinkPage}
  593. {block:Video}
  594.  
  595.  
  596. {block:PostNotes}<div align="middle">{caption}</div>
  597. <center>
  598.  
  599. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  600.  
  601. {block:HasTags}
  602. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  603. {block:RebloggedFrom}
  604. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  605. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  606.  
  607. {/block:RebloggedFrom}
  608. </center></span>
  609. <br>
  610. <div id="postnotes">{PostNotes}</div><br>
  611.  
  612. <center>{block:ContentSource}
  613. <br><a href="{SourceURL}">
  614. {lang:Source}:
  615. {block:SourceLogo}
  616. <img src="{BlackLogoURL}" width="{LogoWidth}"
  617. height="{LogoHeight}" alt="{SourceTitle}" />
  618. {/block:SourceLogo}
  619. {block:NoSourceLogo}
  620. {SourceLink}
  621. {/block:NoSourceLogo}
  622. </a>
  623. {/block:ContentSource}</center>
  624.  
  625. {/block:PostNotes}
  626. </div>
  627. {/block:Posts}
  628. </div></div>
  629.  
  630. {block:IndexPage}
  631. {block:Pagination}
  632. <div id="pagination">
  633. {block:NextPage}
  634. <a id="nextPage" href="{NextPage}"></a>
  635. {/block:NextPage}
  636. {block:PreviousPage}
  637. <a href="{PreviousPage}"></a>
  638. {/block:PreviousPage}
  639. </div>
  640. {/block:Pagination}
  641. {/block:IndexPage}
  642.  
  643. </body>
  644. <div style="position:fixed;right:6px;bottom:4px;"><a href="http://slytherese.tumblr.com">T H E M E </a>
  645. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement