API tools faq
paste
Advertisement
HTMLTUMBLR

THEME INGLATERRA

HTMLTUMBLR
Apr 21st, 2013
124
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.27 KB | None | 0 0
raw download clone embed print report
  1.         <head>
  2.  
  3.          <link href='http://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'>
  4.        
  5.         <title>{Title}</title>
  6.  <style type="text/css">
  7.  
  8. .barrabaixoporfrankeynes {background:#8B0000; width:100%; border-top:4px solid #fcf2f4; z-index:100; position:fixed; float:left; height:15px; bottom:0px; left:0px; font-size:11px; color:#fff; font-family:tahoma;text-align:center;}
  9.  
  10.  
  11.  
  12. .caixinhabyfran {float:right; margin-right:-10px;width:66px;height:29px;margin-top:10px;}
  13.  
  14.  
  15. .caixinhabyfran {float:right; margin-right:-10px;width:10px;height:29px;margin-top:10px;}
  16.  
  17.  
  18. /***Caixa da posicao do seu menu - Menu By Bruna Borges ENDSTONIGHT TUMBLR***/
  19.  
  20. #sidebarmenu {width:85px;font-family:Arial, ‘Helvetica Neue’, Helvetica, sans-serif; font-size:11px;  color:#777;margin-top:70px;margin-left: 60px;float: center;text-align: justify; position: fixed ;padding: 3px; z-index: 50px}
  21.  
  22. /***SEU MENU - Menu By Bruna Borges ENDSTONIGHT TUMBLR***/
  23.  
  24. #navb {background-color:#e9abab; display: inline-block; color:#cec6a6;  float: center; margin:1px ; padding-top:6px; height:20px; width:110px; -webkit-transition-duration: .80s; text-align:center; border-left: 15px solid #d79595; }
  25. #navb:hover {cursor:hand;border-left: 10px solid #c3d9b3; margin-left: -80px;}
  26.  
  27. /*** side da foto e descricao - By Bruna Borges ENDSTONIGHT TUMBLR***/
  28.  
  29. #sidebar {width:321px;font-family:Arial, ‘Helvetica Neue’, Helvetica, sans-serif; font-size:10px;  color:#777;margin-top:53px;margin-left: 80px;float: center;text-align: justify; position: fixed ;padding: 3px;background: #ffffff;z-index: 100px}
  30.  
  31. .pergunta  {background: #ffffff; padding: 6px; margin-top: 0px;  margin-left: 10px;margin-right: 10;overflow: hidden; border-radius: 6px 6px 2px 2px;}
  32.  
  33. .perguntou  {text-transform:uppercase;font-family: ‘Play’, sans-serif;  font-size: 11px; background:#ffffff; padding: 9px; margin-top: 0px; margin-left: 10px;margin-right: 100px;overflow: hidden; color: #fff; margin-bottom: 6px;border-radius: 1px 1px 1px 12px;width:406px;}
  34.  
  35. .perguntou a {color: #FFB6C1;}
  36.  
  37. .resposta {background:#DB7093; padding: 5px; margin-top: -10px; margin-left: 10px;margin-right:100;overflow: hidden; border-radius: 1px 1px 1px 1px;}
  38.  
  39. .fotodaask {opacity: 0.7;margin-top:-55px;border-radius: 50px 50px 50px 50px;-webkit-transition-duration: .80s;}
  40.  
  41. .fotodaask:hover {opacity: 0.9;-webkit-transform: rotate(360deg);}
  42.  
  43. .topo {position: fixed; z-index:1000; width: 310px; height:3px; background-color: #000; top: 50px; left:30px;}
  44. .lado1 {position: fixed; z-index:1000; width: 3px; height:330px; background-color: #000; top: 40px; left:40px;}
  45. .topo2 {position: fixed; z-index:1000; width: 310px; height:3px; background-color: #000; top: 56px; left:30px;}
  46. .lado3 {position: fixed; z-index:1000; width: 3px; height:330px; background-color: #000; top: 40px; left:45px; }
  47.  
  48. /* MENU POR LEONICKY - LOVER-BIPOLAR NÃO RETIRE OS CRÉDITOS */
  49.  
  50. #arrega { padding: 20px; background-color: #E8E8E8;font-family: Arial; color: #436EEE;font-size: 15px;  }
  51.  
  52. #arrega a {background-color: #E8E8E8; margin-left: 20px; margin-right: 20px}
  53.  
  54. #arrega a:hover {padding: 17px ;background-color: #9C9C9C;letter-spacing: 10px;}
  55.  
  56. a:link {color: #436EEE;text-decoration: none;}
  57.  
  58.  /*** CURSOR ***/
  59.  body, a, a:hover {cursor: url('http://www.snazzyspace.com/cursorsfolder/black-infinity.png'), auto!important;}
  60.  
  61.  /*** TRASPARENCIA NA IMAGEM ***/
  62.  img{opacity: 0.9;
  63.       -webkit-transition: all 0.3s linear 0s;
  64.          -moz-transition: all 0.3s linear 0s;
  65.            -o-transition: all 0.3s linear 0s;
  66.               transition: all 0.3s linear 0s;}
  67. img:hover{opacity: 1.0;
  68.       -webkit-transition: all 0.3s linear 0s;
  69.          -moz-transition: all 0.3s linear 0s;
  70.            -o-transition: all 0.3s linear 0s;
  71.               transition: all 0.3s linear 0s;}
  72.  
  73.  
  74.  /*** barra de rolagem por beatriz-favato ***/
  75.  
  76. ::-webkit-scrollbar { width: 8px; height: 5px; }
  77. ::-webkit-scrollbar-button:start:decrement,
  78. ::-webkit-scrollbar-button:end:increment  { height: 0px; display: block; background: #fff; }
  79. ::-webkit-scrollbar-track-piece  { background: #fff; }
  80. ::-webkit-scrollbar-thumb { height: 50px; background-color: #8B0000; }
  81. ::-webkit-scrollbar-thumb:hover { background: #EEE9BF; }{CustomCSS}
  82.  
  83.  
  84. /*** CORPO DO THEME***/
  85.  body{
  86.  color:#FFF68F;
  87.  background-color:#eee;
  88.  background-image:url('http://2.bp.blogspot.com/-Qa9j_UNQptI/ULeqC4shOGI/AAAAAAAAAoQ/CEVaXnv70W8/s1600/wallpapers-room_com___britain_grunge_flag_by_xxoblivionxx_1440x900.jpg');
  89.  background-position: center;
  90.  background-attachment: fixed;
  91.  background-repeat: repeat;
  92.  font-family: 'Patrick Hand', cursive;;
  93.  font-size: 18px;
  94.  }
  95.  b, strong {color:#CDC673; text-decoration: none;}
  96.  u, span.sublinha {text-decoration: none; border-bottom: 1px solid: #CDC673;}
  97.  s {color: #CDBE70;}
  98.  i {color: #CDBE70;}
  99.   a{color:#27408B; text-decoration:none;}
  100.   a:hover{color:#FFF68F;}
  101.  
  102. .sidebar {width: 290px; height: auto; margin-top: 60px; margin-left: 45px; background:  rgba(36,36,36,0.0); position: fixed;
  103.  
  104. border-bottom-left-radius: 2em;
  105.  
  106.  
  107. border-bottom-right-radius: 2em;
  108.  
  109.  
  110. border-top-left-radius: 2em;
  111.  
  112.  
  113. border-top-right-radius: 2em;
  114. }
  115.  
  116.  
  117.  .post {margin-left: 450px; width: 560px; margin-top: 10px;}
  118.  #box {background: rgba(36,36,36,0.4); width: 95%; text-align: justify; padding: 5px; -webkit-border-radius: 20px;
  119. -moz-border-radius: 20px;
  120. border-radius: 20px;}
  121.  
  122. .bordaht {
  123. -webkit-border-radius: 20px;
  124. -moz-border-radius: 20px;
  125. border-radius: 20px;
  126. }
  127. .perguntad{ background-color: #FFE4E1; font-family: 'Patrick Hand'; font-size: 12px; padding: 5px; width: auto; height: auto;}
  128. .perguntoud { background-color: #EED5D2; font-family: 'Patrick Hand'; font-size: 10px; padding:3px; width: auto; height: auto;}
  129. .fotod { margin-top: 5px; -moz-transition: all 3.0s ease-in-out!important; -o-transition: all 1.0s ease-in-out!important; transition: all 2.0s ease-in-out!important; -webkit-transition: all 1.0s ease-in-out!important; float: left; opacity: 0.7}
  130. .fotod:hover {-webkit-transform: rotate(360deg) scale(1.3) skew(1deg); opacity: 1.0; }
  131. .perguntoud a{color: #8C8C8C;}
  132. .perguntoud i{color: #8C8C8C;}
  133. .infopostd {display: block; color: #b5babb; padding: 2px; margin-top: 0px; border-bottom: 1px dashed #b5babb; width: auto;}
  134.  
  135. /********* Créditos por all-teardrop-is-a-waterfall ********/
  136. .creditos {background: #DB7093; padding: 5px; color: #fff;border-radius: 3px;font-size: 8px; font-family:"04b03", small fonts; text-transform: uppercase;-webkit-transition-duration: .90s;display: inline-block;}
  137. .creditos a{color: #fff;-webkit-transition-duration: .90s; }
  138. .creditos:hover {background: #bc82a0; padding: 5px; color: #fff;-webkit-transition-duration: .90s; }
  139. .creditos2 { line-height: 13px;margin-left: 2px; text-decoration: none; padding: 2px; vertical-align:text-top; font-style: normal;font-size: 10px; color: #767676; background: transparent;display: inline-block;}
  140. .borderbottom { border-bottom: 1px solid #e8e8e8; display: block; }
  141. /******* Font-Face por TTHY ********/
  142. @font-face {font-family: "04b03";
  143. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  144.  
  145. /****** Balão da Ask, by: daniideutscher.tumblr *****/
  146. @font-face {src: url('http://static.tumblr.com/08l8cbl/UsQmgu9kz/pf_arma_five.ttf'); font-family: PF Arma Five; font-weight: normal;}
  147.  
  148. .estilodeask {
  149.     overflow: hidden;
  150.     font: 15px 'Patrick Hand'; /* Tamanho e nome da Fonte */
  151.     margin-bottom: 8px;
  152. }
  153.  
  154. .balao {
  155.     position: relative;
  156.     background:#FFE4E1; /* Cor de Fundo da Caixa da Pergunta */
  157.     margin-right: 65px;
  158.     padding: 4px;
  159.     color: #000000; /* Cor da Fonte */
  160. }
  161.  
  162. .balao:after {
  163.     left: 100%;
  164.     border: solid transparent;
  165.     content: " ";
  166.     height: 0;
  167.     width: 0;
  168.     position: absolute;
  169.     pointer-events: none;
  170. }
  171.  
  172. .balao:after {
  173.     border-left-color:#FFB6C1; /* Cor da Setinha do Balão */
  174.     border-width: 10px;
  175.     top: 65%;
  176.     margin-top: -10px;
  177. }
  178.  
  179. .asker {
  180.     font: 12px 'Patrick Hand'; /* Tamanho e nome da fonte de quem perguntou */
  181.     background: #E0EEEE;  /* Cor de Fundo */
  182.     color: #000000; /* Cor da Fonte */
  183.     padding: 2px;
  184.     margin-right: -4px;
  185.     margin-left: -4px;
  186.     margin-bottom: 12px;
  187.     margin-top: -4px;
  188.     text-align: center;
  189. }
  190.  
  191.  
  192. asker  {
  193.     color: #000;
  194. }
  195.  
  196. .balao a {
  197.     color: #000;
  198. }
  199.  
  200. .askphoto {
  201.     background: #E0EEEE; /* Cor de fundo da foto */
  202.     padding: 6px;
  203.     border-radius: 100px;
  204. }
  205. #scrollToTop:link,#scrollToTop:visited {  color: transparent;  background-color: transparent;  display: none;  position: fixed;  top: 15px;  right: 15px;}
  206.  
  207. /*** Paginação ***/
  208. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  209. #paginacaoml a {background: #color1; margin: 0 1px 0 0; padding: 4px 4px; color: #919191; text-decoration: none;border-radius: 12px}
  210. #paginacaoml a:hover {background: #color2; border: none;border-radius: 12px; color: #FFF; text-shadow: 0 1px 1px #777;}
  211. #paginacaoml span.pagina_atual {background: #color3; margin: 0 1px 0 0; padding: 4px 4px; color: #999999; text-decoration: none;border-radius: 12px;}
  212. #paginacaoml span.info {background: #color4; margin: 0 1px 0 0; padding: 4px 4px; color: #888; text-decoration: none;border-radius: 12px ;}
  213.  
  214.  </style>
  215.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://memberfiles.freewebs.com/76/06/70980676/photos/undefined/seta.png" border="0"></a>
  216.  
  217.  
  218.      
  219.  </head>
  220.  
  221.        <body>
  222.        
  223.        <div id="arrega">
  224.  
  225. <center>
  226.  
  227. <a href="/"; title= 'HOME'; >Home</a>
  228.  
  229. <a href="/ask"; title= 'ask' >Ask</a>
  230.  
  231. <a href="/submit"; title= 'subimit' >Submit</a>
  232.  
  233. <a href="/archive"; title= 'archive' >Archive</a>
  234.  
  235. <a href="/random"; title= 'random' >Random</a>
  236.  
  237. <a href="URL">link</a>
  238.  
  239. <a href="URL">link</a>
  240.  
  241. </center>
  242.  
  243. </div>
  244.        
  245.      
  246.  
  247. <div class="sidebar"><div id="box"><br><img src= '{PortraitURL-64}' align='left' width='80' >{description}
  248. <div id="paginacaoml"><span class="info" style="font-weight: normal;"><b>{CurrentPage}</b> of <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  249. {block:JumpPagination length="8"}
  250. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  251. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  252. {/block:JumpPagination}
  253. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</center></div>
  254.  
  255.  
  256.  
  257. </a></div>
  258.  
  259. <br></div>  </div></div>
  260.  
  261. <div class="box">
  262. </div>
  263.        
  264. <!-- ÍNICIO DOS POSTS -->
  265.      <div class="post">{block:Posts}
  266.      <div class="caixinhabyfran"><a href="{ReblogURL}" target="blank"><img src="http://i1197.photobucket.com/albums/aa436/amandaricka/icons/icon-reblog.png"><div class="caixinhabyfran"><a href="{Permalink}"><img src="http://static.tumblr.com/9i80pym/ah5mi8af2/like1-silenciar.tumblr.com.png"></a></div>
  267.      </a></div><div id="box">
  268.  {block:Quote}<h3>"{Quote}"&nbsp;</h3>{/block:Quote}
  269.  {block:Title}<h3>{Title}&nbsp;</h3>{/block:Title}
  270.  {block:Link}<a href="{URL}"; style= 'color: #FFF68F' {Target}><h2>{Name}&nbsp;</h2></a>{/block:Link}
  271.  {block:Text}{Body}{/block:Text}
  272.  {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}"class="bordaht" alt="{PhotoAlt}" width=530px/>{LinkCloseTag}</center>{block:Caption}                           {Caption}{/block:Caption}{/block:Photo}
  273.  {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  274.  {block:Quote}{block:Source}<div style="text-align:right;"; style= 'color:#FFB6C1'>{Source}</div>{/block:Source}{/block:Quote}
  275.  {block:Link}{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  276.  {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}"; style= 'color: #FFF68F'>{block:Label}<span class="label"; style: 'color:#27408B'>{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  277.  {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  278.  
  279.  
  280.  {block:Answer}
  281. <div class="estilodeask">
  282. <img src="{AskerPortraitURL-40}" class="askphoto" width="40px" align="right">
  283.  
  284. <div class="balao">
  285. <div class="asker">Ask by: <asker>{Asker}</asker></div>
  286. {Question}
  287. </div>
  288.  
  289. </div>
  290.  
  291. {Answer}
  292. {/block:Answer}
  293.  {block:Audio}<span class="audio"><center>{AudioPlayerWhite}</center></span>
  294.  <a href=”/ask”; style= 'color: #FFEC8B'>Ask</a>
  295.  {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  296.  <hr size="1" width="100%" align="center" color="#FFEC8B">
  297.  <b>Tags:</b>{block:Tags}#<a href="/tagged/{Tag}"; style= 'color: #27408B'>{Tag}</a> {/block:Tags}<br>
  298. Postado em <a href="{Permalink}"; style= 'color: #27408B'{DayOfMonth}/{MonthNumberWithZero}/{Year}</a> · {NoteCountWithLabel} · <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"; style= 'color: #27408B';></a></div><br>{/block:Posts}<br>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  299.  <!-- FIM DOS POSTS -->
  300.  </div></div>
  301.  <div class="barrabaixoporfrankeynes"> Theme criado por: Juliana Ariel - Tumblrnando ®. Todos os direitos reservados.</div>
  302.     </body>
  303.        </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!