PHP Classes

File: app/css/style.css

Recommend this page to a friend!
  Classes of Okanlawon Anuoluwapo   PHP MongoDB CRUD Example of API   app/css/style.css   Download  
File: app/css/style.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP MongoDB CRUD Example of API
API that provides CRUD operations with MongoDB
Author: By
Last change:
Date: 8 months ago
Size: 2,450 bytes
 

Contents

Class file image Download
@import url("https://fonts.googleapis.com/css?family=Nunito:400,700&display=swap"); * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #fdfdfd; font-family: "Nunito", sans-serif; font-size: 1rem; } main { max-width: 900px; margin: auto; padding: 0.5rem; text-align: center; } nav { display: flex; justify-content: space-between; align-items: center; } ul { list-style: none; display: flex; } li { margin-right: 1rem; } li > a { text-decoration: none; color: #222; } h1 { color: #e74c3c; margin-bottom: 0.5rem; } .coffees { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); grid-gap: 1rem; justify-content: center; align-items: center; margin: auto; padding: 1rem 0; } .card { display: flex; align-items: center; flex-direction: column; width: 15rem; height: 15rem; background: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); border-radius: 10px; margin: auto; overflow: hidden; } .card--avatar { width: 100%; height: 10rem; object-fit: cover; } .card--title { color: #222; font-weight: 700; text-transform: capitalize; font-size: 1.1rem; margin-top: 0.5rem; } .card--link { text-decoration: none; background: #db4938; color: #fff; padding: 0.3rem 1rem; border-radius: 20px; } .form-container { display: flex; justify-content: center; align-items: center; margin: auto; padding: 1rem 0; } .form-wrapper { border: 1px solid #d1c9c9; padding: 1.5rem; border-radius: 0.5rem; margin-top: 5rem; /* width: 300px; */ } .form-wrapper > form { display: flex; flex-direction: column; } label { background: linear-gradient(top, #f8f8f8, #b6b6b6); background: -webkit-linear-gradient(top, #f8f8f8, #b6b6b6); padding: 0.5rem 1.5rem; border-radius: 0.2rem; } .image-label { display: inline-block; } .imagename { font-size: 10pt; line-height: 1.5; text-overflow: ellipsis; /* text-wrap: nowrap; */ text-align: start !important; } input[type="file"], input[type="file"]::after { content: ""; display: none; } .input-text, .file-input, label, button { width: 100%; margin: 1rem auto; } input[type="text"], button { padding: 0.6rem; border-radius: 0.5rem; border: 1px solid #d1c9c9; outline: none; width: 100%; } button:hover { background-color: #e74c3c; color: #fff; } #message { font-size: 10pt; }