Gecko [ www.utparral.edu.mx ]

Name	Size	Permission
action.filesform.php	212 B	-rwxrwxr-x
csshelpers	13.84 KB	-rwxrwxr-x
oferta2.css	1.2 KB	-rwxrwxr-x
oferta2.php	46.01 KB	-rwxrwxr-x
vida.css	2.67 KB	-rwxrwxr-x
vida.php	7.31 KB	-rwxrwxr-x

Code Editor : vida.css

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

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.2); }

.top-nav-collapse {
  background-color: #1C2331; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: steelblue; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #1C2331; }

/*TODO ESTO ES DE EL EFECTO PARALLAX*/
@import url(https://fonts.googleapis.com/css?family=Montserrat)
@import url('https://fonts.googleapis.com/css?family=Open+Sans')
    
.h1{
        font-family: 'Montserrat', sans-serif;
}
  
.p{
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
}
  
.blue-bg{
      position: fixed;
background:url(https://www.mangoafricansafaris.com/sites/www.mangoafricansafaris.com/files/styles/original/public/gallery/chumbe_bungallow_and_forest_overview_oskar_henriksson.jpg?itok=UXkgUC5y);
      background-size: cover;
      background-color: #58aff6;
      top: 0;
      height: 505px;
/*    TAMAÑO DE LA IMAGEN DE FONDO*/
      width: 100vw;
      z-index: -1;
      overflow-x: hidden;
}
  
.white-bg{
    position: relative;
  top: 0;
  background-color: gainsboro;
/*    COLOR DE LA PARTE DEL CUERPO*/
    
  min-height: 500px;
  margin: 250px 0px;
/*    TAMAÑO DE LA PARTE DE ARRIBA*/
    
  width: 100vw;
  height: 100vh;
  transform: skewY(5deg);
  z-index: -1;
}
  
.content{
    position: absolute;
  top: 0;
  margin: 250px 10vw;
  max-width: 60vw;
  background-color: transparent;
}
   
.shadow{
    box-shadow: -2px -5px 5px 0px rgba(0,0,0,0.3);
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	backface-visibility: hidden;
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(143,27,15,0.8);
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Effect 5: newspaper */
.md-show.md-effect-1 ~ .md-overlay {
	background: rgba(0,127,108,0.8);
}

.md-effect-1 .md-content {
	transform: scale(0) rotate(720deg);
	opacity: 0;
	transition: all 0.5s;
}

.md-show.md-effect-1 .md-content {
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	perspective: 600px;
}

.md-container {
	background: #e74c3c;
	min-height: 100%;
}

${this.title}

Code Editor : vida.css