umlugardocaralho

theme #55

May 5th, 2012
1,161
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 13.17 KB | None | 0 0
  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)
  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. (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:text sidebar" content="#000" />
  20. <meta name="color:link" content="#000" />
  21. <meta name="color:sdebar" content="#000" />
  22. <meta name="color:link s" content="#fff" />
  23. <meta name="color:shadow" content="#000" />
  24. <meta name="color:borda" content="#999" />
  25. <meta name="if:Enable endless scrolling" content="0"/>
  26.  
  27. <meta name="image:background" content=""/>
  28. <meta name="image:sidebar" content=""/>
  29.  
  30. <meta name="text:title" content="Titulo de duas linhas bem aqui, nao ultrapasse isso por favor." />
  31.  
  32.  
  33. <meta name="text:Link1" content="/#" />
  34. <meta name="text:Link1 Title" content="LINK ONE" />
  35. <meta name="text:Link2" content="/" />
  36. <meta name="text:Link2 Title" content="LINK TWO" />
  37. <meta name="text:Link3" content="/#" />
  38. <meta name="text:Link3 Title" content="LINK THREE" />
  39. <meta name="text:Link4" content="/#" />
  40. <meta name="text:Link4 Title" content="LINK FOR" />
  41. <meta name="text:Link5" content="/#" />
  42. <meta name="text:Link5 Title" content="LINK FIVE" />
  43. <meta name="text:Link6" content="/#" />
  44. <meta name="text:Link6 Title" content="LINK SIX" />
  45. <meta name="text:Link7" content="/#" />
  46. <meta name="text:Link7 Title" content="LINK SEVEN" />
  47.  
  48. <script type="text/javascript">
  49.  
  50.  
  51. </script>
  52.  
  53.  
  54.  
  55. <title>{Title}</title>
  56. <link rel="shortcut icon" href="{Favicon}">
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58. {block:Description}
  59. <meta name="description" content="{MetaDescription}" />
  60. {/block:Description}
  61.  
  62. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67. body {background-color:#fff; color:{color:text}; font-family: tahoma, helvetica; font-size: 11px; text-align: justify; line-height:110%; background-image:url('{image:background}'); background-attachment: fixed; }
  68.  
  69. 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;}
  70.  
  71. a:hover {color:{color:hover};}
  72.  
  73. p{margin-top: 1px}
  74.  
  75. blockquote
  76. {margin-left:0px; margin-right: 0px; margin-top: 4px;}
  77.  
  78. #tudo {width: 800px; text-align: center; background-color:
  79. transparent; color:{color:text}; margin-left: 200px;}
  80.  
  81. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  82.  
  83. #bialinda {float: left; padding-top: 9px; background-color: transparent; text-align: center;}
  84. #all {width: 500px; padding: 8px; text-align: justify; background-color:#fff; border-bottom:1px dotted {color:borda};}
  85. #all img{-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;margin: 2px 0 2px 0}
  86. #all img:hover {opacity:0.9;}
  87. h1{padding: 5px; font-family: Georgia; text-align: center; font-size: 14px; letter-spacing: -1px; font-weight: normal; line-height: 18px; -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;}
  88. h1 a{font-size: 14px; 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;}
  89.  
  90. .image img {width: 500px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  91.  
  92. h2{font-size: 9px; display: block; width: 250px; color:{color:text}; background-color: transp; text-align: center; margin: 0px 0px 3px 0px; padding: 3px 0 3px 0; text-transform: normal; text-decoration: none; font-weight: normal}
  93.  
  94. #postquote {font-family: georgia; text-align: center; font-size: 14px; letter-spacing:-1px; line-height: 15px; padding: 2px; }
  95. #sourcequote {text-align: center; text-transform: none; margin-bottom: 3px;}
  96.  
  97. #chat{line-height: 12px; list-style: none }
  98. #chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  99. .person1 {color: {color:text} }
  100. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  101. .person2 {color: {color:text} }
  102. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  103. #audio{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:background};}
  104. #audio img{width: 180px; height: auto; padding: 20px 0 20px 0}
  105. #ssource{ display:none}
  106. #capost {padding-top: 0px; text-align: justify; width: 500px;}
  107.  
  108. #theme {margin-top:8px; margin-left:800px; position:fixed; margin-left: 885px; width:100px; color:{color:text sidebar}; text-align:right;}
  109. #theme a {color:{color:text sidebar}; font-size:8px; font-family: tinytots; text-transform: uppercase;}
  110.  
  111. #asker {font-size: 11px; font-family: verdana; text-align: justify; padding: 5px; }
  112. #asker a {font-size: 11px; font-family: verdana; text-align: justify;}
  113. #answer {padding: 5px; font-size: 11px;  background-color:{color:background};}
  114.  
  115. #xx {margin-top: 25px; text-align: center; margin-left: 985px; width: 10px; position: fixed; padding: 0px;}
  116. .xx3 {font-size: 30px; font-weight: bold;  font-family: verdana; padding: 1px;}
  117. .xx3 a{color: #000;  height:30px; width:20px; margin-top:1px; display: block;}
  118. .xx3 a:hover {color: {color:hover};}
  119. #notes {width: 500px; padding: 5px; margin-left: 100px;font-size: 9px; text-align: left;}
  120. ol.notes {list-style: none; margin: 0 20px 0 0; padding: 0px}
  121. ol.notes li {margin: 0px; padding: 2px;}
  122. #notes img{border:0px}
  123.  
  124. #page{text-align: center; font-size:50px}
  125. #page a{font-size: 30px; text-decoratin: none; font-family: georgia;}
  126.  
  127. #clear{width: 500px; height: 30px}
  128.  
  129. ::-webkit-scrollbar-thumb:vertical { background-color: {color:text}; height: 50px;}
  130. ::-webkit-scrollbar-thumb:horizontal {background-color:  {color:text}; height: 10px;}
  131. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:post};}
  132.  
  133.  
  134. #baseimagem { overflow:hidden; background-color: {color:text sidebar}; margin-top: 21px; margin-left: 780px; width: 200px; height:150px; position: fixed; padding: 4px;}
  135. #baseimagem:hover #baselinks {margin-left:-5px; -moz-transition: all 1.3s ease-in-out!important; -o-transition: all 1.3s ease-in-out!important; transition: all 1.3s ease-in-out!important; -webkit-transition: all 1.3s ease-in-out!important; z-index: 999; }
  136.  
  137. #baseimagem img{width: 200px; height: 150px; -webkit-transition: 1.3s ease-in; -moz-transition: 1.3s ease-in; transition: 1.3s ease-in;}
  138.  
  139. #baselinks {background-color:; width: 70px; float: left; margin-left:-185px; margin-top: -120px; padding: 1px; text-align: center; position: absolute; z-index: 999; -moz-transition: all 1.3s ease-in-out!important; -o-transition: all 1.3s ease-in-out!important; transition: all 1.3s ease-in-out!important; -webkit-transition: all 1.3s ease-in-out!important; }
  140.  
  141.  
  142. #baselinks a {float: left; display: block; font-family: tinytots; font-size: 8px; text-align: center; width: 67px; color:{color:link s}; text-shadow: 1px 0px 1px {color:shadow};  line-height: 15px; overflow: hidden; margin-bottom: 1px; text-transform: uppercase; -moz-transition: all 1.3s ease-in-out!important; -o-transition: all 1.3s ease-in-out!important; transition: all 1.3s ease-in-out!important; -webkit-transition: all 1.3s ease-in-out!important;}
  143.  
  144. #baselinks a:hover {text-shadow:1px 0px 1px; opacity:0.7;}
  145.  
  146.  
  147. #title {font-size: 14px; width:202px; margin-left:780px; position:fixed; padding:4px; font-family: georgia; overflow:hidden; letter-spacing: -1px; height: 25px; padding:3px; text-align: center;  border-bottom:1px dotted {color:borda}; color:{color:text sidebar}; margin-top:180px; }
  148.  
  149. #title2 {font-size: 9px; font-family: verdana; overflow:hidden; letter-spacing: 0px; text-align: center; width: 200px; padding:6px; height: auto; margin-top:2px;}
  150. #like {position:fixed;}
  151.  
  152. #info { padding: 3px; font-size: 9px; font-family: verdana; text-align: right; -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;}
  153.  
  154. #basetitulo {position:relative; margin-top: 1px; width: 198px; height: auto; margin-left:-4px; padding:5px; color:{color:text sidebar}; font-family: verdana; font-size: 9px; letter-spacing: -1px; overflow:hidden; text-align:center; -webkit-transition: 0.9s ease-in; -moz-transition: 0.9s ease-in; transition: 0.9s ease-in;}
  155.  
  156.  
  157. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  158.  
  159.  
  160. #tumblr_controls{position: fixed!important}
  161.  
  162.  {block:IfSelecao}
  163. ::-moz-selection {color: {color:hover}; background: {color:selecao};}
  164.  
  165. ::selection {color: {color:hover}; background: {color:selecao};}
  166.  {/block:IfSelecao}
  167.  
  168. {CustomCSS}
  169.  
  170. </style>
  171.  
  172. </head>
  173.  
  174. <body>
  175.  
  176.  
  177. <div id="xx"><div class="xx3">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">↓{/block:PreviousPage}{/block:Pagination}{block:Pagination}{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}{/block:Pagination}
  178. </div></div>
  179. <div id="theme"><a href="http://rocklessly.tumblr.com">© theme</a></div>
  180. <div id="baseimagem"><img src="{image:sidebar}"/>
  181.  
  182. <div id="baselinks">
  183.  
  184. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  185. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  186. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  187. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  188. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  189. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  190. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  191. </div>
  192. </div>
  193.  
  194. <div id="title">{text:title}</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.  
  206.  
  207. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  208. {/block:Text}
  209.  
  210. {block:Photo}{LinkOpenTag} <div class="image"><img src="{PhotoURL-500}" ></div>{block:Source}{block:Date} {block:Date}{/block:Date} {/block:Date}{/block:Source}
  211. {/block:Date}{block:Source}{block:Date} {block:Date}{/block:Date} {/block:Date}{/block:Source}
  212. {/block:Photo}
  213.  
  214. {block:Photoset}{Photoset-500}
  215. {/block:Photoset}
  216.  
  217. {block:Quote}
  218. <div id="postquote">❝ {Quote}</div><br>
  219. {block:Source}<div id="sourcequote"> — {Source}</div>{/block:Source}
  220. {/block:Quote}
  221.  
  222. {block:Link}
  223. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  224. {block:Description}{Description}{/block:Description}
  225. {/block:Link}
  226.  
  227. {block:Chat}
  228. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  229. <div id="chat"><ul>{block:Lines}
  230. <li class="person{UserNumber}">{block:Label}
  231. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  232. {/block:Chat}
  233.  
  234. {block:Audio}
  235. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  236. {AudioPlayerGrey}
  237. {block:Caption}{Caption}{/block:Caption}
  238. {/block:Audio}
  239.  
  240. {block:Video}{Video-500}
  241. {/block:Video}
  242.  
  243. {block:Answer}
  244. <div id="asker"><b>{Asker} disse:</b> "{Question}"</div>
  245. <div id="answer">{Answer}</div>
  246. {/block:Answer}
  247. <div id="capost">
  248. {block:Photo}{block:Caption}{Caption}{/block:Caption} {/block:Photo}<center>
  249. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  250. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  251. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  252. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  253. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  254. {/block:ContentSource}</div></div>
  255.  
  256. <div id="info">
  257. {block:HasTags}{block:Tags} <a href="{TagURL}"><b>#</b>{Tag}</a>&nbsp;{/block:Tags} <br>{/block:HasTags}
  258. {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>
  259. {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · (&copy; <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>)
  260. {/block:RebloggedFrom}
  261. </div></div>
  262. {/block:Posts}
  263. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  264. {block:PostNotes}
  265. <div id="notes">{PostNotes}</div>
  266. {/block:PostNotes}
  267.  
  268. </div>
  269.  
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278.  
  279. </body>
  280. </html>
Advertisement
Add Comment
Please, Sign In to add comment