|
-
-
-
- body {
- background-color: $color-gray-light !important;
-
-
- font-family: 'worksans_regular' !important;
- color: #333 ;
- line-height: 20px ;
- font-size: 1rem ;
- }
-
- .clr {
- clear: both ;
- }
-
- .panel {
- margin-bottom: 30px;
- strong {
- font-weight: bold;
- }
- }
-
- .modal-backdrop.in {
- z-index: 10 ;
- }
-
- #section-user-top {
- .navbar-default {
- background-color: white;
- }
- }
-
- #main {
- position: relative ;
- }
-
- ul.pagination {
- text-align: center;
- display: block;
- margin-top: 50px;
-
- li {
- display: inline-block;
- margin-left: 4px;
- margin-right: 4px;
-
- a {
- font-family: 'worksans_semibold';
- font-size: 1.5em;
- display: inline-block;
- padding: 3px 15px;
- text-decoration: none;
- @include border-radius(15px);
- background-color: $color-gray-dark;
- color: white !important;
- }
-
- &.active a,
- a:hover,
- a:focus,
- a:active {
- background-color: $color-primary;
- color: white !important;
- }
-
- &.disabled {
- display: none;
- }
-
- &.prev, &.next {
- a {
- border: solid 1px $color-gray-dark;
- color: $color-gray-dark !important;
- background-color: white !important;
- }
- }
-
- }
- }
-
- .product-name-description-block {
- .name {
- font-family: 'worksans_semibold' ;
- color: black ;
- font-size: 1.1em ;
- line-height: 1.3em ;
- }
-
- .other {
- font-family: 'worksans_regular' ;
- color: black ;
- font-weight: bold;
- font-size: 17px ;
- }
-
- .description,
- .description-long {
- color: gray;
- margin-top: 5px;
- }
-
- .description-long {
- .content {
- display: none;
- }
- }
- }
-
- #main #content .alert-leave-period {
- h4.alert-heading.without-message {
- margin-bottom: 0px;
- }
- }
-
- #header {
- text-align: center ;
- padding: 0px ;
- position: relative ;
-
- $width-logo: 180px ;
- #logo {
- position: absolute ;
- top: 90px;
- left: 30px;
- background-color: white ;
- width: $width-logo ;
- height: $width-logo ;
- @include border-radius($width-logo) ;
- border: solid 3px $color-gray ;
- text-align: center;
- overflow: hidden ;
-
- img {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- max-width: $width-logo - 20 ;
- max-height: $width-logo - 20 ;
- }
- }
-
- &.without-logo #title {
- padding-left: 30px;
- }
-
- #title {
- text-align: left;
- padding-left: 246px;
- padding-top: 20px;
- padding-bottom: 20px;
-
- h1 {
- font-family: 'worksans_extrabold';
- font-size: 2.2rem;
- margin-bottom: 2px;
-
- a.producer-name {
- text-decoration: none;
- color: $color-primary;
- }
-
- .bookmark {
- color: $color-gray-dark;
- font-size: 0.7em;
- }
- }
-
- h2 {
- font-family: 'worksans_regular';
- text-transform: uppercase;
- font-size: 1.1rem;
-
- .location {
- text-transform: none;
- font-family: 'worksans_bold';
-
- .bi {
- position: relative;
- left: 1px;
- }
- }
- }
- }
-
- nav#main-nav {
- position: relative;
- background-color: $color-gray ;
- margin-top: 0px;
-
- ul {
- li {
- a {
- display: inline-block;
- padding: 8px 12px;
- text-decoration: none;
- background-color: $color-gray-light;
- color: black;
- @include box-shadow(-20px 0px 20px 0px #ece4d8 inset);
-
- .bi {
- margin-right: 3px ;
- }
-
- span.label {
- display: inline-block;
- position: relative;
- top: -2px;
- background-color: $color-gray-dark;
- color: white;
- font-family: 'worksans_bold';
- @include border-radius(15px);
- padding: 5px 10px 2px 10px;
- margin-left: 3px;
- font-size: 0.8em;
- line-height: 0.8em;
- text-transform: uppercase;
- border: solid 1px transparent;
- }
-
- .hide-desktop {
- display: none;
- }
- }
-
- a.active,
- a:hover {
- color: white;
- @include box-shadow(none);
-
- span.label-success {
- border: solid 1px white !important;
- }
- }
- }
-
- &.submenu {
- background-color: white;
-
- li {
- a {
- background-color: white;
- font-size: 0.9em;
- @include box-shadow(none);
- border-bottom: solid 2px $color-gray-light;
-
- span.label {
- background-color: white;
- border: solid 1px $color-gray-dark;
- color: $color-gray-dark;
- }
- }
-
- a.active,
- a:hover {
- color: black;
- background-color: white;
- border-bottom: solid 2px $color-gray-dark !important;
- }
- }
- }
- }
-
- #user {
- color: $color-primary;
- float: right ;
- padding: 10px ;
- }
- }
- }
-
- #main {
- padding: 0px ;
- padding-top: 38px;
- margin-bottom: 15px;
- background-color: white ;
-
- #banner {
- height: 180px ;
- overflow: hidden ;
- position: relative ;
- background-size: cover;
- background-position: center;
- }
-
- #infos-producer {
- display: none;
- padding: 5px 10px ;
- margin-bottom: 0px ;
- font-size: 16px ;
- background-color: white ;
- border-bottom: solid 1px #e0e0e0 ;
- color: gray ;
-
- strong {
- font-weight: bold ;
- }
-
- .favorite {
- float: right ;
- color: gray ;
- a {
- color: black ;
- }
- }
- }
-
- h2#page-title {
- margin-top: 0px;
- font-family: 'worksans_bold' ;
- font-size: 30px ;
- line-height: 40px;
-
- #buttons {
-
- }
- }
-
- #content {
- position: relative;
- padding: 40px;
- min-height: 300px ;
-
- h1, h2, h3, h4, h5, h6 {
- font-family: 'worksans_bold' ;
- margin-bottom: 20px ;
- color: black;
-
- &.first {
- margin-top: 0px ;
- }
- }
-
- h1 {
- font-size: 30px ;
- }
-
- h2 {
- font-size: 25px ;
- }
-
- h3 {
- font-size: 1.4em ;
- text-align: left ;
- margin-bottom: 30px ;
-
- span {
- padding-top: 14px ;
- color: $color-text ;
- }
- }
-
- h4 {
- font-size: 20px ;
- }
-
- h5 {
- font-size: 18px ;
- }
-
- h6 {
- font-size: 16px ;
- }
-
- form {
- .form-group {
- .hint-block {
- color: gray ;
- }
- }
- }
- }
- }
-
- #footer-producer {
- margin-bottom: 30px;
- text-align: center ;
- width: 100% ;
-
- a {
- color: $color-primary;
- &:active {
- text-decoration: underline ;
- }
- }
- }
-
- #footer {
- text-align: right;
- margin-bottom: 50px;
-
- .content {
-
- #button-shop-support {
- a {
- @include border-radius(15px);
- border: solid 1px $color-gray-dark;
- color: black;
- background-color: white;
- }
- }
-
-
-
- }
- }
|