Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/673190902/u67319090018/NUTweb/styles.css
Arrière
/* 🌿 ตั้งค่าพื้นฐาน */ body { font-family: 'Sarabun', sans-serif; margin: 0; padding: 0; background-color: #f4f4f9; color: #333; text-align: center; } /* 🏞 เมนูนำทาง */ nav { background-color: #4CAF50; padding: 10px 0; text-align: center; position: fixed; width: 100%; top: 0; z-index: 1000; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } nav ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; } nav ul li { margin: 0 15px; } nav ul li a { text-decoration: none; color: white; font-weight: bold; font-size: 18px; transition: color 0.3s ease-in-out; } nav ul li a:hover { color: #FFD700; } /* 🎇 ส่วนหัว */ header { background-color: #317233; padding: 40px 20px; color: white; margin-top: 50px; font-size: 24px; font-weight: bold; } /* 🖼️ รูปภาพ */ img { width: 80%; max-width: 1000px; border-radius: 10px; margin-top: 20px; } /* 📜 ส่วนของเนื้อหา */ .container { max-width: 900px; margin: 0 auto; padding: 20px; } .content { background: white; padding: 20px; margin: 20px 0; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } /* 🌟 หัวข้อแต่ละส่วน */ h2 { color: #4CAF50; font-size: 24px; margin-bottom: 10px; } /* 🗺️ แผนที่ */ #map iframe { background: white; padding: 50px; width: 90%; height: 400px; border-radius: 10px; margin-top: 10px; } /* 📬 ฟอร์มติดต่อ */ #contact-form { max-width: 500px; background: white; padding: 50px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin: 20px auto; width: 90%; height: 400px; margin-top: 10px; } #contact-form input, #contact-form textarea { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; } /* 🎨 ปุ่ม */ button { background-color: #4CAF50; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 18px; transition: background-color 0.3s ease-in-out; } button:hover { background-color: #388E3C; } /* ⬆ ปุ่มกลับด้านบน */ #backToTop { position: fixed; bottom: 20px; right: 20px; background-color: #4CAF50; color: white; border: none; padding: 10px; border-radius: 50%; cursor: pointer; font-size: 20px; display: none; transition: background-color 0.3s ease-in-out; } #backToTop:hover { background-color: #388E3C; } /* 📢 Footer */ footer { background-color: #4CAF50; color: white; padding: 10px; margin-top: 20px; } /* 🎭 เอฟเฟกต์ Fade-in */ .fade-in { opacity: 0; transform: translateY(20px); animation: fadeIn 1s ease-in-out forwards; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* 🌍 ไอคอนโซเชียล */ .social-icons img { width: 30px; margin: 5px; transition: transform 0.3s ease-in-out; } .social-icons img:hover { transform: scale(1.1); }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.29 |
proxy
|
phpinfo
|
Réglages