SHARE
TWEET

Theme 1

qbt Dec 21st, 2012 (edited) 2,786 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3.  <!---------------
  4. theme by xbitch
  5. dtls promisse
  6. -------------->
  7.  
  8.      
  9.     <head>
  10. <meta name="color:background" content="#eee" />
  11. <meta name="color:posts bg" content="#000"/>
  12. <meta name="color:Font" content="#000000"/>
  13. <meta name="color:Description font" content="#f1f1f1"/>
  14. <meta name="color:Menu font" content="#e4e4e4"/>
  15. <meta name="color:Menu font hover" content="#000000"/>
  16. <meta name="color:Menu bg" content="#000000"/>
  17. <meta name="color:Menu bg hover"content="#ECECEC"/>
  18. <meta name="color:Scroll"  content="#000000"/>
  19. <meta name="color:Pagination bg" content="#ffffff"/>
  20. <meta name="color:Pagination font"  content="#000000"/>
  21. <meta name="color:link" content="#828282" />
  22. <meta name="color:text" content="#828282" />
  23. <meta name="color:post" content="#ffffff" />
  24. <meta name="color:sidebar" content="#ececec" />
  25. <meta name="color:scrollbar" content="#fff" />
  26. <meta name="color:bglinks" content="#fff" />
  27. <meta name="color:bglinkshover" content="#c9c9c9" />
  28. <meta name="color:linkshover" content="#fff" />
  29. <meta name="color:sidebar" content="#fff" />
  30. <meta name="color:fundinho" content="#000" />
  31.  
  32. <meta name="color:paginacao" content="#c9c9c9" />
  33. <meta name="if:Link 01" content="1"/>
  34. <meta name="if:Link 02" content="1"/>
  35. <meta name="if:Link 03" content="1"/>
  36. <meta name="if:Link 04" content="1"/>
  37. <meta name="if:Link 05" content="1"/>
  38. <meta name="if:Link 06" content="1"/>
  39.  
  40. <meta name="image:Image" content="https://67.media.tumblr.com/ad2e8626b99bc75f749dafc2c4465486/tumblr_mrhjjptVgH1rgggtzo1_400.png"/>
  41.  
  42. <meta name="text:Title LINK 01" content="home"/>
  43. <meta name="text:URL LINK 01"  content="/"/>
  44. <meta name="text:Title LINK 02" content="ask"/>
  45. <meta name="text:URL LINK 02" content="/ask"/>
  46. <meta name="text:Title LINK 03" content="link3"/>
  47. <meta name="text:URL LINK 03" content="/"/>
  48. <meta name="text:Title LINK 04" content="link4"/>
  49. <meta name="text:URL LINK 04" content="/"/>
  50. <meta name="text:Title LINK 05" content="link5"/>
  51. <meta name="text:URL LINK 05" content="/"/>
  52. <meta name="text:Title LINK 06" content="links6"/>
  53. <meta name="text:URL LINK 06" content="/"/>
  54.  
  55.  
  56. <link rel="shortcut icon" href="{favicon}"><title>{Title}</title>
  57. <style>
  58.  
  59.  
  60. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  61.  
  62. a {color: {color:link}; text-decoration: none; text-transform: none;}
  63. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  64.  
  65. p {margin: 6px 0 0 0}
  66.  
  67. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  68. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  69. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  70. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  71.  
  72. blockquote img{max-width: 470px!important}
  73. blockquote blockquote img{max-width: 450px!important}
  74. blockquote blockquote blockquote img{max-width: 430px!important}
  75. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  76.  
  77.  
  78. #container {text-align: center; width: 935px; margin: -10px auto 20px auto; padding: 0px; z-index: 1}
  79.  
  80. #entry {float: left; margin-left: 356px;margin-top: -20px;}
  81.  
  82. .posts {width: 500px; background-color: {color:post}; padding: 10px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  83.  
  84. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  85. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  86. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  87.  
  88. .image {text-align: center; border: 0px}
  89. .image img {max-width: 500px; margin-bottom: 2px }
  90.  
  91. .pquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  92. .pquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  93. .pquotesource a, a:hover{text-transform: none;}
  94.  
  95. .chat {line-height: 13px; list-style: none }
  96. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  97. .person1 {color: {color:text}; padding: 2px; }
  98. .person1 .label {font-weight: bold;  color:{color:text}}
  99. .person2 {color: {color:text}; padding: 2px;  }
  100. .person2 .label {font-weight: bold;  color:{color:text}}
  101.  
  102. .player {background-color: #000; text-align: left; display:block;}
  103.  
  104. .question {
  105. color:{color:text};
  106. font-size: 11px;
  107. font-weight: normal;
  108. font-family: verdana;
  109. line-height:95%;
  110. background: {color:background};
  111. position: relative;
  112. min-height:70px;
  113. padding:10px 15px;
  114. margin-bottom:2px;
  115. margin-right:-10px;}
  116.  
  117. .questionarrow {
  118. font-size:30px;
  119. color:{color:background};
  120. vertical-align:middle;
  121. margin-left:-5px!important;}
  122.  
  123.  
  124. .asker {width:500px; text-align:right; text-transform:lowercase; color:{color:text};}
  125. .asker a {color:{color:text};}
  126. .asker img {float:left; margin-left:500px; vertical-align:top; margin-right:3px; max-height:15px;}
  127.  
  128. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  129. .asking a{color:{color:text};}
  130. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px;}
  131.  
  132. .arrow {padding-top:11px; color:{color:question background}; font-size:30px;}
  133.  
  134.  
  135. .answer {color:{color:answer};}
  136.  
  137. .credito {opacity: 0.2; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  138. .credito:hover {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  139.  
  140. #info {text-align: left; margin-top:-4px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  141. #info a {font-size: 10px; text-transform: uppercase;}
  142.  
  143. #tags {color: {color:text}; font-size: 10px; font-family: calibri;  display: inline; list-style: none; text-transform: uppercase;;}
  144. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  145.  
  146. #cap {width: 500px; margin-top: -2px;}
  147. .source {display: none;}
  148.  
  149. .notes {width: 520px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  150. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  151. ol.notes li {background-color: {color:post}; margin-bottom: 2px; padding: 5px; }
  152. .notes img{display: none; border:0px}
  153.  
  154. #tumblr_controls{position: fixed!important}
  155. #tumblr_controls{position: fixed!important}
  156. #tumblr_controls{position: fixed!important}
  157. #tumblr_controls{position: fixed!important}
  158.  
  159. ::-webkit-scrollbar{width:6px;height:5px;}
  160. ::-webkit-scrollbar-button:start:decrement
  161. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  162. ::-webkit-scrollbar-track-piece{background-color: {color:scrollbg}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  163. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  164. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  165.  
  166.  
  167. @font-face {
  168. font-family: "lobster";
  169. src: url('http://static.tumblr.com/xfx4i03/eDGm5ooim/lobster_1.4.otf');
  170. }
  171.  
  172. @font-face {font-family: "Corbel";
  173. src: url("http://static.tumblr.com/2buhswq/X0cm2ux98/corbel.ttf");}
  174.  
  175. @font-face {font-family: "tinytots";
  176. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  177.  
  178.  
  179. @font-face {
  180. font-family: 'Give You Glory';
  181. font-style: normal;
  182. font-weight: norAmal;
  183. src: local('Give You Glory'), local('GiveYouGlory'), url('http://themes.googleusercontent.com/font?kit=DFEWZFgGmfseyIdGRJAxuJre1ArFO0nxyUXZnjCjpOg') format('woff');
  184. }
  185.  
  186. #photo {position:fixed;
  187. top:85px;
  188. left:150px;
  189. padding:6px;
  190. overflow:hidden;
  191. width:200px;
  192. height:281px;
  193. background:#000;}
  194.  
  195. #photo img{width:200px;
  196. height:281px;}
  197.  
  198. #photo:hover{-webkit-filter: grayscale(1);-moz-transition:all 1.0s ease-out;-webkit-transition:all 1.0s ease-out;transition:all 2.0s ease-out; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; opacity: 1.0;-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  199.  
  200.  
  201. #title a{text-transform: none;
  202. color:{color:Description font}}
  203.  
  204. #title {position:fixed;
  205. top:64px;
  206. left:150px;
  207. width:210px;
  208. max-height:18px;
  209. overflow:hidden;
  210. padding:1px;
  211. text-align:center;
  212. text-shadow: -1px  0px  #F06464, 1px 0px #6EE2DC;
  213. font-family:Give You Glory;
  214. font-size:16px;
  215. color:{color:Description font};
  216. background: #000;}
  217.  
  218. #title:hover {text-shadow: 0px  0px  #F06464, 0px 0px #6EE2DC;}
  219.  
  220. #links{position:fixed;
  221. left:148px;
  222. width:212px;
  223. top:378px;}
  224.  
  225. #links a{display:inline-block;
  226. text-transform: uppercase;
  227. font-family:Homenaje;
  228. font-size:13px;
  229. padding:2px;
  230. width:66px;
  231. margin:1px -3px 0px 0px;
  232. text-align:center;
  233. -webkit-transition: all 1s ease;
  234. -moz-transition: all 1s ease;
  235. -o-transition: all 1s ease;
  236. transition: all 1s ease;
  237. background:{color:Menu bg};
  238. color:{color:Menu font};}
  239.  
  240. #links a:hover{background:{color:Menu bg hover};
  241. color:{color:Menu font hover};}
  242.  
  243. #links span.linkes {opacity:0.8;
  244. -moz-opacity: 0.8;
  245. filter: alpha(opacity=80);}
  246.  
  247.  
  248. #description {background-color: #000; font-family:verdana;position:fixed; font-size:9px; text-align:justify; width:172px; height: auto; margin-top:411px; margin-left: 142px; padding: 20px; border-bottom:2px solid }
  249.  
  250. #paginal {font-family: verdana; font-size: 8px; text-align: center;}
  251. #paginal a {background: {color:fundinho}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:text};}
  252. #paginal a:hover {background: {color:fundinho}; color: {color:text};}
  253. #paginal span.pagina_atual {background: {color:ulu}; margin: 0 1px 0 0; padding: 2px 4px;; color: {color:text}; font-weight: bold; text-decoration: none;}
  254. .ps {position:fixed;  color: {color:sidebar}; padding: 5px; margin-top: 0px; margin-left: -28px; width: 220px; height:12px;}
  255.  
  256.  
  257.  
  258.  
  259. </style>
  260.  
  261. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  262.  
  263. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls' rel='stylesheet' type='text/css'>
  264.  
  265. <body onkeydown="return false" oncontextmenu="return false" ondragstart="return false">
  266.  
  267.  
  268. <div style="position:fixed; bottom:45px; left:15px; text-transform:uppercase; font-size:11px;font-family: calibri; letter-spacing:2px"><a href="http://quero-beber-toddynho.tumblr.com/ ">THEME</a></div>
  269.  
  270.  
  271. <div id="title">{Title}</a></div>
  272.  
  273.  
  274. <div id="photo">
  275.  
  276. <img src="{image:Image}"></a>
  277.  
  278. </div>
  279.  
  280.  
  281.  
  282.  
  283. <div id="links">
  284.  
  285. {block:ifLink01}<span class="linkes"><a href="{text:URL LINK 01}">{text:Title LINK 01}</a></span>{/block:ifLink01}
  286. {block:ifLink02}<a href="{text:URL LINK 02}" >{text:Title LINK 02}</a>{/block:ifLink02}
  287. {block:ifLink03}<span class="linkes"><a href="{text:URL LINK 03}" >{text:Title LINK 03}</a></span>{/block:ifLink03}
  288. {block:ifLink04}<a href="{text:URL LINK 04}" >{text:Title LINK 04}</a>{/block:ifLink04}
  289. {block:ifLink05}<span class="linkes"><a href="{text:URL LINK 05}" >{text:Title LINK 05}</a></span>{/block:ifLink05}
  290. {block:ifLink06}<a href="{text:URL LINK 06}" >{text:Title LINK 06}</a>{/block:ifLink06}
  291.  
  292. </div>
  293.  
  294. <div id="description">{block:Description}{description}
  295. {/block:Description}
  296.  
  297.  <div class="ps"><div id="paginal">{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}
  298. {block:JumpPagination length="5"}
  299. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  300. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  301. {/block:JumpPagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  302. </div></div></div>
  303. </div><br>
  304.  
  305. </div>
  306.  
  307.  
  308.  
  309.  <div id="entry">
  310.  
  311.  {block:Posts}
  312. <div class="posts">
  313.  
  314. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  315.  
  316. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  317.  
  318. {block:Photoset}{Photoset-500}{/block:Photoset}
  319.  
  320. {block:Quote}
  321. <div class="pquote">“{Quote}”</div>
  322. {block:Source}<div class="pquotesource"> — {Source}</div>
  323. {/block:Source}
  324. {/block:Quote}
  325.  
  326. {block:Link}
  327. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  328. {block:Description}{Description}{/block:Description}
  329. {/block:Link}
  330.  
  331. {block:Chat}
  332. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  333. <div class="chat"><ul>{block:Lines}
  334. <li class="person{UserNumber}">{block:Label}
  335. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  336. {/block:Chat}
  337.  
  338. {block:Audio}
  339. <div class="player">{AudioPlayerBlack}</div>
  340. {block:Caption}{Caption}{/block:Caption}
  341. {/block:Audio}
  342.  
  343. {block:Video}{Video-500}{/block:Video}
  344.  
  345.  
  346. {block:Answer}
  347. <table width="500px" cellspacing="0" cellpadding="0">
  348. <tr>
  349. <td width="415px" class="question">{Question}</td>
  350. <td width="30px"><span class="questionarrow"></span></td>
  351. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  352. </tr>
  353. </table>
  354. <div class="answer">{Answer}</div>
  355. {/block:answer}
  356.  
  357.  
  358. <div id="cap">
  359. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  360. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  361. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  362.  
  363. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  364.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  365.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  366. {/block:ContentSource}</div></div>
  367. <br>
  368.  
  369. <div class="credito">
  370. {block:Date}<div id="info">
  371. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}· <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  372. </div></center>{/block:IfShowTags}{/block:Date}</div>
  373. </div>
  374.  
  375.  
  376.  {/block:Posts}
  377. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386. </div>
  387. </div>
  388. </div>
  389. </div>
  390.  
  391. </body>
  392. </html>
RAW Paste Data
Top