Advertisement
c-riptografiasthmes

thema1

Aug 28th, 2015
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.66 KB | None | 0 0
  1.  
  2.  
  3.  
  4.  
  5. <html>
  6.  
  7. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  8.  
  9.  
  10.  
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14.  
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Brawler' rel='stylesheet' type='text/css'>
  19. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  20. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  21.  
  22.  
  23.  
  24. <title>{Title}</title>
  25. <meta name="image:background" content="https://40.media.tumblr.com/c15979045cd144dd98fb2e036633dba3/tumblr_ns6cscgVFo1spbwo9o1_1280.jpg" />
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32. <meta name="text:Link1" content="/" />
  33. <meta name="text:Link1T" content="" />
  34. <meta name="text:Link2" content="/" />
  35. <meta name="text:Link2T" content="" />
  36. <meta name="text:Link3" content="/" />
  37. <meta name="text:Link3T" content="" />
  38. <meta name="text:Link4" content="/" />
  39. <meta name="text:Link4T" content="" />
  40.  
  41.  
  42.  
  43. <style type="text/css">
  44.  
  45.  
  46.  
  47. /*** Seleção Colorida by Mandlyluv.com *****/
  48. ::-moz-selection {
  49. color: #fff;
  50. background: #918f8f;
  51. }
  52. ::selection {
  53. color: #fff;
  54. background: #918f8f;
  55. }
  56.  
  57.  
  58. body {height:100%;background-color:#b0b0af; font-family:tahoma ; color: #000; text-align: justify; font-size: 11px; background-attachment:fixed;
  59. background-repeat: no-repeat;
  60. background-size:100% 100%;
  61. background-repeat: no-repeat;
  62. background-size:100% 100%; }
  63.  
  64. a {text-decoration:none;outline:none;-moz-outline-style:none;color:#01223C;text-decoration:none;-moz-transition:0.4s ease-in;-webkit-transition: 0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
  65.  
  66. a:hover {
  67. color: #A52A2A;
  68. text-decoration:none;}
  69.  
  70. #centralizar {
  71. width: 900px;
  72. height: auto;
  73. position: relative;
  74. overflow-y: hidden;
  75. background: none;
  76. margin-left: 240px;
  77. margin-right: auto;
  78. }
  79. #conteudo {background:transparent;width:900px;;padding-bottom: 5px;margin-top:50px;background-attachment: fixed;}
  80.  
  81.  
  82.  
  83. .posts{;background:#9c9b99;padding-top:10px;padding-bottom:12px;padding-left:10px;padding-right:10px;margin-right:30px; margin-top:40px;
  84. ;width: 250px; color:#182733; text-align: justify; font-size: 11px; position: relative;-webkit-border-radius: 5px;
  85. -moz-border-radius: 5px;
  86. border-radius: 5px;-webkit-box-shadow: 3px 3px 0px 2px rgba(50, 67, 83, 0.75);
  87. -moz-box-shadow: 3px 3px 0px 2px rgba(50, 67, 83, 0.75);
  88. box-shadow: 3px 3px 0px 2px rgba(50, 67, 83, 0.75);-moz-transition:0.4s ease-in;-webkit-transition: 0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
  89.  
  90. image { }
  91. .image img {;width:250px;-webkit-transition-duration: 1.8s; -webkit-filter: grayscale(0%); ;}
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98. /* QUOTE */
  99. .quotte{text-align:justify;
  100. padding-top:5px;
  101.  
  102. font-size:12px; font-style:italic; line-height:20px;
  103. }
  104.  
  105. .autor {
  106. font-family: 'Satisfy', cursive;
  107. color: #0D2C44;
  108. font-size:13;
  109. text-align: right
  110.  
  111. }
  112.  
  113. .chat {line-height: 20px; list-style: none }
  114. .chat ul {line-height: 13px; list-style: none; padding: 10px; line-height:14px;}
  115. .person1 {color: {color:post}; padding: 2px; }
  116. .person1 .label {font-weight: bold; color:{color:post}}
  117. .person2 {color: {color:post}; padding: 2px; }
  118. .person2 .label {font-weight: bold; color:{color:post}}
  119.  
  120. .player {background-color: #fff; text-align: left; display:block;}
  121.  
  122.  
  123.  
  124. /* ask by thoughtandsoul.tumblr exclusivo no I Love Themes*/
  125.  
  126. .pergunta {background: #395870;color: #AEBBC5;text-align: justify; padding: 10px; margin-bottom: 5px; margin-left: 40px; margin-right: auto;border-radius:4px;}
  127. .pergunta a {color: #0D2C44; font-size:13; font-family: 'Satisfy', cursive;}
  128. .pergunta g {color: #666}
  129. .iconeask {float: left; margin-right: 2px; margin-bottom: 3px;}
  130. .divisoria {display: block; margin-top: 4px; margin-bottom: 4px;}
  131. div.treme img{position:relative;border-radius:4px;}
  132.  
  133.  
  134.  
  135. #info {text-align: left; margin-top:-4px; font-size: 10px; font-family: Calibri; text-transform: uppercase; z-index: 11;}
  136. #info a {font-size: 10px; text-transform: uppercase;}
  137.  
  138. #cap {margin-left:594;width: 297px; margin-top: -2px;}
  139. .source {display: none;}
  140.  
  141.  
  142. /**ACIMA É OS NOTES,EU COLOQUE COM HOVER, MAS VOCÊ PODER MUDA,COLOCAR OUTRA COISA,E MUDA A LETRA.**/
  143.  
  144. /**n muda aqui/wih**/
  145.  
  146. ::-webkit-scrollbar {width: 8px; height:auto; background:{color:background}}
  147. ::-webkit-scrollbar-corner {padding:20px;background:{color:background}}
  148. ::-webkit-scrollbar-button:vertical {height:3px; display: block; background:{color:scrollbar}}
  149. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 3px; display: block; background:{color:scrollbar}}
  150. ::-webkit-scrollbar-thumb:vertical {background:#ddd;}
  151. ::-webkit-scrollbar-thumb:horizontal {background: {color:background};}
  152. ::-webkit-scrollbar-thumb {background:#ddd;}
  153.  
  154. #cap {width: 280px; margin-top: -2px;}
  155. .source {display: none;}
  156.  
  157.  
  158.  
  159.  
  160. .posts:hover #notes{-moz-transition:0.4s ease-in;-webkit-transition: 0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;opacity:07;}
  161. .posts:hover {
  162. -moz-transition:0.4s ease-in;-webkit-transition: 0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;
  163. padding-bottom:34px;
  164. }
  165.  
  166.  
  167. #notes /*rodapé do sistema */
  168. {
  169. border-top:1px solid #929190;
  170. text-align: center;
  171. font-size:8pt;
  172. font-family: Verdana;
  173. font-weight:bold;
  174. width:100%;
  175. color:Black;
  176. padding-top:4px;
  177. padding-bottom:4px;
  178. position: absolute;
  179. opacity:0;
  180. bottom: 0;
  181. left:0px;
  182.  
  183. }
  184.  
  185.  
  186. #box:hover {-moz-transition:0.4s ease-in;-webkit-transition: 0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;
  187. background-position: 0px -50px;
  188. }
  189.  
  190. #box /*rodapé do sistema */
  191. {
  192. -moz-transition:0.4s ease-in;-webkit-transition: 0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;
  193. background-image: url('https://40.media.tumblr.com/3938b9b7acbdc5c28e77017b2c075974/tumblr_nl23s2ejmQ1s4uwt4o1_540.jpg');
  194. text-align: center;
  195. background-position: -10px 0px ;
  196.  
  197. font-size:8pt;
  198. font-family: Verdana;
  199. font-weight:bold;
  200. width:200px;
  201. height:300px;
  202. color:Black;
  203. position:fixed;
  204. bottom:35px;
  205. left:20px;
  206. -webkit-border-radius: 5px;
  207. -moz-border-radius: 5px;
  208. border-radius: 5px;
  209. -webkit-box-shadow: 3px 3px 0px 2px rgba(50, 67, 83, 0.75);
  210. -moz-box-shadow: 3px 3px 0px 2px rgba(50, 67, 83, 0.75);
  211. box-shadow: 3px 3px 0px 2px rgba(50, 67, 83, 0.75);
  212. }
  213.  
  214.  
  215.  
  216. #box-img{
  217. position:;
  218. margin-top:30px;
  219. left:auto;
  220. right:auto;
  221.  
  222. }
  223.  
  224. #box-img img{
  225. width:80px;
  226. height:80px;
  227. -webkit-border-radius: 5px;
  228. -moz-border-radius: 5px;
  229. border-radius: 5px;
  230. -webkit-box-shadow: 0px 0px 0px 3px rgba(113, 112, 110, 0.75);
  231. -moz-box-shadow: 0px 0px 0px 3px rgba(113, 112, 110, 0.75);
  232. box-shadow: 0px 0px 0px 3px rgba(113, 112, 110, 0.75);
  233. }
  234.  
  235. #about{
  236. position:;
  237. margin-top:30px;
  238. left:auto;
  239. right:auto;
  240. width:200px;
  241. height:80px;
  242. font-size:11px;
  243. text-shadow: 0px 0px 11px rgba(0, 0, 0, 1);
  244. color:#ffffff;
  245. }
  246.  
  247. #links{
  248. position:;
  249. margin-top:10px;
  250. left:auto;
  251. right:auto;
  252. width:200px;
  253. height-max:80px;
  254. font-size:11px;
  255. }
  256.  
  257. #links a{
  258. color:#ffffff;
  259. font-size:11px;
  260. padding:4px;
  261. background-image: url('https://40.media.tumblr.com/3938b9b7acbdc5c28e77017b2c075974/tumblr_nl23s2ejmQ1s4uwt4o1_540.jpg');
  262. }
  263.  
  264. #links a:hover {
  265. color: #A52A2A;
  266. text-decoration:none;}
  267.  
  268. #numerodenotes{
  269. font-size:14px;
  270. color:#ccc;
  271. position: absolute;
  272. bottom:6px;
  273. left:6px;
  274. }
  275.  
  276. </style>
  277.  
  278. {block:IndexPage}{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  279. {block:IndexPage}
  280.  
  281. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  282.  
  283. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  284.  
  285. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  286.  
  287. <script type="text/javascript">
  288. $(window).load(function(){
  289. var $wall = $('#conteudo');
  290. $wall.imagesLoaded(function(){
  291. $wall.masonry({
  292. itemSelector: '.posts',
  293. isAnimated : true
  294. });
  295. });
  296. $wall.infinitescroll({
  297. navSelector : "div#navigation",
  298. nextSelector : "div#navigation a#nextPage",
  299. itemSelector : '.posts',
  300. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  301. loadingText : "",
  302. donetext : " ",
  303. extraScrollPx : 1000,
  304. bufferPx : 10100,
  305. debug : false,
  306. errorCallback: function() {
  307. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  308. }},
  309. function( newElements ) {
  310. var $newElems = $( newElements );
  311. $newElems.hide();
  312. $newElems.imagesLoaded(function(){
  313. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  314. });
  315. }); $('#conteudo').show(500);
  316. });
  317. </script>
  318. <link href='http://static.tumblr.com/itsy8qc/xcqn8xowy/chentrada2.css' media='screen' rel='stylesheet'/>
  319.  
  320. <div class="column navigation" id="navigation">
  321. {block:Pagination}
  322. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  323. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  324. </div>
  325. {/block:IndexPage}
  326. </head>
  327. <body>
  328.  
  329.  
  330.  
  331. </div>
  332.  
  333.  
  334.  
  335.  
  336.  
  337. <div id="box">
  338. <div id="box-img"><img src="https://31.media.tumblr.com/avatar_e24c996577e1_128.png" /></div>
  339. <div id="about">Eu não quero viver longe de você. Digo, viver sem falar contigo, sem saber como foi o seu dia, o que você fez, como está se sentindo.</div>
  340. <div id="links">
  341. <a href="/">inicio</a>
  342. <a href="/ask">corujas</a><br><br>
  343. <a href="/bio">sinopse</a>
  344. <a href="/tagged/mines">versos</a>
  345. </div>
  346.  
  347.  
  348. </div></div></div></div></div></div></div></div></div></div></div></div></div>
  349. <div class="CHentrada2">
  350. <div id="centralizar">
  351.  
  352.  
  353. <div id="conteudo">
  354.  
  355. {block:Posts}
  356.  
  357. <div class="posts">
  358.  
  359. <div id="notes"> <div id="numerodenotes">
  360. {block:NoteCount}{NoteCount} notas{/block:NoteCount}
  361. </div><div style="display: inline-block;margin-left:210px;">{ReblogButton size="20"}</div> <div style="display: inline-block;">{LikeButton size="20"}</div> </div>
  362. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  363.  
  364. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  365.  
  366. {block:Photoset}{Photoset-250}{/block:Photoset}
  367.  
  368. {block:Quote}<div class="quotte">{Quote}&nbsp;</div>
  369. {block:Source}<div class="autor"><STRONG>{Source}</STRONG></div>{/block:Source}{/block:Quote}
  370.  
  371. {block:Link}
  372. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  373. {block:Description}{Description}{/block:Description}{/block:Link}
  374.  
  375. {block:Chat}
  376. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  377. <div class="chat"><ul>{block:Lines}
  378. <li class="person{UserNumber}">{block:Label}
  379. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  380.  
  381. {block:Audio}<br>
  382. <div class="player">{AudioPlayerBlack}</div>
  383. {/block:Audio}
  384.  
  385. {block:Video}{Video-400}{/block:Video}
  386.  
  387.  
  388. {block:Answer}
  389. <div class="treme"> <img src="{AskerPortraitURL-30}" class="iconeask"></div><div class="pergunta"><g>{Asker}</g> gritou: {Question}</div><div class="divisoria"></div><center>{Answer}</center>
  390. {/block:Answer}
  391.  
  392.  
  393. <div id="cap">
  394. {block:Photo}{/block:Photo}
  395. {block:Video}{/block:Video}
  396. {block:Photoset}{/block:Photoset}
  397.  
  398. <div class="source">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  399. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  400.  
  401.  
  402. <div class="wih">
  403. {block:Date}<div id="cordeiro2">
  404. <center>
  405. </div></center>{/block:IfShowTags}{/block:Date}</div>
  406. </div>
  407.  
  408.  
  409. {/block:Posts}
  410. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  411.  
  412.  
  413. </div>
  414. </div>
  415. </div>
  416. </div>
  417.  
  418.  
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425.  
  426. </body>
  427. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement