Mastodon @26s, hover naranja en los cuadros y cinco centros en colectivos

This commit is contained in:
hacklab 2026-09-29 16:47:35 +02:00
parent 963291116e
commit 5748d9e344
2 changed files with 3 additions and 14 deletions

View file

@ -7,7 +7,6 @@
:root { :root {
--bg: #fff; --bg: #fff;
--fg: #000; --fg: #000;
--acc: #ff1493;
--neon: #ff5f1f; --neon: #ff5f1f;
--bd: 3px solid var(--fg); --bd: 3px solid var(--fg);
--gap: 12px; --gap: 12px;
@ -69,7 +68,7 @@ h3 { font-size: 26px; margin: 0 0 6px; }
transition: background-color .15s; transition: background-color .15s;
} }
.cuadro:hover, .cuadro:focus-visible { .cuadro:hover, .cuadro:focus-visible {
background: var(--acc); background: var(--neon);
outline: none; outline: none;
} }
@ -125,7 +124,7 @@ footer { margin: 64px 0 24px; border-top: var(--bd); padding-top: 12px; font-siz
.colectivos { list-style: none; margin: 0 0 16px; padding: 0; columns: 2 280px; column-gap: 32px; } .colectivos { list-style: none; margin: 0 0 16px; padding: 0; columns: 2 280px; column-gap: 32px; }
.colectivos li { break-inside: avoid; padding: 6px 0; border-bottom: 1px solid var(--fg); } .colectivos li { break-inside: avoid; padding: 6px 0; border-bottom: 1px solid var(--fg); }
.colectivos a { font-family: var(--tit); font-size: 22px; text-transform: uppercase; text-decoration: none; } .colectivos a { font-family: var(--tit); font-size: 22px; text-transform: uppercase; text-decoration: none; }
.colectivos a:hover, .colectivos a:focus-visible { color: var(--acc); } .colectivos a:hover, .colectivos a:focus-visible { color: var(--neon); }
.colectivos span { display: block; font-size: 14px; } .colectivos span { display: block; font-size: 14px; }
.unete { max-width: 480px; margin: 32px auto; } .unete { max-width: 480px; margin: 32px auto; }

View file

@ -27,7 +27,7 @@
<li><a class="bt" href="https://x.com/acampada26s" rel="noopener noreferrer">X</a></li> <li><a class="bt" href="https://x.com/acampada26s" rel="noopener noreferrer">X</a></li>
<li><a class="bt" href="https://www.instagram.com/acampada26s/" rel="noopener noreferrer">Instagram</a></li> <li><a class="bt" href="https://www.instagram.com/acampada26s/" rel="noopener noreferrer">Instagram</a></li>
<li><a class="bt" href="https://t.me/acampada26s" rel="noopener noreferrer">Telegram</a></li> <li><a class="bt" href="https://t.me/acampada26s" rel="noopener noreferrer">Telegram</a></li>
<li><a class="bt" href="https://masto.es/@acampada26s" rel="noopener noreferrer">Mastodon</a></li> <li><a class="bt" href="https://mastodon.social/@26s" rel="noopener noreferrer">Mastodon</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
@ -48,19 +48,9 @@
<p>Centros sociales y colectivos de Madrid. Aquí también hay información y asambleas.</p> <p>Centros sociales y colectivos de Madrid. Aquí también hay información y asambleas.</p>
<ul class="colectivos"> <ul class="colectivos">
<li><a href="https://csolarosa.net" rel="noopener noreferrer">CSO La Rosa</a> <span>Centro · La Latina</span></li> <li><a href="https://csolarosa.net" rel="noopener noreferrer">CSO La Rosa</a> <span>Centro · La Latina</span></li>
<li><a href="https://3peces3.wordpress.com" rel="noopener noreferrer">CS Tres Peces Tres</a> <span>Centro · Lavapiés</span></li>
<li><a href="https://estaesunaplaza.blogspot.com" rel="noopener noreferrer">Esta es una Plaza</a> <span>Centro · Lavapiés</span></li>
<li><a href="https://ateneomaliciosa.net" rel="noopener noreferrer">Ateneo La Maliciosa</a> <span>Arganzuela</span></li>
<li><a href="https://eslaeko.net" rel="noopener noreferrer">ESLA EKO</a> <span>Carabanchel</span></li> <li><a href="https://eslaeko.net" rel="noopener noreferrer">ESLA EKO</a> <span>Carabanchel</span></li>
<li><a href="https://asambleadecarabanchel.org" rel="noopener noreferrer">Asamblea Popular de Carabanchel</a> <span>Carabanchel</span></li>
<li><a href="https://ateneolibertariocarabanchellatina.wordpress.com" rel="noopener noreferrer">Ateneo Libertario Carabanchel-Latina</a> <span>Carabanchel</span></li>
<li><a href="https://www.laenre.net" rel="noopener noreferrer">CSOA La Enredadera</a> <span>Tetuán</span></li> <li><a href="https://www.laenre.net" rel="noopener noreferrer">CSOA La Enredadera</a> <span>Tetuán</span></li>
<li><a href="https://www.instagram.com/csolaanimosa/" rel="noopener noreferrer">CSO La Animosa</a> <span>Hortaleza</span></li> <li><a href="https://www.instagram.com/csolaanimosa/" rel="noopener noreferrer">CSO La Animosa</a> <span>Hortaleza</span></li>
<li><a href="https://www.lapiluka.org" rel="noopener noreferrer">CS La Piluka</a> <span>Fuencarral · Barrio del Pilar</span></li>
<li><a href="https://elsoldelaconce.com" rel="noopener noreferrer">El Sol de la Conce</a> <span>Ciudad Lineal · La Concepción</span></li>
<li><a href="https://www.csseco.org" rel="noopener noreferrer">CS Seco</a> <span>Retiro</span></li>
<li><a href="https://lavillana.org" rel="noopener noreferrer">La Villana de Vallekas</a> <span>Puente de Vallecas</span></li>
<li><a href="https://www.instagram.com/ateneo_republicano_de_vallekas/" rel="noopener noreferrer">Ateneo Republicano de Vallekas</a> <span>Puente de Vallecas</span></li>
<li><a href="https://apoyalacasika.wordpress.com" rel="noopener noreferrer">CSOA La Casika</a> <span>Móstoles</span></li> <li><a href="https://apoyalacasika.wordpress.com" rel="noopener noreferrer">CSOA La Casika</a> <span>Móstoles</span></li>
</ul> </ul>
<p>¿Falta tu colectivo? Escribe a la comisión de comunicación en OASIS.</p> <p>¿Falta tu colectivo? Escribe a la comisión de comunicación en OASIS.</p>