umlugardocaralho

theme #53

Apr 29th, 2012
2,567
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 13.86 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) #53
  6. ____________________________________________________________________________
  7.  
  8.                          theme por Bianca (rocklessly)
  9.  
  10.                                 *insp xantheose*
  11.  
  12.                                   be original (c)
  13.  
  14.                 não copie, não adapte e não redistribua.
  15. _______________________________________________________________________________
  16.  
  17. #53 (c) --!>
  18.  
  19.  
  20. <head> <!-- DEFAULT VARIABLES -->
  21. <meta name="color:background" content="#ffffff" />
  22. <meta name="color:text" content="#000" />
  23. <meta name="color:text sidebar" content="#fff" />
  24. <meta name="color:post" content="#ddd" />
  25. <meta name="color:link" content="#000" />
  26. <meta name="color:sidebar" content="#000" />
  27. <meta name="color:link sidebar" content="#ddd" />
  28. <meta name="color:border" content="#999" />
  29.  
  30. <meta name="if:Enable endless scrolling" content="0"/>
  31. <meta name="if:Selecao" content="1"/>
  32. <meta name="if:Font Tinytots" content="0"/>
  33. <meta name="if:Border Pontilhado" content="1"/>
  34.  
  35. <meta name="image:background" content=""/>
  36. <meta name="image:sidebar" content=""/>
  37.  
  38. <meta name="text:title" content="Coloque um titulo que contenha mais de uma linha, no maximo 2." />
  39.  
  40.  
  41. <meta name="text:Link1" content="/#" />
  42. <meta name="text:Link1 Title" content="LINK ONE" />
  43. <meta name="text:Link2" content="/" />
  44. <meta name="text:Link2 Title" content="LINK TWO" />
  45. <meta name="text:Link3" content="/#" />
  46. <meta name="text:Link3 Title" content="LINK THREE" />
  47. <meta name="text:Link4" content="/#" />
  48. <meta name="text:Link4 Title" content="LINK FOUR" />
  49. <meta name="text:Link5" content="/#" />
  50. <meta name="text:Link5 Title" content="LINK FIVE" />
  51. <meta name="text:Link6" content="/#" />
  52. <meta name="text:Link6 Title" content="LINK SIX" />
  53.  
  54. <script type="text/javascript">
  55.  
  56.  
  57. </script>
  58.  
  59.  
  60.  
  61. <title>{Title}</title>
  62. <link rel="shortcut icon" href="{Favicon}">
  63. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  64. {block:Description}
  65. <meta name="description" content="{MetaDescription}" />
  66. {/block:Description}
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  69.  
  70.  
  71. <style type="text/css">
  72.  
  73. 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; }
  74.  
  75. 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;}
  76.  
  77. a:hover {color:{color:hover};}
  78.  
  79. p{margin-top: 1px}
  80.  
  81. blockquote
  82. {margin-left:0px; margin-right: 0px; margin-top: 4px;}
  83.  
  84. #tudo {width: 800px; text-align: center; background-color:
  85. transparent; color:{color:text}; margin-left: 430px;}
  86.  
  87. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  88.  
  89. #bialinda {float: left; padding-top: 9px; background-color: transparent; text-align: center;}
  90. #all {width: 500px; padding: 12px; text-align: justify; background-color:{color:post}; border-bottom:1px solid {color:border}; {block:IfBorderPontilhado} border-bottom:1px dotted{color:border}; {/block:IfBorderPontilhado}   }
  91. #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}
  92. #all img:hover {opacity:0.9;}
  93. 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;}
  94. 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;}
  95.  
  96. .image img {width: 500px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  97.  
  98. 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}
  99.  
  100. #postquote {font-family: georgia; text-align: center; font-size: 14px; letter-spacing:-1px; line-height: 15px; padding: 2px; }
  101. #sourcequote {text-align: center; text-transform: none; margin-bottom: 3px;}
  102.  
  103. #chat{line-height: 12px; list-style: none }
  104. #chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  105. .person1 {color: {color:text} }
  106. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  107. .person2 {color: {color:text} }
  108. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  109. #audio{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:background};}
  110. #audio img{width: 180px; height: auto; padding: 20px 0 20px 0}
  111. #ssource{display:none}
  112. #capost {padding-top: 0px; width: 500px;}
  113.  
  114. #asker {font-size: 11px; font-family: verdana; text-align: justify; padding: 5px; }
  115. #asker a {font-size: 11px; font-family: verdana; text-align: justify;}
  116. #answer {padding: 5px; font-size: 11px;  background-color:{color:background};}
  117.  
  118. #xx {margin-top: 50%; text-align: center; margin-left: 970px; position: fixed; padding: 0px;}
  119. .xx3 {font-size: 50px; font-family: verdana; padding: 1px;}
  120. .xx3 a{color: #000;}
  121. .xx3 a:hover {color: {color:hover};}
  122. #notes {width: 500px; padding: 5px; margin-left: 100px;font-size: 9px; text-align: left;}
  123. ol.notes {list-style: none; margin: 0 20px 0 0; padding: 0px}
  124. ol.notes li {margin: 0px; padding: 2px;}
  125. #notes img{border:0px}
  126.  
  127. #page{text-align: center; font-size:50px}
  128. #page a{font-size: 30px; text-decoratin: none; font-family: georgia;}
  129.  
  130. #clear{width: 500px; height: 30px}
  131.  
  132. ::-webkit-scrollbar-thumb:vertical { background-color: {color:text}; height: 50px;}
  133. ::-webkit-scrollbar-thumb:horizontal {background-color:  {color:text}; height: 10px;}
  134. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:post};}
  135.  
  136.  
  137.  
  138. #basedescr {margin-top:20px; color:#000; position:fixed; margin-left:218px; font-family: verdana; font-size: 35px; text-align:center;  -webkit-transition: 1.3s ease-in; -moz-transition: 1.3s ease-in; transition: 1.3s ease-in; width:20px; height:20px; padding:7px; overflow:hidden;}
  139.  
  140.  
  141. #baseimagem {background-color: #000; margin-top: 21px; margin-left: 228px; width: 150px; position: fixed; padding: 4px;}
  142.  
  143. #baseimagem img{width: 150px; height: 187px; -webkit-transition: 1.3s ease-in; -moz-transition: 1.3s ease-in; transition: 1.3s ease-in;}
  144.  
  145. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  146.  
  147. #baselinks {margin-top: 85px; margin-left: 224px; position:fixed; background-color:{color:background};}
  148.  
  149. #baselinks a{padding:2px 2px 2px 10px; display:block; width: 60px; line-height: 7px; font-size: 10px; margin-bottom: 1px; text-align: left; font-family: consolas; text-transform: uppercase; color: {color:link sidebar}; background-color: {color:sidebar};  -webkit-transition: 1.3s ease-in; -moz-transition: 1.3s ease-in; transition: 1.3s ease-in; {block:ifFontTinytots} font-family:tinytots;{/block:ifFontTinytots} }
  150.  
  151. #baselinks a:hover{margin-left: -55px;}
  152.  
  153. #desce {width: 7px; margin-left:225px; margin-top: 134px; background-color: #fff; height: 83px; position: fixed;}
  154.  
  155. #hoverphoto { opacity:0;  margin:0px 0px -500px 504px; filter: alpha(opacity = 0); position:absolute;  line-height:16px;  -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;}
  156.  
  157. #all:hover #hoverphoto {opacity:0.8;  -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:0px 0px -500px 504px;}
  158.  
  159.  
  160. #title {font-size: 14px; padding:4px; font-family: georgia; overflow:hidden; letter-spacing: -1px; line-height: 12px; padding:3px; text-align: center;  border-bottom:1px solid #000;}
  161. #title2 {font-size: 9px; font-family: verdana; overflow:hidden; letter-spacing: 0px; text-align: center; width: 188px; padding:6px; height: autto; margin-left: 1px; margin-top:2px;}
  162.  
  163. #basetitulo {position:fixed; margin-top: 215px; width: 200px; height: auto; margin-left:201px; padding:5px; color:#000;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;}
  164.  
  165. #them {z-index: 999; position:fixed; margin-top:115px; margin-left:140px; line-height: 7px; font-family: verdana; letter-spacing:-1px; font-size: 9px; color:#000; padding: 7px; text-align:center; }
  166. #them a{font-family: verdana; font-size: 9px; letter-spacing:-1px; color:#000;}
  167.  
  168. #sslide {letter-spacing: 0; margin-left:2px;  -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; padding:1px; background-color:; width:auto;}
  169.  
  170. #sslide:hover {opacity:0.7;}
  171. #sslide a {text-shadow:1px 0px 1px ; font-size: 9px; background-color:; padding:3px; line-height:5px; letter-spacing: px; font-family: consolas; text-transform: uppercase; color:#000;}
  172. #sslide a:hover {color:#000;}
  173.  
  174.  
  175. #tumblr_controls{position: fixed!important}
  176.  
  177.  {block:IfSelecao}
  178. ::-moz-selection {color: {color:link}; background: {color:sidebar};}
  179.  
  180. ::selection {color: {color:link}; background: {color:sidebar};}
  181.  {/block:IfSelecao}
  182.  
  183. {CustomCSS}
  184.  
  185. </style>
  186.  
  187. </head>
  188.  
  189. <body>
  190.  
  191. <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}</div></div>
  192.  
  193.  
  194. <div id="basetitulo">
  195. <div id="title">{text:title}</div>
  196. <div id="title2">{Description}</div>
  197.  
  198. </div>
  199.  
  200. <div id="baselinks">
  201.  
  202. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  203. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  204. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  205. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  206. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  207. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  208. <a href="http://rocklessly.tumblr.com">&copy; theme</a>
  209. </div>
  210.  
  211.  
  212. <div id="baseimagem"><img src="{image:sidebar}"/>
  213.  
  214.     </div>
  215.  
  216. <div id="tudo">
  217.  
  218. <div id="bialinda">
  219.  
  220. {block:IfEnableEndlessScrolling}<div class="autopagerize_page_element">
  221. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScrolling}
  222.  
  223. {block:Posts}
  224. <div id="all">
  225.  
  226.  
  227. <div id="hoverphoto">
  228. <div id="sslide"> <a href="{Permalink}">{NoteCount}</a></div>{LinkCloseTag}
  229. <div id="sslide"><a href="{Permalink}">{TimeAgo}</a></div>
  230. <div id="sslide"><a href="{ReblogURL}" target="_blank">Reblog
  231. </a> </div>
  232.  
  233. {block:RebloggedFrom}<div id="sslide"><a href="{ReblogParentURL}"><b></b> {ReblogParentName}</a></div>{/block:RebloggedFrom}{block:RebloggedFrom} <div id="sslide"><a href="{ReblogRootURL}" title="{ReblogRootTitle}">&copy; {ReblogRootName}</a></div>{/block:RebloggedFrom}</div>
  234.  
  235. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  236. {/block:Text}
  237.  
  238. {block:Photo}{LinkOpenTag} <div class="image"><img src="{PhotoURL-500}" ></div>{block:Source}{block:Date} {block:Date}{/block:Date} {/block:Date}{/block:Source}
  239. {/block:Date}{block:Source}{block:Date} {block:Date}{/block:Date} {/block:Date}{/block:Source}
  240. {/block:Photo}
  241.  
  242. {block:Photoset}{Photoset-500}
  243. {/block:Photoset}
  244.  
  245. {block:Quote}
  246. <div id="postquote">❝ {Quote}</div><br>
  247. {block:Source}<div id="sourcequote"> — {Source}</div>{/block:Source}
  248. {/block:Quote}
  249.  
  250. {block:Link}
  251. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  252. {block:Description}{Description}{/block:Description}
  253. {/block:Link}
  254.  
  255. {block:Chat}
  256. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  257. <div id="chat"><ul>{block:Lines}
  258. <li class="person{UserNumber}">{block:Label}
  259. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  260. {/block:Chat}
  261.  
  262. {block:Audio}
  263. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  264. {AudioPlayerGrey}
  265. {block:Caption}{Caption}{/block:Caption}
  266. {/block:Audio}
  267.  
  268. {block:Video}{Video-500}
  269. {/block:Video}
  270.  
  271. {block:Answer}
  272. <div id="asker"><b>{Asker} disse:</b> "{Question}"</div>
  273. <div id="answer">{Answer}</div>
  274. {/block:Answer}
  275.  
  276. <div id="capost">
  277. {block:Photo}{block:Caption}{Caption}{/block:Caption} {/block:Photo}
  278. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  279. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  280.  
  281. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  282. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  283. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  284. {/block:ContentSource}</div></div>
  285.  
  286. </div>
  287.  
  288. {/block:Posts}
  289. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  290. {block:PostNotes}
  291. <div id="notes">{PostNotes}</div>
  292. {/block:PostNotes}
  293.  
  294. </div>
  295.  
  296. </div>
  297. </div>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304.  
  305. </body>
  306. </html>
Advertisement
Add Comment
Please, Sign In to add comment