Guest User

teste.html

a guest
Aug 8th, 2014
500
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!doctype html>
  2.  
  3. <html lang="en">
  4.   <head>
  5.   <meta charset="utf-8">
  6.   <title>demo</title>
  7. <style>
  8. #content ul {
  9.     margin: 0px;
  10.     font-family: Arial, Helvetica, sans-serif;
  11. }
  12.  
  13. #content li {
  14.     float: left;
  15.     margin: 0;
  16.     padding: 0;
  17.     height: 21px;
  18.     line-height: 21px;
  19.     border-left: none;
  20.     margin-bottom: -1px;
  21.     overflow: hidden;
  22.     position: relative;
  23. }
  24.  
  25. .tabtop {
  26.     float: left;
  27.     background-color: #dedede;
  28.     padding-top: 5px;
  29.     border: 1px solid #909090;
  30. }
  31.  
  32. .container {
  33.     margin: 10px auto;
  34. }
  35.  
  36. ul.tabs {
  37.     margin: 0;
  38.     padding: 0;
  39.     float: left;
  40.     list-style: none;
  41.     height: 21px;
  42.     width: 100%;
  43. }
  44.  
  45. ul.tabs li {
  46.     float: left;
  47.     margin: 0;
  48.     padding: 0;
  49.     height: 21px;
  50.     line-height: 21px;
  51.     border-left: none;
  52.     margin-bottom: -1px;
  53.     background: #dedede;
  54.     overflow: hidden;
  55.     position: relative;
  56. }
  57.  
  58. ul.tabs li a {
  59.     font-family: Arial, Helvetica, sans-serif;
  60.     font-weight: bold;
  61.     text-decoration: none;
  62.     color: #5b5b5b;
  63.     display: block;
  64.     font-size: 12px;
  65.     padding: 0 15px;
  66.     outline: none;
  67.     /*text-shadow:0.5px 0.5px #2e2d2e;*//*#c3c3c3;*/
  68. }
  69.  
  70. ul.tabs li a:hover {
  71.     background: #ccc;
  72. }
  73.  
  74. html ul.tabs li.active,html ul.tabs li.active a:hover {
  75.     background-color: #909090; /** fundo configuravel **/
  76.     -moz-border-radius-topright: 5px;
  77.     -khtml-border-radius-topright: 5px;
  78.     -webkit-border-top-right-radius: 5px;
  79.     -moz-border-radius-topleft: 5px;
  80.     -khtml-border-radius-topleft: 5px;
  81.     -webkit-border-top-left-radius: 5px;
  82. }
  83.  
  84. li.active a{
  85.     -moz-border-radius-topright: 5px;
  86.     -khtml-border-radius-topright: 5px;
  87.     -webkit-border-top-right-radius: 5px;
  88.     -moz-border-radius-topleft: 5px;
  89.     -khtml-border-radius-topleft: 5px;
  90.     -webkit-border-top-left-radius: 5px;
  91.     color: #fff;
  92.     text-shadow:0.5px 0.5px #2e2d2e;
  93. }
  94.  
  95. ul.tabs li.active a {
  96.     color: #fff;
  97. }
  98.  
  99. .tab_container {
  100.     border-top: none;
  101.     clear: both;
  102.     float: left;
  103.     width: 100%;
  104. }
  105.  
  106. .tab_content {
  107.     padding: 5px;
  108.     padding-top: 10px;
  109.     font-size: 1.2em;
  110.     background-image: url(http://www.cptec.inpe.br/widget/images/selo/fundo.png);
  111.     background-repeat: repeat-x;
  112.     background-position: bottom;
  113.     background-color: #909090; /** fundo configuravel **/
  114. }
  115.  
  116. .tab_content img {
  117.     float:left;
  118. }
  119.  
  120. .linha {
  121.     background-image: url(http://www.cptec.inpe.br/widget/images/selo/linha.png);
  122.     background-repeat: repeat-x;
  123.     height: 2px;
  124. }
  125.  
  126. .setas {
  127.     background-image: url(http://www.cptec.inpe.br/widget/images/selo/setas.png);
  128.     background-repeat: no-repeat;
  129.     height: 99px;
  130.     width: 49px;
  131.     float: right;
  132.     margin-right: 7px;
  133.     margin-top: 7px;
  134.     font-size: 18px;
  135.     font-weight: bold;
  136.     color: #fff;
  137.     font-family: Arial, Helvetica, sans-serif;
  138. }
  139.  
  140. .max {
  141.     margin-top: 18px;
  142. }
  143.  
  144. .min {
  145.     margin-top: 18px;
  146. }
  147.  
  148. .desc {
  149.     color: #222;
  150.     font-size: 11px;
  151.     font-family: Arial, Helvetica, sans-serif;
  152.     text-align: center;
  153.     font-weight: bold;
  154.     margin-right: 5px;
  155.     margin-left: 5px;
  156. }
  157.  
  158. .cidade a {
  159.     color: #FFFFFF;
  160.     font-size: 11px;
  161.     float: left;
  162.     font-family: Arial, Helvetica, sans-serif;
  163.     /*margin-top: 3px;
  164.     margin-left: 5px;*/
  165.     text-decoration: none;
  166.     font-weight: bold;
  167.     display:block;
  168. }
  169.  
  170. .cptec a {
  171.     color: #FFFFFF;
  172.     font-size: 11px;
  173.     float: right;
  174.     font-family: Arial, Helvetica, sans-serif;
  175.     margin-top: 3px;
  176.     margin-right: 5px;
  177.     text-decoration: none;
  178.     font-weight: bold;
  179. }
  180.  
  181. .clearb {
  182.     clear: both;
  183. }
  184. </style>
  185.   <script src="js/jquery-1.11.1.min.js"></script>
  186.   </head>
  187.  
  188.   <body>
  189. <script>
  190. $(document).ready(function() {
  191.  
  192. $('#divframe').load(
  193.     'proxy.php .tabtop',  function() {
  194.          $('#divframe .tab_content').hide();
  195.          $('#divframe .tabs li:first').addClass('active');
  196.          $('#divframe .tab_content:first').show();
  197.          $('#divframe .tabs li').click(function(){
  198.              $('#divframe .tabs li').removeClass('active');
  199.              $(this).addClass('active');
  200.              $('#divframe .tab_content').hide();
  201.              $($(this).children('a').attr('href')).show();
  202.          });
  203.     });
  204.  
  205. });
  206. </script>
  207.  
  208. <div id="divframe"></div>
  209.  
  210. </body>
  211. </html>
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×