1
0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2024-12-04 15:24:23 +01:00
fab-manager/app/assets/stylesheets/app.plugins.scss
2016-11-02 14:58:06 +01:00

418 lines
7.1 KiB
SCSS

// medium editor placeholder
.medium-editor-placeholder {
min-height: 30px; // fix for firefox
}
//xeditable
.editable-buttons{
button[type=submit].btn-primary{
@extend .btn-warning;
}
}
//summernote
.note-editor .note-editable {
background-color: white;
}
.note-editor {
.form-group {
margin-left: 0px;
margin-right: 0px;
}
.modal-header {
padding: 15px;
}
.note-group-select-from-files {
display: none;
}
}
// Growl
.growl {
top: 90px;
z-index: 1100;
}
// fullcalendar
.fc-view-container .fc-body tr {
height: 40px !important;
}
.fc-toolbar {
height: 40px;
background-color: #fff;
}
.fc-toolbar .fc-button {
background: #F2F2F2;
border: none;
box-shadow: none;
text-shadow: none;
margin: 0;
height: 40px;
line-height: 18px;
padding: 10px;
//&:hover, &:active, &.fc-state-active { background-color: $yellow; }
}
.fc-toolbar h2 {
font-size: 15px;
line-height: 40px;
margin: 0;
}
.fc-view-container .fc-widget-header,
.fc-view-container .fc-widget-content {
border-color: #e8e8e8;
font-weight: normal;
}
.fc-content-skeleton .fc-event {
padding: 2px;
border-left: solid 3px;
}
.fc-event {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.fc-event .fc-time span, .fc-event .fc-title {
font-size: rem-calc(10);
line-height: rem-calc(12);
}
.fc-event .fc-time span.label {
font-size: rem-calc(8);
margin-left: 0.7em;
}
// croix de suppression pour un créneau de disponibilité
.remove-event {
position: absolute;
float: right;
right: 0;
top: 0;
padding: 0;
font-size: 11px;
color: black;
cursor: pointer;
z-index: 9999;
text-align: right;
.training-reserve &, .machine-reserve &, .public-calendar & { display: none; }
}
.fc-v-event.fc-end {
border-bottom-width: 2px;
}
.fc-divider {
display: none !important;
}
.calendar-filter {
.badge {
cursor: pointer;
&.inactive {
opacity: 0.2;
}
}
}
.editable-input label {
display: block;
}
/* ==========================================================================
Slider
========================================================================== */
.carousel-caption {
left: 0 !important;
right: 0 !important;
bottom: 0px;
padding-left: 30px;
padding-right: 30px;
text-align: left;
background: rgba(29, 29, 29, 0.5);
.title {
font-size: rem-calc(30);
line-height: rem-calc(24);
color: white;
font-weight: 800;
text-align: center;
a {
color: white;
&:hover { color: $yellow; }
}
}
.description {
font-size: rem-calc(18);
line-height: rem-calc(18);
color: white;
}
}
.carousel-control {
cursor: pointer;
background: none;
@include border-radius($border-radius-base);
&:hover, &:focus {
//color: $yellow;
}
.glyphicon-chevron-left {
font-family: 'fontawesome' !important;
&:before {
content: "\f053" !important;
}
}
.glyphicon-chevron-right {
font-family: 'fontawesome' !important;
&:before {
content: "\f054" !important;
}
}
}
.carousel-indicators {
display: none;
}
// .carousel-control {
// // position: absolute;
// display: block;
// margin-bottom: -20px;
// padding: 20px;
// color: white;
// width: 58px;
// height: 58px;
// border: 3px solid white;
// border-radius: 50%;
// .glyphicon-chevron-right:before {
// // //Reset the icon
// // content: " ";
// // //Give layout
// // display:block;
// // //Your image as background
// // background:url('http://yourarrow.png') no-repeat;
// // //To show full image set the dimensions
// // width:30px;
// // height:30px;
// }
// }
.banner { }
.slider {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
&.slider-min {
.slider-arrows {
bottom: 40%;
position: relative;
}
.slider-arrow {
margin-bottom: 0;
color: black;
border: none;
&.slider-arrow--left {
left: -16px;
}
&.slider-arrow--right {
right: -16px;
}
.icon {
font-size: 24px;
&.icon-angle-left {
width: 18px;
}
&:hover { color: $yellow; }
}
}
}
&.slider-actu {
.slider-arrows {
.slider-arrow--left { display: none; }
.slider-arrow--right {
bottom: 41px;
}
}
}
}
.slides {
width: 100%;
height: 100%;
/* Clear fix */
overflow: hidden;
*zoom: 1;
/**
* Prevent blinking issue
* Not tested. Experimental.
*/
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
.slide {
height: 100%;
float: left;
clear: none;
&.content_article {
height: 620px;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
color: #fff;
text-align: center;
position: relative;
}
.content_article-wrapper {
position: absolute;
bottom: 0;
top: 215px;
width: 45%;
margin: 0 auto;
left: 0;
right: 0;
.content_article-h {
font-weight: 900;
color: white;
font-size: 50px;
letter-spacing: 0.5px;
margin: 0;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 50px;
}
.content_article-c {
color: $red;
font-size: 20px;
font-weight: 900;
margin-top: 0;
margin-bottom: 10px;
}
.content_article-p {
// font-family: $font-proxima-condensed;
font-size: 20px;
color: white;
margin: 0;
line-height: 30px;
}
.content_article-btns {
margin-top: 40px;
clear: both;
.header_nav-item-a {
color: #fff;
text-decoration: none;
}
.header_nav-item-a--btn {
padding: 12px 20px;
border-radius: 5px;
border: 2px solid $yellow;
background-color: transparent;
text-transform: uppercase;
font-family: $font-proxima-condensed;
font-weight: 600;
&:hover {
background-color: $yellow;
color: black;
}
}
}
}
}
.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
padding: 20px;
color: white;
width: 58px; height: 58px;
border: 3px solid white;
border-radius: 50%;
&:hover { border-color: $yellow; color: $yellow; }
.icon {
text-decoration: none;
display: inline-block;
font-size: 40px;
position: absolute;
top: 5px;
left: 0;
right: 0;
margin: 0 auto;
width: 12px;
&.icon-angle-left {
width: 18px;
}
&:hover { color: $yellow; }
}
}
.home {
.nav-branding {
display: none;
}
}
.slider-arrow--right {
bottom: 50%;
right: 30px;
}
.slider-arrow--left {
bottom: 50%;
left: 30px;
}
.slider-nav {
position: absolute;
bottom: 30px;
}
.slider-nav__item {
width: 12px;
height: 12px;
float: left;
clear: none;
display: block;
margin: 0 5px;
background: #fff;
}
.slider-nav__item:hover {
background: #ccc;
}
.slider-nav__item--current {
background: #ccc;
}