PHP Classes

File: styles/first-page.css

Recommend this page to a friend!
  Classes of Ann   Purp Project   styles/first-page.css   Download  
File: styles/first-page.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Purp Project
Application to manage photo albums
Author: By
Last change: Update of styles/first-page.css
Date: 1 year ago
Size: 2,232 bytes
 

Contents

Class file image Download
*{ box-sizing: border-box; } body{ /* font-family: 'Century Gothic'; background-color: #ce5cd8; background: no-repeat linear-gradient(45deg,#ce5cd8,#9dc3d4); display: flex; align-items: center; justify-content: center; min-height: 100vh; min-width: 100vh; */ overflow: hidden; } /* h1{ color: antiquewhite; font-size: 5em; } */ .logo{ margin-top: 15%; width: 20%; /* position: absolute; */ } #logo{ width: 100%; } .content{ min-width: 100%; height: 100%; margin-left: 5%; margin-right: 5%; margin-bottom: 30%; margin-top: 0%; /* text-align: center; */ } .titles{ margin-left: 5%; margin-top: 5%; width: 50%; } p{ margin-left: 5%; margin: 10px,0; align-self: center; } .form{ height: 40%; width: 30%; margin: 0; padding: 0; display: flex; flex-direction: column; } input{ margin: 5px; padding: 10px; background-color: rgba(255, 255, 255, 0.753); border-radius: 20px; border: unset; border-bottom: 2px solid #8f009c; outline: none; } .buttons{ width: 30%; position: absolute; /* margin-top: 7%; */ margin-left: 5%; /* text-align: center; */ } .button{ /* display: inline; */ margin-left: 5%; padding: 15px; font-size: 3.5vh; background-color: antiquewhite; border-radius: 17px; } .button:hover{ background-color: #47ff6f; } button{ width: 30%; padding: 5px; /* margin-top: 15%; */ align-self: center; /* background: #8f009c; */ border: unset; border-radius: 10px; cursor: pointer; } #gender{ margin-bottom: 10%; border: unset; } /* .message{ display: flex; margin-top: 300px; */ /* margin-right: 40%; */ /* } */ /* .msg{ */ /* position:absolute; */ /* margin: 0; padding: 0; */ /* margin-top: 20%; */ /* color: #d33c00; */ /* padding: 10px; border: 2px solid #d33c00; border-radius: 5px; } */ .error { border-bottom: 2px solid #ff4332; } .none{ display: none; }