Advertisement
ramisaaaaa

Untitled

Jun 13th, 2012
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.93 KB | None | 0 0
  1. <!--
  2. theme by icy-me0ws
  3. -->
  4.  
  5. <head>
  6. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script|Unkempt|The+Girl+Next+Door|Allura|Sevillana|Seaweed+Script|Norican|Ruluko|Italianno' rel='stylesheet' type='text/css'>
  7. <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'>
  8. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <meta name="color:background" content="#dadada"/>
  12. <meta name="color:text" 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:sidebar" content="1"/>
  17. <meta name="image:background" content="1"/>
  18. <meta name="if:show photo" content="0"/>
  19. <meta name="if:faded images" content="0"/>
  20. <meta name="if:transparent sidebar" content="1"/>
  21. <meta name="text:Link One Title" content="" />
  22. <meta name="text:Link One" content="" />
  23. <meta name="text:Link Two Title" content="" />
  24. <meta name="text:Link Two" content="" />
  25. <meta name="text:Link Three Title" content="" />
  26. <meta name="text:Link Three" content="" />
  27. <meta name="text:Link One Title" content="" />
  28. <meta name="text:Link One" content="" />
  29. <meta name="text:Link Two Title" content="" />
  30. <meta name="text:Link Two" content="" />
  31. <meta name="text:Link Three Title" content="" />
  32. <meta name="text:Link Three" content="" />
  33. <meta name="text:Link Four Title" content="" />
  34. <meta name="text:Link Four" content="" />
  35. <meta name="text:Link Five Title" content="" />
  36. <meta name="text:Link Five" content="" />
  37. <meta name="text:Link Six Title" content="" />
  38. <meta name="text:Link Six" content="" />
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43. {block:iffadedimages}img{
  44.  
  45. -webkit-transition: opacity 0.4s linear;
  46.  
  47. opacity: 0.90;
  48.  
  49. }
  50. img:hover{
  51.  
  52. -webkit-transition: opacity 0.4s linear;
  53.  
  54. opacity: 1;
  55.  
  56. }{/block:iffadedimages}
  57.  
  58.  
  59.  
  60. iframe#tumblr_controls {right:3px !important; position: fixed !important;}
  61. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  62.  
  63.  
  64. 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;}
  65.  
  66. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  67.  
  68.  
  69. ::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }
  70.  
  71. ::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 0ex; border: 1px solid black;}
  72.  
  73.  
  74. #tumblr_controls{
  75. position:fixed !important;
  76. }
  77.  
  78. .wrapper{
  79. margin: 0px auto;
  80. width: 802px;
  81. }
  82.  
  83. .header{
  84. float: left;
  85. width: 100%;
  86. }
  87.  
  88. .left{
  89. float: left;
  90. margin-right: 20px;
  91. width: 802px;
  92. }
  93.  
  94. .right{
  95. float: right;
  96. width: 200px;
  97. background-color: {color:Background};
  98. }
  99.  
  100. body {
  101. margin:0px;
  102. text-decoration: none;
  103. background-color: {color:background};
  104. background-image:url({image:Background});
  105. background-attachment: fixed;
  106. background-repeat: repeat;
  107. color: {color:Text};
  108. font-family: helvetica;
  109. font-size: 9px;
  110. }
  111.  
  112. div#content{
  113. padding: 4px;
  114. }
  115.  
  116. a:link, a:active, a:visited{
  117. color: {color:Link};
  118. text-decoration: none;
  119. -webkit-transition: color 0.2s ease-out;
  120. -moz-transition: color 0.2s ease-out;
  121. }
  122.  
  123. a:hover{
  124. color:{color:Hover};
  125. text-decoration: underline;
  126. -webkit-transition: color 0.2s ease-out;
  127. -moz-transition: color 0.2s ease-out;
  128. text-shadow: {color:shadow} 5px 2px 2px;
  129. }
  130.  
  131. .entry {
  132. float:left;
  133. padding: 5px;
  134. margin: 4px;
  135. {block:IndexPage}
  136. width: 200px;
  137. {/block:IndexPage}
  138. background-color: white;
  139. {block:PermalinkPage}
  140. width:300px;
  141. {/block:PermalinkPage}
  142. opacity: 1.0;
  143. border: 1px #aaa solid;
  144. }
  145.  
  146. .permalink{
  147. display: block;
  148. line-height: 13px;
  149. text-transform: none;
  150. font-family: helvetica;
  151. font-size: 8px;
  152. text-align:center;
  153. margin-top: 1px;
  154. background-color: #696969;
  155. opacity: 0.8;
  156. text-transform: uppercase;
  157. font-color: #000000;
  158. }
  159.  
  160. .entry .perma{
  161. overflow: hidden;
  162. overflow-y:hidden;
  163. z-index:1000;
  164. opacity: 0;
  165. position: absolute;
  166. text-align:left;
  167. color: #fff;
  168. font-size:11px;
  169. font-family: helvetica;
  170. text-transform:uppercase;
  171. height: 0px;
  172. width: 240px;
  173. padding: 5px 10px 5px 0px;
  174. -webkit-transition: all 0.2s ease;
  175. -moz-transition: all 0.2s ease;
  176. -o-transition: all 0.2s ease;
  177. font-color: #000000;
  178. }
  179.  
  180. .entry:hover .perma{
  181. height: 53px;
  182. margin-top:0px;
  183. line-height: 8px;
  184. overflow:visible;
  185. -webkit-transition: all 0.2s linear; opacity: 0.8;
  186. -webkit-transition: all 0.2s linear;
  187. -moz-transition: all 0.2s linear;
  188. transition: all 0.2s linear;
  189. }
  190.  
  191.  
  192. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  193.  
  194. div#sidebar{
  195. position:fixed !important;
  196. width: 135px;
  197. height:auto;
  198. margin-top: 50px;
  199. margin-left: 80px;
  200. padding: 2px;
  201. line-height:11px;
  202. letter-spacing:0px;
  203. margin-bottom: 6px;
  204. background-color:white {block:iftransparentsidebar}transparent{/block:iftransparentsidebar};
  205. border: 1px #aaa solid;
  206. font-size: 8px;
  207. opacity: 1.0;
  208. }
  209.  
  210. #posts {
  211. width: 630px;
  212. margin-left:230px;
  213. background-color: transparent;
  214. {block:PermalinkPage}
  215. margin-left:230px;
  216. {/block:PermalinkPage}
  217. float:left;
  218. }
  219.  
  220. .links{
  221. display: block;
  222. font-size: 7.5px;
  223. line-height: 12px;
  224. text-align: center;
  225. margin-left: 0px;
  226. background-color:#e1e1e1;
  227. }
  228.  
  229. .links {
  230. width: 39px;
  231. height: 14px;
  232. background-color: #e1e1e1;
  233. font-size:7.5px;
  234. margin-top: 1px;
  235. margin-left: 2px;
  236. letter-spacing:0px;
  237. line-height:13px;
  238. border: 1px #dadada solid;
  239. text-align:center;
  240. margin-bottom: 2px;
  241. -webkit-transition-duration: .6s;
  242. display: inline-block;
  243. -moz-box-shadow: 0 0 10px #000000;
  244. -webkit-box-shadow: 0 0 10px #aaa;
  245. box-shadow: 0 0 2px #000000;
  246. }
  247.  
  248. .links:hover {
  249. background-color: #e1e1e1;
  250. -webkit-transition-duration: .2s;
  251. letter-spacing: 2px;
  252. }
  253.  
  254. #infscr-loading{
  255. bottom: -70px;
  256. position: absolute;
  257. left: 50%;
  258. margin-left:-8px;
  259. width:16px;
  260. height:11px;
  261. overflow:hidden;
  262. margin-bottom: 50px;
  263. }
  264.  
  265. .title{
  266. font-family: cedarville cursive;
  267. font-size: 18px;
  268. line-height:14px;
  269. color: {color:Title};
  270. font-weight: normal;
  271. }
  272.  
  273. .blogtitle{
  274. font-family: meow;
  275. font-size: 25px;
  276. line-height:35px;
  277. color: {color:Title};
  278. font-weight: italic;
  279. }
  280.  
  281. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  282.  
  283. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  284.  
  285. blockquote{
  286. padding:0px 0px 2px 5px;
  287. margin:0px 0px 2px 10px;
  288. border-left: 1px dotted #555555;
  289. }
  290.  
  291.  
  292. {CustomCSS}
  293.  
  294. </style>
  295.  
  296. {block:IndexPage}
  297. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  298. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  299.  
  300. <script type="text/javascript">
  301. $(window).load(function () {
  302. var $content = $('#posts');
  303. $content.masonry({itemSelector: '.entry'}),
  304. $content.infinitescroll({
  305. navSelector : 'div#pagination',
  306. nextSelector : 'div#pagination a#nextPage',
  307. itemSelector : '.entry',
  308. loading: {
  309. finishedMsg: '',
  310. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  311. },
  312. bufferPx : 600,
  313. extraScrollPx: 700,
  314. debug : false,
  315. },
  316. // call masonry as a callback.
  317. function( newElements ) {
  318. var $newElems = $( newElements );
  319. $newElems.hide();
  320. // ensure that images load before adding to masonry layout
  321. $newElems.imagesLoaded(function(){
  322. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  323.  
  324.  
  325. });
  326. });
  327. });
  328. </script>
  329.  
  330. {/block:IndexPage}
  331.  
  332. <title>{title}</title>
  333.  
  334. <link rel="shortcut icon" href="{Favicon}">
  335. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  336. <meta name="viewport" content="width=820" />
  337.  
  338. </head>
  339. <body>
  340. <div class="wrapper">
  341. <div class="header">
  342. </span>
  343. </div>
  344.  
  345.  
  346. <div id="center">
  347.  
  348. <div id="sidebar">
  349. <div class="blogtitle"><center><a href="/">{title}</a></center></div>
  350. <center>{block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=135px></a>
  351. {/block:ifshowphoto}</center>
  352. <center>{Description}</center>
  353.  
  354. <div class="links"><div style="border-left:px solid #fff;border-right:px solid #fff;"><center><a href="{text:Link One}">{text:Link One Title}</a></center></div></div>
  355.  
  356. <div class="links"><div style="border-left:px solid #fff;border-right:px solid #fff;"><a href="{text:Link Two}"> {text:Link Two Title} </a></div></div>
  357.  
  358. <div class="links"><div style="border-left:px solid #fff;border-right:px solid #fff;"><a href="{text:Link Three}"> {text:Link Three Title}</a> </div></div>
  359.  
  360. <div class="links"><div style="border-left:px solid #fff;border-right:px solid #fff;"><a href="{text:Link Four}"> {text:Link Four Title} </a></div></div>
  361.  
  362. <div class="links"><div style="border-left:px solid #fff;border-right:px solid #fff;"><a href="{text:Link Five}"> {text:Link Five Title} </a></div></div>
  363.  
  364. <div class="links"><div style="border-left:px solid #fff;border-right:px solid #fff;"><a href="{text:Link six}"> {text:Link six Title} </a></div></div>
  365.  
  366. </div>
  367.  
  368.  
  369. <div id="content">
  370. <div class="left">
  371.  
  372. <div id="posts">
  373.  
  374. {block:Posts}
  375. <div class="entry">
  376.  
  377. {block:IndexPage}
  378. {/block:IndexPage}
  379.  
  380. {block:Text}
  381. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  382. <div class="permalink">
  383. <span class="permalink">{notecountwithlabel} | {timeago}<a href="{permalink}">
  384. <span class="permalink"><a href="{permalink}"></a></div>
  385. {/block:Text}
  386.  
  387. {block:Link}
  388. <a href="{URL}" class="title">{Name}</a>
  389. {block:Description}{Description}{/block:Description}
  390. <div class="permalink">
  391. <span class="permalink"><a href="{permalink}">
  392. <span class="permalink"><a href="{permalink}">
  393. </a></a></span></div>
  394. {block:Link}
  395.  
  396. {block:Photo}
  397.  
  398. <div class="perma">
  399. <div class="permalink2">
  400. <br><a href="{permalink}"></a><br>
  401. <br><a href="{permalink}"></a><br>
  402. <br><a href="{ReblogURL}" target="_blank"></a><br>
  403. </div>
  404. </div>
  405.  
  406. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="200"/></a></div>{LinkCloseTag}{/block:IndexPage}
  407. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
  408. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="300"/></a>{LinkCloseTag}{/block:PermalinkPage}
  409. {/block:Photo}
  410.  
  411.  
  412.  
  413. {block:Photoset}
  414. {block:IndexPage}
  415. <center>
  416. {Photoset-200}</center>
  417. {/block:IndexPage}
  418. {block:PermalinkPage}
  419. <center>
  420. {Photoset-500}</center>
  421. <div class="permalink">
  422. <span class="permalink"><a href="{permalink}">
  423. <span class="permalink"><a href="{permalink}">
  424. </a></a></span></div>
  425. {/block:PermalinkPage}
  426. {/block:Photoset}
  427.  
  428. {block:Quote}
  429. {Quote}</span>
  430. {block:Source}<strong>{Source}</strong>{/block:Source}
  431. <div class="permalink">
  432. <span class="permalink"><a href="{permalink}">
  433. <span class="permalink"><a href="{permalink}">
  434. </a></a></span></div>
  435. {/block:Quote}
  436.  
  437. {block:Chat}
  438. {block:Title}<span class="title">{Title}</span>{/block:Title}
  439. <ul class="chat">
  440. {block:Lines}
  441. <li class="user_{UserNumber}">
  442. {block:Label}
  443. <span class="label">{Label}</span>
  444. {/block:Label}
  445.  
  446. {Line}
  447. </li>
  448. {/block:Lines}
  449. </ul><div class="permalink">
  450. <span class="permalink"><a href="{permalink}">
  451. <span class="permalink"><a href="{permalink}">
  452. </a></a></span></div>
  453.  
  454. {/block:Chat}
  455.  
  456. {block:Audio}
  457. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  458. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  459. <div class="permalink">
  460. <span class="permalink"><a href="{permalink}">
  461. <span class="permalink"><a href="{permalink}">
  462. </a></a></span></div>
  463. {/block:Audio}
  464.  
  465. {block:Video}
  466. {block:IndexPage}
  467. <center>
  468. {Video-250}</center>
  469. {/block:IndexPage}
  470. {block:PermalinkPage}
  471. <center>
  472. {Video-500}</center>
  473. {/block:PermalinkPage}
  474. <div class="permalink">
  475. <span class="permalink"><a href="{permalink}">
  476. <span class="permalink"><a href="{permalink}">
  477. </a></a></span></div>
  478. {block:Video}
  479.  
  480. {block:PermalinkPage}
  481. <center>
  482. {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>
  483. {/block:PermalinkPage}
  484.  
  485.  
  486. {block:PostNotes}{PostNotes}
  487. {/block:PostNotes}
  488. </div>
  489.  
  490.  
  491. {/block:Posts}
  492. </div>
  493. </div>
  494. {block:IndexPage}
  495. {block:Pagination}
  496. <div id="pagination">
  497. {block:NextPage}
  498. <a id="nextPage" href="{NextPage}"></a>
  499. {/block:NextPage}
  500. {block:PreviousPage}
  501. <a href="{PreviousPage}">&larr;&nbsp;</a>
  502. {/block:PreviousPage}
  503. </div>
  504. {/block:Pagination}
  505. {/block:IndexPage}
  506. </div>
  507. </body>
  508. </html>
  509.  
  510. <div style="position:fixed; bottom:2px; left:2px;">
  511. <a href="http://icy-me0ws.tumblr.com/">credit</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement