Advertisement
ramisaaaaa

Untitled

Jul 31st, 2012
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.35 KB | None | 0 0
  1. <!--
  2. theme by icy-me0ws
  3. -->
  4.  
  5. <head>
  6. <link href='http://fonts.googleapis.com/css?family=Miniver|Give+You+Glory|Short+Stack|Loved+by+the+King|Coming+Soon|Raleway:100|Handlee|Indie+Flower' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10. <meta name="color:background" content="#aaa"/>
  11. <meta name="color:text" content="#130C11"/>
  12. <meta name="color:title" content="#130C11"/>
  13. <meta name="color:hover" content="#130C11"/>
  14. <meta name="color:link" content="#000000"/>
  15. <meta name="color:shadow" content="#dadada"/>
  16. <meta name="image:background" content="1"/>
  17. <meta name="if:faded images" content="0"/>
  18. <meta name="color:scrollbar" content="#aaa"/>
  19. <meta name="image:sidebar" content="1"/>
  20. <meta name="text:moving text" content="lol hi this is a moving text"/>
  21. <meta name="image:sidebar hover" content=""/>
  22. <meta name="color: first letter of title" content="#000"/>
  23.  
  24.  
  25. <style type="text/css">
  26.  
  27. {block:iffadedimages}img{
  28.  
  29. -webkit-transition: opacity 0.8s linear;
  30.  
  31. opacity: 0.60;
  32.  
  33. }
  34. img:hover{
  35.  
  36. -webkit-transition: opacity 0.8s linear;
  37.  
  38. opacity: 1;
  39.  
  40. }{/block:iffadedimages}
  41.  
  42.  
  43.  
  44. iframe#tumblr_controls {right:3px !important; position: fixed !important;}
  45. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  46.  
  47.  
  48. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  49.  
  50. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  51.  
  52.  
  53. ::-webkit-scrollbar {width: 6px; height: 4px; background: white; }
  54.  
  55. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 0ex; width: 2px;}
  56.  
  57.  
  58. #tumblr_controls{
  59. position:fixed !important;
  60. }
  61.  
  62. .wrapper{
  63. margin: 0px auto;
  64. width: 802px;
  65. }
  66.  
  67. .header{
  68. float: left;
  69. width: 100%;
  70. }
  71.  
  72. .left{
  73. float: left;
  74. margin-right: 20px;
  75. width: 802px;
  76. }
  77.  
  78. .right{
  79. float: right;
  80. width: 200px;
  81. background-color: {color:Background};
  82. }
  83.  
  84. body {
  85. margin:0px;
  86. text-decoration: none;
  87. background-color: {color:background};
  88. background-image:url({image:Background});
  89. background-attachment: fixed;
  90. background-repeat: repeat;
  91. color: {color:Text};
  92. font-family: ronda;
  93. font-size: 8px;
  94. }
  95.  
  96. div#content{
  97. padding: 4px;
  98. }
  99.  
  100. a:link, a:active, a:visited{
  101. color: {color:Link};
  102. text-decoration: none;
  103. -webkit-transition: color 0.2s ease-out;
  104. -moz-transition: color 0.2s ease-out;
  105. }
  106.  
  107. a:hover{
  108. color:{color:Hover};
  109. text-decoration: underline;
  110. -webkit-transition: color 0.2s ease-out;
  111. -moz-transition: color 0.2s ease-out;
  112. text-shadow: {color:shadow} 5px 2px 2px;
  113. }
  114.  
  115.  
  116. .entry {
  117. float:left;
  118. padding: 6px;
  119. margin: 2px;
  120. border: 1px solid #dadada;
  121. font-color: #000000;
  122. {block:IndexPage}
  123. width: 250px;
  124. {/block:IndexPage}
  125. {block:PermalinkPage}
  126. width:500px;
  127. {/block:PermalinkPage}
  128. background-color: white;
  129. opacity: 1.0;
  130. }
  131.  
  132. .permalink{
  133. display: block;
  134. line-height: 13px;
  135. text-transform: none;
  136. font-family: littlefont;
  137. font-size: 8px;
  138. text-align:center;
  139. margin-top: 1px;
  140. background-color: #696969;
  141. opacity: 0.8;
  142. text-transform: uppercase;
  143. }
  144.  
  145.  
  146.  
  147. .entry .perma a{
  148. color:#fff;
  149. }
  150.  
  151. .entry .perma{
  152. width:250px;
  153. height:0px;
  154. position: absolute;
  155. text-align: center;
  156. font-family: pixel;
  157. font-size: 8px;
  158. line-height: 15px;
  159. text-align: left;
  160. overflow:hidden;
  161. opacity: 0.0;
  162. background-color:#000000;
  163. }
  164.  
  165. .entry:hover .perma{
  166. height: auto;
  167. overflow:visible;
  168. -webkit-transition: opacity 0.7s linear; opacity: 0.8;
  169. -webkit-transition: all 0.7s linear;
  170. -moz-transition: all 0.7s linear;
  171. transition: all 0.6s linear;
  172. }
  173.  
  174. .likep {
  175. display: inline;
  176. width: 40px;
  177. float: right;
  178. height: 20px;
  179. margin-left:10px;
  180. overflow: hidden;
  181. position: relative;
  182. z-index: 9999999;
  183. background-color: #000000;
  184. opacity: 1.0;
  185. border-top-right-radius:10px;
  186.  
  187. border-bottom-left-radius:10px;
  188. }
  189.  
  190. .likep a {
  191. background-position: 0px 0px;
  192. display: block;
  193. z-index: 9999999;
  194. background-color: #000000;
  195. opacity: 1.0;
  196. -webkit-transition: all .4s ease;
  197. -moz-transition: all .4s ease;
  198. -o-transition: all .4s ease;
  199. transition: all .4s ease;
  200. border-top-right-radius:40px;
  201.  
  202. border-bottom-left-radius:40px;
  203. }
  204.  
  205. .likep img {
  206. width: 21px;
  207. height: 20px;
  208. -webkit-transition: all .4s ease;
  209. -moz-transition: all .4s ease;
  210. -o-transition: all .4s ease;
  211. transition: all .4s ease;
  212. margin-left: 190px;
  213. }
  214. .rep img{
  215. width: 24px;
  216. height: 20px;
  217. line-height: 30px;
  218. display: inline;
  219. margin-left: -130px;
  220. background-color: #000000;
  221. opacity: 0.8;
  222. }
  223.  
  224. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  225.  
  226. div#sidebar{
  227. position:fixed !important;
  228. width: 265px;
  229. height:140px;
  230. margin-top: 100px;
  231. margin-left:120px;
  232. padding: 2px;
  233. line-height:11px;
  234. letter-spacing:0px;
  235. margin-bottom: 6px;
  236. font-size: 8px;
  237. opacity: 1.0;
  238. border: 1px solid dadada;
  239. }
  240.  
  241.  
  242. #sidebarpicture img {
  243. background-color: #fff;
  244. position:fixed;
  245. z-index:100000;
  246. -webkit-transition: all 1.0s ease-in;
  247. -moz-transition: all 1.0s ease-in;
  248. -o-transition: all 1.0s ease-in;
  249. -ms-transition: all 1.0s ease-in;
  250. transition: all 1.0s ease-in;
  251. width:100px;
  252. height:100px;
  253. margin-top:-20px;
  254. margin-left: -560px;
  255. border-top-right-radius:10px;
  256. border-bottom-left-radius:10px;
  257. }
  258.  
  259.  
  260. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  261.  
  262.  
  263.  
  264.  
  265. #postnotes{
  266. text-align: justify;}
  267.  
  268. #postnotes blockquote{
  269. border: 0px;}
  270.  
  271. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  272.  
  273.  
  274. #ssidebarimage{margin-left: 120px; margin-top: 67px; width: 100px; float: left; background-color: {color:sidebar}; padding: 5px; position: fixed; height: 158px;}
  275. .sdbarimg {padding: 3px; background-color: {color:background}; border: 1px solid #dadada; height: 158px;}
  276. .sdbarimg img{max-width: 100px; height: auto; display: inline; margin-bottom: 1px;}
  277.  
  278.  
  279. #posts {
  280. width: 610px;
  281. margin-left:410px;
  282. {block:PermalinkPage}
  283. {/block:PermalinkPage}
  284. float:left;
  285. }
  286.  
  287. #infscr-loading{
  288. bottom: -70px;
  289. position: absolute;
  290. left: 50%;
  291. margin-left:-8px;
  292. width:16px;
  293. height:11px;
  294. overflow:hidden;
  295. margin-bottom: 50px;
  296. }
  297.  
  298.  
  299. div#description{
  300. margin-top:-80px;
  301. margin-left: 0px;
  302. padding: 4px 3px 4px 2px;
  303. width: 150px;
  304. height: auto;
  305. background-color: {color:background};
  306. background-image:url({image:Background});
  307. position: fixed;
  308. text-align: left;
  309. }
  310. .title{
  311. font-family: bebas neue;
  312. font-size: 18px;
  313. line-height:14px;
  314. color: {color:Title};
  315. font-weight: normal;
  316. }
  317.  
  318.  
  319. #pic1{
  320. position:relative;
  321. float:left;
  322. margin-left: 3px;
  323. margin-top:-7px;
  324. z-index:2;
  325. -webkit-transition: all 1.0s ease-out;
  326. -moz-transition: all 2.5s ease-out;
  327. -o-transition: all 1.5s ease-out;
  328. }
  329.  
  330.  
  331. #pic1:hover{
  332. margin-left: 80px;
  333. margin-top: 100px;
  334. opacity:0;
  335. }
  336.  
  337.  
  338. #pic2{
  339. position:absolute;
  340. float:left;
  341. margin-left: 3px;
  342. margin-top:-7px;
  343. z-index:1;
  344. }
  345.  
  346.  
  347.  
  348. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  349.  
  350.  
  351. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  352.  
  353. .blogtitle{
  354. font-family: black swan;
  355. font-size: 65px;
  356. line-height:10px;
  357. width: 390px;
  358. color: {color:title};
  359. font-weight: normal;
  360. text-transform: lowercase;
  361. margin-top: -150px;
  362. text-shadow: 1px 1px 1px #888;
  363.  
  364. }
  365.  
  366.  
  367. .firstletter {
  368. font-family:black swan;
  369. text-transform: lowercase;
  370. font-size:50px;
  371. margin-top: -165px;
  372. margin-left: -260px;
  373. line-height: 20px;
  374. width:390px;
  375. color: #000;
  376. text-align: right;
  377. text-shadow: 1px 1px 1px #aaa;
  378. }
  379.  
  380. .firstletter:first-letter {
  381. color: {color: first letter of title};
  382. text-transform: uppercase;
  383. font-size:60px;
  384. text-shadow: 1px 1px 1px #aaa;
  385. }
  386.  
  387.  
  388. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  389.  
  390.  
  391. @font-face {
  392. font-family: "dawning";
  393. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  394. }
  395.  
  396. @font-face{
  397. font-family: 'pixel';
  398. font-style: normal;
  399. font-weight: normal;
  400. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  401.  
  402. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  403.  
  404. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  405.  
  406. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  407.  
  408. @font-face{
  409. font-family: 'pixel';
  410. font-style: normal;
  411. font-weight: normal;
  412. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  413.  
  414. @font-face {font-family:"handy00";src:url('http://static.tumblr.com/vtqel59/gijlrtxyw/handy00.ttf');}
  415.  
  416. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  417.  
  418. @font-face { font-family: "arsenale white"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  419.  
  420. @font-face {
  421. font-family: "caviardreams";
  422. src: url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf');
  423. }
  424.  
  425.  
  426. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  427.  
  428. blockquote{
  429. padding:0px 0px 2px 5px;
  430. margin:0px 0px 2px 10px;
  431. border-left: 1px dotted #555555;
  432. }
  433.  
  434.  
  435. {CustomCSS}
  436.  
  437. </style>
  438.  
  439. {block:IndexPage}
  440. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  441. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  442.  
  443. <script type="text/javascript">
  444. $(window).load(function () {
  445. var $content = $('#posts');
  446. $content.masonry({itemSelector: '.entry'}),
  447. $content.infinitescroll({
  448. navSelector : 'div#pagination',
  449. nextSelector : 'div#pagination a#nextPage',
  450. itemSelector : '.entry',
  451. loading: {
  452. finishedMsg: '',
  453. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  454. },
  455. bufferPx : 600,
  456. extraScrollPx: 700,
  457. debug : false,
  458. },
  459. // call masonry as a callback.
  460. function( newElements ) {
  461. var $newElems = $( newElements );
  462. $newElems.hide();
  463. // ensure that images load before adding to masonry layout
  464. $newElems.imagesLoaded(function(){
  465. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  466.  
  467.  
  468. });
  469. });
  470. });
  471. </script>
  472.  
  473. {/block:IndexPage}
  474.  
  475. <title>{title}</title>
  476.  
  477. <link rel="shortcut icon" href="{Favicon}">
  478. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  479. <meta name="viewport" content="width=820" />
  480.  
  481. </head>
  482. <body>
  483. <div id="cage">
  484. <div id="center">
  485. <div id="sidebar">
  486.  
  487. <center>
  488.  
  489.  
  490.  
  491. <div id="description">
  492.  
  493. <div style="overflow:auto; width: 143px; height: 110PX; border: 1px solid #dadada; background-color: {color:Background}; margin-left: 116px;
  494. background-image:url({image:Background}); font-family: ronda;Margin-top: 81px;
  495. font-size: 8px; text-align: center;">{Description}</div>
  496.  
  497. <div style="overflow:auto; width: 143px; height: auto; border: 1px solid #dadada; background-color: {color:Background}; margin-left: 116px;
  498. background-image:url({image:Background}); font-family: ronda;
  499. Margin-top: 5px;
  500. font-size: 8px; text-align: center;"><marquee>{text:moving text}</marquee></div>
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507.  
  508. <div id="blogtitle">
  509. <div class="firstletter">{Title}</div>
  510. </div></center><br>
  511.  
  512.  
  513. <center><div id="pic1">
  514. <a href="/"><img src="{image:sidebar}" width=110px; height=130px></a>
  515. </div></center>
  516.  
  517. <div id="pic2"><a href="/"><img src="{image:sidebar hover}" width=110px; height=130px></a></div></center>
  518.  
  519. </div>
  520.  
  521.  
  522.  
  523.  
  524.  
  525. </div>
  526.  
  527.  
  528.  
  529.  
  530. <div id="sidequote"></div>
  531. <div id="sidequote2"></div>
  532.  
  533. <div id="content">
  534. <div class="left">
  535.  
  536. <div id="posts">
  537.  
  538. {block:Posts}
  539. <div class="entry">
  540.  
  541. {block:IndexPage}
  542. {/block:IndexPage}
  543.  
  544. {block:Text}
  545. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  546. <div class="permadbdbgd">
  547. <span class="permavffv"><a href="{permalink}">
  548. <span class="permaffvfv"><a href="{permalink}">{timeago} // {NoteCountWithLabel}</a></div>
  549. {/block:Text}
  550.  
  551. {block:Link}
  552. <a href="{URL}" class="title">{Name}</a>
  553. {block:Description}{Description}{/block:Description}
  554. <div class="permadf">
  555. <span class="permavfvfvd"><a href="{permalink}">
  556. <span class="permalinkvdcdc"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  557. </a></a></span></div>
  558. {block:Link}
  559.  
  560. {block:Photo}
  561.  
  562.  
  563. <div class="perma">
  564. <center><a href="{permalink}">{TimeAgo}</a>/<a href="{permalink}">{notecountwithlabel}</a>/<a href="{ReblogURL}" target="_blank">Reblog</a></span></div></center>
  565.  
  566. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}{/block:IndexPage}
  567. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
  568. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  569.  
  570.  
  571. {/block:Photo}
  572.  
  573. {block:Photoset}
  574. {block:IndexPage}
  575. <center>
  576. {Photoset-240}</center>
  577. {/block:IndexPage}
  578. {block:PermalinkPage}
  579. <center>
  580. {Photoset-500}</center>
  581. <div class="perma">
  582. <span class="permalink"><a href="{permalink}">
  583. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  584. </a></a></span></div>
  585. {/block:PermalinkPage}
  586. {/block:Photoset}
  587.  
  588. {block:Quote}
  589. {Quote}</span>
  590. {block:Source}<strong>{Source}</strong>{/block:Source}
  591. <div class="permafvvffvfd">
  592. <span class="permalinkvfv"><a href="{permalink}">
  593. <span class="permalinkvfvfvvf"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  594. </a></a></span></div>
  595. {/block:Quote}
  596.  
  597. {block:Chat}
  598. {block:Title}<span class="title">{Title}</span>{/block:Title}
  599. <ul class="chat">
  600. {block:Lines}
  601. <li class="user_{UserNumber}">
  602. {block:Label}
  603. <span class="label">{Label}</span>
  604. {/block:Label}
  605.  
  606. {Line}
  607. </li>
  608. {/block:Lines}
  609. </ul><div class="permavvfdx">
  610. <span class="permalinkfvvff"><a href="{permalink}">
  611. <span class="permalinkfvff"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  612. </a></a></span></div>
  613.  
  614. {/block:Chat}
  615.  
  616. {block:Audio}
  617. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  618. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  619. <div class="permadffv">
  620. <span class="permalink"><a href="{permalink}">
  621. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  622. </a></a></span></div>
  623. {/block:Audio}
  624.  
  625. {block:Answer}
  626. <br><div style=" border: 1px solid #dadada; border: radius: 5px; margin: 3px; min-height:30px; padding: 3px; background-color: #fff; box-shadow: 0px 0px 1px 2px #dadada; font-family: pixel; font-size: 8px;">
  627. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px {color:first letter} border-radius: 30px;"/>
  628. {Asker}: {Question}<br></div>
  629. <br>
  630. {answer}
  631. {/block:Answer}
  632.  
  633. {block:Video}
  634. {block:IndexPage}
  635. <center>
  636. {Video-250}</center>
  637. {/block:IndexPage}
  638. {block:PermalinkPage}
  639. <center>
  640. {Video-500}</center>
  641. {/block:PermalinkPage}
  642. <div class="perma vvvc">
  643. <span class="permalink"><a href="{permalink}">
  644. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  645. </a></a></span></div>
  646. {block:Video}
  647.  
  648. {block:PermalinkPage}
  649. <center>
  650. {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>
  651. {/block:PermalinkPage}
  652.  
  653.  
  654. {block:PostNotes}{PostNotes}
  655. {/block:PostNotes}
  656. </div>
  657.  
  658.  
  659. {/block:Posts}
  660. </div>
  661. </div>
  662. {block:IndexPage}
  663. {block:Pagination}
  664. <div id="pagination">
  665. {block:NextPage}
  666. <a id="nextPage" href="{NextPage}"></a>
  667. {/block:NextPage}
  668. {block:PreviousPage}
  669. <a href="{PreviousPage}"></a>
  670. {/block:PreviousPage}
  671. </div>
  672. {/block:Pagination}
  673. {/block:IndexPage}
  674. </div>
  675. </body>
  676. </html>
  677.  
  678. <div style="position:fixed; bottom:2px; left:2px;">
  679. <a href="http://biebinator.tumblr.com/">credit</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement