API tools faq
paste
Advertisement
Guest User

Codigo

a guest
Oct 20th, 2014
193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.96 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <style type="text/css">
  4.  
  5.  
  6.  
  7.  
  8.  
  9. /*_________________  Accordion
  10. ________________________________________*/
  11. .accordion {
  12.   position: relative;
  13.   margin: 60px auto;
  14.   width: 80%;
  15. }
  16.  
  17. [id*="open-accordion"], [id*="close-accordion"] {
  18.   background: #A61C64;
  19.   border-bottom: 1px solid #fff;
  20.   line-height: 20px;
  21.   height: 20px;
  22.   display: block;
  23.   margin: 0 auto;
  24.   position: relative;
  25.   width: 99%;
  26. }
  27.  
  28. [id*="close-accordion"] {
  29.   display: none;
  30. }
  31.  
  32. .accordion a {
  33.   color: #fff;
  34.   font-size: 12px;
  35.   font-weight: normal;
  36.   padding-left: 2%;
  37.   text-decoration: none;
  38.   text-shadow: none;
  39.   font-family: helvetica, arial, sans-serif;
  40.   font-weight: bold;
  41.  
  42. }
  43.  
  44.  
  45.  
  46. .target-fix {
  47.   display: block;
  48.   top: 0;
  49.   left: 0;
  50.   position: fixed;
  51. }
  52.  
  53. .accordion-content {
  54.   background: #fff;
  55.   height: 0;
  56.   margin: -1px auto 0;
  57.   padding: 0 2.5%;
  58.   position: relative;
  59.   overflow: hidden;
  60.   width: 90%;
  61.   transition: all 0.1s ease;
  62.   -webkit-transition: all 0.1s ease;
  63.   -moz-transition: all 0.1s ease;
  64. }
  65.  
  66. .accordion span:target ~ .accordion-content {
  67.   display: block;
  68.   height: auto;
  69.   padding-bottom: 25px;
  70.   padding-top: 10px;
  71. }
  72.  
  73. .accordion span:target ~ [id*="close-accordion"] {
  74.   display: block;
  75. }
  76.  
  77. .accordion span:target ~ [id*="open-accordion"] {
  78.   display: none;
  79. }
  80.  
  81. .accordion span:target ~ [id*="close-accordion"]:after {
  82.   border-top: 10px solid #333;
  83.   transform: rotate(0deg);
  84.   -webkit-transform: rotate(0deg);
  85. }
  86.  
  87. </style>
  88. </head>
  89. <body>
  90.  
  91.  
  92. <div class="accordion">
  93.         <!-- span to target fix closing accordion -->
  94.         <span class="target-fix" id="accordion"></span>
  95.          
  96.         <!-- Câmara Municipal Aljustrel -->
  97.         <div>
  98.             <!-- span to target fix accordion -->
  99.             <span class="target-fix" id="accordion1"></span>
  100.            
  101.             <!-- Link to open accordion, hidden when open -->
  102.             <a href="#accordion1" id="open-accordion1" title="open">Câmara Municipal Aljustrel</a>
  103.            
  104.             <!-- Link to close accordion, hidden when closed -->
  105.             <a href="#accordion" id="close-accordion1" title="close">Câmara Municipal Aljustrel</a>
  106.            
  107.             <!-- Accorion content goes in this div -->
  108.             <div class="accordion-content">
  109.                 <p><b>Morada:</b> Avenida 1º Maio, 7600-010 Aljustrel </p>
  110.                   <p> <b>Tel:</b> 284600070</p>
  111.                   <p> <b>Fax:</b> 284 602 055</p>
  112.                   <p> <b>E-mail:</b> geral@mun-aljustrel.pt</p>
  113.                
  114.             </div>
  115.         </div>
  116.  
  117.  
  118.         <!-- Gabinete de Apoio à Presidência - GAP -->
  119.         <div>
  120.             <span class="target-fix" id="accordion2"></span>
  121.             <a href="#accordion2" id="open-accordion2" title="open">Gabinete de Apoio à Presidência - GAP</a>
  122.             <a href="#accordion" id="close-accordion2" title="close">Gabinete de Apoio à Presidência - GAP</a>
  123.             <div class="accordion-content">
  124.                 <p><b>Morada:</b> Avenida 1º Maio, 7600-010 Aljustrel </p>
  125.                    <p><b>Telefone:</b> +351 284 600 070  </p>
  126.                   <p> <b>Fax:</b> +351 284 602 055</p>
  127.                   <p> <b>E-mail:</b> gap@mun-aljustrel.pt</p>
  128.                        
  129.             </div>
  130.         </div>
  131.  
  132.          <!-- Gabinete de Inserção Profissional - GIP -->
  133.         <div>
  134.             <!-- span to target fix accordion -->
  135.             <span class="target-fix" id="accordion3"></span>
  136.            
  137.             <!-- Link to open accordion, hidden when open -->
  138.             <a href="#accordion3" id="open-accordion3" title="open">Gabinete de Inserção Profissional - GIP</a>
  139.            
  140.             <!-- Link to close accordion, hidden when closed -->
  141.             <a href="#accordion" id="close-accordion3" title="close">Gabinete de Inserção Profissional - GIP</a>
  142.            
  143.             <!-- Accorion content goes in this div -->
  144.             <div class="accordion-content">
  145.                 <p><b>Tel: </b>284602921</p>
  146.                   <p><b> E-mail:</b> gip@mun-aljustrel.pt</p>
  147.             </div>
  148.         </div>
  149.  
  150.  
  151.  
  152.       <!-- Biblioteca Municipal Aljustrel -->
  153.         <div>
  154.             <!-- span to target fix accordion -->
  155.             <span class="target-fix" id="accordion4"></span>
  156.            
  157.             <!-- Link to open accordion, hidden when open -->
  158.             <a href="#accordion4" id="open-accordion4" title="open">Biblioteca Municipal Aljustrel</a>
  159.            
  160.             <!-- Link to close accordion, hidden when closed -->
  161.             <a href="#accordion" id="close-accordion4" title="close">Biblioteca Municipal Aljustrel</a>
  162.            
  163.             <!-- Accorion content goes in this div -->
  164.             <div class="accordion-content">
  165.                 <p><b>Tel:</b> 284603076</p>
  166.                  <p> <b>E-mail:</b> biblioteca@mun-aljustrel.pt</p>
  167.             </div>
  168.         </div>
  169.  
  170.    <!-- CAIM (Centro de Animação Infantil Municipal) -->
  171.         <div>
  172.             <!-- span to target fix accordion -->
  173.             <span class="target-fix" id="accordion5"></span>
  174.            
  175.             <!-- Link to open accordion, hidden when open -->
  176.             <a href="#accordion5" id="open-accordion5" title="open">CAIM (Centro de Animação Infantil Municipal)</a>
  177.            
  178.             <!-- Link to close accordion, hidden when closed -->
  179.             <a href="#accordion" id="close-accordion5" title="close">CAIM (Centro de Animação Infantil Municipal)</a>
  180.            
  181.             <!-- Accorion content goes in this div -->
  182.             <div class="accordion-content">
  183.                 <p><b>Tel:</b> 284601301</p>
  184.             </div>
  185.         </div>
  186.  
  187.    <!-- Museu Municipal de Aljustrel -->
  188.         <div>
  189.             <!-- span to target fix accordion -->
  190.             <span class="target-fix" id="accordion6"></span>
  191.            
  192.             <!-- Link to open accordion, hidden when open -->
  193.             <a href="#accordion6" id="open-accordion6" title="open">Museu Municipal de Aljustrel</a>
  194.            
  195.             <!-- Link to close accordion, hidden when closed -->
  196.             <a href="#accordion" id="close-accordion6" title="close">Museu Municipal de Aljustrel</a>
  197.            
  198.             <!-- Accorion content goes in this div -->
  199.             <div class="accordion-content">
  200.                 <p><b>(Núcleo de Arqueologia)</b></p>
  201.                  <p><b> Tel:</b> 284600170</p>
  202.                  <p><b>  E-mail:</b> museu@mun-aljustrel.pt</p>
  203.             </div>
  204.         </div>
  205.  
  206.    <!-- Ginásio Municipal Aljustrel -->
  207.         <div>
  208.             <!-- span to target fix accordion -->
  209.             <span class="target-fix" id="accordion7"></span>
  210.            
  211.             <!-- Link to open accordion, hidden when open -->
  212.             <a href="#accordion7" id="open-accordion7" title="open">Ginásio Municipal Aljustrel</a>
  213.            
  214.             <!-- Link to close accordion, hidden when closed -->
  215.             <a href="#accordion" id="close-accordion7" title="close">Ginásio Municipal Aljustrel</a>
  216.            
  217.             <!-- Accorion content goes in this div -->
  218.             <div class="accordion-content">
  219.                 <p><b>Tel:</b> 284601433 <br>
  220.             </div>
  221.         </div>
  222.  
  223.  
  224.    <!-- CMAME (Centro Municipal de Acolhimento de Micro Empresas) -->
  225.         <div>
  226.             <!-- span to target fix accordion -->
  227.             <span class="target-fix" id="accordion8"></span>
  228.            
  229.             <!-- Link to open accordion, hidden when open -->
  230.             <a href="#accordion8" id="open-accordion8" title="open">CMAME (Centro Municipal de Acolhimento de Micro Empresas)</a>
  231.            
  232.             <!-- Link to close accordion, hidden when closed -->
  233.             <a href="#accordion" id="close-accordion8" title="close">CMAME (Centro Municipal de Acolhimento de Micro Empresas)</a>
  234.            
  235.             <!-- Accorion content goes in this div -->
  236.             <div class="accordion-content">
  237.                 <p><b>Tel:</b> 284602097 <br>
  238.             </div>
  239.         </div>
  240.  
  241.  
  242.    <!-- Piscina Coberta de Aprendizagem -->
  243.         <div>
  244.             <!-- span to target fix accordion -->
  245.             <span class="target-fix" id="accordion9"></span>
  246.            
  247.             <!-- Link to open accordion, hidden when open -->
  248.             <a href="#accordion9" id="open-accordion9" title="open">Piscina Coberta de Aprendizagem</a>
  249.            
  250.             <!-- Link to close accordion, hidden when closed -->
  251.             <a href="#accordion" id="close-accordion9" title="close">Piscina Coberta de Aprendizagem</a>
  252.            
  253.             <!-- Accorion content goes in this div -->
  254.             <div class="accordion-content">
  255.                 <p><b>Tel:</b> 284600074<br>
  256.             </div>
  257.         </div>
  258.  
  259.    <!-- Piscina Municipal Aljustrel -->
  260.         <div>
  261.             <!-- span to target fix accordion -->
  262.             <span class="target-fix" id="accordion10"></span>
  263.            
  264.             <!-- Link to open accordion, hidden when open -->
  265.             <a href="#accordion10" id="open-accordion10" title="open">Piscina Municipal Aljustrel</a>
  266.            
  267.             <!-- Link to close accordion, hidden when closed -->
  268.             <a href="#accordion" id="close-accordion10" title="close">Piscina Municipal Aljustrel</a>
  269.            
  270.             <!-- Accorion content goes in this div -->
  271.             <div class="accordion-content">
  272.                 <p><b>Tel:</b> 284600079<br>
  273.             </div>
  274.         </div>
  275.  
  276.  
  277.    <!-- CPCJ (Comissão de Protecção de Crianças e Jovens de Aljustrel) -->
  278.         <div>
  279.             <!-- span to target fix accordion -->
  280.             <span class="target-fix" id="accordion11"></span>
  281.            
  282.             <!-- Link to open accordion, hidden when open -->
  283.             <a href="#accordion11" id="open-accordion11" title="open">CPCJ (Comissão de Protecção de Crianças e Jovens de Aljustrel)</a>
  284.            
  285.             <!-- Link to close accordion, hidden when closed -->
  286.             <a href="#accordion" id="close-accordion11" title="close">CPCJ (Comissão de Protecção de Crianças e Jovens de Aljustrel)</a>
  287.            
  288.             <!-- Accorion content goes in this div -->
  289.             <div class="accordion-content">
  290.                 <b>Tel:</b> 284602985<p>
  291.                 <b>Tlm:</b> 939979176<p>
  292.                 <b>E-mail:</b> cpcj@mun-aljustrel.pt<p>
  293.        
  294.             </div>
  295.         </div>
  296.  
  297.  
  298.  <!-- Loja Social e Banco de Ajudas Técnicas do Concelho de Aljustrel -->
  299.         <div>
  300.             <!-- span to target fix accordion -->
  301.             <span class="target-fix" id="accordion12"></span>
  302.            
  303.             <!-- Link to open accordion, hidden when open -->
  304.             <a href="#accordion12" id="open-accordion12" title="open">Loja Social e Banco de Ajudas Técnicas do Concelho de Aljustrel</a>
  305.            
  306.             <!-- Link to close accordion, hidden when closed -->
  307.             <a href="#accordion" id="close-accordion12" title="close">Loja Social e Banco de Ajudas Técnicas do Concelho de Aljustrel</a>
  308.            
  309.             <!-- Accorion content goes in this div -->
  310.             <div class="accordion-content">
  311.                 <b>Funcionamento:</b> segunda, quarta e sexta: 9h00 - 12h30<p>
  312.                 <b>Inscrições:</b> segunda a sexta no Gabinete de Apoio<br>
  313.                 ao Desenvolvimento Económico e Social da CMA.
  314.             </div>
  315.         </div>
  316.  
  317.  
  318.  <!-- Oficinas de Formação e Animação Cultural -->
  319.         <div>
  320.             <!-- span to target fix accordion -->
  321.             <span class="target-fix" id="accordion13"></span>
  322.            
  323.             <!-- Link to open accordion, hidden when open -->
  324.             <a href="#accordion13" id="open-accordion13" title="open">Oficinas de Formação e Animação Cultural</a>
  325.            
  326.             <!-- Link to close accordion, hidden when closed -->
  327.             <a href="#accordion" id="close-accordion13" title="close">Oficinas de Formação e Animação Cultural</a>
  328.            
  329.             <!-- Accorion content goes in this div -->
  330.             <div class="accordion-content">
  331.                 <b>Tel:</b> 284600070<p>
  332.                 <b>E-mail:</b> oficinas@mun-aljustrel.pt<p>
  333.             </div>
  334.         </div>
  335.  
  336.  
  337. <!-- Posto Turismo -->
  338.         <div>
  339.             <!-- span to target fix accordion -->
  340.             <span class="target-fix" id="accordion14"></span>
  341.            
  342.             <!-- Link to open accordion, hidden when open -->
  343.             <a href="#accordion14" id="open-accordion14" title="open">Posto Turismo</a>
  344.            
  345.             <!-- Link to close accordion, hidden when closed -->
  346.             <a href="#accordion" id="close-accordion14" title="close">Posto Turismo</a>
  347.            
  348.             <!-- Accorion content goes in this div -->
  349.             <div class="accordion-content">
  350.                 <b>Tel:</b> 284601010<p>
  351.               <b>  E-mail:</b> turismo@mun-aljustrel.pt<p>
  352.  
  353.             </div>
  354.         </div>
  355.  
  356.  
  357. <!-- Pavilhão Municipal de Desportos Armindo Peneque -->
  358.         <div>
  359.             <!-- span to target fix accordion -->
  360.             <span class="target-fix" id="accordion15"></span>
  361.            
  362.             <!-- Link to open accordion, hidden when open -->
  363.             <a href="#accordion15" id="open-accordion15" title="open">Pavilhão Municipal de Desportos Armindo Peneque</a>
  364.            
  365.             <!-- Link to close accordion, hidden when closed -->
  366.             <a href="#accordion" id="close-accordion15" title="close">Pavilhão Municipal de Desportos Armindo Peneque</a>
  367.            
  368.             <!-- Accorion content goes in this div -->
  369.             <div class="accordion-content">
  370.                 <b>Tel.:</b> 284601433 <p>
  371.             </div>
  372.         </div>
  373.  
  374.  
  375. <!-- Estádio Municipal Aljustrel -->
  376.         <div>
  377.             <!-- span to target fix accordion -->
  378.             <span class="target-fix" id="accordion16"></span>
  379.            
  380.             <!-- Link to open accordion, hidden when open -->
  381.             <a href="#accordion16" id="open-accordion16" title="open"> Estádio Municipal Aljustrel</a>
  382.            
  383.             <!-- Link to close accordion, hidden when closed -->
  384.             <a href="#accordion" id="close-accordion16" title="close"> Estádio Municipal Aljustrel</a>
  385.            
  386.             <!-- Accorion content goes in this div -->
  387.             <div class="accordion-content">
  388.                 <b>Tel.:</b> 284601940<p>
  389.  
  390.             </div>
  391.         </div>
  392.  
  393. <!-- Cine-Oriental -->
  394.         <div>
  395.             <!-- span to target fix accordion -->
  396.             <span class="target-fix" id="accordion17"></span>
  397.            
  398.             <!-- Link to open accordion, hidden when open -->
  399.             <a href="#accordion17" id="open-accordion17" title="open"> Cine-Oriental</a>
  400.            
  401.             <!-- Link to close accordion, hidden when closed -->
  402.             <a href="#accordion" id="close-accordion17" title="close"> Cine-Oriental</a>
  403.            
  404.             <!-- Accorion content goes in this div -->
  405.             <div class="accordion-content">
  406.                 <b>Horário de Inverno</b><br>
  407.                    Sextas-Feiras: 21h00<p>
  408.                   <b> Horário de Verão</b><br>
  409.                    Sextas-Feiras: 21h30
  410.             </div>
  411.         </div>
  412.  
  413.  
  414. <!-- Cemitério -->
  415.         <div>
  416.             <!-- span to target fix accordion -->
  417.             <span class="target-fix" id="accordion18"></span>
  418.            
  419.             <!-- Link to open accordion, hidden when open -->
  420.             <a href="#accordion18" id="open-accordion18" title="open"> Cemitério</a>
  421.            
  422.             <!-- Link to close accordion, hidden when closed -->
  423.             <a href="#accordion" id="close-accordion18" title="close"> Cemitério</a>
  424.            
  425.             <!-- Accorion content goes in this div -->
  426.             <div class="accordion-content">
  427.                 <b>Tel:</b> 284602080<p>
  428.             </div>
  429.         </div>
  430.  
  431.  
  432.  </div>
  433.  
  434.  
  435.  
  436. </body>
  437. </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!