84 lines
3.1 KiB
CSS
Executable File
84 lines
3.1 KiB
CSS
Executable File
@import 'https://fonts.googleapis.com/css?family=Iceland|Cairo&display=swap'
|
|
/* W3.CSS 5.02 - Cleaned Version */
|
|
|
|
/* Base Reset */
|
|
html, body { font-family: Verdana, sans-serif; font-size: 15px; line-height: 1.5; margin: 0; overflow-x: hidden; box-sizing: border-box }
|
|
*, *:before, *:after { box-sizing: inherit }
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
font-family: "Segoe UI", Arial, sans-serif;
|
|
font-weight: 400;
|
|
margin: 10px 0;
|
|
}
|
|
h1 { font-size: 36px } h2 { font-size: 30px } h3 { font-size: 24px }
|
|
h4 { font-size: 20px } h5 { font-size: 18px } h6 { font-size: 16px }
|
|
|
|
a { background: transparent; color: inherit; text-decoration: none }
|
|
img { max-width: 100%; height: auto; vertical-align: middle; border: 0 }
|
|
|
|
/* Tables */
|
|
.w3-table, .w3-table-all { border-collapse: collapse; width: 100% }
|
|
.w3-table-all { border: 1px solid #ccc }
|
|
.w3-table td, .w3-table th,
|
|
.w3-table-all td, .w3-table-all th {
|
|
padding: 8px; text-align: left; vertical-align: top
|
|
}
|
|
.w3-bordered tr, .w3-table-all tr { border-bottom: 1px solid #ddd }
|
|
.w3-striped tbody tr:nth-child(even),
|
|
.w3-table-all tr:nth-child(even) { background: #f1f1f1 }
|
|
|
|
/* Buttons */
|
|
.w3-button, .w3-btn {
|
|
display: inline-block; padding: 8px 16px;
|
|
border: none; cursor: pointer; background: inherit; color: inherit;
|
|
text-align: center; white-space: nowrap;
|
|
user-select: none; -webkit-user-select: none;
|
|
}
|
|
.w3-button:hover { background: #ccc; color: #000 }
|
|
|
|
/* Lists */
|
|
.w3-ul { list-style: none; margin: 0; padding: 0 }
|
|
.w3-ul li { padding: 8px 16px; border-bottom: 1px solid #ddd }
|
|
.w3-ul li:last-child { border-bottom: none }
|
|
|
|
/* Containers */
|
|
.w3-container, .w3-panel { padding: 0.01em 16px }
|
|
.w3-panel { margin: 16px 0 }
|
|
|
|
/* Grid */
|
|
.w3-row:after, .w3-row-padding:after, .w3-clear:after {
|
|
content: ""; display: table; clear: both
|
|
}
|
|
.w3-col { float: left; width: 100% }
|
|
@media (min-width:601px) { .w3-col.m6 { width: 50% } }
|
|
@media (min-width:993px) { .w3-col.l4 { width: 33.33% } }
|
|
|
|
/* Cards */
|
|
.w3-card { box-shadow: 0 2px 5px rgba(0,0,0,0.16), 0 2px 10px rgba(0,0,0,0.12) }
|
|
.w3-card-4 { box-shadow: 0 4px 10px rgba(0,0,0,0.2), 0 4px 20px rgba(0,0,0,0.19) }
|
|
|
|
/* Utilities */
|
|
.w3-hide { display: none !important }
|
|
.w3-show { display: block !important }
|
|
.w3-center { text-align: center !important }
|
|
.w3-left { float: left !important }
|
|
.w3-right { float: right !important }
|
|
.w3-round { border-radius: 4px }
|
|
.w3-circle { border-radius: 50% }
|
|
|
|
/* Colors (sample subset) */
|
|
.w3-red { background: #f44336 !important; color: #fff !important }
|
|
.w3-green { background: #4CAF50 !important; color: #fff !important }
|
|
.w3-blue { background: #2196F3 !important; color: #fff !important }
|
|
.w3-yellow { background: #ffeb3b !important; color: #000 !important }
|
|
.w3-black { background: #000 !important; color: #fff !important }
|
|
.w3-white { background: #fff !important; color: #000 !important }
|
|
.w3-grey, .w3-gray { background: #9e9e9e !important; color: #000 !important }
|
|
|
|
/* Text Colors */
|
|
.w3-text-red { color: #f44336 !important }
|
|
.w3-text-green { color: #4CAF50 !important }
|
|
.w3-text-blue { color: #2196F3 !important }
|
|
.w3-text-black { color: #000 !important }
|
|
.w3-text-white { color: #fff !important }
|