Astral04andClaude Opus 4.8
4e1a69c8d4
CodeIgniter 3 app for dinbestehjelper.no. Excludes vendor/, local backup folders (new/, archive/, archived/) and DB dumps (*.sql) via .gitignore. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01P16ttGUge8zj91dm6WrmEb
157 lines
2.7 KiB
CSS
157 lines
2.7 KiB
CSS
/* Small devices (landscape phones, 320px and up) */
|
|
@media (min-width: 320px) {
|
|
.totalPanelContainer, #totalPanel {
|
|
width: 100%;
|
|
max-width:440px;
|
|
}
|
|
|
|
.bookingPhone, .bookingEmail, .bookingName{
|
|
margin: 0 1em;
|
|
width: 92%!important;
|
|
padding: 0;
|
|
max-width: 500px;
|
|
}
|
|
|
|
.totalPrice, .totalSelectedTime {
|
|
width: 100%;
|
|
}
|
|
|
|
.serviceTable {
|
|
width: 90%!important;
|
|
}
|
|
|
|
.bookingContainer {
|
|
width: auto;
|
|
}
|
|
|
|
.totalPanelContainer {
|
|
width: auto;
|
|
}
|
|
|
|
html.rd-navbar-fixed-linked .page {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.bookingContainer {
|
|
margin-top: 0;
|
|
}
|
|
|
|
html.rd-navbar-fixed-linked .page {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.bookingEmailTitle, .bookingPhoneTitle {
|
|
text-align: center;
|
|
}
|
|
|
|
.g-recaptcha {
|
|
top: 62px;
|
|
}
|
|
|
|
#bookingStep3 {
|
|
min-height: 590px;
|
|
}
|
|
|
|
}
|
|
|
|
/* Small devices (landscape phones, 375px and up) */
|
|
@media (min-width: 375px) {
|
|
|
|
}
|
|
|
|
/* Small devices (landscape phones, 576px and up) */
|
|
@media (min-width: 576px) {
|
|
.totalPanelContainer {
|
|
width: 95%;
|
|
}
|
|
}
|
|
|
|
/* Medium devices (tablets, 768px and up) */
|
|
@media (min-width: 768px) {
|
|
.serviceTable {
|
|
width: 90%!important;
|
|
}
|
|
|
|
.bookingPhone, .bookingEmail, .bookingName{
|
|
width: 100%!important;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.g-recaptcha {
|
|
top: -30px;
|
|
}
|
|
|
|
.bookingContainer {
|
|
width: 700px;
|
|
}
|
|
|
|
.totalPanelContainer {
|
|
width: 440px;
|
|
}
|
|
|
|
.bookingContainer {
|
|
margin-top: 115px;
|
|
}
|
|
|
|
html.rd-navbar-fixed-linked .page {
|
|
padding-top: 56px;
|
|
}
|
|
|
|
.bookingEmailTitle, .bookingPhoneTitle {
|
|
text-align: right;
|
|
width: 200px;
|
|
}
|
|
|
|
.g-recaptcha {
|
|
top: 8px;
|
|
}
|
|
|
|
#bookingStep3 {
|
|
min-height: 540px;
|
|
}
|
|
|
|
.bookingName, .bookingEmail, .bookingPhone {
|
|
width: 250px;
|
|
}
|
|
}
|
|
|
|
/* Large devices (desktops, 992px and up) */
|
|
@media (min-width: 992px) {
|
|
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 1200px and up) */
|
|
@media (min-width: 1200px) {
|
|
|
|
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 2000px and up) */
|
|
@media (min-width: 2000px) {
|
|
|
|
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 2500px and up) */
|
|
@media (min-width: 2500px) {
|
|
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 3000px and up) */
|
|
@media (min-width: 3500px) {
|
|
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 4500px and up) */
|
|
@media (min-width: 4500px) {
|
|
|
|
}
|
|
|
|
/* Extra large devices (large desktops, 5000px and up) */
|
|
@media (min-width: 5000px) {
|
|
|
|
}
|
|
|
|
|
|
|