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

Theme 07

By: jonasoliveira on May 10th, 2012  |  syntax: None  |  size: 12.47 KB  |  hits: 48  |  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 by rotulad-o
  6.  
  7.                                     não copie, seja original! -->
  8.  
  9. <html>
  10.  
  11. <head>
  12.  
  13. <meta name="color:background" content="#f5f5f5" />
  14. <meta name="color:link" content="#000000" />
  15. <meta name="color:bglink" content="#ffffff" />
  16. <meta name="color:textside" content="#000000" />
  17. <meta name="color:bgside" content="#ffffff" />
  18. <meta name="color:barra1" content="#000000" />
  19. <meta name="color:barra2" content="#000000" />
  20. <meta name="color:frase" content="#000000" />
  21. <meta name="color:text" content="#000000" />
  22. <meta name="color:post" content="#f5f5f5" />
  23.  
  24. <meta name="image:sidebar1" content="http://27.media.tumblr.com/tumblr_m32lnjNhrr1qgazq1o2_250.jpg" />
  25. <meta name="image:background" content=""/>
  26.  
  27. <meta name="text:frase" content="frase" />
  28. <meta name="text:Link1" content="" />
  29. <meta name="text:Link1 Title" content="" />
  30. <meta name="text:Link2" content="" />
  31. <meta name="text:Link2 Title" content="" />
  32. <meta name="text:Link3" content="" />
  33. <meta name="text:Link3 Title" content="" />
  34. <meta name="text:Link4" content="" />
  35. <meta name="text:Link4 Title" content="" />
  36. <meta name="text:Link5" content="" />
  37. <meta name="text:Link5 Title" content="" />
  38. <meta name="text:Link6" content="" />
  39. <meta name="text:Link6 Title" content="" />
  40.  
  41. <title>{Title}</title>
  42.  
  43.         <link rel="shortcut icon" href="{Favicon}">
  44.  
  45.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46.  
  47.         {block:Description}
  48.  
  49.             <meta name="description" content="{MetaDescription}" />
  50.  
  51.  
  52.  
  53.  
  54.         {/block:Description}
  55.  
  56. <style type="text/css">
  57.  
  58. body {background-color: {color:background}; color:;
  59.  
  60. font-family: tahoma; font-size: 10px;
  61.  
  62. text-align: right; background-image:url('{image:background}');
  63.  
  64. background-repeat: ; background-attachment: fixed;}
  65.  
  66. a, a:link, a:active, a:visited {color: #000; text-decoration: none}
  67.  
  68. a:hover {color: #000; text-decoration: none}
  69.  
  70. s {color:  #000;}
  71. i {color: #000;}
  72. b, strong {color: #000;}
  73.  
  74. u, span.sublinha {color: #000; text-decoration: none; border-bottom: 1px solid #000;}
  75.  
  76. blockquote{margin:2px 5px 2px 5px; padding: 1px 0 3px 6px; border-left: 2px solid #000}
  77.  
  78. h1 ::-webkit-scrollbar{width:5px;height:8px;} ::-webkit-scrollbar-button:start:decrement
  79.  
  80. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;} ::-webkit-scrollbar-track-piece{background-color: #FFFFFF;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;} ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #000;-webkit-border-radius:px;} ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #000;-webkit-border-radius:px;} {text-align: center; font: 20px verdana; color: #000;}
  81.  
  82. #sidebarsm {width: 200px; height: 50%; top: 50px; left: 80px; padding: 5px; text-align: center; position: fixed;}
  83.  
  84. .imagesm {padding: 0px; width: 300px; height: 240px; }
  85.  
  86. .imagesm img {display: inline; text-align:center; height: 200px; width: 330px; }
  87.  
  88. .menusm {background: transparent; padding: 2px; margin-bottom: 7px; position: fixed; width: 200px; left: 45px; top: 55px; padding-top: 0px; z-index: 2; }
  89.  
  90. un {font-style: Tahoma; width: 50%; float: left; background: {color:bglink}; color: {color:link}; padding: 4px 0 4px 0; text-align: center; margin: 1px; line-height:5px; font-size: 9px;  letter-spacing:1px; text-decoration: none; display: inline-block; }
  91.  
  92. un:hover {font-style: Tahoma; float: left; background-color: #fff; color: #000; cusor: hand;}
  93.  
  94.  
  95. #xright {float: left; margin-left: 380px; margin-top: 0px;}
  96.  
  97. .postbox {width: 500px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  98.  
  99. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  100. h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  101. h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  102.  
  103. .image {text-align: center; border: 0px}
  104. .image img {max-width: 500px; margin-bottom: 2px }
  105.  
  106. .xquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  107. .xquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  108. .xquotesource a, a:hover{text-transform: none;}
  109.  
  110. .chat {line-height: 13px; list-style: none }
  111. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  112. .person1 {color: {color:text}; padding: 2px; }
  113. .person1 .label {font-weight: bold;  color:{color:text}}
  114. .person2 {color: {color:text}; padding: 2px;  }
  115. .person2 .label {font-weight: bold;  color:{color:text}}
  116.  
  117. .player {background-color: #000; text-align: left; display:block;}
  118.  
  119. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  120. .answer {padding: 2px}
  121. .answer img {max-width: 470px;}
  122.  
  123.  
  124. #xdate {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  125. #xdate a {font-size: 9px;}
  126.  
  127. .tags {color: {color:text};  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: lowercase;}
  128. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  129.  
  130. #cap {width: 500px; margin-top: -2px;}
  131. .source {display: none;}
  132.  
  133. .notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  134. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  135. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  136. .notes img{display: none; border:0px}
  137.  
  138.  
  139. #foto{margin-top: 54px; margin-left: 140px; width: 30px; height: auto;
  140.         position: fixed; padding: 5px;
  141.         background-color: {color:sidebar};}
  142. #foto img{width: 118px; height:102px;}
  143.  
  144. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  145. #top {text-transform: none; font-size: 8px; font-family: tinytots; width: 215px; height: 40px; background-color: {color:bgside}; color: {color:textside}; left: 48px; top: 175px; float: left; padding: 5px; position: fixed; float: left; opacity: 10; font-style: italic;}
  146.  
  147. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  148.  
  149. #top1 {width: 480px; height: 30px; top: 28px; left: -95px; background-color: transparent; color:  {color:frase}; padding:5px; font-family: Loved by the King; font-size: 16px; text-align: center; position:fixed; float: left; line-height: 30px;  margin-top:-4px; position: fixed; letter-spacing: 1px;
  150. -webkit-transition: 0.8s ease-in;
  151.  
  152. -moz-transition: 0.8s ease-in; transition: 0.8s ease-in;}
  153.  
  154. #top1:hover {color: {color:hovertitulo};
  155. -webkit-transition: 0.8s ease-in;
  156.  
  157. -moz-transition: 0.8s ease-in; transition: 0.8s ease-in;}
  158.  
  159. #barra {margin-top:-15px; margin-left: -8px; position: fixed; color: #949494; width:3px; height: 210px; background-color: {color:barra1} ;}
  160.  
  161. #barra2 {margin-top:179px; margin-left: -20px; position: fixed; color: #949494; width:270px; height: 3px; background-color: {color:barra2} ;}
  162.  
  163. /***Barra de rolagem***/
  164.  
  165. ::-webkit-scrollbar{width:5px;height:3px;}
  166.  
  167. ::-webkit-scrollbar-button:start:decrement::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  168.  
  169. ::-webkit-scrollbar-track-piece{background-color:#ffffff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  170.  
  171. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#000;-webkit-border-radius:px;}
  172.  
  173. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#ddd;-webkit-border-radius:px;}
  174.  
  175. /*** Paginação by madlyluv.com ***/
  176. #paginacaoml { margin-left: -110px; margin-top:170px; background-color: transparent; color:;  float:center; width:240px; height:15px; position:fixed; border-right: 8px solid transparent; border-left: 4px solid transparent; border-bottom: 3px solid transparent; -webkit-border-bottom-left-radius:10px  font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  177. #paginacaoml a {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  178. #paginacaoml a:hover {background: #cor de fundo; border: none;}
  179. #paginacaoml span.pagina_atual {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  180. #paginacaoml span.info {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  181.  
  182.  
  183. </style>
  184.    
  185. </head>
  186.  
  187. <body>
  188.  
  189.  
  190. <div id="top1">{text:frase}</div>
  191. <div id="foto">
  192. <img src="{image:sidebar1}"></div></div>
  193.  
  194. <div class="menusm"><br>
  195.  
  196. <a href="{text:Link1}"><un>{text:Link1 Title}</un></a>
  197. <a href="{text:Link2}"><un>{text:Link2 Title}</un></a>
  198. <a href="{text:Link3}"><un>{text:Link3 Title}</un></a>
  199. <a href="{text:Link4}"><un>{text:Link4 Title}</un></a>
  200. <a href="{text:Link5}"><un>{text:Link5 Title}</un></a>
  201. <a href="{text:Link6}"><un>{text:Link6 Title}</un></a>
  202. <a href="http://rotulad-o.tumblr.com"><un><b>theme ©</b></un></a>
  203.  
  204. <div id="top">{Description}</div>
  205. <div id="barra"><div id="barra2"></div></div>
  206.  
  207. <div id="paginacaoml"><span class="info" style="font-weight: normal;"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  208. {block:JumpPagination length="5"}
  209. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  210. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  211. {/block:JumpPagination}
  212. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  213. </div>
  214.  
  215.  
  216. </div>
  217. </div>
  218. </br>
  219.  
  220. <div id="xright">
  221.  
  222.  {block:Posts}
  223. <div class="postbox">
  224.  
  225. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  226.  
  227. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  228.  
  229. {block:Photoset}{Photoset-500}{/block:Photoset}
  230.  
  231. {block:Quote}
  232. <div class="xquote">“{Quote}”</div>
  233. {block:Source}<div class="xquotesource"> — {Source}</div>
  234. {/block:Source}
  235. {/block:Quote}
  236.  
  237. {block:Link}
  238. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  239. {block:Description}{Description}{/block:Description}
  240. {/block:Link}
  241.  
  242. {block:Chat}
  243. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  244. <div class="chat"><ul>{block:Lines}
  245. <li class="person{UserNumber}">{block:Label}
  246. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  247. {/block:Chat}
  248.  
  249. {block:Audio}
  250. <div class="player">{AudioPlayerBlack}</div>
  251. {block:Caption}{Caption}{/block:Caption}
  252. {/block:Audio}
  253.  
  254. {block:Video}{Video-500}{/block:Video}
  255.  
  256.  
  257. {block:Answer}
  258. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  259. <div class="answer">{Answer}</div>
  260. {/block:Answer}
  261.  
  262.  
  263. <div id="cap">
  264. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  265. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  266. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  267.  
  268. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  269.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  270.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  271. {/block:ContentSource}</div></div>
  272. <br>
  273.  
  274.  
  275. <div id="xdate">
  276. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  277. <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}
  278. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  279. {/block:RebloggedFrom}
  280. </div>
  281. </div>{/block:Date}
  282.  
  283.  
  284.  {/block:Posts}
  285.  
  286. {block:PostNotes}<div class="notes">{PostNotes}{/block:PostNotes}
  287. </div>
  288.  
  289.  
  290.  
  291.  
  292.  
  293.  
  294.  
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299.  
  300. </body>
  301.  
  302.  
  303.  
  304.  
  305. </html>
create a new version of this paste RAW Paste Data