CNFOs webpage v1.0.0

confugiradores · Jun 12, 2023 · 18c588e · 18c588e
1 parent 1cd7237
commit 18c588e
Show file tree

Hide file tree

Showing 53 changed files with 2,118 additions and 0 deletions.
diff --git a/css/carrusel.css b/css/carrusel.css
@@ -0,0 +1,105 @@
+.slide {
+    position: relative;
+    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);
+    margin-top: 26px;
+}
+.slide-inner {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+/*     height: calc( 300px + 3em); */
+}
+.slide-open:checked + .slide-item {
+    position: static;
+    opacity: 100;
+}
+.slide-item {
+    position: absolute;
+    opacity: 0;
+    -webkit-transition: opacity 0.6s ease-out;
+    transition: opacity 0.6s ease-out;
+}
+.slide-item img {
+    display: block;
+    height: auto;
+    max-width: 100%;
+}
+.slide-control {
+    background: rgba(0, 0, 0, 0.28);
+    border-radius: 50%;
+    color: #fff;
+    cursor: pointer;
+    display: none;
+    font-size: 40px;
+    height: 40px;
+    line-height: 35px;
+    position: absolute;
+    top: 50%;
+    -webkit-transform: translate(0, -50%);
+    cursor: pointer;
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+    text-align: center;
+    width: 40px;
+    z-index: 2;
+}
+.slide-control.prev {
+    left: 2%;
+}
+.slide-control.next {
+    right: 2%;
+}
+.slide-control:hover {
+    background: rgba(0, 0, 0, 0.8);
+    color: #aaaaaa;
+}
+#slide-1:checked ~ .control-1,
+#slide-2:checked ~ .control-2,
+#slide-3:checked ~ .control-3 {
+    display: block;
+}
+.slide-indicador {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    bottom: 2%;
+    left: 0;
+    right: 0;
+    text-align: center;
+    z-index: 2;
+}
+.slide-indicador li {
+    display: inline-block;
+    margin: 0 5px;
+}
+.slide-circulo {
+    color: #828282;
+    cursor: pointer;
+    display: block;
+    font-size: 35px;
+}
+.slide-circulo:hover {
+    color: #aaaaaa;
+}
+#slide-1:checked ~ .control-1 ~ .slide-indicador 
+     li:nth-child(1) .slide-circulo,
+#slide-2:checked ~ .control-2 ~ .slide-indicador 
+      li:nth-child(2) .slide-circulo,
+#slide-3:checked ~ .control-3 ~ .slide-indicador 
+      li:nth-child(3) .slide-circulo {
+    color: #428bca;
+}
+#titulo {
+    width: 100%;
+    position: absolute;
+    padding: 0px;
+    margin: 0px auto;
+    text-align: center;
+    font-size: 27px;
+    color: rgba(255, 255, 255, 1);
+    font-family: 'Open Sans', sans-serif;
+    z-index: 9999;
+    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), 
+         -1px 0px 2px rgba(255, 255, 255, 0);
+}
diff --git a/css/descargas.css b/css/descargas.css
@@ -0,0 +1,159 @@
+.serversDiv{
+    display: flex;
+    gap: 10px;
+}
+.serversDiv *{
+    width: 50%;
+}
+#map{
+    z-index: 2;
+    border-radius: .5rem;
+    height: 400px;
+}
+.leaflet-popup-content,.leaflet-popup-content-wrapper{
+    background: none;
+    box-shadow: none;
+    margin: 0px;
+  }
+  .leaflet-container a.leaflet-popup-close-button {
+    display: none;
+  }
+  .leaflet-marker{
+    list-style: none;
+    border-radius:12px;
+    padding: 10px;
+    background: var(--container);
+    color: var(--text);
+    margin: 0px;
+    width: fit-content;
+    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
+  }
+  .leaflet-control-zoom{
+    width: fit-content;
+  }
+  .leaflet-control-attribution{
+    width: 60px;
+  }
+  .leaflet-control-attribution svg{
+    display: none!important;
+  }
+  .leaflet-popup-tip-container{
+    bottom: -15px;
+  }
+  .leaflet-popup-tip{
+    background: var(--container);
+  }
+  .leaflet-marker.master{
+    border: 3px solid var(--purple);
+  }
+  .leaflet-marker.slave{
+    border: 3px solid var(--yellow);
+  }
+  .leaflet-marker.sleepy{
+    border: 3px solid grey;
+  }
+  .leaflet-marker>li{
+    font-size: 15px;
+  }
+  .leaflet-marker.sleepy>li:first-of-type{
+    text-decoration: line-through;
+    text-decoration-color: var(--red);
+  }
+  .leaflet-marker>li:last-of-type{
+    display: inline;
+  }
+  .leaflet-marker>li>a{
+    color: var(--red);
+    text-decoration: none;
+    font-family: conthrax;
+  }
+  /* .leaflet-marker>li>a:hover{
+    color: var(--text-foot);
+  } */
+  .leaflet-marker .low{
+    color: rgb(0, 255, 0);
+  }
+  .leaflet-marker .mid{
+    color: rgb(214, 211, 18);
+  }
+  .leaflet-marker .high{
+    color: rgb(255, 153, 0);
+  }
+  .leaflet-marker .shigh{
+    color: rgb(255, 0, 0);
+  }
+  .sleepy.leaflet-marker > .low{
+    color: rgb(68, 124, 68);
+  }
+  .sleepy.leaflet-marker > .mid{
+    color: rgb(150, 132, 72);
+  }
+  .sleepy.leaflet-marker > .high{
+    color: rgb(122, 87, 64);
+  }
+  .sleepy.leaflet-marker > .shigh{
+    color: rgb(122, 64, 64);
+  }
+  .serversDiv{
+    width: 80%;
+  }
+  .serversDiv > div:nth-child(2){
+    max-height: 400px;
+    overflow: scroll;
+  }
+  #placeholder{
+    opacity: 0;
+  }
+  #serversTable{
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 10px;
+    text-align: center;
+  }
+  #serversTable td,#serversTable th{
+    position: relative;
+    padding: 10px;
+    background-color: rgba(97, 76, 76, 0.2);
+    border-radius: .5rem;
+  }
+  #serversTable th{
+    background-color: rgba(150, 46, 46, 0.2);
+    height: 30px;
+    padding-bottom: 25px;
+    line-height: 30px;
+  }
+  #serversTable th.sort{
+    transition: color .3s;
+    padding: 0;
+  }
+  #serversTable select{
+    display: inline-block;
+    margin: 0 25%;
+    min-width: 6ch;
+    left: 0;
+    top: 40px;
+    padding: 0px;
+    position: absolute;
+    border: none;
+    background: none;
+    color: var(--text);
+    transition: color .3s;
+  }
+  #serversTable option{
+    background-color: var(--men);
+    color: var(--text);
+    transition: color .5s;
+  }
+  #serversTable select:hover, #serversTable .sort:hover{
+    color: var(--text-foot);
+    cursor: pointer;
+  }
+  #serversTable tr.sleepy td:nth-of-type(2){
+    text-decoration: line-through var(--text);
+  }
+  #no-servers{
+    font-size: 1.5rem;
+    display: none;
+    width: 249%;
+    border-radius: 0 0 .5rem .5rem;
+  }