Skip to content
Snippets Groups Projects
Select Git revision
  • e7a0ae20ffe0f73025acb0e9509fd8384599459a
  • main default protected
  • Gabes-testing-branch
  • 81-as-a-child-i-want-a-very-flashy-and-modern-looking-webpage-that-will-draw-me-in-and-keep-me
  • locationApporvalFormValidationUpdate
  • 74-as-a-user-i-want-to-see-a-page-of-local-authorities-so-that-i-can-easily-source-contact-details
  • businesses
  • 77-as-a-user-i-want-to-be-able-to-use-the-application-on-any-device-e-g-iphone-ipad-laptop
  • 69-as-a-user-i-would-like-a-town-specific-page-which-shows-all-trails-for-that-town-so-that-i-can
  • 80-as-a-convenience-enthusiast-i-want-a-drop-down-menu-to-be-able-to-quickly-scan-qr-codes-i-find
  • 82-as-a-site-admininstrator-i-want-to-be-able-to-review-submited-trail-checkpoints-by-bussiness
  • 68-as-a-user-i-would-like-to-see-a-map-containing-all-landmarks-for-a-trail-and-a-suggested-path
  • 70-as-a-repeat-trail-visitor-i-want-to-be-able-to-create-an-account-so-i-can-save-and-review-my
  • towns
  • DTFrontEnd
  • 52-as-a-user-i-would-like-to-see-a-map-of-the-landmarks-so-that-i-can-figure-out-where-to-go
  • 73-as-a-qr-scanning-connoisseur-i-want-to-unlock-stickers-after-scanning-a-qr-code-to-feel-a-sense
  • QRCodes
  • consumers
  • foreignkeys
  • cleanup
21 results

userProfile.css

Blame
    • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    userProfile.css 1.92 KiB 
    

.userInfo {
    display: flex;
    flex-direction: column;
    padding: min(2vw, 4em);
    text-align: center;

    & #userPicture {
        width: min(20vw, 20em);
        margin-inline: auto;
        border-radius: 100%;
        border: solid #a2a2a2 4px;
        box-shadow: rgba(0, 0, 0, 0.7) 0 0.5svh max(1vw, 1em);
    }

    & h1 {
        margin: 1svh 25%;
        color:white;
        border-bottom: #36454F solid 2px;
        border-radius: 5vw;
        box-shadow: rgba(0, 0, 0, 0.7) 0 0.5svh 1vw -1vw;
    }
}

#badgesBar {
    background-color: white;
    border-radius: 1vw;
    margin-inline: max(4vw, 3rem);
    display: flex;
    flex-direction: column;

    & h2 {
        margin-inline: 5vw;
        padding-inline: 2vw;
        margin-block: 0.5svh;
        box-shadow: rgba(0, 0, 0, 0.7) 0 0.5svh 1vw -1vw;
        border-bottom: #36454F solid 2px;
    }

    & .badgesContainer {
        margin: 1svh 2vw;
        padding: 1svh 1vw;
        border-inline: solid rgba(194, 98, 188, 0.7) 5px;
        border-radius: 10%;
        background: linear-gradient(90deg, rgba(255, 215, 0, 0.75), rgba(184, 134, 11, 0.75));
        overflow-x: scroll;
        min(18svh, 12em);
        align-content: center;
        display: flex;

        & .badge {
            margin-inline: 3vw;
            height: min(18svh, 10em);

        }

    }
}
#stickersBox {
    display: flex;
    flex-direction: column;
    margin-block: 0.5svh;
    margin-inline: 0.5vw;
    border-radius: 2vw;
    background: #9f74be;
    & h2 {
        font-size: 4em;
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.7) 0 2vw 2vw -2vw;