Advertisement
InfiniteTherese

Miley Cyrus

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