|
-
-
-
- $color1: #FF7F00 ;
- $color2: white ;
- $courant: #323232 ;
- $color-back: #E9EBEE ;
-
- $color-back: #FFF8DC ;
-
- body {
- font-family: 'Arial' ;
- background-color: $color-back ;
- color: #333 ;
- line-height: 20px ;
- font-size: 14px ;
- }
-
- .clr {
- clear: both ;
- }
-
- .modal-backdrop.in {
- z-index: 10 ;
- }
-
- #main {
- position: relative ;
- .btn-primary {
- background-color: $color1 ;
- border: solid 1px $color1 ;
- color: white ;
-
- &:hover, &:active, &:focus {
- background-color: darken($color1, 5) ;
- border: solid 1px $color1 ;
- color: white ;
- }
- }
- }
-
-
- .btn {
- background-image: none ;
- }
-
- #main .alert {
- background-image: none;
- background-color: white ;
- border-bottom-width: 3px ;
- }
-
- .alert {
- &.alert-warning {
- a {
- color: #8a6d3b ;
- text-decoration: underline ;
- }
- }
-
- &.alert-danger {
- a {
- color: #a94442 ;
- text-decoration: underline ;
- }
- }
- }
-
- ul.pagination {
- li {
- &.active {
- a {
- background-color: $color1 ;
- border: solid 1px $color1 ;
-
- &:hover {
- background-color: $color2 ;
- border: solid 1px $color2 ;
- color: $color1 ;
- }
- }
- }
- a {
- color: $color1 ;
-
- &:hover, &:focus, &:active {
- background-color: $color2 ;
- border: solid 1px $color2 ;
- color: $color1 ;
- }
- }
- }
- }
-
- #header-bap {
- position: absolute ;
- right: 0px ;
- top: 0px ;
- width: 70px ;
- background-color: white ;
- padding-top: 7px ;
- padding-bottom: 7px ;
- text-align: center ;
- z-index: 1000 ;
-
- .container {
- padding-left: 0px ;
- padding-right: 0px ;
- }
-
- a#logo {
- color: black ;
- text-decoration: none ;
- position: relative ;
- top: 3px ;
-
- img {
- width: 45px ;
- }
- }
-
- ul#nav-bap {
- float: right ;
- li {
-
- a {
- color: black ;
- font-size: 15px ;
- color: $color1 ;
-
- &:hover, &:focus {
- color: #333 ;
- color: $color1 ;
- background: none ;
- }
- }
-
- ul {
- background-color: $color2 ;
- border-top: solid 2px $color1 ;
- left: -141px ;
- top: 50px ;
- width: 200px ;
-
- li {
- a {
- text-transform: uppercase ;
- font-size: 13px ;
-
- &:hover {
- color: lighten($color1, 10) ;
- }
-
- small {
- font-size: 10px ;
- line-height: 13px ;
- margin-left: 18px ;
- }
- }
- }
- }
- }
- }
- }
-
- #left {
- background-color: $color-back ;
- text-align: center ;
- margin-top: 15px ;
- padding: 0px ;
- position: relative ;
-
- .fixed {
- position: fixed ;
- display: none ;
- }
-
- $width-logo: 110px ;
- #logo {
- position: relative ;
- background-color: white ;
- width: $width-logo ;
- height: $width-logo ;
- margin: 0px auto ;
- margin-bottom: 20px ;
- @include border-radius($width-logo) ;
- border: solid 1px 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 ;
- }
- }
-
- h1, h2, #infos, #infos a {
- color: $courant ;
- }
-
- h1 {
- text-transform: uppercase ;
- font-family: 'highvoltageregular' ;
- font-size: 25px ;
- line-height: 25px ;
- font-weight: bold ;
- padding-bottom: 5px ;
- text-align: center ;
- font-weight: normal ;
- }
-
- h2 {
- font-family: 'capsuularegular' ;
- font-size: 15px ;
- font-weight: normal ;
- text-align: center ;
-
- .favorite {
- padding-left: 0px ;
-
- .glyphicon {
- font-size: 14px ;
- }
- }
-
- a {
-
- color: $courant ;
- }
- }
-
- nav#main-nav {
- background-color: white ;
- border: solid 1px #e0e0e0 ;
- border-bottom: 0px none ;
- margin-top: 20px;
-
- ul {
- li {
- display: block ;
-
- a {
- color: $courant ;
- color: black;
- border-bottom: solid 1px #e0e0e0 ;
- font-family: 'capsuularegular' ;
- font-size: 18px ;
- display: block ;
- text-align: left ;
-
- .glyphicon {
- font-size: 15px ;
- margin-right: 3px ;
- }
-
- span.label {
- padding-bottom: 3px ;
- font-family: 'Arial' ;
- float: right ;
- }
- }
-
- &.active, a:hover {
- span.label {
- background-color: darken($color1, 5) ;
- color: white ;
- }
- }
-
- a:hover,
- &.active a {
- background: $color1 ;
- color: white ;
- @include border-radius(0px) ;
- }
-
- &#btn-administration {
-
- a {
- color: $color1 ;
-
- &:hover {
- color: white ;
- }
- }
- }
- }
- }
-
- #user {
- color: $color1 ;
- float: right ;
- padding: 10px ;
- }
- }
- }
-
- #main {
- background-color: $color-back ;
- border: solid 1px #e0e0e0 ;
- margin-top: 15px ;
- padding: 0px ;
- background-color: white ;
-
- #img-big {
- height: 130px ;
- overflow: hidden ;
- position: relative ;
-
- img.img-photo {
- width: 100% ;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
-
- }
-
- #infos-producer {
- padding: 5px 10px ;
- margin-bottom: 0px ;
- font-size: 16px ;
- font-family: 'capsuularegular' ;
- 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 {
- padding-left: 15px ;
- padding-right: 15px ;
- padding-bottom: 15px ;
- padding-top: 30px ;
- border-bottom: solid 1px #e0e0e0 ;
- margin-bottom: 10px ;
- font-family: 'highvoltageregular' ;
- font-size: 30px ;
- line-height: 40px;
- position: relative ;
- top: -10px ;
- text-align: left ;
-
- #buttons {
-
- margin-bottom: 15px ;
- font-family: 'Arial' ;
- }
- }
-
- #content {
- padding: 0px 20px 20px 20px ;
- padding-bottom: 40px ;
- min-height: 300px ;
-
- h1, h2, h3, h4, h5, h6 {
- font-family: 'highvoltageregular' ;
- margin-top: 30px ;
- margin-bottom: 20px ;
-
- &.first {
- margin-top: 0px ;
- }
- }
-
- h1 {
- font-size: 30px ;
- }
-
- h2 {
- font-size: 25px ;
-
- }
-
- h3 {
- font-family: 'capsuularegular' ;
- text-transform: uppercase ;
- font-size: 23px ;
- text-align: left ;
- margin-bottom: 30px ;
- margin-top: 45px ;
-
- span {
- padding-top: 14px ;
- color: $courant ;
- }
- }
-
- h4 {
- font-size: 20px ;
- }
-
- h5 {
- font-size: 18px ;
- }
-
- h6 {
- font-size: 16px ;
- }
-
- form {
- .form-group {
- .hint-block {
- color: gray ;
- }
- }
- }
- }
- }
-
- #footer-producer {
- text-align: center ;
- position: absolute ;
- bottom: 0px ;
- left: 0px ;
- width: 100% ;
-
- a {
- color: $color1 ;
- &:active {
- text-decoration: underline ;
- }
- }
- }
-
- #footer {
- background-color: $color-back ;
- height: 100px ;
- float: right ;
- text-align: center ;
-
- .content {
- padding-top: 20px ;
- color: black ;
-
- a {
- color: black ;
- font-family: 'capsuularegular' ;
- font-size: 18px ;
- padding-left: 10px ;
- padding-right: 10px ;
-
- &:hover {
- text-decoration: underline ;
- }
- }
- }
-
- #code-source {
- img {
- height: 20px ;
- }
- }
- }
|