API tools faq
paste
umlugardocaralho

theme #31

umlugardocaralho
Feb 11th, 2012
2,239
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.73 KB | None | 0 0
raw download clone embed print report
  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) theme #31 by
  6.  
  7. theme por bianca (rocklessly)
  8. seja original (c)
  9.  
  10. theme #31 (c)  --!>
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14. <head> <!-- DEFAULT VARIABLES -->
  15. <meta name="color:background" content="#ffffff" />
  16. <meta name="color:text" content="#3d3d3d" />
  17. <meta name="color:posts" content="#f1f1f1" />
  18. <meta name="color:sidebar" content="#000" />
  19. <meta name="color:bg do titulo" content="#000" />
  20. <meta name="color:titulo" content="#fff" />
  21. <meta name="color:bg linksidebar" content="#000" />
  22. <meta name="color:linksidebar" content="#fff" />
  23. <meta name="color:bg link sidebarhover" content="#fff" />
  24. <meta name="color:link sidebarhover" content="#000" />
  25. <meta name="color:text descr" content="#000" />
  26. <meta name="color:hover" content="#fff" />
  27. <meta name="color:link" content="#000" />
  28. <meta name="color:barra rolagem" content="#000" />
  29. <meta name="color:sombreado" content="#000" />
  30.  
  31. <meta name="if:Enable endless scrolling" content="0"/>
  32. <meta name="if:Show Reticencias Na Descricao" content="1"/>
  33.  
  34. <meta name="image:background" content=""/>
  35.  
  36. <meta name="image:sidebar" content="http://26.media.tumblr.com/tumblr_ly66hpklrN1r04pw6o3_250.jpg"/>
  37. <meta name="image:bgsidebar" content="http://27.media.tumblr.com/tumblr_lyu9etcUhe1qe0kcno1_500.png"/>
  38. <meta name="image:bgsidebarhover" content="http://26.media.tumblr.com/tumblr_lyxuiywdPM1qe0kcno1_r2_500.png"/>
  39.  
  40. <meta name="text:frasehover" content="aqui e a frase hover" />
  41. <meta name="text:titulo" content="titulo mudado no appearance" />
  42.  
  43. <meta name="text:Link1" content="/#" />
  44. <meta name="text:Link1 Title" content="LINK ONE" />
  45. <meta name="text:Link2" content="/#" />
  46. <meta name="text:Link2 Title" content="LINK TWO" />
  47. <meta name="text:Link3" content="/#" />
  48. <meta name="text:Link3 Title" content="LINK THREE" />
  49. <meta name="text:Link4" content="/#" />
  50. <meta name="text:Link4 Title" content="LINK FOUR" />
  51. <meta name="text:Link5" content="/#" />
  52. <meta name="text:Link5 Title" content="LINK FIVE" />
  53. <meta name="text:Link6" content="/#" />
  54. <meta name="text:Link6 Title" content="LINK SIX" />
  55.  
  56.  
  57.         <title>{Title}</title>
  58.         <link rel="shortcut icon" href="{Favicon}">
  59.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  60.         {block:Description}
  61.             <meta name="description" content="{MetaDescription}" />
  62.         {/block:Description}
  63.  
  64.    
  65.     <style type="text/css">
  66.  
  67. @font-face {font-family: "Jenna Sue";src:url('http://static.tumblr.com/ekfbsgu/TbGluxp84/jennasue.ttf');}
  68.  
  69.  
  70. 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; }
  71.  
  72. 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;}
  73.  
  74. a:hover {color:{color:hover}; text-shadow:2px 2px 7px {color:sombreado};}
  75.  
  76.  
  77. p{margin-top: 1px}
  78. blockquote{margin-left:5px; margin-right: 0px; border-left: 5px solid {color:background}; padding-left:5px;margin-top: 4px;}
  79.  
  80. background-image:url("{image:background}"); background-attachment: fixed}
  81. .topa{padding: 35px 0 0 0; margin: 0 auto 0 auto; width: 317px; height: 65px; text-align: center; }
  82. {block:AskEnabled}.topa{width:400px}{/block:AskEnabled}
  83.  
  84. .title{ text-align: center; font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;}
  85. .title a{text-decoration: none; font-size: 20px; color: {color:text}; letter-spacing: -1px; text-transform:normal;  line-height: 20px;}
  86. .title a:hover{color:{color:text};}
  87. .userpic{float: left}
  88. .userpic img{border: 7px solid {color:text};}
  89. .pages{margin-left: 125px}
  90. .pages a{background-color: {color:background};color:{color:text}; padding: 5px 10px 5px 10px; text-transform: normal; text-decoration: none; font-size: 9px}
  91.  
  92.  
  93. #content{width: 800px; text-align: center; margin:10px auto 0 auto; margin-left: 230px; padding-bottom: 150px; background-color:
  94. transparent; color:{color:text}; padding: 0px; margin-top: 15px;}
  95.  
  96. #entries{float: left; background-color: transparent; text-align: center}
  97. .post{width: 500px; padding: 10px; margin-left: 230px; text-align: justify; background-color:{color:posts}; margin-bottom:5px;}
  98. .post img{margin: 2px 0 2px 0}
  99. h1{font-family: ; text-align: center; font-size: 16px; letter-spacing: 0px; color: {color:text}; font-weight: normal; line-height: 18px;}
  100. h1 a{font-size: 16px; letter-spacing: -1px; line-height: 18px; letter-spacing: 0px; text-align:center}
  101. .image{text-align: center; height: auto; margin-bottom: 1px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
  102. 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}
  103.  
  104. .qquote{font-family: georgia;  text-align: center; font-size: 13px; line-height: 15px; padding: 3px; letter-spacing: 0px;}
  105.  
  106. .qsource{text-align: center; text-transform: none; margin-bottom: 3px;}
  107.  
  108. .chat{line-height: 12px; list-style: none }
  109. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  110. .person1 {color: {color:text} }
  111. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text}  }
  112. .person2 {color: {color:text} }
  113. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text}  }
  114. .iaudio{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:background};}
  115. .iaudio img{max-width: 180px; height: auto; padding: 20px 0 20px 0}
  116. .icap{margin-top: 1px}
  117. .source{display:none}
  118. .asker {font-size: 15px; width: 100%; background-color: {color:background}; color:{color:link} ;
  119.  
  120. text-transform: uppercase; line-height: 30px}
  121. .asker img{margin-top: 3px; margin-bottom: -3px; margin-left:3px; border: 2px solid #000;}
  122. .q {padding:10px; font-style: italic; text-indent: 20px}
  123. .a {padding-top: 3px}
  124. .cap {padding-top: 5px; width: 500px;}
  125.  
  126. #dda {font-size: 9px; font-family: verdana; text-transform: lowercase;}
  127. .dda a {font-size: 9px; color: {color:link};}
  128. .dda a:hover {font-size: 9px; color: {color:hover};}
  129.  
  130. .origin{font-size:9px}
  131. .ibottom{margin-top: 5px; font-family: 'Century Gothic', 'Apple Gothic', sans-serif}
  132. .date{float:left; padding-left: 10px; text-transform: uppercase; font-size: 10px}
  133. .permalink{float:left; text-transform: uppercase; font-size: 9px;}
  134.  
  135. #notes {width: 500px; padding: 5px; margin-left: 300px;font-size: 9px; text-align: left;}
  136. ol.notes {list-style: none; margin: 0 20px 0 0; padding: 0px}
  137. ol.notes li {margin: 0px; padding: 2px;}
  138. #notes img{border:0px}
  139.  
  140. #page{text-align: center;  font-size:50px}
  141. #page a{font-size: 30px; text-decoratin: none; font-family: georgia;}
  142.  
  143. #clear{width: 500px; height: 30px}
  144.  
  145. ::-webkit-scrollbar-thumb:vertical { background-color: {color:barra rolagem}; height: 50px;}
  146. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:barra rolagem}; height: 10px;}
  147. ::-webkit-scrollbar {height: 5px; width: 10px; background-color: {color:background};}
  148.  
  149.  
  150. #sdbar{-moz-border-radius: 300px; border-radius: 300px; overflow: hidden; font-weight: normal;  background-color:{color:sidebar}; background-image: url('{image:bgsidebar}');  position:fixed; max-width:300px; margin-left:65px; margin-top:50px; height: 300px; max-width: 300px; opacity: 0.6;  -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;}
  151.  
  152. #sdbar:hover {height: 300px; max-width: 300px;  -moz-border-radius: 300px; border-radius: 300px; z-index: 80; opacity: 1; background-image: url('{image:bgsidebarhover}'); }
  153.  
  154. #porcima{font-size:25px; text-align:center; font-family:Jenna Sue; margin-top: 45px; margin-bottom:5px; font-style:italic; color:{color:link}; margin-left:2px;}
  155.  
  156. #baselinks {display:block; width:264px; height:22px; margin-top:29px;margin-bottom:6px;margin-left:18px; text-align: center; position: fixed;}
  157.  
  158. #baselinks2 {margin-left:3px; text-align:center; letter-spacing:0px; display:inline-block; width:61px; font-size:10px; font-family: consolas,monospace; float:left;margin-top:6px;line-height:15px; transition: all 0.5s ease; -o-transition-transition:  all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;     text-transform: uppercase;}
  159.  
  160. #baselinks2 a {margin-left:3px; text-align:center; letter-spacing:0px; display:inline-block; width:61px; background-color: {color:bg linksidebar}; color: {color:linksidebar};  font-size:10px; font-family: consolas,monospace; float:left;margin-top:6px;line-height:15px;transition: all 0.5s ease; -o-transition-transition:  all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
  161.  
  162. #baselinks2 a:hover {margin-left:3px; text-align:center; letter-spacing:0px; display:inline-block; width:61px; background-color: {color:bg link sidebarhover}; color: {color:link sidebarhover};  font-size:10px; font-family: consolas,monospace; float:left;margin-top:6px;line-height:15px; transition: all 0.5s ease; -o-transition-transition:  all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
  163.  
  164. #baseimagem{width:210px; margin-left:250px; margin-top:20px; position:fixed;  background-color: transparent; }
  165.  
  166. #imagem1 img {height: 140px; width: 140px;  -moz-border-radius: 150px; border-radius: 150px; margin-left:72px; margin-top:10px;  overflow: hidden; cursor: default; font-weight: normal;  z-index: 12345;position:fixed; -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;}
  167.  
  168. #imagem1 img:hover {opacity: 0.8;}
  169.  
  170. #descricao{color:{color:text descr}; font-family:verdana; font-size:9px; letter-spacing: -1px; margin-top:65px; text-align:center; padding-left:20px; padding-right:20px;}
  171.  
  172. #titfrase1 {margin-left: 460px; margin-top: 30px; background-color: {color:bg do titulo}; color: {color:titulo}; opacity: 1.0; font-family:Georgia; font-size: 15px; padding: 15px; width: 490px; height: 19px; margin-bottom:5px; position: fixed; text-align: center;  -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; }
  173.  
  174. #titfrase1:hover {opacity: 0.0;}
  175.  
  176. #titfrase2 {margin-left: 460px; margin-top: -19px;background-color:{color:background}; color: transparent; opacity: 1.0; font-size: 30px; padding: 15px; width: 490px; height: 19px; margin-bottom:5px; position: fixed; text-align: center;}
  177.  
  178. #titfrase3 {margin-left: 460px; margin-top: 30px; background-color: {color:bg do titulo}; color: {color:titulo}; opacity: 1.0; font-family: Georgia; font-size: 15px; padding: 15px; width: 490px; height: 19px; margin-bottom:5px; position: fixed; text-align: center; boder-bottom: 1px solid;}
  179.  
  180. #xx {margin-top: 17px; text-align: center; width: 300px; position: fixed; padding: 0px;}
  181. .xx3 {font-size: 10px; font-family: verdana; padding: 1px;}
  182. .xx3 a{color: {color:link};}
  183. .xx3 a:hover {color: {color:hover};}
  184.  
  185.  
  186. #creditacao{margin-left: 100px; bottom: -45px; position: fixed; width: 200px; overflow: hidden; z-index: 550; -webkit-transition: all 2.0s ease-out; -moz-transition: all 2.0s ease-out; text-align: justify; color: {color:text}; font-family: font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:10px; position:fixed;}
  187.  
  188. #creditacao:hover {bottom: 320px; background-color: transparent;}
  189.  
  190.  
  191. #tumblr_controls{position: fixed!important}
  192.  
  193.  
  194. {CustomCSS}
  195.     </style>
  196.  
  197.     </head>
  198.  
  199.  
  200. <script type="text/javascript">
  201.  
  202. $(document).ready(function(){
  203.  
  204.     $('#page_effect').fadeIn(2000);
  205.  
  206. });</script>
  207.  
  208.  
  209.  
  210.     <body>
  211.  
  212. <div id="sdbar">
  213.  
  214. <div id="porcima">{Title}</div>
  215. <div id="xx"><div class="xx3">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« previous</a> | {/block:PreviousPage}{/block:Pagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">next »</a>{/block:NextPage}{/block:Pagination}</div></div>
  216. <div id="baselinks">
  217. <center>
  218. <div id="baselinks2"><a href="/">HOME</a></div>
  219.  
  220. <div id="baselinks2"><a href="/ask">ASK</a></div>
  221.  
  222. <div id="baselinks2">{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</div>
  223.  
  224. <div id="baselinks2">{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}</div><br>
  225.  
  226. <div id="baselinks2">{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}</div>
  227.  
  228. <div id="baselinks2">{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div>
  229.  
  230. <div id="baselinks2">{block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}</div>
  231.  
  232. <div id="baselinks2">{block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}</div>
  233.  
  234. </center>
  235. </div>
  236. <br>
  237. <br>
  238. <div id="descricao">
  239. {Block:IfShowReticenciasNaDescricao}<img src="http://static.tumblr.com/8buytvw/Luzlxy9xe/aspasroxsa.png"  width="25" align="left" />{/Block:IfShowReticenciasNaDescricao}{Description}
  240. </div>
  241.  
  242. </div>
  243.  
  244. </div></div></div>
  245.  
  246. <div id="baseimagem">
  247.  
  248. <div id="imagem1"><img src="{image:sidebar}"></div></div>
  249.  
  250. <div id="titfrase2">
  251. Just like a star.</div>
  252. <div id="titfrase3">
  253. {text:frasehover}</div>
  254. <div id="titfrase1">
  255. {text:titulo}
  256. </div>
  257.  
  258. <div id="content">
  259. <br><br>
  260. <br><br>
  261. <br>
  262. <br>
  263. <br>
  264.  
  265. <div id="entries">  
  266. {block:IfEnableEndlessScrolling}<div class="autopagerize_page_element">
  267. <script type="text/javascript"
  268.  
  269. src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScrolling}
  270.  
  271.  
  272.  {block:Posts}
  273.  
  274. <div class="post">
  275.  
  276. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  277.  
  278. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" ></div>{LinkCloseTag}{/block:Photo}
  279.  
  280. {block:Photoset}{Photoset-500}{/block:Photoset}
  281.  
  282. {block:Quote}
  283. <div class="qquote"><big>❝</big> {Quote}</div><br>
  284. {block:Source}<div class="qsource"> — {Source}</div>{/block:Source}
  285. {/block:Quote}
  286.  
  287. {block:Link}
  288. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  289. {block:Description}{Description}{/block:Description}
  290. {/block:Link}
  291.  
  292. {block:Chat}
  293. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  294. <div class="chat"><ul>{block:Lines}
  295. <li class="person{UserNumber}">{block:Label}
  296. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  297. {/block:Chat}
  298.  
  299. {block:Audio}
  300. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  301. {AudioPlayerGrey}
  302. <div class="icap">{block:Caption}{Caption}{/block:Caption}</div>
  303. {/block:Audio}
  304.  
  305. {block:Video}{Video-500}{/block:Video}
  306.  
  307. {block:Answer}
  308. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  309. <div class="q">{Question}</div>
  310. <div class="a">{Answer}</div>
  311. {/block:Answer}
  312.  
  313.  
  314. <div class="cap">
  315. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  316. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  317. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  318.  
  319. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  320.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  321.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  322. {/block:ContentSource}</div></div>
  323.  
  324.  
  325. <div id="dda">
  326.  
  327. <div style="float:left;" class="details">
  328. {block:HasTags}{block:Tags} <a href="{TagURL}"><b>#</b>{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}<br>
  329. {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">reblogue</a><br>
  330. {block:RebloggedFrom}originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  331. </span> {/block:RebloggedFrom} »  via {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  332. </div>
  333.  
  334. <br clear="all" /></div></div>
  335.  
  336.  {/block:Posts}
  337. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  338. {block:PostNotes}
  339. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  340. {/block:PostNotes}
  341.  
  342. </div>
  343.  
  344. </div>
  345. </div>
  346. </div>
  347. <div id="creditacao"><center><b><big><big><big><big>Theme (c)</big></big></big></big></b><br><center>
  348. <br>
  349. Theme by <a href="http://rocklessly.tumblr.com"><b>rocklessly</b></a>,<br> details and inspiration for <a href="http://baudelaired.tumblr.com">baudelaired</a>. Do not copy and do not remove the credits.
  350. <br>
  351. </div>
  352. </body>
  353. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!