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

Theme 21

By: s-o-a-r-s on Jul 6th, 2012  |  syntax: None  |  size: 13.51 KB  |  hits: 16  |  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.  
  6.  <!--------------THEME FEITO POR DESFALECIDO | NÃO COPIE FLW?--------------!>
  7.  
  8. <head> <!-- DEFAULT VARIABLES -->
  9. <meta name="color:background" content="#020202" />
  10. <meta name="color:links" content="#696969" />
  11. <meta name="color:links hover" content="#FFDDDD" />
  12. <meta name="color:texts" content="#F1F1F1" />
  13. <meta name="color:description" content="#F1F1F1" />
  14. <meta name="color:post" content="#111111" />
  15. <meta name="color:sidebar" content="#111111" />
  16. <meta name="color:sidelinks" content="#111111" />
  17. <meta name="color:sidelinks hover" content="#111111" />
  18.  
  19. <meta name="image:background" content="" />
  20. <meta name="image:sidebar" content="" />
  21.  
  22. <meta name="text:Division" content="" />
  23.  
  24. <meta name="text:Link1" content="" />
  25. <meta name="text:Link1 Title" content="" />
  26. <meta name="text:Link2" content="" />
  27. <meta name="text:Link2 Title" content="" />
  28. <meta name="text:Link3" content="" />
  29. <meta name="text:Link3 Title" content="" />
  30. <meta name="text:Link4" content="" />
  31. <meta name="text:Link4 Title" content="" />
  32. <meta name="text:Link5" content="" />
  33. <meta name="text:Link5 Title" content="" />
  34. <meta name="text:Link6" content="" />
  35. <meta name="text:Link6 Title" content="" />
  36. <meta name="text:Link7" content="" />
  37. <meta name="text:Link7 Title" content="" />
  38. <meta name="text:Link8" content="" />
  39. <meta name="text:Link8 Title" content="" />
  40. <meta name="text:Link9" content="" />
  41. <meta name="text:Link9 Title" content="" />
  42.  
  43.         <title>{Title}</title>
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46. {block:Description}
  47. <meta name="description" content="{MetaDescription}" />
  48. {/block:Description}
  49.  
  50.  
  51.   <style type="text/css">
  52.  
  53.  
  54.  /***BODY***/
  55. body {background-color: {color:background}; font-family: verdana; color: {color:texts}; text-align: center; font-size:
  56.  
  57. 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  58.  
  59.  /***LINKS***/
  60. a {color: {color:links}; text-decoration: none; text-transform: none;}
  61. a:hover {color: {color:links hover}; background-color: transparent; text-decoration: none;}
  62.  
  63. /***BLOCKQUOTE***/
  64. p {margin: 6px 0 0 0}
  65.  
  66. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background}; padding-left: 5px; }
  67. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background};}
  68. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  69. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background};
  70.  
  71. }
  72.  
  73. blockquote img{max-width: 470px!important}
  74. blockquote blockquote img{max-width: 450px!important}
  75. blockquote blockquote blockquote img{max-width: 430px!important}
  76. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  77.  
  78.  
  79.  /***POSTS***/
  80.  
  81. #conteudo {text-align: center; width: 935px; margin: 20px auto 20px auto;}
  82.  
  83. #posts {float: left; margin-left: 470px; margin-top: 10px;}
  84.  
  85. .postbox {width: 500px; background-color: {color:post}; padding: 10px; margin-bottom: 2px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  86.  
  87. /***TEXTOS***/
  88. h1 {font-family: georgia; text-align: center; font-size: 16px; color: {color:texts}; font-weight: normal; line-height: 18px;}
  89. h1 a {text-align: center; font-size: 16px; color: {color:links}; font-weight: normal; line-height: 18px;}
  90. h1 a:hover {text-align: center; font-size: 16px; color: {color:links hover}; font-weight: normal; line-height: 18px;}
  91.  
  92. /***FOTOS***/
  93. .imagens {text-align: center; border: 0px}
  94. .imagens img {max-width: 500px; margin-bottom: 2px }
  95.  
  96. /***QUOTE***/
  97. .quote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  98. .quotesrc {text-align: center; text-transform: none; margin-bottom: 5px;}
  99. .quotesrc a, a:hover{text-transform: none;}
  100.  
  101. /***CHAT***/
  102. .chat {line-height: 13px; list-style: none }
  103. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  104. .person1 {color: {color:texts}; padding: 2px; }
  105. .person1 .label {font-weight: bold;  color:{color:texts}}
  106. .person2 {color: {color:texts}; padding: 2px;  }
  107. .person2 .label {font-weight: bold;  color:{color:texts}}
  108.  
  109. /***AUDIO***/
  110. .player {background-color: #000; text-align: left; display:block;}
  111.  
  112. /***ASK***/
  113. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  114. .answer {padding: 2px}
  115. .answer img {max-width: 470px;}
  116.  
  117.  /***DATA DOS POSTS, BOTÕES DE REBLOG, ORIGINALLY E VIA***/
  118. #dat {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  119. #dat a {font-size: 9px;}
  120.  
  121. /***TAGS***/
  122. .tags {color: {color:texts};  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: none;}
  123. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: none;}
  124.  
  125. /***CAPTION E SOURCE***/
  126. #caption {width: 500px; margin-top: -2px;}
  127. .source {display: none;}
  128.  
  129. /***NOTES***/
  130. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  131. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  132. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  133. .notes img{display: none; border:0px}
  134.  
  135. /***SIDEBAR***/
  136.  
  137. #sidebar {position: fixed; margin-left: 0px; margin-top: 30px; z-index: 99;}
  138.  
  139. .credits {position: fixed; bottom:0px; left: 2px;}
  140. .credits a{display: block; padding: 2px; font-size: 9px; text-align: center; background: transparent; height: 12px; width: 60px; line-height: 12px; text-transform: none; letter-spacing:1px; font-family:verdana; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px;}
  141. .credits a:hover {background-color: {color:sidebar}; color: {color:texts};}
  142.  
  143.  
  144. /***SCROLLBAR***/
  145.  
  146. ::-webkit-scrollbar{width:5px;height:5px;}
  147. ::-webkit-scrollbar-button:start:decrement
  148. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  149. ::-webkit-scrollbar-track-piece{background-color: {color:post}; -webkit-border-radius:0;-webkit-border-bottom-
  150.  
  151. right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  152. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:texts};-webkit-border-radius:px;}
  153. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:texts};-webkit-border-radius:px;}
  154.  
  155. #tumblr_controls{position: fixed!important}
  156. #tumblr_controls{position: fixed!important}
  157. #tumblr_controls{position: fixed!important}
  158. #tumblr_controls{position: fixed!important}
  159.  
  160.  
  161. /***PAGINAÇÃO***/
  162.  
  163. a.page, a.page:visited, a.page:active  {width: 50px; background:transparent; padding: 2px; color: {color:links} ; display: block; text-decoration: none; text-align: center; margin-top: 3px; font-size: 30px; font-family: tahoma; text-shadow: 0px 1px 1px {color:links};}
  164.  
  165. a.page:hover  {width: 50px;  background:transparent; padding: 2px; color: {color:links hover}; display: block; text-decoration: none; text-align: center; font-family: tahoma;}
  166.  
  167. .righty {top: 95px;  z-index: 4; position: fixed;left:170px;}
  168.  
  169. .lefty {top: 95px;  z-index: 4; position: fixed;left:140px;}
  170.  
  171. /***SIDELINKS***/
  172.  
  173. #sidelinks {position: fixed; top:134px; left: 6px; color: {color:sidebar}; z-index: 1;}
  174. #sidelinks a {display: block; padding: 3px; font-size: 9px; text-align: center; background: {color:sidebar}; height: 30px; line-height: 30px; width: 62px; text-transform: none; font-family:verdana; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; margin-bottom: 1px;}
  175. #sidelinks a:hover {color: {color:links hover}; background: {color:sidelinks hover};}
  176. #sidelinks .p1 {position: absolute; top: 0px; left: 0px;}
  177. #sidelinks .p2 {position: absolute; top: 0px; left: 69px;}
  178. #sidelinks .p3 {position: absolute; top: 0px; left: 139px;}
  179.  
  180.  
  181. #slinks {position: fixed; top: 320px; left: 6px; color: {color:sidebar}; z-index: 1;}
  182. #slinks a {display: block; padding: 3px; font-size: 9px; text-align: center; background: {color:sidelinks}; height: 15px; line-height: 15px; width: 97px; text-transform: none; font-family:verdana; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; margin-bottom: 1px;}
  183. #slinks n {height: 59px; line-height: 59px; width: 201px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; display: block; padding: 3px; font-size: 13px; text-align: center; background: {color:sidebar}; color: {color:links};}
  184. #slinks r {position: absolute; top: 0px; left: 0px; opacity: 0; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
  185. #slinks t {position: absolute; top: 0px; left: 104px; opacity: 0; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
  186. #slinks a:hover {color: {color:links hover}; background: {color:sidelinks hover};}
  187. #slinks:hover r {opacity: 0.9}
  188. #slinks:hover t {opacity: 0.9}
  189. #slinks o {position: absolute; left: 196px; top: 0px; z-index: 1;}
  190.  
  191.  
  192. /***SIDE DESCRIÇÃO E FOTOS***/
  193.  
  194. #sideimageContainer3 {position: fixed; top: 100px; left: 215px; background: {color: background}; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; z-index: 2; border: 5px solid {color:sidebar}; padding: 8px;}
  195. #sideimageContainer3 img{width: 220px; height: 260px; margin-left: -1px; margin-top: -1px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  196. #sideimageContainer3:hover img {opacity: 0.8;}
  197.  
  198. .describox {display:block; width:201px; height:140px; position:fixed; left: 6px; top:172px; z-index:1; background:{color:sidebar}; font-size:9px; text-align: justify; color:{color:description}; padding: 3px; margin:0; line-height:10px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; overflow: auto;}
  199.  
  200. </style>
  201.  
  202. <body>
  203.  
  204. <div id="conteudo">
  205.  
  206. <div id="sidebar">
  207.  
  208. <div class="credits">
  209. <a href="http://desfalecido.tumblr.com">Theme ©</a>
  210. </div>
  211.  
  212. <div id="sidelinks">
  213. <a href="{text:Link1}" class="p1">{text:Link1 Title}</a>
  214. <a href="{text:Link2}" class="p2">{text:Link2 Title}</a>
  215. <a href="{text:Link3}" class="p3">{text:Link3 Title}</a>
  216. </div>
  217.  
  218. <div id="slinks">
  219. <n>
  220. {text:Division}
  221. </n><r>
  222. <a href="{text:Link4}">{text:Link4 Title}</a>
  223. <a href="{text:Link5}">{text:Link5 Title}</a>
  224. <a href="{text:Link6}">{text:Link6 Title}</a>
  225. </r><t>
  226. <a href="{text:Link7}">{text:Link7 Title}</a>
  227. <a href="{text:Link8}">{text:Link8 Title}</a>
  228. <a href="{text:Link9}">{text:Link9 Title}</a>
  229. </t>
  230. </div></div></div>
  231.  
  232. <div id="sideimageContainer3">
  233. <img src="{image:sidebar}"/>
  234. </div>
  235. </div>
  236. <div class="describox">
  237. {Description}
  238. </div>
  239.  
  240. </div></div></div>
  241.  
  242. <div id="posts">
  243.  
  244.  {block:Posts}
  245. <div class="postbox">
  246.  
  247. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  248.  
  249. {block:Photo}{LinkOpenTag}<div class="imagens"><img src="{PhotoURL-500}"></div>{LinkCloseTag}
  250.  
  251. {/block:Photo}
  252.  
  253. {block:Photoset}{Photoset-500}{/block:Photoset}
  254.  
  255. {block:Quote}
  256. <div class="quote">{Quote}</div>
  257. {block:Source}<div class="quotesrc"> — {Source}</div>
  258. {/block:Source}
  259. {/block:Quote}
  260.  
  261. {block:Link}
  262. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  263. {block:Description}{Description}{/block:Description}
  264. {/block:Link}
  265.  
  266. {block:Chat}
  267. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  268. <div class="chat"><ul>{block:Lines}
  269. <li class="person{UserNumber}">{block:Label}
  270. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  271. {/block:Chat}
  272.  
  273. {block:Audio}
  274. <div class="player">{AudioPlayerBlack}</div>
  275. {block:Caption}{Caption}{/block:Caption}
  276. {/block:Audio}
  277.  
  278. {block:Video}{Video-500}{/block:Video}
  279.  
  280.  
  281. {block:Answer}
  282. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  283. <div class="answer">{Answer}</div>
  284. {/block:Answer}
  285.  
  286.  
  287. <div id="caption">
  288. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  289. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  290. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  291.  
  292. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  293.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  294.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  295. {/block:ContentSource}</div></div>
  296. <br>
  297.  
  298.  
  299. <div id="dat">
  300. {block:Date}<div class="tags">{block:HasTags}{block:Tags}"<a href="{TagURL}">{Tag}</a>"&nbsp;&nbsp;
  301.  
  302. {/block:Tags}<br>{/block:HasTags}</div>
  303. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}  / <a href="{Permalink}">{NoteCountWithLabel}</a>
  304.  
  305. {/block:NoteCount} {block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  306.  
  307. {block:RebloggedFrom}<br>source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  308.  
  309. {block:RebloggedFrom} - via: <a href="{ReblogParentURL}">{ReblogParentName}
  310. </a>
  311.  
  312. {/block:RebloggedFrom}
  313. </div>
  314. </div>{/block:Date}
  315.  
  316.  
  317.  {/block:Posts}
  318.    <center>
  319.     <div class="lefty">
  320.     {block:PreviousPage}
  321.    <a href="{PreviousPage}" class="page">«</a>
  322.     {/block:PreviousPage}
  323.     </div>
  324.     <div class="righty">{block:NextPage}<a href="{NextPage}" class="page">»</a>
  325.    {/block:NextPage}
  326.    </div>
  327.    </center>  
  328. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  329.  
  330.  
  331.  
  332.  
  333. </div>
  334. </div>
  335. </div>
  336. </div>
  337.  
  338.  
  339. </body>
  340. </html>
create a new version of this paste RAW Paste Data