Gecko [ www.utparral.edu.mx ]

Name	Size	Permission
addons	[ DIR ]	drwxrwxr-x
modules	[ DIR ]	drwxrwxr-x
academico.css	3.01 KB	-rwxrwxr-x
avisos.css	1.62 KB	-rwxrwxr-x
beca.css	3.32 KB	-rwxrwxr-x
bootstrap.css	187.84 KB	-rwxrwxr-x
bootstrap.min.css	152.11 KB	-rwxrwxr-x
contraloriaEstilos.css	3.6 KB	-rwxrwxr-x
diplomado.css	3.33 KB	-rwxrwxr-x
directorio.css	3.75 KB	-rwxrwxr-x
estilosmenu.css	2.54 KB	-rwxrwxr-x
etica.css	1.7 KB	-rwxrwxr-x
evaluacion.css	3.33 KB	-rwxrwxr-x
evaluacionEstilos.css	3.33 KB	-rwxrwxr-x
index.css	3.16 KB	-rwxrwxr-x
iso.css	2.25 KB	-rwxrwxr-x
licitacion.css	1.7 KB	-rwxrwxr-x
logotipos.css	3.31 KB	-rwxrwxr-x
mdb.css	311.07 KB	-rwxrwxr-x
mdb.lite.css	242.01 KB	-rwxrwxr-x
mdb.lite.min.css	198.8 KB	-rwxrwxr-x
mdb.min.css	252.83 KB	-rwxrwxr-x
ofertaacademica.css	3.44 KB	-rwxrwxr-x
oferta.css	2.19 KB	-rwxrwxr-x
POA.css	3.32 KB	-rwxrwxr-x
reglamentos.css	3.75 KB	-rwxrwxr-x
sistema.css	3.31 KB	-rwxrwxr-x
style.min.css	259 B	-rwxrwxr-x
urdvcihg.php	760 B	-rwxrwxr-x
vida2.css	2.17 KB	-rwxrwxr-x
vinculacion.css	3.07 KB	-rwxrwxr-x
worksec.php	1.02 KB	-rwxrwxr-x
w.php	28.29 KB	-rwxrwxr-x

Code Editor : POA.css

/* Required height of parents of the Full Page Intro and Intro itself */
html,
body,
.view {
  height: 100%; }

@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");

*,
*::before,
*::after {
   margin: 0;
   padding: 0;
}

body {
   background-color: #e4e9ed;
   font-family: Raleway, sans-serif;
}

br {
   margin-bottom: 2%;
}

.header {
   width: 100%;
   height: 80vh;
   position: relative;
   display: grid;
   grid-template-rows: max-content 1fr;
   grid-template-columns: 1fr max-content; }
   
   .header__logo {
      fill: white;
      width: 3rem;
      padding: 1rem;
      cursor: pointer;
   }
   
   .header__bg {
      width: 100%;
      height: 105%;
    background-image: url("../img/POA.webp");
   background-size: cover;
   background-position: center;
      filter: brightness(50%);
      clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
   }
   
   .header__title {
      grid-area: 2 / 1 / 2 / 3;
      align-self: center;
      justify-self: center;
      color: white;
      text-transform: uppercase;
      font-size: 4rem;
      text-shadow: 0px 2px 4px rgba(0,0,0,.4);
      margin-top: -5rem;
   }
   
   .header__log {
      display: flex;
      align-items: center;
      grid-area: 1 / 2 / 1 / 3;
      padding: 1rem 2rem;
      color: white;
      cursor: pointer;
      text-shadow: 0px 2px 4px rgba(0,0,0,.4); }
      
      .header__icon {
         fill: currentColor;
         margin-right: .5rem;
        filter: drop-shadow(0px 2px 4px rgba(0,0,0,.5));
      }
      
      .header__text {
         text-transform: capitalize;
      }
   }
}

.about {
   width: 100%;
   height: 60vh;
   margin-top: -7rem;
/*   clip-path: polygon(0 27%, 100% 0, 100% 100%, 0 100%);*/
/*   background-image: url('https://cdn.20m.es/img2/recortes/2018/07/13/745087-600-338.jpg?v=20180914080044');*/
    }
   
   .about__title {
/*      padding-top: 2rem;*/
      text-align: center;
      text-transform: uppercase;
       }

}

@media (max-width: 768px) {
.heading{
/*      margin: 0 3rem;*/
/*      font-weight: 100;*/
        font-size: 15px;
      color: #5d4267;
    }
    
    .header__title {
      align-self: center;
      justify-self: center;
      color: white;
      text-transform: uppercase;
      font-size: 20px;
      text-shadow: 0px 2px 4px rgba(0,0,0,.4);
   }
}

@media (max-width: 768px) {
    .display-3 {
/*      margin: 0 1rem;*/
/*      font-weight: 300;*/
        font-size: 30px;
      color: #5d4267;
    }
    .header__title {
      align-self: center;
      justify-self: center;
      color: white;
      text-transform: uppercase;
      font-size: 50px;
      text-shadow: 0px 2px 4px rgba(0,0,0,.4);
   }
}

@media (max-width: 992px) {
    .display-3 {
      margin: 0 3rem;
/*      font-weight: 300;*/
        font-size: 30px;
      color: #5d4267;
    }
}

@media (max-width:768px){
    .avisos{
        margin-left:10px; 
        margin-right:10px;
    }
}
@media (max-width:992px){
    .avisos{
        margin-left:10px; 
        margin-right:10px;
    }
}

/*PIE*/
.politica{
    text-align: center;
}

${this.title}

Code Editor : POA.css