Skip to content

F
Formulario de paz
Commit 57ecf310 authored by José Luis Uc's avatar José Luis Uc
Browse files
Options

Cambios en el fondo

parent 78b37d48
Show whitespace changes
Inline Side-by-side
Showing with 114 additions and 5 deletions
encuesta.php
View file @ 57ecf310
...@@ -19,6 +19,13 @@ session_start(); ...@@ -19,6 +19,13 @@ session_start();
</head> </head>
<!--Coded with love by Mutiullah Samim--> <!--Coded with love by Mutiullah Samim-->
<body> <body>
<div class="ripple-background">
<div class="circle xxlarge shade1"></div>
<div class="circle xlarge shade2"></div>
<div class="circle large shade3"></div>
<div class="circle mediun shade4"></div>
<div class="circle small shade5"></div>
</div>
<div class="container h-100"> <div class="container h-100">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div--> <!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="d-flex justify-content-center h-100"> <div class="d-flex justify-content-center h-100">
......
index.php
View file @ 57ecf310
...@@ -46,6 +46,14 @@ $conn->close();*/ ...@@ -46,6 +46,14 @@ $conn->close();*/
<body> <body>
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div--> <!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="ripple-background">
<div class="circle xxlarge shade1"></div>
<div class="circle xlarge shade2"></div>
<div class="circle large shade3"></div>
<div class="circle mediun shade4"></div>
<div class="circle small shade5"></div>
</div>
<div class="container h-100"> <div class="container h-100">
......
lenguaje.php
View file @ 57ecf310
...@@ -23,6 +23,14 @@ if (isset($_POST['escuela'])) { ...@@ -23,6 +23,14 @@ if (isset($_POST['escuela'])) {
</head> </head>
<body> <body>
<div class="ripple-background">
<div class="circle xxlarge shade1"></div>
<div class="circle xlarge shade2"></div>
<div class="circle large shade3"></div>
<div class="circle mediun shade4"></div>
<div class="circle small shade5"></div>
</div>
<div class="container h-100"> <div class="container h-100">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div--> <!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="d-flex justify-content-center h-100"> <div class="d-flex justify-content-center h-100">
......
ownStyle.css
View file @ 57ecf310
...@@ -2,14 +2,16 @@ ...@@ -2,14 +2,16 @@
body, body,
html{ html{
background-image: url("images/background.jpg"); /*background-image: url("images/background.jpg");*/
margin: 0; margin: 0;
height: 100%; height: 100%;
border: 30px solid transparent; border: 30px solid transparent;
padding: 20px; padding: 20px;
-webkit-border-image: url("images/background2.png") 40 round; /* Safari 3.1-5 */ background: #6C3721;
-o-border-image: url("images/background2.png") 40 round; /* Opera 11-12.1 */ overflow: hidden;
border-image: url("images/background2.png") 40 round; /*-webkit-border-image: url("images/background2.png") 40 round; /* Safari 3.1-5 */
/*-o-border-image: url("images/background2.png") 40 round; /* Opera 11-12.1 */
/*border-image: url("images/background2.png") 40 round;*/
} }
.user_card { .user_card {
...@@ -81,3 +83,79 @@ input[type=number]::-webkit-outer-spin-button { ...@@ -81,3 +83,79 @@ input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
margin: 0; margin: 0;
} }
.circle{
position: absolute;
border-radius: 50%;
background: white;
animation: ripple 10s infinite;
box-shadow: 0px 0px 1px 0px #508fb9;
}
.small{
width: 200px;
height: 200px;
left: -100px;
bottom: -100px;
}
.medium{
width: 400px;
height: 400px;
left: -200px;
bottom: -200px;
}
.large{
width: 600px;
height: 600px;
left: -300px;
bottom: -300px;
}
.xlarge{
width: 800px;
height: 800px;
left: -400px;
bottom: -400px;
}
.xxlarge{
width: 1000px;
height: 1000px;
left: -500px;
bottom: -500px;
}
.shade1{
opacity: 0.2;
}
.shade2{
opacity: 0.5;
}
.shade3{
opacity: 0.7;
}
.shade4{
opacity: 0.8;
}
.shade5{
opacity: 0.9;
}
@keyframes ripple{
0%{
transform: scale(0.8);
}
50%{
transform: scale(1.2);
}
100%{
transform: scale(0.8);
}
}
salida.php
View file @ 57ecf310
...@@ -16,6 +16,14 @@ ...@@ -16,6 +16,14 @@
</head> </head>
<body onload="redireccion();"> <body onload="redireccion();">
<div class="ripple-background">
<div class="circle xxlarge shade1"></div>
<div class="circle xlarge shade2"></div>
<div class="circle large shade3"></div>
<div class="circle mediun shade4"></div>
<div class="circle small shade5"></div>
</div>
<div class="container h-100"> <div class="container h-100">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div--> <!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="d-flex justify-content-center h-100"> <div class="d-flex justify-content-center h-100">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment