API tools faq
paste
ingridtenysson

Theme 23

ingridtenysson
Feb 1st, 2014
207
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.59 KB | None | 0 0
raw download clone embed print report
  1. <!--- Theme por toseemecry + Base Helpdesigns - Não copie --->
  2.  
  3. <head>
  4.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
  5.  <!--- Não tire --->
  6. <script type="text/javascript"
  7. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8.  
  9.  <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls' rel='stylesheet' type='text/css'>
  10.  <head profile="http://gmpg.org/xfn/11">
  11.  
  12.  
  13.  
  14. <!--- Apparence Helpdesigns --->
  15. <meta name="color:background" content="#fff" />
  16. <meta name="color:entry" content="#fff" />
  17. <meta name="color:link" content="#aaa" />
  18. <meta name="color:lhover" content="#aaa" />
  19. <meta name="color:text" content="#aaa" />
  20. <meta name="color:detalhes" content="#eee" />
  21. <meta name="color:scroll" content="#ccc" />
  22. <meta name="color:scrollfundo" content="#aaa" />
  23. <meta name="color:bordapost" content="#ccc" />
  24. <meta name="color:bordafoto" content="#eeee" />
  25. <meta name="color:bordamenu" content="696969" />
  26. <meta name="color:menu" content="#fff" />
  27. <meta name="image:background" content="" />
  28. <meta name="image:sidebar" content="http://images.orkut.com/orkut/photos/QwAAANRlf6MMq5AAvIWIqEJyzTGFdUyaYAt8v5tF7yblfXgrTF0wlGIAH5MsKSX_Z9mn7-aKhWYUbPRtvT6XOUfbrgZLx3BFaYmfta7rxQiEJm7OAJtU9VDmeDT7Em_Iam2Uqd1_gE8egjmDSg.jpg" />
  29. <meta name="image:sidebar2" content="http://images.orkut.com/orkut/photos/RAAAAL6N_EG4TSviVRH2jlCw82vtB8XwXUAX2qLQXVDaI4lxKCYecpYcg1HUNGICeRSLmTAE6Oe-muhix4k8DefZdp4vwwPhczJ00zhdYJVucWWoAJtU9VDBS_l6ZVb0iY4yNhTOni-3vNvw3w.jpg" />
  30. <meta name="if:Show tags" content="1"/>
  31. <meta name="if:one columns" content=""/>  
  32. <meta name="text:Link1" content="" />
  33. <meta name="text:Link1 Title" content="" />
  34. <meta name="text:Link2" content="" />
  35. <meta name="text:Link2 Title" content="" />
  36. <meta name="text:Link3" content="" />
  37. <meta name="text:Link3 Title" content="" />
  38. <meta name="text:Link4" content="" />
  39. <meta name="text:Link4 Title" content="" />
  40.  
  41.  
  42.  
  43.  
  44.  <!--- Titulo , descrição , favicon --->
  45.  
  46.                       <title>{Title}</title>
  47.         <link rel="shortcut icon" href="{favicon}">
  48.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49.         {block:Description}
  50.   <meta name="description" content="{MetaDescription}" />
  51.         {/block:Description}
  52.  
  53. <!--- Font's --->
  54. <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css'>
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  57.  
  58. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  59.  
  60. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls|Gabriela|Sacramento|Lavanderia+Regular|Ubuntu+Mono|PF+Arma+Five|Heart|Stalemate' rel='stylesheet' type='text/css'>
  61.  
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Tunga' rel='stylesheet' type='text/css'>
  64.  
  65.  <link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  66.  
  67.  <!--- Começo do css --->
  68.    <style type="text/css">
  69.    
  70. /*--- Background ---*/
  71.  
  72. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  73.  
  74.  
  75. /*--- Link ---*/
  76. a {color: {color:link}; text-decoration: none; text-transform: none;}
  77. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  78.  
  79. /*--- Blockquote ---*/
  80.  
  81. p {margin: 6px 0 0 0}
  82.  
  83. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  84. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  85. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  86. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  87.  
  88. blockquote img{max-width: 470px!important}
  89. blockquote blockquote img{max-width: 450px!important}
  90. blockquote blockquote blockquote img{max-width: 430px!important}
  91. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  92.  
  93. /*--- Posts ---*/
  94. #container {background-color: ; width: 1000px; margin: 0 auto 4px auto; background: {color:background}}
  95.  
  96. #entries {margin-left:400px; width: 800px; margin-top: 5px;}
  97.  
  98. .entry {border:; width: 300px; background-color:{color:entry} ; text-align: justify; padding: 6px; float: left; margin: 2px 0 0 2px;opacity:2; {block:PermalinkPage}width:500px {/block:PermalinkPage};{block:IfOneColumns}width:500px;{/block:IfOneColumns} ; border:1px solid {color:bordapost}; }
  99.  
  100. .entry:hover {opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
  101.  
  102. .entry img {max-width:300px; padding: 2px; opacity:2; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;{block:IfOneColumns}max-width: 500px;{/block:IfOneColumns};opacity:1; }
  103.  
  104. /*--- Titulo dos posts ---*/
  105. h1 {font-family:Georgia; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;font-style:italic}
  106. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;font-style:italic}
  107. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  108.  
  109.  
  110.  
  111. /*--- Negrito, Italico e Sublinhado ---*/
  112. b, strong, bold {color:{color:text};}
  113.  
  114. u,underline {color:{color:text}; border-bottom: 1px dotted {color:text}; text-decoration:none; }
  115.  
  116. i, em{color:{color:text};}
  117.  
  118.  
  119.  
  120.  
  121. /* --- Estilo de Quote #5 Por HelpDesigns don't copy ---*/
  122. .pquote:first-letter{font-family:Tangerine; font-size: 30px;}
  123. .pquote {font-family:Georgia;text-align: center;background-color:{color:entry};}
  124. .pquotesource {background-color:{color:detalhes};text-align:right; margin-bottom:3px; font-family:Muli;font-size:10px; }
  125. .pquotesource a, a:hover{;}
  126. @font-face {
  127.   font-family: 'Tangerine';
  128.   font-style: normal;
  129.   font-weight: 400;
  130.   src: local('Tangerine'), url(http://themes.googleusercontent.com/static/fonts/tangerine/v3/HGfsyCL5WASpHOFnouG-RD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  131. }
  132.  
  133.  
  134. /*--- Chat ---*/
  135. .chat {line-height: 13px; list-style: none }
  136. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  137. .person1 {color: {color:text}; padding: 2px; }
  138. .person1 .label {font-weight: bold;  color:{color:text}}
  139. .person2 {color: {color:text}; padding: 2px;  }
  140. .person2 .label {font-weight: bold;  color:{color:text}}
  141.  
  142.  
  143. /*--- Estilo de Ask por by helpdesigns ---*/
  144.  
  145. .askhd{background-color:#696969;width: auto;padding: 2px; color: {color:text}; margin-left: 0px; margin-top:-5px;}/*helpdesigns*/
  146. .askhd2{background-color:{color:detalhes};width: auto;padding: 2px; color: #fff; margin-left: 0px;  margin-top:0px; font-family: 'pixel';font-size: 8px;}/*helpdesigns*/
  147. .askhd2 a{color: {color:entry};}/*helpdesigns*/
  148. @font-face {src: url('http://static.tumblr.com/08l8cbl/qLfmfajt6/pf_arma_five.ttf'); font-family: 'pixel';}/*helpdesigns*/
  149.  
  150. /* --- Notes Hover por HTMLASK/HEARTUSUFFIX.TUMBLR.COM --- */
  151. .notas {margin-top: 1px; opacity: 0; margin-left: 5px;; position: absolute; -webkit-transition-duration: 0.4s; }
  152. .notas a{margin-right:-5px;}
  153. .entry:hover .notas{opacity: 1; margin-top: 10px;}
  154.  
  155. /*--- Fim das notes hover ---*/
  156.  
  157.  
  158.  /*--- Supera-r ---*/
  159. .tags {color: {color:text}; font:8px Arial; text-align:justify; display: inline; list-style: none;}
  160. .tags a {text-transform:uppercase; text-align:justify;  font-size:7px; display: inline; list-style: none;}
  161. .tags a:hover {text-transform:uppercase}
  162. #cap {width: 400px; margin-top: -2px;}
  163. .source {display: none;}
  164.  
  165. .notes {width: 550px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  166. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  167. ol.notes li {background-color: {color:entry}; margin-bottom: 2px; padding: 5px; }
  168. .notes img{display: none; border:0px}
  169.  
  170.  .credito { -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  171. .credito:hover { -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  172.  
  173. /*--- Helpdesigns ---*/
  174. #info {font-size:11px;font-family:calibri;color:{color:link};;border-top:1px solid {color:text};border-bottom:1px solid {color:text};text-aling:center}
  175. #info a {font-size:11px;font-family:calibri;color:{color:link};;text-aling:center}
  176.  
  177.  
  178. /*--- Scrollbar por Revolucionou ---*/
  179. ::-webkit-scrollbar-thumb:vertical {width:10px;background-color:{color:scroll};border-bottom:6px double #fff;border-top:6px double #fff;}
  180. ::-webkit-scrollbar {height:0px;width:10px;background-color:{color:scrollfundo}; border-bottom:6px double #fff;}
  181. ::-webkit-scrollbar-button:vertical {height:10px;background-color:{color:scroll};}
  182.  
  183. /*--- Paginação OMDG ---*/
  184.   #pagina{ margin-top:300px; margin-left:270px;font-size:8px; width: 70px; float: right; ; transparent; position: fixed; height: 17px; -webkit-border-radius: 0px 0px 0px 0px; z-index:830;font-family:PF Arma Five }
  185.  
  186.   @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  187.  
  188.  
  189. /*---Helpdesigns---*/
  190. #tumblr_controls{position: fixed!important}
  191. #tumblr_controls{position: fixed!important}
  192. #tumblr_controls{position: fixed!important}
  193. #tumblr_controls{position: fixed!important}
  194.  
  195. /*******feito por futurasuicida exclusivo ao helpdesigns. Não esqueça de creditar ao helpdesigns *********/
  196.  
  197. #linkborder {width:388px; height: 42px; float: left; margin-left:110px; margin-top:280px; text-align: center; position: fixed;}/**helpdesigns**/
  198.  
  199. #linkborder  a {display: inline-block;float: left;font-family: Ubuntu Mono; font-size: 10px; text-align:center text-align: center; margin-top: 0px; height: 23px; width: 49px; color:#000; line-height: 22px;text-transform: none;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:{color:menu}; opacity:1; -webkit-transition: all 0.99s ease-in-out;-webkit-transition-duration: 0.8s;}/**helpdesigns**/
  200.  
  201. #linkborder  a:hover{border-bottom:2px solid {color:bordamenu}; color:#fff;}/**helpdesigns**/
  202.  
  203.  
  204.  
  205. @font-face {
  206.  
  207.   font-family: ‘Ubuntu Mono’;
  208.  
  209.   font-style: normal;
  210.  
  211.   font-weight: 400;
  212.  
  213.   src: local(‘Ubuntu Mono’), local(‘UbuntuMono-Regular’), url(http://themes.googleusercontent.com/static/fonts/ubuntumono/v3/ViZhet7Ak-LRXZMXzuAfkYbN6UDyHWBl620a-IRfuBk.woff) format(‘woff’);
  214.  
  215.  
  216. }
  217.  
  218. /*******by futurasuicida usar credite a mim ou ao helpdesigns pegar sem credito vai ter porrada.*** *******/
  219. #f1container {position: fixed; margin-left:100px;margin-top:60px;width: 220px;height: 220px;z-index: 1;border:2px solid {color:bordafoto}; }
  220. #f1container {-webkit-perspective: 1000px;-moz-perspective: 1000px;-o-perspective: 1000px;perspective: 1000px;}
  221. #f1card {width: 150px;height: 150px;-webkit-transform-style: preserve-3d;-webkit-transition: all 1.0s linear;-moz-transform-style: preserve-3d;-moz-transition: all 1.0s linear;-o-transform-style: preserve-3d;-o-transition: all 1.0s linear;transform-style: preserve-3d;transition: all 1.0s linear;}
  222. #f1container:hover #f1card, #f1container.hover_effect #f1card {-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);}
  223. .fo {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
  224. .fo.oto {display: block;-webkit-transform: rotateX(180deg);-webkit-box-sizing: border-box;-moz-transform: rotateX(180deg);-moz-box-sizing: border-box;-o-transform: rotateX(180deg);-o-box-sizing: border-box;transform: rotateX(180deg);}
  225.  
  226. </style>
  227.  
  228. {block:IndexPage}
  229.  
  230. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  231.  
  232. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  233.  
  234. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  235.  
  236. <script type="text/javascript">
  237. $(window).load(function(){
  238. var $wall = $('#entries');
  239. $wall.imagesLoaded(function(){
  240. $wall.masonry({
  241. itemSelector: '.entry',
  242. isAnimated : true
  243. });
  244. });
  245. $wall.infinitescroll({
  246. navSelector : "div#navigation",
  247. nextSelector : "div#navigation a#nextPage",
  248. itemSelector : '.entry',
  249. loadingImg : "http://th282.photobucket.com/albums/kk259/rxplastic/random%20gifs/th_t348183788_55788_6.gif",
  250. loadingText : "",
  251. donetext : " ",
  252. extraScrollPx : 1000,
  253. bufferPx : 10100,
  254. debug : false,
  255. errorCallback: function() {
  256. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  257. }},
  258. function( newElements ) {
  259. var $newElems = $( newElements );
  260. $newElems.hide();
  261. $newElems.imagesLoaded(function(){
  262. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  263. });
  264. }); $('#entries').show(500);
  265. });
  266. </script>
  267.  
  268. {/block:IndexPage}
  269.  
  270. <body onkeydown="return false"> <div class="imagem" class="hover">
  271.  
  272.  
  273.  <div id="f1container">
  274. <div id="f1card" class="shadow"><div class="front fo ">
  275. <img src="{image:sidebar}" div  style="width:220px;height:220px;"/></div><div class="oto fo" >
  276. <img src="{image:sidebar2}" div  style="width:220px;height:220px;"/>
  277. </div>
  278. </div>
  279. </div>
  280. <div id="linkborder">
  281. <a href="{text:Link1} "><u>{text:Link1 Title}</u></a>
  282. <a href="{text:Link2} "><u>{text:Link2 Title}</u></a>
  283. <a href="{text:Link3} "><u>{text:Link3 Title}</u></a>
  284. <a href="{text:Link4} "><u>{text:Link4 Title}</u></a>
  285.  
  286.  
  287.  
  288. </div>
  289.  
  290.  
  291.  
  292. </div>
  293.  
  294. <div style="display:block;top:20px;left:20px;font-size:9px;font-family:Calibri;position:fixed;color: {color:text};z-index:55554235555;}"><a href="http://toseemecry.tumblr.com" title="Theme por Toseemecry + Base Helpdesigns">Theme</a> + <a href="http://helpdesigns.tumblr.com" title="Base Helpdesigns + notes hover por Htmlask , dtls O-mundo-de-uma-garota and Revolucionou">@</a>
  295. </div>
  296.  
  297.  
  298. <div id="pagina"><div id="paginacaoml"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><font color="{color:text}">«</font></a>{/block:PreviousPage}{/block:Pagination}
  299. {CurrentPage} <font color="{color:text}"> of </font> {TotalPages}
  300. {block:JumpPagination length="0"}
  301. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  302. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  303. {/block:JumpPagination}
  304. {block:Pagination}{block:NextPage}<a href="{NextPage}"><font color="{color:text}">»</font></a>{/block:NextPage}{/block:Pagination}</div></div></div>
  305.  
  306.  
  307. <div id="entries">
  308. {block:Posts}
  309. <div class="entry">{block:IndexPage}<div class="notas"><a href="{reblogurl}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" /></a> <a href="{permalink}"><img src="http://www.themecloud.co/themes/narnia/like.png" /></a></div>{/block:IndexPage}
  310.  
  311. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  312.  
  313. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  314.  
  315. {block:Photoset}{Photoset-250}{/block:Photoset}
  316.  
  317.  
  318. <div class="pquote">{Quote}</div><br>
  319. {block:Source}<div class="pquotesource">- {Source}</div>
  320. {/block:Source}
  321.  
  322. {block:Link}
  323. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  324. {block:Description}{Description}{/block:Description}
  325. {/block:Link}
  326.  
  327. {block:Chat}
  328. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  329. <div class="chat"><ul>{block:Lines}
  330. <li class="person{UserNumber}">{block:Label}
  331. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  332. {/block:Chat}
  333.  
  334. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  335.  
  336. {block:Video}{Video-500}{/block:Video}
  337.  
  338. {block:Answer}
  339. <div class="askhd2" align="left">Ask by: <font color=#fff;>{Asker}</font> perguntou à {TimeAgo}</div><p></p>
  340. <div class="askhd">{Question}</div><p></p>
  341. {Answer}
  342. {/block:answer}
  343.  
  344. <div id="cap">
  345. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  346. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  347. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  348.  
  349. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  350.    <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  351.      {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  352. {/block:ContentSource}</div></div>
  353. <br>
  354.  
  355. <div class="credito">
  356. {block:Date}<div id="info">
  357.  <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a></div>
  358. <center>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  359. </div></center>{/block:IfShowTags}{/block:Date}
  360. </div>
  361.  
  362.  
  363. {/block:Posts}
  364.  
  365. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  366.  
  367.  
  368. </div>
  369. </div>
  370. </div>
  371.  
  372.  
  373. </div>
  374. </div>
  375.  
  376.  
  377. </div>
  378. </div>
  379. </div>
  380.  
  381.  
  382. </div>
  383. </div>
  384. </div>
  385.  
  386.  
  387. </body>
  388. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!