umlugardocaralho

theme #33

Feb 13th, 2012
1,403
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.69 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4.  
  5. <!-- (c) #32
  6.  
  7. theme por Bianca (rocklessly)
  8. seja original (c)
  9.  
  10. #32  (c) -->
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14. <html lang="en">
  15. <head>
  16.  
  17. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  18. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  19. <script type="text/javascript" charset="utf-8">
  20. var $j = jQuery.noConflict();
  21. $j(function() {
  22. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  23. $j("img").lazyload({
  24. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  25. effect: "fadeIn",
  26. });
  27. });
  28. </script>
  29.  
  30.  
  31. <meta name="if:Repeat background image" content="0"/>
  32. <meta name="if:Sidebar Image Hover" content="1"/>
  33. <meta name="if:Shadowed Images" content="1"/>
  34. <meta name="if:Submit" content="1"/>
  35. <meta name="if:Sombreado" content="1"/>
  36.  
  37. <meta name="color:Background" content="#FFFFFF"/>
  38. <meta name="color:Chat" content="#F5F5F5"/>
  39. <meta name="color:Text" content="#000000"/>
  40. <meta name="color:sombreado" content="#000000"/>
  41. <meta name="color:Post title" content="#000000"/>
  42. <meta name="color:Link" content="#000000"/>
  43. <meta name="color:Hover" content="#999999"/>
  44. <meta name="color:text sidebar" content="#fff"/>
  45. <meta name="color:sdb" content="#000"/>
  46. <meta name="color:titlle" content="#000"/>
  47. <meta name="color:bg title" content="#ddd"/>
  48. <meta name="color:link bg topbar" content="#ddd"/>
  49. <meta name="color:link topbar" content="#000"/>
  50. <meta name="color:link bg topbar hover" content="#000"/>
  51. <meta name="color:link topbar hover" content="#fff"/>
  52.  
  53. <meta name="text:Link1" content="" />
  54. <meta name="text:Link1 Title" content="" />
  55. <meta name="text:Link2" content="" />
  56. <meta name="text:Link2 Title" content="" />
  57. <meta name="text:Link3" content="" />
  58. <meta name="text:Link3 Title" content="" />
  59. <meta name="text:Link4" content="" />
  60. <meta name="text:Link4 Title" content="" />
  61. <meta name="text:Link5" content="" />
  62. <meta name="text:Link5 Title" content="" />
  63.  
  64. <meta name="image:Background" content=""/>
  65.  
  66. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  68.  
  69. {PostSummary} - {/block:PostSummary}{Title}</title>
  70. <link rel="shortcut icon" href="{Favicon}">
  71.  
  72. <style type="text/css">
  73.  
  74.  
  75. iframe#tumblr_controls{
  76. top: 1px !important;
  77. margin: 0 0 0 0;
  78. right: 6px !important;
  79. position: fixed !important;
  80. }
  81.  
  82. body {
  83. margin:0px;
  84. background-color: {color:Background};
  85. background-image:url({image:background});
  86. {block:IfRepeatBackgroundImage}
  87. background-attachment: fixed;
  88. background-repeat: no-repeat;
  89. background-position:left;
  90. {/block:IfRepeatBackgroundImage}
  91. font-size:11px;
  92. font-family:tahoma, helvetica;
  93. line-height:14px;
  94. color:{color:Text};
  95. text-align: justify;
  96. }
  97.  
  98. a:link, a:active, a:visited{
  99. color: {color:Link};
  100. 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;
  101. }
  102. a:hover {color:{color:Hover};}
  103.  
  104. .backtop{
  105. position:fixed;
  106. bottom:10px;
  107. right:10px;
  108. background:{color:text};
  109. width: 40px;
  110. height: 40px;
  111. font-size:18px;
  112. -webkit-border-radius: 20px;
  113. -moz-border-radius: 20px;
  114. border-radius: 20px;
  115. -moz-transition-duration:0.5s;
  116. -o-transition-duration:0.5s;
  117. -webkit-transition-duration:0.5s;
  118. transition-duration:0.5s;
  119. }
  120.  
  121. .backtop a{
  122. color:{color:background}
  123. }
  124.  
  125. .backtop p{
  126.  text-align: center;
  127.  margin-top: 7px;
  128. }
  129.  
  130. ::-webkit-scrollbar{width:10px;height:3px;}
  131.  
  132. ::-webkit-scrollbar-button:start:decrement::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  133.  
  134. ::-webkit-scrollbar-track-piece{background-color:#ffffff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  135.  
  136. ::-webkit-scrollbar-thumb:vertical{height:100px; background-color:#000000;-webkit-border-radius:px;}
  137.  
  138. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#000000;-webkit-border-radius:px;}
  139.  
  140.  
  141. div#content{
  142. width:500px;
  143. margin-lef: 350px;
  144. margint-top:350px;}
  145.  
  146. .post {float: left; margin-left: 350px; width: 500px; margint-top:150px;}
  147.  
  148. #sidebar {margin-top: 200px; margin-left: 100px; position:fixed; width: 180px; height: auto; background-color: {color:sdb}; color:{color:text sidebar}; padding: 10px; text-align:center;}
  149.  
  150. #pic {margin-top: 120px; width: 270px; margin-left: 165px; position: fixed;}
  151.  
  152. .post_title{
  153. font-family: Rochester;
  154. font-size:25px;
  155. color:{color:text};
  156. line-height:23px;
  157. }
  158.  
  159. .entry{
  160. text-align:left;
  161. width:500px;
  162. margin-bottom:20px;
  163. }
  164.  
  165. .entry img{
  166. max-width:500px;
  167. {block:IfShadowedImages}
  168. -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  169. -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  170. box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  171. {/block:IfShadowedImages}
  172. }
  173.  
  174. .asker{
  175. padding:7px;
  176. line-height:16px;
  177. font-size:9px;
  178. background-color:{color:Chat};
  179. }
  180.  
  181. blockquote{
  182. padding:0px 0px 2px 5px;
  183. margin:0px 0px 2px 1px;
  184. border-left: 2px solid {color:Text};
  185. }
  186.  
  187. .permalink {
  188. display:block;
  189. position: relative;
  190. margin-top:-5px;
  191. text-align: center;
  192. font-size:9px;
  193. font-family:tahoma, helvetica;
  194. opacity:0.4;
  195. filter: alpha(opacity = 40);
  196. -webkit-transition: 0.3s ease-in;
  197. }
  198.  
  199. .entry:hover .permalink{
  200. opacity: 1;
  201. filter: alpha(opacity = 100);
  202. -webkit-transition: 0.3s ease-in;
  203. }
  204.  
  205. .q{
  206. margin-left:20px;
  207. padding-top:12px;
  208. font-family:tahoma, helvetica;
  209. font-size:15px;
  210. {Block:IfSombreado}text-shadow:4px 3px 15px {color:sombreado};{/Block:IfSombreado}
  211. letter-spacing: -1px;
  212. color:{color:post title};
  213. line-height:23px;
  214. }
  215.  
  216. .quote{
  217. position:absolute;
  218. margin-left:0px;
  219. margin-top:20px;
  220. font-size:60px;
  221. opacity:0.3;
  222. filter: alpha(opacity = 30);
  223. color: {color:text}
  224. }
  225.  
  226. .source{
  227. font-size:12px;
  228. margin-left:35px;
  229. }
  230.  
  231. div#chat li {
  232. padding: 4px;
  233. background-color:{color:Chat};
  234. margin-top: 2px;
  235. }
  236.  
  237. div#chat ul{
  238. list-style: none;
  239. padding: 0px;
  240. margin-top:5px;
  241. margin-bottom:10px;
  242. width:500px;
  243. text-align: left;
  244. }
  245.  
  246. div#page{
  247. display:block;
  248. text-align:center;
  249. font-size:11px;
  250. display:none;
  251. }
  252.  
  253. div#page a{
  254. margin-right:10px;
  255. display: inline-block;
  256. padding: 5px;
  257. color:{color:link};
  258. }
  259.  
  260. .current_page{
  261. margin-right:10px;
  262. }
  263.  
  264. .lalala{
  265. background-color:#000;
  266. height:27px;
  267. width:500px;
  268. -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  269. -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  270. box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  271. }
  272.  
  273. ol.notes {
  274. padding: 0px;
  275. margin: 25px 0px;
  276. list-style-type: none;
  277. border-bottom: solid 1px {color:text};
  278. font-size:10px;
  279. }
  280.  
  281. ol.notes li.note {
  282. border-top: solid 1px {color:text};
  283. padding: 10px;
  284. font-size:10px;
  285. }
  286.  
  287. ol.notes li.note img.avatar {
  288. vertical-align: -4px;
  289. margin-right: 10px;
  290. width: 16px;
  291. height: 16px;
  292. }
  293.  
  294. ol.notes li.note span.action {
  295. font-weight: normal;
  296. font-size:10px;
  297. }
  298.  
  299. ol.notes li.note .answer_content {
  300. font-weight: normal;
  301. font-size:10px;
  302. }
  303.  
  304. ol.notes li.note blockquote {
  305. border-color: {color:text};
  306. padding: 4px 10px;
  307. margin: 10px 0px 0px 25px;
  308. font-size:10px;
  309. }
  310.  
  311. ol.notes li.note blockquote a {
  312. text-decoration: none;
  313. font-size:10px;
  314. }
  315.  
  316.  
  317. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  318.  
  319.  
  320. #xx {top: 70%; margin-left: 950px; width: 80px; position: fixed; padding: 0px;}
  321. .xx3 {font-size: 30px; font-family: georgia; padding: 1px;}
  322. .xx3 a{color: {color:link}; background-color: {color:background};}
  323. .xx3 a:hover {color: {color:hover}; background-color: transparent;}
  324.  
  325. .permabox {
  326.     margin-left: 500px;
  327.     background: {color:Post background};
  328.     line-height: 12px;
  329.     font-size: 9px;
  330.     width: 150px;
  331.     position: absolute;
  332.     padding: 6px;
  333.     {block:IndexPage}
  334.     opacity: 0;
  335.     -webkit-transition: all 1s ease;
  336.     -moz-transition: all 1s ease;
  337.     -o-transition: all 1s ease;
  338.     transition: all 1s ease;
  339. }
  340.  
  341. .post:hover .permabox {
  342.     opacity: 1;
  343.     font-size: 9px;
  344.     -webkit-transition: all 1s ease;
  345.     -moz-transition: all 1s ease;
  346.     -o-transition: all 1s ease;
  347.     transition: all 1s ease;
  348.     {/block:IndexPage}
  349. }
  350.  
  351. .posttitle a {
  352.     font-size: 14px;
  353.     margin-top: 0;
  354.     margin-bottom: -5px;
  355.     color: {color:text};
  356.     font-weight: bold;
  357. }
  358.  
  359. .posttitle a:hover {
  360.     color: {color:Post title hover};
  361. }
  362.  
  363. .post-text, .post-quote, .post-link {
  364.     background: {color:Post background};
  365.     margin-bottom: 5px;
  366.     padding: 6px;
  367.     width: 500px;
  368. }
  369.  
  370. .post-photo, .post-video {
  371.     margin-bottom: 5px;
  372. width: 500px;
  373. }
  374.  
  375.  
  376. .post-photo img {
  377.     width: 500px;
  378. }
  379.  
  380. .post-photoset img {
  381. width: 500px;
  382. }
  383.  
  384. .link {
  385.     font-size: 16px;
  386.     font-weight: bold;
  387. }
  388.  
  389. .trackid {
  390.     padding: 7px;
  391.     margin: 4px 0px 4px 0;
  392.     background: {color:Post background};
  393.     overflow: hidden;
  394. }
  395.  
  396.  
  397.  
  398. h2 {
  399.     text-align: center;
  400.     font-size: 11px;
  401.     font-weight: normal;
  402.     padding: 6px;
  403. }
  404.  
  405. h3 {
  406.     text-align: center;
  407.     text-transform: uppercase;
  408.     font-size: 11px;
  409.     font-weight: normal;
  410.     letter-spacing: 4px;
  411.     padding: 8px;
  412.     color: {color:Title};
  413.     background: {color:Post background};
  414. }
  415.  
  416. .box {
  417.     padding: 3px;
  418.     margin-bottom: 10px;
  419.     background: {color:Post background};
  420. }
  421.  
  422. .box a {
  423.     letter-spacing: 2px;
  424.     text-transform: uppercase;
  425. }
  426.  
  427. .tags {
  428.     margin-top: 5px;
  429. }
  430.  
  431.  
  432. .pagination {
  433.     text-align: center;
  434.     text-transform: uppercase;
  435. }
  436.  
  437. .postnotes {width: 500px; padding: 4px; margin-top: 4px; background: {color:Post background};}
  438. ol.notes {list-style:none; margin: 0; padding: 0;}
  439. ol.notes li {list-style: none; margin: 5px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px solid #e6e6e6;}
  440. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  441. .more_notes_link_container {border: none; }
  442. .qqmarks{font-size: 80px; font-weight: bold; line-height: 80px; opacity: 0.2; filter:alpha (opacity=20); font-family:georgia;}
  443. .qquote{font-family: verdana; font-size: 14px;  letter-spacing: -1px; line-height: 20px; text-transform: none; margin-top: -70px; margin-left:45px}
  444. .qsource{margin: 5px 15px 0 0; text-align: right}
  445.  
  446. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  447. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  448. .user_7 .label, .user_8 .label, .user_9 .label {color:#969696;}
  449.  
  450. #answer{
  451.    margin-top: 10px;
  452.    margin-left: -34px;}
  453.  
  454.  
  455. .entry{
  456. text-align:left;
  457. width:500px;
  458. margin-bottom:20px;
  459. margin-top: 350px;
  460. }
  461.  
  462. .entry img{
  463. max-width:500px;
  464. {block:IfShadowedImages}
  465. -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  466. -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  467. box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
  468. {/block:IfShadowedImages}
  469. }
  470. div.padd {
  471.    width: 100%;
  472.    line-height: 11px;
  473.    padding-top: 0px;
  474.    padding-left: 5px;
  475.    margin: 0px;}
  476.  
  477. #titulocomlinks {margin-top: 0px; margin-left: 350px; width: 480px; padding: 10px; font-family: georgia; font-size: 18px; text-align: center; background-color: {color:bg title}; color: {color:titlle}; position: fixed; height: 18px; opacity: 0.6; overflow: hidden; -webkit-transition: all 2.0s ease-out; -moz-transition: all 2.0s ease-out; }
  478. #titulocomlinks:hover {height: 50px; opacity: 1.0;}
  479.  
  480. #xbox a {font-family: tahoma, helvetica; padding-left:0px; position: center; font-size: 9px; color:{color:link topbar}; background-color:{color:link bg topbar};  text-transform:lowercase;  margin-right:0px; -webkit-transition: all 1.0s linear; -moz-transition: all 1.0s linear; -o-transition: all 1.0s linear; transition: all 1.0s linear; line-height: 0px; margin-left: 2px; width: 80px; padding: 5px 10px 5px 10px; margin-bottom: 0px; height: 0px; margin-top: 3px;}
  481. #xbox a:hover {padding-top: 17px; font-weight: normal; color:{color:link topbar hover}; background-color:{color:link bg topbar hover}; font-size: 9px;}
  482.  
  483.  
  484. #tumblr_controls{position: fixed!important}
  485.  
  486. {CustomCSS}
  487. </style>
  488. </head>
  489. <body>
  490. <div id="titulocomlinks">{title}
  491. <div id="xbox">
  492. <br>
  493. <center><a href="/">home</a> <a href="/ask">ask me</a>
  494. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  495. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  496. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  497. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  498. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  499. <a href="http://rocklessly.tumblr.com">credit</a>
  500. <br>
  501. <br>
  502. </center>
  503. </div></div>
  504. <div id="pic"><img src="{PortraitURL-96}" width="70"></div>
  505. <div id="sidebar">{Description}
  506. </div>
  507.  
  508. <div id="content">
  509. <div id="xx"><div class="xx3">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div></div>
  510. </div>
  511.  
  512. <div id="content">
  513. <br />
  514. <br />
  515. <br />
  516. <br />
  517. <br />
  518. {block:Posts}
  519. <div class="post">
  520.  
  521. <div class="permabox">
  522. {block:Date}
  523. {block:Notecount}<span style="color: #FF0808;">&hearts;</span>&nbsp;<a href="{Permalink}#notes" alt="notes">{NoteCount}</a>{/block:Notecount}<br />
  524. <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear} at {12Hour} {AmPm}</a>
  525. <br/><a href="{ReblogURL}" target="_blank">~ reblog this
  526. </a>
  527. {block:RebloggedFrom}<br/>&rarr; <b>via</b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (<b>originally</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}<br/>
  528. {block:HasTags}<div class="tags"><strong>tags:</strong>
  529. {block:Tags}
  530. <a style="text-transform: lowercase" href="{TagURL}">{Tag}</a>&nbsp;
  531. {/block:Tags}</div>
  532. {/block:HasTags}
  533. {/block:Date}
  534. </div>
  535.  
  536.  
  537. {block:Text}
  538.     <div class="post-link">
  539.      {block:Title}<div class="link"><center>{Title}</center></div>{/block:Title}
  540.       {Body}
  541.    </div> <br>
  542. {/block:Text}
  543.  
  544. {block:Photo}
  545. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/>
  546. {block:Caption} <div id="cap">
  547. {Caption}</div>{/block:Caption} <Br>      
  548. {/block:Photo}
  549.  
  550.  
  551. {block:Photoset}
  552.     <div class="post-photoset">
  553.      <Center>{Photoset-500}</center></div>
  554.     {block:Caption} <div id="cap">
  555.     {Caption}</div>{/block:Caption} <br>
  556. {/block:Photoset}
  557.  
  558. {block:Quote}<span class="quote">&#10077;</span><div class="q">{Quote}</div>
  559. {block:Source}<div class="source"><p>&#8212; {Source}</p></div>{/block:Source} <Br>
  560. {/block:Quote}
  561.  
  562. {block:Link}
  563.     <div class="post-link">
  564.       <a href="{URL}" class="link" {Target}><center>{Name}</center></a></div>
  565. {block:Description}{Description}{/block:Description}<Br>
  566.    
  567. {/block:Link}
  568.  
  569. {block:Audio}
  570.     <div class="post-audio">
  571. <table cellspacing="3"><tr><td valign="top">
  572.       {block:AlbumArt}<img src="{AlbumArtURL}" width="150">{/block:AlbumArt}
  573. </td><td valign="top">
  574.       {AudioPlayerBlack}
  575.       {block:TrackName}<div class="trackid">"{TrackName}"</div>{/block:TrackName}
  576.       {block:Artist}<div class="trackid">{Artist}</div>{/block:Artist}
  577.       {block:Album}<div class="trackid">{Album}</div>{/block:Album}
  578.       <div class="trackid"><em>({PlayCount}) plays</em></div>
  579. </td></tr></table>
  580.     </div><br>
  581. {/block:Audio}
  582.  
  583. {block:Video}
  584. <div class="post-video">
  585. {Video-500}<br>{block:Caption}{Caption}{/block:Caption}
  586. </div><br>
  587. {/block:Video}
  588.  
  589. {block:Chat}
  590. {block:Title}<span class="title" color="{color:link}">{Title}</span>{/block:Title}
  591. <ul class="chat">
  592. {block:Lines}
  593. <li class="user_{UserNumber}>
  594. {block:Label}
  595. <span class="label"><b>{Label}</b></span>
  596. {/block:Label}
  597. {Line}</li>{/block:Lines}</ul><br/>
  598. {/block:Chat}
  599.  
  600. {block:Answer}
  601. <table width="100%" border="0px" cellpadding="0" cellspacing="0">
  602. <tbody style="border-spacing: 0px;">
  603. <td width="30px" style="vertical-align: top; width: 30px; padding: 0px;">
  604. <img height="30px" width="30px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-30}"/></td><td>
  605. <div class="padd" width="100%" style="margin-left:;">
  606. {Asker} asked:<br>
  607. {Question}<br><div id="answer">{Answer}</div><br><br>
  608. </div></td></tr></tbody></table><Br>
  609. {/block:Answer}
  610.  
  611. {block:PostNotes}
  612. <div class="postnotes">{PostNotes}</div>
  613. {/block:PostNotes}
  614. </div>
  615. {/block:Posts}  
  616.  
  617. <div class="backtop"><p><a href="#" title="#top">&uarr;</a></p></div>
  618.  
  619. <pre>
  620. <div style="rgb(200, 200, 200); overflow: auto; background-color: ; width: 500px; margin-left:350px; text-align: justify; font-family: tahoma; height: 20px; font-size:11px;"><center>» theme by <a href="http://rocklessly.tumblr.com"><b>rocklessly</b></a>; don't copy «</div></pre></center>
  621.  
  622. </div>
  623.  
  624.  
  625. <!-- PLEASE DO NOT REMOVE THE CREDIT LINK. I'D APPRECIATE THAT VERY MUCH -->
  626.  
  627. </body>
  628. </html>
Advertisement
Add Comment
Please, Sign In to add comment