Advertisement
helpdesigns

Theme base 3 colunas, por aparence Juh 26/05 pra infinithtml

Jun 1st, 2013
273
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.06 KB | None | 0 0
  1. <!-------------------------------------------------------------------------THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE, THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE, THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE . THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE. THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE. THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE.THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE.THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE.THEME FUTURA SUICIDA NÃO USE COMO BASE E NEM COPIE.
  2. <!---------------------------------------------------------->
  3.  
  4. <head>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  7.  
  8.  
  9. <meta name="color:background" content="#F8f8f8" />
  10. <meta name="color:text" content="#000000" />
  11. <meta name="color:entry" content="#ffffff" />
  12. <meta name="color:nots" content="#dadada" />
  13. <meta name="color:barra1" content="#696969" />
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  16.  
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  18. <title>{Title}</title>
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20. <link rel="shortcut icon" href="{Favicon}" />
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  22. <style type="text/css">
  23.  
  24. @font-face {font-family: "pacifico";
  25. src: url(http://static.tumblr.com/ufwwwyn/Do8m4xui1/pacifico.ttf) format("truetype");}
  26.  
  27. iframe#tumblr_controls {
  28. top:0px !important;
  29. right:3px !important;
  30. position: fixed !important;
  31. -webkit-transition: opacity 0.6s linear;
  32. opacity: 0.3;
  33. -webkit-transition: all 0.8s ease-out;
  34. -moz-transition: all 0.8s ease-out;
  35. transition: all 0.8s ease-out;
  36. z-index:999999999999999999;}
  37.  
  38. iframe#tumblr_controls:hover{
  39. -webkit-transition: opacity 0.6s linear;
  40. opacity: 0.8;
  41. -webkit-transition: all 0.4s ease-out;
  42. -moz-transition: all 0.4s ease-out;
  43. transition: all 0.4s ease-out;
  44. z-index:999999999999999999999;}
  45.  
  46. ::-webkit-scrollbar{width:16px;height:0px;}
  47. ::-webkit-scrollbar-button:start:decrement
  48. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  49. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  50. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:side};-webkit-border-radius:px;}
  51. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:side};-webkit-border-radius:px;}
  52.  
  53. body {color:{color:text}; opacity:0.9; 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; }
  54.  
  55. a:link, a:active, a:visited{ color: {color:text}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  56.  
  57. a:hover{color:{color:linkhover};}
  58.  
  59. 58px; margin-left: 553px; position: fixed; text-transform:uppercase; letter-spacing:1px; z-index:1; opacity:0.8; border-top: 2px solid #eee; border-bottom: 0px solid #eee}
  60.  
  61. #container {background-color: ; width: 1000px; margin: 0 auto 10px auto; background: {color:background}}
  62.  
  63. #entries {margin-left: 300px; width: 900px; margin-top: 5px}
  64.  
  65. .entry {{block:IndexPage}width: 250px; background-color:{color:entry} ; text-align: justify; padding: 9px; float: left; margin: 6px 0 0 6px;{/block:IndexPage}{block:PermalinkPage} padding:10px; width:540px; margin-top: 8px; height:auto; background-color: {color:entry}; text-align: left; margin-left:7px;
  66. {/block:PermalinkPage}}
  67.  
  68. .entry img{width: 238px; padding: 4px; border: 1px solid {Color:background}}
  69.  
  70.  
  71. #links {display: block; font-family: calibri; font-size: 9px; text-transform:uppercase; letter-spacing:1px; z-index:1; opacity:0.9; word-spacing:2px; position: fixed; margin-top: 390px; margin-left: 117px;}
  72.  
  73. #links a {width:148px; display: block; font-family: calibri; font-size: 9px; color: {color:linkt}; text-transform:uppercase; letter-spacing:1px; opacity:0.9; word-spacing:2px; background-color: {color:linkbg}; margin-bottom: 3px;}
  74.  
  75. #links a:hover {opacity:0.9; background-color: {color:linkbg}; color:{color:linkt};}
  76.  
  77. .pquote{font-size: 13px; font-family: geórgia; letter-spacing: 0px; line-height: 14px;
  78. text-transform: none;text-align: center; font-style: none; padding-top: px}
  79.  
  80. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  81.  
  82. /* notes by joshdevines*/
  83. .notes img{width:10px; position:relative; top:1px}
  84. ol.notes, .notes li{width:280px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  85.  
  86. .question {color: {color:PostFont}; text-align: center; background-color: #ff; margin-bottom: -10px; }
  87.  
  88. /* chat by joshdevines*/
  89. .user_1 .label {color:{color:link}; font-weight:bold}
  90. .user_2 .label {color:{color:text}; font-weight:bold}
  91. .user_3 .label {color:{color:link}; font-weight:bold}
  92. .user_4 .label {color:{color:text}; font-weight:bold}
  93. .user_5 .label {color:{color:link}; font-weight:bold}
  94. .user_6 .label {color:{color:text}; font-weight:bold}
  95. ul.chat, .chat ol, .chat li {list-style:none; padding:0px}
  96.  
  97. #bottom {width: auto; font-size: 9px; text-transform: uppercase; margin-left: 140px; opacity: 0; position: absolute; margin-top: -18px; background-color: {color:nots}; padding: 2px;}
  98. .entry:hover #bottom {opacity: 1;}
  99.  
  100.  
  101. </style>
  102. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  103.  
  104. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  105. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  106. <script type="text/javascript">
  107. $(window).load(function () {
  108. $('#entries').masonry(),
  109. $('.masonryWrap').infinitescroll({
  110. navSelector : ".entry",
  111. nextSelector : "#page a#p",
  112. itemSelector : ".entry",
  113. bufferPx : 10000,
  114. extraScrollPx: 10000,
  115. loadingImg : "",
  116. loadingText : "",
  117. },
  118. function() { $('#entries').masonry({ appendedContent: $(this) }); }
  119. );
  120. });
  121. </script>
  122.  
  123.  
  124. </head>
  125.  
  126. <body>
  127.  
  128.  
  129. <div id="entries">
  130.  
  131. {block:Posts}
  132. <div class="entry">
  133.  
  134. {block:Answer}<div id="question"><Center><b>{Asker} dit:</b> <br>{Question}</div></center>
  135. {Answer}{/block:answer}
  136.  
  137. {block:Text}{block:Title}<div id="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  138.  
  139. {block:Photo}<center><img src="{PhotoURL-400}" width="400px"/></center>
  140. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  141.  
  142.  
  143. {block:Photoset}<center>{Photoset-250}</center>
  144. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  145.  
  146. {block:Quote}<div class="pquote">"{Quote}"</div> ~ {Source}</center>{/block:Quote}
  147.  
  148. {block:Link}
  149. <a href="{URL}" id="title" {Target}><div id="title">{Name}</div></a>{block:Description}{Description}{/block:Description}
  150. {/block:Link}
  151.  
  152. {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}
  153.  
  154. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  155.  
  156. {block:Audio}<center>{AudioPlayerWhite}</center>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  157.  
  158. <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>
  159. </div>
  160.  
  161. {/block:Posts}
  162. {block:PostNotes}{PostNotes}{/block:PostNotes}
  163. </div></div>
  164.  
  165. <div style="position: fixed; font-size:12px;
  166. font-family:calibri; bottom: 0px; left: 0px; background: '{color: background}'; padding: 2px; left: 5px; bottom: 600px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity: .65;">
  167. <a href="http://futurasuicida.tumblr.com/" target="_blank" title="Base futurasuicida ™">Seu tumblr aqui ©</a>
  168.  
  169. </body>
  170. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement