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

theme 23

By: mesmo-distante on Apr 30th, 2012  |  syntax: HTML  |  size: 13.50 KB  |  hits: 1,296  |  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. <!-- THEME BY MESMO-DISTANTE. DON'T COPY. --!>
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <script type="text/javascript">
  6. //desabilita menu de opcoes ao clicar no botao direito
  7. function desabilitaMenu(e)
  8. {
  9. if (window.Event)
  10. {
  11. if (e.which == 2 || e.which == 3)
  12. return false;
  13. }
  14. else
  15. {
  16. event.cancelBubble = true
  17. event.returnValue = false;
  18. return false;
  19. }
  20. }
  21.  
  22.  
  23.  
  24.  
  25. //desabilita botao direito
  26. function desabilitaBotaoDireito(e)
  27. {
  28. if (window.Event)
  29. {
  30. if (e.which == 2 || e.which == 3)
  31. return false;
  32. }
  33. else
  34. if (event.button == 2 || event.button == 3)
  35. {
  36. event.cancelBubble = true
  37. event.returnValue = false;
  38. return false;
  39. }
  40. }
  41.  
  42.  
  43.  
  44.  
  45. //desabilita botao direito do mouse
  46. if ( window.Event )
  47. document.captureEvents(Event.MOUSEUP);
  48. if ( document.layers )
  49. document.captureEvents(Event.MOUSEDOWN);
  50.  
  51.  
  52.  
  53.  
  54. document.oncontextmenu = desabilitaMenu;
  55. document.onmousedown = desabilitaBotaoDireito;
  56. document.onmouseup = desabilitaBotaoDireito;
  57. </script>
  58.  
  59. <head>
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  62.  
  63.  
  64.    <!-- DEFAULT VARIABLES -->
  65.     <meta name="color:background" content="#f5f5f5" />
  66.     <meta name="color:sidebar" content="#ffffff" />
  67.     <meta name="color:entry" content="#ffffff" />
  68.     <meta name="color:text" content="#8b8b8b" />
  69.     <meta name="color:title" content="#ffffff" />
  70.     <meta name="color:link" content="#888888" />
  71.     <meta name="color:lhover" content="#444444" />
  72.     <meta name="color:links" content="#333333" />
  73.     <meta name="color:sublink" content="#333333" />
  74.     <meta name="color:sublink hover" content="#333333" />
  75.     <meta name="color:textlink" content="#ffffff" />
  76.     <meta name="color:textlinkhover" content="#ffffff" />
  77.     <meta name="color:description" content="#ffffff" />
  78.     <meta name="color:borda" content="#000000" />
  79.     <meta name="color:scrollbar" content="#333333" />
  80.  
  81.     <meta name="image:sidebar" content="http://static.tumblr.com/gunq1dk/tY6m3b4mr/boca1.jpg"/>
  82.     <meta name="image:sidebar2" content="http://static.tumblr.com/gunq1dk/tY6m3b4mr/boca1.jpg"/>
  83.     <meta name="image:background" content="" />
  84.  
  85.     <meta name="if:Show tags" content="1"/>
  86.  
  87.     <meta name="text:title" content="i can't make you love me" />
  88.     <meta name="text:Link1" content="" />
  89.     <meta name="text:Link1 Title" content="link here" />
  90.     <meta name="text:Link2" content="" />
  91.     <meta name="text:Link2 Title" content="link here" />
  92.     <meta name="text:Link3" content="" />
  93.     <meta name="text:Link3 Title" content="link here" />
  94.     <meta name="text:Link4" content="" />
  95.     <meta name="text:Link4 Title" content="link here" />
  96.     <meta name="text:Link5" content="" />
  97.     <meta name="text:Link5 Title" content="link here" />
  98.     <meta name="text:Link6" content="" />
  99.     <meta name="text:Link6 Title" content="link here" />
  100.  
  101.    
  102.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  103.     <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  104.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  105.     <link rel="shortcut icon" href="{Favicon}" />
  106.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  107.     <style type="text/css">
  108.  
  109.  
  110. /* ---------------- Scrollbar ---------------- */
  111. ::-webkit-scrollbar {width: 4px; height: 2px;}
  112. ::-webkit-scrollbar-track-piece {background-color: {color:entry}; repeat scroll 0 0 transparent;}
  113. ::-webkit-scrollbar-thumb:vertical {height: 2px;background-color: {color:scrollbar};}
  114. ::-webkit-scrollbar-thumb:horizontal {width: 4px;background-color: {color:scrollbar};}
  115.  
  116. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size:11px; line-height:110%; text-align:justify}
  117.  
  118. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  119. a:hover{color:{color:lhover}; background-color:{color:entry}; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  120.  
  121.  
  122. #dimg {float: left; padding: 0px; position: fixed;}
  123. #dimg img {display: block; width:227px; margin-left: 0px; margin-top: 0px; height: 169px; text-align:center; margin-bottom: 0px; border: 3px solid {color:borda}; position: fixed; }
  124.  
  125.  
  126. #slideShow3 {margin-top: 243px; margin-bottom: 0px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; }
  127. #slideShow3 img{width: 224px; height: 169px; margin-left: 920px;}
  128. #slideShow3:hover {opacity: 0;}
  129. #slideShow4 {margin-top: 243px; margin-bottom: 3px;  }
  130. #slideShow4 img{width: 224px; height: 169px; margin-left: 920px;}
  131.  
  132.  
  133. .cred {margin-left: 0px; margin-top: 0px; width: 230px; font-size: 9px; height: 10px; text-align: center; background-color: {color:sidebar}; font-family: verdana; font-style:none; line-height: 17px;  color: {color:title}; position: fixed;  padding: 5px 0 9px 0; -webkit-border-radius: 0px 0px 20px 0px;}
  134.  
  135.  
  136. #tt {margin-left:  920px; margin-top: 219px; width: 230px; font-size: 12px; height: 12px; text-align: center; background-color: {color:sidebar}; font-family: georgia; line-height: 17px;  color: {color:title} ; position: fixed;  padding: 5px 0 7px 0; -webkit-border-radius: 0px 20px 0px 0px; overflow: hidden; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  137. #tt:hover {height: 187px; overflow: hidden;opacity: 0.8; }
  138. .descrip {text-align: justify; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; padding-top: 5px; font-family: verdana; margin-top: 5px; font-size: 9px; color: {color:description} ;  line-height: 10px;}
  139.  
  140.  
  141. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  142.  
  143.  
  144.  
  145.  
  146. .link {position: fixed; text-align: center;margin-top: 419px; margin-left: 920px;}
  147. .link a {display: block; font-family: tinytots; font-size: 8px; text-align: center; width: 105px; height: auto;  background-color: {color:sublink}; color:{color:textlink}; text-decoration: none; text-transform: uppercase; padding: 4px 5px 4px 5px; margin-bottom:1px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  148. .link  a:hover{text-align: center; letter-spacing: 2px; background-color: {color:sublink hover}; color:{color:textlinkhover}; text-transform: uppercase;}
  149.  
  150.  
  151. .link2 {position: fixed; text-align: center;margin-top: -63px; margin-left: 115px;}
  152. .link2 a {display: block; font-family: tinytots; font-size: 8px; text-align: center; width: 105px; height: auto;  background-color: {color:sublink}; color:{color:textlink}; text-decoration: none; padding: 4px 5px 4px 5px; margin-bottom:1px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  153. .link2  a:hover{text-align: center; letter-spacing: 2px; background-color: {color:sublink hover}; color:{color:textlinkhover};}
  154.  
  155.  
  156. .oizinho {font-family: georgia; position: fixed; margin-left: 1160px; margin-top: 260px; font-size: 38px; z-index: 0;}
  157. .oizinho a {color: ; background-color: transparent;}
  158. .oizinho a:hover {color: ;}
  159.  
  160. .oizinho2 {font-family: georgia; position: fixed; margin-left: 1160px; margin-top: 370px; font-size: 38px; z-index: 0;}
  161. .oizinho2 a {color: ; background-color: transparent;}
  162. .oizinho2 a:hover {color: ;}
  163.  
  164.  
  165.  
  166.  
  167. #entries {float: left; margin-left: 388px; margin-top:20px;}
  168.  
  169. .posts {width: 500px; background-color: {color:entry}; padding: 15px; margin-bottom: 2px; text-align: none; font-family: verdana; font-size: 11px; position: relative;}
  170.  
  171. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  172. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  173. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  174.  
  175. .image {text-align: center; border: 0px}
  176. .image img {max-width: 500px; margin-bottom: 2px }
  177.  
  178. .pquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  179. .pquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  180. .pquotesource a, a:hover{text-transform: none;}
  181.  
  182. .chat {line-height: 13px; list-style: none }
  183. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  184. .person1 {color: {color:text}; padding: 2px; }
  185. .person1 .label {font-weight: bold; color:{color:link}}
  186. .person2 {color: {color:text}; padding: 2px; }
  187. .person2 .label {font-weight: bold; color:{color:text}}
  188.  
  189. .player {background-color: #000; text-align: left; display:block;}
  190.  
  191. .bubble {align:right;background: {color:background}; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  192. .bubble p {margin:1px 0px;}
  193. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid {color:background};}
  194. .askborder{-webkit-border-radius: 0px 360px 360px 360px; -webkit-transition-duration: 0.6s;}.askborder:hover{ -webkit-border-radius: 40px}
  195.  
  196.  
  197. #info {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  198. #info a {font-size: 9px;}
  199.  
  200. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  201. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  202.  
  203. #cap {width: 500px; margin-top: -2px;}
  204. .source {display: none;}
  205.  
  206. .notes {width: 530px; padding: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 9px; text-align: left}
  207. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  208. ol.notes li {background-color: {color:entry}; margin-bottom: 5px; padding: 5px; }
  209. .notes img{display: none; border:0px}
  210.  
  211. #tumblr_controls{position: fixed!important}
  212. #tumblr_controls{position: fixed!important}
  213. #tumblr_controls{position: fixed!important}
  214. #tumblr_controls{position: fixed!important}
  215.  
  216. </style>
  217.  
  218. <body>
  219.  
  220. <div id="sbar"> <div id="dimg"><div id="slideShow4"><img src="{image:sidebar2}"/></div><div id="slideShow3"><img src="{image:sidebar}"/></div></div></div></div>
  221.  
  222. <div id="tt">{text:title}<div class="descrip">{description}</div></div>
  223.  
  224. <div class="oizinho">{block:NextPage}<a href="{NextPage}">↑</a>{/block:NextPage}</div>
  225.  
  226. <div class="oizinho2">{block:PreviousPage}<a href="{PreviousPage}">↓</a>{/block:PreviousPage}</div>
  227.  
  228.  
  229. <div class="link">
  230. <a href="{text:Link1}">{text:Link1 Title}</a>
  231. <a href="{text:Link2}">{text:Link2 Title}</a>
  232. <a href="{text:Link3}">{text:Link3 Title}</a>
  233. <div class="link2">
  234. <a href="{text:Link4}">{text:Link4 Title}</a>
  235. <a href="{text:Link5}">{text:Link5 Title}</a>
  236. <a href="{text:Link6}">{text:Link6 Title}</a>
  237.  
  238.  
  239. </div>
  240.  
  241.  
  242. <div class="cred">theme por <b>mesmo-distante</b>
  243. </div>
  244.  
  245.  
  246.  
  247. </div>
  248. <div id="entries">
  249.  
  250. {block:Posts}
  251. <div class="posts">
  252.  
  253. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  254.  
  255. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  256.  
  257. {block:Photoset}{Photoset-500}{/block:Photoset}
  258.  
  259. {block:Quote}
  260. <div class="pquote">“{Quote}”</div>
  261. {block:Source}<div class="pquotesource"> ~ {Source}</div>
  262. {/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 class="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 class="player">{AudioPlayerBlack}</div>
  279. {block:Caption}{Caption}{/block:Caption}
  280. {/block:Audio}
  281.  
  282. {block:Video}{Video-500}{/block:Video}
  283.  
  284.  
  285. {block:Answer}
  286. <img src="{AskerPortraitURL-48}" align="left" class="askborder" class="dreamgirl"><div class="bubble"><span></span>
  287. {Asker} asked: {Question}&nbsp;</div>{Answer} {/block:Answer}
  288.  
  289. <div id="cap">
  290. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  291. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  292. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  293.  
  294. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  295. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  296. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  297. {/block:ContentSource}</div></div>
  298. <br>
  299.  
  300.  
  301. <div id="info">
  302. {block:Date}{block:IfShowTags}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>{/block:IfShowTags}
  303. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  304. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  305. {/block:RebloggedFrom}
  306. </div>
  307. </div>{/block:Date}
  308.  
  309.  
  310. {/block:Posts}
  311. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  312.  
  313. </div>
  314. </div>
  315. </body></html>
create a new version of this paste RAW Paste Data