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

theme #44

By: umlugardocaralho on Mar 29th, 2012  |  syntax: HTML 5  |  size: 12.48 KB  |  hits: 1,559  |  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. <!-- (c) #44
  6. ____________________________________________________________________________
  7.  
  8.                           theme por Bianca (rocklessly)
  9.                                   be original (c)
  10.                 não copie, não adapte e não redistribua.
  11. _______________________________________________________________________________
  12.  
  13. #44 (c) --!>
  14.  
  15.  
  16. <head> <!-- DEFAULT VARIABLES -->
  17. <meta name="color:background" content="#ffffff" />
  18. <meta name="color:text" content="#000" />
  19. <meta name="color:post" content="#ddd" />
  20. <meta name="color:hover" content="#fff" />
  21. <meta name="color:link" content="#000" />
  22. <meta name="color:selecao" content="#ccc" />
  23. <meta name="color:sidebar" content="#fff" />
  24. <meta name="color:link bg sidebar" content="#ddd" />
  25.  
  26. <meta name="if:Enable endless scrolling" content="0"/>
  27. <meta name="if:Sombreado" content="0"/>
  28. <meta name="if:Selecao" content="1"/>
  29. <meta name="if:BorderLeft" content="0"/>
  30.  
  31. <meta name="image:background" content=""/>
  32. <meta name="image:sidebar" content="http://static.tumblr.com/qq1m0ga/KvNm1nsf3/11.jpg"/>
  33.  
  34. <meta name="text:Link1" content="/#" />
  35. <meta name="text:Link1 Title" content="link" />
  36. <meta name="text:Link2" content="" />
  37. <meta name="text:Link2 Title" content="" />
  38. <meta name="text:Link3" content="/#" />
  39. <meta name="text:Link3 Title" content="LINK THREE" />
  40. <meta name="text:Link4" content="/#" />
  41. <meta name="text:Link4 Title" content="LINK FOUR" />
  42. <meta name="text:Link5" content="/#" />
  43. <meta name="text:Link5 Title" content="LINK FIVE" />
  44. <meta name="text:Link6" content="/#" />
  45. <meta name="text:Link6 Title" content="LINK FIVE" />
  46.  
  47.  
  48. <title>{Title}</title>
  49. <link rel="shortcut icon" href="{Favicon}">
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51. {block:Description}
  52. <meta name="description" content="{MetaDescription}" />
  53. {/block:Description}
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60. body {background-color:{color:background}; color:{color:text}; font-family: tahoma, helvetica; font-size: 11px; text-align: justify; line-height:110%; background-image:url('{image:background}'); background-attachment: fixed; }
  61.  
  62. a {color:{color:link}; 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;}
  63.  
  64. a:hover {color:{color:hover};}
  65.  
  66. p{margin-top: 1px}
  67.  
  68. blockquote
  69. {margin-left:0px; margin-right: 0px; margin-top: 4px;}
  70.  
  71. #tudo {width: 800px; text-align: center; background-color:
  72. transparent; color:{color:text}; margin-left: 400px;}
  73.  
  74. #bialinda {float: left; padding-top: 10px; background-color: transparent; text-align: center;}
  75. #all { {block:IfSombreado}box-shadow: 0px 10px 25px rgba(15,15,10,0.10);{/block:IfSombreado} width: 500px; padding: 5px; text-align: justify; background-color:{color:post}; margin-bottom:1px;}
  76. #all img{margin: 2px 0 2px 0}
  77.  
  78. h1{padding: 5px; font-family: calibri; text-align: center; font-size: 16px; letter-spacing: -1px; font-weight: normal; line-height: 18px; text-transform: uppercase;-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;}
  79. h1 a{font-size: 16px; letter-spacing: -1px; line-height: 18px; letter-spacing: 0px; text-align:center;-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;}
  80. .image img {width: 500px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  81. h2{font-size: 9px; display: block; width: 250px; color:{color:text}; background-color: {color:background}; text-align: center; margin: 0px 0px 3px 0px; padding: 3px 0 3px 0; text-transform: normal; text-decoration: none; font-weight: normal}
  82.  
  83. #postquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 2px; }
  84. #sourcequote {text-align: center; text-transform: none; margin-bottom: 3px;}
  85.  
  86. #chat{line-height: 12px; list-style: none }
  87. #chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  88. .person1 {color: {color:text} }
  89. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  90. .person2 {color: {color:text} }
  91. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  92. #audio{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:background};}
  93. #audio img{width: 180px; height: auto; padding: 20px 0 20px 0}
  94. #ssource{display:none}
  95. #capost {padding-top: 0px; width: 500px;}
  96.  
  97. #info { padding: 3px; font-size: 9px; margin-top:3px; font-family: verdana; text-align: left; -moz-transition: all .9s ease-in-out!important; -o-transition: all .9s ease-in-out!important; transition: all .9s ease-in-out!important; -webkit-transition: all .9s ease-in-out!important; border-left: 1px solid#transp;}
  98.  {block:IfBorderLeft}
  99. #info:hover {font-size: 9px; font-family: verdana;  border-left: 10px solid#000;} {/block:IfBorderLeft}
  100. #asker {font-size: 11px; font-family: verdana; text-align: justify; padding: 5px; }
  101. #asker a {font-size: 11px; font-family: verdana; text-align: justify;}
  102. #answer {padding: 5px; font-size: 11px;  background-color:{color:background};}
  103.  
  104. #notes {width: 500px; padding: 5px; margin-left: 100px;font-size: 9px; text-align: left;}
  105. ol.notes {list-style: none; margin: 0 20px 0 0; padding: 0px}
  106. ol.notes li {margin: 0px; padding: 2px;}
  107. #notes img{border:0px}
  108.  
  109. #page{text-align: center; font-size:50px}
  110. #page a{font-size: 30px; text-decoratin: none; font-family: georgia;}
  111.  
  112. #clear{width: 500px; height: 30px}
  113.  
  114. ::-webkit-scrollbar-thumb:vertical { background-color: {color:text}; height: 50px;}
  115. ::-webkit-scrollbar-thumb:horizontal {background-color:  {color:text}; height: 10px;}
  116. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:post};}
  117.  
  118. #base1 {margin-top: 1px; position:relative; width: 105px; padding: 5px; font-family: verdana; font-size: 8px; background-color:{color:sidebar};}
  119. #cred { position:relative; width: 105px; padding: 3px; font-family: verdana; font-size: 9px;  background-color:{color:sidebar};}
  120. #cred a {font-family: verdana; font-size: 9px; color:{color:text}; }
  121. #base1 a {padding: 2px 3px;  font-size: 8px; text-align:center; background-color:{color:background};}
  122.  
  123. #basetitle {padding: 5px; margin-top: 1px; width: 105px; background-color: {color:sidebar}; font-family: georgia; font-size: 14px; height: 12px; color: {color:text}; text-align: center; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; overflow:hidden;}
  124.  
  125. #basetitle:hover{height: 125px;}
  126.  
  127. #sid{ position: fixed; width: 105px; margin-left: 284px; height: auto;  {block:IfSombreado}box-shadow: 0px 10px 25px rgba(15,15,10,0.10);{/block:IfSombreado}  margin-top: 10px; }
  128.  
  129. #baseimagem1{width:105px; height:105px; overflow:hidden; border:5px solid {color:sidebar}; background-color:{color:sidebar};}
  130.  
  131. #description { height:105px; text-align:center; width:97px; font-family: verdana;  letter-spacing: -1px;  font-size:9px; color:{color:text}; background-color:#fff; padding:5px;}
  132.  
  133. #imagembase img {margin-top:-8px; height:105px; width:105px;}
  134. #up {margin-left:-107px; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  135. #up:hover {margin-left:0px;}
  136.  
  137. #baselinks2 {margin-top: 5px; background-color: transparent; position: relative; overflow:hidden; }
  138.  
  139. #baselinks2 a { font-family: verdana; font-size: 9px; text-align: center; width: 95px;  padding: 5px;  background-color:{color:link bg sidebar}; color:{color:text}; margin-bottom: 1px; display: block; -moz-transition: all .5s ease-in-out!important; -o-transition: all .5s ease-in-out!important; transition: all .5s ease-in-out!important; -webkit-transition: all .5s ease-in-out!important; line-height: 5px; }
  140.  
  141. #baselinks2 a:hover {font-weight: bold; color:{color:link};}
  142.  
  143. #tumblr_controls{position: fixed!important}
  144.  {block:IfSelecao}
  145. ::-moz-selection {color: {color:hover}; background: {color:selecao};}
  146.  
  147. ::selection {color: {color:hover}; background: {color:selecao};}
  148.  {/block:IfSelecao}
  149.  
  150. {CustomCSS}
  151. </style>
  152.  
  153. </head>
  154.  
  155. <body>
  156.  
  157.  
  158.  
  159. <div id="sid">
  160.  
  161.  
  162. <div id="baseimagem1">
  163.  
  164. <table border="0" cellpadding="0" cellspacing="0" id="up"><tr>
  165.  
  166. <td><div id="description">{description}</div></td>
  167.  
  168. <td><img class="imagembase"src="{image:sidebar}" width="105px;" height="105px";></td>
  169.  
  170. </tr></table>
  171.  
  172. </div></a>
  173.  
  174.  
  175.  
  176. <div id="basetitle">
  177. {Title}
  178. <div id="baselinks2">
  179.  
  180. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  181. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  182. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  183. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  184. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  185. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  186.  
  187. </div>
  188.  
  189. <div id="cred">
  190. <a href="http://rocklessly.tumblr.com">rocklessly &copy;</a></div>
  191. </div>
  192. <div id="base1">
  193. <center>{block:Pagination}{/block:Pagination}{block:JumpPagination length="5"}{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}{block:Pagination}{/block:Pagination}</span></div></center>
  194. </div>
  195.  
  196. <div id="tudo">
  197.  
  198. <div id="bialinda">
  199.  
  200. {block:IfEnableEndlessScrolling}<div class="autopagerize_page_element">
  201. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScrolling}
  202.  
  203. {block:Posts}
  204. <div id="all">
  205. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  206.  
  207. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" ></div>{LinkCloseTag}{/block:Photo}
  208.  
  209. {block:Photoset}{Photoset-500}{/block:Photoset}
  210.  
  211. {block:Quote}
  212. <div id="postquote">❝ {Quote}</div><br>
  213. {block:Source}<div id="sourcequote"> — {Source}</div>{/block:Source}
  214. {/block:Quote}
  215.  
  216. {block:Link}
  217. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  218. {block:Description}{Description}{/block:Description}
  219. {/block:Link}
  220.  
  221. {block:Chat}
  222. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  223. <div id="chat"><ul>{block:Lines}
  224. <li class="person{UserNumber}">{block:Label}
  225. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  226. {/block:Chat}
  227.  
  228. {block:Audio}
  229. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  230. {AudioPlayerGrey}
  231. {block:Caption}{Caption}{/block:Caption}
  232. {/block:Audio}
  233.  
  234. {block:Video}{Video-500}{/block:Video}
  235.  
  236. {block:Answer}
  237. <div id="asker"><b>{Asker} disse:</b> "{Question}"</div>
  238. <div id="answer">{Answer}</div>
  239. {/block:Answer}
  240.  
  241. <div id="capost">
  242. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  243. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  244. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  245.  
  246. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  247. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  248. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  249. {/block:ContentSource}</div></div>
  250.  
  251.  
  252. <div id="info">
  253. {block:HasTags}{block:Tags} <a href="{TagURL}"><b>#</b>{Tag}</a>&nbsp;{/block:Tags} <br>{/block:HasTags}
  254. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a><br>
  255. {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} (&copy; <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>)
  256. {/block:RebloggedFrom}<br>
  257.  
  258. </div></div>
  259.  
  260. {/block:Posts}
  261. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  262. {block:PostNotes}
  263. <div id="notes">{PostNotes}</div>
  264. {/block:PostNotes}
  265.  
  266. </div>
  267.  
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276.  
  277. </div>
  278. </body>
  279. </html>
create a new version of this paste RAW Paste Data