Advertisement
princefoolish

theme 20

Aug 27th, 2012
12
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.56 KB | None | 0 0
  1. <!--THEME TUMBLR BY REMONTAD-O. INSP EM DISGUISE-D, PLÁGIO É CRIME.-->
  2.  
  3. <head>
  4. <script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  5. <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  6. <script src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js"></script>
  7.  
  8. <script>
  9. $(function(){
  10.  
  11. var $container = $('#entries');
  12.  
  13. $container.imagesLoaded(function(){
  14. $container.masonry({
  15. itemSelector: '#entry',
  16. columnWidth: 10
  17. });
  18. });
  19.  
  20. $container.infinitescroll({
  21. navSelector : "div#navigation",
  22. nextSelector : "div#navigation a#nextPage",
  23. itemSelector : '#entry', // selector for all items you'll retrieve
  24. loading: {
  25. finishedMsg: '',
  26. img: ''
  27. }
  28. },
  29. // trigger Masonry as a callback
  30. function( newElements ) {
  31. // hide new items while they are loading
  32. var $newElems = $( newElements ).css({ opacity: 0 });
  33. // ensure that images load before adding to masonry layout
  34. $newElems.imagesLoaded(function(){
  35. // show elems now they're ready
  36. $newElems.animate({ opacity: 1 });
  37. $container.masonry( 'appended', $newElems, true );
  38. });
  39. }
  40. );
  41.  
  42. });
  43. </script>
  44. <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
  45. <meta name="color:background" content="#F8f8f8" />
  46. <meta name="color:text" content="#000000" />
  47. <meta name="color:side" content="#ffffff" />
  48. <meta name="color:textside" content="#666666" />
  49. <meta name="color:entry" content="#ffffff" />
  50.  
  51.  <meta name="color:Navigation Hover" content="#FFFDF3"/>
  52.    <meta name="color:Nav Text" content="#FFFFFF"/>
  53.         <meta name="color:Nav 1" content="#EBCCBA"/>
  54.         <meta name="color:Nav 2" content="#F3E1D6"/>
  55.         <meta name="color:Nav 3" content="#F5DCCE"/>
  56.  
  57. <meta name="color:borda" content="#030303" />
  58.  
  59. <meta name="image:sidebar" content="http://24.media.tumblr.com/tumblr_m7cd0ydizd1qmnaqvo1_250.png"/>
  60.  
  61. <meta name="text:Link1" content="" />
  62. <meta name="text:Link1 Title" content="L I N K 1 " />
  63. <meta name="text:Link2" content="" />
  64. <meta name="text:Link2 Title" content="L I N K 2" />
  65. <meta name="text:Link3" content="" />
  66. <meta name="text:Link3 Title" content="L I N K 3" />
  67. <meta name="text:Link4" content="" />
  68. <meta name="text:Link4 Title" content=" L I N K 4" />
  69. <meta name="text:Link5" content="" />
  70. <meta name="text:Link5 Title" content=" L I N K 5" />
  71. <meta name="text:Link6" content="" />
  72. <meta name="text:Link6 Title" content=" L I N K 6" />
  73.  
  74. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  75.  
  76. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  77.     <title>{Title}</title>
  78.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  79.     <link rel="shortcut icon" href="{Favicon}" />
  80.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  81.     <style type="text/css">
  82.    
  83. @font-face {font-family: "pacifico";
  84. src: url(http://static.tumblr.com/ufwwwyn/Do8m4xui1/pacifico.ttf) format("truetype");}
  85.  
  86. ::-webkit-scrollbar{width:6px;height:5px;}
  87. ::-webkit-scrollbar-button:start:decrement
  88. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  89. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  90. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:side};-webkit-border-radius:px;}
  91. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:side};-webkit-border-radius:px;}
  92.  
  93. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:calibri; font-size:11px; line-height:100%; text-align:justify; text-transform: none;text-align: center; font-style: none; }
  94.  
  95. a:link, a:active, a:visited{ color: {color:text}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  96.  
  97. a:hover{color:{color:linkhover};}
  98.  
  99. #container {background-color: ; width: 1000px; margin: 0 auto 10px auto; background: {color:background}}
  100.  
  101. #entries {margin-left: 420px; width: 680px; margin-top: 35px;}
  102.  
  103. .entry { width: 300px; background-color:{color:entry} ; text-align: justify; padding: 9px; float: left; margin: 6px 0 0 6px;}
  104.  
  105. .entry img{padding: 4px; border: 1px solid {Color:background}}
  106.  
  107. #title {font-family: georgia; font-size: 16px; font-weight:; font-style: none; letter-spacing:0px;  line-height: 11px;text-align: center;}
  108.  
  109. #title a{background: {color:linkhover}; padding: 2px; color: #fff}
  110.  
  111. .pquote{font-size: 16px; font-family: calibri; letter-spacing: 0px; line-height: 15px;
  112. text-transform: none;text-align: center; font-style: none; padding-top: px}
  113.  
  114. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  115.  
  116. /* notes by joshdevines*/
  117. .notes img{width:10px; position:relative; top:1px}
  118. ol.notes, .notes li{width:280px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  119.  
  120. .question {color: {color:PostFont}; text-align: center; background-color: #ff; margin-bottom: -10px; }
  121.  
  122. /* chat by joshdevines*/
  123. .user_1 .label {color:{color:link}; font-weight:bold}
  124. .user_2 .label {color:{color:text}; font-weight:bold}
  125. .user_3 .label {color:{color:link}; font-weight:bold}
  126. .user_4 .label {color:{color:text}; font-weight:bold}
  127. .user_5 .label {color:{color:link}; font-weight:bold}
  128. .user_6 .label {color:{color:text}; font-weight:bold}
  129. ul.chat, .chat ol, .chat li {list-style:none; padding:0px}
  130.  
  131. #bottom {font-size: 9px; text-transform: uppercase; margin-left: 170px; opacity: 0; position: absolute; margin-top: -18px; background-color: {color:entry}; padding: 2px;}
  132. .entry:hover #bottom {opacity: 1;}
  133.  
  134. #tudo{margin-left: auto; margin-right: auto; width: 810px; position:fixed;}
  135.  
  136. #side{margin-top: 270px; float: left; width: 350px; margin-left: 30px}
  137.  
  138. #sides {position: fixed; width:210px; margin-left:-105px; margin-top:135px}
  139.  
  140. .sdescri { float: left; margin-top: -85px; position: fixed; overflow: hidden; width: auto; height: auto;margin-left: 305px}
  141. .sdescri img {margin-top: 85px; margin-left: 0px; width: 180px; height: 230px;border: 2px solid {color:listras}; padding: 2px; background-color: {color:sidebar};opacity: 1;}
  142.  
  143.  
  144. #top2 {background-color: #trans; border-bottom: 3px solid #e1e1e1; border-top: 3px solid #e1e1e1; font-weight: normal; letter-spacing: 0px; color: {color:textside}; text-align: center; width: 140px; height:47px; left: 230px; font-family: lucida console; top: 110px; text-transform: lowercase; position: fixed; padding-top: 3px; opacity: 1; font-size: 9px; -webkit-transition: 0.8s ease-in;-moz-transition: 0.8s ease-in; transition: 0.8s ease-in;}
  145. #top2:hover {opacity: 0.6; -webkit-transition: 0.8s ease-in;
  146.  -moz-transition: 0.8s ease-in; transition: 0.8s ease-in;}
  147.  
  148. #titlee {width: 240px; height: 32px; position: fixed; background-color: transparent; margin-left: 175px; margin-top: 310px; z-index:830;}
  149. .optitle{font-family: homenaje; line-height: 35px; font-size: 23px; font-style: none;
  150. font-weight: none; color: {color:font}; margin-top: 5px; margin-left: -5px;   text-transform: none; letter-spacing: 0px; opacity:0.8}
  151.  
  152. #navigation {position:fixed;margin-left:200px;margin-top:380px;}
  153.  
  154. #navigation a {display:block;width:170px; height:auto;font-family:georgia; font-size: 9px; text-align:center;padding:9px;margin-bottom:-8px;transform:lowercase;-webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  155.  
  156. #navigation a:hover {text-align: center; text-decoration:none; -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  157.  
  158. .link1 a {color:{color:Nav Text}; background-color:{color:Nav 1};}
  159.  
  160. .link1 a:hover {color:{color:Nav 1};background-color:{color:Navigation Hover};border-bottom:3px solid {color:Nav 1};}
  161.  
  162. .link2 a { color:{color:Nav Text}; background-color:{color:Nav 2};}
  163.  
  164. .link2 a:hover { color:{color:Nav 2}; background-color:{color:Navigation Hover}; border-bottom:3px solid {color:Nav 2}; }
  165.  
  166. .link3 a { color:{color:Nav Text}; background-color:{color:Nav 3};}
  167.  
  168. .link3 a:hover { color:{color:Nav 3}; background-color:{color:Navigation Hover}; border-bottom:3px solid {color:Nav 3}; }
  169.  
  170.  .pag {font-family: verdana; position: fixed; margin-left:225px; margin-top: 492px; font-size: 27px; z-index: 999999;}
  171. .pag a {color:{color:text}; background-color: transparent;}
  172. .pag a:hover {color:{color:side} ;}
  173.  
  174. .pag2 {font-family: verdana; position: fixed; margin-left:205px; margin-top: 492px; font-size: 27px; z-index: 999999;}
  175. .pag2 a {color:{color:text}; background-color: transparent;}
  176. .pag2 a:hover {color:{color:side};}
  177.  
  178. </style>
  179.  
  180.  
  181. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  182.  
  183. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  184. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  185. <script type="text/javascript">
  186. $(window).load(function () {
  187. $('#entries').masonry(),
  188. $('.masonryWrap').infinitescroll({
  189. navSelector : ".entry",
  190. nextSelector : "#page a#p",
  191. itemSelector : ".entry",
  192. bufferPx : 10000,
  193. extraScrollPx: 10000,
  194. loadingImg : "",
  195. loadingText : "",
  196. },
  197. function() { $('#entries').masonry({ appendedContent: $(this) }); }
  198. );
  199. });
  200. </script>
  201. </head>
  202. <body onkeydown="return false">
  203. <div id="blinky"></div>
  204. <div id="tudo">
  205.  
  206. <div id="titlee">
  207. <div class="optitle">Makes me alive-ve</div></div>
  208.  
  209.  <div id="top2">{Description}</div>
  210.  
  211. <div id="navigation">
  212. <div class="link1">{block:HasPages}{block:Pages}<a href="{URL}" title="{Label}">{Label}</a><br>{/block:Pages}{/block:HasPages}</div>
  213. <div class="link1">{block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a><br>{/block:ifLink1Title}</div>
  214. <div class="link2">{block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a><br>{/block:ifLink2Title}</div>
  215. <div class="link3">{block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a><br>{/block:ifLink3Title}</div>
  216. <div class="link1">{block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a><br>{/block:ifLink4Title}</div>
  217. <div class="link2">{block:ifLink5Title}<a href="{text:Link 5}">{text:Link 5 Title}</a><br>{/block:ifLink5Title}</div>
  218. <div class="link3">{block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a><br>{/block:ifLink6Title}</div>
  219. </div>
  220.  
  221. <div id="sides">
  222. <div class="sdescri"><img src="{image:sidebar}"/>
  223. </div>
  224.  
  225. <tr>
  226.  
  227.  
  228. </tr>
  229. </table>
  230.  
  231. </div></div></div>
  232.  
  233.  
  234. <div class="pag">{block:NextPage}<a href="{NextPage}"><div style="color:{color:borda}">»</div></a>{/block:NextPage}</div>
  235. <div class="pag2">{block:PreviousPage}<a href="{PreviousPage}"><div style="color:{color:borda}">«</div></a>{/block:PreviousPage}</div> <a style="font-size: 12px; font-family:calibri;position:fixed;bottom:10px;right:15px;" href="http://remontad-o.tumblr.com/" title="remontad-o (c) inspirado em disguise-d"><b>THEME ©</b></a>
  236.  
  237. </div></div>
  238. <div id="entries">
  239. {block:Posts}
  240. <div class="entry">
  241.  
  242. {block:Answer}<div id="question"><Center><b>{Asker} wondered:</b> <br>{Question}</div></center>
  243. {Answer}{/block:answer}
  244.              
  245. {block:Text}{block:Title}<div id="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  246.  
  247. {block:Photo}<center><img src="{PhotoURL-400}" width="290px"/></center>
  248. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  249.                
  250. {block:Photoset}<center>{Photoset-250}</center>
  251. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  252.  
  253. {block:Quote}<div class="pquote">"{Quote}"</div> ~ {Source}</center>{/block:Quote}
  254.  
  255. {block:Link}
  256. <a href="{URL}" id="title" {Target}><div id="title">{Name}</div></a>{block:Description}{Description}{/block:Description}
  257. {/block:Link}
  258.  
  259. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  260.  
  261. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  262.  
  263. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  264.    
  265.     <div id="bottom">{block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}">  {NoteCount}</a>,  <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">© </a>{/block:ContentSource}</div>
  266. </div>
  267.  
  268. {/block:Posts}
  269. {block:PostNotes}{PostNotes}{/block:PostNotes}
  270. </div>
  271.  
  272. </body>
  273. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement