PHP Classes

File: modules/user/etc/styles.css

Recommend this page to a friend!
  Classes of Adrian M   upMVC   modules/user/etc/styles.css   Download  
File: modules/user/etc/styles.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: upMVC
Pure PHP web development without other frameworks
Author: By
Last change: upMVC
Date: 5 months ago
Size: 4,423 bytes
 

Contents

Class file image Download
/* * Copyright (c) 2023 BitsHost * All rights reserved. * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ /* * Created on Tue Oct 31 2023 * Copyright (c) 2023 BitsHost * All rights reserved. * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. * Here you may host your app for free: * https://bitshost.biz/ */ body { font-family: 'Arial', sans-serif; } .container { max-width: 600px; margin: 20px auto; } table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } table, th, td { border: 1px solid #ddd; } th, td { padding: 10px; text-align: left; } th { background-color: #f2f2f2; } form { margin-top: 20px; } a.delete-link { color: red; cursor: pointer; } /* Add these styles for the form */ .container { max-width: 850px; margin: auto; } form { margin-top: 20px; } label { display: block; margin-bottom: 8px; } input { width: 100%; padding: 8px; margin-bottom: 10px; } input[type="submit"] { background-color: #4caf50; color: white; cursor: pointer; } input[type="submit"]:hover { background-color: #45a049; } /* Add these styles for the table */ table { width: 100%; border-collapse: collapse; margin-top: 20px; } th, td { border: 1px solid #ddd; padding: 8px; text-align: left; } th { background-color: #4caf50; color: white; } tr:hover { background-color: #f5f5f5; } /* Add these styles for pagination */ .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { color: black; float: left; padding: 8px 16px; text-decoration: none; transition: background-color .3s; } .pagination a.active { background-color: #4caf50; color: white; } .pagination a:hover:not(.active) { background-color: #ddd; } /* Add this to your existing styles.css file */ /* Responsive styling */ @media screen and (max-width: 600px) { /* Hide the ID column on smaller screens */ th:first-child, td:first-child { display: none; } /* Add a horizontal scrollbar for the table on smaller screens */ table { overflow-x: auto; } /* Adjust padding for the remaining columns */ th, td { padding: 8px; } }