umlugardocaralho

theme #83

Oct 29th, 2012
4,470
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.38 KB | None | 0 0
  1.  <head>
  2.  
  3.  
  4. <!-- #83 (c) theme por Bianca (rocklessly) insp in rainingfires. nova base e códigos, não copie #83 (c) -->
  5.  
  6.  
  7.  
  8. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  9. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  10. <script type="text/javascript" charset="utf-8">
  11. var $j = jQuery.noConflict();
  12. $j(function() {
  13. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  14. $j("img").lazyload({
  15. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  16. effect: "fadeIn",
  17. });
  18. });
  19. </script>
  20.  
  21. <!-- DEFAULT VARIABLES -->
  22. <meta name="color:background" content="#FFFFFF" />
  23. <meta name="color:post" content="#FFFFFF" />
  24. <meta name="color:text" content="#000" />
  25. <meta name="color:link" content="#000" />
  26. <meta name="color:hover" content="#F38910" />
  27. <meta name="color:bordinha" content="#f9f9f9" />
  28. <meta name="color:link sidebar" content="#000" />
  29.  
  30. <meta name="image:sidebar" content=""/>
  31. <meta name="image:background" content="" />
  32.  
  33. <meta name="text:Link1" content="um" />
  34. <meta name="text:Link1 Title" content="um" />
  35. <meta name="text:Link2" content="dois" />
  36. <meta name="text:Link2 Title" content="dois" />
  37. <meta name="text:Link3" content="tres" />
  38. <meta name="text:Link3 Title" content="tres" />
  39. <meta name="text:Link4" content="quatro" />
  40. <meta name="text:Link4 Title" content="quatro" />
  41. <meta name="text:Link5" content="cinco" />
  42. <meta name="text:Link5 Title" content="cinco" />
  43.  
  44. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  45. <title>{Title}</title>
  46. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47. <link rel="shortcut icon" href="{Favicon}" />
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  49. <style type="text/css">
  50.  
  51. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:tahoma; font-size:11px; line-height:100%; text-align:justify;}
  52.  
  53. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  54. a:hover{color:{color:hover}}
  55.  
  56. p{margin-top:5px; margin-bottom:5px}
  57. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  58.  
  59. img a{border:none; width:100%}
  60.  
  61.  #face {position:fixed; float: right; right:1px; margin-right:1px; margin-bottom:1px; bottom:1px; opacity:0.3;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
  62.  #face:hover{opacity:1.0;}
  63.  
  64.  
  65.  
  66. #perma {margin-top:3px; font-family: calibri;  color:{color:link}; text-align: center; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;  text-transform: uppercase; font-size:9px; padding:5px;}
  67. #perma a {font-size:9px; font-family: calibri; text-transform: uppercase; color:{color:link};}
  68. #perma a:hover {color:{color:hover};}
  69. #ago {background-color:{color:background}; width: 814px; text-align: center; margin: 0px auto 0px auto;}
  70.  
  71. #involves {margin: 20px 0 -10px 20px; margin-right:0px; float:right; text-align: justify}
  72.  
  73. #posts {margin-left:-50px;width: 500px;  margin-top:-2px;text-align: justify; padding:5px; background-color:{color:post};}
  74.  
  75. h1{color:{color:text}; font-family:calibri; font-size:14px; line-height:14px; letter-spacing:0px; font-weight:normal; text-align:center;}
  76.  
  77. #postquote {font-family: calibri; font-size: 14px;  line-height: 15px; padding: 5px; text-align:;}
  78. #sourcequote {text-align: center; text-transform: none; margin-bottom: 3px;}
  79.  
  80. #questions {background-color:{color:background}; color: {color:text}; padding:5px; margin-top: 2px; margin-bottom:2px; font-family:calibri; font-size:10px; text-align:center;}
  81.  
  82.  
  83. .question {color:{color:text}; font-size: 11px; font-weight: normal; font-family: verdana; line-height:95%; background: {color:background}; position: relative; min-height:70px; padding:10px 15px; margin-bottom:2px; margin-right:-10px;}
  84.  
  85. .questionarrow {font-size:30px; color:{color:background}; vertical-align:middle; margin-left:-5px!important;}
  86.  
  87. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  88. .asking a{color:{color:text};}
  89. .asking img {width:58px; vertical-align:middle; background-color:{color:bckground}; padding:3px;}
  90.  
  91. .answer {color:{color:text};}
  92.  
  93. .audio{background-color:black; display:block}
  94.  
  95.  
  96.  
  97. #sidebar {width:135px; top: 130px; margin-left:135px; height: auto;  position:fixed; padding:10px; background-color:;}
  98.  
  99. #imagem {height:auto; border: 1px solid {color:bordinha}; width:120px;}
  100. #imagem img { background-color:{color:background}; padding:5px; -webkit-transition:opacity 0.9s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out; width:110px;}
  101. #imagem img:hover {opacity:0.7; -webkit-transition:opacity 0.7s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out;
  102. }
  103.  
  104. #baselinks {text-align:center;margin-top:30px; position:fixed; text-align:center;font-size:9px;  font-family: calibri; text-align:center; width:120px; margin-left:-80px; color:{color:link sidebar};}
  105.  
  106. #baselinks a {font-size:9px; font-family: cambria; display:block; text-transform: ; text-decoration:none; text-align:center; width:100px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:{color:link sidebar};text-align:center;margin-bottom:1px; letter-spacing:px;}
  107.  
  108. #baselinks a:hover {  letter-spacing:px; color:{color:hover}; }
  109.  
  110. #description {padding:3px; width:115px; text-align:center; color:{color:link sidebar}; background-color:#;}
  111. #description a {color:{color:link sidebar}; font-family:georgia; font-size:12px;}
  112.  
  113. #text {padding:0px; font-size:9px; width:120px; margin-left:1px; margin-top:3px; font-family:cambria; text-align:center; background-color:; color:{color:link sidebar};}
  114.  
  115. #lala {padding:5px; margin-top:0px;font-family:cambria; font-size:9px; margin-left:10px; background-color:; color:{color:link sidebar}; text-align:center;width:215px;}
  116.  
  117.  
  118.  #face {position:fixed; float: right; right:1px; margin-right:1px; margin-bottom:1px; bottom:1px; opacity:0.3;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
  119.  #face:hover{opacity:1.0;}
  120.  
  121.  #ssource{margin-left:10px; display:none}
  122.  
  123.  
  124. .user_1 .label {color:{color:link}; font-weight:bold}
  125. .user_2 .label {color:{color:text}; font-weight:bold}
  126. .user_3 .label {color:{color:link}; font-weight:bold}
  127. .user_4 .label {color:{color:text}; font-weight:bold}
  128. .user_5 .label {color:{color:link}; font-weight:bold}
  129. .user_6 .label {color:{color:text}; font-weight:bold}
  130. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  131.  
  132. .notes img{width:10px; position:relative; top:1px}
  133. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  134.  
  135.  
  136.  
  137. ::-webkit-scrollbar-thumb:vertical { background-color: {color:text}; height: 50px;}
  138. ::-webkit-scrollbar-thumb:horizontal {border-top:5px solid {color:text}; border-bottom:5px solid {color:text}; background-color:  {color:text}; height: 5px;}
  139. ::-webkit-scrollbar { height: 5px; width: 5px; background-color: {color:post};}
  140.  
  141.  
  142. </style>
  143. <style type="text/css">{CustomCSS}</style>
  144. </head>
  145.  
  146. <body>
  147.  
  148.  
  149. <div id="ago">
  150.  
  151.  
  152.  
  153. <div id="sidebar">
  154. <div id="baselinks">
  155. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  156. {block:ifLink2}<a href="{text:Link2}"> {text:Link2 Title}</a>{/block:ifLink2}
  157. {block:ifLink3}<a href="{text:Link3}"> {text:Link3 Title}</a>{/block:ifLink3}
  158. {block:ifLink4}<a href="{text:Link4}"> {text:Link4 Title}</a>{/block:ifLink4}
  159. {block:ifLink5}<a href="{text:Link5}"> {text:Link5 Title}</a>{/block:ifLink5}
  160. <a href="http://rocklessly.tumblr.com">@</a>
  161. </div>
  162. <div id="imagem"><img src="{image:sidebar}"></div>
  163.  
  164. <div id="text">{description}</div>
  165. <div id="description">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:Pagination}{/block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  166. </div>
  167.  
  168.  </div>
  169.  
  170.  
  171. <div id="involves">
  172. {block:Posts}
  173. <div id="posts">
  174.  
  175. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  176.  
  177. {block:Quote}
  178. <div id="postquote">“{Quote}”</div><br>
  179. {block:Source}<div id="sourcequote"> — {Source}</div>{/block:Source}
  180. {/block:Quote}
  181.  
  182. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  183. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  184.  
  185. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  186. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  187.  
  188. {block:Photoset}<center>{Photoset-500}</center>
  189. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  190.  
  191. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  192.  
  193. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  194.  
  195. {block:Answer}
  196. <table width="500px" cellspacing="0" cellpadding="0">
  197. <tr>
  198. <td width="415px" class="question">{Question}</td>
  199. <td width="30px"><span class="questionarrow"></span></td>
  200. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  201. </tr>
  202. </table>
  203. <div class="answer">{Answer}</div>
  204. {/block:answer}
  205.  
  206. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  207.  
  208. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  209. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  210. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  211. {/block:ContentSource}</div>
  212.  
  213.     <div id="perma">
  214. {block:Date} {block:Date} <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} </a>{/block:Date} {block:NoteCount} / <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} / <a href="{ReblogRootURL}" title="{ReblogRootTitle}">org</a>{/block:RebloggedFrom} / <a href="{ReblogURL}" target="_blank">reblog</a>{block:HasTags}<br>{block:Tags} <a href="{TagURL}"><b>#</b>{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}    
  215.  </div>
  216.  
  217. </div>
  218.  
  219. {/block:Posts}
  220.  
  221. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  222.  
  223. </div></div>
  224.  
  225. </body>
  226.  
  227. </html>
Advertisement
Add Comment
Please, Sign In to add comment