mirror of
https://github.com/Alvin-Zilverstand/Schoolkantine.git
synced 2026-03-06 13:26:27 +01:00
Refactor payment page styles and add new stylesheet
This commit is contained in:
25
website/betaal.css
Normal file
25
website/betaal.css
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
text-align: center;
|
||||||
|
padding: 50px;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
color: #F56E28;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
font-size: 1.2em;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
margin-top: 30px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
background-color: #F56E28;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
background-color: #F56E28;
|
||||||
|
}
|
||||||
@@ -6,33 +6,7 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Betaalpagina Mees</title>
|
<title>Betaalpagina Mees</title>
|
||||||
<link rel="icon" href="media/favicon.ico" type="image/x-icon">
|
<link rel="icon" href="media/favicon.ico" type="image/x-icon">
|
||||||
<style>
|
<link rel="stylesheet" href="betaal.css">
|
||||||
body {
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
text-align: center;
|
|
||||||
padding: 50px;
|
|
||||||
background-color: #f9f9f9;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
color: #F56E28;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 1.2em;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
margin-top: 30px;
|
|
||||||
padding: 10px 20px;
|
|
||||||
background-color: #F56E28;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 1.1em;
|
|
||||||
}
|
|
||||||
button:hover {
|
|
||||||
background-color: #F56E28;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -328,6 +328,7 @@ body {
|
|||||||
|
|
||||||
#order-button:hover {
|
#order-button:hover {
|
||||||
background-color: #45a049;
|
background-color: #45a049;
|
||||||
|
transform: scale(1.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cart.visible {
|
.cart.visible {
|
||||||
|
|||||||
Reference in New Issue
Block a user