Linux ns1.utparral.edu.mx 6.8.0-79-generic #79~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Fri Aug 15 16:54:53 UTC 2 x86_64
Apache/2.4.58 (Unix) OpenSSL/1.1.1w PHP/8.2.12 mod_perl/2.0.12 Perl/v5.34.1
: 10.10.1.9 | : 10.10.1.254
Cant Read [ /etc/named.conf ]
daemon
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
README
+ Create Folder
+ Create File
/
opt /
lampp /
htdocs /
promocion /
[ HOME SHELL ]
Name
Size
Permission
Action
imagenes
[ DIR ]
drwxrwxr-x
PDFs
[ DIR ]
drwxrwxr-x
videos
[ DIR ]
drwxrwxr-x
estilo.css
14.97
KB
-rw-rwxr--
index.html
70.67
KB
-rw-rwxr--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : estilo.css
:root { --primary-color: #0F3D0F; --secondary-color: #C5A300; --gray-light: #f0f0f0; --gray-dark: #333; } body { font-family: Cambria, Cochin, Georgia, serif; background-color: var(--gray-light); position: relative; } .navbar { background: var(--gray-dark); transition: background 0.3s ease-in-out, padding 0.3s ease-in-out; padding: 10px 5px; } .navbar.scrolled { background: rgba(51, 51, 51, 0.7); padding: 2px 5px; } .navbar-brand img { width: 70px; /* Ajusta este valor al tamaño deseado */ height: auto; /* Mantiene la proporción */ transition: width 0.3s ease-in-out; } .navbar.scrolled .navbar-brand img { width: 50px; /* Tamaño más pequeño al hacer scroll */ } .navbar .nav-link { color: white !important; /* Blanco por defecto */ font-size: 12px; /* Ajusta el tamaño si lo deseas */ font-weight: bold; text-transform: uppercase; transition: color 0.3s ease-in-out; } .navbar .nav-link:hover { color: #FFD700 !important; /* Cambia a dorado al pasar el mouse */ } .navbar-toggler { border: 1px solid white; } .navbar-toggler-icon { background-color: white; border-radius: 3px; } .btn-primary { background-color: var(--secondary-color); background-color: #FFD700; color: #000; font-weight: bold; border: none; } .btn-primary:hover { background-color: #FFA500; /* Naranja al pasar el mouse */ color: #000; } /* Ocultar la caja de búsqueda por defecto */ .search-input { width: 0; padding: 0; border: none; background: transparent; outline: none; transition: width 0.4s ease-in-out, padding 0.4s ease-in-out; } /* Estilo del botón de lupa */ .search-btn { background: none; border: none; color: white; /* Lupa blanca */ font-size: 18px; cursor: pointer; transition: color 0.3s ease-in-out; } /* Cambio de color de la lupa al pasar el mouse */ .search-btn:hover { color: #FFD700; /* Dorado */ } /* Cuando se activa la búsqueda, la caja de texto se expande */ .search-form.active .search-input { width: 150px; /* Tamaño de la caja expandida */ padding: 5px 10px; border: 1px solid white; background: rgba(0, 0, 0, 0.8); color: white; border-radius: 5px; } .hero { position: relative; height: 80vh; display: flex; justify-content: center; align-items: center; color: white; text-align: center; overflow: hidden; background-color: transparent !important; } .hero video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -1; /* Video detrás de todo */ } /* Asegúrate de que el video se vea bien en dispositivos pequeños */ @media (max-width: 768px) { .hero { height: 50vh; /* Reduce la altura del hero para pantallas más pequeñas */ } .hero video { object-fit: cover; /* Mantiene la proporción */ object-position: center top; } } .hero-logo { position: absolute; top: 50%; /* Centrado verticalmente */ left: 50%; /* Centrado horizontalmente */ transform: translate(-50%, -50%); /* Ajuste perfecto para centrar */ z-index: 0; /* El logo está detrás del texto */ max-width: 200px; /* Ajusta el tamaño del logo */ height: auto; } .texto-video { position: absolute; top: 60%; /* Ajusta la posición para que quede justo debajo del logo */ left: 50%; transform: translateX(-50%); /* Centrado horizontal */ z-index: 1; /* El texto se coloca encima del logo */ font-size: 30px; /* Tamaño de la fuente */ font-weight: bold; /* Negrita para destacar el texto */ } .footer { background-color: var(--gray-dark); color: white; padding: 20px 0; } /* Estilos de Carreras y Carrusel */ #carreras { margin-top: 50px; } .carousel { max-width: 70%; margin: 0 auto; } .carousel-inner img { height: 250px; /* Tamaño fijo */ object-fit: cover; /* Recorta sin deformar */ border-radius: 10px; /* Bordes redondeados */ border: 3px solid rgba(255, 255, 255, 0.5); /* Borde tenue */ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); /* Sombra */ } .row { margin-bottom: 30px; } .col-md-6 { margin-bottom: 30px; max-width: 50%; } /* Tarjetas y botones */ .card { transition: 0.3s; } .card:hover { transform: scale(1.05); } .card-body .icon { color: var(--secondary-color); background-color: #f8f9fa; padding: 20px; border-radius: 50%; } .card-title { color: var(--primary-color); font-weight: bold; } .card-text { color: #333; } /* Animaciones AOS */ [data-aos] { opacity: 0; transition: opacity 1s ease-out, transform 1s ease-out; } [data-aos].aos-animate { opacity: 1; transform: translateY(0); } [data-aos="fade-left"] { transform: translateX(-50px); } [data-aos="fade-right"] { transform: translateX(50px); } /* Botón de Scroll hacia arriba */ .scroll-to-top { display: none; /* Oculto inicialmente */ position: fixed; bottom: 30px; right: 30px; background-color: var(--primary-color); color: #fff; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); font-size: 24px; text-decoration: none; transition: background-color 0.3s; } .scroll-to-top:hover { background-color: #333; } @media (max-width: 576px) { .scroll-to-top { width: 40px; height: 40px; font-size: 20px; } } body { background: ivory; /* Color sólido sin imágenes */ color: black; /* Ajusta el color del texto para mejor contraste */ } h1, h2 { text-shadow: 0 0 5px rgba(255, 215, 0, 0.8), 0 0 10px rgba(255, 165, 0, 0.6); } h1, h2, h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; color: var(--primary-color); /* Verde oscuro usado en las fechas */ text-shadow: 0 0 10px rgba(15, 61, 15, 0.8), 0 0 20px rgba(15, 61, 15, 0.6) } p { font-size: 22px; color: #ddd; /* Un gris claro para mejor visibilidad */ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); } .section { padding: 30px; /* Espaciado interno */ margin-bottom: 60px; border-radius: 15px; backdrop-filter: blur(5px); /* Efecto difuminado */ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); max-width: 95%; /* Reduce el ancho al 80% del viewport */ margin: 40px auto; /* Centra la sección y deja espacio arriba y abajo */ box-sizing: border-box; margin: 0 auto; } .section { padding: 60px 0; margin-bottom: 60px; background-color: rgba(255, 255, 255, 0.301); border-radius: 10px; } /* Secciones impares: Fondo gris claro */ .section:nth-child(odd) { background: url("imagenes/fondo2.jpg") no-repeat center center; background-size: cover; color: white; /* Asegurar contraste */ position: relative; } .section:nth-child(odd)::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); /* Capa oscura para mejorar la visibilidad del texto */ z-index: -1; } /* Secciones pares: Degradado verde con transparencia */ .section:nth-child(even) { background: #f5f5f5; /* Gris claro */ } .section:nth-child(odd) h2, .section:nth-child(odd) h3, .section:nth-child(odd) p { color: white; } .titulo-separador { text-align: center; font-size: 28px; font-weight: bold; color: rgba(51, 51, 51, 0.548); margin: 40px 0; /* Espaciado superior e inferior */ display: flex; align-items: center; justify-content: center; text-transform: uppercase; letter-spacing: 2px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Sombra tenue */ transition: transform 0.3s ease-in-out; } .titulo-separador:hover { transform: scale(1.1); /* Efecto de agrandado al pasar el mouse */ } .titulo-separador::before, .titulo-separador::after { content: ""; flex: 1; height: 2px; background: #b0b0b065; /* Gris tenue */ margin: 0 15px; /* Espaciado entre la línea y el texto */ } /* Estilo del título de cada carrera */ .titulo-carrera { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 10px; position: relative; padding-bottom: 10px; color: black; /* Asegurar que el texto sea visible */ } .texto-video { font-family: 'Orbitron', sans-serif; /* Fuente similar a la del logo */ color: white; /* Para que resalte */ font-size: 40px; /* Ajusta según lo necesites */ font-weight: bold; text-align: center; text-transform: uppercase; /* Si quieres que se vea más llamativa */ } /* Línea debajo del título de cada carrera */ .linea-carrera { width: 500px; /* Ancho de la línea */ height: 3px; /* Grosor */ background: gray; /* Color predeterminado */ margin: 10px auto; /* Centrar */ opacity: 0.8; /* Un poco de transparencia */ } /* Ajustes para pantallas pequeñas */ @media (max-width: 768px) { .linea-carrera { width: 80%; /* Ajusta el ancho a un porcentaje de la pantalla */ margin: 10px auto; /* Centra la línea */ } } /* Si la sección tiene fondo verde, la línea será blanca */ .seccion-verde .linea-carrera { background: white; } @keyframes movingBackground { 0% { background-position: 0% 0%; } 50% { background-position: 100% 100%; } 100% { background-position: 0% 0%; } } body { animation: movingBackground 15s infinite alternate linear; } p, .card-text { color: #222; /* Gris oscuro casi negro */ } .carousel-inner { width: 100%; /* Para que se ajusten bien al contenedor */ height: 250px; /* Tamaño fijo para todas las imágenes */ object-fit: cover; /* Recorta y ajusta sin distorsionar */ border-radius: 10px; /* Bordes redondeados */ border: 3px solid rgba(255, 255, 255, 0.5); /* Marco blanco con transparencia */ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); /* Sombra para que resalte */ transition: transform 0.3s ease-in-out; /* Efecto al pasar el cursor */ } .carousel-inner img:hover { transform: scale(1.03); /* Hace que crezca un poco al pasar el mouse */ } .carousel-inner img { transition: transform 0.5s ease-in-out; object-fit: contain; height: 250px; } .carousel-inner { display: flex; gap: 15px; /* Espacio entre imágenes */ overflow-x: auto; /* Permite deslizar imágenes si son muchas */ padding: 10px; } /* Estilos del enlace de descarga */ .boton-descarga { display: inline-block; background-color: transparent; /* Fondo transparente inicialmente */ color: inherit; /* Hereda el color de texto de la sección */ border: 2px solid transparent; /* Borde transparente por defecto */ padding: 10px 20px; /* Espaciado interno */ font-size: 16px; /* Tamaño de la fuente */ font-weight: bold; border-radius: 25px; /* Bordes redondeados */ text-decoration: none; /* Elimina el subrayado del enlace */ transition: all 0.3s ease-in-out; /* Transición suave para hover */ } /* Efecto de hover */ .boton-descarga:hover { background-color: rgba(0, 0, 0, 0.1); /* Fondo oscuro al pasar el mouse */ color: #FFD700; /* Cambio a color dorado */ border-color: #FFD700; /* Borde dorado en hover */ } /* Si el fondo de la sección es verde (secciones impares) */ .section:nth-child(odd) .boton-descarga { color: #fff; /* Texto blanco */ border-color: #fff; /* Borde blanco */ } .section:nth-child(odd) .boton-descarga:hover { background-color: var(--primary-color); /* Fondo verde al hacer hover */ color: white; /* Texto blanco */ } /* Si el fondo de la sección es gris (secciones pares) */ .section:nth-child(even) .boton-descarga { color: var(--primary-color); /* Texto verde */ border-color: var(--primary-color); /* Borde verde */ } .section:nth-child(even) .boton-descarga:hover { background-color: var(--secondary-color); /* Fondo gris al hacer hover */ color: white; /* Texto blanco */ } /* Ajustes para que la página sea más responsiva */ @media (max-width: 768px) { .hero video { height: auto; } .hero-content h1 { font-size: 24px; } .hero-content p { font-size: 16px; } } @media (max-width: 992px) { .col-md-6 { max-width: 100%; } .hero { height: 50vh; } .hero-content h1 { font-size: 24px; } .hero-content p { font-size: 16px; } .carousel-inner img { height: auto; } } @media (max-width: 768px) { .navbar { padding: 5px 10px; } .navbar .nav-link { font-size: 10px; } .search-input { width: 120px; } .section { padding: 30px 15px; } .titulo-carrera { font-size: 20px; } } @media (max-width: 576px) { .hero { height: 40vh; } .hero-content h1 { font-size: 20px; } .hero-content p { font-size: 14px; } .section { padding: 20px; } .titulo-separador { font-size: 18px; } .titulo-carrera { font-size: 18px; } .carousel-inner img { max-width: 100%; height: auto; } } .navbar-icons { display: flex; gap: 20px; /* Separación entre los íconos */ align-items: center; margin-right: 20px; /* Separación entre la lupa y los íconos */ } .navbar-icon { color: white; /* Color blanco por defecto */ font-size: 20px; /* Tamaño de los íconos */ transition: color 0.3s ease-in-out; } .navbar-icon:hover { color: #FFD700; /* Cambia a dorado al pasar el mouse */ } /* Barra gris debajo del video */ .barra-video { width: 100%; height: 20px; /* Ajusta el grosor de la barra */ background: linear-gradient(to right, #808080, #cccccc); /* Degradado gris */ position: absolute; bottom: 0; /* Pegada al fondo del video */ left: 0; } /* Barra gris al inicio del footer */ .barra-footer { width: 100%; height: 20px; /* Ajusta el grosor de la barra */ background: linear-gradient(to right, #808080, #cccccc); /* Degradado gris */ position: relative; margin-top: 0; /* Asegura que esté pegada al contenido */ } .row { display: flex; /* Utiliza Flexbox */ justify-content: center; /* Centra el contenido horizontalmente */ align-items: center; /* Centra el contenido verticalmente */ overflow: hidden; } .container { height: auto; }
Close