diff --git a/src/App/assets/scss/components/_general.scss b/src/App/assets/scss/components/_general.scss index e85caac..8360c93 100644 --- a/src/App/assets/scss/components/_general.scss +++ b/src/App/assets/scss/components/_general.scss @@ -1,178 +1,178 @@ -html, -body { - height: 100%; -} - -body { - font-family: 'Source Sans Pro', sans-serif; - font-size: 16px; - line-height: 1.3em; - font-weight: 300; -} - -h1, -.h1 { - font-size: 40px; - font-family: 'Montserrat', sans-serif; - font-weight: 200; - color: #2C2C2C; -} - -h2, -.h2 { - font-size: 32px; - font-family: 'Montserrat', sans-serif; - font-weight: 200; - color: #2C2C2C; -} - -h3, -.h3 { - font-size: 24px; - font-family: 'Montserrat', sans-serif; - font-weight: 200; - color: #2C2C2C; -} - -h4, -.h4 { - font-size: 20px; - font-family: 'Montserrat', sans-serif; - font-weight: 200; - color: #2C2C2C; -} - -h5, -.h5 { - font-size: 18px; - font-family: 'Montserrat', sans-serif; - font-weight: 200; - color: #2C2C2C; -} - -h6, -.h6 { - font-size: 16px; - font-family: 'Montserrat', sans-serif; - font-weight: 200; - color: #2C2C2C; -} - -a { - color: #555ec4; - font-family: 'Source Sans Pro', sans-serif; - font-weight: 300; -} - -a:hover { - color: #C60B31; -} - -p { - color: #B1B1B1; - font-family: 'Source Sans Pro', sans-serif; - font-weight: 300; -} - -label { - color: #B1B1B1; -} - -#wrapper { - min-height: 100%; - height: auto !important; - height: 100%; - margin: 0 auto -115px; - background: #F5F5F5; -} - -.navbar { - margin-bottom: 0; - border-radius: 0; - background-color: #FFFFFF; - border: 0; - border-bottom: 1px solid #F6F6F6; - - .navbar-brand { - img { - display: block; - width: 170px; - height: 29px; - } - } -} - -@media (max-width: 767px){ - .navbar { - .navbar-collapse { - margin-top: 10px; - - .dropdown-menu { - border: none; - background-color: transparent; - } - } - } -} - -.content-header { -} - -.user-form { - .content { - padding-top: 80px; - padding-bottom: 50px; - } -} - -#push, -.app-footer { - height: 115px; -} - -.app-footer { - padding: 30px 50px; - background: #F9F9F9; - - p { - margin-bottom: 0; - font-size: 14px; - } - - .enjoy { - margin-bottom: 5px; - font-size: 20px; - color: #3B3B3B; - font-family: 'Montserrat', sans-serif; - font-weight: 200; - } -} - -.alert { - ul { - display: block; - margin: 0; - padding-left: 15px; - } -} - -input { - padding: 15px 15px; - background: #FFFFFF; - border-radius: 2px; - border: 1px solid #E7E7E7; - font-size: 16px; - line-height: 50px; - height: 50px; - width: 100%; -} - -input[type="submit"] { - padding-top: 0; - padding-bottom: 0; - height: 50px; - border-radius: 2px; - background: #C60B31; - border-color: #C60B31; - color: #FFFFFF; -} \ No newline at end of file +html, +body { + height: 100%; +} + +body { + font-family: 'Source Sans Pro', sans-serif; + font-size: 16px; + line-height: 1.3em; + font-weight: 300; +} + +h1, +.h1 { + font-size: 40px; + font-family: 'Montserrat', sans-serif; + font-weight: 200; + color: #2C2C2C; +} + +h2, +.h2 { + font-size: 32px; + font-family: 'Montserrat', sans-serif; + font-weight: 200; + color: #2C2C2C; +} + +h3, +.h3 { + font-size: 24px; + font-family: 'Montserrat', sans-serif; + font-weight: 200; + color: #2C2C2C; +} + +h4, +.h4 { + font-size: 20px; + font-family: 'Montserrat', sans-serif; + font-weight: 200; + color: #2C2C2C; +} + +h5, +.h5 { + font-size: 18px; + font-family: 'Montserrat', sans-serif; + font-weight: 200; + color: #2C2C2C; +} + +h6, +.h6 { + font-size: 16px; + font-family: 'Montserrat', sans-serif; + font-weight: 200; + color: #2C2C2C; +} + +a { + color: #555ec4; + font-family: 'Source Sans Pro', sans-serif; + font-weight: 300; +} + +a:hover { + color: #C60B31; +} + +p { + color: #B1B1B1; + font-family: 'Source Sans Pro', sans-serif; + font-weight: 300; +} + +label { + color: #B1B1B1; +} + +#wrapper { + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -115px; + background: #F5F5F5; +} + +.navbar { + margin-bottom: 0; + border-radius: 0; + background-color: #FFFFFF; + border: 0; + border-bottom: 1px solid #F6F6F6; + + .navbar-brand { + img { + display: block; + width: 170px; + height: 29px; + } + } +} + +@media (max-width: 767px){ + .navbar { + .navbar-collapse { + margin-top: 10px; + + .dropdown-menu { + border: none; + background-color: transparent; + } + } + } +} + +.content-header { +} + +.user-form { + .content { + padding-top: 80px; + padding-bottom: 50px; + } +} + +#push, +.app-footer { + height: 115px; +} + +.app-footer { + padding: 30px 50px; + background: #F9F9F9; + + p { + margin-bottom: 0; + font-size: 14px; + } + + .enjoy { + margin-bottom: 5px; + font-size: 20px; + color: #3B3B3B; + font-family: 'Montserrat', sans-serif; + font-weight: 200; + } +} + +.alert { + ul { + display: block; + margin: 0; + padding-left: 15px; + } +} + +input { + padding: 15px 15px; + background: #FFFFFF; + border-radius: 2px; + border: 1px solid #E7E7E7; + font-size: 16px; + line-height: 50px; + height: 50px; + width: 100%; +} + +input[type="submit"] { + padding-top: 0; + padding-bottom: 0; + height: 50px; + border-radius: 2px; + background: #C60B31; + border-color: #C60B31; + color: #FFFFFF; +} diff --git a/src/App/assets/scss/components/_pages.scss b/src/App/assets/scss/components/_pages.scss index cd207f3..adba7a3 100644 --- a/src/App/assets/scss/components/_pages.scss +++ b/src/App/assets/scss/components/_pages.scss @@ -1,272 +1,272 @@ -/** General elements for pages **/ -.page-intro { - position: relative; - padding: 120px 0; - background: #F6F6F6; - text-align: center; -} - -.page-intro p { - margin: 0 auto; - padding-bottom: 20px; - font-size: 18px; - color: #ABABAB; - max-width: 880px; -} - -.page-intro p a { - color: #ABABAB; -} - -.page-intro p.welcome { - letter-spacing: 5px; - text-transform: uppercase; - color: #464646; - font-size: 20px; - font-weight: 400; - line-height: 1.3em; -} - -.page-intro h1 { - margin-top: 30px; - margin-bottom: 40px; - font-size: 100px; - letter-spacing: 5px; -} - -@media ( max-width: 1199px) { - .page-intro h1 { - font-size: 86px; - } -} - -@media ( max-width: 991px) { - .page-intro { - padding: 100px 0; - } - - .page-intro h1 { - font-size: 70px; - } -} - -@media ( max-width: 768px) { - .page-intro { - padding: 80px 0 50px 0; - } - - .page-intro h1 { - font-size: 50px; - } -} - -@media ( max-width: 500px) { - .page-intro { - padding: 80px 0 0 0; - } - - .page-intro h1 { - font-size: 200%; - } -} - -/** Home page **/ -.home-intro p.welcome { - font-size: 26px; -} - -.home-intro h1 { - font-size: 80px; -} - -.home-intro .arrow_down { - position: absolute; - bottom: -102px; - left: 0; - width: 100%; - overflow: hidden; - text-align: center; -} - -.home-intro .arrow_down .arrow_down_content { - margin: 0 auto; - background: url('data:image/png;base64,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') no-repeat center center; - width: 654px; - height: 103px; -} - -@media ( max-width: 991px) { - .home-intro h1 { - font-size: 60px; - } -} - -@media ( max-width: 768px) { - .home-intro h1 { - font-size: 34px; - } - - .home-intro .arrow_down .arrow_down_content { - width: 100%; - } -} - -.home-list { - padding-top: 150px; - padding-bottom: 70px; - background: #FFFFFF; - text-align: center; -} - -.home-list .col-md-4 { - padding-bottom: 30px; - padding-left: 30px; - padding-right: 30px; -} - -.home-list h2 { - margin-top: 50px; - margin-bottom: 30px; -} - -.home-list h2, -.home-list h2 a { - font-size: 42px; - color: #2C2C2C; - font-family: 'Montserrat', sans-serif; - font-weight: 200; -} - -.home-list h3 a { - font-size: 30px; - color: #2C2C2C; - font-family: 'Montserrat', sans-serif; - font-weight: 200; -} - -.home-list .card { - border: none; -} - -.home-list .accordion > .card:not(:last-of-type) { - border-bottom: 1px solid #B8B8B8; -} - -.home-list .card .card-header { - background-color: #FFFFFF; - text-align: left; - border: none; - padding: 15px; -} - -.home-list .card .card-header h4 { - margin-bottom: 0; -} - -.home-list .card .card-header h4 .btn-link { - padding: 0 0 0 30px; - font-size: 26px; - color: #555ec4; - text-decoration: none; - font-weight: 300; - text-align: left; -} - -.home-list .card .card-header h4 .btn-link[aria-expanded="true"]{ - background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABPElEQVQokZ2RvUvDUBTFXx6kY7JIETdnRzsIRXCSfCBOzRYcFGen/hFOLi7SJXQQIhRCIMki6FDI4Ors5uDgEDo1JOk58gTBlEYvHN67uff8uPdFEx0iyzK/aZprTdPGlmVNN/XLDsArwAJoG2nAfJNn7aRhGPYMw5jg6kMYtJkDPFSeaVEUF57nLdu8rZNGUbRjmuacQIAWOEe2bR/yVLnPOvs6TZokyYGUMsK1D71BJ3jH1+861t/DEUO70Edd16eO4+RrJ03T9BzAZwV8hAY/gQyVD1S9z376fkH5fijcYjW+YQ+6yfP8GIDPtvX4nXX2sZ8++sn5Wj+O4y1d1x9wP4KW+CGXeL9AdAzAzgC9U8M8lWU5kgBOFPC9qqrhX4AM9tNHPznkcf0ZdI/Cvuu6L+IfQR/95AghZiuO+oCAwo+UewAAAABJRU5ErkJggg==') no-repeat left center; - font-family: 'Source Sans Pro', sans-serif; -} - -.home-list .card .card-header h4 .btn-link[aria-expanded="false"]{ - background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABTUlEQVQokZ2RvUvDUBTF33sJHTs4iLj5BzgIHQRHl3wQChYCDtXBTk7SwTmzQ3VyUhC6ZXPIx+JYcdDJP8BVpDhkS0MSz5EEJNSIfXCTm3fP+eW++2Qcx0dCCCPP87Ft2+9ixRUEwYamaROkscLjAHGIjRcUeisCe/STQ57KsmyE5AGxicIsiqLj/wCpp49+cshTjuPMkySxyrK8xmZHSnmHkVx6nqe3wVinjnr66CeHPNn46wlE3/Cqe9cwjM8mELA1vHzEPmIB4Klpmrd1XTYNYRjuKqXuka4j3nCBfVzga13H/LZxXNa3EB9FUfQty3r6yVBNKAVpmu6g42cadV1/RGeDqsMBv7nPOnVN4NJO6+X7fqfb7d4gHSJwwnIG0F7lmWJ+I9d1F8u8v0Lrhe7OAJsASm2JGGPOV22eP6EVeAjoBeDnAE7b1UJ8Aa2cjwvC4XWGAAAAAElFTkSuQmCC') no-repeat left center; - font-family: 'Source Sans Pro', sans-serif; -} - -.home-list .card .card-body { - text-align: left; - padding: 15px; - //border: none; -} - -.home-list .card .card-body ul { - padding-left: 20px; - margin: 0; -} - -@media ( max-width: 1199px) { - .home-list h2, - .home-list h2 a { - font-size: 36px; - } -} - -@media ( max-width: 767px) { - .home-list h3 a { - font-size: 26px; - } - - .home-list .card .card-header h4 .btn-link { - font-size: 20px; - line-height: 1.3em; - } -} - -/** About page **/ -.about-list { - padding-top: 70px; - padding-bottom: 70px; - background: #FFFFFF; - text-align: center; -} - -.about-list .col-md-12 { - padding-bottom: 30px; - padding-left: 30px; - padding-right: 30px; -} - -.about-list h2 a { - font-size: 42px; - color: #2C2C2C; - font-family: 'Montserrat', sans-serif; - font-weight: 200; -} - -@media ( max-width: 1199px) { - .about-list h2 a { - font-size: 36px; - } -} - -.error-messages { - h1 { - font-weight: bold; - font-size: 150px; - margin-bottom: 0; - } - - h2.message { - font-weight: bold; - } - - h3.message { - font-weight: bold; - margin: 30px 0; - } - - p { - margin: 20px auto; - } -} - -@media (max-width: 576px) { - .error-messages { - h1 { - font-size: 42px; - } - - h2 { - font-size: 26px; - } - } -} \ No newline at end of file +/** General elements for pages **/ +.page-intro { + position: relative; + padding: 120px 0; + background: #F6F6F6; + text-align: center; +} + +.page-intro p { + margin: 0 auto; + padding-bottom: 20px; + font-size: 18px; + color: #ABABAB; + max-width: 880px; +} + +.page-intro p a { + color: #ABABAB; +} + +.page-intro p.welcome { + letter-spacing: 5px; + text-transform: uppercase; + color: #464646; + font-size: 20px; + font-weight: 400; + line-height: 1.3em; +} + +.page-intro h1 { + margin-top: 30px; + margin-bottom: 40px; + font-size: 100px; + letter-spacing: 5px; +} + +@media ( max-width: 1199px) { + .page-intro h1 { + font-size: 86px; + } +} + +@media ( max-width: 991px) { + .page-intro { + padding: 100px 0; + } + + .page-intro h1 { + font-size: 70px; + } +} + +@media ( max-width: 768px) { + .page-intro { + padding: 80px 0 50px 0; + } + + .page-intro h1 { + font-size: 50px; + } +} + +@media ( max-width: 500px) { + .page-intro { + padding: 80px 0 0 0; + } + + .page-intro h1 { + font-size: 200%; + } +} + +/** Home page **/ +.home-intro p.welcome { + font-size: 26px; +} + +.home-intro h1 { + font-size: 80px; +} + +.home-intro .arrow_down { + position: absolute; + bottom: -102px; + left: 0; + width: 100%; + overflow: hidden; + text-align: center; +} + +.home-intro .arrow_down .arrow_down_content { + margin: 0 auto; + background: url('data:image/png;base64,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') no-repeat center center; + width: 654px; + height: 103px; +} + +@media ( max-width: 991px) { + .home-intro h1 { + font-size: 60px; + } +} + +@media ( max-width: 768px) { + .home-intro h1 { + font-size: 34px; + } + + .home-intro .arrow_down .arrow_down_content { + width: 100%; + } +} + +.home-list { + padding-top: 150px; + padding-bottom: 70px; + background: #FFFFFF; + text-align: center; +} + +.home-list .col-md-4 { + padding-bottom: 30px; + padding-left: 30px; + padding-right: 30px; +} + +.home-list h2 { + margin-top: 50px; + margin-bottom: 30px; +} + +.home-list h2, +.home-list h2 a { + font-size: 42px; + color: #2C2C2C; + font-family: 'Montserrat', sans-serif; + font-weight: 200; +} + +.home-list h3 a { + font-size: 30px; + color: #2C2C2C; + font-family: 'Montserrat', sans-serif; + font-weight: 200; +} + +.home-list .card { + border: none; +} + +.home-list .accordion > .card:not(:last-of-type) { + border-bottom: 1px solid #B8B8B8; +} + +.home-list .card .card-header { + background-color: #FFFFFF; + text-align: left; + border: none; + padding: 15px; +} + +.home-list .card .card-header h4 { + margin-bottom: 0; +} + +.home-list .card .card-header h4 .btn-link { + padding: 0 0 0 30px; + font-size: 26px; + color: #555ec4; + text-decoration: none; + font-weight: 300; + text-align: left; +} + +.home-list .card .card-header h4 .btn-link[aria-expanded="true"]{ + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABPElEQVQokZ2RvUvDUBTFXx6kY7JIETdnRzsIRXCSfCBOzRYcFGen/hFOLi7SJXQQIhRCIMki6FDI4Ors5uDgEDo1JOk58gTBlEYvHN67uff8uPdFEx0iyzK/aZprTdPGlmVNN/XLDsArwAJoG2nAfJNn7aRhGPYMw5jg6kMYtJkDPFSeaVEUF57nLdu8rZNGUbRjmuacQIAWOEe2bR/yVLnPOvs6TZokyYGUMsK1D71BJ3jH1+861t/DEUO70Edd16eO4+RrJ03T9BzAZwV8hAY/gQyVD1S9z376fkH5fijcYjW+YQ+6yfP8GIDPtvX4nXX2sZ8++sn5Wj+O4y1d1x9wP4KW+CGXeL9AdAzAzgC9U8M8lWU5kgBOFPC9qqrhX4AM9tNHPznkcf0ZdI/Cvuu6L+IfQR/95AghZiuO+oCAwo+UewAAAABJRU5ErkJggg==') no-repeat left center; + font-family: 'Source Sans Pro', sans-serif; +} + +.home-list .card .card-header h4 .btn-link[aria-expanded="false"]{ + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABTUlEQVQokZ2RvUvDUBTF33sJHTs4iLj5BzgIHQRHl3wQChYCDtXBTk7SwTmzQ3VyUhC6ZXPIx+JYcdDJP8BVpDhkS0MSz5EEJNSIfXCTm3fP+eW++2Qcx0dCCCPP87Ft2+9ixRUEwYamaROkscLjAHGIjRcUeisCe/STQ57KsmyE5AGxicIsiqLj/wCpp49+cshTjuPMkySxyrK8xmZHSnmHkVx6nqe3wVinjnr66CeHPNn46wlE3/Cqe9cwjM8mELA1vHzEPmIB4Klpmrd1XTYNYRjuKqXuka4j3nCBfVzga13H/LZxXNa3EB9FUfQty3r6yVBNKAVpmu6g42cadV1/RGeDqsMBv7nPOnVN4NJO6+X7fqfb7d4gHSJwwnIG0F7lmWJ+I9d1F8u8v0Lrhe7OAJsASm2JGGPOV22eP6EVeAjoBeDnAE7b1UJ8Aa2cjwvC4XWGAAAAAElFTkSuQmCC') no-repeat left center; + font-family: 'Source Sans Pro', sans-serif; +} + +.home-list .card .card-body { + text-align: left; + padding: 15px; + //border: none; +} + +.home-list .card .card-body ul { + padding-left: 20px; + margin: 0; +} + +@media ( max-width: 1199px) { + .home-list h2, + .home-list h2 a { + font-size: 36px; + } +} + +@media ( max-width: 767px) { + .home-list h3 a { + font-size: 26px; + } + + .home-list .card .card-header h4 .btn-link { + font-size: 20px; + line-height: 1.3em; + } +} + +/** About page **/ +.about-list { + padding-top: 70px; + padding-bottom: 70px; + background: #FFFFFF; + text-align: center; +} + +.about-list .col-md-12 { + padding-bottom: 30px; + padding-left: 30px; + padding-right: 30px; +} + +.about-list h2 a { + font-size: 42px; + color: #2C2C2C; + font-family: 'Montserrat', sans-serif; + font-weight: 200; +} + +@media ( max-width: 1199px) { + .about-list h2 a { + font-size: 36px; + } +} + +.error-messages { + h1 { + font-weight: bold; + font-size: 150px; + margin-bottom: 0; + } + + h2.message { + font-weight: bold; + } + + h3.message { + font-weight: bold; + margin: 30px 0; + } + + p { + margin: 20px auto; + } +} + +@media (max-width: 576px) { + .error-messages { + h1 { + font-size: 42px; + } + + h2 { + font-size: 26px; + } + } +}