Skip to content
Snippets Groups Projects
Select Git revision
  • 7363937868eb8ea56db475b1ea474fc1cae30a59
  • 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

templatingstyle.css

Blame
    • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    templatingstyle.css 2.86 KiB 
    body {
    /*background-color: rgb(41, 41, 41);*/
    background-color: #40116b;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100svh;
}
main {
    background-color: rgba(41, 41, 41, 0.84);
    width: 95vw;
    border-radius: 2vw;
    margin: 4svh auto;
    padding-top: 4svh;
    padding-bottom: 4svh;
    box-shadow: rgba(0, 0, 0, 0.51) 0 0 30px;
}

/* Header */
.headerBar {
    /*border-bottom: 2px rgb(230, 230, 230) solid;*/
    margin-bottom: 20px;
    display: flex;
}
/* Navbar Links */
.navBar {
    display:flex;
    flex-direction: column;
    margin: 2svh 1vw 2svh auto;
    text-align: right;
    align-content: center;
    background-color: rgba(41, 41, 41, 0.5);
    box-shadow: rgba(0, 0, 0, 0.51) 0 0 30px;
    border-radius: 1vw;
    padding:0;

    & select {
        margin-left: 5vw;
        margin-right: 0.5vw;
    }
}
.work{
    color: rgb(255, 255, 255);
    margin-left: 5vw;
    margin-right: 0.5vw;
}
.navBar ul {
    list-style: none;
    display: flex;
    margin-left: 5vw;

    & li {
        background-color: #36454F;
        border-radius: 1vw;
        padding: 0.5vw;
        box-shadow: rgba(0, 0, 0, 0.51) 0 0 5px;
    }
}


.navBar a {
    padding-left:5px ;padding-right: 5px;
    text-decoration: none;
    color:white;
    white-space: nowrap;
    overflow: hidden;
    float: right;

}
.navBar ul li:hover {
        background-color: rgb(209, 209, 209);
}
.navBar li{
    margin-left: 10px;
    margin-right: 10px;
    color: rgb(255, 255, 255);
}
.navListLast {
    border-right: 2px rgb(185, 185, 185) solid;
    margin-right:40px;
}

/* Navbar Logo */
.Logo {
    margin-left:10px;
    padding: 20px;
    width: fit-content;

    & img {
        width: 120px;
        margin-left:15px;
        box-shadow: rgba(0, 0, 0, 0.51) 0 0 30px;
        border-radius: 1vw;

    }
}

/* Footer */
footer {
    margin-top:auto;
    display: flex;
    justify-content: center;
    margin: 0 2vw;
    /*background-color: rgb(84, 33, 128);*/
    /*border-top: 2px rgb(230, 230, 230) solid;*/
    font-size: 1vw;
}
.footerBar{
    flex: 1 1;
    text-align: left;
    display: flex;
    margin: 0;
    padding: 0;
    color: rgb(255, 255, 255);
}
.footerBar ul {
    list-style: none;
    display: flex;
}
.copyright{
    text-align: left;
    display: flex;
}
.containerFooter{
    display: flex;
    flex: 1 1;
    width: 80%;
    justify-content: space-between;
    border-radius: 1vw;
    background-color: rgba(58, 58, 0, 0.81);
    padding-top: 1svh;
    padding-bottom: 1svh;
    & ul li{
        flex:1;
        color: rgb(255, 255,255);

    }
}

/*.leftFooter{*/
    /*    flex:1;*/
/*    color: rgb(255, 255,255);*/
/*}*/
/*.centerFooter{*/
/*    flex: 1;*/
/*    color: rgb(255, 255,255);*/
/*}*/
/*.rightFooter{*/
/*    flex:1;*/
/*    color: rgb(255, 255, 255);*/
/*}*/

/*CHANGES*/

.headerBar, .footerBar{
    margin:0px;
    padding: 0px;
    width: 100%;
}