Advertisement
theme_bean

summer fix

Nov 26th, 2012
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.08 KB | None | 0 0
  1. <!--
  2. theme by slutteen
  3. don't remove the credit
  4. unless you wear sweatpants on monday then well i just feel bad for you
  5. love ya
  6. -->
  7.  
  8. <html lang="en">
  9.  
  10. <head>
  11.  
  12. <link href='http://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>
  13.  
  14. <link href='http://static.tumblr.com/blpgwiz/uvsm405h8/flip.css' rel='stylesheet' type='text/css'>
  15.  
  16. {block:IfFallingSnow}
  17. <script src="http://static.tumblr.com/p2evvtm/7Lzm07nfv/snowstorm.js"></script>
  18. {/block:IfFallingSnow}
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  25.  
  26. <html lang="en">
  27.  
  28.  
  29. <script type="text/javascript"
  30. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31.  
  32. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  33. <meta name="color:background" content="#ffffff"/>
  34. <meta name="color:text" content="#000000"/>
  35. <meta name="color:links" content="#000000"/>
  36. <meta name="color:hover" content="#686868"/>
  37. <meta name="image:Sidebar" content=""/>
  38. <meta name="image:Background" content=""/>
  39. <meta name="if:Falling Snow" content="0">
  40. <meta name="text:Link One Title" content="link 1"/>
  41. <meta name="text:Link One" content="" />
  42. <meta name="text:Link Two Title" content="link 2"/>
  43. <meta name="text:Link Two" content=""/>
  44. <meta name="text:Link Three Title" content="link 3"/>
  45. <meta name="text:Link Three" content=""/>
  46. <meta name="text:Link Four Title" content="link 4"/>
  47. <meta name="text:Link Four" content=""/>
  48.  
  49. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  50.  
  51. <script type="text/javascript"
  52. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  53.  
  54. <style type="text/css">
  55.  
  56. <title>{Title}</title>
  57. {block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  58. <script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>
  59.  
  60.  
  61. <script type=”text/javascript”>
  62. //
  63. function desabilitaMenu(e)
  64. {
  65. if (window.Event)
  66. {
  67. if (e.which == 2 || e.which == 3)
  68. return false;
  69. }
  70. else
  71. {
  72. event.cancelBubble = true
  73. event.returnValue = false;
  74. return false;
  75. }
  76. }
  77. document.oncontextmenu = desabilitaMenu;
  78. document.onmousedown = desabilitaBotaoDireito;
  79. document.onmouseup = desabilitaBotaoDireito;
  80. </script>trols{
  81. position:fixed !important;
  82. }
  83. ::-webkit-scrollbar-thumb:vertical {
  84.  
  85. height:9px;
  86.  
  87. background-color: #a4a4a4;
  88.  
  89. }
  90.  
  91. ::-webkit-scrollbar {
  92.  
  93. width:5px;
  94.  
  95. height:5px;
  96.  
  97. background:#fff;
  98.  
  99. margin-right:5px;
  100.  
  101. }
  102. iframe#tumblr_controls {
  103. top: 0% !important;
  104. right:0% !important;
  105. position: fixed !important;}
  106. @font-face {
  107. font-family: "kg luck of the irish";
  108. src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
  109. }
  110. @font-face {
  111. font-family: "kg luck of the irish";
  112. src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
  113. }
  114.  
  115. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  116.  
  117. .left{
  118. float: left;
  119. margin-right: 20px;
  120. width: 802px;
  121. }
  122.  
  123. .right{
  124. float: right;
  125. width: 200px;
  126. background-color: {color:Background};
  127. }
  128.  
  129. body {
  130. padding: 0px;
  131. margin: 0px;
  132. color:#000;
  133. font-family: ubuntu;
  134. font-size: 11px;
  135. background-color: {color:Background};
  136. background-image:url({image:Background});
  137. background-attachment: fixed;
  138. background-repeat: repeat;
  139. }
  140.  
  141. a:link, a:active, a:visited{
  142. color:{color:links};
  143. -webkit-transition: color 0.4s ease-out;
  144. -moz-transition: color 0.4s ease-out;
  145. text-decoration: none;
  146. }
  147.  
  148. a:hover{
  149. color:transparent;
  150. -webkit-transition: color 0.4s ease-out;
  151. -moz-transition: color 0.4s ease-out;
  152. text-shadow:0px 0px 1px {color:hover};
  153. }
  154.  
  155. .entry {
  156. margin:4px;
  157. padding: 4px;
  158. float:center;
  159. background-color: white;
  160. border: 2px solid #000;
  161. font-family: ubuntu;
  162. font-size: 10px;
  163. line-height:15px;
  164. {block:IndexPage}
  165. overflow: hidden;
  166. width:251px;
  167. {/block:IndexPage}
  168. {block:PermalinkPage}
  169. width:450px;
  170. margin-left:58px;
  171. {/block:PermalinkPage}
  172. }
  173.  
  174. .bubble {
  175. align:right;background:#efc5ca; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  176. .bubble p {margin:1px 0px;}
  177. .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 #efc5ca;}
  178. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #efc5ca}
  179. .permalink2 p {
  180. margin: 0px;
  181. }
  182.  
  183. .entry .permalink{
  184. margin: auto;
  185. font-family: 'caviardreams', cursive;
  186. position: absolute;
  187. text-align: center;
  188. margin-top:70%;
  189. width: 35px;
  190. height: 23px;
  191. font-size:10px;
  192. margin-left: 5px;
  193. opacity: 0;
  194. font-style:bold;
  195. background-color: white;
  196. border: 2px solid #000;
  197. filter: alpha(opacity = 0);
  198. -webkit-transition: all ease-in .5s;
  199. -moz-transition: all ease-in .5s;
  200. -o-transition: all ease-in .5s;
  201. -ms-transition: all ease-in .5s;
  202. transition: all ease-in .5s;
  203. }
  204.  
  205. .entry:hover .permalink{
  206. margin-top: 10%;
  207. opacity: 1;
  208. }
  209.  
  210. .entry:hover .permalink:hover{
  211. -webkit-border-radius: 6px 6px 6px 6px;
  212. }
  213.  
  214. .entry .permalink2{
  215. margin: auto;
  216. font-family: 'caviardreams', cursive;
  217. position: absolute;
  218. padding-right:2px;
  219. text-align: center;
  220. margin-top:0;
  221. width: auto;
  222. height: 23px;
  223. font-size:10px;
  224. margin-left: 70%;
  225. opacity: 0;
  226. font-style:bold;
  227. background-color: white;
  228. border: 2px solid #000;
  229. filter: alpha(opacity = 0);
  230. -webkit-transition: all ease-in .5s;
  231. -moz-transition: all ease-in .5s;
  232. -o-transition: all ease-in .5s;
  233. -ms-transition: all ease-in .5s;
  234. transition: all ease-in .5s;
  235. }
  236.  
  237. .entry:hover .permalink2{
  238. margin-top: 80%;
  239. opacity: 1;
  240. }
  241.  
  242. .entry:hover .permalink2:hover{
  243. -webkit-border-radius: 6px 6px 6px 6px;
  244. }
  245.  
  246. .entry #permalink {
  247. position: absolute;
  248. bottom: 0px;
  249. right: 2px;
  250. opacity: 0;
  251.  
  252. -webkit-transition: all .5s ease;
  253. -moz-transition: all .5s ease;
  254. -o-transition: all .5s ease;
  255. transition: all .5s ease;
  256. }
  257.  
  258. .entry:hover #permalink {
  259. bottom: 0px;
  260. right: 2px;
  261. opacity: 1;
  262. }
  263.  
  264.  
  265. .countreblog {
  266. letter-spacing:1px;
  267. font-family: ubuntu;
  268. font-size:8px;
  269. color: #a4a4a4;
  270. line-height:5px;
  271. margin: 5px;
  272. background:transparent;
  273. padding:9px 2px;
  274. opacity: 1;
  275. }
  276.  
  277. .countreblog a { color: #000; }
  278.  
  279. #sidebar{
  280. -webkit-border-radius: 0px 0px 0px 0px;
  281. z-index:1;
  282. position:fixed !important;
  283. font-family: 'ubuntu';
  284. font-size: 11px;
  285. width:200px;
  286. height:auto;
  287. top:150px;
  288. left:216px;
  289. opacity: 1;
  290. }
  291.  
  292. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  293.  
  294. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  295.  
  296. #posts {
  297. width:560px;
  298. margin-left:500px;
  299. margin-top:2px;
  300. float:left;
  301. font-family: "ubuntu";
  302. }
  303.  
  304. #infscr-loading{
  305. bottom: -70px;
  306. position: absolute;
  307. left: 50%;
  308. margin-left:-8px;
  309. width:16px;
  310. height:11px;
  311. overflow:hidden;
  312. margin-bottom: 50px;
  313. }
  314.  
  315. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  316.  
  317. #asp {
  318. position:fixed !important;
  319. margin-top:93px;
  320. margin-left:209px;
  321. font-family:futura;
  322. font-size:43px;
  323. color:#000000;
  324. z-index:2;
  325. text-shadow: 3px 0 0 {color:links}, -2px 0 0 rgba(0,265,0,0.3);
  326. line-height:60px;
  327. }
  328.  
  329. #asp2 {
  330. position:fixed !important;
  331. margin-top:93px;
  332. margin-left:407px;
  333. font-family:futura;
  334. font-size:43px;
  335. color:#000000;
  336. z-index:2;
  337. text-shadow: 3px 0 0 {color:links}, -2px 0 0 rgba(0,265,0,0.3);
  338. line-height:60px;
  339. }
  340.  
  341. .titulo{
  342. position:fixed !important;
  343. width:196px;
  344. height:10px;
  345. line-height:90%;
  346. margin-top:113px;
  347. margin-left:220px;
  348. padding-bottom:8px;
  349. font-family: 'lovenote', cursive;
  350. font-size:23px;
  351. text-align:center;
  352. text-transform:lowercase;
  353. color:{color:text};
  354. opacity:1;
  355. }
  356.  
  357. .linkys {
  358. position: fixed;
  359. padding:3px;
  360. text-align: center;
  361. margin-left:68px;
  362. margin-top:240px;
  363. width: auto;
  364. height: 20px;
  365. font-size:10px;
  366. opacity: 1;
  367. color:{color:links};
  368. background: white;
  369. border:2px solid #000;
  370. font-family:ubuntu;
  371. -webkit-transform: rotate(-90deg);
  372. -moz-transform: rotate(-90deg);
  373. }
  374.  
  375. blockquote{
  376. padding:0px 0px 2px 5px;
  377. margin:0px 0px 0px 0px;
  378. border-left: 1px solid #555555;
  379. }
  380.  
  381. blockquote p, ul{
  382. margin:0px;
  383. padding:0px;
  384. }
  385.  
  386. a img{border: 0px;}
  387.  
  388. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  389.  
  390. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  391. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  392.  
  393. .notes img{
  394. width:10px;
  395. position:relative;
  396. top:3px;
  397. }
  398.  
  399. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
  400. {block:IndexPage}
  401. width: 250px !important;
  402. {/block:IndexPage}
  403. }
  404. .video embed, .post div.video object {width:250px !important; height:120px !important;}
  405.  
  406. @font-face {
  407. font-family: "set fire to the rain";
  408. src: url('http://static.tumblr.com/nsunyax/PzUlzmdk1/setfiretotherain.ttf');
  409. }
  410.  
  411. .title{
  412. font-family: 'set fire to the rain';
  413. font-size: 12px;
  414. line-height:15px;
  415. color: {color:text};
  416. font-weight: normal;
  417. }
  418.  
  419. #credz {
  420. position: fixed !important;
  421. right:5px !important;
  422. bottom:7px !important;
  423. font-family:helvetica;
  424. font-size:19px;
  425. line-height: 12px;
  426. -moz-transition: all 0.8s ease-out;
  427. -webkit-transition: opacity 0.7s linear;
  428. -webkit-transition: all 0.8s ease-out;
  429. transition: all 0.8s ease-out;
  430. }
  431.  
  432. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  433.  
  434. </style>
  435. {block:IndexPage}
  436. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  437. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  438.  
  439. <script type="text/javascript">
  440. $(window).load(function () {
  441. var $content = $('#posts');
  442. $content.masonry({itemSelector: '.entry'}),
  443. $content.infinitescroll({
  444. navSelector : 'div#pagination',
  445. nextSelector : 'div#pagination a#nextPage',
  446. itemSelector : '.entry',
  447. loading: {
  448. finishedMsg: '',
  449. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  450. },
  451. bufferPx : 600,
  452. debug : false,
  453. },
  454. // call masonry as a callback.
  455. function( newElements ) {
  456. var $newElems = $( newElements );
  457. $newElems.hide();
  458. // ensure that images load before adding to masonry layout
  459. $newElems.imagesLoaded(function(){
  460. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  461.  
  462.  
  463. });
  464. });
  465. });
  466. </script>
  467.  
  468. {/block:IndexPage}
  469.  
  470. </div>
  471.  
  472. <title>{title}</title>
  473.  
  474. <link rel="shortcut icon" href="{Favicon}">
  475. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  476. <meta name="viewport" content="width=820" />
  477.  
  478.  
  479.  
  480. <div class="wrapper">
  481.  
  482. <div class="header">
  483.  
  484. </div>
  485.  
  486. <div id="asp">{</div><div class="titulo">{Title}</div>
  487. <div id="asp2">}</div>
  488.  
  489. <div id="sidebar"><center>
  490. <p><div style="border: 2px solid #000;"><a href="/"><img src="{image:Sidebar}" width=196px;></a></div><p>
  491. <div style="margin-top: 6px; border: 2px solid #000; height:auto;">
  492. {description}
  493. </div>
  494. </div>
  495.  
  496. </div>
  497. </div>
  498.  
  499. </div>
  500. </div></div>
  501.  
  502. <div class="linkys"><center><a href="/">home</a> / <a href="/ask">inbox</a> {block:ifLinkOneTitle}
  503. / <a href="{text:Link One}">{text:Link One Title}</a>
  504. {/block:ifLinkOneTitle}{block:ifLinkTwoTitle}
  505. / <a href="{text:Link Two}">{text:Link Two Title}</a>
  506. {/block:ifLinkTwoTitle}{block:ifLinkThreeTitle}
  507. / <a href="{text:Link Three}">{text:Link Three Title}</a>
  508. {/block:ifLinkThreeTitle}{block:ifLinkFourTitle}
  509. / <a href="{text:Link Four}">{text:Link Four Title}</a>
  510. {/block:ifLinkFourTitle} / <a href="http://slutteen.tumblr.com/">credit</a>
  511. </center>
  512. </div></div>
  513.  
  514. <div class="left">
  515.  
  516. <div id="posts">
  517.  
  518. {block:Posts}
  519. <div class="entry">
  520.  
  521. {block:Text}
  522. {block:IndexPage} <div id="permalink">
  523. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> / <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  524. {block:Title}<a href="{permalink}"><span class="title">{Title}</span></a>{/block:Title}
  525. <span class="entrytext">{Body}</span>
  526. {/block:Text}
  527.  
  528. {block:Link}
  529. <a href="{URL}" class="title">{Name}</a>
  530. {block:Description}{Description}{/block:Description}
  531. {block:IndexPage} <div id="permalink">
  532. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  533. {block:Link}
  534.  
  535. {block:Answer}
  536. <div class="post"><div class="askborder">
  537. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{asker} said: {Question}</div><br>
  538. Then I was like: {Answer}
  539. </div>
  540. <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
  541. {/block:Answer}
  542.  
  543. {block:Photo}
  544. <center>
  545. {block:IndexPage}
  546. <div class="permalink">
  547. <a href="{ReblogURL}" target="_blank">reblog</a><br></div>
  548. <div class="permalink2">
  549. <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
  550. {LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  551. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  552. {/block:Photo}
  553.  
  554. {block:Photoset}
  555. {block:IndexPage} <div id="permalink">
  556. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  557. <center><div class="photoset_photo" width="250px">{Photoset-250}</div></center>
  558. <p style="text-align: right;">
  559. {/block:Photoset}
  560. {block:Quote}{block:IndexPage} <div id="permalink">
  561. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  562. {Quote}</span> <br>
  563. {block:Source}<p align=right><strong>-{Source}</right></strong>{/block:Source}
  564. {/block:Quote}
  565.  
  566. {block:Chat}
  567. {block:IndexPage} <div id="permalink">
  568. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>{/block:IndexPage}
  569. {block:Title}<span class="title">{Title}</span>{/block:Title}
  570. <ul class="chat">
  571. {block:Lines}
  572. <li class="user_{UserNumber}">
  573. {block:Label}
  574. <span class="label">{Label}</span>
  575. {/block:Label}
  576. {Line}
  577. </li>
  578. {/block:Lines}
  579. </ul>
  580.  
  581. {/block:Chat}
  582.  
  583. {block:Audio}
  584. <div style="width:320px; height:30px;">
  585. {AudioPlayerBlack}
  586. </div>
  587. {block:IndexPage}<span class="permalink">
  588. <P ALIGN=Right><a href="{Permalink}">{NoteCountWithLabel}</a>
  589. </span>{/block:IndexPage}
  590. {/block:Audio}
  591.  
  592. {block:Video}
  593. {block:IndexPage}
  594. <div id="permalink">
  595. <span class="countreblog"><a href="{Permalink}">{NoteCount} notes</a></span> <span class="countreblog"> <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  596. <center>
  597. <div class="video">{Video-250}</div></center></center>
  598. {/block:IndexPage}
  599. {block:PermalinkPage}
  600. <center>
  601. {Video-550}</center>
  602. {/block:PermalinkPage}
  603. {block:Video}
  604.  
  605. {block:PermalinkPage}
  606. <center>
  607. <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>
  608.  
  609.  
  610. {/block:PermalinkPage}
  611.  
  612.  
  613. {block:PostNotes}{PostNotes}
  614. {/block:PostNotes}
  615. </div>
  616.  
  617.  
  618. {/block:Posts}
  619. </div>
  620. </div>
  621. {block:IndexPage}
  622. {block:Pagination}
  623. <div id="pagination">
  624. {block:NextPage}
  625. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  626. {/block:NextPage}
  627. {block:PreviousPage}
  628. <a href="{PreviousPage}">&larr;&nbsp;</a>
  629. {/block:PreviousPage}
  630. </div>
  631. {/block:Pagination}
  632. {/block:IndexPage}
  633. </div>
  634.  
  635. <div id="credz"><div style="{color:text}"><a href="http://slutteen.tumblr.com">✿</a></div></div>
  636.  
  637.  
  638. </body>
  639. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement