Advertisement
umapequenapoeta

theme 88

Mar 25th, 2013
20,071
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.04 KB | None | 0 0
  1. <head>
  2.  
  3. <!--- promisse -->
  4.  
  5.  
  6.  
  7. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  8. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  9. <script type="text/javascript" charset="utf-8">
  10. var $j = jQuery.noConflict();
  11. $j(function() {
  12. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  13. $j("img").lazyload({
  14. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  15. effect: "fadeIn",
  16. });
  17. });
  18. </script>
  19.  
  20. <!-- DEFAULT VARIABLES -->
  21. <meta name="color:background" content="#FFFFFF" />
  22. <meta name="color:post" content="#FFFFFF" />
  23. <meta name="color:text" content="#000" />
  24. <meta name="color:link" content="#000000" />
  25. <meta name="color:hover" content="#000000" />
  26. <meta name="color:bordinha" content="#f9f9f9" />
  27. <meta name="color:sidebar" content="#ffffff" />
  28. <meta name="color:titulo" content="#000000" />
  29. <meta name="color:borda" content="#000" />
  30. <meta name="color:traco" content="#000" />
  31. <meta name="color:link sidebar hover" content="#000" />
  32.  
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:background" content="" />
  35.  
  36.  
  37. <meta name="text:frase" content="I wanna play with you...
  38. " />
  39.  
  40. <meta name="text:Link1" content="um" />
  41. <meta name="text:Link1 Title" content="um" />
  42. <meta name="text:Link2" content="dois" />
  43. <meta name="text:Link2 Title" content="dois" />
  44. <meta name="text:Link3" content="tres" />
  45. <meta name="text:Link3 Title" content="tres" />
  46. <meta name="text:Link4" content="quatro" />
  47. <meta name="text:Link4 Title" content="quatro" />
  48. <meta name="text:Link5" content="cinco" />
  49. <meta name="text:Link5 Title" content="cinco" />
  50.  
  51.  
  52.  
  53. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  54. <title>{Title}</title>
  55. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  56. <link rel="shortcut icon" href="{Favicon}" />
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  58. <style type="text/css">
  59.  
  60. 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;}
  61.  
  62. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  63. a:hover{color:{color:hover}}
  64.  
  65. p{margin-top:5px; margin-bottom:5px}
  66. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  67.  
  68. img a{border:none; width:100%}
  69.  
  70.  #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;}
  71.  #face:hover{opacity:1.0;}
  72.  
  73.  
  74.  
  75. #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; border-bottom:1px solid {color:bordinha} ;border-top:1px solid {color:bordinha};}
  76. #perma a {font-size:9px; font-family: calibri; text-transform: uppercase; color:{color:link};}
  77. #perma a:hover {color:{color:hover};}
  78. #ago {background-color:{color:background}; width: 814px; text-align: center; margin: 0px auto 0px 120px;}
  79.  
  80. #involves {margin: 22px 0 -10px 210px; margin-right:0px; float:right; text-align: justify}
  81.  
  82. #posts {margin-left:0px;width: 500px; text-align: justify; padding:5px; background-color:{color:post};}
  83.  
  84. h1{color:{color:text}; font-family:georgia; font-size:14px; line-height:14px; letter-spacing:0px; font-weight:normal; text-align:center;}
  85.  
  86. #postquote {font-family: calibri; font-size: 14px;  line-height: 15px; padding: 5px; text-align:;}
  87. #sourcequote {text-align: center; text-transform: none; margin-bottom: 3px;}
  88.  
  89. #questions {background-color:{color:bordinha}; color: {color:text}; padding:5px; margin-top: 2px; margin-bottom:2px; font-family:calibri; font-size:10px; text-align:center;}
  90.  
  91.  
  92. .question {color:{color:text}; font-size: 11px; font-weight: normal; font-family: verdana; line-height:95%; background: {color:bordinha}; position: relative; min-height:70px; padding:10px 15px; margin-bottom:2px; margin-right:-10px;}
  93.  
  94. .questionarrow {font-size:30px; color:{color:bordinha}; vertical-align:middle; margin-left:-5px!important;}
  95.  
  96. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  97. .asking a{color:{color:text};}
  98. .asking img {width:58px; vertical-align:middle; background-color:{color:bckground}; padding:3px;}
  99.  
  100. .answer {color:{color:text};}
  101.  
  102. .audio{background-color:black; display:block}
  103.  
  104.  
  105. #sidebar {width:140px; top: 130px; margin-left:110px; height: auto;  position:fixed; padding:5px; background-color:;}
  106.  
  107.  
  108. .links {z-index;999999999999;font-family:calibri;width:198px;position:absolute;display:block; height:11px; margin-top:-36px; margin-left:-20px; background-color:white;padding:2px; font-size:9px; text-transform:uppercase; padding:2px; text-align:center;letter-spacing:0px;-webkit-transition:all ease-out .8s; -moz-transition:all ease out .8s; transition:all ease-out .8s; -o-transition:all ease-out .8s; -ms-transition:all ease out .8s;opacity: 0.9;-webkit-transform:;}
  109.  
  110.  
  111. #frase {background-color: {color:background}; font-weight: normal; letter-spacing: 0px; color: {color:titulo}; text-align:center; width: 200px; height: 0px; line-height: 18px; position: absolute; -moz-transition: all 0.4s ease-out; font-style: italic; margin-left: -90px; font-family: 'georgia'; margin-top:-55px; margin-left: -20px; text-transform: none; position: fixed; padding: 2px; font-size: 18px;}
  112.  
  113.  
  114.  
  115.  .desc{text-align: center; overflow: auto; height:50px; font-size: 11px; font-family: calibri; position: fixed; margin-left:-20px; width: 200px; background-color: none; color: {color:text} ; padding: 6px; margin-top: 200px; background-attachment: fixed; opacity: 1; line-height: 10px;background: url(http://static.tumblr.com/4goxet7/iaqmf172c/aspas.jpg) no-repeat 0 4px;}
  116.  
  117.  
  118.  #pagination {padding:5px; width:162px; font-family:verdana; font-size:8px; text-align:center; background-color:{color:sidebar}; margin-top:250px; margin-left: 0px; font-size:11px; font-family:calibri; color:{color:link sidebar}; }
  119. #pagination a {padding:2px 3px 2px 3px; color:{color:link sidebar}; background-color:{color:background};}
  120.  
  121. @font-face {font-family: 'Rouge Script'; src: url('http://themes.googleusercontent.com/static/fonts/rougescript/v2/AgXDSqZJmy12qS0ixjs6V3hCUOGz7vYGh680lGh-uXM.woff');}  
  122.  @font-face {font-family: "pacifico";src: url(http://static.tumblr.com/ufwwwyn/Do8m4xui1/pacifico.ttf) format("truetype");}
  123.  
  124. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  125.  
  126.  
  127. @font-face {font-family: 'Rouge Script'; src: url('http://themes.googleusercontent.com/static/fonts/rougescript/v2/AgXDSqZJmy12qS0ixjs6V3hCUOGz7vYGh680lGh-uXM.woff');}  
  128.  
  129.  
  130.  
  131. #sidebarimage {position:fixed;border:1px solid {color:borda};margin-left:-20px;margin-top:-20px;height:220px;-webkit-transition: all 1.2s ease-out;  -moz-transition: all 1.2s ease-out;}
  132. #sidebarimage img {width:120px;border:10px solid {color:sidebar}; margin-bottom:-1px;height:200px;width:180px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;}
  133. #sidebarimage img:hover {opacity:0.6;-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  #ssource{margin-left:10px; display:none}
  143.  
  144.  
  145. .user_1 .label {color:{color:link}; font-weight:bold}
  146. .user_2 .label {color:{color:text}; font-weight:bold}
  147. .user_3 .label {color:{color:link}; font-weight:bold}
  148. .user_4 .label {color:{color:text}; font-weight:bold}
  149. .user_5 .label {color:{color:link}; font-weight:bold}
  150. .user_6 .label {color:{color:text}; font-weight:bold}
  151. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  152.  
  153. .notes img{width:10px; position:relative; top:1px}
  154. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  155.  
  156. #tumblr_controls{position: fixed!important}
  157. #tumblr_controls{position: fixed!important}
  158. #tumblr_controls{position: fixed!important}
  159. #tumblr_controls{position: fixed!important}
  160.  
  161. ::-webkit-scrollbar-thumb:vertical { background-color: {color:text}; height: 50px;}
  162. ::-webkit-scrollbar-thumb:horizontal {background-color:  {color:text}; height: 5px;}
  163. ::-webkit-scrollbar { height: 10px; width: 10px; background-color: {color:post};}
  164.  
  165. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.9;transition: .s ease-in-out; -webkit-transition: .s ease-in-out;-moz-transition: .s ease-in-out;-o-transition: .s ease-in-out; }
  166.  
  167. </style>
  168. <style type="text/css">{CustomCSS}</style>
  169. </head>
  170.  
  171. <body>
  172.  
  173.  
  174.  
  175.  
  176. <div id="ago">
  177.  
  178. <div id="sidebar">
  179.  
  180. <div class="desc">{description}</div>
  181.  
  182. <div class="links">
  183. <a href="{text:Link1}">{text:Link1 Title}</a>
  184. <a href="{text:Link2}">{text:Link2 Title}</a>
  185. <a href="{text:Link3}">{text:Link3 Title}</a>
  186. <a href="{text:Link4}">{text:Link4 Title}</a>
  187. <a href="{text:Link5}">{text:Link5 Title}</a>
  188.  
  189. </div>
  190.  
  191. <center><div id="sidebarimage"><img src="{image:Sidebar}"/></div></center>
  192. <div id="frase">{text:frase}</div>
  193. <div id="pagination">
  194. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:JumpPagination length="6"}{block:CurrentPage}{PageNumber} {/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}{block:Pagination}{/block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  195.  
  196. </div> </div>
  197. <div id="sidebar">
  198.  
  199. </div>
  200.  
  201.  
  202. <div id="involves">
  203. {block:Posts}
  204. <div id="posts">
  205.  
  206. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  207.  
  208. {block:Quote}
  209. <div id="postquote">“{Quote}”</div><br>
  210. {block:Source}<div id="sourcequote"> — {Source}</div>{/block:Source}
  211. {/block:Quote}
  212.  
  213. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  214. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  215.  
  216. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  217. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  218.  
  219. {block:Photoset}<center>{Photoset-500}</center>
  220. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  221.  
  222. {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}
  223.  
  224. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  225.  
  226. {block:Answer}
  227. <table width="500px" cellspacing="0" cellpadding="0">
  228. <tr>
  229. <td width="415px" class="question">{Question}</td>
  230. <td width="30px"><span class="questionarrow"></span></td>
  231. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  232. </tr>
  233. </table>
  234. <div class="answer">{Answer}</div>
  235. {/block:answer}
  236.  
  237. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  238.  
  239. <div id="ssource">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  240. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  241. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  242. {/block:ContentSource}</div>
  243.  
  244.     <div id="perma">
  245. {block:Date} {block:Date} <a href="{Permalink}">{TimeAgo}</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}    
  246.  </div>
  247.  
  248. </div>
  249.  
  250. {/block:Posts}
  251.  
  252. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  253.  
  254. </div></div>
  255.  
  256.  
  257. <a style="position:fixed;left:5px;top:5px;font-family:calibri;font-size:10px;" href="http://promisse.tumblr.com" title="promisse">THEME</a>
  258.  
  259. </body>
  260.  
  261. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement