Skip to main content
Inspiring
December 19, 2018
Question

css file error

  • December 19, 2018
  • 1 reply
  • 711 views

I wonder if anyone could have a look at this .css file and find were the error is please??

When Im in Dreamweaver it keeps crashing which I have pinned down to the header.css file

For some reason I cannot add new css rules in the Selector on this file. When I type .test-test nothing happens or dreamweaver crashes.

i'm not sure what is causing it/

Hope you can help please?

----

---

.header {

    height: 54px;

    min-width: 1200px;

    margin-top: -34px;

}

.main-container.login-main-container div {

    margin-left: -5px;

    margin-top: 10px;

}

.container {

    max-width: 1200px;

    margin-top: 6px;

}

.carousel3 {

    margin-top: 12px;

}

.backbutton {

    width: 58px;

    margin-top: -39px;

    color: rgba(36,153,251,1.00);

    font-size: 22px;

    font-style: italic;

    margin-right: -211px;

}

.back-button-text-menu-bar {

    width: 40px;

    margin-right: 46px;

    margin-top: -33px;

}

.nav-menu-bar {

    width: 100%;

    height: 38px;

    background-color: rgba(36,153,251,1.00);

    text-align: center;

    margin-left: auto;

    margin-right: auto;

    margin-top: 24px;

}

body {

    margin: 0;

    /* [disabled]background-color: #949494; */

}

.eventify-main-logo {

    text-align: center;

    margin-top: -71px;

    min-height: 0px;

    max-height: 176px;

    visibility: visible;

}

.top-background {

    background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

    background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

    background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

    background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

    width: 100%;

    height: 200px;

    background-repeat: repeat-x;

}

.carousel {

    background-color: rgba(65,250,2,1.00);

    width: 1200px;

    height: 225px;

    text-align: center;

    margin-top: 12px;

}

.float-left {

    text-align: left;

}

.float-right {

    float: right;

}

.eventify-white-logo {

    width: 300px;

    margin-left: 231px;

    margin-top: -637px;

    padding-bottom: 16px;

}

.clear-the-float {

    clear: left;

    margin-left: 15px;

    margin-right: 0px;

    margin-top: -171px;

}

.todays-date {

    width: 10px;

    font-size: 30px;

    text-align: center;

    float: none;

}

.font {

    font-family: 'Fira Sans', sans-serif;

}

.top-text {

    text-align: center;

    font-size: 32px;

    font-weight: 600;

    margin-top: -4px;

    padding-top: 27px;

    color: #FFFFFF;

    text-shadow: 0px 0;

}

.help {

    font-style: italic;

    margin-bottom: -35px;

}

.how-it-works {

    margin-left: -124px;

    padding-bottom: 0px;

    padding-top: 0px;

    margin-bottom: -68px;

    margin-right: -28px;

}

.login-button-menu-bar {

    background-color: #1DB954;

    border-radius: 40px;

    padding-top: 8px;

    padding-right: 27px;

    padding-left: 27px;

    padding-bottom: 8px;

    margin-left: 81px;

    color: #FFFFFF;

    font-weight: 600;

}

.login-button-2 {

    margin-left: -775px;

}

.register-button-text-menu-bar {

    width: 190px;

    margin-top: -34px;

    margin-left: 192px;

    font-size: 18px;

    font-weight: 400;

    font-style: italic;

}

.faqs-button-text-menu-bar {

    margin-top: -7px;

    font-size: 29px;

    margin-right: 136px;

    font-style: italic;

    color: #2499FB;

    font-weight: 500;

}

.settings-button-text-menu-bar {

    margin-top: -6px;

    margin-right: -112px;

    width: 30px;

}

.back-button-text-menu-bar {

    width: 40px;

    margin-right: 46px;

    margin-top: -33px;

}

.line-text-menu-bar {

    border: 2px solid rgba(36,153,251,1.00);

    width: 0px;

    min-width: 1200px;

    padding-top: 0px;

    margin-top: 26px;

    margin-bottom: 5px;

    text-shadow: 0 0;

}

.login-button-text {

    text-align: center;

    padding-top: 10px;

    text-shadow: 0px 0px;

    color: rgba(255,255,255,1.00);

    font-size: 21px;

    padding-bottom: 10px;

    border-radius: 0;

    margin-left: 3px;

}

hr {

    margin-top: 39px;

    margin-bottom: 54px;

    border-top: 2px solid rgba(36,153,251,1.00);

    min-width: 1200px;

}

.carousel {

    margin-top: 20px;

    padding-top: 36px;

}

.layer1 {

    width: 1200px;

    height: 332px;

    background-color: rgba(253,224,224,1.00);

}

.main-container {

    margin-top: -36px;

    padding-top: 25px;

    margin-bottom: 90px;

    text-align: left;

    margin-left: auto;

    margin-right: auto;

    min-height: 600px;

    width: 1200px;

}

.todays-date-blue {

    font-size: 30px;

    color: #2E8CEB;

    width: 153px;

    padding-top: 0px;

    margin-bottom: -16px;

    padding-bottom: 3px;

    margin-top: 11px;

    margin-left: 27px;

}

.other-dates-strip {

    font-size: 30px;

    padding-left: 0px;

    margin-right: -50px;

}

.top-header-text-hide {

    color: #000000;

    font-size: 32px;

    margin-top: -40px;

    height: 40px;

    margin-bottom: 39px;

}

.eventify-top-logo {

    margin-top: -45px;

    margin-bottom: 8px;

}

.register-text-button {

    color: #000000;

    margin-left: 9px;

    font-style: italic;

}

.faqs-main-container {

    width: 1200px;

    height: 1400px;

    margin-bottom: 29px;

    margin-top: 30px;

    margin-left: auto;

    margin-right: auto;

}

.map-1 {

    width: 1200px;

    height: 405px;

    /* [disabled]background-color: #FE9596; */

    margin-top: 26px;

}

.map-main-container {

    width: 1200px;

    height: 800px;

    margin-left: auto;

    margin-right: auto;

    margin-top: -26px;

}

.carousel-2 {

    margin-top: 12px;

    margin-bottom: 49px;

}

.city-town-text {

    width: 160px;

}

.login-container {

    margin-top: -1px;

}

.login-main-container {

    margin-top: 0px;

    max-width: 1200px;

}

.main-container-advertising {

  margin-top: 39px;

  margin-left: 368px;

  width: 244px;

}

.main-container-all-events {

    margin-top: -50px;

}

.panel-box-size {

    background-color: #FCB0B1;

    height: 256px;

}

.join-now-button {

    padding-top: 7px;

    padding-bottom: 8px;

    padding-right: 21px;

    padding-left: 21px;

    color: #2499FB;

    margin-left: 4px;

    font-size: 21px;

}

.hamburger-icon {

    width: 38px;

    margin-top: -35px;

}

.main-container-2 {

    height: 950px;

    width: 1200px;

    margin-left: auto;

    margin-right: auto;

    margin-top: -42px;

}

@media (max-width:768px){

.eventify-top-logo {

    margin-top: 89px;

    margin-bottom: 13px;

}

.other-dates-strip {

    margin-top: -3px;

}

.todays-date-blue {

    margin-bottom: -19px;

    margin-top: 54px;

}

.top-background {

    padding-right: 0px;

    padding-left: 0px;

    margin-bottom: -222px;

    background-repeat: repeat-x;

    height: 267px;

    background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

    background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

    background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

    background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

}

@media (max-width:400px){

.eventify-top-logo {

    margin-top: 10px;

}

.eventify-main-logo {

    margin-bottom: 80px;

}

.top-background {

    background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

    background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

    background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

    background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

    height: 373px;

}

}

.background-fade {

background-repeat: repeat-x;

}

    This topic has been closed for replies.

    1 reply

    Legend
    December 19, 2018

    I think you missing a closing brace at the end of the '@media (max-width:768px); rules

    Paul-M - Community Expert
    Legend
    December 19, 2018

    .header {

        height: 54px;

        min-width: 1200px;

        margin-top: -34px;

    }

    .main-container.login-main-container div {

        margin-left: -5px;

        margin-top: 10px;

    }

    .container {

        max-width: 1200px;

        margin-top: 6px;

    }

    .carousel3 {

        margin-top: 12px;

    }

    .backbutton {

        width: 58px;

        margin-top: -39px;

        color: rgba(36,153,251,1.00);

        font-size: 22px;

        font-style: italic;

        margin-right: -211px;

    }

    .back-button-text-menu-bar {

        width: 40px;

        margin-right: 46px;

        margin-top: -33px;

    }

    .nav-menu-bar {

        width: 100%;

        height: 38px;

        background-color: rgba(36,153,251,1.00);

        text-align: center;

        margin-left: auto;

        margin-right: auto;

        margin-top: 24px;

    }

    body {

        margin: 0;

        /* [disabled]background-color: #949494; */

    }

    .eventify-main-logo {

        text-align: center;

        margin-top: -71px;

        min-height: 0px;

        max-height: 176px;

        visibility: visible;

    }

    .top-background {

        background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

        background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

        background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

        background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

        width: 100%;

        height: 200px;

        background-repeat: repeat-x;

    }

    .carousel {

        background-color: rgba(65,250,2,1.00);

        width: 1200px;

        height: 225px;

        text-align: center;

        margin-top: 12px;

    }

    .float-left {

        text-align: left;

    }

    .float-right {

        float: right;

    }

    .eventify-white-logo {

        width: 300px;

        margin-left: 231px;

        margin-top: -637px;

        padding-bottom: 16px;

    }

    .clear-the-float {

        clear: left;

        margin-left: 15px;

        margin-right: 0px;

        margin-top: -171px;

    }

    .todays-date {

        width: 10px;

        font-size: 30px;

        text-align: center;

        float: none;

    }

    .font {

        font-family: 'Fira Sans', sans-serif;

    }

    .top-text {

        text-align: center;

        font-size: 32px;

        font-weight: 600;

        margin-top: -4px;

        padding-top: 27px;

        color: #FFFFFF;

        text-shadow: 0px 0;

    }

    .help {

        font-style: italic;

        margin-bottom: -35px;

    }

    .how-it-works {

        margin-left: -124px;

        padding-bottom: 0px;

        padding-top: 0px;

        margin-bottom: -68px;

        margin-right: -28px;

    }

    .login-button-menu-bar {

        background-color: #1DB954;

        border-radius: 40px;

        padding-top: 8px;

        padding-right: 27px;

        padding-left: 27px;

        padding-bottom: 8px;

        margin-left: 81px;

        color: #FFFFFF;

        font-weight: 600;

    }

    .login-button-2 {

        margin-left: -775px;

    }

    .register-button-text-menu-bar {

        width: 190px;

        margin-top: -34px;

        margin-left: 192px;

        font-size: 18px;

        font-weight: 400;

        font-style: italic;

    }

    .faqs-button-text-menu-bar {

        margin-top: -7px;

        font-size: 29px;

        margin-right: 136px;

        font-style: italic;

        color: #2499FB;

        font-weight: 500;

    }

    .settings-button-text-menu-bar {

        margin-top: -6px;

        margin-right: -112px;

        width: 30px;

    }

    .back-button-text-menu-bar {

        width: 40px;

        margin-right: 46px;

        margin-top: -33px;

    }

    .line-text-menu-bar {

        border: 2px solid rgba(36,153,251,1.00);

        width: 0px;

        min-width: 1200px;

        padding-top: 0px;

        margin-top: 26px;

        margin-bottom: 5px;

        text-shadow: 0 0;

    }

    .login-button-text {

        text-align: center;

        padding-top: 10px;

        text-shadow: 0px 0px;

        color: rgba(255,255,255,1.00);

        font-size: 21px;

        padding-bottom: 10px;

        border-radius: 0;

        margin-left: 3px;

    }

    hr {

        margin-top: 39px;

        margin-bottom: 54px;

        border-top: 2px solid rgba(36,153,251,1.00);

        min-width: 1200px;

    }

    .carousel {

        margin-top: 20px;

        padding-top: 36px;

    }

    .layer1 {

        width: 1200px;

        height: 332px;

        background-color: rgba(253,224,224,1.00);

    }

    .main-container {

        margin-top: -36px;

        padding-top: 25px;

        margin-bottom: 90px;

        text-align: left;

        margin-left: auto;

        margin-right: auto;

        min-height: 600px;

        width: 1200px;

    }

    .todays-date-blue {

        font-size: 30px;

        color: #2E8CEB;

        width: 153px;

        padding-top: 0px;

        margin-bottom: -16px;

        padding-bottom: 3px;

        margin-top: 11px;

        margin-left: 27px;

    }

    .other-dates-strip {

        font-size: 30px;

        padding-left: 0px;

        margin-right: -50px;

    }

    .top-header-text-hide {

        color: #000000;

        font-size: 32px;

        margin-top: -40px;

        height: 40px;

        margin-bottom: 39px;

    }

    .eventify-top-logo {

        margin-top: -45px;

        margin-bottom: 8px;

    }

    .register-text-button {

        color: #000000;

        margin-left: 9px;

        font-style: italic;

    }

    .faqs-main-container {

        width: 1200px;

        height: 1400px;

        margin-bottom: 29px;

        margin-top: 30px;

        margin-left: auto;

        margin-right: auto;

    }

    .map-1 {

        width: 1200px;

        height: 405px;

        /* [disabled]background-color: #FE9596; */

        margin-top: 26px;

    }

    .map-main-container {

        width: 1200px;

        height: 800px;

        margin-left: auto;

        margin-right: auto;

        margin-top: -26px;

    }

    .carousel-2 {

        margin-top: 12px;

        margin-bottom: 49px;

    }

    .city-town-text {

        width: 160px;

    }

    .login-container {

        margin-top: -1px;

    }

    .login-main-container {

        margin-top: 0px;

        max-width: 1200px;

    }

    .main-container-advertising {

      margin-top: 39px;

      margin-left: 368px;

      width: 244px;

    }

    .main-container-all-events {

        margin-top: -50px;

    }

    .panel-box-size {

        background-color: #FCB0B1;

        height: 256px;

    }

    .join-now-button {

        padding-top: 7px;

        padding-bottom: 8px;

        padding-right: 21px;

        padding-left: 21px;

        color: #2499FB;

        margin-left: 4px;

        font-size: 21px;

    }

    .hamburger-icon {

        width: 38px;

        margin-top: -35px;

    }

    .main-container-2 {

        height: 950px;

        width: 1200px;

        margin-left: auto;

        margin-right: auto;

        margin-top: -42px;

    }

    @media (max-width:768px){

    .eventify-top-logo {

        margin-top: 89px;

        margin-bottom: 13px;

    }

    .other-dates-strip {

        margin-top: -3px;

    }

    .todays-date-blue {

        margin-bottom: -19px;

        margin-top: 54px;

    }

    .top-background {

        padding-right: 0px;

        padding-left: 0px;

        margin-bottom: -222px;

        background-repeat: repeat-x;

        height: 267px;

        background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

        background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

        background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

        background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

    }

    } /* EXTRA CLOSING BRACE REQUIRED */

    @media (max-width:400px){

    .eventify-top-logo {

        margin-top: 10px;

    }

    .eventify-main-logo {

        margin-bottom: 80px;

    }

    .top-background {

        background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

        background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

        background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

        background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

        height: 373px;

    }

    }

    .background-fade {

    background-repeat: repeat-x;

    }

    Paul-M - Community Expert
    tim crossAuthor
    Inspiring
    December 19, 2018

    Thank you for having a look, but sadly it has made no difference.

    I deleted all my CSS files and added a brand new one, and even that was is having the same issue, ie when you try to put a new .test into the Selector, the panel disappears when you are typing in it, or it won't allow you to type anything

    I have reinstalled, but that makes no difference.

    Not sure what to do :-(