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

THEME 23

By: Sentidos-Incertos on Aug 17th, 2012  |  syntax: HTML  |  size: 13.46 KB  |  hits: 31  |  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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5.  <!  theme por bewaste | não copie ou disponibilize !>
  6.  
  7.  
  8. <head>
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11.  
  12. <meta name="color:background" content="#fff" />
  13. <meta name="color:link" content="#000000" />
  14. <meta name="color:link hover" content="#000000" />
  15. <meta name="color:text" content="#000" />
  16. <meta name="color:text links" content="#000" />
  17. <meta name="color:bg links" content="#fff" />
  18. <meta name="color:description" content="#fff" />
  19. <meta name="color:side" content="#000" />
  20. <meta name="color:title" content="#000" />
  21. <meta name="color:title shadow" content="#fff" />
  22.  
  23. <meta name="image:background" content=""/>
  24. <meta name="image:side image" content=""/>
  25.  
  26. <meta name="text:Link1" content="/" />
  27. <meta name="text:Link1 Title" content="one" />
  28. <meta name="text:Link2" content="/ask" />
  29. <meta name="text:Link2 Title" content="two" />
  30. <meta name="text:Link3" content="/" />
  31. <meta name="text:Link3 Title" content="three" />
  32. <meta name="text:Link4" content="/" />
  33. <meta name="text:Link4 Title" content="four" />
  34. <meta name="text:Link5" content="/" />
  35. <meta name="text:Link5 Title" content="five" />
  36. <meta name="text:Link6" content="/" />
  37. <meta name="text:Link6 Title" content="six" />
  38.  
  39. <meta name="text:title" content="titulo." />
  40.  
  41.  
  42.                       <title>{Title}</title>
  43.         <link rel="shortcut icon" href="{Favicon}">
  44.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45.         {block:Description}
  46.   <meta name="description" content="{MetaDescription}" />
  47.         {/block:Description}
  48.  
  49.  
  50.     <style type="text/css">
  51.    
  52. @font-face {font-family: 'Lobster';font-style: normal;font-weight: 400; src: local('Lobster'), url(http://themes.googleusercontent.com/static/fonts/lobster/v5/MWVf-Rwh4GLQVBEwbyI61Q.woff) format('woff');}
  53.  
  54. ::-webkit-scrollbar {width: 3px; height: 3px;}
  55. ::-webkit-scrollbar-track-piece {background-color: {color:background}; repeat scroll 0 0 transparent;}  
  56. ::-webkit-scrollbar-thumb:vertical {height: 3px; background-color: {color:side};}
  57. ::-webkit-scrollbar-thumb:horizontal {width: 3px; background-color: {color:side};}
  58.  
  59. body {background-color: {color:background}; font-family: trebuchet ms; color: {color:text}; text-align: center; font-size: 10px; background-image:url('{image:background}'); background-attachment: fixed;}
  60.  
  61. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition: all 0.0s ease-out; -moz-transition: all 0.0s ease-out; -webkit-transition: all 0.0s ease-out; -moz-transition: all 0.0s ease-out;}
  62. a:hover { -webkit-transition: all 0.0s ease-out; -moz-transition: all 0.0s ease-out;}
  63.  
  64. blockquote img{max-width: 470px!important}
  65. blockquote blockquote img{max-width: 450px!important}
  66. blockquote blockquote blockquote img{max-width: 430px!important}
  67. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  68.  
  69. #xp {text-align: center; width: 935px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  70.  
  71. #container {margin-top: 26px; margin-bottom: 4px}
  72.  
  73. .posts {width: 500px; margin-left: 359px; margin-top: -5px; background-color: {color:background};  margin-bottom: 5px; text-align: justify; font-family: verdana; font-size: 9px; }
  74. .posts a {-webkit-transition: all 0.0s ease-out; -moz-transition: all 0.0s ease-out;}
  75. .posts a:hover {color: {color:link hover}; text-decoration: none; }
  76.  
  77.  
  78. h1 {font-family: cambria; text-align: center; font-size: 17px;  text-transform: none; color: {color:text}; font-weight: normal; line-height: 15px; margin-top: 2px;}
  79. h1 a {text-align: center; font-size: 17px; text-transform: none; color: {color:text}; font-weight: normal; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
  80. h1 a:hover {text-align: center; text-transform: none; color: {color:text}; font-weight: normal; }
  81.  
  82. .image {text-align: center; border: 0px}
  83. .image img {width: 500px;  height: auto; margin-bottom: -9px; margin-top: -9px}
  84.  
  85.  
  86. .theq {font-family: trebuchet ms; font-size:12px; line-height: 110%;  margin-top: 11px; margin-left: 0px; padding: 10px; text-align: center}
  87. .thes{margin: -6px 15px 0 0; text-align: right; text-transform: none; font-family: trebuchet ms; font-size: 10px; text-align: center}
  88. .thes a, a:hover{text-transform: none;}
  89.  
  90. .chat {line-height: 12px; list-style: none; }
  91. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  92. .person1 { color: {color:text}; }
  93. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  94. .person2 {color: {color:text} }
  95. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  96.  
  97. .music{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:text}; text-align: center; }
  98. .music img{text-align: center; max-width: 480px; height: auto; box-shadow: 0px 0px 5px color:background};}
  99. .capt{text-align: justify; margin-top: 2px; margin-bottom: 7px;}
  100. .source{display:none}
  101.  
  102. #perma {float:left;position:absolute; margin-left:255px;  width: auto; height: auto; -webkit-transition-duration: 0.5s; -moz-transition: all 0.5s ease-out; font-size: 10px; font-family:calibri; margin-top: 54px; opacity:0; border-right: 1px solid {color:text} }
  103. #perma a{color: {color:text}; text-transform: lowercase; -webkit-transition-duration: 0.3s; -moz-transition: all 0.3s ease-out;text-transform: uppercase; background-color: {color:background} ;padding: 2px 4px 2px 4px; margin-left: 0px; border-left: 1px solid {color:text}}
  104. #perma a:hover {background: {color:text}; color: {color:background} }
  105.  
  106. .posts:hover #perma{opacity:1; margin-top: 1px}
  107.  
  108. .asker {font-size: 9px;}
  109. .asker a {color: {color:link}}
  110. .asker a:hover {color: {color:link hover};}
  111.  
  112. .askk img {text-align: center;}
  113. .askk img a{background-color: {color:entry};}
  114. .askk img a:hover {background-color: {color:sidebarlinks};}
  115.  
  116. .answer {clear: both; padding: 4px}
  117. .answer img {max-width: 470px;}
  118.  
  119.  
  120.  
  121. .notes {width: 519px; margin-left: 212px; padding: 5px; margin-top: -12px; margin-bottom: 1px; font-size: 9px; text-align: center}
  122. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 2px; z-index: 11; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
  123. ol.notes li {background-color: {color:background}; margin-bottom: 1px; padding: 5px; }
  124.  
  125.  
  126.  
  127. #tumblr_controls{position: fixed!important}
  128. #tumblr_controls{position: fixed!important}
  129. #tumblr_controls{position: fixed!important}
  130. #tumblr_controls{position: fixed!important}
  131.  
  132.  
  133. #letf {position: fixed; margin-top: -39px; margin-left: 331px; width: 3px; height: 6662px; background: {color:side}}
  134.  
  135. #sid { margin-top: 90px; margin-left: 151px; position: fixed; overflow: hidden; width: 177px; height: 248px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; color: {color:description}; text-align: center; border: 3px solid {color:side}}
  136. #sid a{background: {color:bg links}; color: {color:text links}}
  137. #sid img{margin-top: 0px; margin-left: 0px; width: 177px; height: 248px; }
  138.  
  139.  
  140. #l1 {position:fixed; margin-top:-235px; margin-left:0px;}
  141. #l1 a{display:block; height:auto; padding:2px 3px 2px 3px; font-family: calibri; font-size: 8px; text-align: right; margin-bottom: 1px; margin-right: 0px; opacity:0.9; -webkit-transition-duration: 0.2s;-moz-transition: all 0.2s ease-out; text-transform: uppercase}
  142. #l1 a:hover{letter-spacing:4px; }
  143.  
  144. #l2 {position:fixed; margin-top:-222px; margin-left:0px;}
  145. #l2 a{display:block; height:auto; padding:2px 3px 2px 3px;  font-family: calibri; font-size: 8px; text-align: right; margin-bottom: 1px; margin-right: 0px; opacity:0.9; -webkit-transition-duration: 0.2s;-moz-transition: all 0.2s ease-out; text-transform: uppercase}
  146. #l2 a:hover{letter-spacing:4px; }
  147.  
  148. #l3 {position:fixed; margin-top:-209px; margin-left:0px;}
  149. #l3 a{display:block; height:auto; padding:2px 3px 2px 3px; font-family: calibri; font-size: 8px; text-align: right; margin-bottom: 1px; margin-right: 0px; opacity:0.9; -webkit-transition-duration: 0.2s;-moz-transition: all 0.2s ease-out; text-transform: uppercase}
  150. #l3 a:hover{letter-spacing:4px; }
  151.  
  152. #l4 {position:fixed; margin-top:-196px; margin-left:0px;}
  153. #l4 a{display:block; height:auto; padding:2px 3px 2px 3px; font-family: calibri; font-size: 8px; text-align: right; margin-bottom: 1px; margin-right: 0px; opacity:0.9; -webkit-transition-duration: 0.2s;-moz-transition: all 0.2s ease-out; text-transform: uppercase}
  154. #l4 a:hover{letter-spacing:4px; }
  155.  
  156. #l5 {position:fixed; margin-top:-183px; margin-left:0px;}
  157. #l5 a{display:block; height:auto; padding:2px 3px 2px 3px;  font-family: calibri; font-size: 8px; text-align: right; margin-bottom: 1px; margin-right: 0px; opacity:0.9; -webkit-transition-duration: 0.2s;-moz-transition: all 0.2s ease-out; text-transform: uppercase}
  158. #l5 a:hover{letter-spacing:4px; }
  159.  
  160. #l6 {position:fixed; margin-top:-170px; margin-left:0px;}
  161. #l6 a{display:block; height:auto; padding:2px 3px 2px 3px; font-family: calibri; font-size: 8px; text-align: right; margin-bottom: 1px; margin-right: 0px; opacity:0.9; -webkit-transition-duration: 0.2s;-moz-transition: all 0.2s ease-out; text-transform: uppercase}
  162. #l6 a:hover{letter-spacing:4px;}
  163.  
  164. #title {position: absolute; margin-left: 0px; margin-top: -79px; height: auto; width: 164px; color: {color:title}; text-shadow: 1px 1px 1px  {color:title shadow}; padding: 5px; text-align: center; font-family: lobster; font-size: 21px; line-height: 64%;}
  165.  
  166. #desc {position: absolute; margin-left: 107px; margin-top: -154px; height: 53px; width: 63px; text-align: center; font-family: verdana; font-size: 9px; line-height: 114%; }
  167.  
  168. #p1 {position: fixed; margin-left: 220px; width: 180px; height: 14px; margin-top: 492px;}
  169. #p2 {font-family: cambria; font-size: 10px; text-align: center;  }
  170. #p2 a {background:  {color:side}; margin: 0 0px 0 0px; padding: 2px 5px 2px 5px; color: {color:background}; margin-left: -3px; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out;}
  171. #p2 a:hover {opacity: 0.7}
  172. #p2 span.pagina_atual {margin: 0 0px 0 0px; font-weight: bold;z-index: -100; background: {color:side};padding: 2px 5px 2px 5px; color: {color:background};margin-left: -3px;}
  173.  
  174. #cred {margin-left: -2px; bottom: 3px; height: auto; width: auto; background-color: transparent; color: {color:text}; font-family: georgia; font-size: 10px; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.0s ease-out; z-index: 1000; position: fixed; }
  175. #cred a {color: {color:text};text-transform: uppercase}
  176.  
  177. </style>
  178.  
  179. <body>
  180.  
  181. <div id="lef"><div id="letf"></div></div>
  182.  
  183. <div id="sid">
  184. <img src="{image:side image}">
  185.    
  186. <div id="links">
  187. <div id="l1">{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</div>
  188. <div id="l2">{block:iflink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:iflink2}</div>
  189. <div id="l3">{block:iflink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:iflink3}</div>
  190. <div id="l4">{block:iflink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:iflink4}</div>
  191. <div id="l5">{block:iflink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:iflink5}</div>
  192. <div id="l6">{block:iflink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:iflink6}</div></div>
  193.  
  194. <div id="title">{text:title}</div>
  195.  
  196. <div id="desc">{description}</div> </div>
  197.  
  198.  
  199. <div id="p1"><div id="p2">
  200. {block:JumpPagination length="3"}
  201. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  202. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  203. {/block:JumpPagination}</div></div>
  204.  
  205. <div id="cred"><a href="http://bewaste.tumblr.com" target="_blank">© theme</a></div>
  206.  
  207.  
  208. <div id="container">
  209.  {block:Posts}
  210. <div class="posts">
  211.  
  212. <span id="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:IndexPage}<a href="{ReblogUrl}" target="_blank">reblog</a></ br>{/block:IndexPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}</span>
  213.  
  214. <span id="permalink">
  215.  
  216. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  217.  
  218. {block:Photo}
  219. {LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  220.  
  221. {block:Photoset}
  222. {LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  223. {Photoset-500}{/block:Photoset}
  224.  
  225. {block:Quote}
  226. <div class="theq">“{Quote}”</div>{block:Source}<div class="thes">{Source}</div>{/block:Source}{/block:Quote}
  227.  
  228. {block:Link}
  229. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  230. {block:Description}{Description}{/block:Description}
  231. {/block:Link}
  232.  
  233. {block:Chat}
  234. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  235.  
  236. {block:Audio}
  237. <br>
  238. <div class="music">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  239. <div class="capt"><br><center>{AudioPlayerGrey}</center>{block:Caption}{Caption}{/block:Caption}</div>
  240. {/block:Audio}
  241.  
  242. {block:Video}
  243. {Video-500}{/block:Video}
  244.  
  245.  
  246. {block:Answer}
  247. <div class="asker"><i>{Asker} wanna know:</i> "{Question}"</div><div class="answer">{Answer}</div><br>{/block:Answer}
  248.  
  249.  
  250.  
  251. <br>
  252.  
  253. <div id="dda">
  254.  
  255. <br clear="all" /></div></div>
  256.  
  257.  
  258.  
  259.  {/block:Posts}
  260.  
  261. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  262.  
  263.  
  264. </div>
  265. </div>
  266. </div></div>
  267.  
  268. </body>
  269. </html>
create a new version of this paste RAW Paste Data