Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme #60

By: umlugardocaralho on May 19th, 2012  |  syntax: HTML 5  |  size: 14.53 KB  |  hits: 2,098  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!-- (c) #60
  2. ____________________________________________________________
  3.  
  4. theme por Bianca (rocklessly) nova base, códigos novos.
  5. be original (c) não copie, não adapte e não redistribua.
  6. ____________________________________________________________
  7.  
  8. #60 (c) --!>
  9.  
  10.  
  11. <head>
  12.  
  13. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  14. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  15. <script type="text/javascript" charset="utf-8">
  16. var $j = jQuery.noConflict();
  17. $j(function() {
  18. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  19. $j("img").lazyload({
  20. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  21. effect: "fadeIn",
  22. });
  23. });
  24. </script>
  25.  
  26.  
  27. <!-- DEFAULT VARIABLES -->
  28. <meta name="color:background" content="#fff" />
  29. <meta name="color:text" content="#333" />
  30. <meta name="color:text sidebar" content="#fff" />
  31. <meta name="color:post" content="#fff" />
  32. <meta name="color:link" content="#000" />
  33. <meta name="color:link sidebar" content="#fff" />
  34. <meta name="color:link sidebar hover" content="#000" />
  35. <meta name="color:bg link sidebar hover" content="#fff" />
  36. <meta name="color:sidebar" content="#000" />
  37. <meta name="color:borda" content="#000" />
  38.  
  39. <meta name="if:Rolagem infinita" content="0"/>
  40. <meta name="if:Borda post" content="1"/>
  41. <meta name="if:Imagem Que Mexe" content="1"/>
  42. <meta name="image:background" content=""/>
  43. <meta name="image:sidebar" content="http://24.media.tumblr.com/tumblr_m3xljmXeck1qhqjopo1_500.gif"/>
  44. <meta name="image:mini" content="http://24.media.tumblr.com/tumblr_m3xljmXeck1qhqjopo1_500.gif"/>
  45.  
  46. <meta name="text:titulo que so tenha uma palavra" content="PALAVRA" />
  47. <meta name="text:title" content="Uma frase de no maximo duas linhas. Nao ultrapasse isso." />
  48.  
  49. <meta name="text:Link1" content="/#" />
  50. <meta name="text:Link1 Title" content="link" />
  51. <meta name="text:Link2" content="" />
  52. <meta name="text:Link2 Title" content="" />
  53. <meta name="text:Link3" content="/#" />
  54. <meta name="text:Link3 Title" content="LINK THREE" />
  55. <meta name="text:Link4" content="/#" />
  56. <meta name="text:Link4 Title" content="LINK FOUR" />
  57. <meta name="text:Link5" content="/#" />
  58. <meta name="text:Link5 Title" content="LINK FIVE" />
  59. <meta name="text:Link6" content="/#" />
  60. <meta name="text:Link6 Title" content="LINK SIX" />
  61.  
  62. <script type="text/javascript">
  63.  
  64. </script>
  65. <title>{Title}</title>
  66. <link rel="shortcut icon" href="{Favicon}">
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68. {block:Description}
  69. <meta name="description" content="{MetaDescription}" />
  70. {/block:Description}
  71.  
  72. <style type="text/css">
  73.  
  74. body {background-color:{color:background}; color:{color:text}; font-family: tahoma, helvetica; font-size: 11px; text-align: justify; line-height:110%; background-image:url('{image:background}'); background-attachment: fixed; }
  75.  
  76. a {color:{color:link}; text-decoration:none; -moz-transition: all .7s ease-in-out!important; -o-transition: all .7s ease-in-out!important; transition: all .7s ease-in-out!important; -webkit-transition: all .7s ease-in-out!important;}
  77.  
  78. a:hover {color:{color:hover};}
  79.  
  80. p{margin-top: 1px}
  81.  
  82. blockquote
  83. {margin-left:0px; margin-right: 0px; margin-top: 0px;}
  84.  
  85. #tudo {width: 800px; color:{color:text}; margin-left: 502px;}
  86.  
  87. #bialinda {float: left; padding-top: 16px; background-color: transparent; text-align: center;}
  88. #all { width: 500px; padding: 8px; text-align: justify; background-color:{color:post}; {block:IfBordaPost} border-top:2px solid {color:borda};{/block:IfBordaPost}}
  89.  
  90. {block:IfImagemQueMexe}
  91. div#bialinda img:hover{ -webkit-transition: opacity 0.6s linear; opacity: 0.9; -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); }
  92.  
  93. img{-webkit-transition: opacity 0.3s linear; opacity: 1;}
  94. img:hover{-webkit-transition: opacity 0.3s linear; opacity: 1;}
  95. {/block:IfImagemQueMexe}
  96.  
  97. h1{padding: 5px; font-family: Georgia;  font-size: 14px; line-height: 18px; font-weight: normal;}
  98. h1 a{font-size: 14px; letter-spacing: -1px; line-height: 18px; letter-spacing: 0px; text-align:center; font-weight: normal;}
  99.  
  100. h2{font-size: 9px; display: block; width: 250px; color:{color:text}; background-color: {color:background}; text-align: center; margin: 0px 0px 3px 0px; padding: 3px 0 3px 0; text-transform: normal; text-decoration: none; font-weight: normal}
  101.  
  102. #postquote {font-family: cambria; font-size: 15px; line-height: 15px; padding: 2px; letter-spacing:0px;}
  103. #sourcequote {text-align: center; text-transform: none; margin-bottom: 3px;}
  104.  
  105. #chat{line-height: 12px; list-style: none }
  106. #chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  107. .person1 {color: {color:text} }
  108. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  109. .person2 {color: {color:text} }
  110. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  111. #audio{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:background};}
  112. #audio img{width: 180px; height: auto; padding: 20px 0 20px 0}
  113. #ssource{margin-left:10px; display:none}
  114. #capost {padding-top: 0px; width: 500px;}
  115.  
  116. #info { padding: 4px; font-size: 9px; font-family: verdana; margin-top:2px; text-align: left; -moz-transition: all .9s ease-in-out!important; -o-transition: all .9s ease-in-out!important; transition: all .9s ease-in-out!important; -webkit-transition: all .9s ease-in-out!important;}
  117.  
  118.  
  119. #pagina {width:70px; margin-top:-15px; margin-left:110px; height:20px; line-height: 20px;  text-align:center; color:{color:text sidebar}; font-size:8px;}
  120. #pagina a {color:{color:text sidebar}; padding:4px; background-color:{color:sidebar}; font-size:8px; font-family: verdana; text-align:center;}
  121.  
  122. #asker {font-size: 11px; font-family: verdana; text-align: justify; padding: 5px; }
  123. #asker a {font-size: 11px; font-family: verdana; text-align: justify;}
  124. #answer {padding: 5px; font-size: 11px;  background-color:{color:background};}
  125.  
  126. #notes {width: 500px; padding: 5px; margin-left: 100px;font-size: 9px; text-align: left;}
  127. ol.notes {list-style: none; margin: 0 20px 0 0; padding: 0px}
  128. ol.notes li {margin: 0px; padding: 2px;}
  129. #notes img{border:0px}
  130.  
  131. #page{text-align: center; font-size:50px}
  132. #page a{font-size: 30px; text-decoratin: none; font-family: georgia;}
  133.  
  134. ::-webkit-scrollbar-thumb:vertical { background-color: {color:text}; height: 50px;}
  135. ::-webkit-scrollbar-thumb:horizontal {background-color:  {color:text}; height: 10px;}
  136. ::-webkit-scrollbar { height: 5px; width: 5px; background-color: {color:post};}
  137.  
  138.  
  139. #hoverphoto { opacity:0;  margin:0px 0px 500px 506px; filter: alpha(opacity = 0); position:absolute;  line-height:16px; -webkit-transition: .7s ease-in; -moz-transition: .7s ease-in; transition: .7s ease-in; }
  140.  
  141. #all:hover #hoverphoto {opacity:1.0;  -webkit-transition: .7s ease-in; -moz-transition: .7s ease-in; transition: .7s ease-in; margin:0px 0px 500px 506px;}
  142.  
  143. #sslide {margin-left:2px; text-align:center; font-size: 9px; -moz-transition: all .5s ease-in-out!important; -o-transition: all .5s ease-in-out!important; transition: all .5s ease-in-out!important; -webkit-transition: all .7s ease-in-out!important; width:70px; height: auto; background-color:{color:post};}
  144.  
  145. #sslide a {text-align:center; text-transform:; color:{color:text}; font-size: 10px; font-family: cambria; line-height:1px;}
  146. #sslide a:hover {color:{color:link};}
  147.  
  148. .topa{width: 512px; height: 90px; position:fixed; margin-top:110px; margin-left:-10px; background-color: {color:sidebar}; }
  149.  
  150. .topa2{width: 3000px; height: 90px; position:fixed; margin-top:110px; margin-left:1018px; background-color: {color:sidebar}; }
  151.  
  152. #title {width:200px; background-color:{color:sidebar}; color:{color:text sidebar}; font-family: georgia; font-size:13px; text-align:center; padding:2px; height:30px; margin-top:85px; margin-left:10px; position:fixed;}
  153. #title a {color:{color:text sidebar}; font-family: georgia; font-size:13px; text-align:center;}
  154. #tumblr_controls{position: fixed!important}
  155.  
  156. #base {width:180px; height:15px; margin-top:3px; text-align:center;}
  157.  
  158. #userpic{margin-top:5px; margin-left:10px; padding: 11px 0 0 20px;}
  159. #userpic img{border: 6px solid {color:text sidebar};}
  160.  
  161. #baselinks{margin-top:-1px; margin-left:100px;}
  162. #baselinks a{background-color: {color:background}; color:{color:sidebar}; padding: 5px 10px 5px 10px; text-decoration: none; font-size: 9px; font-style: italic; font-family:georgia; border:3px solid #fff;}
  163. #baselinks a:hover{background-color: {color:sidebar}; color:{color:text sidebar};padding: 5px 10px 5px 10px}
  164.  
  165. #date {color: {color:text sidebar}; font-size:20px; font-family: georgia; margin-left:120px; margin-top:-50px;}
  166.  
  167. #sdb {margin-top:16px; padding:5px; width:190px; position:fixed; margin-left:302px; background-color:{color:post}; border-top:2px solid {color:sidebar};}
  168.  
  169. #ll {text-align: center; margin-left:61px; margin-top:2px;}
  170.  
  171. #ll a {float: left; margin-left: 1px; display: block; font-family: georgia, verdana; font-size: 10px; text-align: center; width: 32px; background-color:{color:sidebar}; color:{color:link sidebar}; text-transform: lowercase; line-height: 70px; height: 44px; overflow: hidden; margin-top: -1px; padding: 5px; font-style:italic; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  172.  
  173. #ll  a:hover{line-height:6px; background-color: {color:bg link sidebar hover}; color: {color:link sidebar hover}; }
  174.  
  175. #profile{padding:4px; overflow: hidden;  -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; background-color: {color:sidebar}; margin-top:-1px; width:51px; height: 46px;}
  176.  
  177. #profile img {margin-top:1px; width:51px; height: 46px;}
  178.  
  179. #bimg {padding:5px; width: 180px; background-color:{color:sidebar};}
  180. #bimg img {width: 180px;}
  181.  
  182. #description {border-bottom:2px solid {color:sidebar}; font-family: verdana; font-size:9px; padding:2px; margin-top:2px; color:{color:sidebar};}
  183.  
  184. #theme {margin-left:3px; margin-top:2px;}
  185. #theme a {margin-top:1px; color:{color:sidebar}; font-size:9px; font-family: verdana; text-align-left;}
  186.  
  187. ::-moz-selection {color: {color:bg link sidebar hover}; background: {color:link sidebar hover};}
  188.  
  189. ::selection {color: {color:bg link sidebar hover}; background: {color:link sidebar hover};}
  190.  {/block:IfSelecao}
  191.  
  192. {CustomCSS}
  193.  
  194. </style>
  195.  
  196. <style>
  197.  
  198. </style>
  199. </head>
  200. <body>
  201.  
  202. <div class="topa2"></div>
  203. <div class="topa"><div id="userpic"><img src="{PortraitURL-40}"></div>
  204. <div id="baselinks">{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  205. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  206. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}</div>
  207.  
  208. <div id="date">{text:titulo que so tenha uma palavra}
  209. </div>
  210. </div>
  211. <div id="title"><a href="/">{text:title}</a></div>
  212.  
  213.  
  214. <div id="sdb">
  215. <div id="bimg"><img src="{image:sidebar}"/></div>
  216.  
  217. <div id="ll">
  218. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  219. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  220. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  221.  
  222. </div><div id="profile">
  223. <img src="{image:mini}"/>
  224. </div>
  225. <div id="description">{description}</div>
  226. <div id="theme"><a href="http://rocklessly.tumblr.com" title="detalhes de wolfss e nbtr">© theme</a>.</div>
  227.  
  228. <div id="pagina">
  229. {block:JumpPagination length="5"}{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}{block:Pagination}{/block:Pagination}</div>
  230. </div>
  231.  
  232.  
  233. <div id="tudo">
  234.  
  235. <div id="bialinda">
  236.  
  237. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  238. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  239.  
  240. {block:Posts}
  241. <div id="all">
  242.  
  243.  
  244.  
  245. <div id="hoverphoto">
  246. <div id="sslide"> <a href="{Permalink}">  {block:NoteCount}{notecount}{/block:NoteCount} notes </a></div>{LinkCloseTag}
  247. <div id="sslide">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} </div>
  248. <div id="sslide"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_m0nj1ziGbG1qe5v0r.png"> Reblog</a></div>
  249. {block:HasTags}{block:Tags} <div id="sslide"><a href="{TagURL}"><b>#</b>{Tag}</a>&nbsp;</div>{/block:Tags}{/block:HasTags}
  250. {block:RebloggedFrom}
  251. <div id="sslide"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" border="3" title="via"></a>{/block:RebloggedFrom}{block:RebloggedFrom}
  252. <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" border="3" title="source"></a></div>
  253. {/block:RebloggedFrom}</div>
  254.  
  255. {block:Text}{block:Title}</b><h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  256.  
  257. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" width:500px;></div>{LinkCloseTag}{/block:Photo}
  258.  
  259. {block:Photoset}{Photoset-500}{/block:Photoset}
  260.  
  261. {block:Quote}
  262. <div id="postquote">❝ {Quote}</div><br>
  263. {block:Source}<div id="sourcequote"> — {Source}</div>{/block:Source}
  264. {/block:Quote}
  265.  
  266. {block:Link}
  267. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  268. {block:Description}{Description}{/block:Description}
  269. {/block:Link}
  270.  
  271. {block:Chat}
  272. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  273. <div id="chat"><ul>{block:Lines}
  274. <li class="person{UserNumber}">{block:Label}
  275. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  276. {/block:Chat}
  277.  
  278. {block:Audio}
  279. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  280. {AudioPlayerGrey}
  281. {block:Caption}{Caption}{/block:Caption}
  282. {/block:Audio}
  283.  
  284. {block:Video}{Video-500}{/block:Video}
  285.  
  286. {block:Answer}
  287. <div id="asker"><b>{Asker}:</b> "{Question}"</div>
  288. <div id="answer">{Answer}</div>
  289. {/block:Answer}
  290.  
  291. <div id="capost">
  292. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  293. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  294. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  295.  
  296. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  297. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  298. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  299. {/block:ContentSource}</div></div>
  300.  
  301. </div>
  302.  
  303. {/block:Posts}
  304. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  305. {block:PostNotes}
  306. <div id="notes">{PostNotes}</div>
  307. {/block:PostNotes}
  308.  
  309. </div>
  310.  
  311. </div>
  312. </div>
  313. </div>
  314. </div>
  315. </div>
  316.  
  317. </body>
  318. </html>
create a new version of this paste RAW Paste Data