API tools faq
paste
umlugardocaralho

theme #57

umlugardocaralho
May 11th, 2012
2,382
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 14.59 KB | None | 0 0
raw download clone embed print report
  1.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!-- (c) #57
  6. ____________________________________________________________________________
  7.  
  8.                 theme por Bianca (rocklessly)
  9.                        insp em nee-d (links)
  10.                        be original (c)
  11.            não copie, não adapte e não redistribua.
  12. _______________________________________________________________________________
  13.  
  14. #57 (c) --!>
  15.  
  16. <head>
  17.  
  18.  
  19.  
  20. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  21. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  22. <script type="text/javascript" charset="utf-8">
  23. var $j = jQuery.noConflict();
  24. $j(function() {
  25. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  26. $j("img").lazyload({
  27. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  28. effect: "fadeIn",
  29. });
  30. });
  31. </script>
  32.  
  33. <!-- DEFAULT VARIABLES -->
  34. <meta name="color:background" content="#fff" />
  35. <meta name="color:text" content="#333" />
  36. <meta name="color:post" content="#fff" />
  37. <meta name="color:link" content="#000" />
  38. <meta name="color:text sidebar" content="#fff" />
  39. <meta name="color:sidebar" content="#000" />
  40. <meta name="color:borda post" content="#000" />
  41.  
  42. <meta name="if:Rolagem infinita" content="0"/>
  43. <meta name="if:Borda post" content="1"/>
  44. <meta name="if:Desc" content="1"/>
  45.  
  46. <meta name="image:background" content=""/>
  47. <meta name="image:sidebar" content="http://static.tumblr.com/vjjkisi/5sMm419et/tumblr_m3571zmw4r1qf24xwo1_500.jpg"/>
  48.  
  49. <meta name="text:title" content="skyscraper" />
  50.  
  51. <meta name="text:Link1" content="/#" />
  52. <meta name="text:Link1 Title" content="LINK" />
  53. <meta name="text:Link2" content="/" />
  54. <meta name="text:Link2 Title" content="LINK" />
  55. <meta name="text:Link3" content="/#" />
  56. <meta name="text:Link3 Title" content="LINK" />
  57. <meta name="text:Link4" content="/#" />
  58. <meta name="text:Link4 Title" content="LINK" />
  59. <meta name="text:Link5" content="/#" />
  60. <meta name="text:Link5 Title" content="LINK" />
  61. <meta name="text:Link6" content="/#" />
  62. <meta name="text:Link6 Title" content="LINK" />
  63. <meta name="text:Link7" content="/#" />
  64. <meta name="text:Link7 Title" content="LINK" />
  65. <meta name="text:Link8" content="/#" />
  66. <meta name="text:Link8 Title" content="LINK" />
  67.  
  68. <script type="text/javascript">
  69.  
  70. </script>
  71. <title>{Title}</title>
  72. <link rel="shortcut icon" href="{Favicon}">
  73. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  74. {block:Description}
  75. <meta name="description" content="{MetaDescription}" />
  76. {/block:Description}
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here' rel='stylesheet' type='text/css'>
  79.  
  80.  
  81. <style type="text/css">
  82.  
  83. 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; }
  84.  
  85. 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;}
  86.  
  87. a:hover {color:{color:text};}
  88.  
  89. p{margin-top: 1px}
  90.  
  91. blockquote
  92. {margin-left:0px; margin-right: 0px; margin-top: 0px;}
  93.  
  94. #tudo {width: 800px; color:{color:text}; margin-left: 300px;}
  95.  
  96. #bialinda {float: left; padding-top: 9px; background-color: transparent; text-align: center;}
  97. #all { width: 500px; padding: 8px; text-align: justify; background-color:{color:post};{block:IfBordaPost} border-top:1px solid {color:borda post};{/block:IfBordaPost}}
  98.  
  99. h1{padding: 5px; font-family: Georgia; text-align: center; font-size: 14px; font-weight: normal; line-height: 18px; -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;}
  100. h1 a{font-size: 14px; letter-spacing: -1px; line-height: 18px; letter-spacing: 0px; text-align:center;-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;}
  101.  
  102. .image img {width: 500px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  103.  
  104. 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}
  105.  
  106. #postquote {font-family: cambria; ; font-size: 15px; line-height: 15px; padding: 2px;}
  107. #sourcequote {text-align: center; text-transform: none; margin-bottom: 3px;}
  108.  
  109. #chat{line-height: 12px; list-style: none }
  110. #chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  111. .person1 {color: {color:text} }
  112. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  113. .person2 {color: {color:text} }
  114. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  115. #audio{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:background};}
  116. #audio img{width: 180px; height: auto; padding: 20px 0 20px 0}
  117. #ssource{margin-left:10px; display:none}
  118. #capost {padding-top: 0px; width: 500px;}
  119.  
  120. #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;}
  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. #title {font-size: 12px; font-family: georgia; overflow:hidden; text-align: center; position:fixed; width: 124px; margin-top:9px; margin-left:834px; height:12px; color:{color:text sidebar}; background-color:{color:sidebar}; padding:3px; text-transform: uppercase;}
  139.    
  140. #baseimagem { background-color:{color:background}; float: left; margin-top: 28px; margin-left: 834px; position: fixed; overflow: hidden; width: 120px; height: 120px; border: 5px solid {color:sidebar}; }
  141.  
  142. #basse {width:135px; position: fixed; margin-top:5px; height:25px; margin-left:830px;}
  143.  
  144. #basse:hover #baselinks {margin-left: 135px; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in; margin-top: 4px; background-color:{color:sidebar};  opacity:1.0;}
  145.  
  146. #baseimagem img {width: 120px; height: 120px; overflow:hidden;}
  147. #baseimagem img:hover {opacity:0.8;}
  148.  
  149. #baselinks { overflow:hidden; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in;  width: auto; margin-left:600px; text-align: center; position: absolute; z-index: 55;  height:183px; background-color:{color:sidebar}; color:{color:text sidebar}; margin-top:5px; padding:4px; font-family: tahoma; font-size:10px; }
  150.  
  151. #baselinks a {float: left; width: 70px; font-family: verdana; font-size: 9px; text-align: center; text-decoration: none; line-height: 30px; overflow: hidden; border-top: 1px solid {color:text sidebar}; letter-spacing:px; background-color:{color:sidebar}; color:{color:text sidebar};}
  152. #baselinks a:hover {letter-spacing:2px;}
  153.  
  154. #xx3 {font-family: georgia; position: fixed; margin-left: 400px;  margin-top: 60%; font-size: 27px;}
  155. #xx3 a {color: {color:link}; margin-right: 535px; background-color: ;}
  156.  
  157. #theme{position:fixed; color:{color:link}; font-size:20px; font-family: Just Me Again Down Here, sans-serif; margin-bottom:15px; float: left; bottom:15px; padding:4px;}
  158.  
  159. #blinks {width:124px; padding:3px; height:15px; text-align:center; font-size 7px; position:fixed; margin-top:159px; margin-left:834px; background-color:{color:sidebar}; color:{color:text sidebar};}
  160. #blinks a {font-size:10px; font-family: cambria; color:{color:text sidebar}; text-transform: lowercase;}
  161.  
  162. #base1 {margin-top: 181px; margin-left:834px; position:fixed; width: 124px; height:13px; padding: 3px; font-family: verdana; font-size: 9px; background-color:{color:sidebar}; color:{color:text sidebar}; text-align: center; }
  163. #base1 a {font-size: 8px; text-align: center; font-family: verdana; margin: 0 1px 0 0; padding: 2px 3px;  text-align:center; color:{color:text sidebar};}
  164.  
  165. #desss {position:fixed; margin-top:200px; margin-left:833px; text-align: center;  color: {color:sidebar}; width:129px;padding:2px; height: auto; font-size:9px; font-family: verdana; border-bottom:2px solid {color:sidebar};}
  166.  
  167.  
  168. #hoverphoto { opacity:0;  margin:0px 0px 500px -77px; filter: alpha(opacity = 0); position:absolute;  line-height:16px; -webkit-transition: .7s ease-in; -moz-transition: .7s ease-in; transition: .7s ease-in; }
  169.  
  170. #all:hover #hoverphoto {opacity:1.0;  -webkit-transition: .7s ease-in; -moz-transition: .7s ease-in; transition: .7s ease-in; margin:0px 0px 500px -77px;}
  171.  
  172.  
  173. #sslide {letter-spacing: 0; margin-left:2px;  text-align:center; font-size: 9px; -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; padding:1px; background-color:; width:70px;}
  174.  
  175. #sslide a {text-align:center; text-transform:; color:{color:text}; font-size: 10px; font-family: cambria; line-height:1px;}
  176. #sslide a:hover {color:{color:link};}
  177.  
  178.  
  179.  
  180. #tumblr_controls{position: fixed!important}
  181.  
  182.  {block:IfSelecao}
  183.  
  184. ::-moz-selection {color: {color:text}; background: {color:hover};}
  185.  
  186. ::selection {color: {color:text}; background: {color:hover};}
  187.  {/block:IfSelecao}
  188.  
  189. {CustomCSS}
  190.  
  191. </style>
  192.  
  193. <style>
  194.  
  195. </style>
  196. </head>
  197.  
  198. <body>
  199.  
  200. <div id="baseimagem"><img src="{image:sidebar}"/></a></div>
  201. <div id="blinks">
  202. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a> ×{/block:ifLink1}
  203. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> ×{/block:ifLink2}
  204. <a href="http://rocklessly.tumblr.com">&copy; credit</a>
  205. </div>
  206.  
  207. <div id="base1">
  208. {block:JumpPagination length="7"}{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}
  209. </div>
  210.  
  211.  
  212. <div id="title">{text:title} +</div>
  213.  
  214.  <div id="theme"><a href="http://rocklessly.tumblr.com">© Theme by rocklessly!</a></div>
  215.  
  216. <div id="basse">
  217. <div id="baselinks">
  218. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  219. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  220. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  221. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  222. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  223. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  224. </div>
  225. </div>
  226. </div>
  227. {block:IfDesc}
  228. <div id="desss">
  229. {description}
  230. </div>{/block:IfDesc}
  231.  
  232. <div id="tudo">
  233.  
  234. <div id="bialinda">
  235.  
  236. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  237. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  238.  
  239. {block:Posts}
  240. <div id="all">
  241.  
  242.  
  243.  
  244. <div id="hoverphoto">
  245. <div id="sslide"> <a href="{Permalink}">  {block:NoteCount}{notecount}{/block:NoteCount} notes </a></div>{LinkCloseTag}
  246. <div id="sslide">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} </div>
  247. <div id="sslide"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  248. {block:HasTags}{block:Tags} <div id="sslide"><a href="{TagURL}"><b>#</b>{Tag}</a>&nbsp;</div>{/block:Tags}{/block:HasTags}
  249. {block:RebloggedFrom}
  250. <div id="sslide"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" border="3" title="via"></a>{/block:RebloggedFrom}{block:RebloggedFrom}
  251. <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" border="3" title="source"></a></div>
  252. {/block:RebloggedFrom}</div>
  253.  
  254. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  255.  
  256. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" ></div>{LinkCloseTag}{/block:Photo}
  257.  
  258. {block:Photoset}{Photoset-500}{/block:Photoset}
  259.  
  260. {block:Quote}
  261. <div id="postquote">❝ {Quote}</div><br>
  262. {block:Source}<div id="sourcequote"> — {Source}</div>{/block:Source}
  263. {/block:Quote}
  264.  
  265. {block:Link}
  266. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  267. {block:Description}{Description}{/block:Description}
  268. {/block:Link}
  269.  
  270. {block:Chat}
  271. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  272. <div id="chat"><ul>{block:Lines}
  273. <li class="person{UserNumber}">{block:Label}
  274. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  275. {/block:Chat}
  276.  
  277. {block:Audio}
  278. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  279. {AudioPlayerGrey}
  280. {block:Caption}{Caption}{/block:Caption}
  281. {/block:Audio}
  282.  
  283. {block:Video}{Video-500}{/block:Video}
  284.  
  285. {block:Answer}
  286. <div id="asker"><b>{Asker}:</b> "{Question}"</div>
  287. <div id="answer">{Answer}</div>
  288. {/block:Answer}
  289.  
  290. <div id="capost">
  291. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  292. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  293. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  294.  
  295. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  296. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  297. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  298. {/block:ContentSource}</div></div>
  299.  
  300. </div>
  301.  
  302. {/block:Posts}
  303. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  304. {block:PostNotes}
  305. <div id="notes">{PostNotes}</div>
  306. {/block:PostNotes}
  307.  
  308. </div>
  309.  
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  317. </div>
  318.  
  319. </body>
  320. </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!