first commit
This commit is contained in:
113
admin-kalsport/themes/default/scss/admin-theme.scss
Normal file
113
admin-kalsport/themes/default/scss/admin-theme.scss
Normal file
@@ -0,0 +1,113 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
//Compass is required to pre-compile this stylesheets to .css
|
||||
@import "~bourbon/app/assets/stylesheets/bourbon";
|
||||
|
||||
@import "modules/colors";
|
||||
@import "modules/variables";
|
||||
@import "modules/mixins";
|
||||
|
||||
@import "vendor/bi-app/bi-app-ltr";
|
||||
|
||||
@import "vendor/animate";
|
||||
@import "vendor/font-awesome/font-awesome";
|
||||
|
||||
//Bootstrap Core : Variables + Mixins + Reset + Print
|
||||
@import "vendor/bootstrap-sass/variables";
|
||||
@import "vendor/bootstrap-sass/mixins";
|
||||
@import "vendor/bootstrap-sass/normalize";
|
||||
|
||||
//import fonts
|
||||
@import "~open-sans-fonts/open-sans-regular";
|
||||
@import "~open-sans-fonts/open-sans-semibold";
|
||||
@import "~open-sans-fonts/open-sans-bold";
|
||||
|
||||
//Bootstrap's rules applied only on div#content.bootstrap, nav.bootstrap, header.bootstrap, footer.bootstrap
|
||||
.bootstrap { //Core CSS
|
||||
@import "vendor/bootstrap-sass/scaffolding";
|
||||
@import "vendor/bootstrap-sass/type";
|
||||
@import "vendor/bootstrap-sass/code";
|
||||
@import "vendor/bootstrap-sass/grid";
|
||||
@import "vendor/bootstrap-sass/tables";
|
||||
@import "vendor/bootstrap-sass/forms";
|
||||
@import "vendor/bootstrap-sass/buttons";
|
||||
//Components
|
||||
@import "vendor/bootstrap-sass/component-animations";
|
||||
@import "vendor/bootstrap-sass/dropdowns";
|
||||
@import "vendor/bootstrap-sass/button-groups";
|
||||
@import "vendor/bootstrap-sass/input-groups";
|
||||
@import "vendor/bootstrap-sass/navs";
|
||||
@import "vendor/bootstrap-sass/navbar";
|
||||
@import "vendor/bootstrap-sass/breadcrumbs";
|
||||
@import "vendor/bootstrap-sass/pagination";
|
||||
@import "vendor/bootstrap-sass/pager";
|
||||
@import "vendor/bootstrap-sass/labels";
|
||||
@import "vendor/bootstrap-sass/badges";
|
||||
@import "vendor/bootstrap-sass/thumbnails";
|
||||
@import "vendor/bootstrap-sass/alerts";
|
||||
@import "vendor/bootstrap-sass/progress-bars";
|
||||
@import "vendor/bootstrap-sass/media";
|
||||
@import "vendor/bootstrap-sass/list-group";
|
||||
@import "vendor/bootstrap-sass/panels";
|
||||
@import "vendor/bootstrap-sass/wells";
|
||||
@import "vendor/bootstrap-sass/close";
|
||||
// Components w/ JavaScript
|
||||
@import "vendor/bootstrap-sass/tooltip";
|
||||
@import "vendor/bootstrap-sass/popovers";
|
||||
//Utility classes
|
||||
@import "vendor/bootstrap-sass/utilities";
|
||||
@import "vendor/bootstrap-sass/responsive-utilities";
|
||||
}
|
||||
|
||||
//Moved out from .bootstrap prefix since modal's javascript appends the background overlay just before /body.
|
||||
@import "vendor/bootstrap-sass/modals";
|
||||
@import "vendor/bootstrap-sass/carousel";
|
||||
|
||||
//PrestaShop Elements
|
||||
@import "partials/content";
|
||||
@import "partials/header";
|
||||
@import "partials/footer";
|
||||
@import "partials/nav";
|
||||
@import "partials/icons";
|
||||
|
||||
// stylelint-disable-next-line
|
||||
.bootstrap { //Partials
|
||||
@import "partials/commons";
|
||||
@import "partials/tables";
|
||||
@import "partials/tree";
|
||||
@import "partials/forms";
|
||||
@import "partials/kpi";
|
||||
@import "partials/switch-btn";
|
||||
@import "partials/toolbar";
|
||||
@import "partials/date-range-picker";
|
||||
@import "partials/multistore";
|
||||
@import "partials/product";
|
||||
@import "partials/buttons";
|
||||
|
||||
//Controllers
|
||||
@import "controllers/carrier-wizard";
|
||||
@import "controllers/dashboard";
|
||||
@import "controllers/login";
|
||||
@import "controllers/modules";
|
||||
@import "controllers/search";
|
||||
@import "controllers/translations";
|
||||
@import "controllers/customer-thread";
|
||||
@import "controllers/themes";
|
||||
@import "controllers/order";
|
||||
@import "controllers/products";
|
||||
|
||||
}
|
||||
|
||||
//Plug-ins
|
||||
@import "partials/tinymce";
|
||||
@import "partials/growl";
|
||||
@import "partials/chosen";
|
||||
@import "partials/ladda";
|
||||
@import "partials/date-picker";
|
||||
@import "partials/select2";
|
||||
|
||||
//Backward compatibility
|
||||
@import "partials/backward";
|
||||
|
||||
//Print support
|
||||
@import "partials/print";
|
||||
@@ -0,0 +1,216 @@
|
||||
#carrier_wizard {
|
||||
position: relative;
|
||||
display: block;
|
||||
|
||||
.translatable-field {
|
||||
color: $main-color;
|
||||
|
||||
li {
|
||||
a {
|
||||
color: $main-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stepContainer {
|
||||
position: relative;
|
||||
display: block;
|
||||
clear: both;
|
||||
|
||||
div.content {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.StepTitle {
|
||||
position: relative;
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
ul.anchor {
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0 0 10px;
|
||||
clear: both;
|
||||
list-style: none;
|
||||
|
||||
&.nbr_steps_4 {
|
||||
li {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
&.nbr_steps_5 {
|
||||
li {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 32px;
|
||||
margin: 0 16px 0 0;
|
||||
color: #ccc;
|
||||
text-decoration: none;
|
||||
outline-style: none;
|
||||
|
||||
.stepNumber {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 24px;
|
||||
height: 32px;
|
||||
padding: 0 5px;
|
||||
margin-right: 3px;
|
||||
font-size: 30px;
|
||||
line-height: 32px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.stepDesc {
|
||||
position: relative;
|
||||
display: table-cell;
|
||||
height: 32px;
|
||||
font-size: 13px;
|
||||
line-height: 13px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.chevron {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -16px;
|
||||
border: 16px solid transparent;
|
||||
border-right: 0;
|
||||
border-left: 14px solid #fff;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: -16px;
|
||||
right: 2px;
|
||||
content: "";
|
||||
border: 16px solid transparent;
|
||||
border-right: 0;
|
||||
border-left: 14px solid #ccc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.disabled {
|
||||
color: #777;
|
||||
background-color: #ccc;
|
||||
|
||||
.chevron::after {
|
||||
border-left: 14px solid #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
a.selected {
|
||||
color: #f8f8f8;
|
||||
cursor: text;
|
||||
background-color: $main-color;
|
||||
|
||||
.chevron::after {
|
||||
border-left: 14px solid $main-color;
|
||||
}
|
||||
}
|
||||
|
||||
a.done {
|
||||
color: #fff;
|
||||
background-color: $brand-success;
|
||||
|
||||
.chevron::after {
|
||||
border-left: 14px solid $brand-success;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.loader {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.msgBox {
|
||||
position: relative;
|
||||
display: none;
|
||||
float: left;
|
||||
padding: 5px;
|
||||
margin: 4px 0 0 5px;
|
||||
color: #5a5655;
|
||||
background-color: #ffd;
|
||||
border: 1px solid #ffd700;
|
||||
@include border-radius(5px);
|
||||
}
|
||||
|
||||
.msgBox .content {
|
||||
float: left;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#carrier_logo_block {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.wizard_error {
|
||||
@extend .alert;
|
||||
@extend .alert-danger;
|
||||
}
|
||||
|
||||
.range_inf td,
|
||||
.range_sup td {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.range_type {
|
||||
width: 220px;
|
||||
font-weight: 700;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.range_data {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.range_sign {
|
||||
width: 18px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.range_data_new {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
table#zones_table {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.field_error {
|
||||
border-color: $brand-danger;
|
||||
}
|
||||
|
||||
.actionBar {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.actionBar a {
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,351 @@
|
||||
//Avatar
|
||||
|
||||
.employee_avatar_small {
|
||||
@extend .avatar-sm;
|
||||
vertical-align: middle;
|
||||
|
||||
img {
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.employee_avatar {
|
||||
@extend .avatar-lg;
|
||||
display: block !important;
|
||||
margin: 10px auto !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.avatar-xs {
|
||||
@include avatar(16px, 16px);
|
||||
}
|
||||
|
||||
.avatar-sm {
|
||||
@include avatar(32px, 32px);
|
||||
}
|
||||
|
||||
.avatar-md {
|
||||
@include avatar(48px, 32px);
|
||||
}
|
||||
|
||||
.avatar-lg {
|
||||
@include avatar(80px, 80px);
|
||||
}
|
||||
|
||||
.avatar-xl {
|
||||
@include avatar(128px, 128px);
|
||||
}
|
||||
|
||||
#employee-thumbnail {
|
||||
position: relative;
|
||||
width: 104px;
|
||||
height: 104px;
|
||||
margin-bottom: 10px;
|
||||
// stylelint-disable-next-line
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAIAAACzY+a1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB1ZJREFUeNrsnV1PGl0UhcsUbGmtVotYQatVbFqrF973/1+ZJqaJX0hFRKh8CRYBUZyu0KR5k1eBwWFmHV3romlShdPzzN577TMz5wTOz8+fSSbL0hQIoSSEkhAKoSSEkhBKQiiEkhBKQigJoRBKQigJoSSET1bBJ/W/7XQ6rVarXq83Go2rq6ubmxv8/fr6Gv80OTm5vr5uWZYQ0umqq3K5/Pv372q1CoS3t7f//7E3b94oCrmw1Wq1SqWCP//FWQ99+fJlcXFRCP1Xu93O5XLFYhHkkCQH8gKWBX4LCwuqhX4KtICtUCggW4Kio98Nh8NG8zMeIVxJPp/PZrPNZnO4T0CORaYdHx83dxIChj6ECFeSSqXAb8CE2UOhUGhlZWVpaUlR6JFs20bBOzg4gGdx5QMRiHt7eyifnz9/fvHihRCOVmgMMN2oea5/MgIaLQesTTQaVSIdlVDzwO/hmbPXdAQCiUQCeVVR6L4AL51Oe5Clk8kkzNHa2popKzVmjHJ3d9cDfv8N9+/fv/ddEBDCQbW/v398fOzxl5ZKpa2tLSMosiNEQBwdHfny1fCo29vbdy6oCqGDSUQJ9HEAiMWdnR0USCEcRrj8UQJH6j8HTAM/f/4UwmF0dnaGRo1hJKlUirn14kWYyWR48gEoCqEz1et1FEKe8ZTLZarxGICwUqlQWUE4mtPTUyF0oEajwTaki4sLIXQgt+5CuCh4Y87uQg8hGi8hHFSBQEAIzVa73e50OkJosG67EkIH3kG51GyEptyrE0LzvIMQSkIoCaEQeiHbtjkdqRAKoRyppFoohJIQSkIoCaEQSkIoPQmEnC/2oVXlHBjXK6LX19f7+/utVsvp3iMeyLbt8/Pzly9fsm2PwYWwWq1ms1nOfIXLa2trKxQKffv2jWpXBYvtSicvPADJtn7LhTAcDpOvjgaDwefPnwvhvRobG8McMSNELWTbm4bOYvHnUjUVvYQcRR6FGCFbqqdDCMvHjBCpXlHYp30m3wWNcHh0tZB8X8lXr14JYf9cSu5IhbCPpqammBGicxXCPpqcnKR1NAhBDE8I+wj8YrEYJ8JIJEJ4s4Lx7sny8jJhyUHDyrn5MyNCGPeNjQ0qX/P3LAROt0x61/7du3dUxuHt27fxeJxzrngfvKA6gQcIaSeKFyHVNufMrQ4vwomJCRL7B5PMfCgXL0Kee4dwMYQO2QCE4EdyW4C5EFIjDAQCJBWI/PAR6keBI5EIQxYlXFQzBiG6Q9+76bm5OfIzR6gHh3Lo7+GC8KLz8/PPuMX+TkU8HvfxLmssFuM/S40dIQIxkUj4MzWWZcQBvwa82YRQQEHy/ntx6RA+ZmEkQujr16/T09NefuPMzIwp54qagRDpdHNz08sWGzVYh9+5bw69XOUif5zVSIS2bXt58oFB7wUYg7DT6RCefCCEDkT4Yp8QOlOz2fRyg3qDNoEzBqGXu9Pzv9phJEKPT3FSFLoveRnjEbZaLdFSFCqR+mdkrrryuPRyntB0x9XGfNAwlM/nDw8P2+229+fHWJaVSCSWl5cVhcOrVqv9+PHj8vLSl/N/EP3JZJL2CF8zEBYKBX8PK7NtO5fLCeGDotD3MdAe4WsGQob9EPlNDS9CWNBms+n7MDAG8lUFXoRnZ2cMpxhiDBiJEA7jBjOZDMlgMBLOI2CpEZZKpXq9TjIYjATjEULHHb3GYyrCVquVTqfZrnqMB6PiXGpnWWBDsalUKrjY0c7TnsUcCoWi0ejc3Nz09DTPI4r+I4Rlz2azgMdT/PpqfHwcIOfn5xlu7vuJsFarwa+DH+GRBoNobGwMFGdnZ/19AdEHhJ1OB6Xl5OQEmZPZrA/qJiwLeXVhYSESifiy3ZGn+xFcXl7mumJYdnGxipe6CofDsa5ev379CKPw4uLi+Pj4169fptxHHVoIxPfv3y8uLk5MTDwGhLZtF4tFVDtcpI8gZzrKrsirqJQzMzOjfoZjVAjhM2EykTP5b9aMVIjFv+9Hjs67uo8QBe+0Kz02+E/gF+9qFGXSTYQwKZlMBmmTtjf3fWUAqfXDhw/ubvLoDkJ0eCAHtyJ4g4CE3wFLt7rJhyIEvKOjI3ToOqjH2bwHArOzsx8/fnw4yOER1uv1ZDJZKBQE7yEgo9Ho6urqQ3ZIGqa1R81Lp9PInI++yRu1cPUjgaHjQl5dWloarkY6i0KYzL/wVPNGZHYA0mn74QAh3GYqlVKrMOr2Y2VlBa7V5UTaaDQODg5gODXFoxYiZGdnp1KpfPr0acCNi/ojzOfz+FBlTi+FaCmXy2tra4Nse9UHITInbKfm1HshZra3t5H/kFd7/2SvpwcODw/Fz19h/kFhSIQnJyd9f1nyQKAAFo4RVqvV3d1dTR+JwAJEHCBEv7m3t/ekbu+RCyxA5L5VsDsQwtH2YC75IhABl0ERFotFTRmh7uNyB8JCoaD5ItR9XCxNjekSQiGUhFASQiGUhFASQkkIhVAyQo1G486VbiE0RsFg8M6XpP4IMAApALrnMeLgrgAAAABJRU5ErkJggg==);
|
||||
background-size: contain;
|
||||
border: solid 1px #ccc;
|
||||
@include border-radius(4px);
|
||||
@include box-shadow(white 0 0 0 4px inset);
|
||||
|
||||
&::before {
|
||||
@extend .icon;
|
||||
@extend .icon-spin;
|
||||
@extend .icon-refresh;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
z-index: 10;
|
||||
display: block;
|
||||
font-size: 2em;
|
||||
color: #ccc;
|
||||
text-align: center;
|
||||
@include left(10px);
|
||||
}
|
||||
|
||||
a {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
z-index: 100;
|
||||
display: block;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
border: none;
|
||||
@include left(1px);
|
||||
@include box-shadow(white 0 0 0 3px inset);
|
||||
}
|
||||
}
|
||||
|
||||
.message-item-initial {
|
||||
h2 {
|
||||
font-size: 1.5em;
|
||||
@include margin(0, 0, 5px, 0);
|
||||
}
|
||||
|
||||
.message-item-initial-body {
|
||||
@extend .panel;
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.message-date {
|
||||
margin-bottom: 10px;
|
||||
color: #bbb;
|
||||
}
|
||||
//Messages
|
||||
}
|
||||
|
||||
.message-item {
|
||||
@extend .media;
|
||||
position: relative;
|
||||
padding: 10px 0;
|
||||
border-bottom: solid 1px #eee;
|
||||
@include margin(0, 0, 0, 30px);
|
||||
|
||||
&:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.message-item-heading {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.message-body {
|
||||
@include margin(0, 0, 0, 80px);
|
||||
|
||||
.message-item-text {
|
||||
@include padding(0, 0, 0, 10px);
|
||||
@include border-left(2px solid #ccc);
|
||||
}
|
||||
}
|
||||
|
||||
.message-avatar {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
@include left(10px);
|
||||
}
|
||||
|
||||
.message-date {
|
||||
color: #bbb;
|
||||
}
|
||||
//Arrows
|
||||
}
|
||||
|
||||
.arrow::before,
|
||||
.arrow::after {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
content: "";
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.arrow-left::before {
|
||||
top: 6px;
|
||||
@include ltr () {
|
||||
border-width: 7px 7px 7px 0;
|
||||
border-right-color: #d1d4d7;
|
||||
}
|
||||
@include rtl () {
|
||||
border-width: 7px 0 7px 7px;
|
||||
border-left-color: #d1d4d7;
|
||||
}
|
||||
@include margin-left(-7px);
|
||||
@include left(0);
|
||||
}
|
||||
|
||||
.arrow-left::after {
|
||||
top: 7px;
|
||||
@include ltr () {
|
||||
border-width: 6px 6px 6px 0;
|
||||
border-right-color: #fff;
|
||||
}
|
||||
@include rtl () {
|
||||
border-width: 6px 0 6px 6px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
@include left(0);
|
||||
@include margin-left(-6px);
|
||||
}
|
||||
|
||||
.arrow-right::before {
|
||||
top: 6px;
|
||||
@include ltr () {
|
||||
border-width: 7px 0 7px 7px;
|
||||
border-left-color: #d1d4d7;
|
||||
}
|
||||
@include rtl () {
|
||||
border-width: 7px 7px 7px 0;
|
||||
border-right-color: #d1d4d7;
|
||||
}
|
||||
@include right(0);
|
||||
@include margin-right(-7px);
|
||||
}
|
||||
|
||||
.arrow-right::after {
|
||||
top: 7px;
|
||||
@include ltr () {
|
||||
border-width: 6px 0 6px 6px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
@include rtl () {
|
||||
border-width: 6px 6px 6px 0;
|
||||
border-right-color: #fff;
|
||||
}
|
||||
@include right(0);
|
||||
@include margin-right(-6px);
|
||||
}
|
||||
//Timeline
|
||||
$time-icon-size: 40px;
|
||||
|
||||
.timeline {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 30px;
|
||||
z-index: 0;
|
||||
width: 6px;
|
||||
content: "";
|
||||
background-color: #ddd;
|
||||
@include margin-left(-4px);
|
||||
@include left(50%);
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
display: table-row;
|
||||
|
||||
.timeline-caption {
|
||||
display: table-cell;
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
|
||||
.timeline-panel {
|
||||
@extend .panel;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
@include text-align(left);
|
||||
@include margin-left($time-icon-size + 2px);
|
||||
@include box-shadow(0);
|
||||
}
|
||||
|
||||
h5 {
|
||||
margin: 0;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.timeline-date {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
width: 150px;
|
||||
@include text-align(right);
|
||||
@include left(-220px);
|
||||
}
|
||||
|
||||
.timeline-icon {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
width: $time-icon-size;
|
||||
height: $time-icon-size;
|
||||
line-height: $time-icon-size;
|
||||
text-align: center;
|
||||
background-color: #666;
|
||||
border: 2px solid #fff;
|
||||
border-radius: $time-icon-size;
|
||||
@include left(-($time-icon-size + $time-icon-size / 2 + 2px));
|
||||
|
||||
i {
|
||||
margin-top: 5px;
|
||||
font-size: ($time-icon-size / 2);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&::before,
|
||||
&.alt::after {
|
||||
display: block;
|
||||
width: 50%;
|
||||
content: "";
|
||||
}
|
||||
|
||||
&.alt {
|
||||
@include text-align(right);
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.timeline-panel {
|
||||
@include margin-right($time-icon-size);
|
||||
@include margin-left(0);
|
||||
}
|
||||
|
||||
.timeline-date {
|
||||
@include right(-220px);
|
||||
@include text-align(left);
|
||||
@include left(auto);
|
||||
}
|
||||
|
||||
.timeline-icon {
|
||||
@include left(auto);
|
||||
@include right(-($time-icon-size + $time-icon-size / 2));
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
display: table-caption;
|
||||
text-align: center;
|
||||
|
||||
&::before {
|
||||
width: 1%;
|
||||
}
|
||||
|
||||
.timeline-panel {
|
||||
@include margin-left(0);
|
||||
}
|
||||
|
||||
.timeline-caption {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.timeline-date,
|
||||
.timeline-icon {
|
||||
position: static;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.command-danger {
|
||||
background-color: $brand-danger !important;
|
||||
}
|
||||
|
||||
.command-success {
|
||||
background-color: $brand-success !important;
|
||||
}
|
||||
467
admin-kalsport/themes/default/scss/controllers/_dashboard.scss
Normal file
467
admin-kalsport/themes/default/scss/controllers/_dashboard.scss
Normal file
@@ -0,0 +1,467 @@
|
||||
//DASHBOARD
|
||||
.size_s {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.size_md {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.size_l {
|
||||
font-size: 1.7em;
|
||||
}
|
||||
|
||||
.size_xl {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.size_xxl {
|
||||
font-size: 2.3em;
|
||||
}
|
||||
|
||||
.number-monospace {
|
||||
font-family: $font-family-mono !important;
|
||||
font-weight: 200;
|
||||
word-spacing: -0.3em;
|
||||
}
|
||||
|
||||
.color_success {
|
||||
color: $brand-success;
|
||||
}
|
||||
|
||||
.color_danger {
|
||||
color: $brand-danger;
|
||||
}
|
||||
|
||||
.dash_trend_down {
|
||||
color: $brand-danger;
|
||||
|
||||
&::before {
|
||||
font-family: FontAwesome, sans-serif;
|
||||
content: "\f0ab";
|
||||
@include margin-right(4px);
|
||||
}
|
||||
}
|
||||
|
||||
.dash_trend_up {
|
||||
color: $brand-success;
|
||||
|
||||
&::before {
|
||||
font-family: FontAwesome, sans-serif;
|
||||
content: "\f0aa";
|
||||
@include margin-right(4px);
|
||||
}
|
||||
}
|
||||
|
||||
.dash_trend_right {
|
||||
&::before {
|
||||
font-family: FontAwesome, sans-serif;
|
||||
content: "\f0a9";
|
||||
@include margin-right(4px);
|
||||
}
|
||||
}
|
||||
|
||||
#dashboard {
|
||||
section > section {
|
||||
header {
|
||||
padding: 3px 8px;
|
||||
font-size: 1.2em;
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
@include margin(0, 0, 3px, 0);
|
||||
|
||||
.small {
|
||||
display: block;
|
||||
clear: both;
|
||||
font-family: $font-family-sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-variant: small-cap;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data_list {
|
||||
@extend .list-group;
|
||||
padding: 0;
|
||||
@include margin(0, 0, 10px, 0);
|
||||
|
||||
li {
|
||||
@extend .list-group-item;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.data_value {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
line-height: 39px;
|
||||
@include right(0);
|
||||
@include padding(0, 10px, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.data_list_small {
|
||||
padding: 0;
|
||||
border-top: solid 1px #ddd;
|
||||
@include margin(8px, 0, 10px, 0);
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
padding: 3px 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-bottom: dashed 1px #ddd;
|
||||
}
|
||||
|
||||
.data_label {
|
||||
color: #bbb;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.data_value {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
padding: 0;
|
||||
line-height: 25px;
|
||||
@include right(0);
|
||||
}
|
||||
}
|
||||
|
||||
.data_list_large {
|
||||
@extend .list-unstyled;
|
||||
padding: 0;
|
||||
@include margin(8px, 0, 10px, 0);
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
padding: 6px 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.data_label {
|
||||
line-height: 0.8em;
|
||||
|
||||
small {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
}
|
||||
|
||||
.data_value {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
line-height: 0.6em;
|
||||
text-align: right;
|
||||
@include right(0);
|
||||
@include padding(8px, 0, 0, 0);
|
||||
|
||||
small {
|
||||
font-size: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data_list_vertical {
|
||||
@extend .list-unstyled;
|
||||
@extend .row;
|
||||
padding: 0;
|
||||
border: 1px solid #ddd;
|
||||
@include margin(0, 0, 10px, 0);
|
||||
@include border-radius(3px);
|
||||
|
||||
li {
|
||||
@extend .col-xs-6;
|
||||
padding: 6px;
|
||||
@include border-left(solid 1px #ddd);
|
||||
|
||||
&:first-child {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.data_label {
|
||||
display: block;
|
||||
min-height: 32px;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.data_value {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
#dashtrends {
|
||||
header {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtrends_toolbar {
|
||||
margin: 0 -16px 10px;
|
||||
|
||||
dl {
|
||||
@include box-shadow(0 0 0 2px #ffffff inset);
|
||||
|
||||
dt {
|
||||
height: 2.6em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
dd.data_value {
|
||||
color: #aaa;
|
||||
@extend .clearfix;
|
||||
|
||||
small {
|
||||
font-size: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
dd.dash_trend {
|
||||
width: 80px;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
dt,
|
||||
dd.data_value {
|
||||
color: $brand-primary;
|
||||
}
|
||||
|
||||
dt {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
dt,
|
||||
dd.data_value {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
dl {
|
||||
min-height: 70px;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #ddd;
|
||||
@include border-left(1px solid #ddd);
|
||||
|
||||
&:first-child {
|
||||
@include border-left(none);
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: $brand-primary;
|
||||
@include box-shadow(#ffffff 0 0 0 2px inset);
|
||||
|
||||
dt {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
dt {
|
||||
height: 37px;
|
||||
font: 400 1.1em / 120% $headings-font-family;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
dd {
|
||||
span {
|
||||
font-size: 0.9em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
height: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
#dashgoals {
|
||||
svg {
|
||||
height: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
#dashproducts {
|
||||
nav {
|
||||
margin-bottom: 10px;
|
||||
font: 400 1.1em / 120% $headings-font-family;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
#dashaddons {
|
||||
padding: 10px 20px;
|
||||
font-size: 1.3em;
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
border: 1px dashed #c0c0c0;
|
||||
@include border-radius(3px);
|
||||
|
||||
a {
|
||||
display: block;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#dashactivity {
|
||||
svg {
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
.data_value {
|
||||
span,
|
||||
.dash_trend {
|
||||
@extend .data_loading;
|
||||
}
|
||||
}
|
||||
|
||||
.loading {
|
||||
.data_value {
|
||||
min-width: 30px;
|
||||
text-align: center;
|
||||
|
||||
&::before {
|
||||
@extend .icon-spin;
|
||||
@extend .icon;
|
||||
@extend .icon-refresh;
|
||||
font-size: 14px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
span,
|
||||
small {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.data_trend {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
> .btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
> i {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip-panel {
|
||||
min-width: 150px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.tooltip-panel-heading {
|
||||
margin-bottom: 10px;
|
||||
font: 400 1.2em / $line-height-base $headings-font-family;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
@mixin animation($name,$value) {
|
||||
-webkit-animation-#{$name}: $value;
|
||||
animation-#{$name}: $value;
|
||||
}
|
||||
// stylelint-disable
|
||||
@mixin keyframes($name) {
|
||||
@-webkit-keyframes $name {
|
||||
@content;
|
||||
}
|
||||
@-moz-keyframes $name {
|
||||
@content;
|
||||
}
|
||||
@-ms-keyframes $name {
|
||||
@content;
|
||||
}
|
||||
@-o-keyframes $name {
|
||||
@content;
|
||||
}
|
||||
@keyframes $name {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
// stylelint-enable
|
||||
.data_loading {
|
||||
opacity: 1;
|
||||
@include animation(name,bounceG);
|
||||
@include animation(duration,0.7s);
|
||||
@include animation(direction,linear);
|
||||
@include scaleX(0.7);
|
||||
@include scaleY(0.7);
|
||||
}
|
||||
@include keyframes(bounceG) {
|
||||
0% {
|
||||
@include opacity(0);
|
||||
@include scaleX(0.1);
|
||||
@include scaleY(0.1);
|
||||
}
|
||||
|
||||
100% {
|
||||
@include opacity(1);
|
||||
@include scaleX(1);
|
||||
@include scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
#dash_version {
|
||||
@extend .panel;
|
||||
padding: 0 !important;
|
||||
overflow: hidden;
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
#calendar {
|
||||
button.btn-default.active {
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
border-color: darken($brand-primary, 10%);
|
||||
@include box-shadow(none);
|
||||
}
|
||||
@media (max-width: $screen-phone) {
|
||||
padding: 10px !important;
|
||||
|
||||
button.btn-default {
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dash_news {
|
||||
h3 {
|
||||
// stylelint-disable-next-line
|
||||
font-size: 14px !important;
|
||||
|
||||
i {
|
||||
font-size: 20px;
|
||||
color: $medium-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
113
admin-kalsport/themes/default/scss/controllers/_login.scss
Normal file
113
admin-kalsport/themes/default/scss/controllers/_login.scss
Normal file
@@ -0,0 +1,113 @@
|
||||
#login {
|
||||
min-height: 100%;
|
||||
padding-bottom: 45px;
|
||||
}
|
||||
|
||||
#shop-img {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
width: 69.5px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#login-header {
|
||||
padding-top: 40px;
|
||||
margin-bottom: 30px;
|
||||
color: #6d6d6d;
|
||||
|
||||
h1,
|
||||
h4 {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#login-panel {
|
||||
width: 500px;
|
||||
margin: 0 auto;
|
||||
|
||||
.form-control {
|
||||
height: inherit !important;
|
||||
padding: 10px 8px !important;
|
||||
}
|
||||
@media (max-width: $screen-phone) {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.panel {
|
||||
@include border-radius(0);
|
||||
@include box-shadow(0 1px 3px rgba(0,0,0,0.3));
|
||||
}
|
||||
|
||||
.panel-footer {
|
||||
height: inherit;
|
||||
margin: 0 -20px -20px;
|
||||
}
|
||||
|
||||
.flip-container {
|
||||
margin-top: 115px;
|
||||
@include perspective(1000px);
|
||||
|
||||
&.flip {
|
||||
.flipper {
|
||||
@include rotateY(180deg);
|
||||
}
|
||||
|
||||
.back {
|
||||
@include backface-visibility(visible);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.flipper {
|
||||
position: relative;
|
||||
@include transition-duration(0.6s);
|
||||
@include transform-style ();
|
||||
}
|
||||
|
||||
.front,
|
||||
.back {
|
||||
width: 100%;
|
||||
padding: 40px;
|
||||
transition: 0.6s;
|
||||
@include backface-visibility(hidden);
|
||||
}
|
||||
|
||||
.front {
|
||||
@include rotateY(0);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.back {
|
||||
z-index: 1;
|
||||
display: none;
|
||||
@include rotateY(180deg);
|
||||
}
|
||||
|
||||
#shop_name,
|
||||
#reset_name,
|
||||
#reset_confirm_name,
|
||||
#forgot_name,
|
||||
#forgot_confirm_name {
|
||||
font-family: $font-family-sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#login_form {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
#remind-me {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#login-footer {
|
||||
margin-top: 20px;
|
||||
|
||||
a {
|
||||
color: #a0aab5;
|
||||
}
|
||||
}
|
||||
247
admin-kalsport/themes/default/scss/controllers/_modules.scss
Normal file
247
admin-kalsport/themes/default/scss/controllers/_modules.scss
Normal file
@@ -0,0 +1,247 @@
|
||||
#module-list {
|
||||
h3 {
|
||||
position: relative;
|
||||
top: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: $main-color;
|
||||
background-color: transparent;
|
||||
@include left(0);
|
||||
}
|
||||
|
||||
select.active {
|
||||
background: lighten($brand-primary, 40%);
|
||||
border: solid 1px $brand-primary;
|
||||
|
||||
option {
|
||||
background: #fff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hook_panel {
|
||||
margin-bottom: 10px !important;
|
||||
border: solid #e6e6e6 1px;
|
||||
@include box-shadow(rgba(black,0.1) 0 -2px 0 inset);
|
||||
@include border-radius(3px);
|
||||
@include padding(10px, 10px, 5px, 10px);
|
||||
}
|
||||
|
||||
.module_name {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.module_description {
|
||||
@extend .text-muted;
|
||||
}
|
||||
|
||||
.hook_panel_header {
|
||||
@include margin(0, -10px, 0, -10px);
|
||||
@include padding(0, 10px, 10px, 10px);
|
||||
|
||||
.hook_name {
|
||||
padding: 0 4px;
|
||||
font-size: 1.4em;
|
||||
color: $brand-primary;
|
||||
background-color: #fff;
|
||||
@include border-radius(3px);
|
||||
}
|
||||
}
|
||||
|
||||
.hook_title {
|
||||
@extend .text-muted;
|
||||
}
|
||||
|
||||
.hook_description {
|
||||
@extend .text-muted;
|
||||
@include padding(3px, 0, 0, 3px);
|
||||
}
|
||||
|
||||
.modules_list_container_tab {
|
||||
img {
|
||||
max-width: 66px;
|
||||
}
|
||||
}
|
||||
|
||||
.module_list {
|
||||
.module_list_item {
|
||||
display: table;
|
||||
width: 100%;
|
||||
padding: 5px 0;
|
||||
margin-bottom: -1px;
|
||||
border: solid 1px #9ed0ec;
|
||||
|
||||
&.highlight {
|
||||
background-color: #f7e69f;
|
||||
}
|
||||
}
|
||||
|
||||
.draggable {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.module_col_select {
|
||||
display: table-cell;
|
||||
width: 22px;
|
||||
min-height: 35px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
@include border-right(1px solid #ddd);
|
||||
}
|
||||
|
||||
.module_col_position {
|
||||
display: table-cell;
|
||||
width: 70px;
|
||||
vertical-align: middle;
|
||||
@include text-align(right);
|
||||
|
||||
.positions {
|
||||
padding: 0 5px;
|
||||
font-size: 1.4em;
|
||||
color: #aaa;
|
||||
text-shadow: #fff 1px 1px;
|
||||
cursor: move;
|
||||
background-color: #eee;
|
||||
border: solid 1px #ccc;
|
||||
@include border-radius(3px);
|
||||
@include box-shadow(rgba(0,0,0,0.2) 0 1px 3px inset);
|
||||
}
|
||||
}
|
||||
|
||||
.module_col_icon {
|
||||
display: table-cell;
|
||||
width: 75px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.module_col_infos {
|
||||
display: table-cell;
|
||||
height: 50px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.module_col_actions {
|
||||
display: table-cell;
|
||||
width: 160px;
|
||||
padding: 0 10px;
|
||||
vertical-align: middle;
|
||||
@include text-align(right);
|
||||
|
||||
.btn-group {
|
||||
@include text-align(left);
|
||||
}
|
||||
}
|
||||
|
||||
li.sortable-placeholder {
|
||||
margin: 4px;
|
||||
background-color: #eee;
|
||||
border: 1px dashed #ccc;
|
||||
@include border-radius(5px);
|
||||
}
|
||||
|
||||
td.module_active {
|
||||
background-color: lighten($brand-success, 10%) !important;
|
||||
}
|
||||
|
||||
td.module_inactive {
|
||||
background-color: lighten($gray, 50%) !important;
|
||||
}
|
||||
|
||||
.module-badge-popular,
|
||||
.module-badge-partner,
|
||||
.module-badge-bought {
|
||||
@extend .badge;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.module-badge-popular {
|
||||
background-color: $brand-addons;
|
||||
}
|
||||
|
||||
.module-badge-partner {
|
||||
background-color: $brand-primary;
|
||||
}
|
||||
|
||||
.module-badge-bought {
|
||||
background-color: $greenPrestashop;
|
||||
}
|
||||
|
||||
.categoriesTitle {
|
||||
.list-group {
|
||||
#filternameForm {
|
||||
@include padding-right(15px);
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@include padding-right(35px);
|
||||
|
||||
.badge {
|
||||
position: absolute;
|
||||
@include right(5px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.quickview-badge {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.quickview-price {
|
||||
font-size: 1.8em;
|
||||
color: #666;
|
||||
@include float(right);
|
||||
}
|
||||
//stars
|
||||
.rating {
|
||||
font-size: 20px;
|
||||
direction: rtl;
|
||||
unicode-bidi: bidi-override;
|
||||
|
||||
span.star {
|
||||
display: inline-block;
|
||||
font-family: $icon-font-family;
|
||||
|
||||
&::before {
|
||||
color: #bbb;
|
||||
content: "\f006";
|
||||
@include padding-right(3px);
|
||||
}
|
||||
|
||||
&.active::before,
|
||||
&.active ~ span.star::before {
|
||||
color: #f5ab35;
|
||||
content: "\f005";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#modules_list_container_tab_modal {
|
||||
.img-thumbnail {
|
||||
max-width: 60px;
|
||||
max-height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.modules-addons-info {
|
||||
text-align: center;
|
||||
|
||||
h4 {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.modules-addons-buttons {
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
margin-right: 10px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
17
admin-kalsport/themes/default/scss/controllers/_order.scss
Normal file
17
admin-kalsport/themes/default/scss/controllers/_order.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
.nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#customization_list {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.table.order_return {
|
||||
.filter {
|
||||
.center {
|
||||
input {
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
#leave_bprice {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.product-line-row {
|
||||
td {
|
||||
max-width: 200px;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
}
|
||||
11
admin-kalsport/themes/default/scss/controllers/_search.scss
Normal file
11
admin-kalsport/themes/default/scss/controllers/_search.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
.adminsearch {
|
||||
#content {
|
||||
.panel .panel {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
@include border-radius(0);
|
||||
@include box-shadow(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
69
admin-kalsport/themes/default/scss/controllers/_themes.scss
Normal file
69
admin-kalsport/themes/default/scss/controllers/_themes.scss
Normal file
@@ -0,0 +1,69 @@
|
||||
.theme-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
overflow: hidden;
|
||||
background-color: rgba(#4d576e, 0.3);
|
||||
border: solid 1px #ccc;
|
||||
@include border-radius(3px);
|
||||
|
||||
.theme-title {
|
||||
height: 40px;
|
||||
padding: 0;
|
||||
margin: 0 0 10px;
|
||||
font-size: 16px;
|
||||
line-height: 40px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
background-color: #4d576e;
|
||||
border-bottom: solid 1px #fff;
|
||||
}
|
||||
|
||||
.thumbnail-wrapper {
|
||||
.action-wrapper {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: 0;
|
||||
display: none;
|
||||
|
||||
.action-overlay {
|
||||
width: 100%;
|
||||
height: 260px;
|
||||
@include background-image(linear-gradient(rgba(#4D576E,0.5),#4D576E));
|
||||
}
|
||||
|
||||
.action-buttons {
|
||||
position: absolute;
|
||||
top: 130px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.addons-see-all-themes {
|
||||
padding-top: 21px;
|
||||
|
||||
a {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.addons-style-search-bar {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
&#content #psthemecusto {
|
||||
@media (max-width: $screen-xs) {
|
||||
.panel .panel-heading {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-top: 5rem;
|
||||
|
||||
.btn.btn-primary {
|
||||
margin: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
#translations_form {
|
||||
.translations-email-panel {
|
||||
padding: 8px 12px;
|
||||
@include margin(0, 0, 8px, 20px);
|
||||
}
|
||||
|
||||
.block-mail {
|
||||
iframe,
|
||||
textarea {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.panel-group {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a.panel-title {
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mails_field {
|
||||
padding-bottom: 8px;
|
||||
margin-bottom: 16px;
|
||||
border-bottom: 1px solid #eee;
|
||||
|
||||
ul.nav-pills {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
h4 .badge {
|
||||
font-size: 12px;
|
||||
|
||||
&.badge-danger {
|
||||
color: $brand-danger;
|
||||
background-color: transparent;
|
||||
border: solid 2px $brand-danger;
|
||||
}
|
||||
}
|
||||
|
||||
.panel-footer {
|
||||
margin: 0 -15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
35
admin-kalsport/themes/default/scss/controllers/index.php
Normal file
35
admin-kalsport/themes/default/scss/controllers/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright since 2007 PrestaShop SA and Contributors
|
||||
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Open Software License (OSL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.md.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/OSL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to https://devdocs.prestashop.com/ for more information.
|
||||
*
|
||||
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
||||
* @copyright Since 2007 PrestaShop SA and Contributors
|
||||
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
28
admin-kalsport/themes/default/scss/font.css
Normal file
28
admin-kalsport/themes/default/scss/font.css
Normal file
@@ -0,0 +1,28 @@
|
||||
@font-face {
|
||||
font-family: "Material Icons";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
|
||||
src: local("Material Icons"), local("MaterialIcons-Regular"), url(../node_modules/material-design-icons/iconfont//MaterialIcons-Regular.woff2) format("woff2"), url(../node_modules/material-design-icons/iconfont//MaterialIcons-Regular.woff) format("woff"), url(../node_modules/material-design-icons/iconfont//MaterialIcons-Regular.ttf) format("truetype");
|
||||
}
|
||||
.material-icons {
|
||||
display: inline-block;
|
||||
font-family: "Material Icons", sans-serif;
|
||||
font-size: 24px; /* Preferred icon size */
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
/* Support for IE. */
|
||||
font-feature-settings: "liga";
|
||||
}/*# sourceMappingURL=font.css.map */
|
||||
1
admin-kalsport/themes/default/scss/font.css.map
Normal file
1
admin-kalsport/themes/default/scss/font.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["font.scss","font.css"],"names":[],"mappings":"AACA;EACE,6BAAA;EACA,kBAAA;EACA,gBAAA;EACA,kFAAA,EAAA,cAAA;EACA,iWACE;ACDJ;ADMA;EACE,qBAAA;EACA,yCAAA;EACA,eAAA,EAAA,wBAAA;EACA,kBAAA;EACA,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,sBAAA;EACA,iBAAA;EACA,mBAAA;EACA,cAAA;EAEA,qCAAA;EACA,mCAAA;EAEA,mCAAA;EACA,kCAAA;EAEA,yBAAA;EACA,kCAAA;EAEA,oBAAA;EACA,6BAAA;ACRF","file":"font.css"}
|
||||
37
admin-kalsport/themes/default/scss/font.scss
Normal file
37
admin-kalsport/themes/default/scss/font.scss
Normal file
@@ -0,0 +1,37 @@
|
||||
// stylelint-disable
|
||||
@font-face {
|
||||
font-family: "Material Icons";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
|
||||
src:
|
||||
local("Material Icons"), local("MaterialIcons-Regular"), url(../node_modules/material-design-icons/iconfont//MaterialIcons-Regular.woff2) format("woff2"),
|
||||
url(../node_modules/material-design-icons/iconfont//MaterialIcons-Regular.woff) format("woff"),
|
||||
url(../node_modules/material-design-icons/iconfont//MaterialIcons-Regular.ttf) format("truetype");
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
display: inline-block;
|
||||
font-family: "Material Icons", sans-serif;
|
||||
font-size: 24px; /* Preferred icon size */
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Support for IE. */
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
35
admin-kalsport/themes/default/scss/index.php
Normal file
35
admin-kalsport/themes/default/scss/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright since 2007 PrestaShop SA and Contributors
|
||||
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Open Software License (OSL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.md.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/OSL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to https://devdocs.prestashop.com/ for more information.
|
||||
*
|
||||
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
||||
* @copyright Since 2007 PrestaShop SA and Contributors
|
||||
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
20
admin-kalsport/themes/default/scss/modules/_colors.scss
Normal file
20
admin-kalsport/themes/default/scss/modules/_colors.scss
Normal file
@@ -0,0 +1,20 @@
|
||||
// PrestaShop Colors
|
||||
$greenPrestashop: #8bc954;
|
||||
$pinkPrestashop: #f01778;
|
||||
|
||||
// Color Me SASS v1.3 by Richard Bray => http://richbray.me/cms/
|
||||
@import "colors/reds";
|
||||
@import "colors/peaches";
|
||||
@import "colors/tans";
|
||||
@import "colors/oranges";
|
||||
@import "colors/ambers";
|
||||
@import "colors/yellows";
|
||||
@import "colors/limes";
|
||||
@import "colors/greens";
|
||||
@import "colors/turquoise";
|
||||
@import "colors/blues";
|
||||
@import "colors/purples";
|
||||
@import "colors/pinks";
|
||||
@import "colors/browns";
|
||||
@import "colors/whites";
|
||||
@import "colors/grays";
|
||||
116
admin-kalsport/themes/default/scss/modules/_mixins.scss
Normal file
116
admin-kalsport/themes/default/scss/modules/_mixins.scss
Normal file
@@ -0,0 +1,116 @@
|
||||
// Avatar
|
||||
|
||||
@mixin avatar($size, $radius) {
|
||||
display: inline-block;
|
||||
width: $size;
|
||||
height: $size;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
-webkit-border-radius: $radius;
|
||||
border-radius: $radius;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: $size / 3 * 2;
|
||||
line-height: $size;
|
||||
}
|
||||
// Breakpoint viewport sizes and media queries.
|
||||
//
|
||||
// Breakpoints are defined as a map of (name: minimum width), order from small to large:
|
||||
//
|
||||
// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
|
||||
//
|
||||
// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
|
||||
|
||||
// Name of the next breakpoint, or null for the last breakpoint.
|
||||
//
|
||||
// >> breakpoint-next(sm)
|
||||
// md
|
||||
// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||
// md
|
||||
// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
|
||||
// md
|
||||
}
|
||||
@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
|
||||
$n: index($breakpoint-names, $name);
|
||||
|
||||
@return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
|
||||
|
||||
// Minimum breakpoint width. Null for the smallest (first) breakpoint.
|
||||
//
|
||||
// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||
// 576px
|
||||
}
|
||||
@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
|
||||
$min: map-get($breakpoints, $name);
|
||||
|
||||
@return if($min != 0, $min, null);
|
||||
|
||||
// Maximum breakpoint width. Null for the largest (last) breakpoint.
|
||||
// The maximum value is calculated as the minimum of the next one less 0.1.
|
||||
//
|
||||
// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||
// 767px
|
||||
}
|
||||
@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
|
||||
$next: breakpoint-next($name, $breakpoints);
|
||||
|
||||
@return if($next, breakpoint-min($next, $breakpoints) - 0.0625em, null);
|
||||
|
||||
// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
|
||||
// Useful for making responsive utilities.
|
||||
//
|
||||
// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||
// "" (Returns a blank string)
|
||||
// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
||||
// "-sm"
|
||||
}
|
||||
@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
|
||||
@return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
|
||||
}
|
||||
|
||||
// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
|
||||
// Makes the @content apply to the given breakpoint and wider.
|
||||
@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
|
||||
$min: breakpoint-min($name, $breakpoints);
|
||||
|
||||
@if $min {
|
||||
@media (min-width: $min) {
|
||||
@content;
|
||||
}
|
||||
}@else {
|
||||
@content;
|
||||
}
|
||||
}// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
|
||||
// Makes the @content apply to the given breakpoint and narrower.
|
||||
@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
|
||||
$max: breakpoint-max($name, $breakpoints);
|
||||
|
||||
@if $max {
|
||||
@media (max-width: $max) {
|
||||
@content;
|
||||
}
|
||||
}@else {
|
||||
@content;
|
||||
}
|
||||
}// Media that spans multiple breakpoint widths.
|
||||
// Makes the @content apply between the min and max breakpoints
|
||||
@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
|
||||
@include media-breakpoint-up($lower, $breakpoints) {
|
||||
@include media-breakpoint-down($upper, $breakpoints) {
|
||||
@content;
|
||||
}
|
||||
// Media between the breakpoint's minimum and maximum widths.
|
||||
// No minimum for the smallest breakpoint, and no maximum for the largest one.
|
||||
// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
|
||||
}
|
||||
}
|
||||
@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
|
||||
@include media-breakpoint-between($name, $name, $breakpoints) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
182
admin-kalsport/themes/default/scss/modules/_variables.scss
Normal file
182
admin-kalsport/themes/default/scss/modules/_variables.scss
Normal file
@@ -0,0 +1,182 @@
|
||||
// PrestaShop Admin Theme Colors
|
||||
$main-color: #363a41 !default;
|
||||
$primary-color: #25b9d7 !default;
|
||||
$primary-light-color: #7cd5e7 !default;
|
||||
$secondary-color: $greenPrestashop !default;
|
||||
$bg-content-color: #eff1f2 !default;
|
||||
|
||||
$contrasted-dark-default: #333;
|
||||
$contrasted-light-default: #fff;
|
||||
$contrasted-lightness-threshold: 10%;
|
||||
|
||||
$bg-page-head-color: $secondary-color;
|
||||
$bg-panel-heading-color: hsl(hue($secondary-color), 10, 90);
|
||||
|
||||
$badge-notif-color: $greenPrestashop;
|
||||
$brand-addons: $pinkPrestashop;
|
||||
|
||||
$font-family-mono: "Open Sans", helvetica, arial, sans-serif;
|
||||
|
||||
// FontAwesome icons
|
||||
$icon-font-family: "FontAwesome";
|
||||
$fa-css-prefix: icon;
|
||||
$icon-size-base: 14px;
|
||||
|
||||
// Tooltips
|
||||
$tooltip-opacity: 1;
|
||||
$tooltip-bg: #555;
|
||||
$tooltip-max-width: 250px;
|
||||
|
||||
// Bootstrap variables
|
||||
$gray-darker: lighten(#000, 13.5%);
|
||||
$gray-dark: lighten(#000, 20%);
|
||||
$gray: lighten(#000, 33.5%);
|
||||
$gray-light: lighten(#000, 60%);
|
||||
$gray-lighter: lighten(#000, 93.5%);
|
||||
$gray-background: #eaebec;
|
||||
|
||||
// Cards
|
||||
$card-border-color: #dbe6e9;
|
||||
$card-icon-color: #6c868e;
|
||||
|
||||
// Brand colors
|
||||
$brand-primary: $primary-color !default;
|
||||
|
||||
$brand-success: #72c279 !default;
|
||||
$brand-warning: #fbbb22 !default;
|
||||
$brand-danger: #e08f95 !default;
|
||||
$brand-info: #25b9d7 !default;
|
||||
|
||||
$alert-success-bg: #cbf2d4 !default;
|
||||
$alert-success-text: #363a41 !default;
|
||||
$alert-success-border: #53d572 !default;
|
||||
|
||||
$alert-info-bg: #beeaf3 !default;
|
||||
$alert-info-text: #363a41 !default;
|
||||
$alert-info-border: #25b9d7 !default;
|
||||
|
||||
$alert-warning-bg: #fffbd3 !default;
|
||||
$alert-warning-text: #363a41 !default;
|
||||
$alert-warning-border: #fab000 !default;
|
||||
|
||||
$alert-danger-bg: #fbc6c3 !default;
|
||||
$alert-danger-text: #363a41 !default;
|
||||
$alert-danger-border: #f44336 !default;
|
||||
|
||||
// Sidebar
|
||||
$sidebar-menu-color: #bebebe !default;
|
||||
$sidebar-menu-active-color: #fff !default;
|
||||
$sidebar-menu-hover-color: #fff !default;
|
||||
$sidebar-menu-bg-hover-color: #282b30;
|
||||
|
||||
// Toolbar
|
||||
$toolbar-buttons-color: #2eacce;
|
||||
$toolbar-buttons-hover-color: #40c9ed;
|
||||
|
||||
// Scaffolding
|
||||
$body-bg: $bg-content-color;
|
||||
$text-color: $gray;
|
||||
|
||||
// Typography
|
||||
$FontPathOpenSans: "../node_modules/open-sans-fonts/open-sans";
|
||||
$url-font-content-name: "Open Sans" !default;
|
||||
$url-font-headings-name: "Open Sans" !default;
|
||||
$font-family-sans-serif: $url-font-content-name, helvetica, arial, sans-serif;
|
||||
$headings-font-family: $url-font-headings-name, helvetica, arial, sans-serif;
|
||||
$font-size-base: 12px;
|
||||
$line-height-base: 1.428571429;
|
||||
$line-height-computed: floor($font-size-base * $line-height-base);
|
||||
$headings-font-weight: 400;
|
||||
|
||||
// Components
|
||||
$padding-base-vertical: 8px;
|
||||
$padding-base-horizontal: 16px;
|
||||
$border-radius-base: 4px;
|
||||
|
||||
// Tables
|
||||
|
||||
// $table-bg: transparent overall background-color
|
||||
$table-bg-accent: #f9f9f9;
|
||||
$table-bg-hover: #edf7fb;
|
||||
|
||||
// Buttons
|
||||
$btn-default-color: $main-color;
|
||||
$btn-default-bg: #fff;
|
||||
$btn-default-border: #bbcdd2;
|
||||
$btn-primary-color: #fff;
|
||||
$btn-primary-bg: $primary-color;
|
||||
$btn-primary-border: $primary-color;
|
||||
$btn-primary-active-bg: #21a6c1;
|
||||
|
||||
$btn-secondary-hover: #889da2;
|
||||
$btn-secondary-active-color: #889da2;
|
||||
$btn-secondary-color: #fff;
|
||||
|
||||
// Forms
|
||||
$input-bg: #fff;
|
||||
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 6);
|
||||
$input-group-addon-bg: #f5f8f9;
|
||||
$input-border: #bbcdd2;
|
||||
$input-focus-background: #f4fcfd;
|
||||
$input-focus-border: $primary-color;
|
||||
// Dropdowns
|
||||
$dropdown-link-hover-color: #fff;
|
||||
$dropdown-link-hover-bg: $brand-primary;
|
||||
|
||||
// Grid system
|
||||
$grid-gutter-width: 10px;
|
||||
|
||||
// Basics of a navbar
|
||||
$navbar-height: 40px;
|
||||
$well-bg: #fcfdfe;
|
||||
|
||||
// Media queries breakpoints
|
||||
// Tiny screen / phone
|
||||
$screen-tiny: 480px;
|
||||
$screen-phone: $screen-tiny;
|
||||
|
||||
// Small screen / tablet
|
||||
$screen-small: 768px;
|
||||
$screen-tablet: $screen-small;
|
||||
|
||||
// Medium screen / desktop
|
||||
$screen-medium: 992px;
|
||||
$screen-desktop: $screen-medium;
|
||||
|
||||
// So media queries don't overlap when required, provide a maximum
|
||||
$screen-small-max: ($screen-medium - 1);
|
||||
$screen-tablet-max: $screen-small-max;
|
||||
|
||||
// Large screen / wide desktop
|
||||
$screen-large: 1200px;
|
||||
$screen-large-desktop: $screen-large;
|
||||
|
||||
// Container sizes
|
||||
// Small screen / tablet
|
||||
$container-tablet: 728px;
|
||||
|
||||
// Medium screen / desktop
|
||||
$container-desktop: 940px;
|
||||
|
||||
// Large screen / wide desktop
|
||||
$container-large-desktop: 1170px;
|
||||
|
||||
// Menu
|
||||
$gray-dark-menu: #363a41;
|
||||
$widthSidebarNav: 210px;
|
||||
$paddingLeftPageClosed: 4.0625rem;
|
||||
$paddingLeftMobile: 0.625rem;
|
||||
$widthSidebarSubmenu: 200px;
|
||||
$menu-item-size: 34px;
|
||||
$min-height: 950px;
|
||||
$gray-dark-text: #bebebe;
|
||||
$gray-dark-text-hover: #fff;
|
||||
$size-navbar-width: 13.13rem;
|
||||
$size-navbar-width-mini: 3.125rem;
|
||||
$size-header-height: 2.5rem;
|
||||
$header-mobile-padding-y: 0.625rem;
|
||||
$medium-gray: #6c868e;
|
||||
$gray-medium: $medium-gray;
|
||||
|
||||
// use rems to ensure homogeneity on all zoom scales
|
||||
$grid-breakpoints: (xs: 0, sm: 34em, md: 48em, lg: 64em, xl: 81.25em);
|
||||
@@ -0,0 +1,25 @@
|
||||
// Ambers 9
|
||||
// -------------------------
|
||||
|
||||
$amber: #f90 !default;
|
||||
$amberDark: #995c00 !default;
|
||||
$amberDarker: #4c2e00 !default;
|
||||
$amberLight: #ffc266 !default;
|
||||
$amberLighter: #ffd699 !default;
|
||||
$amberDull: #d68e22 !default;
|
||||
$amberDuller: #b38642 !default;
|
||||
$amberBright: #ffb84d !default;
|
||||
$amberBrighter: #ffd391 !default;
|
||||
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 4
|
||||
|
||||
$amberQueen: #f1995a !default;
|
||||
$amberFlame: #f9b465 !default;
|
||||
$amberSands: #f7a955 !default;
|
||||
$amberBark: #ffb448 !default;
|
||||
|
||||
@@ -0,0 +1,68 @@
|
||||
// Blue 32
|
||||
// -------------------------
|
||||
|
||||
//Defaults
|
||||
|
||||
$blue: #06f !default;
|
||||
$blueDark: #003d99 !default;
|
||||
$blueDarker: #002966 !default;
|
||||
$blueLight: #4d94ff !default;
|
||||
$blueLighter: #80b2ff !default;
|
||||
$blueDull: #06c !default;
|
||||
$blueDuller: #369 !default;
|
||||
$blueBright: #39f !default;
|
||||
$blueBrighter: #70b8ff !default;
|
||||
|
||||
|
||||
//Variations
|
||||
|
||||
$blueAirforce: #5d8aa8 !default;
|
||||
$blueAzure: #007fff !default;
|
||||
$blueBaby: #89cff0 !default;
|
||||
$blueFrench: #318ce7 !default;
|
||||
$blueCeleste: #b2ffff !default;
|
||||
$blueColumbia: #75b2dd !default;
|
||||
$blueSky: #73c2fb !default;
|
||||
$blueMidnight: #191970 !default;
|
||||
$blueNavy: #000080 !default;
|
||||
$blueRoyal: #4169e1 !default;
|
||||
$blueSapphire: #0f52ba !default;
|
||||
$blueSteel: #4682b4 !default;
|
||||
|
||||
//Brands
|
||||
|
||||
$blueBehance: #053eff !default;
|
||||
$blueDropbox: #3d9ae8 !default;
|
||||
$blueFacebook: #3b5998 !default;
|
||||
$blueFlickr: #0063dc !default;
|
||||
$blueFoursquare: #25a0ca !default;
|
||||
$blueLinkedIn: #0e76a8 !default;
|
||||
$blueRdio: #008fd5 !default;
|
||||
$blueSkype: #00aff0 !default;
|
||||
$blueTwitter: #00a0d1 !default;
|
||||
$blueVimeo: #86c9ef !default;
|
||||
$blueVirb: #06afd8 !default;
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 13
|
||||
|
||||
$blueSea: #668ebf !default;
|
||||
$blueBabe: #96b5d4 !default;
|
||||
$blueReflection: #9ab7b3 !default;
|
||||
$blueHoliday: #0097c8 !default;
|
||||
$blueStonewash: #648e9c !default;
|
||||
$blueCyan: #36a0ca !default;
|
||||
$blueSapphire: #2c405b !default;
|
||||
$blueLake: #476a88 !default;
|
||||
$blueBreton: #4d5965 !default;
|
||||
$blueSeduction: #4c84b8 !default;
|
||||
$blueCloud: #6883b6 !default;
|
||||
|
||||
|
||||
//Zurb Foundation 1
|
||||
|
||||
$blueZurb: #2ba6cb !default;
|
||||
|
||||
@@ -0,0 +1,45 @@
|
||||
// Browns 21
|
||||
// -------------------------
|
||||
|
||||
//Defaults
|
||||
|
||||
$brown: #630 !default;
|
||||
$brownDark: #472400 !default;
|
||||
$brownDarker: #331a00 !default;
|
||||
$brownLight: #754719 !default;
|
||||
$brownLighter: #855c33 !default;
|
||||
$brownDull: #664728 !default;
|
||||
$brownDuller: #5e4c3a !default;
|
||||
$brownBright: #930 !default;
|
||||
$brownBrighter: #a34719 !default;
|
||||
|
||||
//Variations
|
||||
|
||||
$brownBeaver: #9f8170 !default;
|
||||
$brownBistre: #3d2b1f !default;
|
||||
$brownBole: #79443b !default;
|
||||
$brownBronze: #cd7f32 !default;
|
||||
$brownBurnt: #8a3324 !default;
|
||||
$brownCamel: #c19a6b !default;
|
||||
$brownChestnut: #954535 !default;
|
||||
$brownChocolate: #7b3f00 !default;
|
||||
$brownCoffee: #6f4e37 !default;
|
||||
$brownCopper: #b87333 !default;
|
||||
$brownMahogany: #c04000 !default;
|
||||
$brownSepia: #704214 !default;
|
||||
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 8
|
||||
|
||||
$brownCaramel: #ac9d8e !default;
|
||||
$brownPraline: #9f8e82 !default;
|
||||
$brownTruffle: #8e796b !default;
|
||||
$brownExotic: #8e766c !default;
|
||||
$brownBitter: #82695f !default;
|
||||
$brownCocoa: #7e6660 !default;
|
||||
$brownMocha: #7f6968 !default;
|
||||
$brownClay: #d7c3b8 !default;
|
||||
@@ -0,0 +1,13 @@
|
||||
// Gray 10
|
||||
// -------------------------
|
||||
|
||||
$grayAsh: #b2beb5 !default;
|
||||
$grayBattleship: #848482 !default;
|
||||
$grayCadet: #91a3b0 !default;
|
||||
$grayCharcoal: #36454f !default;
|
||||
$grayCool: #8c92ac !default;
|
||||
$grayGunmetal: #423732 !default;
|
||||
$graySilver: #c0c0c0 !default;
|
||||
$graySlate: #708090 !default;
|
||||
$grayTaupe: #8b8589 !default;
|
||||
$grayTimberwolf: #dbd7d2 !default;
|
||||
@@ -0,0 +1,59 @@
|
||||
// Green 27
|
||||
// -------------------------
|
||||
|
||||
//Defaults
|
||||
|
||||
$green: #3c3 !default;
|
||||
$greenDark: #1f7a1f !default;
|
||||
$greenDarker: #0f3d0f !default;
|
||||
$greenLight: #5cd65c !default;
|
||||
$greenLighter: #85e085 !default;
|
||||
$greenDull: #093 !default;
|
||||
$greenDuller: #428057 !default;
|
||||
$greenBright: #6f3 !default;
|
||||
$greenBrighter: #9f6 !default;
|
||||
|
||||
//Variations
|
||||
|
||||
$greenApple: #8db600 !default;
|
||||
$greenAsparagus: #7ba05b !default;
|
||||
$greenOlive: #556b2f !default;
|
||||
$greenFern: #4f7942 !default;
|
||||
$greenForest: #228b22 !default;
|
||||
$greenHunter: #355e3b !default;
|
||||
$greenMint: #3eb489 !default;
|
||||
$greenOffice: #008000 !default;
|
||||
$greenSea: #2e8b57 !default;
|
||||
$greenSpring: #a7fc00 !default;
|
||||
$greenTeal: #008080 !default;
|
||||
|
||||
//Brands
|
||||
|
||||
$greenEvernote: #5ba525 !default;
|
||||
$greenForrst: #5b9a68 !default;
|
||||
$greenGroupon: #82b548 !default;
|
||||
$greenKickstarter: #87c442 !default;
|
||||
$greenNvidia: #76b900 !default;
|
||||
$greenSpotify: #81b71a !default;
|
||||
$greenZerply: #9dcc7a !default;
|
||||
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Brands 8
|
||||
|
||||
$greenSpa: #00aa8f !default;
|
||||
$greenFalls: #33ad7b !default;
|
||||
$greenGranada: #57b176 !default;
|
||||
$greenGarland: #68af6b !default;
|
||||
$greenParrot: #75b65d !default;
|
||||
$greenCreek: #89b555 !default;
|
||||
$greenKiwi: #98b641 !default;
|
||||
$greenLime: #b6bf3c !default;
|
||||
|
||||
|
||||
//Zurb Foundation 1
|
||||
|
||||
$greenZurb: #5da423 !default;
|
||||
@@ -0,0 +1,12 @@
|
||||
// Lime 9
|
||||
// -------------------------
|
||||
|
||||
$lime: #b8e62e !default;
|
||||
$limeDark: #7a991f !default;
|
||||
$limeDarker: #3d4c0f !default;
|
||||
$limeLight: #d6ff5c !default;
|
||||
$limeLighter: #e0ff85 !default;
|
||||
$limeDull: #a6c44b !default;
|
||||
$limeDuller: #94a856 !default;
|
||||
$limeBright: #bfff00 !default;
|
||||
$limeBrighter: #d7ff5e !default;
|
||||
@@ -0,0 +1,45 @@
|
||||
// Oranges 14
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Default
|
||||
|
||||
$orange: #f60 !default;
|
||||
$orangeDark: #993d00 !default;
|
||||
$orangeDarker: #4c1f00 !default;
|
||||
$orangeLight: #ff944d !default;
|
||||
$orangeLighter: #ffc299 !default;
|
||||
$orangeDull: #c96b2c !default;
|
||||
$orangeDuller: #a16740 !default;
|
||||
$orangeBright: #f93 !default;
|
||||
|
||||
//Brands
|
||||
|
||||
$orangeAmazon: #e47911 !default;
|
||||
$orangeBlogger: #fc4f08 !default;
|
||||
$orangeGrooveshark: #f77f00 !default;
|
||||
$orangeHackerNews: #f60 !default;
|
||||
$orangeSoundCloud: #f70 !default;
|
||||
$orangeUbuntu: #dd4814 !default;
|
||||
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 10
|
||||
|
||||
$orangeAddvocate: #ff6138 !default;
|
||||
$orangeGinger: #995039 !default;
|
||||
$orangeAutumn: #be5f37 !default;
|
||||
$orangeDawn: #e47c6c !default;
|
||||
$orangeBongo: #e66e5b !default;
|
||||
$orangeMango: #e98762 !default;
|
||||
$orangeCoral: #ec926f !default;
|
||||
$orangePaprika: #cf5141 !default;
|
||||
$orangeAfrican: #db6335 !default;
|
||||
$orangeFlame: #d46946 !default;
|
||||
$orangeAuburn: #dd8251 !default;
|
||||
$orangeHarvest: #ee8c4d !default;
|
||||
$orangeSands: #eb8830 !default;
|
||||
|
||||
@@ -0,0 +1,22 @@
|
||||
// Peach 9
|
||||
// -------------------------
|
||||
|
||||
$peach: #ff5050 !default;
|
||||
$peachDark: #993030 !default;
|
||||
$peachDarker: #4c1818 !default;
|
||||
$peachLight: #ff9696 !default;
|
||||
$peachLighter: #ffcaca !default;
|
||||
$peachDull: #d67272 !default;
|
||||
$peachDuller: #ba8c8c !default;
|
||||
$peachBright: #ff9c9c !default;
|
||||
$peachBrighter: #ffbfbf !default;
|
||||
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 2
|
||||
|
||||
$peachSorbet: #f5d8d2 !default;
|
||||
$peachShimmer: #fdefe2 !default;
|
||||
@@ -0,0 +1,55 @@
|
||||
// Pinks 25
|
||||
// -------------------------
|
||||
|
||||
//Defaults
|
||||
|
||||
$pink: #f3c !default;
|
||||
$pinkDark: #b2248f !default;
|
||||
$pinkDarker: #661452 !default;
|
||||
$pinkLight: #ff5cd6 !default;
|
||||
$pinkLighter: #ff85e0 !default;
|
||||
$pinkDull: #c39 !default;
|
||||
$pinkDuller: #936 !default;
|
||||
$pinkBright: #f6c !default;
|
||||
$pinkBrighter: #f9c !default;
|
||||
|
||||
//Variations
|
||||
|
||||
$pinkAmaranth: #e52b50 !default;
|
||||
$pinkBrink: #fb607f !default;
|
||||
$pinkCarmine: #960018 !default;
|
||||
$pinkCarnation: #ffa6c9 !default;
|
||||
$pinkCerise: #de3163 !default;
|
||||
$pinkCoral: #f88379 !default;
|
||||
$pinkDeep: #ff1493 !default;
|
||||
$pinkFandago: #b53389 !default;
|
||||
$pinkRose: #f64a8a !default;
|
||||
$pinkFuchsia: #f0f !default;
|
||||
$pinkHot: #ff69b4 !default;
|
||||
$pinkMagenta: #ff0090 !default;
|
||||
$pinkRuby: #e0115f !default;
|
||||
$pinkSalmon: #ff91a4 !default;
|
||||
|
||||
//Brands
|
||||
|
||||
$pinkDribbble: #ea4c89 !default;
|
||||
$pinkFlickr: #ff0084 !default;
|
||||
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 10
|
||||
|
||||
$pinkBerry: #d46f8d !default;
|
||||
$pinkPlum: #952c57 !default;
|
||||
$pinkBlush: #954d65 !default;
|
||||
$pinkAdobe: #9f5c60 !default;
|
||||
$pinkNevada: #ac545c !default;
|
||||
$pinkFlamingo: #c16b9e !default;
|
||||
$pinkCandy: #bb597e !default;
|
||||
$pinkFuchsia: #c25c77 !default;
|
||||
$pinkRose: #cf5f6f !default;
|
||||
$pinkParty: #d87082 !default;
|
||||
|
||||
@@ -0,0 +1,24 @@
|
||||
// Preboot Colours http://getpreboot.com/
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Blacks 9
|
||||
|
||||
$black10: #e6e6e6 !default;
|
||||
$black20: #ccc !default;
|
||||
$black30: #b3b3b3 !default;
|
||||
$black40: #999 !default;
|
||||
$black50: #808080 !default;
|
||||
$black60: #666 !default;
|
||||
$black70: #4d4d4d !default;
|
||||
$black80: #333 !default;
|
||||
$black90: #191919 !default;
|
||||
|
||||
|
||||
//Colours 5
|
||||
|
||||
$bluePrimary: #428bca !default;
|
||||
$greenSuccess: #5cb85c !default;
|
||||
$yellowWarning: #f0ad4e !default;
|
||||
$redDanger: #d9534f !default;
|
||||
$blueInfo: #5bc0de !default;
|
||||
@@ -0,0 +1,48 @@
|
||||
// Purples 19
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Defaults
|
||||
|
||||
$purple: #96f !default;
|
||||
$purpleDark: #5c3d99 !default;
|
||||
$purpleDarker: #2e1f4c !default;
|
||||
$purpleLight: #ad85ff !default;
|
||||
$purpleLighter: #c2a3ff !default;
|
||||
$purpleDull: #957bc7 !default;
|
||||
$purpleDuller: #9589ad !default;
|
||||
$purpleBright: #93f !default;
|
||||
$purpleBrighter: #ad5cff !default;
|
||||
|
||||
//Variations
|
||||
|
||||
$purpleAmethyst: #96c !default;
|
||||
$purpleCerise: #de3163 !default;
|
||||
$purpleFandango: #b53389 !default;
|
||||
$purpleHeliotrope: #df73ff !default;
|
||||
$purpleLavendar: #b57edc !default;
|
||||
$purpleMagenta: #ff0090 !default;
|
||||
$purpleOrchid: #da70d6 !default;
|
||||
$purplePlum: #8e4585 !default;
|
||||
|
||||
//Brands
|
||||
|
||||
$purpleHeroku: #6567a5 !default;
|
||||
$purpleYahoo: #720e9e !default;
|
||||
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 8
|
||||
|
||||
$purpleRose: #865873 !default;
|
||||
$purpleBlush: #864e66 !default;
|
||||
$purpleOpera: #b977a9 !default;
|
||||
$purpleVerona: #a77aac !default;
|
||||
$purpleSpring: #a389b8 !default;
|
||||
$purpleBlossom: #8a7aa2 !default;
|
||||
$purpleShowers: #7571a4 !default;
|
||||
$purpleLilac: #797fa8 !default;
|
||||
|
||||
55
admin-kalsport/themes/default/scss/modules/colors/_reds.scss
Normal file
55
admin-kalsport/themes/default/scss/modules/colors/_reds.scss
Normal file
@@ -0,0 +1,55 @@
|
||||
// Reds 21
|
||||
// -------------------------
|
||||
|
||||
//Defaults
|
||||
|
||||
$red: #d42c2c !default;
|
||||
$redDark: #7a0000 !default;
|
||||
$redDarker: #3d0000 !default;
|
||||
$redLight: #db4d4d !default;
|
||||
$redLighter: #f0b2b2 !default;
|
||||
$redDull: #933 !default;
|
||||
$redDuller: #824d4d !default;
|
||||
$redBright: #f00 !default;
|
||||
$redBrighter: #ff6e6e !default;
|
||||
|
||||
//Variations
|
||||
|
||||
$redAuburn: #a52a2a !default;
|
||||
$redBurgundy: #9f1d35 !default;
|
||||
$redChestnut: #9a1a00 !default;
|
||||
$redCrimson: #dc143c !default;
|
||||
$redBrick: #b22222 !default;
|
||||
$redWood: #ab4e52 !default;
|
||||
$redRust: #b7410e !default;
|
||||
$redWine: #722f37 !default;
|
||||
|
||||
//Brands
|
||||
|
||||
$redGoogle: #db4a39 !default;
|
||||
$redLastfm: #c3000d !default;
|
||||
$redPinterest: #c8232c !default;
|
||||
$redYouTube: #c4302b !default;
|
||||
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 10
|
||||
|
||||
$redRaspberry: #bf545a !default;
|
||||
$redDiva: #b5787d !default;
|
||||
$redRuby: #7d3d3e !default;
|
||||
$redSummer: #a05a5c !default;
|
||||
$redFire: #b24848 !default;
|
||||
$redFountain: #a64048 !default;
|
||||
$redAutumn: #a34847 !default;
|
||||
$redBloom: #9d5351 !default;
|
||||
$redThai: #aa5452 !default;
|
||||
$redVolcanic: #b5473a !default;
|
||||
|
||||
//Zurb Foundation 1
|
||||
|
||||
$redZurb: #c60f13 !default;
|
||||
|
||||
29
admin-kalsport/themes/default/scss/modules/colors/_tans.scss
Normal file
29
admin-kalsport/themes/default/scss/modules/colors/_tans.scss
Normal file
@@ -0,0 +1,29 @@
|
||||
// Tans 9
|
||||
// -------------------------
|
||||
|
||||
$tan: #fc9 !default;
|
||||
$tanDark: #997a5c !default;
|
||||
$tanDarker: #4c3d2e !default;
|
||||
$tanLight: #ffd6ad !default;
|
||||
$tanLighter: #ffe0c2 !default;
|
||||
$tanDull: #c7925d !default;
|
||||
$tanDuller: #a67544 !default;
|
||||
$tanBright: #f96 !default;
|
||||
$tanBrighter: #ffc2a3 !default;
|
||||
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 8
|
||||
|
||||
$tanGold: #f5ca9e !default;
|
||||
$tanBronze: #edbc91 !default;
|
||||
$tanWholemeal: #e8b894 !default;
|
||||
$tanNectar: #eab897 !default;
|
||||
$tanMelody: #e3bba5 !default;
|
||||
$tanSpicy: #eaa06f !default;
|
||||
$tanPumpkin: #e09c70 !default;
|
||||
$tanGinger: #e89f78 !default;
|
||||
|
||||
@@ -0,0 +1,22 @@
|
||||
// Turquoise 9
|
||||
// -------------------------
|
||||
|
||||
$turquoise: #48e8c8 !default;
|
||||
$turquoiseDark: #00997a !default;
|
||||
$turquoiseDarker: #006652 !default;
|
||||
$turquoiseLight: #6be8cf !default;
|
||||
$turquoiseLighter: #8ee8d6 !default;
|
||||
$turquoiseDull: #52ccb4 !default;
|
||||
$turquoiseDuller: #69b8a8 !default;
|
||||
$turquoiseBright: #0fc !default;
|
||||
$turquoiseBrighter: #80ffe6 !default;
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 3
|
||||
|
||||
$turquoiseTeal: #01969c !default;
|
||||
$turquoiseDawn: #35afba !default;
|
||||
$turquoiseCrystal: #2ba8a8 !default;
|
||||
@@ -0,0 +1,27 @@
|
||||
// Whites 15
|
||||
// -------------------------
|
||||
|
||||
$whiteAntiflash: #f2f3f4 !default;
|
||||
$whiteAntique: #faebd7 !default;
|
||||
$whiteBeige: #f5f5dc !default;
|
||||
$whiteBlond: #faf0be !default;
|
||||
$whiteCornsilk: #fff8dc !default;
|
||||
$whiteCosmic: #fff8e7 !default;
|
||||
$whiteCream: #fffdd0 !default;
|
||||
$whiteEggshell: #f0ead6 !default;
|
||||
$whiteFloral: #fffaf0 !default;
|
||||
$whiteHoneydew: #f0fff0 !default;
|
||||
$whiteIsabelline: #f4f0ec !default;
|
||||
$whiteNavajo: #ffdead !default;
|
||||
$whitePearl: #eae0c8 !default;
|
||||
$whiteVanilla: #f3e5ab !default;
|
||||
$whiteSmoke: #f5f5f5 !default;
|
||||
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 1
|
||||
|
||||
$whiteBlossom: #f6e9de !default;
|
||||
@@ -0,0 +1,48 @@
|
||||
// Yellow 17
|
||||
// -------------------------
|
||||
|
||||
//Defaults
|
||||
|
||||
$yellow: #fc0 !default;
|
||||
$yellowDark: #806600 !default;
|
||||
$yellowDarker: #332900 !default;
|
||||
$yellowLight: #ffdb4d !default;
|
||||
$yellowLighter: #ffeb99 !default;
|
||||
$yellowDull: #cfb036 !default;
|
||||
$yellowDuller: #b39f52 !default;
|
||||
$yellowBright: #ff0 !default;
|
||||
$yellowBrighter: #ff6 !default;
|
||||
|
||||
|
||||
//Variations
|
||||
|
||||
$yellowBuff: #f0dc82 !default;
|
||||
$yellowGold: #ffd700 !default;
|
||||
$yellowGoldmetal: #d4af37 !default;
|
||||
$yellowJasmine: #f8de7e !default;
|
||||
$yellowMaize: #fbec5d !default;
|
||||
$yellowSaffron: #f4c430 !default;
|
||||
$yellowSunglow: #fc3 !default;
|
||||
$yellowLight: #fdfc8f !default;
|
||||
|
||||
|
||||
// * * * Premium * * *
|
||||
// -------------------------
|
||||
|
||||
|
||||
//Dulux 13
|
||||
|
||||
$yellowAboutme: #fc3 !default;
|
||||
$yellowAim: #fcd20b !default;
|
||||
$yellowPharaoh: #fdc46b !default;
|
||||
$yellowHavana: #fbbb5c !default;
|
||||
$yellowSunny: #ffd251 !default;
|
||||
$yellowDelhi: #ffc924 !default;
|
||||
$yellowSpring: #ffcd59 !default;
|
||||
$yellowSunflower: #ffc43c !default;
|
||||
$yellowGlaze: #ffc054 !default;
|
||||
$yellowBreeze: #f0d458 !default;
|
||||
$yellowEaster: #fecf51 !default;
|
||||
$yellowLemon: #ffd865 !default;
|
||||
$yellowButtercup: #f9c833 !default;
|
||||
|
||||
35
admin-kalsport/themes/default/scss/modules/colors/index.php
Normal file
35
admin-kalsport/themes/default/scss/modules/colors/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright since 2007 PrestaShop SA and Contributors
|
||||
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Open Software License (OSL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.md.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/OSL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to https://devdocs.prestashop.com/ for more information.
|
||||
*
|
||||
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
||||
* @copyright Since 2007 PrestaShop SA and Contributors
|
||||
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
35
admin-kalsport/themes/default/scss/modules/index.php
Normal file
35
admin-kalsport/themes/default/scss/modules/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright since 2007 PrestaShop SA and Contributors
|
||||
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Open Software License (OSL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.md.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/OSL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to https://devdocs.prestashop.com/ for more information.
|
||||
*
|
||||
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
||||
* @copyright Since 2007 PrestaShop SA and Contributors
|
||||
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
404
admin-kalsport/themes/default/scss/partials/_backward.scss
Normal file
404
admin-kalsport/themes/default/scss/partials/_backward.scss
Normal file
@@ -0,0 +1,404 @@
|
||||
.page-sidebar:not(.page-sidebar-closed) .nobootstrap {
|
||||
margin-left: 200px;
|
||||
}
|
||||
|
||||
.nobootstrap {
|
||||
min-width: 1200px;
|
||||
padding: 110px 30px 100px;
|
||||
background-color: #fff;
|
||||
|
||||
.form-group {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-bottom: 1em;
|
||||
clear: both;
|
||||
|
||||
> div {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.panel:not(.bootstrap) {
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 1em;
|
||||
margin: 0 0 10px;
|
||||
color: #585a69;
|
||||
background-color: #ebedf4;
|
||||
border: 1px solid #ccced7;
|
||||
|
||||
img {
|
||||
padding: 0 4px 0 0;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
h3 {
|
||||
position: relative;
|
||||
top: -25px;
|
||||
display: inline-block;
|
||||
padding: 0.2em 0.5em;
|
||||
margin: 0;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
background: #ebedf4;
|
||||
border: 1px solid #ccced7;
|
||||
|
||||
a {
|
||||
color: #585984;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
i {
|
||||
font-family: FontAwesome, sans-serif;
|
||||
}
|
||||
}
|
||||
|
||||
.help-block {
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.switch {
|
||||
float: left;
|
||||
clear: both;
|
||||
line-height: 1.3em;
|
||||
|
||||
label {
|
||||
float: left;
|
||||
width: auto;
|
||||
padding: 0 10px 0 5px;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.radio {
|
||||
label {
|
||||
width: auto;
|
||||
margin-right: 4px;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 3px 8px;
|
||||
margin: 5px 0;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
// stylelint-disable-next-line
|
||||
background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent;
|
||||
background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#e3e3e3)) repeat scroll 0 0 transparent;
|
||||
border-color: #ccc #bbb #a0a0a0;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-right: 1px solid #bbb;
|
||||
border-left: 1px solid #bbb;
|
||||
border-radius: 3px;
|
||||
outline: medium none;
|
||||
|
||||
&:hover {
|
||||
border-color: #aaa #999 #888;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-panel-heading-controls {
|
||||
padding: 5px;
|
||||
margin: -8px -8px 20px;
|
||||
font-size: 13px;
|
||||
background-color: #dde0e9;
|
||||
border-bottom: solid 1px #dfdfdf;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
padding: 0 8px;
|
||||
border-right: solid 1px #888;
|
||||
}
|
||||
}
|
||||
|
||||
.tree {
|
||||
padding: 0 0 0 20px;
|
||||
list-style: none;
|
||||
|
||||
input {
|
||||
margin-right: 4px;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: $icon-size-base;
|
||||
}
|
||||
|
||||
.tree-item-name,
|
||||
.tree-folder-name {
|
||||
padding: 2px 5px;
|
||||
@include border-radius(4px);
|
||||
|
||||
label {
|
||||
float: none;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-selected {
|
||||
background-color: #ccced7;
|
||||
|
||||
&:hover {
|
||||
background-color: darken(#ccced7, 15%);
|
||||
}
|
||||
|
||||
i.tree-dot {
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-folder,
|
||||
.tree-item {
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
i.tree-dot {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin: 0 4px;
|
||||
background-color: #ccc;
|
||||
@include border-radius(6px);
|
||||
}
|
||||
|
||||
.tree-item-disable,
|
||||
.tree-folder-name-disable {
|
||||
color: #ccc;
|
||||
|
||||
&:hover {
|
||||
color: #ccc;
|
||||
background-color: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
form p {
|
||||
padding: 0 0 0.5em;
|
||||
margin: 0.5em 0 0;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: 1em;
|
||||
margin: 0 0 10px;
|
||||
color: #585a69;
|
||||
background-color: #ebedf4;
|
||||
border: 1px solid #ccced7;
|
||||
|
||||
img {
|
||||
padding: 0 4px 0 0;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
|
||||
legend {
|
||||
padding: 0.2em 0.5em;
|
||||
margin: 0;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
background: #ebedf4;
|
||||
border: 1px solid #ccced7;
|
||||
|
||||
a {
|
||||
color: #585984;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
float: left;
|
||||
width: 250px;
|
||||
padding: 0.2em 0.5em 0 0;
|
||||
font-weight: 700;
|
||||
color: #585a69;
|
||||
text-align: right;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
|
||||
&.t {
|
||||
float: none;
|
||||
padding: 0 5px;
|
||||
margin: 0;
|
||||
clear: none;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: #415260;
|
||||
}
|
||||
|
||||
.pull-right,
|
||||
.pull-left {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.margin-form {
|
||||
padding: 0 0 1em 260px;
|
||||
font-size: 0.85em;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 3px 8px;
|
||||
margin: 5px 0;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
// stylelint-disable-next-line
|
||||
background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent;
|
||||
background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#e3e3e3)) repeat scroll 0 0 transparent;
|
||||
border-color: #ccc #bbb #a0a0a0;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-right: 1px solid #bbb;
|
||||
border-left: 1px solid #bbb;
|
||||
border-radius: 3px;
|
||||
outline: medium none;
|
||||
|
||||
&:hover {
|
||||
border-color: #aaa #999 #888;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
select {
|
||||
font-size: 12px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea,
|
||||
option {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="file"],
|
||||
textarea {
|
||||
padding: 2px 4px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
|
||||
}
|
||||
|
||||
.table_grid {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table {
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
|
||||
th a {
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
tr {
|
||||
th {
|
||||
padding: 4px 6px;
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
text-align: left;
|
||||
background-color: #f1f1f1;
|
||||
|
||||
&.right {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 4px 4px 4px 6px;
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
&.row_hover.filter:hover td {
|
||||
background: #f1f9ff;
|
||||
}
|
||||
|
||||
td.row_hover:hover table tr td {
|
||||
background: none;
|
||||
}
|
||||
|
||||
&.action_details td {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
&.alt_row.action_details td {
|
||||
background: #e8e8e8;
|
||||
}
|
||||
|
||||
td.empty {
|
||||
background: #fff !important;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
td.first {
|
||||
border-left: 1px solid #dedede;
|
||||
}
|
||||
|
||||
td.last {
|
||||
border-right: 1px solid #dedede;
|
||||
}
|
||||
|
||||
&.small td {
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
&.last td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.filter {
|
||||
background-color: #f1f9ff;
|
||||
}
|
||||
// Helper 1.6
|
||||
}
|
||||
}
|
||||
}
|
||||
81
admin-kalsport/themes/default/scss/partials/_buttons.scss
Normal file
81
admin-kalsport/themes/default/scss/partials/_buttons.scss
Normal file
@@ -0,0 +1,81 @@
|
||||
.btn {
|
||||
font-weight: 600;
|
||||
white-space: normal;
|
||||
|
||||
&.btn-default {
|
||||
&,
|
||||
i {
|
||||
color: $medium-gray;
|
||||
transition: 0.25s ease-out;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $btn-secondary-color;
|
||||
background-color: $btn-secondary-hover;
|
||||
border-color: $btn-secondary-hover;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
color: $btn-secondary-color;
|
||||
background-color: $btn-secondary-active-color;
|
||||
border-color: $btn-secondary-active-color !important;
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 0.2rem rgba($btn-secondary-active-color, 0.5);
|
||||
|
||||
i {
|
||||
color: $btn-secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-group {
|
||||
.btn-default {
|
||||
i {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 2px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $btn-primary-color;
|
||||
background: $primary-light-color;
|
||||
border-color: $primary-light-color;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $btn-primary-color;
|
||||
background: $btn-primary-active-bg;
|
||||
border-color: $btn-primary-active-bg;
|
||||
box-shadow: 0 0 0 0.2rem rgba(70, 196, 221, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-primary {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: $btn-primary-color;
|
||||
background: $primary-color;
|
||||
border-color: $primary-color;
|
||||
|
||||
&:hover {
|
||||
color: $btn-primary-color;
|
||||
background: $primary-light-color;
|
||||
border-color: $primary-light-color;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $btn-primary-color;
|
||||
background: $btn-primary-active-bg;
|
||||
// stylelint-disable-next-line
|
||||
border-color: $btn-primary-active-bg !important;
|
||||
box-shadow: 0 0 0 0.2rem rgba(70, 196, 221, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
477
admin-kalsport/themes/default/scss/partials/_chosen.scss
Normal file
477
admin-kalsport/themes/default/scss/partials/_chosen.scss
Normal file
@@ -0,0 +1,477 @@
|
||||
//
|
||||
// bootstrap-chosen.scss
|
||||
//
|
||||
// An alternate stylesheet for Chosen (http://harvesthq.github.com/chosen/).
|
||||
// This one is supposed to integrate better with Bootstrap.
|
||||
//
|
||||
// Submit bugfixes to: http://github.com/alxlit/bootstrap-chosen
|
||||
//
|
||||
|
||||
$chosen-background: $input-bg;
|
||||
$chosen-border: $input-border;
|
||||
$chosen-border-radius: $input-border-radius;
|
||||
$chosen-multi-border-radius: 0;
|
||||
$chosen-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
$chosen-drop-border: $gray-light;
|
||||
$chosen-drop-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
|
||||
$chosen-drop-zindex: 1060;
|
||||
$chosen-focus-border: rgba(82, 168, 236, 0.8);
|
||||
$chosen-focus-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
|
||||
$chosen-focus-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
$chosen-height: $input-height-base;
|
||||
$chosen-multi-height: $input-height-base + 6px;
|
||||
$chosen-sprite-path: "../img/chosen-sprite.png";
|
||||
|
||||
.chosen-select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.chosen-select-deselect {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.chosen-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: $font-size-base;
|
||||
vertical-align: middle;
|
||||
|
||||
.chosen-drop {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
z-index: $chosen-drop-zindex;
|
||||
margin-top: -1px;
|
||||
background: $chosen-background;
|
||||
border: 1px solid $chosen-drop-border;
|
||||
border-top-color: lighten($chosen-drop-border, 25%);
|
||||
@include left(-9000px);
|
||||
@include border-bottom-radius($chosen-border-radius);
|
||||
@include box-shadow($chosen-drop-box-shadow);
|
||||
}
|
||||
|
||||
&.chosen-with-drop .chosen-drop {
|
||||
@include left(0);
|
||||
@include right(0);
|
||||
}
|
||||
|
||||
.chosen-results {
|
||||
position: relative;
|
||||
max-height: 240px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
color: $gray;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
@include padding(0, 0, 0, 4px);
|
||||
@include margin(0, 4px, 4px, 0);
|
||||
|
||||
li {
|
||||
display: none;
|
||||
padding: 5px 6px;
|
||||
margin: 0;
|
||||
line-height: $line-height-base;
|
||||
list-style: none;
|
||||
|
||||
em {
|
||||
font-style: normal;
|
||||
background: #feffde;
|
||||
}
|
||||
|
||||
&.group-result {
|
||||
display: list-item;
|
||||
font-weight: 700;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&.group-option {
|
||||
@include padding-left(15px);
|
||||
}
|
||||
|
||||
&.active-result {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.highlighted {
|
||||
color: #fff;
|
||||
background-color: $link-color;
|
||||
|
||||
em {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled-result {
|
||||
display: list-item;
|
||||
color: $gray-light;
|
||||
}
|
||||
}
|
||||
|
||||
.no-results {
|
||||
display: list-item;
|
||||
background: $gray-lighter;
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-results-scroll {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
width: 321px;
|
||||
margin: 0 4px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 9px;
|
||||
height: $line-height-base;
|
||||
text-indent: -5000px;
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-results-scroll-down {
|
||||
bottom: 0;
|
||||
|
||||
span {
|
||||
background: url($chosen-sprite-path) no-repeat -4px -3px;
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-results-scroll-up {
|
||||
span {
|
||||
background: url($chosen-sprite-path) no-repeat -22px -3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-container-single {
|
||||
.chosen-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: $chosen-height;
|
||||
overflow: hidden;
|
||||
line-height: $chosen-height;
|
||||
color: $gray;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
background-color: $chosen-background;
|
||||
border: 1px solid $chosen-border;
|
||||
@include padding(0, 0, 0, 8px);
|
||||
@include box-shadow($chosen-box-shadow);
|
||||
@include border-radius($input-border-radius);
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
// stylelint-disable-next-line
|
||||
&:span {
|
||||
display: block;
|
||||
@include margin-right(26px);
|
||||
@include text-overflow();
|
||||
}
|
||||
// stylelint-disable-next-line
|
||||
&:abbr {
|
||||
position: absolute;
|
||||
top: ($chosen-height - 10px) / 2;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 10px;
|
||||
font-size: 1px;
|
||||
background: url($chosen-sprite-path) right top no-repeat;
|
||||
@include right(26px);
|
||||
|
||||
&:hover {
|
||||
background-position: right -11px;
|
||||
}
|
||||
}
|
||||
|
||||
&.chosen-disabled .chosen-single abbr:hover {
|
||||
background-position: right 2px;
|
||||
}
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
display: block;
|
||||
width: 18px;
|
||||
height: 100%;
|
||||
@include right(0);
|
||||
|
||||
b {
|
||||
@extend .icon;
|
||||
@extend .icon-caret-down;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
line-height: 28px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-default {
|
||||
color: $gray-light;
|
||||
}
|
||||
|
||||
.chosen-search {
|
||||
position: relative;
|
||||
z-index: $zindex-dropdown;
|
||||
padding: 3px 4px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
margin: 1px 0;
|
||||
border: 1px solid $chosen-border;
|
||||
@include padding(4px, 20px, 4px, 4px);
|
||||
@include border-top-radius($chosen-border-radius);
|
||||
@include border-bottom-radius($chosen-border-radius);
|
||||
@include box-shadow($chosen-box-shadow);
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-search::before {
|
||||
@extend .icon;
|
||||
@extend .icon-search;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color: $brand-primary;
|
||||
text-align: center;
|
||||
@include right(7px);
|
||||
}
|
||||
|
||||
.chosen-drop {
|
||||
margin-top: -1px;
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
@include border-bottom-radius($chosen-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-container-single-nosearch {
|
||||
.chosen-search {
|
||||
input {
|
||||
position: absolute;
|
||||
@include left(-9000px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-container-multi {
|
||||
.chosen-choices {
|
||||
position: relative;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
cursor: text;
|
||||
background-color: $chosen-background;
|
||||
border: 1px solid $chosen-border;
|
||||
@include border-top-radius($chosen-multi-border-radius);
|
||||
@include border-bottom-radius($chosen-multi-border-radius);
|
||||
@include box-shadow($chosen-box-shadow);
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
@include float(left);
|
||||
}
|
||||
|
||||
.search-field {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
|
||||
input {
|
||||
height: $chosen-multi-height - 8px;
|
||||
padding: 4px;
|
||||
margin: 0;
|
||||
color: $gray;
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
outline: 0;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
|
||||
.default {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.search-choice {
|
||||
position: relative;
|
||||
line-height: 13px;
|
||||
color: $gray-dark;
|
||||
cursor: default;
|
||||
background-color: $gray-lighter;
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid $chosen-border;
|
||||
@include margin(6px, 0, 3px, 5px);
|
||||
@include padding(3px, 20px, 3px, 5px);
|
||||
@include border-top-radius($chosen-border-radius);
|
||||
@include border-bottom-radius($chosen-border-radius);
|
||||
@include gradient-vertical(#ffffff, $gray-lighter);
|
||||
@include box-shadow($chosen-box-shadow);
|
||||
|
||||
.search-choice-close {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 10px;
|
||||
font-size: 1px;
|
||||
background: url($chosen-sprite-path) right top no-repeat;
|
||||
@include right(4px);
|
||||
|
||||
&:hover {
|
||||
background-position: right -11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
|
||||
.search-choice-close {
|
||||
background-position: right -11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-results {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.chosen-drop {
|
||||
.result-selected {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-container-active {
|
||||
.chosen-single {
|
||||
border: 1px solid $chosen-focus-border;
|
||||
@include box-shadow($chosen-focus-box-shadow);
|
||||
@include transition($chosen-focus-transition);
|
||||
}
|
||||
|
||||
&.chosen-with-drop .chosen-single {
|
||||
background-color: $gray-lighter;
|
||||
border: 1px solid $chosen-focus-border;
|
||||
@include box-shadow($chosen-focus-box-shadow);
|
||||
@include transition($chosen-focus-transition);
|
||||
|
||||
div {
|
||||
background: transparent;
|
||||
@include border-left(none);
|
||||
|
||||
b {
|
||||
background-position: -18px 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-choices {
|
||||
border: 1px solid $chosen-focus-border;
|
||||
@include border-bottom-radius(0);
|
||||
@include box-shadow($chosen-focus-box-shadow);
|
||||
@include transition($chosen-focus-transition);
|
||||
|
||||
.search-field input {
|
||||
color: #111 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-disabled {
|
||||
cursor: default;
|
||||
opacity: 0.5 !important;
|
||||
|
||||
.chosen-single {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.chosen-choices .search-choice .search-choice-close {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-rtl {
|
||||
text-align: right;
|
||||
|
||||
.chosen-single {
|
||||
padding: 0 8px 0 0;
|
||||
overflow: visible;
|
||||
|
||||
span {
|
||||
margin-right: 0;
|
||||
margin-left: 26px;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
div {
|
||||
right: auto;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
abbr {
|
||||
right: auto;
|
||||
left: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-choices {
|
||||
.search-field input {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
li {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.search-choice {
|
||||
padding: 3px 5px 3px 19px;
|
||||
margin: 6px 5px 3px 0;
|
||||
|
||||
.search-choice-close {
|
||||
right: auto;
|
||||
left: 4px;
|
||||
background-position: right top;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.chosen-container-single .chosen-results {
|
||||
padding: 0 4px 0 0;
|
||||
margin: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.chosen-results .group-option {
|
||||
padding-right: 15px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&.chosen-container-active.chosen-with-drop .chosen-single div {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.chosen-search input {
|
||||
padding: 4px 5px 4px 20px;
|
||||
direction: rtl;
|
||||
background: url($chosen-sprite-path) no-repeat -28px -20px, $chosen-background;
|
||||
}
|
||||
}
|
||||
312
admin-kalsport/themes/default/scss/partials/_commons.scss
Normal file
312
admin-kalsport/themes/default/scss/partials/_commons.scss
Normal file
@@ -0,0 +1,312 @@
|
||||
// helpers class for fixing input width
|
||||
.fixed-width-xs {
|
||||
width: 48px !important;
|
||||
}
|
||||
|
||||
.fixed-width-sm {
|
||||
width: 80px !important;
|
||||
}
|
||||
|
||||
.fixed-width-md {
|
||||
width: 120px !important;
|
||||
}
|
||||
|
||||
.fixed-width-lg {
|
||||
width: 160px !important;
|
||||
}
|
||||
|
||||
.fixed-width-xl {
|
||||
width: 200px !important;
|
||||
}
|
||||
|
||||
.fixed-width-xxl {
|
||||
width: 250px !important;
|
||||
}
|
||||
//quick fix for inline hidden content on device width - waiting for bootstrap update https://github.com/twbs/bootstrap/issues/8869
|
||||
.hidden-inline-xs {
|
||||
@media (max-width: $screen-xs) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.row-margin-bottom {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.row-margin-top {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.row-padding-top {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.thumbnail,
|
||||
.img-thumbnail {
|
||||
background-color: #fff;
|
||||
border-color: #ccc !important;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
background-color: #f7e69f;
|
||||
}
|
||||
|
||||
.text-orange {
|
||||
color: $amber;
|
||||
}
|
||||
|
||||
.badge {
|
||||
padding: 1px 5px;
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
line-height: inherit;
|
||||
letter-spacing: 0.0625em;
|
||||
background-color: $brand-primary;
|
||||
|
||||
&.badge-info {
|
||||
background-color: $brand-info;
|
||||
}
|
||||
|
||||
&.badge-success {
|
||||
background-color: $brand-success;
|
||||
}
|
||||
|
||||
&.badge-warning {
|
||||
background-color: $brand-warning;
|
||||
}
|
||||
|
||||
&.badge-danger {
|
||||
background-color: $brand-danger;
|
||||
}
|
||||
|
||||
&.badge-critical {
|
||||
background-color: darken($brand-danger, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
|
||||
&.label-inactive {
|
||||
background-color: #999;
|
||||
}//tabs
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
border-bottom: none;
|
||||
|
||||
li .badge {
|
||||
color: #666;
|
||||
background-color: #fff;
|
||||
border: solid 2px #eee;
|
||||
}
|
||||
|
||||
li a {
|
||||
font-family: $headings-font-family;
|
||||
font-size: 1.1em;
|
||||
font-weight: 300;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
li.active {
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table tr.parent td {
|
||||
background-color: #eee !important;
|
||||
border-bottom: solid 1px #ccc !important;
|
||||
}
|
||||
//alert boxs
|
||||
@mixin alert-panel($icon, $color, $border-color: $color) {
|
||||
position: relative;
|
||||
padding: 16px 15px 16px 56px;
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
border: solid 1px $border-color;
|
||||
border-radius: 8px;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
display: block;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
font-size: 24px;
|
||||
color: $border-color;
|
||||
@include left(15px);
|
||||
@extend .icon;
|
||||
@extend .#{$icon};
|
||||
}
|
||||
}
|
||||
|
||||
.alert.alert-warning {
|
||||
@include alert-panel(icon-exclamation-circle, $brand-warning, $alert-warning-border);
|
||||
}
|
||||
|
||||
.alert.alert-danger {
|
||||
@include alert-panel(icon-exclamation-triangle, $brand-danger, $alert-danger-border);
|
||||
}
|
||||
|
||||
.alert.alert-success {
|
||||
@include alert-panel(icon-check-circle, $brand-success, $alert-success-border);
|
||||
}
|
||||
|
||||
.alert.alert-info {
|
||||
@include alert-panel(icon-question-circle, $brand-info, $alert-info-border);
|
||||
}
|
||||
|
||||
.alert.alert-addons {
|
||||
@include alert-panel(icon-question-circle, $brand-info, $alert-info-border);
|
||||
background-color: $alert-info-bg;
|
||||
|
||||
a,
|
||||
p {
|
||||
color: #363a41;
|
||||
}
|
||||
}
|
||||
|
||||
.alert.alert-onboarding {
|
||||
@include alert-panel(icon-question-circle, $brand-info, $alert-info-border);
|
||||
padding: 20px 20px 20px 160px;
|
||||
background-color: $alert-info-bg;
|
||||
border: solid 2px $brand-info;
|
||||
box-shadow: inset 140px 0 0 $brand-info;
|
||||
|
||||
a,
|
||||
p {
|
||||
color: #363a41;
|
||||
}
|
||||
|
||||
&::before {
|
||||
top: 40px;
|
||||
left: 25px;
|
||||
font-size: 98px;
|
||||
}
|
||||
|
||||
.onboarding-step {
|
||||
width: 100%;
|
||||
height: 2em;
|
||||
|
||||
&.step-success {
|
||||
background-color: $brand-info;
|
||||
}
|
||||
|
||||
&.step-in-progress {
|
||||
@include gradient-striped(lighten($brand-info,20%));
|
||||
@include animation(progress-bar-stripes 2s linear infinite);
|
||||
background-color: $brand-info;
|
||||
}
|
||||
|
||||
&.step-todo {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
&.step-first {
|
||||
@include border-radius(3em 0 0 3em);
|
||||
}
|
||||
|
||||
&.step-final {
|
||||
@include border-radius(0 3em 3em 0);
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin-bottom: 0.4em;
|
||||
font-size: 2.1em;
|
||||
font-weight: 100;
|
||||
color: #383f50;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 1em;
|
||||
font-size: 1.1em;
|
||||
color: lighten(#383f50, 30%);
|
||||
}
|
||||
|
||||
.onboarding-action-container {
|
||||
padding-top: 3em;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: lighten($brand-info, 30%);
|
||||
}
|
||||
|
||||
.progress {
|
||||
@include border-radius(3em);
|
||||
height: 2em;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.alert.alert-message {
|
||||
@include alert-panel(icon-comment, $brand-warning);
|
||||
background-color: #fff;
|
||||
border: solid 2px $brand-warning;
|
||||
}
|
||||
|
||||
.alert h4 {
|
||||
margin-bottom: 1em;
|
||||
font-size: 1.45em;
|
||||
}
|
||||
|
||||
.overflow-y {
|
||||
max-height: 200px;
|
||||
margin-bottom: 15px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.input[type="password"] {
|
||||
font-size: 2em !important;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
@include margin(17px, 0, 0, 0);
|
||||
}
|
||||
|
||||
.list-detail {
|
||||
dd:not(:last-child) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.attributes-color-container {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 25px;
|
||||
border: solid 1px #000;
|
||||
}
|
||||
|
||||
#mColorPickerInput {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.modal-content-overflow {
|
||||
max-height: 400px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.multiple-checkboxes {
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
select[multiple] {
|
||||
overflow: auto;
|
||||
|
||||
option {
|
||||
width: max-content;
|
||||
}
|
||||
}
|
||||
386
admin-kalsport/themes/default/scss/partials/_content.scss
Normal file
386
admin-kalsport/themes/default/scss/partials/_content.scss
Normal file
@@ -0,0 +1,386 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-base;
|
||||
font-weight: 400;
|
||||
line-height: $line-height-base;
|
||||
color: $text-color;
|
||||
background-color: $body-bg;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
|
||||
&.mobile {
|
||||
#content.bootstrap {
|
||||
@media (max-width: $screen-lg) {
|
||||
padding-left: $paddingLeftMobile;
|
||||
}
|
||||
|
||||
.page-head {
|
||||
h2.page-title {
|
||||
padding-left: $paddingLeftMobile;
|
||||
}
|
||||
|
||||
h4.page-subtitle {
|
||||
@include left($paddingLeftMobile);
|
||||
}
|
||||
|
||||
ul.page-breadcrumb {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#main {
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
padding: 36px 0 60px;
|
||||
@include margin(0, 0, -50px, 0);
|
||||
@include float(left);
|
||||
}
|
||||
|
||||
#content.bootstrap {
|
||||
padding: 105px 10px 0 225px;
|
||||
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
select {
|
||||
font-family: $font-family-mono;
|
||||
}
|
||||
|
||||
&.with-tabs {
|
||||
padding-top: 160px;
|
||||
}
|
||||
@include transition-property(margin);
|
||||
@include transition-duration(0.4s);
|
||||
@include transition-timing-function(ease-out);
|
||||
|
||||
.panel {
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
background-color: #fff;
|
||||
border: 1px solid $card-border-color;
|
||||
@include border-radius(5px);
|
||||
@include box-shadow(0 0 4px 0 rgba(0, 0, 0, 0.06));
|
||||
|
||||
> h3 {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
&.panel-highlighted {
|
||||
border-color: $brand-primary !important;
|
||||
@include box-shadow(rgba($brand-primary,0.15) 0 0 0 6px inset !important);
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
padding: 10px;
|
||||
font-family: $headings-font-family;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: $main-color;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
> .btn-group {
|
||||
margin-top: -7px;
|
||||
|
||||
.btn-default {
|
||||
@extend .btn-default;
|
||||
|
||||
i {
|
||||
// stylelint-disable-next-line
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 2px 6px !important;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
font-family: $font-family-sans-serif;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
> i {
|
||||
margin-top: -2px;
|
||||
margin-right: 5px;
|
||||
font-size: 20px;
|
||||
color: $card-icon-color;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.panel {
|
||||
border: solid 1px #ddd;
|
||||
}
|
||||
|
||||
.panel.tab-content {
|
||||
@include border-radius(0 0 3px 3px);
|
||||
}
|
||||
}
|
||||
|
||||
h3:not(.modal-title),
|
||||
.panel-heading {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 1.5rem;
|
||||
background-color: #fafbfc;
|
||||
border: none;
|
||||
border-bottom: 1px solid #dbe6e9;
|
||||
@include margin(-20px, -20px, 15px, -20px);
|
||||
|
||||
i,
|
||||
a {
|
||||
color: contrasted($bg-panel-heading-color);
|
||||
}
|
||||
|
||||
.badge {
|
||||
padding: 0 10px;
|
||||
font-size: 1.1em;
|
||||
font-weight: 700;
|
||||
line-height: 1.2em;
|
||||
color: $gray;
|
||||
background-color: #fff;
|
||||
border: solid 1px lighten($gray-light, 25%);
|
||||
@include margin-left(0.4em);
|
||||
@include border-radius(20px);
|
||||
|
||||
a {
|
||||
display: block;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
|
||||
.panel-heading-action {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
line-height: 0;
|
||||
@include right(7px);
|
||||
|
||||
.btn {
|
||||
padding: 4px 8px !important;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
white-space: nowrap;
|
||||
@include right(2px);
|
||||
|
||||
a.btn {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
> a.btn {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
@include right(6px);
|
||||
}
|
||||
|
||||
a.list-toolbar-btn {
|
||||
color: #ccc;
|
||||
@include float(left);
|
||||
|
||||
&:hover {
|
||||
color: $brand-primary;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.panel-danger .panel-heading {
|
||||
background-color: $badge-notif-color !important;
|
||||
}
|
||||
|
||||
form .alert {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.mobile & {
|
||||
padding: 95px 5px 0;
|
||||
@include margin-left(0!important);
|
||||
}
|
||||
|
||||
.help-block {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.nav.nav-tabs li.active a {
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
background-color: #fff;
|
||||
border: solid 1px darken($bg-content-color, 10%);
|
||||
}
|
||||
|
||||
.panel.panel-sm {
|
||||
padding: 8px !important;
|
||||
|
||||
.panel-heading {
|
||||
margin: -8px -8px 10px;
|
||||
font-size: 13px;
|
||||
|
||||
@include ltr () {
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
@include rtl () {
|
||||
padding-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data-focus {
|
||||
&.data-focus-primary {
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
@include border-radius(10px);
|
||||
}
|
||||
}
|
||||
|
||||
#customer_part {
|
||||
.customerCard {
|
||||
&.selected-customer .panel {
|
||||
color: $brand-success;
|
||||
border: solid 2px $brand-success;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.display-modal {
|
||||
#content,
|
||||
#main {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: #f8f8f8;
|
||||
}
|
||||
}
|
||||
|
||||
.bootstrap {
|
||||
input[type="text"],
|
||||
input[type="search"],
|
||||
input[type="password"],
|
||||
textarea,
|
||||
select {
|
||||
@extend .form-control;
|
||||
}
|
||||
|
||||
.modal {
|
||||
.alert {
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
.alert {
|
||||
text-align: left;
|
||||
}
|
||||
//todo: remove temp fix for bootstrap RC1 -> final
|
||||
}
|
||||
|
||||
.panel {
|
||||
.panel-footer {
|
||||
margin: 15px -20px -20px;
|
||||
overflow: auto;
|
||||
background-color: #fcfdfe;
|
||||
border-color: #eee;
|
||||
|
||||
.btn.pull-right:not(:first-child) {
|
||||
@include margin-right(5px);
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 8px 16px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 1.5;
|
||||
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.pull-right {
|
||||
@extend .btn-primary;
|
||||
// stylelint-disable-next-line
|
||||
text-transform: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header {
|
||||
.panel-footer {
|
||||
height: 40px !important;
|
||||
margin: 15px 0 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
#main.helpOpen {
|
||||
width: 70%;
|
||||
@media (max-width: $screen-lg) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
#help-container {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
float: right;
|
||||
width: 30%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
margin-top: 181px;
|
||||
margin-bottom: 50px;
|
||||
overflow-x: hidden;
|
||||
background-color: #fff;
|
||||
|
||||
@media (max-width: $screen-lg) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.page-topbar {
|
||||
#help-container {
|
||||
margin-top: 140px;
|
||||
}
|
||||
}
|
||||
|
||||
.page-sidebar-closed {
|
||||
&:not(.mobile) {
|
||||
#content {
|
||||
padding-left: $paddingLeftPageClosed;
|
||||
|
||||
.page-head {
|
||||
padding-left: $paddingLeftPageClosed - 0.9375rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
// ui-datepicker: The outer container of the datepicker. If the datepicker is inline, this element will additionally have a ui-datepicker-inline class. If the isRTL option is set, this element will additionally have a class of ui-datepicker-rtl.
|
||||
// ui-datepicker-header: The container for the datepicker's header.
|
||||
// ui-datepicker-prev: The control used to select previous months.
|
||||
// ui-datepicker-next: The control used to select subsequent months.
|
||||
// ui-datepicker-title: The container for the datepicker's title containing the month and year.
|
||||
// ui-datepicker-month: The textual display of the month or a <select> element if the changeMonth option is set.
|
||||
// ui-datepicker-year: The textual display of the year or a <select> element if the changeYear option is set.
|
||||
// ui-datepicker-calendar: The table that contains the calendar itself.
|
||||
// ui-datepicker-week-end: Cells containing weekend days.
|
||||
// ui-datepicker-other-month: Cells containing days that occur in a month other than the currently selected month.
|
||||
// ui-datepicker-unselectable: Cells containing days that are not selectable by the user.
|
||||
// ui-datepicker-current-day: The cell containing the selected day.
|
||||
// ui-datepicker-today: The cell containing today's date.
|
||||
// ui-datepicker-buttonpane: The buttonpane that is used when the showButtonPanel option is set.
|
||||
// ui-datepicker-current: The button used to select today's date.
|
||||
|
||||
.ui-datepicker {
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 4px;
|
||||
margin-top: 1px;
|
||||
@include border-radius(4px);
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
display: inline-block !important;
|
||||
content: "";
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-bottom-color: rgba(#000, 0.2);
|
||||
border-left: 7px solid transparent;
|
||||
}
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 7px;
|
||||
display: inline-block !important;
|
||||
content: "";
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-left: 6px solid transparent;
|
||||
}
|
||||
|
||||
.ui-datepicker-header {
|
||||
font-weight: 500;
|
||||
color: #808080;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.ui-state-default {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.ui-state-highlight {
|
||||
background: #fefbe2 !important;
|
||||
border: solid 1px darken(#fefbe2, 50%) !important;
|
||||
}
|
||||
|
||||
.ui-state-active {
|
||||
color: #fff !important;
|
||||
background: $primary-color !important;
|
||||
border: solid 1px darken($primary-color, 10%) !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,412 @@
|
||||
$color-bright: #fff;
|
||||
|
||||
$color-calendar: #00a4e7;
|
||||
$color-calendar-compare: #ff8000;
|
||||
|
||||
$color-calendar-day: $color-bright;
|
||||
|
||||
$color-calendar-outrange: #ccc;
|
||||
|
||||
$color-calendar-day-selected: $color-calendar;
|
||||
$color-calendar-day-selected-compare: $color-calendar-compare;
|
||||
|
||||
$color-calendar-range: lighten($color-calendar, 10%);
|
||||
$color-calendar-range-compare: lighten($color-calendar-compare, 10%);
|
||||
|
||||
#datepicker {
|
||||
.input-selected {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#date-start.input-selected,
|
||||
#date-end.input-selected {
|
||||
border: solid 3px $color-calendar-day-selected;
|
||||
}
|
||||
|
||||
#date-start-compare.input-selected,
|
||||
#date-end-compare.input-selected {
|
||||
border: solid 3px $color-calendar-day-selected-compare;
|
||||
}
|
||||
|
||||
div#datepicker-form {
|
||||
#date-range {
|
||||
border: solid 1px darken($color-calendar, 5%);
|
||||
|
||||
.form-date-heading {
|
||||
background-color: darken($color-calendar, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
#date-compare {
|
||||
border: solid 1px darken($color-calendar-compare, 5%);
|
||||
|
||||
.form-date-heading {
|
||||
background-color: darken($color-calendar-compare, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
.form-date-heading {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
@include padding(0, 0, 0, 8px);
|
||||
|
||||
.title,
|
||||
.checkbox-title label {
|
||||
font-size: 1.15em;
|
||||
font-weight: 200;
|
||||
line-height: 2em;
|
||||
color: $color-bright;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: rgba($color-bright, 0.3);
|
||||
border: none;
|
||||
}
|
||||
|
||||
select {
|
||||
@include margin(2px,2px,0,0);
|
||||
}
|
||||
}
|
||||
|
||||
.form-date-body,
|
||||
.form-date-actions {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.form-date-actions {
|
||||
border: solid 1px #ccc;
|
||||
}
|
||||
|
||||
.form-date-group {
|
||||
width: 100%;
|
||||
margin: 0 auto 6px;
|
||||
clear: both;
|
||||
|
||||
label {
|
||||
font-size: 0.8em;
|
||||
font-weight: 700;
|
||||
color: #666;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
input {
|
||||
@include margin(4px, 4px, 0, 0);
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
button {
|
||||
@include margin(5px, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.daterangepicker {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
font-size: 13px;
|
||||
border: solid 1px #ccc;
|
||||
@include margin(0, 0, 8px, 0);
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border-spacing: 1px;
|
||||
}
|
||||
|
||||
thead {
|
||||
tr th {
|
||||
height: 1.5em;
|
||||
font-size: 0.7em;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
background-color: darken($color-calendar, 5%);
|
||||
}
|
||||
|
||||
tr:first-child th {
|
||||
font-size: 1.4em;
|
||||
font-weight: 200;
|
||||
color: $color-calendar-day-selected;
|
||||
cursor: pointer;
|
||||
background-color: $color-bright;
|
||||
border-bottom: 1px solid darken($color-calendar, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
tr {
|
||||
border-bottom: solid 1px #fff;
|
||||
}
|
||||
|
||||
td {
|
||||
height: 2.4em;
|
||||
padding: 0 8px;
|
||||
color: $color-calendar-day-selected;
|
||||
@include transition-property(all);
|
||||
@include transition-duration(0.2s);
|
||||
@include transition-timing-function(ease-out);
|
||||
|
||||
&.day::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
content: "";
|
||||
background-color: transparent;
|
||||
@include left(0);
|
||||
}
|
||||
|
||||
&.day:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.day.disabled {
|
||||
color: $color-calendar-outrange;
|
||||
}
|
||||
|
||||
&.old,
|
||||
&.new {
|
||||
color: $color-calendar-outrange;
|
||||
}
|
||||
|
||||
&.start-selected:not(.old):not(.new):not(.end-selected) {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected;
|
||||
@include border-left-radius(15px);
|
||||
|
||||
&.range-compare {
|
||||
background-color: mix($color-calendar-day-selected, $color-calendar-range-compare, 70%);
|
||||
@include border-left-radius(0);
|
||||
}
|
||||
|
||||
&.end-selected-compare,
|
||||
&.start-selected-compare {
|
||||
background-color: mix($color-calendar-day-selected, $color-calendar-day-selected-compare, 70%);
|
||||
}
|
||||
|
||||
&.end-selected-compare {
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.end-selected:not(.old):not(.new):not(.start-selected) {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected;
|
||||
@include border-right-radius(15px);
|
||||
|
||||
&.range-compare {
|
||||
background-color: mix($color-calendar-day-selected, $color-calendar-range-compare, 70%);
|
||||
@include border-right-radius(0);
|
||||
}
|
||||
|
||||
&.end-selected-compare,
|
||||
&.start-selected-compare {
|
||||
background-color: mix($color-calendar-day-selected, $color-calendar-day-selected-compare, 70%);
|
||||
}
|
||||
|
||||
&.start-selected-compare {
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.start-selected-compare:not(.old):not(.new):not(.end-selected-compare) {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected-compare;
|
||||
@include border-left-radius(15px);
|
||||
|
||||
&.range {
|
||||
background-color: mix($color-calendar-day-selected-compare, $color-calendar-range, 70%);
|
||||
@include border-left-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.end-selected-compare:not(.old):not(.new):not(.start-selected-compare) {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected-compare;
|
||||
@include border-right-radius(15px);
|
||||
|
||||
&.range {
|
||||
background-color: mix($color-calendar-day-selected-compare, $color-calendar-range, 70%);
|
||||
@include border-right-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.end-selected.start-selected {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected;
|
||||
@include border-radius(15px);
|
||||
|
||||
&.range-compare {
|
||||
background-color: mix($color-calendar-day-selected, $color-calendar-range-compare, 70%);
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.end-selected-compare.start-selected-compare {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected-compare;
|
||||
@include border-radius(15px);
|
||||
|
||||
&.range {
|
||||
background-color: mix($color-calendar-day-selected-compare, $color-calendar-range, 70%);
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.range {
|
||||
color: lighten($color-calendar-range, 35%);
|
||||
background-color: $color-calendar-range;
|
||||
|
||||
&.range-compare {
|
||||
background-color: mix($color-calendar-range, $color-calendar-range-compare, 50%);
|
||||
}
|
||||
}
|
||||
|
||||
&.range-compare {
|
||||
color: lighten($color-calendar-range-compare, 35%);
|
||||
background-color: $color-calendar-range-compare;
|
||||
|
||||
&.range {
|
||||
background-color: mix($color-calendar-range, $color-calendar-range-compare, 50%);
|
||||
}
|
||||
}
|
||||
|
||||
&.today {
|
||||
background-color: $color-bright;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 33.333%;
|
||||
height: 3em;
|
||||
padding: 0;
|
||||
font-weight: 400;
|
||||
line-height: 3em;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: $color-calendar-day-selected;
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: #fff;
|
||||
background-color: $color-calendar-day-selected;
|
||||
}
|
||||
|
||||
&.old {
|
||||
color: $color-calendar-outrange;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
&.next {
|
||||
@include text-align(right);
|
||||
@include padding(0, 10px, 0, 0);
|
||||
}
|
||||
|
||||
&.prev {
|
||||
@include text-align(left);
|
||||
@include padding(0, 0, 0, 10px);
|
||||
}
|
||||
|
||||
&.next,
|
||||
&.prev,
|
||||
&.month-switch {
|
||||
height: 2em;
|
||||
font-size: 1.3em;
|
||||
line-height: 2em;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: darken($color-calendar, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//chevrons are disabled time to figure out the firefox incompatibility..
|
||||
.chevron-left,
|
||||
.chevron-right {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.chevron-left::before,
|
||||
.chevron-right::before {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
content: "";
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.chevron-left::before {
|
||||
top: 0;
|
||||
background-color: $color-calendar-range;
|
||||
border-color: transparent transparent transparent $color-calendar-day-selected;
|
||||
@include right(0);
|
||||
@include border-width(1.2em, 0, 1.2em, 0.5em);
|
||||
}
|
||||
|
||||
.chevron-right::before {
|
||||
top: 0;
|
||||
background-color: $color-calendar-day-selected;
|
||||
border-color: transparent transparent transparent $color-calendar-range;
|
||||
@include left(0);
|
||||
@include border-width(1.2em, 0, 1.2em, 0.5em);
|
||||
}
|
||||
|
||||
.input-complete {
|
||||
-webkit-animation: one 0.2s ease-in-out;
|
||||
-moz-animation: one 0.2s ease-in-out;
|
||||
-ms-animation: one 0.2s ease-in-out;
|
||||
-o-animation: one 0.2s ease-in-out;
|
||||
animation: one 0.2s ease-in-out;
|
||||
}
|
||||
// stylelint-disable-next-line
|
||||
@-webkit-keyframes one {
|
||||
0% {
|
||||
background-color: $color-calendar;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-color: $color-bright;
|
||||
}
|
||||
}
|
||||
|
||||
// stylelint-disable-next-line
|
||||
@-webkit-keyframes two {
|
||||
0% {
|
||||
@include box-shadow($color-calendar 0 0 0 20px inset);
|
||||
}
|
||||
|
||||
100% {
|
||||
@include box-shadow($color-calendar 0 0 0 inset);
|
||||
}
|
||||
}
|
||||
147
admin-kalsport/themes/default/scss/partials/_footer.scss
Normal file
147
admin-kalsport/themes/default/scss/partials/_footer.scss
Normal file
@@ -0,0 +1,147 @@
|
||||
#footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
z-index: 600;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
color: #aaa;
|
||||
background-color: rgba(#000, 0.8);
|
||||
@include animate(fadeInUp, 0.3s);
|
||||
|
||||
a {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
&.hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#go-top {
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
z-index: 9003;
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 0 6px;
|
||||
margin: -2px 0 0;
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
background-color: $main-color;
|
||||
@include right(10px);
|
||||
|
||||
&:hover {
|
||||
background-color: $brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
a.footer_link {
|
||||
color: $brand-primary;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: $icon-size-base;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-contact {
|
||||
padding: 7px 0 0;
|
||||
overflow: hidden;
|
||||
line-height: 35px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@include margin(0,0,6px,6px);
|
||||
|
||||
strong {
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.link-social {
|
||||
i {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
font-size: 14px;
|
||||
line-height: 24px !important;
|
||||
text-align: center;
|
||||
@include margin(0, 4px, 0, 0);
|
||||
@include border-radius(30px);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.link-youtube i {
|
||||
color: #fff;
|
||||
background-color: #f00;
|
||||
|
||||
&:hover {
|
||||
color: #f00;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.link-twitter i {
|
||||
color: #fff;
|
||||
background-color: #7cceef;
|
||||
|
||||
&:hover {
|
||||
color: #7cceef;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.link-facebook i {
|
||||
color: #fff;
|
||||
background-color: #557dbb;
|
||||
|
||||
&:hover {
|
||||
color: #557dbb;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.link-github i {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.status-page-dot {
|
||||
&.operational {
|
||||
color: #2ecc71 !important;
|
||||
}
|
||||
|
||||
&.degraded_performance {
|
||||
color: #f1c40f !important;
|
||||
}
|
||||
|
||||
&.partial_outage {
|
||||
color: #e67e22 !important;
|
||||
}
|
||||
|
||||
&.major_outage {
|
||||
color: #e74c3c !important;
|
||||
}
|
||||
}
|
||||
332
admin-kalsport/themes/default/scss/partials/_forms.scss
Normal file
332
admin-kalsport/themes/default/scss/partials/_forms.scss
Normal file
@@ -0,0 +1,332 @@
|
||||
//form
|
||||
label.control-label {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: $main-color;
|
||||
}
|
||||
|
||||
label.control-label span.label-tooltip {
|
||||
padding: 0 5px;
|
||||
font-size: 14px;
|
||||
color: $main-color;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
label.required::before {
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
line-height: 12px;
|
||||
color: #f00;
|
||||
content: "*";
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
font-family: $font-family-sans-serif;
|
||||
font-size: 12px;
|
||||
white-space: normal;
|
||||
|
||||
&-inner {
|
||||
padding: 10px;
|
||||
background-color: $main-color;
|
||||
}
|
||||
|
||||
&.top .tooltip-arrow {
|
||||
border-top-color: $main-color;
|
||||
}
|
||||
}
|
||||
|
||||
select.input-tiny,
|
||||
input[type="text"].input-tiny,
|
||||
input[type="password"].input-tiny {
|
||||
width: 80px;
|
||||
@include float(left);
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
textarea:focus,
|
||||
input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="datetime"]:focus,
|
||||
input[type="datetime-local"]:focus,
|
||||
input[type="date"]:focus,
|
||||
input[type="month"]:focus,
|
||||
input[type="time"]:focus,
|
||||
input[type="week"]:focus,
|
||||
input[type="number"]:focus,
|
||||
input[type="email"]:focus,
|
||||
input[type="url"]:focus,
|
||||
input[type="search"]:focus,
|
||||
input[type="tel"]:focus,
|
||||
input[type="color"]:focus,
|
||||
.uneditable-input:focus {
|
||||
background-color: $input-focus-background;
|
||||
border-color: $input-focus-border;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
|
||||
textarea:hover,
|
||||
input[type="text"]:hover,
|
||||
input[type="password"]:focus,
|
||||
input[type="datetime"]:hover,
|
||||
input[type="datetime-local"]:hover,
|
||||
input[type="date"]:hover,
|
||||
input[type="month"]:hover,
|
||||
input[type="time"]:hover,
|
||||
input[type="week"]:hover,
|
||||
input[type="number"]:hover,
|
||||
input[type="email"]:hover,
|
||||
input[type="url"]:hover,
|
||||
input[type="search"]:hover,
|
||||
input[type="tel"]:hover,
|
||||
input[type="color"]:hover,
|
||||
.uneditable-input:hover {
|
||||
background-color: $input-focus-background;
|
||||
}
|
||||
//buttons
|
||||
.btn {
|
||||
.caret {
|
||||
border-top-color: $gray-dark !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.caret {
|
||||
border-top-color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-default {
|
||||
i {
|
||||
color: $gray;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
border-color: darken($brand-primary, 10%);
|
||||
@include box-shadow(none);
|
||||
|
||||
i {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-primary {
|
||||
i {
|
||||
color: #fff;
|
||||
}
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
background-color: $brand-primary;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($brand-primary, 10%);
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-default[disabled] {
|
||||
color: $gray-light;
|
||||
background-color: lighten($gray-light, 35%);
|
||||
border-color: $gray-light;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
@include text-align(left);
|
||||
|
||||
> li a {
|
||||
padding: 5px 10px;
|
||||
|
||||
&:hover {
|
||||
i {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group-action {
|
||||
line-height: 0;
|
||||
|
||||
.btn {
|
||||
font-family: $font-family-sans-serif;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
white-space: nowrap;
|
||||
|
||||
> a,
|
||||
button {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
> a:first-child {
|
||||
@include margin-right(-3px);
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 14px;
|
||||
}//form file upload
|
||||
}
|
||||
}
|
||||
|
||||
.dummyfile {
|
||||
position: relative;
|
||||
|
||||
.hide-file-upload {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include opacity(0);
|
||||
}
|
||||
//typeahead
|
||||
}
|
||||
|
||||
.tt-query {
|
||||
@include border-right-radius(3px!important);
|
||||
}
|
||||
|
||||
.tt-dropdown-menu {
|
||||
font-size: 0.9em;
|
||||
text-transform: none;
|
||||
background-color: #fff;
|
||||
border: solid 1px #ccc;
|
||||
}
|
||||
|
||||
.tt-suggestions {
|
||||
padding: 0 6px;
|
||||
@include box-shadow(rgba(black,0.25) 0 1px 4px);
|
||||
}
|
||||
|
||||
.tt-suggestion p {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
border-bottom: solid 1px #ccc;
|
||||
}
|
||||
|
||||
.tt-suggestion:last-child p {
|
||||
border-bottom: none;
|
||||
}
|
||||
//tag
|
||||
.tagify-container {
|
||||
min-height: 30px;
|
||||
padding: 0 3px;
|
||||
overflow: auto;
|
||||
background-color: #fff;
|
||||
border: solid 1px #ccc;
|
||||
@include border-radius(3px);
|
||||
@include box-shadow(rgba(0, 0, 0, 0.075) 0 1px 1px inset);
|
||||
|
||||
span {
|
||||
@include float(left);
|
||||
}
|
||||
|
||||
> span {
|
||||
display: inline-block;
|
||||
padding: 2px 5px;
|
||||
margin: 3px;
|
||||
color: #fff;
|
||||
background-color: lighten($brand-primary, 15%);
|
||||
border: 1px solid $brand-primary;
|
||||
border-radius: 2px;
|
||||
|
||||
> a {
|
||||
font-weight: 700;
|
||||
color: $brand-primary;
|
||||
text-decoration: none;
|
||||
@include padding-left(5px);
|
||||
}
|
||||
}
|
||||
|
||||
> input {
|
||||
width: 140px;
|
||||
height: auto;
|
||||
margin-top: 2px;
|
||||
border: 0 none;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
|
||||
> input:focus {
|
||||
outline: 0;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
.form-group {
|
||||
@media (max-width: $screen-lg) {
|
||||
input[type="text"],
|
||||
input[type="search"],
|
||||
input[type="password"],
|
||||
textarea,
|
||||
select {
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
margin: 4px 0;
|
||||
|
||||
input[type="text"],
|
||||
input[type="search"],
|
||||
input[type="password"],
|
||||
textarea,
|
||||
select {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.input-group {
|
||||
&-btn {
|
||||
> .btn {
|
||||
height: $input-height-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.translatable-field {
|
||||
.btn.dropdown-toggle {
|
||||
height: $input-height-base;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="search"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
input[type="tel"] {
|
||||
font-family: $url-font-content-name, Helvetica, Arial, $icon-font-family, sans-serif !important;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: $screen-sm-min) {
|
||||
.control-label {
|
||||
padding-top: 7px;
|
||||
padding-right: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-horizontal {
|
||||
.form-wrapper {
|
||||
flex: 0 0 83.33333%;
|
||||
max-width: 83.33333%;
|
||||
padding: 14px 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
.btn[id^="add_condition_"] {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
110
admin-kalsport/themes/default/scss/partials/_growl.scss
Normal file
110
admin-kalsport/themes/default/scss/partials/_growl.scss
Normal file
@@ -0,0 +1,110 @@
|
||||
/*
|
||||
* jQuery Growl
|
||||
* Copyright 2013 Kevin Sylvestre
|
||||
* 1.1.4
|
||||
*/
|
||||
|
||||
$namespace: "growl";
|
||||
$duration: 0.4s;
|
||||
|
||||
#growls {
|
||||
position: fixed;
|
||||
z-index: 50000;
|
||||
|
||||
&.default {
|
||||
top: 100px;
|
||||
@include right(10px);
|
||||
}
|
||||
|
||||
&.tl {
|
||||
top: 10px;
|
||||
@include left(10px);
|
||||
}
|
||||
|
||||
&.tr {
|
||||
top: 10px;
|
||||
@include right(10px);
|
||||
}
|
||||
|
||||
&.bl {
|
||||
bottom: 10px;
|
||||
@include left(10px);
|
||||
}
|
||||
|
||||
&.br {
|
||||
bottom: 10px;
|
||||
@include right(10px);
|
||||
}
|
||||
}
|
||||
|
||||
.growl {
|
||||
position: relative;
|
||||
opacity: 1;
|
||||
@include border-radius(4px);
|
||||
@include transition(all $duration ease-in-out);
|
||||
|
||||
&.#{$namespace}-incoming {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&.#{$namespace}-outgoing {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&.#{$namespace}-small {
|
||||
width: 200px;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
&.#{$namespace}-medium {
|
||||
width: 250px;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
&.#{$namespace}-large {
|
||||
width: 300px;
|
||||
padding: 15px;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
&.#{$namespace}-default {
|
||||
color: #fff;
|
||||
background: #808080;
|
||||
}
|
||||
|
||||
&.#{$namespace}-error {
|
||||
color: #fff;
|
||||
background: rgba($brand-danger, 0.8);
|
||||
}
|
||||
|
||||
&.#{$namespace}-notice {
|
||||
color: #fff;
|
||||
background: rgba($brand-success, 0.8);
|
||||
}
|
||||
|
||||
&.#{$namespace}-warning {
|
||||
color: #fff;
|
||||
background: rgba($brand-warning, 0.8);
|
||||
}
|
||||
|
||||
.#{$namespace}-close {
|
||||
font-family: helvetica, verdana, sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 18px;
|
||||
cursor: pointer;
|
||||
@include float(right);
|
||||
}
|
||||
|
||||
.#{$namespace}-title {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.#{$namespace}-message {
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
932
admin-kalsport/themes/default/scss/partials/_header.scss
Normal file
932
admin-kalsport/themes/default/scss/partials/_header.scss
Normal file
@@ -0,0 +1,932 @@
|
||||
$header-text-color: #4e6167;
|
||||
$search-border-color: #bbcdd2;
|
||||
|
||||
#header {
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
#header_infos {
|
||||
position: fixed;
|
||||
z-index: 503;
|
||||
box-sizing: content-box;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
height: $size-header-height;
|
||||
font-size: 13px;
|
||||
color: $header-text-color;
|
||||
background: #fff;
|
||||
|
||||
.material-icons {
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#header_logo {
|
||||
width: 13.13rem;
|
||||
height: 100%;
|
||||
background: url("#{$img-path}/prestashop-avatar-header_shopname.png") no-repeat center left;
|
||||
|
||||
.mobile & {
|
||||
flex-grow: 1;
|
||||
width: 0;
|
||||
min-width: 172px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
}
|
||||
|
||||
#shop_version {
|
||||
position: absolute;
|
||||
top: 0.9375rem;
|
||||
left: 11.25rem;
|
||||
font-size: 10px;
|
||||
color: #4a4a4a;
|
||||
// hide if viewport <= tablet portrait size
|
||||
@media (max-width: breakpoint-max("md")) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
> .component {
|
||||
margin: {
|
||||
right: 0.5rem;
|
||||
left: 0.5rem;
|
||||
};
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin: 0;
|
||||
}
|
||||
// hide on very small screens
|
||||
&.hide-mobile-sm,
|
||||
#gamification_notif {
|
||||
@media (max-width: breakpoint-max("sm")) {
|
||||
display: none;
|
||||
}
|
||||
} // disable bootstrap styling
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
color: initial;
|
||||
|
||||
&:hover {
|
||||
color: initial;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
#quick_select {
|
||||
height: $size-header-height;
|
||||
padding: 7px 10px 5px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
line-height: 1.5;
|
||||
color: $header-text-color;
|
||||
|
||||
> .material-icons {
|
||||
margin-left: -5px;
|
||||
font-size: 20px;
|
||||
}
|
||||
// Shop state / Maintenance / Debug / View my shop
|
||||
}
|
||||
|
||||
.shop-state,
|
||||
#header_shopname {
|
||||
display: inline-block;
|
||||
height: $navbar-height;
|
||||
padding: $navbar-padding-vertical 5px;
|
||||
line-height: $line-height-computed;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
> .material-icons {
|
||||
margin-right: $navbar-padding-horizontal;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shop-state {
|
||||
padding-top: 11px;
|
||||
color: $header-text-color;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $brand-info !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
margin-top: -4px;
|
||||
font-size: 20px;
|
||||
color: #6c868e;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) {
|
||||
padding: {
|
||||
right: 10px !important;
|
||||
left: 10px !important;
|
||||
}
|
||||
margin-right: 0;
|
||||
|
||||
.material-icons {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.header-list {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
padding: 0;
|
||||
margin-bottom: 0;
|
||||
color: $header-text-color;
|
||||
|
||||
#header_shopname {
|
||||
padding-top: 11px;
|
||||
color: $header-text-color !important;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
// stylelint-disable-next-line
|
||||
height: 100% !important;
|
||||
|
||||
i {
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $brand-info !important;
|
||||
|
||||
i {
|
||||
color: $brand-info;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
list-style: none;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
> a {
|
||||
@include media-breakpoint-down(sm) {
|
||||
// stylelint-disable-next-line
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
&.notifs {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-width: $size-header-height;
|
||||
height: $size-header-height;
|
||||
padding: 0 5px !important;
|
||||
line-height: $size-header-height;
|
||||
vertical-align: middle;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $brand-info;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#maintenance-mode {
|
||||
a {
|
||||
color: #6c868e;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $brand-info;
|
||||
text-decoration: none;
|
||||
}
|
||||
// view my shop
|
||||
}
|
||||
}
|
||||
|
||||
#header_shopname {
|
||||
height: inherit !important;
|
||||
padding-top: 11px;
|
||||
overflow-x: hidden;
|
||||
font-size: 13px !important;
|
||||
text-decoration: none;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
i {
|
||||
color: $medium-gray;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
font-size: 0 !important;
|
||||
}
|
||||
@media (max-width: 320px) {
|
||||
max-width: 140px;
|
||||
}
|
||||
}
|
||||
|
||||
// multishop menu
|
||||
#header_shop {
|
||||
.dropdown {
|
||||
&.open {
|
||||
.dropdown-toggle {
|
||||
color: $brand-info !important;
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
top: -1px;
|
||||
color: $medium-gray;
|
||||
}
|
||||
|
||||
.dropdown-toggle {
|
||||
display: inline-block !important;
|
||||
color: $header-text-color !important;
|
||||
text-decoration: none !important;
|
||||
@media (max-width: breakpoint-max("lg")) {
|
||||
position: relative;
|
||||
top: -10px;
|
||||
z-index: 50;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
margin-left: -25px;
|
||||
font-size: 0;
|
||||
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $brand-info !important;
|
||||
}
|
||||
|
||||
i {
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
.list-dropdown-menu {
|
||||
max-height: 500px;
|
||||
padding: 0;
|
||||
margin: 20px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
// employee button
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header_employee_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
margin-left: 0;
|
||||
|
||||
#employee_infos {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
width: 24px;
|
||||
margin-right: 10px;
|
||||
list-style-type: none;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
margin-right: 0;
|
||||
|
||||
.dropdown-toggle {
|
||||
padding: 0 10px;
|
||||
|
||||
i {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#employee_links {
|
||||
.employee_avatar {
|
||||
width: auto;
|
||||
height: auto;
|
||||
|
||||
img {
|
||||
width: 3.8rem;
|
||||
height: 3.8rem;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.employee-wrapper {
|
||||
&-avatar {
|
||||
float: left;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
&-profile {
|
||||
display: block;
|
||||
margin: 2px 0 20px;
|
||||
text-align: center;
|
||||
|
||||
> .admin-link {
|
||||
display: inline-block;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: block;
|
||||
margin: 0 20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.employee_name {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
width: 17.5rem;
|
||||
min-width: inherit;
|
||||
padding-top: 10px;
|
||||
|
||||
li {
|
||||
margin: 15px 7px;
|
||||
font-size: 14px;
|
||||
|
||||
&:hover {
|
||||
.material-icons {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.username {
|
||||
display: inline-block;
|
||||
max-width: 120px;
|
||||
padding: 1rem 0 1.5rem;
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
white-space: normal;
|
||||
vertical-align: top;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
max-width: inherit;
|
||||
padding-top: 2rem;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: $gray-dark-menu;
|
||||
}
|
||||
}
|
||||
|
||||
&.divider {
|
||||
width: 90%;
|
||||
margin: 0 auto !important;
|
||||
clear: both;
|
||||
border: 1px solid $gray-lighter;
|
||||
}
|
||||
|
||||
a {
|
||||
.material-icons {
|
||||
padding: 0;
|
||||
margin-right: 5px;
|
||||
color: #576c72;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&.admin-link {
|
||||
color: #576c72;
|
||||
background-color: inherit;
|
||||
border: 1px solid #899ea5;
|
||||
border-radius: 1px;
|
||||
|
||||
&:hover {
|
||||
color: #25b9d7;
|
||||
border-color: #25b9d7;
|
||||
|
||||
.material-icons {
|
||||
color: #25b9d7;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.signout {
|
||||
a {
|
||||
color: #6c868e;
|
||||
|
||||
&:hover {
|
||||
color: #25b9d7;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&,
|
||||
i {
|
||||
color: $brand-danger;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: #f54c3e;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bo_search_form {
|
||||
@extend .hidden-xs;
|
||||
flex-grow: 1;
|
||||
margin: 4px 0 0;
|
||||
|
||||
#bo_query {
|
||||
@include border-radius(0, 55px, 55px, 0);
|
||||
height: 35px;
|
||||
padding-left: 10px;
|
||||
font-style: italic;
|
||||
color: $main-color;
|
||||
background: #fff;
|
||||
border: 1px solid $search-border-color;
|
||||
border-left: none;
|
||||
|
||||
&::placeholder {
|
||||
color: $gray-medium;
|
||||
}
|
||||
@include box-shadow(none);
|
||||
@include transition(none);
|
||||
}
|
||||
|
||||
.input-group {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
width: 250px;
|
||||
|
||||
.input-group-btn {
|
||||
@include border-radius(55px, 0, 0, 55px);
|
||||
border: 1px solid $search-border-color;
|
||||
border-right: none;
|
||||
|
||||
@at-root .bootstrap & {
|
||||
> .btn {
|
||||
@include border-radius(55px, 0, 0, 55px);
|
||||
@include box-shadow(none);
|
||||
height: 33px;
|
||||
padding: 8px 0 6px 8px;
|
||||
padding-right: 0;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
@include box-shadow(none);
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.clear_search {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
z-index: 10;
|
||||
@include right(8px);
|
||||
}
|
||||
|
||||
#search_type_icon {
|
||||
top: -2px;
|
||||
padding-right: 0;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.icon-remove {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
#header_quick {
|
||||
@extend .hidden-xs;
|
||||
@extend .hidden-sm;
|
||||
font-size: 13px;
|
||||
|
||||
.dropdown {
|
||||
> a,
|
||||
> a:focus {
|
||||
color: $header-text-color !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
> a {
|
||||
.material-icons {
|
||||
margin-left: -5px;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
> a:hover {
|
||||
color: $toolbar-buttons-hover-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
> li {
|
||||
a {
|
||||
padding: 7px 15px;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
margin-right: $navbar-padding-horizontal;
|
||||
}
|
||||
|
||||
&:not(:hover) {
|
||||
.material-icons {
|
||||
color: #6c868e;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#ajax_running {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
text-align: center;
|
||||
background-color: rgba(#000, 0.4);
|
||||
@include left(0);
|
||||
|
||||
i {
|
||||
font-size: 20px;
|
||||
line-height: 35px;
|
||||
color: rgba(#fff, 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
#notification,
|
||||
#employee_infos {
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
position: initial;
|
||||
|
||||
&::before {
|
||||
position: fixed;
|
||||
top: 5rem;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.open {
|
||||
background: none;
|
||||
|
||||
a {
|
||||
&.dropdown-toggle {
|
||||
background: none !important;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
padding: 0 10px;
|
||||
border-bottom: 2px solid $brand-primary;
|
||||
|
||||
&,
|
||||
i {
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
&::before {
|
||||
pointer-events: all;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
a {
|
||||
&.dropdown-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-size: 22px;
|
||||
color: #6c868e;
|
||||
vertical-align: bottom;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
#total_notif_number_wrapper {
|
||||
position: absolute;
|
||||
top: 0.3rem;
|
||||
right: 0.6rem;
|
||||
display: inline-block;
|
||||
height: 1rem;
|
||||
padding: 0 0.18rem;
|
||||
line-height: 0.75rem;
|
||||
color: #fff;
|
||||
vertical-align: middle;
|
||||
background: #f1b746;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 0.625rem;
|
||||
font: {
|
||||
size: 0.625rem;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
top: 0.8rem;
|
||||
right: 0.3rem;
|
||||
}
|
||||
|
||||
> span {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
top: 42px;
|
||||
right: 5px !important;
|
||||
min-width: 25rem;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 1px solid #bbcdd2;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
top: 60px;
|
||||
right: inherit;
|
||||
left: 0;
|
||||
// stylelint-disable-next-line
|
||||
width: 100vw !important;
|
||||
min-width: inherit;
|
||||
overflow: hidden;
|
||||
border: none;
|
||||
border-top: 1px solid $gray-background;
|
||||
border-radius: 5px;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
box-shadow: 0 8px 16px 0 rgba(#000, 0.1);
|
||||
transform: inherit !important;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
bottom: 100%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
pointer-events: none;
|
||||
content: " ";
|
||||
border: solid transparent;
|
||||
}
|
||||
|
||||
&::after {
|
||||
margin-right: 1px;
|
||||
border-color: transparent;
|
||||
border-width: 7px;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
&::before {
|
||||
border-color: transparent;
|
||||
border-width: 8px;
|
||||
border-bottom-color: #bbcdd2;
|
||||
}
|
||||
|
||||
.notifications {
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid #fff;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: flex;
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-self: stretch;
|
||||
|
||||
a.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-self: stretch;
|
||||
font-size: 16px;
|
||||
color: #b3c7cd;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
width: 33%;
|
||||
margin-bottom: -1px;
|
||||
margin-left: 0;
|
||||
text-align: center;
|
||||
|
||||
&.active {
|
||||
a {
|
||||
color: $brand-info;
|
||||
border-top: 0;
|
||||
border-bottom: 3px solid $brand-info;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
&,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $gray-dark-menu;
|
||||
background-color: $input-focus-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
a {
|
||||
color: $brand-info;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
padding: 0.9375rem 0.9375rem 0.625rem;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 400;
|
||||
color: #6c868e;
|
||||
text-transform: none;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
padding: 0;
|
||||
margin-top: -0.0625rem;
|
||||
background: #f2f4f5;
|
||||
border-top: 0.125rem solid $gray-lighter;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
background: #fff;
|
||||
border-top: none;
|
||||
|
||||
.tab-pane.empty.active {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.no-notification {
|
||||
// stylelint-disable-next-line
|
||||
position: inherit !important;
|
||||
font-size: 14px;
|
||||
color: $gray-dark-menu;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
height: 11.875rem;
|
||||
overflow-y: auto;
|
||||
|
||||
.no-notification {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.empty {
|
||||
color: #6c868e;
|
||||
text-align: center;
|
||||
|
||||
&::after {
|
||||
font-family: "Material Icons", sans-serif;
|
||||
font-size: 5.625rem;
|
||||
color: #bbcdd2;
|
||||
content: "\E7F5";
|
||||
opacity: 0.7;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
font-size: 25px;
|
||||
color: $gray-dark-menu;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
> .no-notification {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.notif {
|
||||
display: block;
|
||||
padding: 0.625rem 0.9375rem;
|
||||
color: #6c868e;
|
||||
|
||||
.material-icons {
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.message-notification-status {
|
||||
&.open {
|
||||
color: #5cb85c;
|
||||
}
|
||||
|
||||
&.closed {
|
||||
color: #d9534f;
|
||||
}
|
||||
|
||||
&.pending1,
|
||||
&.pending2 {
|
||||
color: #fb0;
|
||||
}
|
||||
}
|
||||
|
||||
strong {
|
||||
color: #363a41;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background-color: #3ed2f0;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#employee_infos {
|
||||
> a > .material-icons {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
870
admin-kalsport/themes/default/scss/partials/_icons.scss
Normal file
870
admin-kalsport/themes/default/scss/partials/_icons.scss
Normal file
@@ -0,0 +1,870 @@
|
||||
//migrationfromfont-awesomev3tov4
|
||||
[class^="icon-"] {
|
||||
font-size: 14px;
|
||||
@extend .icon;
|
||||
}
|
||||
|
||||
.icon-bar-chart {
|
||||
@extend .icon-bar-chart-o;
|
||||
}
|
||||
|
||||
.icon-beaker {
|
||||
@extend .icon-flask;
|
||||
}
|
||||
|
||||
.icon-bell{
|
||||
@extend .icon-bell-o;
|
||||
}
|
||||
|
||||
.icon-bell-alt{
|
||||
@extend .icon-bell;
|
||||
}
|
||||
|
||||
.icon-bitbucket-sign{
|
||||
@extend .icon-bitbucket-square;
|
||||
}
|
||||
|
||||
.icon-bookmark-empty{
|
||||
@extend .icon-bookmark-o;
|
||||
}
|
||||
|
||||
.icon-building{
|
||||
@extend .icon-building-o;
|
||||
}
|
||||
|
||||
.icon-calendar-empty{
|
||||
@extend .icon-calendar-o;
|
||||
}
|
||||
|
||||
.icon-check-empty{
|
||||
@extend .icon-square-o;
|
||||
}
|
||||
|
||||
.icon-check-minus{
|
||||
@extend .icon-minus-square-o;
|
||||
}
|
||||
|
||||
.icon-check-sign{
|
||||
@extend .icon-check-square;
|
||||
}
|
||||
|
||||
.icon-chevron-sign-down{
|
||||
@extend .icon-chevron-circle-down;
|
||||
}
|
||||
|
||||
.icon-chevron-sign-left{
|
||||
@extend .icon-chevron-circle-left;
|
||||
}
|
||||
|
||||
.icon-chevron-sign-right{
|
||||
@extend .icon-chevron-circle-right;
|
||||
}
|
||||
|
||||
.icon-chevron-sign-up{
|
||||
@extend .icon-chevron-circle-up;
|
||||
}
|
||||
|
||||
.icon-circle-arrow-down{
|
||||
@extend .icon-arrow-circle-down;
|
||||
}
|
||||
|
||||
.icon-circle-arrow-left{
|
||||
@extend .icon-arrow-circle-left;
|
||||
}
|
||||
|
||||
.icon-circle-arrow-right{
|
||||
@extend .icon-arrow-circle-right;
|
||||
}
|
||||
|
||||
.icon-circle-arrow-up{
|
||||
@extend .icon-arrow-circle-up;
|
||||
}
|
||||
|
||||
.icon-circle-blank{
|
||||
@extend .icon-circle-o;
|
||||
}
|
||||
|
||||
.icon-cny{
|
||||
@extend .icon-rub;
|
||||
}
|
||||
|
||||
.icon-collapse-alt{
|
||||
@extend .icon-minus-square-o;
|
||||
}
|
||||
|
||||
.icon-collapse-top{
|
||||
@extend .icon-caret-square-o-up;
|
||||
}
|
||||
|
||||
.icon-collapse{
|
||||
@extend .icon-caret-square-o-down;
|
||||
}
|
||||
|
||||
.icon-comment-alt{
|
||||
@extend .icon-comment-o;
|
||||
}
|
||||
|
||||
.icon-comments-alt{
|
||||
@extend .icon-comments-o;
|
||||
}
|
||||
|
||||
.icon-copy{
|
||||
@extend .icon-files-o;
|
||||
}
|
||||
|
||||
.icon-cut{
|
||||
@extend .icon-scissors;
|
||||
}
|
||||
|
||||
.icon-dashboard{
|
||||
@extend .icon-tachometer;
|
||||
}
|
||||
|
||||
.icon-double-angle-down{
|
||||
@extend .icon-angle-double-down;
|
||||
}
|
||||
|
||||
.icon-double-angle-left{
|
||||
@extend .icon-angle-double-left;
|
||||
}
|
||||
|
||||
.icon-double-angle-right{
|
||||
@extend .icon-angle-double-right;
|
||||
}
|
||||
|
||||
.icon-double-angle-up{
|
||||
@extend .icon-angle-double-up;
|
||||
}
|
||||
|
||||
.icon-download{
|
||||
@extend .icon-arrow-circle-o-down;
|
||||
}
|
||||
|
||||
.icon-download-alt{
|
||||
@extend .icon-download;
|
||||
}
|
||||
|
||||
.icon-edit-sign{
|
||||
@extend .icon-pencil-square;
|
||||
}
|
||||
|
||||
.icon-edit{
|
||||
@extend .icon-pencil-square-o;
|
||||
}
|
||||
|
||||
.icon-ellipsis-horizontal{
|
||||
@extend .icon-ellipsis-h;
|
||||
}
|
||||
|
||||
.icon-ellipsis-vertical{
|
||||
@extend .icon-ellipsis-v;
|
||||
}
|
||||
|
||||
.icon-envelope-alt{
|
||||
@extend .icon-envelope-o;
|
||||
}
|
||||
|
||||
.icon-exclamation-sign{
|
||||
@extend .icon-exclamation-circle;
|
||||
}
|
||||
|
||||
.icon-expand-alt{
|
||||
@extend .icon-plus-square-o;
|
||||
}
|
||||
|
||||
.icon-external-link-sign{
|
||||
@extend .icon-external-link-square;
|
||||
}
|
||||
|
||||
.icon-eye-close{
|
||||
@extend .icon-eye-slash;
|
||||
}
|
||||
|
||||
.icon-eye-open{
|
||||
@extend .icon-eye;
|
||||
}
|
||||
|
||||
.icon-facebook-sign{
|
||||
@extend .icon-facebook-square;
|
||||
}
|
||||
|
||||
.icon-facetime-video{
|
||||
@extend .icon-video-camera;
|
||||
}
|
||||
|
||||
.icon-file-alt{
|
||||
@extend .icon-file-o;
|
||||
}
|
||||
|
||||
.icon-file-text-alt{
|
||||
@extend .icon-file-text-o;
|
||||
}
|
||||
|
||||
.icon-flag-alt{
|
||||
@extend .icon-flag-o;
|
||||
}
|
||||
|
||||
.icon-folder-close-alt{
|
||||
@extend .icon-folder-o;
|
||||
}
|
||||
|
||||
.icon-folder-close{
|
||||
@extend .icon-folder;
|
||||
}
|
||||
|
||||
.icon-folder-open-alt{
|
||||
@extend .icon-folder-open-o;
|
||||
}
|
||||
|
||||
.icon-food{
|
||||
@extend .icon-cutlery;
|
||||
}
|
||||
|
||||
.icon-frown{
|
||||
@extend .icon-frown-o;
|
||||
}
|
||||
|
||||
.icon-fullscreen{
|
||||
@extend .icon-arrows-alt;
|
||||
}
|
||||
|
||||
.icon-github-sign{
|
||||
@extend .icon-github-square;
|
||||
}
|
||||
|
||||
.icon-google-plus-sign{
|
||||
@extend .icon-google-plus-square;
|
||||
}
|
||||
|
||||
.icon-group{
|
||||
@extend .icon-users;
|
||||
}
|
||||
|
||||
.icon-h-sign{
|
||||
@extend .icon-h-square;
|
||||
}
|
||||
|
||||
.icon-hand-down{
|
||||
@extend .icon-hand-o-down;
|
||||
}
|
||||
|
||||
.icon-hand-left{
|
||||
@extend .icon-hand-o-left;
|
||||
}
|
||||
|
||||
.icon-hand-right{
|
||||
@extend .icon-hand-o-right;
|
||||
}
|
||||
|
||||
.icon-hand-up{
|
||||
@extend .icon-hand-o-up;
|
||||
}
|
||||
|
||||
.icon-hdd{
|
||||
@extend .icon-hdd-o;
|
||||
}
|
||||
|
||||
.icon-heart-empty{
|
||||
@extend .icon-heart-o;
|
||||
}
|
||||
|
||||
.icon-hospital{
|
||||
@extend .icon-hospital-o;
|
||||
}
|
||||
|
||||
.icon-indent-left{
|
||||
@extend .icon-outdent;
|
||||
}
|
||||
|
||||
.icon-indent-right{
|
||||
@extend .icon-indent;
|
||||
}
|
||||
|
||||
.icon-info-sign{
|
||||
@extend .icon-info-circle;
|
||||
}
|
||||
|
||||
.icon-keyboard{
|
||||
@extend .icon-keyboard-o;
|
||||
}
|
||||
|
||||
.icon-legal{
|
||||
@extend .icon-gavel;
|
||||
}
|
||||
|
||||
.icon-lemon{
|
||||
@extend .icon-lemon-o;
|
||||
}
|
||||
|
||||
.icon-lightbulb{
|
||||
@extend .icon-lightbulb-o;
|
||||
}
|
||||
|
||||
.icon-linkedin-sign{
|
||||
@extend .icon-linkedin-square;
|
||||
}
|
||||
|
||||
.icon-meh{
|
||||
@extend .icon-meh-o;
|
||||
}
|
||||
|
||||
.icon-microphone-off{
|
||||
@extend .icon-microphone-slash;
|
||||
}
|
||||
|
||||
.icon-minus-sign-alt{
|
||||
@extend .icon-minus-square;
|
||||
}
|
||||
|
||||
.icon-minus-sign{
|
||||
@extend .icon-minus-circle;
|
||||
}
|
||||
|
||||
.icon-mobile-phone{
|
||||
@extend .icon-mobile;
|
||||
}
|
||||
|
||||
.icon-moon{
|
||||
@extend .icon-moon-o;
|
||||
}
|
||||
|
||||
.icon-move{
|
||||
@extend .icon-arrows;
|
||||
}
|
||||
|
||||
.icon-off{
|
||||
@extend .icon-power-off;
|
||||
}
|
||||
|
||||
.icon-ok-circle{
|
||||
@extend .icon-check-circle-o;
|
||||
}
|
||||
|
||||
.icon-ok-sign{
|
||||
@extend .icon-check-circle;
|
||||
}
|
||||
|
||||
.icon-paper-clip{
|
||||
@extend .icon-paperclip;
|
||||
}
|
||||
|
||||
.icon-paste{
|
||||
@extend .icon-clipboard;
|
||||
}
|
||||
|
||||
.icon-phone-sign{
|
||||
@extend .icon-phone-square;
|
||||
}
|
||||
|
||||
.icon-picture{
|
||||
@extend .icon-picture-o;
|
||||
}
|
||||
|
||||
.icon-pinterest-sign{
|
||||
@extend .icon-pinterest-square;
|
||||
}
|
||||
|
||||
.icon-play-circle{
|
||||
@extend .icon-play-circle-o;
|
||||
}
|
||||
|
||||
.icon-play-sign{
|
||||
@extend .icon-play-circle;
|
||||
}
|
||||
|
||||
.icon-plus-sign-alt{
|
||||
@extend .icon-plus-square;
|
||||
}
|
||||
|
||||
.icon-plus-sign{
|
||||
@extend .icon-plus-circle;
|
||||
}
|
||||
|
||||
.icon-pushpin{
|
||||
@extend .icon-thumb-tack;
|
||||
}
|
||||
|
||||
.icon-question-sign{
|
||||
@extend .icon-question-circle;
|
||||
}
|
||||
|
||||
.icon-remove-circle{
|
||||
@extend .icon-times-circle-o;
|
||||
}
|
||||
|
||||
.icon-remove-sign{
|
||||
@extend .icon-times-circle;
|
||||
}
|
||||
|
||||
.icon-remove{
|
||||
@extend .icon-times;
|
||||
}
|
||||
|
||||
.icon-reorder{
|
||||
@extend .icon-bars;
|
||||
}
|
||||
|
||||
.icon-resize-full{
|
||||
@extend .icon-expand;
|
||||
}
|
||||
|
||||
.icon-resize-horizontal{
|
||||
@extend .icon-arrows-h;
|
||||
}
|
||||
|
||||
.icon-resize-small{
|
||||
@extend .icon-compress;
|
||||
}
|
||||
|
||||
.icon-resize-vertical{
|
||||
@extend .icon-arrows-v;
|
||||
}
|
||||
|
||||
.icon-rss-sign{
|
||||
@extend .icon-rss-square;
|
||||
}
|
||||
|
||||
.icon-save{
|
||||
@extend .icon-floppy-o;
|
||||
}
|
||||
|
||||
.icon-screenshot{
|
||||
@extend .icon-crosshairs;
|
||||
}
|
||||
|
||||
.icon-share-alt{
|
||||
@extend .icon-share;
|
||||
}
|
||||
|
||||
.icon-share-sign{
|
||||
@extend .icon-share-square;
|
||||
}
|
||||
|
||||
.icon-share{
|
||||
@extend .icon-share-square-o;
|
||||
}
|
||||
|
||||
.icon-sign-blank{
|
||||
@extend .icon-square;
|
||||
}
|
||||
|
||||
.icon-signin{
|
||||
@extend .icon-sign-in;
|
||||
}
|
||||
|
||||
.icon-signout{
|
||||
@extend .icon-sign-out;
|
||||
}
|
||||
|
||||
.icon-smile{
|
||||
@extend .icon-smile-o;
|
||||
}
|
||||
|
||||
.icon-sort-by-alphabet-alt{
|
||||
@extend .icon-sort-alpha-desc;
|
||||
}
|
||||
|
||||
.icon-sort-by-alphabet{
|
||||
@extend .icon-sort-alpha-asc;
|
||||
}
|
||||
|
||||
.icon-sort-by-attributes-alt{
|
||||
@extend .icon-sort-amount-desc;
|
||||
}
|
||||
|
||||
.icon-sort-by-attributes{
|
||||
@extend .icon-sort-amount-asc;
|
||||
}
|
||||
|
||||
.icon-sort-by-order-alt{
|
||||
@extend .icon-sort-numeric-desc;
|
||||
}
|
||||
|
||||
.icon-sort-by-order{
|
||||
@extend .icon-sort-numeric-asc;
|
||||
}
|
||||
|
||||
.icon-sort-down{
|
||||
@extend .icon-sort-asc;
|
||||
}
|
||||
|
||||
.icon-sort-up{
|
||||
@extend .icon-sort-desc;
|
||||
}
|
||||
|
||||
.icon-stackexchange{
|
||||
@extend .icon-stack-overflow;
|
||||
}
|
||||
|
||||
.icon-star-empty{
|
||||
@extend .icon-star-o;
|
||||
}
|
||||
|
||||
.icon-star-half-empty{
|
||||
@extend .icon-star-half-o;
|
||||
}
|
||||
|
||||
.icon-sun{
|
||||
@extend .icon-sun-o;
|
||||
}
|
||||
|
||||
.icon-thumbs-down-alt{
|
||||
@extend .icon-thumbs-o-down;
|
||||
}
|
||||
|
||||
.icon-thumbs-up-alt{
|
||||
@extend .icon-thumbs-o-up;
|
||||
}
|
||||
|
||||
.icon-time{
|
||||
@extend .icon-clock-o;
|
||||
}
|
||||
|
||||
.icon-trash{
|
||||
@extend .icon-trash-o;
|
||||
}
|
||||
|
||||
.icon-tumblr-sign{
|
||||
@extend .icon-tumblr-square;
|
||||
}
|
||||
|
||||
.icon-twitter-sign{
|
||||
@extend .icon-twitter-square;
|
||||
}
|
||||
|
||||
.icon-unlink{
|
||||
@extend .icon-chain-broken;
|
||||
}
|
||||
|
||||
.icon-upload{
|
||||
@extend .icon-arrow-circle-o-up;
|
||||
}
|
||||
|
||||
.icon-upload-alt{
|
||||
@extend .icon-upload;
|
||||
}
|
||||
|
||||
.icon-warning-sign{
|
||||
@extend .icon-exclamation-triangle;
|
||||
}
|
||||
|
||||
.icon-xing-sign{
|
||||
@extend .icon-xing-square;
|
||||
}
|
||||
|
||||
.icon-youtube-sign{
|
||||
@extend .icon-youtube-square;
|
||||
}
|
||||
|
||||
.icon-zoom-in{
|
||||
@extend .icon-search-plus;
|
||||
}
|
||||
|
||||
.icon-zoom-out{
|
||||
@extend .icon-search-minus;
|
||||
}
|
||||
|
||||
//icons page-head
|
||||
[class^="icon-Admin"] {
|
||||
@extend .icon-fw;
|
||||
@extend .icon-2x;
|
||||
}
|
||||
|
||||
.icon-AdminDashboard {
|
||||
@extend .icon-dashboard;
|
||||
}
|
||||
|
||||
.icon-AdminCatalog{
|
||||
@extend .icon-book;
|
||||
}
|
||||
|
||||
.icon-AdminParentOrders{
|
||||
@extend .icon-credit-card;
|
||||
}
|
||||
|
||||
.icon-AdminParentCustomer{
|
||||
@extend .icon-group;
|
||||
}
|
||||
|
||||
.icon-AdminPriceRule{
|
||||
@extend .icon-tags;
|
||||
}
|
||||
|
||||
.icon-AdminParentShipping{
|
||||
@extend .icon-truck;
|
||||
}
|
||||
|
||||
.icon-AdminParentLocalization{
|
||||
@extend .icon-globe;
|
||||
}
|
||||
|
||||
.icon-AdminParentModules{
|
||||
@extend .icon-puzzle-piece;
|
||||
}
|
||||
|
||||
.icon-AdminParentPreferences{
|
||||
@extend .icon-wrench;
|
||||
}
|
||||
|
||||
.icon-AdminTools{
|
||||
@extend .icon-cogs;
|
||||
}
|
||||
|
||||
.icon-AdminAdmin{
|
||||
@extend .icon-cog;
|
||||
}
|
||||
|
||||
.icon-AdminParentStats{
|
||||
@extend .icon-bar-chart;
|
||||
}
|
||||
|
||||
.icon-AdminStock{
|
||||
@extend .icon-archive;
|
||||
}
|
||||
|
||||
.icon-AdminSearch{
|
||||
@extend .icon-search;
|
||||
}
|
||||
|
||||
.icon-AdminShopUrl{
|
||||
@extend .icon-link;
|
||||
}
|
||||
|
||||
.icon-AdminAttributeGenerator{
|
||||
@extend .icon-magic;
|
||||
}
|
||||
|
||||
.icon-AdminShop{
|
||||
@extend .icon-sitemap;
|
||||
}
|
||||
|
||||
.icon-AdminFlash{
|
||||
@extend .icon-flash;
|
||||
}
|
||||
|
||||
//Toolbar
|
||||
[class^="process-icon-"] {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 0 auto;
|
||||
font-size: 28px;
|
||||
background: transparent;
|
||||
background-position: center;
|
||||
background-size: 26px;
|
||||
@extend .icon;
|
||||
@extend .icon-2x;
|
||||
@extend .icon-fw;
|
||||
}
|
||||
|
||||
#content {
|
||||
.process-icon-save,
|
||||
.process-icon-save-and-stay,
|
||||
.process-icon-save-and-preview {
|
||||
@extend .icon-save;
|
||||
}
|
||||
|
||||
.process-icon-ok {
|
||||
@extend .icon-check;
|
||||
}
|
||||
|
||||
.process-icon-cancel {
|
||||
@extend .icon-remove;
|
||||
}
|
||||
|
||||
.process-icon-back {
|
||||
@extend .icon-circle-arrow-left;
|
||||
}
|
||||
|
||||
.process-icon-next {
|
||||
@extend .icon-circle-arrow-right;
|
||||
}
|
||||
|
||||
.process-icon-help {
|
||||
@extend .icon-question-circle;
|
||||
}
|
||||
|
||||
.process-icon-export {
|
||||
@extend .icon-share-square;
|
||||
}
|
||||
|
||||
.process-icon-import {
|
||||
@extend .icon-cloud-upload;
|
||||
}
|
||||
|
||||
.process-icon-help-new {
|
||||
@extend .icon-question-sign;
|
||||
}
|
||||
|
||||
.process-icon-edit {
|
||||
@extend .icon-edit;
|
||||
}
|
||||
|
||||
.process-icon-newAttributes,
|
||||
.process-icon-new,
|
||||
.process-icon-new-url {
|
||||
@extend .icon-plus-sign;
|
||||
}
|
||||
|
||||
.process-icon-modules-list {
|
||||
@extend .icon-puzzle-piece;
|
||||
}
|
||||
|
||||
.process-icon-save-date {
|
||||
@extend .icon-download;
|
||||
}
|
||||
|
||||
.process-icon-save-status {
|
||||
@extend .icon-download;
|
||||
}
|
||||
|
||||
.process-icon-new-module {
|
||||
@extend .icon-plus;
|
||||
}
|
||||
|
||||
.process-icon-delete {
|
||||
@extend .icon-trash;
|
||||
}
|
||||
|
||||
.process-icon-update {
|
||||
@extend .icon-refresh;
|
||||
}
|
||||
|
||||
.process-icon-preview,
|
||||
.process-icon-previewURL {
|
||||
@extend .icon-eye-open;
|
||||
}
|
||||
|
||||
.process-icon-stats {
|
||||
@extend .icon-bar-chart;
|
||||
}
|
||||
|
||||
.process-icon-duplicate {
|
||||
@extend .icon-copy;
|
||||
}
|
||||
|
||||
.process-icon-newCombination.toolbar-new,
|
||||
.process-icon-plus {
|
||||
@extend .icon-plus-sign;
|
||||
}
|
||||
|
||||
.process-icon-newCombination.toolbar-cancel,
|
||||
.process-icon-minus {
|
||||
@extend .icon-minus-sign;
|
||||
}
|
||||
|
||||
.process-icon-partial_refund {
|
||||
@extend .icon-exchange;
|
||||
}
|
||||
|
||||
.process-icon-anchor {
|
||||
@extend .icon-anchor;
|
||||
}
|
||||
|
||||
.process-icon-refresh {
|
||||
@extend .icon-refresh;
|
||||
}
|
||||
|
||||
.process-icon-configure {
|
||||
@extend .icon-cog;
|
||||
}
|
||||
|
||||
.process-icon-uninstall {
|
||||
@extend .icon-trash;
|
||||
}
|
||||
|
||||
.process-icon-off {
|
||||
@extend .icon-off;
|
||||
}
|
||||
|
||||
.process-icon-reset {
|
||||
@extend .icon-rotate-left;
|
||||
}
|
||||
|
||||
.process-icon-upload {
|
||||
@extend .icon-cloud-upload;
|
||||
}
|
||||
|
||||
.process-icon-download {
|
||||
@extend .icon-cloud-download;
|
||||
}
|
||||
|
||||
.process-icon-cogs {
|
||||
@extend .icon-cogs;
|
||||
}
|
||||
|
||||
.process-icon-download-alt {
|
||||
@extend .icon-download-alt;
|
||||
}
|
||||
|
||||
.process-icon-mail-reply {
|
||||
@extend .icon-mail-reply;
|
||||
}
|
||||
|
||||
.process-icon-power {
|
||||
@extend .icon-power-off;
|
||||
}
|
||||
|
||||
.process-icon-dropdown {
|
||||
@extend .icon-caret-down;
|
||||
}
|
||||
|
||||
.process-icon-envelope {
|
||||
@extend .icon-envelope-o;
|
||||
}
|
||||
|
||||
.process-icon-compress {
|
||||
@extend .icon-compress;
|
||||
}
|
||||
|
||||
.process-icon-expand {
|
||||
@extend .icon-expand;
|
||||
}
|
||||
|
||||
.process-icon-eraser {
|
||||
@extend .icon-eraser;
|
||||
}
|
||||
|
||||
.process-icon-flag {
|
||||
@extend .icon-flag-alt;
|
||||
}
|
||||
|
||||
.process-icon-close {
|
||||
@extend .icon-times-circle;
|
||||
}
|
||||
|
||||
.process-icon-loading {
|
||||
@extend .icon-spin;
|
||||
@extend .icon-circle-o-notch;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.process-icon-cart {
|
||||
@extend .icon-shopping-cart;
|
||||
}
|
||||
|
||||
.process-icon-payment {
|
||||
@extend .icon-credit-card;
|
||||
}
|
||||
|
||||
.process-icon-themes {
|
||||
@extend .icon-html5;
|
||||
}
|
||||
|
||||
.process-icon-database {
|
||||
@extend .icon-database;
|
||||
}
|
||||
|
||||
.process-icon-terminal {
|
||||
@extend .icon-terminal;
|
||||
}
|
||||
|
||||
.process-icon-toggle-on {
|
||||
@extend .icon-toggle-on;
|
||||
}
|
||||
|
||||
.process-icon-toggle-off {
|
||||
@extend .icon-toggle-off;
|
||||
}
|
||||
}
|
||||
129
admin-kalsport/themes/default/scss/partials/_kpi.scss
Normal file
129
admin-kalsport/themes/default/scss/partials/_kpi.scss
Normal file
@@ -0,0 +1,129 @@
|
||||
.kpi-container {
|
||||
padding-bottom: 10px !important;
|
||||
|
||||
.kpi-refresh {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.box-stats {
|
||||
display: block;
|
||||
height: 64px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.boxchart-overlay {
|
||||
@include padding(10px, 10px, 5px, 10px);
|
||||
@include margin-right(10px);
|
||||
@include float(left);
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
||||
.kpi-content {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
@include padding-left(40px);
|
||||
@include float(left);
|
||||
|
||||
i {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
font-size: 26px;
|
||||
line-height: 26px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
@include left(0);
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
||||
.title {
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
display: block;
|
||||
color: #aaa;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.value {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
font-size: 1.5em;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.color1 {
|
||||
i,
|
||||
.boxchart-overlay {
|
||||
color: #2ba8e3 !important;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #2ba8e3;
|
||||
}
|
||||
}
|
||||
|
||||
.color2 {
|
||||
i,
|
||||
.boxchart-overlay {
|
||||
color: #ff5450 !important;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #ff5450;
|
||||
}
|
||||
}
|
||||
|
||||
.color3 {
|
||||
i,
|
||||
.boxchart-overlay {
|
||||
color: #9e5ba1 !important;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #9e5ba1;
|
||||
}
|
||||
}
|
||||
|
||||
.color4 {
|
||||
i,
|
||||
.boxchart-overlay {
|
||||
color: #95cc6b !important;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #95cc6b;
|
||||
}
|
||||
}
|
||||
|
||||
.data_chart {
|
||||
rect {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
path {
|
||||
fill: none;
|
||||
stroke: #fff;
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
line {
|
||||
stroke: #000;
|
||||
}
|
||||
|
||||
.area {
|
||||
fill: rgba(#fff, 0.3);
|
||||
stroke-width: 0;
|
||||
}
|
||||
}
|
||||
469
admin-kalsport/themes/default/scss/partials/_ladda.scss
Normal file
469
admin-kalsport/themes/default/scss/partials/_ladda.scss
Normal file
@@ -0,0 +1,469 @@
|
||||
/*!
|
||||
* Ladda
|
||||
* http://lab.hakim.se/ladda
|
||||
* MIT licensed
|
||||
*
|
||||
* Copyright (C) 2013 Hakim El Hattab, http://hakim.se
|
||||
*/
|
||||
|
||||
|
||||
// CONFIG
|
||||
$spinnerSize: 32px;
|
||||
|
||||
// MIXINS
|
||||
@mixin prefix( $property, $value ) {
|
||||
-webkit-#{$property}: $value;
|
||||
-moz-#{$property}: $value;
|
||||
-ms-#{$property}: $value;
|
||||
-o-#{$property}: $value;
|
||||
$property: $value;
|
||||
}
|
||||
|
||||
@mixin transition( $value ) {
|
||||
-webkit-transition: $value !important;
|
||||
-moz-transition: $value !important;
|
||||
-ms-transition: $value !important;
|
||||
-o-transition: $value !important;
|
||||
transition: $value !important;
|
||||
}
|
||||
|
||||
@mixin vendor-transform( $value ) {
|
||||
@include prefix( transform, $value );
|
||||
}
|
||||
|
||||
@mixin transform-origin( $value ) {
|
||||
@include prefix( transform-origin, $value );
|
||||
}
|
||||
|
||||
@mixin buttonColor( $name, $color ) {
|
||||
&[data-color=#{$name}] {
|
||||
background: $color;
|
||||
|
||||
&:hover {
|
||||
background-color: lighten($color, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// BUTTON BASE
|
||||
.ladda-button {
|
||||
position: relative;
|
||||
|
||||
.ladda-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
width: $spinnerSize;
|
||||
height: $spinnerSize;
|
||||
margin-top: -$spinnerSize / 2;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.ladda-progress {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
visibility: hidden;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
opacity: 0;
|
||||
@include left(0);
|
||||
@include transition( 0.1s linear all );
|
||||
|
||||
&[data-loading] .ladda-progress {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&[disabled],
|
||||
&[data-loading] {
|
||||
cursor: default;
|
||||
background-color: #999;
|
||||
border-color: rgba(0, 0, 0, 0.07);
|
||||
|
||||
&:hover {
|
||||
cursor: default;
|
||||
background-color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-size="xs"] {
|
||||
padding: 4px 8px;
|
||||
|
||||
.ladda-label {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-size="s"] {
|
||||
padding: 6px 10px;
|
||||
|
||||
.ladda-label {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-size="l"] .ladda-label {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
&[data-size="xl"] .ladda-label {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
// EASING
|
||||
.ladda-button,
|
||||
.ladda-button .ladda-spinner,
|
||||
.ladda-button .ladda-label {
|
||||
@include transition( 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) background-color );
|
||||
}
|
||||
|
||||
.ladda-button[data-style="zoom-in"],
|
||||
.ladda-button[data-style="zoom-in"] .ladda-spinner,
|
||||
.ladda-button[data-style="zoom-in"] .ladda-label,
|
||||
.ladda-button[data-style="zoom-out"],
|
||||
.ladda-button[data-style="zoom-out"] .ladda-spinner,
|
||||
.ladda-button[data-style="zoom-out"] .ladda-label {
|
||||
@include transition( 0.3s ease all );
|
||||
}
|
||||
|
||||
// EXPAND LEFT
|
||||
.ladda-button[data-style="expand-right"] {
|
||||
.ladda-spinner {
|
||||
@include right(14px);
|
||||
}
|
||||
|
||||
&[data-size="s"] .ladda-spinner,
|
||||
&[data-size="xs"] .ladda-spinner {
|
||||
@include right(4px);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
@include padding-right(56px);
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
@include padding-right(40px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// EXPAND RIGHT
|
||||
.ladda-button[data-style="expand-left"] {
|
||||
.ladda-spinner {
|
||||
@include left(14px);
|
||||
}
|
||||
|
||||
&[data-size="s"] .ladda-spinner,
|
||||
&[data-size="xs"] .ladda-spinner {
|
||||
@include left(4px);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
@include padding-left(56px);
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
@include padding-left(40px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// EXPAND UP
|
||||
.ladda-button[data-style="expand-up"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
top: -$spinnerSize;
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
@include left(50%);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
padding-top: 54px;
|
||||
|
||||
.ladda-spinner {
|
||||
top: 14px;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
padding-top: 32px;
|
||||
|
||||
.ladda-spinner {
|
||||
top: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// EXPAND DOWN
|
||||
.ladda-button[data-style="expand-down"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
top: 62px;
|
||||
@include left(50%);
|
||||
margin-left: -$spinnerSize / 2;
|
||||
}
|
||||
|
||||
&[data-size="s"] .ladda-spinner,
|
||||
&[data-size="xs"] .ladda-spinner {
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
padding-bottom: 54px;
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
// SLIDE LEFT
|
||||
.ladda-button[data-style="slide-left"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
@include left(100%);
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
@include left(-100%);
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
@include left(50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// SLIDE RIGHT
|
||||
.ladda-button[data-style="slide-right"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
@include right(100%);
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
@include left(100%);
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
@include left(50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// SLIDE UP
|
||||
.ladda-button[data-style="slide-up"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
margin-top: 1em;
|
||||
@include left(50%);
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
top: -1em;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
margin-top: -$spinnerSize / 2;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// SLIDE DOWN
|
||||
.ladda-button[data-style="slide-down"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
margin-top: -2em;
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
@include left(50%);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
top: 1em;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
margin-top: -$spinnerSize / 2;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ZOOM-OUT
|
||||
.ladda-button[data-style="zoom-out"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
@include left(50%);
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
@include vendor-transform( scale( 2.5 ) );
|
||||
}
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&[data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
@include vendor-transform( scale( 0.5 ) );
|
||||
}
|
||||
|
||||
&[data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
@include vendor-transform( none );
|
||||
}
|
||||
}
|
||||
|
||||
// ZOOM-IN
|
||||
.ladda-button[data-style="zoom-in"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
@include left(50%);
|
||||
@include vendor-transform( scale( 0.2 ) );
|
||||
}
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&[data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
@include vendor-transform( scale( 2.2 ) );
|
||||
}
|
||||
|
||||
&[data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
@include vendor-transform( none );
|
||||
}
|
||||
}
|
||||
|
||||
// CONTRACT
|
||||
.ladda-button[data-style="contract"] {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
@include left(50%);
|
||||
@include margin-left(-16px);
|
||||
}
|
||||
}
|
||||
|
||||
.ladda-button[data-style="contract"][data-loading] {
|
||||
width: 52px;
|
||||
border-radius: 50%;
|
||||
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// OVERLAY
|
||||
.ladda-button[data-style="contract-overlay"] {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
|
||||
@include ltr () {
|
||||
box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
@include rtl () {
|
||||
box-shadow: 0 3000px 0 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
@include left(50%);
|
||||
@include margin-left(-16px);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
width: 52px;
|
||||
border-radius: 50%;
|
||||
|
||||
@include ltr () {
|
||||
box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
@include rtl () {
|
||||
box-shadow: 0 3000px 0 0 rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
191
admin-kalsport/themes/default/scss/partials/_multistore.scss
Normal file
191
admin-kalsport/themes/default/scss/partials/_multistore.scss
Normal file
@@ -0,0 +1,191 @@
|
||||
.breadcrumb-multishop {
|
||||
position: relative;
|
||||
width: auto;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
padding: 0 7px;
|
||||
font-family: FontAwesome, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color: #fff;
|
||||
pointer-events: none;
|
||||
content: "\f0d7";
|
||||
background-color: darken($secondary-color, 15%);
|
||||
@include right(0);
|
||||
@include border-radius(0 4px 4px 0);
|
||||
}
|
||||
|
||||
select {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 22px;
|
||||
margin: 0;
|
||||
line-height: 20px;
|
||||
color: #666;
|
||||
background: #fff;
|
||||
border: 1px solid darken($secondary-color, 15%);
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
@include padding(0, 5px, 0, 8px);
|
||||
@include border-radius(4px);
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 1px darken($secondary-color, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header_shop {
|
||||
.dropdown-menu {
|
||||
top: 40px;
|
||||
right: -100px !important;
|
||||
min-width: 17.75rem !important;
|
||||
padding: 0;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
border: 1px solid #bbcdd2;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
position: absolute;
|
||||
right: 95px;
|
||||
bottom: 100%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
pointer-events: none;
|
||||
content: " ";
|
||||
border: solid transparent;
|
||||
}
|
||||
|
||||
&::after {
|
||||
margin-right: 1px;
|
||||
border-color: transparent;
|
||||
border-width: 7px;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
&::before {
|
||||
margin-left: -8px;
|
||||
border-color: transparent;
|
||||
border-width: 8px;
|
||||
border-bottom-color: #bbcdd2;
|
||||
}
|
||||
|
||||
li:first-child a {
|
||||
font-size: 0.875rem !important;
|
||||
font-weight: 700;
|
||||
color: $brand-info !important;
|
||||
}
|
||||
|
||||
li:not(:first-child) {
|
||||
line-height: 32px;
|
||||
|
||||
a:not(.link-shop) {
|
||||
display: inline-block;
|
||||
width: inherit;
|
||||
padding-top: 0.3125rem;
|
||||
padding-bottom: 0.3125rem;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: #4e6167;
|
||||
}
|
||||
|
||||
.group {
|
||||
a {
|
||||
padding-left: 0.625rem;
|
||||
}
|
||||
}
|
||||
|
||||
.shop {
|
||||
display: flex;
|
||||
|
||||
a {
|
||||
padding-left: 1.5625rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
a.link-shop {
|
||||
float: right;
|
||||
padding-top: 3px;
|
||||
padding-right: 10px;
|
||||
padding-left: inherit;
|
||||
margin-left: auto;
|
||||
text-decoration: none;
|
||||
|
||||
i.material-icons {
|
||||
padding: 2px 10px;
|
||||
font-size: 14px;
|
||||
color: #6c868e;
|
||||
cursor: pointer;
|
||||
border: 1px solid #bbcdd2;
|
||||
border-radius: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
&.active,
|
||||
&:hover {
|
||||
a {
|
||||
color: #4e6167 !important;
|
||||
}
|
||||
|
||||
i.material-icons {
|
||||
color: $brand-info !important;
|
||||
border: solid 1px $brand-info !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.selected-item {
|
||||
color: #00aff0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// stylelint-disable-next-line
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||
.custom-select select {
|
||||
@include padding-right(30px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.no-pointer-events .custom-select::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.multishop-well {
|
||||
@extend .row;
|
||||
padding: 20px 20px 10px;
|
||||
margin-bottom: 15px;
|
||||
background-color: #faf8f0;
|
||||
border: none;
|
||||
@include border-left(3px solid #FBECCB);
|
||||
}
|
||||
|
||||
@at-root .adminshop .bootstrap {
|
||||
.table-responsive-row {
|
||||
overflow: auto;
|
||||
|
||||
table {
|
||||
max-width: 100%;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
td::before {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
617
admin-kalsport/themes/default/scss/partials/_nav.scss
Normal file
617
admin-kalsport/themes/default/scss/partials/_nav.scss
Normal file
@@ -0,0 +1,617 @@
|
||||
.js-mobile-menu {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
float: left;
|
||||
padding-top: 0;
|
||||
margin-right: 0.6rem;
|
||||
margin-left: 0.6rem;
|
||||
font-size: 1.8rem;
|
||||
cursor: pointer;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
display: inline-flex;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 502;
|
||||
width: $size-navbar-width;
|
||||
height: 100%;
|
||||
margin-top: $size-header-height;
|
||||
overflow-y: auto;
|
||||
background: $gray-dark-menu;
|
||||
transition: all 0.5s ease-out;
|
||||
|
||||
.material-icons {
|
||||
font-size: 1.188rem;
|
||||
line-height: inherit;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&.mobile-nav {
|
||||
width: 70%;
|
||||
margin-left: -100%;
|
||||
|
||||
&::before {
|
||||
position: fixed;
|
||||
top: 5rem;
|
||||
left: 75%;
|
||||
display: none;
|
||||
font-family: "Material Icons", sans-serif;
|
||||
font-size: 1.5rem;
|
||||
color: #fff;
|
||||
pointer-events: none;
|
||||
content: "\e5cd";
|
||||
|
||||
@include media-breakpoint-only(md) {
|
||||
left: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-only(sm) {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
@include media-breakpoint-only(md) {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
&.expanded {
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
|
||||
&::before {
|
||||
@include media-breakpoint-down(md) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.onboarding-navbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.panel-collapse {
|
||||
padding-left: 0;
|
||||
|
||||
.link-leveltwo .link {
|
||||
padding-left: 1rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-left: 0.625rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.employee_avatar {
|
||||
padding-top: 1rem;
|
||||
padding-left: 1.5rem;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
> .employee_avatar {
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-top: 0;
|
||||
padding-left: 0;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-size: 3.75rem;
|
||||
line-height: 3.75rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
font-size: 4.6875rem;
|
||||
line-height: 4.6875rem;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-bottom: 0.625rem;
|
||||
color: #fff;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
width: 3.75rem;
|
||||
height: 3.75rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
}
|
||||
|
||||
&.img-thumbnail {
|
||||
border-radius: 36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shop-list {
|
||||
padding-bottom: 1rem;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
@include media-breakpoint-down(md) {
|
||||
font-size: 1.09375rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu {
|
||||
margin-top: 0.625rem;
|
||||
|
||||
& > li:first-child {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.shop-list-title {
|
||||
margin-bottom: 0.9375rem;
|
||||
font-size: 1rem;
|
||||
color: $brand-primary;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
|
||||
&::after {
|
||||
margin-left: 0.625rem;
|
||||
font-family: "Material Icons", sans-serif;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.375rem;
|
||||
vertical-align: bottom;
|
||||
content: "\E313";
|
||||
}
|
||||
}
|
||||
|
||||
.items-list {
|
||||
padding-left: 0;
|
||||
|
||||
a:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
li {
|
||||
background-color: #fff;
|
||||
border-bottom: $gray-light 1px solid;
|
||||
|
||||
&.group a {
|
||||
padding: 0.9375rem 2.5rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
&.shop {
|
||||
padding: 0.9375rem 0.9375rem 0.9375rem 2.5rem;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
|
||||
&.link-shop {
|
||||
float: right;
|
||||
|
||||
.material-icons {
|
||||
font-size: 1.25rem;
|
||||
color: $gray-medium;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li:first-child a {
|
||||
padding: 0.9375rem 1.25rem;
|
||||
font-size: 0.9375rem;
|
||||
color: $brand-primary;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu {
|
||||
padding: 0 0 13.313rem;
|
||||
margin: 0;
|
||||
|
||||
&.sidebar-closed {
|
||||
.link-levelone {
|
||||
.link > span {
|
||||
display: none;
|
||||
|
||||
&.open {
|
||||
> .submenu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.category-title > .title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.category-title > .title {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.link-levelone {
|
||||
$padding-size: 1.25rem;
|
||||
display: block;
|
||||
|
||||
#header_logout {
|
||||
margin-top: 1rem;
|
||||
color: #f44336;
|
||||
|
||||
i {
|
||||
margin-right: 0.625rem;
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-submenu] {
|
||||
@include media-breakpoint-down(md) {
|
||||
a.link {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
padding-left: 1.5rem;
|
||||
font-size: 1rem;
|
||||
line-height: inherit;
|
||||
|
||||
.material-icons {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.4rem;
|
||||
|
||||
&.sub-tabs-arrow {
|
||||
padding-right: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.has_submenu {
|
||||
@include media-breakpoint-down(md) {
|
||||
.sub-tabs-arrow {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.link-active {
|
||||
> .link {
|
||||
padding-left: 0.638rem;
|
||||
border-left: 0.25rem solid #25b9d7;
|
||||
|
||||
.material-icons {
|
||||
&:first-child {
|
||||
color: #25b9d7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(#subtab-AdminParentModulesSf) {
|
||||
i.material-icons.mi-extension {
|
||||
color: #6c868e;
|
||||
}
|
||||
}
|
||||
|
||||
> .link {
|
||||
display: flex;
|
||||
align-items: end;
|
||||
height: initial;
|
||||
padding: 0.5rem 0.3125rem 0.5rem 0.938rem;
|
||||
overflow: hidden;
|
||||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
color: $gray-dark-text;
|
||||
text-decoration: none;
|
||||
text-overflow: initial;
|
||||
word-break: break-word;
|
||||
white-space: initial;
|
||||
@include media-breakpoint-down(md) {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
span {
|
||||
padding-left: 0.625rem;
|
||||
}
|
||||
|
||||
.sub-tabs-arrow {
|
||||
margin-left: auto;
|
||||
line-height: inherit;
|
||||
color: #6c868e;
|
||||
vertical-align: middle;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&.ul-open,
|
||||
&.link-active,
|
||||
&.-hover {
|
||||
& > .link {
|
||||
color: #fff;
|
||||
background: #202226;
|
||||
transition: background 300ms ease;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
background: $gray-dark-menu;
|
||||
}
|
||||
}
|
||||
|
||||
&.has_submenu {
|
||||
.link {
|
||||
.sub-tabs-arrow {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .submenu {
|
||||
display: none;
|
||||
padding-left: 2.75rem;
|
||||
white-space: nowrap;
|
||||
list-style: none;
|
||||
background: #202226;
|
||||
|
||||
& > li {
|
||||
@include media-breakpoint-down(md) {
|
||||
a.link {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: #bebebe;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-of-type {
|
||||
padding-top: 0.625rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
padding-bottom: 0.75rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.ul-open,
|
||||
&.link-active {
|
||||
.link {
|
||||
background: #202226;
|
||||
}
|
||||
}
|
||||
|
||||
&.open {
|
||||
> .submenu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.link-leveltwo {
|
||||
@extend .link-levelone;
|
||||
|
||||
&.link-active {
|
||||
> .link {
|
||||
padding-left: 0;
|
||||
color: #fff;
|
||||
border-left: none;
|
||||
}
|
||||
}
|
||||
|
||||
> .link {
|
||||
height: initial;
|
||||
padding: 0.3125rem 0.3rem 0.3125rem 0;
|
||||
line-height: 0.9rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-top: 1.4rem;
|
||||
padding-bottom: 1.4rem;
|
||||
line-height: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
> .link:hover {
|
||||
color: $gray-dark-text-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.category-title {
|
||||
display: block;
|
||||
padding: 0.875rem 0 0.75rem;
|
||||
margin: 1.813rem 0 0 0.938rem;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
border-top: 1px solid #bbcdd2;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-bottom: 0.25rem;
|
||||
margin-top: 1rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.25rem;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
& > .title {
|
||||
color: #fff;
|
||||
background: $gray-dark-menu;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-collapse {
|
||||
display: block;
|
||||
height: 0.813rem;
|
||||
padding: 0.688rem 0.938rem 1.188rem 0;
|
||||
font-size: 2rem;
|
||||
line-height: 0.813rem;
|
||||
color: $gray-dark-text;
|
||||
text-align: right;
|
||||
cursor: pointer;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
display: none;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
color: #bebebe;
|
||||
|
||||
&:last-child {
|
||||
margin-left: -1.313rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-sidebar-closed:not(.mobile) {
|
||||
.content-div,
|
||||
#content {
|
||||
transition: padding 1s ease;
|
||||
}
|
||||
|
||||
.menu-collapse {
|
||||
padding-right: 0.8rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
width: $size-navbar-width-mini;
|
||||
overflow: visible !important;
|
||||
|
||||
&-overflow {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main-menu {
|
||||
overflow: hidden;
|
||||
|
||||
.category-title > .title,
|
||||
.link-levelone span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sub-tabs-arrow {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.category-title {
|
||||
padding-bottom: 0;
|
||||
margin-top: 0.8rem;
|
||||
}
|
||||
|
||||
.link-levelone {
|
||||
.link {
|
||||
line-height: initial;
|
||||
}
|
||||
|
||||
&:first-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&.ul-open {
|
||||
> .link {
|
||||
width: 14.6875rem;
|
||||
transition: all 0s ease 0s;
|
||||
|
||||
> span {
|
||||
display: inline-block;
|
||||
padding-left: 1.563rem;
|
||||
}
|
||||
}
|
||||
|
||||
ul.submenu {
|
||||
position: absolute !important;
|
||||
left: 50px;
|
||||
display: block !important;
|
||||
width: 200px !important;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.link-leveltwo {
|
||||
&:first-of-type {
|
||||
padding-top: 0 !important;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
padding-bottom: 0 !important;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.link {
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-height: 870px) { // this two tabs need to be flipped, otherwise
|
||||
// css issue with bottom of the page
|
||||
#subtab-ShopParameters.ul-open,
|
||||
#subtab-AdminAdvancedParameters.ul-open {
|
||||
ul.submenu {
|
||||
display: flex !important;
|
||||
flex-direction: column-reverse;
|
||||
margin-top: 35px;
|
||||
transform: rotate(180deg);
|
||||
transform-origin: top;
|
||||
|
||||
li {
|
||||
transform: rotate(180deg);
|
||||
|
||||
&:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-layer {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 501;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
&.expanded {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
170
admin-kalsport/themes/default/scss/partials/_print.scss
Normal file
170
admin-kalsport/themes/default/scss/partials/_print.scss
Normal file
@@ -0,0 +1,170 @@
|
||||
@media print {
|
||||
* {
|
||||
font-family: Georgia, "Times New Roman", Times, serif !important;
|
||||
color: #000 !important;
|
||||
text-shadow: none !important;
|
||||
background: transparent !important;
|
||||
border-color: #000 !important;
|
||||
@include box-shadow(none!important);
|
||||
} // commons
|
||||
[class^="icon-"],
|
||||
[class^="process-icon-"] {
|
||||
font-family: $icon-font-family !important;
|
||||
}
|
||||
|
||||
#header,
|
||||
#footer,
|
||||
#nav-bar,
|
||||
#nav-topbar,
|
||||
#nav-sidebar,
|
||||
.hidden-print {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.visible-print {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#main {
|
||||
float: none !important;
|
||||
width: 8.5in !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 auto !important;
|
||||
|
||||
#content.bootstrap {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
|
||||
.page-head {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.panel {
|
||||
padding: 0 !important;
|
||||
margin: 0 0 40px !important;
|
||||
clear: both !important;
|
||||
border: none !important;
|
||||
page-break-inside: avoid !important;
|
||||
@include box-shadow(none!important);
|
||||
|
||||
.panel-heading {
|
||||
margin: 0 0 20px !important;
|
||||
}
|
||||
|
||||
.panel,
|
||||
.well {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.panel-heading-action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-tabs li a {
|
||||
display: none;
|
||||
background-color: #fff !important;
|
||||
border-bottom-color: #fff !important;
|
||||
}
|
||||
|
||||
.tab-content > .tab-pane {
|
||||
display: block !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 0 0 10px !important;
|
||||
} // orders
|
||||
#shipping {
|
||||
.form-horizontal {
|
||||
padding-bottom: 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
#addressShipping {
|
||||
float: left !important;
|
||||
width: 49% !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#addressInvoice {
|
||||
float: right !important;
|
||||
width: 49% !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#status {
|
||||
tr:first-child td {
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
margin-bottom: 10px !important;
|
||||
border: solid 1px #000 !important;
|
||||
|
||||
th {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
.label-inactive {
|
||||
font-size: 11pt !important;
|
||||
text-decoration: line-through !important;
|
||||
|
||||
i {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.kpi-container.panel {
|
||||
margin: 30px 0 20px !important;
|
||||
border: solid 1px #000 !important;
|
||||
|
||||
.box-stats {
|
||||
width: 25% !important;
|
||||
height: auto !important;
|
||||
padding: 10px 0 !important;
|
||||
font-size: 8pt !important;
|
||||
|
||||
i {
|
||||
font-size: 20pt !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.alert {
|
||||
border: 1px solid #000 !important;
|
||||
|
||||
&::before {
|
||||
color: #000 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.table-responsive {
|
||||
margin: 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.panel-total td {
|
||||
font-size: 13pt !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
60
admin-kalsport/themes/default/scss/partials/_product.scss
Normal file
60
admin-kalsport/themes/default/scss/partials/_product.scss
Normal file
@@ -0,0 +1,60 @@
|
||||
.media-product-pack {
|
||||
position: relative;
|
||||
width: 200px;
|
||||
padding: 4px;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
border: solid 2px #eee;
|
||||
@include margin-right(10px);
|
||||
@include border-radius(4px);
|
||||
@include float(left);
|
||||
|
||||
.media-product-pack-img {
|
||||
width: 100%;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 5px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.media-product-pack-title {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 0 5px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.media-product-pack-ref {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 0 5px;
|
||||
overflow: hidden;
|
||||
color: #aaa;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.media-product-pack-action {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
text-align: center;
|
||||
border: solid 1px #ccc;
|
||||
@include right(7px);
|
||||
@include border-radius(4px);
|
||||
}
|
||||
|
||||
.media-product-pack-quantity {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
min-width: 35px;
|
||||
height: 25px;
|
||||
padding: 0 4px;
|
||||
line-height: 23px;
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
border: solid 1px #ccc;
|
||||
@include left(7px);
|
||||
@include border-radius(4px);
|
||||
}
|
||||
}
|
||||
208
admin-kalsport/themes/default/scss/partials/_rtl.scss
Normal file
208
admin-kalsport/themes/default/scss/partials/_rtl.scss
Normal file
@@ -0,0 +1,208 @@
|
||||
html {
|
||||
font-family: tahoma, sans-serif;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.bootstrap { /* fix SVG */
|
||||
.chart svg {
|
||||
direction: ltr;
|
||||
|
||||
svg {
|
||||
text {
|
||||
font: 500 11px Tahoma, Arial, sans-serif !important;
|
||||
}
|
||||
}
|
||||
}/* reverse font awesome icon directions */
|
||||
.icon-step-forward::before {
|
||||
content: "\f048";
|
||||
}
|
||||
|
||||
.icon-fast-forward::before {
|
||||
content: "\f049";
|
||||
}
|
||||
|
||||
.icon-forward::before {
|
||||
content: "\f04a";
|
||||
}
|
||||
|
||||
.icon-backward::before {
|
||||
content: "\f04e";
|
||||
}
|
||||
|
||||
.icon-fast-backward::before {
|
||||
content: "\f050";
|
||||
}
|
||||
|
||||
.icon-step-backward::before {
|
||||
content: "\f051";
|
||||
}
|
||||
|
||||
.icon-chevron-right::before {
|
||||
content: "\f053";
|
||||
}
|
||||
|
||||
.icon-chevron-left::before {
|
||||
content: "\f054";
|
||||
}
|
||||
|
||||
.icon-arrow-right::before {
|
||||
content: "\f060";
|
||||
}
|
||||
|
||||
.icon-arrow-left::before {
|
||||
content: "\f061";
|
||||
}
|
||||
|
||||
.icon-hand-o-left::before,
|
||||
.icon-hand-right::before {
|
||||
content: "\f0a4";
|
||||
}
|
||||
|
||||
.icon-hand-o-right::before,
|
||||
.icon-hand-left::before {
|
||||
content: "\f0a5";
|
||||
}
|
||||
|
||||
.icon-caret-right::before {
|
||||
content: "\f0d9";
|
||||
}
|
||||
|
||||
.icon-caret-left::before {
|
||||
content: "\f0da";
|
||||
}
|
||||
|
||||
.icon-angle-double-right::before,
|
||||
.icon-double-angle-right::before {
|
||||
content: "\f100";
|
||||
}
|
||||
|
||||
.icon-angle-double-left::before,
|
||||
.icon-double-angle-left::before {
|
||||
content: "\f101";
|
||||
}
|
||||
|
||||
.icon-angle-right::before {
|
||||
content: "\f104";
|
||||
}
|
||||
|
||||
.icon-angle-left::before {
|
||||
content: "\f105";
|
||||
}
|
||||
|
||||
.icon-quote-right::before {
|
||||
content: "\f10d";
|
||||
}
|
||||
|
||||
.icon-quote-left::before {
|
||||
content: "\f10e";
|
||||
}
|
||||
|
||||
.icon-chevron-circle-right::before,
|
||||
.icon-chevron-sign-right::before {
|
||||
content: "\f137";
|
||||
}
|
||||
|
||||
.icon-chevron-circle-left::before,
|
||||
.icon-chevron-sign-left::before {
|
||||
content: "\f138";
|
||||
}
|
||||
|
||||
.icon-toggle-left::before,
|
||||
.icon-caret-square-o-left::before {
|
||||
content: "\f152";
|
||||
}
|
||||
|
||||
.icon-long-arrow-right::before {
|
||||
content: "\f177";
|
||||
}
|
||||
|
||||
.icon-long-arrow-left::before {
|
||||
content: "\f178";
|
||||
}
|
||||
|
||||
.icon-arrow-circle-o-left::before {
|
||||
content: "\f18e";
|
||||
}
|
||||
|
||||
.icon-arrow-circle-o-right::before {
|
||||
content: "\f190";
|
||||
}
|
||||
|
||||
.icon-toggle-right::before,
|
||||
.icon-caret-square-o-right::before {
|
||||
content: "\f191";
|
||||
}
|
||||
//fix bootstrap
|
||||
dd {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.input-group input[type="text"] {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.kpi-container {
|
||||
padding-bottom: 10px !important;
|
||||
|
||||
.kpi-refresh {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
#nav-bar {
|
||||
ul.menu {
|
||||
li.link-levelone {
|
||||
&.hover:not(.active) {
|
||||
&::before {
|
||||
position: absolute;
|
||||
right: inherit;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-top: 6px;
|
||||
content: "";
|
||||
background-color: transparent;
|
||||
border-color: transparent transparent transparent $main-color;
|
||||
border-style: solid;
|
||||
border-width: 8px 0 8px 10px;
|
||||
@media (min-height: $min-height) {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
a,
|
||||
li.active a {
|
||||
&.title {
|
||||
background-color: $sidebar-menu-bg-hover-color;
|
||||
border-right: 0;
|
||||
border-left: 3px solid #fff;
|
||||
}
|
||||
}
|
||||
@media (min-height: $min-height) {
|
||||
ul.submenu {
|
||||
body:not(.page-sidebar-closed) & {
|
||||
margin-right: 35px;
|
||||
margin-left: 0;
|
||||
@include border-right(1px solid $sidebar-menu-bg-hover-color);
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
701
admin-kalsport/themes/default/scss/partials/_select2.scss
Normal file
701
admin-kalsport/themes/default/scss/partials/_select2.scss
Normal file
@@ -0,0 +1,701 @@
|
||||
/*
|
||||
Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
|
||||
*/
|
||||
.select2-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
|
||||
/* inline-block for ie7 */
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.select2-container,
|
||||
.select2-drop,
|
||||
.select2-search,
|
||||
.select2-search input {
|
||||
/*
|
||||
Force border-box so that % widths fit the parent
|
||||
container without overlap because of margin/padding.
|
||||
More Info : http://www.quirksmode.org/css/box.html
|
||||
*/
|
||||
-webkit-box-sizing: border-box; /* webkit */
|
||||
-moz-box-sizing: border-box; /* firefox */
|
||||
box-sizing: border-box; /* css3 */
|
||||
}
|
||||
|
||||
.select2-container .select2-choice {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 26px;
|
||||
padding: 0 0 0 8px;
|
||||
overflow: hidden;
|
||||
line-height: 26px;
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
background-color: #fff;
|
||||
// stylelint-disable-next-line
|
||||
background-image: linear-gradient(to top, #eee 0%, #fff 50%);
|
||||
|
||||
background-clip: padding-box;
|
||||
|
||||
border: 1px solid #aaa;
|
||||
|
||||
border-radius: 4px;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
.select2-container.select2-drop-above .select2-choice {
|
||||
border-bottom-color: #aaa;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.select2-container.select2-allowclear .select2-choice .select2-chosen {
|
||||
margin-right: 42px;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice > .select2-chosen {
|
||||
display: block;
|
||||
float: none;
|
||||
width: auto;
|
||||
margin-right: 26px;
|
||||
overflow: hidden;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice abbr {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 24px;
|
||||
display: none;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
|
||||
font-size: 1px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
background: url("../img/select2.png") right top no-repeat;
|
||||
|
||||
border: 0;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.select2-container.select2-allowclear .select2-choice abbr {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice abbr:hover {
|
||||
cursor: pointer;
|
||||
background-position: right -11px;
|
||||
}
|
||||
|
||||
.select2-drop-mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9998;
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
/* styles required for IE to work */
|
||||
background-color: #fff;
|
||||
filter: alpha(opacity=0);
|
||||
border: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.select2-drop {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
z-index: 9999;
|
||||
width: 100%;
|
||||
margin-top: -1px;
|
||||
color: #000;
|
||||
|
||||
background: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 0;
|
||||
|
||||
border-radius: 0 0 4px 4px;
|
||||
|
||||
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.select2-drop.select2-drop-above {
|
||||
margin-top: 1px;
|
||||
border-top: 1px solid #aaa;
|
||||
border-bottom: 0;
|
||||
|
||||
border-radius: 4px 4px 0 0;
|
||||
|
||||
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.select2-drop-active {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.select2-drop-auto-width {
|
||||
width: auto;
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.select2-drop-auto-width .select2-search {
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice .select2-arrow {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
display: inline-block;
|
||||
width: 18px;
|
||||
height: 100%;
|
||||
background-color: #eee;
|
||||
background-clip: padding-box;
|
||||
border-left: 1px solid #ccc;
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice .select2-arrow b {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url("../img/select2.png") no-repeat 0 1px;
|
||||
}
|
||||
|
||||
.select2-search {
|
||||
position: relative;
|
||||
z-index: 10000;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
min-height: 26px;
|
||||
padding-top: 4px;
|
||||
padding-right: 4px;
|
||||
padding-left: 4px;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-search input {
|
||||
width: 100%;
|
||||
height: auto !important;
|
||||
min-height: 26px;
|
||||
padding: 4px 20px 4px 5px;
|
||||
margin: 0;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
|
||||
background: #fff url("../img/select2.png") no-repeat 100% -22px;
|
||||
background: url("../img/select2.png") no-repeat 100% -22px;
|
||||
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 0;
|
||||
|
||||
outline: 0;
|
||||
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.select2-drop.select2-drop-above .select2-search input {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.select2-search input.select2-active {
|
||||
background: #fff url("../img/select2-spinner.gif") no-repeat 100%;
|
||||
background: url("../img/select2-spinner.gif") no-repeat 100%;
|
||||
}
|
||||
|
||||
.select2-container-active .select2-choice,
|
||||
.select2-container-active .select2-choices {
|
||||
outline: none;
|
||||
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice {
|
||||
|
||||
background-color: #eee;
|
||||
border-bottom-color: transparent;
|
||||
border-bottom-right-radius: 0;
|
||||
|
||||
border-bottom-left-radius: 0;
|
||||
-webkit-box-shadow: 0 1px 0 #fff inset;
|
||||
box-shadow: 0 1px 0 #fff inset;
|
||||
}
|
||||
|
||||
.select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.select2-dropdown-open.select2-drop-above .select2-choices {
|
||||
border-top-color: transparent;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice .select2-arrow {
|
||||
background: transparent;
|
||||
filter: none;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice .select2-arrow b {
|
||||
background-position: -18px 1px;
|
||||
}
|
||||
|
||||
.select2-hidden-accessible {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0 0 0 0);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* results */
|
||||
.select2-results {
|
||||
position: relative;
|
||||
max-height: 200px;
|
||||
padding: 0 0 0 4px !important;
|
||||
margin: 4px 4px 4px 0 !important;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.select2-results ul.select2-result-sub {
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; }
|
||||
|
||||
.select2-results li {
|
||||
display: list-item;
|
||||
list-style: none;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.select2-results li.select2-result-with-children > .select2-result-label {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.select2-results .select2-result-label {
|
||||
|
||||
min-height: 1em;
|
||||
padding: 3px 7px 4px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted {
|
||||
color: #fff;
|
||||
background: #3875d7;
|
||||
}
|
||||
|
||||
.select2-results li em {
|
||||
font-style: normal;
|
||||
background: #feffde;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted em {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted ul {
|
||||
color: #000;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
.select2-results .select2-no-results,
|
||||
.select2-results .select2-searching,
|
||||
.select2-results .select2-selection-limit {
|
||||
display: list-item;
|
||||
padding: 5px;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
/*
|
||||
disabled look for disabled choices in the results dropdown
|
||||
*/
|
||||
.select2-results .select2-disabled.select2-highlighted {
|
||||
display: list-item;
|
||||
color: #666;
|
||||
cursor: default;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.select2-results .select2-disabled {
|
||||
display: list-item;
|
||||
cursor: default;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.select2-results .select2-selected {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-more-results.select2-active {
|
||||
background: #f4f4f4 url("../img/select2-spinner.gif") no-repeat 100%;
|
||||
}
|
||||
|
||||
.select2-more-results {
|
||||
display: list-item;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
/* disabled styles */
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice {
|
||||
cursor: default;
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice abbr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* multiselect */
|
||||
|
||||
.select2-container-multi .select2-choices {
|
||||
position: relative;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
min-height: 26px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
cursor: text;
|
||||
background-color: #fff;
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.select2-locked {
|
||||
padding: 3px 5px !important;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-active .select2-choices {
|
||||
outline: none;
|
||||
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-container-multi .select2-choices li
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input {
|
||||
padding: 5px;
|
||||
margin: 1px 0;
|
||||
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
color: #666;
|
||||
background: transparent !important;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
|
||||
background: #fff url("../img/select2-spinner.gif") no-repeat 100% !important;
|
||||
}
|
||||
|
||||
.select2-default {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice {
|
||||
position: relative;
|
||||
padding: 3px 5px 3px 18px;
|
||||
margin: 3px 0 3px 5px;
|
||||
|
||||
line-height: 13px;
|
||||
color: #333;
|
||||
cursor: default;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
background-color: #e4e4e4;
|
||||
// stylelint-disable
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
|
||||
background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
|
||||
// stylelint-enable
|
||||
filter: progid:dximagetransform.microsoft.gradient(startColorstr="#eeeeee", endColorstr="#f4f4f4", GradientType=0);
|
||||
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #aaa;
|
||||
|
||||
border-radius: 3px;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
|
||||
{
|
||||
margin-right: 5px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
|
||||
.select2-search-choice-close {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 3px;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 13px;
|
||||
|
||||
font-size: 1px;
|
||||
background: url("../img/select2.png") right top no-repeat;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-search-choice-close {
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-search-choice-close {
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
|
||||
background-position: right -11px;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
|
||||
background-position: right -11px;
|
||||
}
|
||||
|
||||
/* disabled styles */
|
||||
.select2-container-multi.select2-container-disabled .select2-choices {
|
||||
cursor: default;
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
|
||||
padding: 3px 5px;
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
|
||||
display: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* end multiselect */
|
||||
|
||||
|
||||
.select2-result-selectable .select2-match,
|
||||
.select2-result-unselectable .select2-match {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.select2-offscreen,
|
||||
.select2-offscreen:focus {
|
||||
position: absolute !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
width: 1px !important;
|
||||
height: 1px !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
overflow: hidden !important;
|
||||
clip: rect(0 0 0 0) !important;
|
||||
border: 0 !important;
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
.select2-display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-measure-scrollbar {
|
||||
position: absolute;
|
||||
top: -10000px;
|
||||
left: -10000px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
/* Retina-ize icons */
|
||||
|
||||
// stylelint-disable-next-line
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
|
||||
.select2-search input,
|
||||
.select2-search-choice-close,
|
||||
.select2-container .select2-choice abbr,
|
||||
.select2-container .select2-choice .select2-arrow b {
|
||||
background-image: url("../img/select2x2.png") !important;
|
||||
background-repeat: no-repeat !important;
|
||||
// stylelint-disable-next-line
|
||||
background-size: 60px 40px !important;
|
||||
}
|
||||
|
||||
.select2-search input {
|
||||
background-position: 100% -21px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.form-control .select2-choice {
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.form-control .select2-choice .select2-arrow {
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
|
||||
.form-control.select2-container {
|
||||
height: auto !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.form-control.select2-container.select2-dropdown-open {
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
.form-control .select2-container.select2-dropdown-open .select2-choices {
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
.form-control.select2-container .select2-choices {
|
||||
border: 0 !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.control-group.warning .select2-container .select2-choice,
|
||||
.control-group.warning .select2-container .select2-choices,
|
||||
.control-group.warning .select2-container-active .select2-choice,
|
||||
.control-group.warning .select2-container-active .select2-choices,
|
||||
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
|
||||
.control-group.warning .select2-container-multi.select2-container-active .select2-choices {
|
||||
border: 1px solid #c09853 !important;
|
||||
}
|
||||
|
||||
.control-group.warning .select2-container .select2-choice div {
|
||||
background: #fcf8e3 !important;
|
||||
border-left: 1px solid #c09853 !important;
|
||||
}
|
||||
|
||||
.control-group.error .select2-container .select2-choice,
|
||||
.control-group.error .select2-container .select2-choices,
|
||||
.control-group.error .select2-container-active .select2-choice,
|
||||
.control-group.error .select2-container-active .select2-choices,
|
||||
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
|
||||
.control-group.error .select2-container-multi.select2-container-active .select2-choices {
|
||||
border: 1px solid #b94a48 !important;
|
||||
}
|
||||
|
||||
.control-group.error .select2-container .select2-choice div {
|
||||
background: #f2dede !important;
|
||||
border-left: 1px solid #b94a48 !important;
|
||||
}
|
||||
|
||||
.control-group.info .select2-container .select2-choice,
|
||||
.control-group.info .select2-container .select2-choices,
|
||||
.control-group.info .select2-container-active .select2-choice,
|
||||
.control-group.info .select2-container-active .select2-choices,
|
||||
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
|
||||
.control-group.info .select2-container-multi.select2-container-active .select2-choices {
|
||||
border: 1px solid #3a87ad !important;
|
||||
}
|
||||
|
||||
.control-group.info .select2-container .select2-choice div {
|
||||
background: #d9edf7 !important;
|
||||
border-left: 1px solid #3a87ad !important;
|
||||
}
|
||||
|
||||
.control-group.success .select2-container .select2-choice,
|
||||
.control-group.success .select2-container .select2-choices,
|
||||
.control-group.success .select2-container-active .select2-choice,
|
||||
.control-group.success .select2-container-active .select2-choices,
|
||||
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
|
||||
.control-group.success .select2-container-multi.select2-container-active .select2-choices {
|
||||
border: 1px solid #468847 !important;
|
||||
}
|
||||
|
||||
.control-group.success .select2-container .select2-choice div {
|
||||
background: #dff0d8 !important;
|
||||
border-left: 1px solid #468847 !important;
|
||||
}
|
||||
114
admin-kalsport/themes/default/scss/partials/_switch-btn.scss
Normal file
114
admin-kalsport/themes/default/scss/partials/_switch-btn.scss
Normal file
@@ -0,0 +1,114 @@
|
||||
// on-off switch control
|
||||
.prestashop-switch {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 21px;
|
||||
margin-top: 7px;
|
||||
|
||||
&-nolabel {
|
||||
label {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
padding-left: 45px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
opacity: 0;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.slide-button {
|
||||
position: relative;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 0;
|
||||
display: block;
|
||||
width: 35px;
|
||||
height: 21px;
|
||||
background: #b3c7cd;
|
||||
transform: translateY(-50%);
|
||||
@include transition(0.25s ease-out);
|
||||
@include border-radius(1000px);
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 50%;
|
||||
height: calc(100% - 2px);
|
||||
content: "";
|
||||
background: #fff;
|
||||
transform: translate(1px, -48%);
|
||||
@include border-radius(50%);
|
||||
@include transition(0.25s ease-out);
|
||||
}
|
||||
}
|
||||
|
||||
&-center {
|
||||
.slide-button {
|
||||
position: inherit;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
|
||||
&:disabled {
|
||||
cursor: not-allowed;
|
||||
|
||||
~ .slide-button {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
&:checked {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
&:last-of-type:checked {
|
||||
~ label:last-of-type {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:disabled ~ label:last-of-type {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
~ .slide-button {
|
||||
background: #b3c7cd;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-of-type:checked {
|
||||
~ label:first-of-type {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:disabled ~ label:first-of-type {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
~ .slide-button {
|
||||
background: $brand-success;
|
||||
|
||||
&::after {
|
||||
transform: translate(15px, -48%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
466
admin-kalsport/themes/default/scss/partials/_tables.scss
Normal file
466
admin-kalsport/themes/default/scss/partials/_tables.scss
Normal file
@@ -0,0 +1,466 @@
|
||||
.table {
|
||||
margin-bottom: 5px;
|
||||
border-spacing: 0 2px 0 0;
|
||||
border-collapse: separate;
|
||||
|
||||
thead {
|
||||
> tr > th {
|
||||
font-weight: 500;
|
||||
vertical-align: top;
|
||||
border: none;
|
||||
border-bottom: solid 1px darken(#cae5f4, 10%);
|
||||
|
||||
span.title_box {
|
||||
display: block;
|
||||
color: #656565;
|
||||
word-wrap: nowrap;
|
||||
white-space: nowrap;
|
||||
|
||||
&.active {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.label-tooltip {
|
||||
padding: 0 5px;
|
||||
color: #3586ae;
|
||||
background-color: lighten(#d8edf7, 5%);
|
||||
border: none;
|
||||
border-bottom: solid 1px #d8edf7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> tr.filter > th {
|
||||
background-color: lighten(#cae5f4, 8%);
|
||||
|
||||
input[type="text"].filter,
|
||||
input[type="password"].filter,
|
||||
select.filter {
|
||||
padding: 4px;
|
||||
font-size: 11px;
|
||||
border-color: darken(#cae5f4, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input,
|
||||
select {
|
||||
margin: 0;
|
||||
|
||||
&.center {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
> tr > td {
|
||||
padding: 3px 7px;
|
||||
font-size: 12px;
|
||||
color: lighten(#000, 40%);
|
||||
word-wrap: nowrap;
|
||||
vertical-align: middle;
|
||||
background-color: #fff;
|
||||
border-top: none;
|
||||
border-bottom: solid 1px #eaedef;
|
||||
}
|
||||
|
||||
> tr.odd > td {
|
||||
background-color: #fcfdfe;
|
||||
}
|
||||
|
||||
> tr:hover > td {
|
||||
background-color: darken(#fcfdfe, 2%);
|
||||
}
|
||||
}
|
||||
|
||||
td.center,
|
||||
th.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
td.dragHandle {
|
||||
.dragGroup {
|
||||
position: relative;
|
||||
width: 80px;
|
||||
font-size: $icon-size-base;
|
||||
text-align: center;
|
||||
cursor: move;
|
||||
@include padding(4px, 4px, 4px, 20px);
|
||||
@include border-radius(5px);
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
}
|
||||
|
||||
&::before {
|
||||
@extend .icon;
|
||||
@extend .icon-arrows;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
@include left(6px);
|
||||
}
|
||||
|
||||
.positions {
|
||||
display: inline-block;
|
||||
width: 43px;
|
||||
padding: 0 5px;
|
||||
color: #aaa;
|
||||
text-shadow: #fff 1px 1px;
|
||||
background-color: #eee;
|
||||
border: solid 1px #ccc;
|
||||
@include border-radius(3px);
|
||||
@include box-shadow(rgba(0,0,0,0.2) 0 1px 3px inset);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr.actions {
|
||||
@include text-align(right);
|
||||
}
|
||||
|
||||
td.actions {
|
||||
@include text-align(right);
|
||||
@include padding-right(5px);
|
||||
}
|
||||
|
||||
th.actions .btn {
|
||||
margin-bottom: 4px !important;
|
||||
}
|
||||
|
||||
tr.myDragClass {
|
||||
padding: 10px;
|
||||
background-color: #eee;
|
||||
|
||||
td {
|
||||
color: #fff;
|
||||
background-color: $brand-primary !important;
|
||||
@include transform(translate(5px,10px));
|
||||
}
|
||||
}
|
||||
|
||||
&.tableDnD td {
|
||||
@include transition-property(all);
|
||||
@include transition-duration(0.2s);
|
||||
@include transition-timing-function(ease-out);
|
||||
}
|
||||
|
||||
.btn-group-action,
|
||||
.btn-group {
|
||||
a,
|
||||
button {
|
||||
@extend .btn-default;
|
||||
// stylelint-disable-next-line
|
||||
display: inline-flex !important;
|
||||
align-items: center;
|
||||
|
||||
i {
|
||||
// stylelint-disable-next-line
|
||||
height: 17px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
padding: 0;
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.divider {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
i {
|
||||
margin-right: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr.highlighted td {
|
||||
color: #fff;
|
||||
background-color: $brand-primary !important;
|
||||
}
|
||||
|
||||
.bulk-actions {
|
||||
@include margin(17px, 0, 0, 0);
|
||||
|
||||
ul i {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.list-action-enable {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
font-size: 1.3em;
|
||||
color: rgba(#fff, 0.8);
|
||||
text-align: center;
|
||||
@include border-radius(3px);
|
||||
|
||||
&.action-enabled {
|
||||
color: $brand-success;
|
||||
}
|
||||
|
||||
&.action-disabled {
|
||||
color: $brand-danger;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #25b9d7;
|
||||
}
|
||||
}
|
||||
|
||||
.list-empty {
|
||||
background-color: #fcfdfe !important;
|
||||
|
||||
.list-empty-msg {
|
||||
display: block;
|
||||
width: 50%;
|
||||
margin: 20px auto;
|
||||
font-family: $headings-font-family;
|
||||
font-size: 1.4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.list-empty-icon {
|
||||
display: block;
|
||||
clear: both;
|
||||
font-size: $icon-size-base * 6;
|
||||
color: #dedede;
|
||||
text-shadow: #fff 1px 1px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.date_range .input-group:first-child {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) {
|
||||
.table-responsive-row {
|
||||
overflow: visible;
|
||||
|
||||
table,
|
||||
thead,
|
||||
tbody,
|
||||
th,
|
||||
td,
|
||||
tr {
|
||||
display: block;
|
||||
}
|
||||
|
||||
thead tr {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 70%;
|
||||
|
||||
&:first-child {
|
||||
width: 30%;
|
||||
|
||||
th {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child:last-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
height: 48px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
th .fixed-width-md {
|
||||
float: left;
|
||||
}
|
||||
|
||||
th .fixed-width-sm {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
tr {
|
||||
width: 100%;
|
||||
margin-bottom: 6px;
|
||||
border: 1px solid #ccc;
|
||||
@include box-shadow(#EAEDEF 0 2px 0 0 );
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
position: relative;
|
||||
width: 100% !important;
|
||||
padding-left: 35% !important;
|
||||
overflow: hidden;
|
||||
font-size: 1.15em !important;
|
||||
line-height: 2em !important;
|
||||
text-align: left !important;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
&:last-child {
|
||||
padding: 0 !important;
|
||||
text-align: right !important;
|
||||
border: none;
|
||||
|
||||
&::before {
|
||||
content: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group-action {
|
||||
.dropdown-toggle {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
ul.dropdown-menu,
|
||||
.dropdown-menu li {
|
||||
position: relative;
|
||||
z-index: 13;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu li a,
|
||||
a.btn,
|
||||
button.btn {
|
||||
z-index: 13;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
padding: 12px 10px !important;
|
||||
margin: 0 !important;
|
||||
margin-right: 5px;
|
||||
font-weight: 700;
|
||||
color: $brand-primary;
|
||||
background-color: #fff;
|
||||
border: none;
|
||||
border-left: 1px solid #eaedef;
|
||||
@include box-shadow(none);
|
||||
@include border-radius(0);
|
||||
|
||||
i {
|
||||
color: $brand-primary;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
|
||||
i {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.odd td {
|
||||
background-color: #fcfdfe !important;
|
||||
}
|
||||
|
||||
td.row-selector {
|
||||
display: none;
|
||||
}
|
||||
|
||||
td::before {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 12px;
|
||||
width: 30%;
|
||||
padding-right: 10px;
|
||||
font-size: 0.9em;
|
||||
font-style: italic;
|
||||
color: #aaa;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
border-right: 1px solid #eaedef;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.table-responsive {
|
||||
width: 100%;
|
||||
margin-bottom: ($line-height-computed * 0.75);
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
border: 1px solid $table-border-color;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
> .table {
|
||||
margin-bottom: 0;
|
||||
|
||||
> thead,
|
||||
> tbody,
|
||||
> tfoot {
|
||||
> tr {
|
||||
> th,
|
||||
> td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .table-bordered {
|
||||
border: 0;
|
||||
|
||||
> thead,
|
||||
> tbody,
|
||||
> tfoot {
|
||||
> tr {
|
||||
> th:first-child,
|
||||
> td:first-child {
|
||||
@include border-left(0);
|
||||
}
|
||||
|
||||
> th:last-child,
|
||||
> td:last-child {
|
||||
@include border-right(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> tbody,
|
||||
> tfoot {
|
||||
> tr:last-child {
|
||||
> th,
|
||||
> td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
1846
admin-kalsport/themes/default/scss/partials/_tinymce.scss
Normal file
1846
admin-kalsport/themes/default/scss/partials/_tinymce.scss
Normal file
File diff suppressed because it is too large
Load Diff
280
admin-kalsport/themes/default/scss/partials/_toolbar.scss
Normal file
280
admin-kalsport/themes/default/scss/partials/_toolbar.scss
Normal file
@@ -0,0 +1,280 @@
|
||||
.page-head {
|
||||
position: fixed;
|
||||
top: $size-header-height;
|
||||
left: 0;
|
||||
z-index: 499;
|
||||
width: 100%;
|
||||
padding: 0 0 0 210px;
|
||||
margin: 0;
|
||||
color: #363a41;
|
||||
background-color: #fff;
|
||||
border-bottom: #dfdfdf 1px solid;
|
||||
|
||||
transition: padding-left 0.5s ease-out;
|
||||
|
||||
.mobile & {
|
||||
top: 2.5rem;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: breakpoint-max("md")) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&.with-tabs {
|
||||
height: 140px;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
> .wrapper {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
position: relative;
|
||||
float: left;
|
||||
padding: 0.3125rem 0;
|
||||
margin: 0 0 0.9375rem;
|
||||
clear: left;
|
||||
font: 20pt $font-family-sans-serif;
|
||||
line-height: 1.2;
|
||||
color: #363a41;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
border-bottom: dotted 1px #fff;
|
||||
|
||||
&:hover {
|
||||
color: #000;
|
||||
border-color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h4.page-subtitle {
|
||||
@include float(left);
|
||||
position: absolute;
|
||||
margin-top: 60px;
|
||||
font-family: $url-font-content-name;
|
||||
@include left($widthSidebarNav + 20px);
|
||||
@media (max-width: $screen-tablet) {
|
||||
@include left(70px);
|
||||
}
|
||||
}
|
||||
|
||||
.toolbarBox {
|
||||
background-color: transparent;
|
||||
@include right(0);
|
||||
|
||||
@media (max-width: $screen-tablet) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#toolbar-nav {
|
||||
border: none;
|
||||
|
||||
@media (max-width: $screen-tablet) {
|
||||
padding-top: 25px;
|
||||
padding-bottom: 10px;
|
||||
margin-top: 30px;
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
&:last-of-type {
|
||||
.toolbar_btn {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-toolbar {
|
||||
justify-content: flex-end;
|
||||
margin: 0;
|
||||
@include padding(3px, 0, 0, 0);
|
||||
|
||||
.toolbar_btn {
|
||||
position: relative;
|
||||
padding: 8px 16px;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 1.5;
|
||||
color: $main-color;
|
||||
color: $medium-gray;
|
||||
text-align: center;
|
||||
text-overflow: ellipsis;
|
||||
text-shadow: none;
|
||||
white-space: nowrap;
|
||||
border: 1px solid $medium-gray;
|
||||
border-radius: 4px;
|
||||
transition: 0.25s ease-out;
|
||||
@include margin(0, 14px, 2px, 0);
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background: $btn-secondary-hover;
|
||||
border-color: $btn-secondary-hover;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
color: #fff;
|
||||
background: $btn-secondary-active-color;
|
||||
border-color: $btn-secondary-active-color;
|
||||
box-shadow: 0 0 0 0.2rem rgba(108, 134, 142, 0.5);
|
||||
}
|
||||
|
||||
@media (max-width: $screen-desktop) {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
i {
|
||||
display: none;
|
||||
color: $toolbar-buttons-color;
|
||||
|
||||
&:hover {
|
||||
color: $toolbar-buttons-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
&[id^="page-"] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
background: $primary-color;
|
||||
border-color: $primary-color;
|
||||
|
||||
i {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: auto;
|
||||
margin-right: 4px;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background: $primary-light-color;
|
||||
border-color: $primary-light-color;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
color: #fff;
|
||||
background: $btn-primary-active-bg;
|
||||
border-color: $btn-primary-active-bg;
|
||||
box-shadow: 0 0 0 0.2rem rgba(70, 196, 221, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-toolbar {
|
||||
display: none;
|
||||
@include float(right);
|
||||
@include border-radius(3px);
|
||||
@media (max-width: $screen-sm) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.page-breadcrumb {
|
||||
float: left;
|
||||
padding: 0.3125rem 0;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
color: #000;
|
||||
color: rgba(#000, 0.5);
|
||||
white-space: nowrap;
|
||||
list-style: none;
|
||||
/* stylelint-disable */
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
/* stylelint-enable */
|
||||
@include border-radius(0);
|
||||
|
||||
li {
|
||||
i {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
&.breadcrumb-container i,
|
||||
&.breadcrumb-current i {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
font-size: 42px;
|
||||
color: darken($secondary-color, 15%);
|
||||
@include padding-right(5px);
|
||||
@include border-right(solid 1px darken($secondary-color,15%));
|
||||
@include left(-60px);
|
||||
}
|
||||
|
||||
&::before {
|
||||
color: darken($secondary-color, 15%);
|
||||
}
|
||||
|
||||
a {
|
||||
color: #363a41;
|
||||
|
||||
&:hover {
|
||||
color: #363a41;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-head-tabs {
|
||||
clear: left;
|
||||
background-color: #fff;
|
||||
|
||||
ul {
|
||||
font-weight: 400;
|
||||
border-top: 1px solid #dfdfdf;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
|
||||
a {
|
||||
box-sizing: border-box;
|
||||
padding: 0.9375rem 1.25rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5;
|
||||
color: #6c868e;
|
||||
vertical-align: middle;
|
||||
|
||||
&.current {
|
||||
color: #363a41;
|
||||
background-color: #f4f9fb;
|
||||
border-bottom: 3px solid #3ed2f0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-sidebar-closed {
|
||||
.page-head {
|
||||
padding-left: 4.0625rem;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header-toolbar-back {
|
||||
display: inline-block;
|
||||
border: none;
|
||||
}
|
||||
97
admin-kalsport/themes/default/scss/partials/_tree.scss
Normal file
97
admin-kalsport/themes/default/scss/partials/_tree.scss
Normal file
@@ -0,0 +1,97 @@
|
||||
.tree-panel-heading-controls {
|
||||
padding: 5px;
|
||||
margin: -20px -20px 20px;
|
||||
font-size: 1.1em;
|
||||
line-height: 2.2em;
|
||||
color: $brand-primary;
|
||||
border-bottom: solid 1px #dfdfdf;
|
||||
|
||||
i {
|
||||
font-size: $icon-size-base;
|
||||
}
|
||||
}
|
||||
|
||||
.tree {
|
||||
list-style: none;
|
||||
@include padding(0, 0, 0, 20px);
|
||||
|
||||
input {
|
||||
margin-right: 4px;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: $icon-size-base;
|
||||
}
|
||||
|
||||
.tree-item-name,
|
||||
.tree-folder-name {
|
||||
padding: 2px 5px;
|
||||
@include border-radius(4px);
|
||||
|
||||
label {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-selected {
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($brand-primary, 5%);
|
||||
}
|
||||
|
||||
i.tree-dot {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
i.tree-dot {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin: 0 4px;
|
||||
background-color: #ccc;
|
||||
@include border-radius(6px);
|
||||
}
|
||||
|
||||
.tree-item-disable,
|
||||
.tree-folder-name-disable {
|
||||
color: #ccc;
|
||||
|
||||
&:hover {
|
||||
color: #ccc;
|
||||
background-color: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tree-actions {
|
||||
display: inline-block;
|
||||
|
||||
.twitter-typeahead {
|
||||
@include padding(0,0,0,4px);
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.tt-hint {
|
||||
// stylelint-disable-next-line
|
||||
left: 4px !important;
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-panel-label-title {
|
||||
margin: 0;
|
||||
font-weight: 400;
|
||||
@include padding(0, 0, 0, 8px);
|
||||
}
|
||||
35
admin-kalsport/themes/default/scss/partials/index.php
Normal file
35
admin-kalsport/themes/default/scss/partials/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright since 2007 PrestaShop SA and Contributors
|
||||
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Open Software License (OSL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.md.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/OSL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to https://devdocs.prestashop.com/ for more information.
|
||||
*
|
||||
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
||||
* @copyright Since 2007 PrestaShop SA and Contributors
|
||||
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
1719
admin-kalsport/themes/default/scss/vendor/_animate.sass
vendored
Normal file
1719
admin-kalsport/themes/default/scss/vendor/_animate.sass
vendored
Normal file
File diff suppressed because it is too large
Load Diff
11
admin-kalsport/themes/default/scss/vendor/bi-app/_bi-app-ltr.scss
vendored
Normal file
11
admin-kalsport/themes/default/scss/vendor/bi-app/_bi-app-ltr.scss
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
// ------------------------------------------
|
||||
// left to right module
|
||||
// authors:
|
||||
// twitter.com/anasnakawa
|
||||
// twitter.com/victorzamfir
|
||||
// licensed under the MIT license
|
||||
// http://www.opensource.org/licenses/mit-license.php
|
||||
// ------------------------------------------
|
||||
|
||||
@import 'variables-ltr';
|
||||
@import 'mixins';
|
||||
11
admin-kalsport/themes/default/scss/vendor/bi-app/_bi-app-rtl.scss
vendored
Normal file
11
admin-kalsport/themes/default/scss/vendor/bi-app/_bi-app-rtl.scss
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
// ------------------------------------------
|
||||
// right to left module
|
||||
// authors:
|
||||
// twitter.com/anasnakawa
|
||||
// twitter.com/victorzamfir
|
||||
// licensed under the MIT license
|
||||
// http://www.opensource.org/licenses/mit-license.php
|
||||
// ------------------------------------------
|
||||
|
||||
@import 'variables-rtl';
|
||||
@import 'mixins';
|
||||
287
admin-kalsport/themes/default/scss/vendor/bi-app/_mixins.scss
vendored
Normal file
287
admin-kalsport/themes/default/scss/vendor/bi-app/_mixins.scss
vendored
Normal file
@@ -0,0 +1,287 @@
|
||||
// ------------------------------------------
|
||||
// bi app mixins
|
||||
// authors:
|
||||
// twitter.com/anasnakawa
|
||||
// twitter.com/victorzamfir
|
||||
// licensed under the MIT license
|
||||
// http://www.opensource.org/licenses/mit-license.php
|
||||
// ------------------------------------------
|
||||
|
||||
// ------------------------------------------
|
||||
// Table of contents
|
||||
// ------------------------------------------
|
||||
// padding
|
||||
// margin
|
||||
// float
|
||||
// text align
|
||||
// clear
|
||||
// left / right
|
||||
// border
|
||||
// - width
|
||||
// - style
|
||||
// - color
|
||||
// - generic
|
||||
// - radius
|
||||
// ltr / rtl contents
|
||||
// ------------------------------------------
|
||||
|
||||
// generic mixin for properties with values
|
||||
// (top right bottom left)
|
||||
// ------------------------------------------
|
||||
@mixin bi-app-compact($property, $top, $right, $bottom, $left) {
|
||||
@if $bi-app-direction == ltr {
|
||||
#{$property}: $top $right $bottom $left;
|
||||
} @else {
|
||||
#{$property}: $top $left $bottom $right;
|
||||
}
|
||||
}
|
||||
|
||||
// padding
|
||||
// ------------------------------------------
|
||||
@mixin padding-left($distance) {
|
||||
padding-#{$bi-app-left}: $distance;
|
||||
}
|
||||
|
||||
@mixin padding-right($distance) {
|
||||
padding-#{$bi-app-right}: $distance;
|
||||
}
|
||||
|
||||
@mixin padding($top, $right, $bottom, $left) {
|
||||
@include bi-app-compact(padding, $top, $right, $bottom, $left);
|
||||
}
|
||||
|
||||
// margin
|
||||
// ------------------------------------------
|
||||
@mixin margin-left($distance) {
|
||||
margin-#{$bi-app-left}: $distance;
|
||||
}
|
||||
|
||||
@mixin margin-right($distance) {
|
||||
margin-#{$bi-app-right}: $distance;
|
||||
}
|
||||
|
||||
@mixin margin($top, $right, $bottom, $left) {
|
||||
@include bi-app-compact(margin, $top, $right, $bottom, $left);
|
||||
}
|
||||
|
||||
// float
|
||||
// ------------------------------------------
|
||||
@mixin bi-app-float-left {
|
||||
float: $bi-app-left;
|
||||
}
|
||||
|
||||
@mixin bi-app-float-right {
|
||||
float: $bi-app-right;
|
||||
}
|
||||
|
||||
@mixin float($direction) {
|
||||
@if $direction == left {
|
||||
@include bi-app-float-left;
|
||||
} @else if $direction == right {
|
||||
@include bi-app-float-right;
|
||||
} @else {
|
||||
float: $direction;
|
||||
}
|
||||
}
|
||||
|
||||
// text align
|
||||
// ------------------------------------------
|
||||
@mixin bi-app-text-align-left {
|
||||
text-align: $bi-app-left;
|
||||
}
|
||||
|
||||
@mixin bi-app-text-align-right {
|
||||
text-align: $bi-app-right;
|
||||
}
|
||||
|
||||
@mixin text-align($direction) {
|
||||
@if $direction == left {
|
||||
@include bi-app-text-align-left;
|
||||
} @else if $direction == right {
|
||||
@include bi-app-text-align-right;
|
||||
} @else {
|
||||
text-align: $direction;
|
||||
}
|
||||
}
|
||||
|
||||
// clear
|
||||
// ------------------------------------------
|
||||
@mixin bi-app-clear-left {
|
||||
clear: $bi-app-left;
|
||||
}
|
||||
|
||||
@mixin bi-app-clear-right {
|
||||
clear: $bi-app-right;
|
||||
}
|
||||
|
||||
@mixin clear($direction) {
|
||||
@if $direction == left {
|
||||
@include bi-app-clear-left;
|
||||
} @else if $direction == right {
|
||||
@include bi-app-clear-right;
|
||||
} @else {
|
||||
clear: $direction;
|
||||
}
|
||||
}
|
||||
|
||||
// left / right
|
||||
// ------------------------------------------
|
||||
@mixin left($distance) {
|
||||
@if $bi-app-direction == ltr {
|
||||
left: $distance;
|
||||
} @else if $bi-app-direction == rtl {
|
||||
right: $distance;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin right($distance) {
|
||||
@if $bi-app-direction == ltr {
|
||||
right: $distance;
|
||||
} @else if $bi-app-direction == rtl {
|
||||
left: $distance;
|
||||
}
|
||||
}
|
||||
|
||||
// border
|
||||
// ------------------------------------------
|
||||
|
||||
// width
|
||||
@mixin border-left-width($width) {
|
||||
border-#{$bi-app-left}-width: $width;
|
||||
}
|
||||
|
||||
@mixin border-right-width($width) {
|
||||
border-#{$bi-app-right}-width: $width;
|
||||
}
|
||||
|
||||
@mixin border-width($top, $right, $bottom, $left) {
|
||||
@include bi-app-compact(border-width, $top, $right, $bottom, $left);
|
||||
}
|
||||
|
||||
// style
|
||||
@mixin border-left-style($style) {
|
||||
border-#{$bi-app-left}-style: $style;
|
||||
}
|
||||
|
||||
@mixin border-right-style($style) {
|
||||
border-#{$bi-app-right}-style: $style;
|
||||
}
|
||||
|
||||
@mixin border-style($top, $right, $bottom, $left) {
|
||||
@include bi-app-compact(border-style, $top, $right, $bottom, $left);
|
||||
}
|
||||
|
||||
// color
|
||||
@mixin border-left-color($color) {
|
||||
border-#{$bi-app-left}-color: $color;
|
||||
}
|
||||
|
||||
@mixin border-right-color($color) {
|
||||
border-#{$bi-app-right}-color: $color;
|
||||
}
|
||||
|
||||
@mixin border-color($top, $right, $bottom, $left) {
|
||||
@include bi-app-compact(border-color, $top, $right, $bottom, $left);
|
||||
}
|
||||
|
||||
// generic
|
||||
@mixin border-left($border-style) {
|
||||
border-#{$bi-app-left}: $border-style;
|
||||
}
|
||||
|
||||
@mixin border-right($border-style) {
|
||||
border-#{$bi-app-right}: $border-style;
|
||||
}
|
||||
|
||||
// radius
|
||||
@mixin border-top-left-radius($radius) {
|
||||
-webkit-border-top-#{$bi-app-left}-radius: $radius;
|
||||
border-top-#{$bi-app-left}-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin border-top-right-radius($radius) {
|
||||
-webkit-border-top-#{$bi-app-right}-radius: $radius;
|
||||
border-top-#{$bi-app-right}-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin border-bottom-left-radius($radius) {
|
||||
-webkit-border-bottom-#{$bi-app-left}-radius: $radius;
|
||||
border-bottom-#{$bi-app-left}-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin border-bottom-right-radius($radius) {
|
||||
-webkit-border-bottom-#{$bi-app-right}-radius: $radius;
|
||||
border-bottom-#{$bi-app-right}-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin border-right-radius($radius) {
|
||||
@include border-top-right-radius($radius);
|
||||
@include border-bottom-right-radius($radius);
|
||||
}
|
||||
|
||||
@mixin border-left-radius($radius) {
|
||||
@include border-top-left-radius($radius);
|
||||
@include border-bottom-left-radius($radius);
|
||||
}
|
||||
|
||||
@mixin border-top-radius($radius) {
|
||||
@include border-top-left-radius($radius);
|
||||
@include border-top-right-radius($radius);
|
||||
}
|
||||
|
||||
@mixin border-bottom-radius($radius) {
|
||||
@include border-bottom-left-radius($radius);
|
||||
@include border-bottom-right-radius($radius);
|
||||
}
|
||||
|
||||
@mixin border-radius($topLeft, $topRight: null, $bottomRight: null, $bottomLeft: null) {
|
||||
@if $topRight != null {
|
||||
@include border-top-left-radius($topLeft);
|
||||
@include border-top-right-radius($topRight);
|
||||
@include border-bottom-right-radius($bottomRight);
|
||||
@include border-bottom-left-radius($bottomLeft);
|
||||
} @else {
|
||||
-webkit-border-radius: $topLeft;
|
||||
border-radius: $topLeft;
|
||||
}
|
||||
}
|
||||
|
||||
// Returns "en" or "ar", useful for image suffixes.
|
||||
// Usage: background-image: url(/img/header-#{lang()}.png);
|
||||
@function lang() {
|
||||
@if $bi-app-direction == ltr {
|
||||
@return 'en';
|
||||
} @else {
|
||||
@return 'ar';
|
||||
}
|
||||
}
|
||||
|
||||
// Support for "direction" declaration (renders ltr/rtl).
|
||||
// Useful for form elements as they swap the text-indent property and align the text accordingly.
|
||||
@mixin direction {
|
||||
direction: $bi-app-direction;
|
||||
}
|
||||
|
||||
// Inverts a percentage value. Example: 97% becames 3%.
|
||||
// Useful for background-position.
|
||||
@function bi-app-invert-percentage($percentage) {
|
||||
@if $bi-app-direction == rtl {
|
||||
@return 100% - $percentage;
|
||||
} @else {
|
||||
@return $percentage;
|
||||
}
|
||||
}
|
||||
|
||||
// ltr / rtl contents
|
||||
// ------------------------------------------
|
||||
@mixin ltr {
|
||||
@if $bi-app-direction == ltr {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin rtl {
|
||||
@if $bi-app-direction == rtl {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
15
admin-kalsport/themes/default/scss/vendor/bi-app/_variables-ltr.scss
vendored
Normal file
15
admin-kalsport/themes/default/scss/vendor/bi-app/_variables-ltr.scss
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
// ------------------------------------------
|
||||
// left to right variables to be used by bi-app mixins
|
||||
// authors:
|
||||
// twitter.com/anasnakawa
|
||||
// twitter.com/victorzamfir
|
||||
// licensed under the MIT license
|
||||
// http://www.opensource.org/licenses/mit-license.php
|
||||
// ------------------------------------------
|
||||
|
||||
// namespacing variables with bi-app to
|
||||
// avoid conflicting with other global variables
|
||||
$bi-app-left: left;
|
||||
$bi-app-right: right;
|
||||
$bi-app-direction: ltr;
|
||||
$bi-app-invert-direction: rtl;
|
||||
15
admin-kalsport/themes/default/scss/vendor/bi-app/_variables-rtl.scss
vendored
Normal file
15
admin-kalsport/themes/default/scss/vendor/bi-app/_variables-rtl.scss
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
// ------------------------------------------
|
||||
// right to left variables to be used by bi-app mixins
|
||||
// authors:
|
||||
// twitter.com/anasnakawa
|
||||
// twitter.com/victorzamfir
|
||||
// licensed under the MIT license
|
||||
// http://www.opensource.org/licenses/mit-license.php
|
||||
// ------------------------------------------
|
||||
|
||||
// namespacing variables with bi-app to
|
||||
// avoid conflicting with other global variables
|
||||
$bi-app-left: right;
|
||||
$bi-app-right: left;
|
||||
$bi-app-direction: rtl;
|
||||
$bi-app-invert-direction: ltr;
|
||||
35
admin-kalsport/themes/default/scss/vendor/bi-app/index.php
vendored
Normal file
35
admin-kalsport/themes/default/scss/vendor/bi-app/index.php
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2020 PrestaShop and Contributors
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License (AFL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* http://opensource.org/licenses/afl-3.0.php
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright 2007-2020 PrestaShop SA and Contributors
|
||||
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
29
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_bootstrap-rtl.sass
vendored
Normal file
29
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_bootstrap-rtl.sass
vendored
Normal file
@@ -0,0 +1,29 @@
|
||||
// Right-to-Left for Bootstrap 3.0.0
|
||||
// Morteza Ansarinia <ansarinia@me.com>
|
||||
// --------------------------------------------------
|
||||
|
||||
// Original LESS files from the latest bootstrap
|
||||
@import "../bootstrap-sass/variables"
|
||||
@import "../bootstrap-sass/mixins"
|
||||
|
||||
// Core RTL CSS
|
||||
@import "type-rtl"
|
||||
|
||||
// Right-to-left the original bootstrap - to be removed
|
||||
@import "merged-rtl"
|
||||
|
||||
// Button groups
|
||||
@import "button-groups-rtl"
|
||||
|
||||
// Right-to-left the grid system
|
||||
@import "grid-rtl"
|
||||
|
||||
// List groups and badges inside them
|
||||
@import "list-group-rtl"
|
||||
|
||||
// Components
|
||||
@import "pagination-rtl"
|
||||
@import "pager-rtl"
|
||||
|
||||
// Components w/ JavaScript
|
||||
@import "carousel-rtl"
|
||||
56
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_button-groups-rtl.sass
vendored
Normal file
56
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_button-groups-rtl.sass
vendored
Normal file
@@ -0,0 +1,56 @@
|
||||
//
|
||||
// Button groups
|
||||
// --------------------------------------------------
|
||||
|
||||
// Make the div behave like a button
|
||||
.btn-group,
|
||||
.btn-group-vertical
|
||||
> .btn
|
||||
float: right
|
||||
|
||||
// Prevent double borders when buttons are next to each other
|
||||
.btn-group
|
||||
.btn + .btn,
|
||||
.btn + .btn-group,
|
||||
.btn-group + .btn,
|
||||
.btn-group + .btn-group
|
||||
margin-right: -1px
|
||||
|
||||
// Optional: Group multiple button groups together for a toolbar
|
||||
.btn-toolbar
|
||||
margin-right: -5px // Offset the first child's margin
|
||||
|
||||
.btn-group,
|
||||
.input-group
|
||||
float: right
|
||||
> .btn,
|
||||
> .btn-group,
|
||||
> .input-group
|
||||
margin-right: 5px
|
||||
|
||||
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
|
||||
.btn-group > .btn:first-child
|
||||
margin-right: 0
|
||||
&:not(:last-child):not(.dropdown-toggle)
|
||||
@include border-left-radius(0)
|
||||
@include border-right-radius($border-radius-base)
|
||||
|
||||
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
||||
.btn-group > .btn:last-child:not(:first-child),
|
||||
.btn-group > .dropdown-toggle:not(:first-child)
|
||||
@include border-right-radius(0)
|
||||
@include border-left-radius($border-radius-base)
|
||||
|
||||
// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
|
||||
.btn-group > .btn-group
|
||||
float: right
|
||||
|
||||
.btn-group > .btn-group:first-child
|
||||
> .btn:last-child,
|
||||
> .dropdown-toggle
|
||||
@include border-left-radius(0)
|
||||
@include border-right-radius($border-radius-base)
|
||||
|
||||
.btn-group > .btn-group:last-child > .btn:first-child
|
||||
@include border-right-radius(0)
|
||||
@include border-left-radius($border-radius-base)
|
||||
7
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_carousel-rtl.sass
vendored
Normal file
7
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_carousel-rtl.sass
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
//
|
||||
// TODO: Carousel
|
||||
// --------------------------------------------------
|
||||
|
||||
.carousel-inner
|
||||
> .item
|
||||
@include transition(.6s ease-in-out left)
|
||||
512
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_grid-rtl.sass
vendored
Normal file
512
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_grid-rtl.sass
vendored
Normal file
@@ -0,0 +1,512 @@
|
||||
//
|
||||
// Grid system
|
||||
// --------------------------------------------------
|
||||
|
||||
// Set the container width, and override it for fixed navbars in media queries
|
||||
.container
|
||||
//@extend .container-fixed
|
||||
|
||||
// Mobile-first defaults
|
||||
.row
|
||||
@include make-row()
|
||||
|
||||
// Common styles for small and large grid columns
|
||||
.col-xs-1,
|
||||
.col-xs-2,
|
||||
.col-xs-3,
|
||||
.col-xs-4,
|
||||
.col-xs-5,
|
||||
.col-xs-6,
|
||||
.col-xs-7,
|
||||
.col-xs-8,
|
||||
.col-xs-9,
|
||||
.col-xs-10,
|
||||
.col-xs-11,
|
||||
.col-xs-12,
|
||||
.col-sm-1,
|
||||
.col-sm-2,
|
||||
.col-sm-3,
|
||||
.col-sm-4,
|
||||
.col-sm-5,
|
||||
.col-sm-6,
|
||||
.col-sm-7,
|
||||
.col-sm-8,
|
||||
.col-sm-9,
|
||||
.col-sm-10,
|
||||
.col-sm-11,
|
||||
.col-sm-12,
|
||||
.col-md-1,
|
||||
.col-md-2,
|
||||
.col-md-3,
|
||||
.col-md-4,
|
||||
.col-md-5,
|
||||
.col-md-6,
|
||||
.col-md-7,
|
||||
.col-md-8,
|
||||
.col-md-9,
|
||||
.col-md-10,
|
||||
.col-md-11,
|
||||
.col-md-12,
|
||||
.col-lg-1,
|
||||
.col-lg-2,
|
||||
.col-lg-3,
|
||||
.col-lg-4,
|
||||
.col-lg-5,
|
||||
.col-lg-6,
|
||||
.col-lg-7,
|
||||
.col-lg-8,
|
||||
.col-lg-9,
|
||||
.col-lg-10,
|
||||
.col-lg-11,
|
||||
.col-lg-12
|
||||
position: relative
|
||||
// Prevent columns from collapsing when empty
|
||||
min-height: 1px
|
||||
// Inner gutter via padding
|
||||
padding-left: ($grid-gutter-width / 2)
|
||||
padding-right: ($grid-gutter-width / 2)
|
||||
margin-left: 0
|
||||
|
||||
// Extra small grid
|
||||
//
|
||||
// Grid classes for extra small devices like smartphones. No offset, push, or
|
||||
// pull classes are present here due to the size of the target.
|
||||
//
|
||||
// Note that `.col-xs-12` doesn't get floated on purpose—there's no need since
|
||||
// it's full-width.
|
||||
|
||||
.col-xs-1,
|
||||
.col-xs-2,
|
||||
.col-xs-3,
|
||||
.col-xs-4,
|
||||
.col-xs-5,
|
||||
.col-xs-6,
|
||||
.col-xs-7,
|
||||
.col-xs-8,
|
||||
.col-xs-9,
|
||||
.col-xs-10,
|
||||
.col-xs-11
|
||||
float: right
|
||||
|
||||
.col-xs-1
|
||||
width: percentage((1 / $grid-columns))
|
||||
.col-xs-2
|
||||
width: percentage((2 / $grid-columns))
|
||||
.col-xs-3
|
||||
width: percentage((3 / $grid-columns))
|
||||
.col-xs-4
|
||||
width: percentage((4 / $grid-columns))
|
||||
.col-xs-5
|
||||
width: percentage((5 / $grid-columns))
|
||||
.col-xs-6
|
||||
width: percentage((6 / $grid-columns))
|
||||
.col-xs-7
|
||||
width: percentage((7 / $grid-columns))
|
||||
.col-xs-8
|
||||
width: percentage((8 / $grid-columns))
|
||||
.col-xs-9
|
||||
width: percentage((9 / $grid-columns))
|
||||
.col-xs-10
|
||||
width: percentage((10/ $grid-columns))
|
||||
.col-xs-11
|
||||
width: percentage((11/ $grid-columns))
|
||||
.col-xs-12
|
||||
width: 100%
|
||||
|
||||
|
||||
// Small grid
|
||||
//
|
||||
// Columns, offsets, pushes, and pulls for the small device range, from phones
|
||||
// to tablets.
|
||||
//
|
||||
// Note that `.col-sm-12` doesn't get floated on purpose—there's no need since
|
||||
// it's full-width.
|
||||
|
||||
@media (min-width: $screen-tablet)
|
||||
.container
|
||||
max-width: $container-tablet
|
||||
|
||||
.col-sm-1,
|
||||
.col-sm-2,
|
||||
.col-sm-3,
|
||||
.col-sm-4,
|
||||
.col-sm-5,
|
||||
.col-sm-6,
|
||||
.col-sm-7,
|
||||
.col-sm-8,
|
||||
.col-sm-9,
|
||||
.col-sm-10,
|
||||
.col-sm-11
|
||||
float: right
|
||||
.col-sm-1
|
||||
width: percentage((1 / $grid-columns))
|
||||
.col-sm-2
|
||||
width: percentage((2 / $grid-columns))
|
||||
.col-sm-3
|
||||
width: percentage((3 / $grid-columns))
|
||||
.col-sm-4
|
||||
width: percentage((4 / $grid-columns))
|
||||
.col-sm-5
|
||||
width: percentage((5 / $grid-columns))
|
||||
.col-sm-6
|
||||
width: percentage((6 / $grid-columns))
|
||||
.col-sm-7
|
||||
width: percentage((7 / $grid-columns))
|
||||
.col-sm-8
|
||||
width: percentage((8 / $grid-columns))
|
||||
.col-sm-9
|
||||
width: percentage((9 / $grid-columns))
|
||||
.col-sm-
|
||||
width: percentage((10/ $grid-columns))
|
||||
.col-sm-
|
||||
width: percentage((11/ $grid-columns))
|
||||
.col-sm-12
|
||||
width: 100%
|
||||
|
||||
// Push and pull columns for source order changes
|
||||
.col-sm-push-1
|
||||
right: percentage((1 / $grid-columns))
|
||||
.col-sm-push-2
|
||||
right: percentage((2 / $grid-columns))
|
||||
.col-sm-push-3
|
||||
right: percentage((3 / $grid-columns))
|
||||
.col-sm-push-4
|
||||
right: percentage((4 / $grid-columns))
|
||||
.col-sm-push-5
|
||||
right: percentage((5 / $grid-columns))
|
||||
.col-sm-push-6
|
||||
right: percentage((6 / $grid-columns))
|
||||
.col-sm-push-7
|
||||
right: percentage((7 / $grid-columns))
|
||||
.col-sm-push-8
|
||||
right: percentage((8 / $grid-columns))
|
||||
.col-sm-push-9
|
||||
right: percentage((9 / $grid-columns))
|
||||
.col-sm-push-10
|
||||
right: percentage((10/ $grid-columns))
|
||||
.col-sm-push-11
|
||||
right: percentage((11/ $grid-columns))
|
||||
|
||||
.col-sm-pull-1
|
||||
left: percentage((1 / $grid-columns))
|
||||
.col-sm-pull-2
|
||||
left: percentage((2 / $grid-columns))
|
||||
.col-sm-pull-3
|
||||
left: percentage((3 / $grid-columns))
|
||||
.col-sm-pull-4
|
||||
left: percentage((4 / $grid-columns))
|
||||
.col-sm-pull-5
|
||||
left: percentage((5 / $grid-columns))
|
||||
.col-sm-pull-6
|
||||
left: percentage((6 / $grid-columns))
|
||||
.col-sm-pull-7
|
||||
left: percentage((7 / $grid-columns))
|
||||
.col-sm-pull-8
|
||||
left: percentage((8 / $grid-columns))
|
||||
.col-sm-pull-9
|
||||
left: percentage((9 / $grid-columns))
|
||||
.col-sm-pull-10
|
||||
left: percentage((10/ $grid-columns))
|
||||
.col-sm-pull-11
|
||||
left: percentage((11/ $grid-columns))
|
||||
|
||||
// Offsets
|
||||
.col-sm-offset-1
|
||||
margin-right: percentage((1 / $grid-columns))
|
||||
.col-sm-offset-2
|
||||
margin-right: percentage((2 / $grid-columns))
|
||||
.col-sm-offset-3
|
||||
margin-right: percentage((3 / $grid-columns))
|
||||
.col-sm-offset-4
|
||||
margin-right: percentage((4 / $grid-columns))
|
||||
.col-sm-offset-5
|
||||
margin-right: percentage((5 / $grid-columns))
|
||||
.col-sm-offset-6
|
||||
margin-right: percentage((6 / $grid-columns))
|
||||
.col-sm-offset-7
|
||||
margin-right: percentage((7 / $grid-columns))
|
||||
.col-sm-offset-8
|
||||
margin-right: percentage((8 / $grid-columns))
|
||||
.col-sm-offset-9
|
||||
margin-right: percentage((9 / $grid-columns))
|
||||
.col-sm-offset-10
|
||||
margin-right: percentage((10/ $grid-columns))
|
||||
.col-sm-offset-11
|
||||
margin-right: percentage((11/ $grid-columns))
|
||||
|
||||
.col-sm-offset-1,
|
||||
.col-sm-offset-2,
|
||||
.col-sm-offset-3,
|
||||
.col-sm-offset-4,
|
||||
.col-sm-offset-5,
|
||||
.col-sm-offset-6,
|
||||
.col-sm-offset-7,
|
||||
.col-sm-offset-8,
|
||||
.col-sm-offset-9,
|
||||
.col-sm-offset-10,
|
||||
.col-sm-offset-11
|
||||
margin-left: 0
|
||||
|
||||
// Medium grid
|
||||
//
|
||||
// Columns, offsets, pushes, and pulls for the desktop device range.
|
||||
//
|
||||
// Note that `.col-md-12` doesn't get floated on purpose—there's no need since
|
||||
// it's full-width.
|
||||
|
||||
@media (min-width: $screen-desktop)
|
||||
.container
|
||||
max-width: $container-desktop
|
||||
.col-md-1,
|
||||
.col-md-2,
|
||||
.col-md-3,
|
||||
.col-md-4,
|
||||
.col-md-5,
|
||||
.col-md-6,
|
||||
.col-md-7,
|
||||
.col-md-8,
|
||||
.col-md-9,
|
||||
.col-md-10,
|
||||
.col-md-11
|
||||
float: right
|
||||
.col-md-1
|
||||
width: percentage((1 / $grid-columns))
|
||||
.col-md-2
|
||||
width: percentage((2 / $grid-columns))
|
||||
.col-md-3
|
||||
width: percentage((3 / $grid-columns))
|
||||
.col-md-4
|
||||
width: percentage((4 / $grid-columns))
|
||||
.col-md-5
|
||||
width: percentage((5 / $grid-columns))
|
||||
.col-md-6
|
||||
width: percentage((6 / $grid-columns))
|
||||
.col-md-7
|
||||
width: percentage((7 / $grid-columns))
|
||||
.col-md-8
|
||||
width: percentage((8 / $grid-columns))
|
||||
.col-md-9
|
||||
width: percentage((9 / $grid-columns))
|
||||
.col-md-10
|
||||
width: percentage((10/ $grid-columns))
|
||||
.col-md-11
|
||||
width: percentage((11/ $grid-columns))
|
||||
.col-md-12
|
||||
width: 100%
|
||||
|
||||
// Push and pull columns for source order changes
|
||||
.col-md-push-1
|
||||
right: percentage((1 / $grid-columns))
|
||||
.col-md-push-2
|
||||
right: percentage((2 / $grid-columns))
|
||||
.col-md-push-3
|
||||
right: percentage((3 / $grid-columns))
|
||||
.col-md-push-4
|
||||
right: percentage((4 / $grid-columns))
|
||||
.col-md-push-5
|
||||
right: percentage((5 / $grid-columns))
|
||||
.col-md-push-6
|
||||
right: percentage((6 / $grid-columns))
|
||||
.col-md-push-7
|
||||
right: percentage((7 / $grid-columns))
|
||||
.col-md-push-8
|
||||
right: percentage((8 / $grid-columns))
|
||||
.col-md-push-9
|
||||
right: percentage((9 / $grid-columns))
|
||||
.col-md-push-10
|
||||
right: percentage((10/ $grid-columns))
|
||||
.col-md-push-11
|
||||
right: percentage((11/ $grid-columns))
|
||||
|
||||
.col-md-pull-1
|
||||
left: percentage((1 / $grid-columns))
|
||||
.col-md-pull-2
|
||||
left: percentage((2 / $grid-columns))
|
||||
.col-md-pull-3
|
||||
left: percentage((3 / $grid-columns))
|
||||
.col-md-pull-4
|
||||
left: percentage((4 / $grid-columns))
|
||||
.col-md-pull-5
|
||||
left: percentage((5 / $grid-columns))
|
||||
.col-md-pull-6
|
||||
left: percentage((6 / $grid-columns))
|
||||
.col-md-pull-7
|
||||
left: percentage((7 / $grid-columns))
|
||||
.col-md-pull-8
|
||||
left: percentage((8 / $grid-columns))
|
||||
.col-md-pull-9
|
||||
left: percentage((9 / $grid-columns))
|
||||
.col-md-pull-10
|
||||
left: percentage((10/ $grid-columns))
|
||||
.col-md-pull-11
|
||||
left: percentage((11/ $grid-columns))
|
||||
|
||||
// Offsets
|
||||
.col-md-offset-1
|
||||
margin-right: percentage((1 / $grid-columns))
|
||||
.col-md-offset-2
|
||||
margin-right: percentage((2 / $grid-columns))
|
||||
.col-md-offset-3
|
||||
margin-right: percentage((3 / $grid-columns))
|
||||
.col-md-offset-4
|
||||
margin-right: percentage((4 / $grid-columns))
|
||||
.col-md-offset-5
|
||||
margin-right: percentage((5 / $grid-columns))
|
||||
.col-md-offset-6
|
||||
margin-right: percentage((6 / $grid-columns))
|
||||
.col-md-offset-7
|
||||
margin-right: percentage((7 / $grid-columns))
|
||||
.col-md-offset-8
|
||||
margin-right: percentage((8 / $grid-columns))
|
||||
.col-md-offset-9
|
||||
margin-right: percentage((9 / $grid-columns))
|
||||
.col-md-offset-10
|
||||
margin-right: percentage((10/ $grid-columns))
|
||||
.col-md-offset-11
|
||||
margin-right: percentage((11/ $grid-columns))
|
||||
|
||||
.col-md-offset-1,
|
||||
.col-md-offset-2,
|
||||
.col-md-offset-3,
|
||||
.col-md-offset-4,
|
||||
.col-md-offset-5,
|
||||
.col-md-offset-6,
|
||||
.col-md-offset-7,
|
||||
.col-md-offset-8,
|
||||
.col-md-offset-9,
|
||||
.col-md-offset-10,
|
||||
.col-md-offset-11
|
||||
margin-left: 0
|
||||
|
||||
// Large grid
|
||||
//
|
||||
// Columns, offsets, pushes, and pulls for the large desktop device range.
|
||||
//
|
||||
// Note that `.col-lg-12` doesn't get floated on purpose—there's no need since
|
||||
// it's full-width.
|
||||
|
||||
@media (min-width: $screen-lg-desktop)
|
||||
.container
|
||||
max-width: $container-large-desktop
|
||||
|
||||
.col-lg-1,
|
||||
.col-lg-2,
|
||||
.col-lg-3,
|
||||
.col-lg-4,
|
||||
.col-lg-5,
|
||||
.col-lg-6,
|
||||
.col-lg-7,
|
||||
.col-lg-8,
|
||||
.col-lg-9,
|
||||
.col-lg-10,
|
||||
.col-lg-11
|
||||
float: right
|
||||
|
||||
.col-lg-1
|
||||
width: percentage((1 / $grid-columns))
|
||||
.col-lg-2
|
||||
width: percentage((2 / $grid-columns))
|
||||
.col-lg-3
|
||||
width: percentage((3 / $grid-columns))
|
||||
.col-lg-4
|
||||
width: percentage((4 / $grid-columns))
|
||||
.col-lg-5
|
||||
width: percentage((5 / $grid-columns))
|
||||
.col-lg-6
|
||||
width: percentage((6 / $grid-columns))
|
||||
.col-lg-7
|
||||
width: percentage((7 / $grid-columns))
|
||||
.col-lg-8
|
||||
width: percentage((8 / $grid-columns))
|
||||
.col-lg-9
|
||||
width: percentage((9 / $grid-columns))
|
||||
.col-lg-10
|
||||
width: percentage((10/ $grid-columns))
|
||||
.col-lg-11
|
||||
width: percentage((11/ $grid-columns))
|
||||
.col-lg-12
|
||||
width: 100%
|
||||
|
||||
// Push and pull columns for source order changes
|
||||
.col-lg-push-1
|
||||
right: percentage((1 / $grid-columns))
|
||||
.col-lg-push-2
|
||||
right: percentage((2 / $grid-columns))
|
||||
.col-lg-push-3
|
||||
right: percentage((3 / $grid-columns))
|
||||
.col-lg-push-4
|
||||
right: percentage((4 / $grid-columns))
|
||||
.col-lg-push-5
|
||||
right: percentage((5 / $grid-columns))
|
||||
.col-lg-push-6
|
||||
right: percentage((6 / $grid-columns))
|
||||
.col-lg-push-7
|
||||
right: percentage((7 / $grid-columns))
|
||||
.col-lg-push-8
|
||||
right: percentage((8 / $grid-columns))
|
||||
.col-lg-push-9
|
||||
right: percentage((9 / $grid-columns))
|
||||
.col-lg-push-10
|
||||
right: percentage((10/ $grid-columns))
|
||||
.col-lg-push-11
|
||||
right: percentage((11/ $grid-columns))
|
||||
|
||||
.col-lg-pull-1
|
||||
left: percentage((1 / $grid-columns))
|
||||
.col-lg-pull-2
|
||||
left: percentage((2 / $grid-columns))
|
||||
.col-lg-pull-3
|
||||
left: percentage((3 / $grid-columns))
|
||||
.col-lg-pull-4
|
||||
left: percentage((4 / $grid-columns))
|
||||
.col-lg-pull-5
|
||||
left: percentage((5 / $grid-columns))
|
||||
.col-lg-pull-6
|
||||
left: percentage((6 / $grid-columns))
|
||||
.col-lg-pull-7
|
||||
left: percentage((7 / $grid-columns))
|
||||
.col-lg-pull-8
|
||||
left: percentage((8 / $grid-columns))
|
||||
.col-lg-pull-9
|
||||
left: percentage((9 / $grid-columns))
|
||||
.col-lg-pull-10
|
||||
left: percentage((10/ $grid-columns))
|
||||
.col-lg-pull-11
|
||||
left: percentage((11/ $grid-columns))
|
||||
|
||||
// Offsets
|
||||
.col-lg-offset-1
|
||||
margin-right: percentage((1 / $grid-columns))
|
||||
.col-lg-offset-2
|
||||
margin-right: percentage((2 / $grid-columns))
|
||||
.col-lg-offset-3
|
||||
margin-right: percentage((3 / $grid-columns))
|
||||
.col-lg-offset-4
|
||||
margin-right: percentage((4 / $grid-columns))
|
||||
.col-lg-offset-5
|
||||
margin-right: percentage((5 / $grid-columns))
|
||||
.col-lg-offset-6
|
||||
margin-right: percentage((6 / $grid-columns))
|
||||
.col-lg-offset-7
|
||||
margin-right: percentage((7 / $grid-columns))
|
||||
.col-lg-offset-8
|
||||
margin-right: percentage((8 / $grid-columns))
|
||||
.col-lg-offset-9
|
||||
margin-right: percentage((9 / $grid-columns))
|
||||
.col-lg-offset-10
|
||||
margin-right: percentage((10/ $grid-columns))
|
||||
.col-lg-offset-11
|
||||
margin-right: percentage((11/ $grid-columns))
|
||||
|
||||
.col-lg-offset-1,
|
||||
.col-lg-offset-2,
|
||||
.col-lg-offset-3,
|
||||
.col-lg-offset-4,
|
||||
.col-lg-offset-5,
|
||||
.col-lg-offset-6,
|
||||
.col-lg-offset-7,
|
||||
.col-lg-offset-8,
|
||||
.col-lg-offset-9,
|
||||
.col-lg-offset-10,
|
||||
.col-lg-offset-11
|
||||
margin-left: 0
|
||||
11
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_list-group-rtl.sass
vendored
Normal file
11
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_list-group-rtl.sass
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
// Individual list items
|
||||
//
|
||||
// Use on `li`s or `div`s within the `.list-group` parent.
|
||||
|
||||
.list-group-item
|
||||
// Align badges within list items
|
||||
> .badge
|
||||
float: left
|
||||
> .badge + .badge
|
||||
margin-left: 5px
|
||||
margin-right: 0px
|
||||
358
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_merged-rtl.sass
vendored
Normal file
358
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_merged-rtl.sass
vendored
Normal file
@@ -0,0 +1,358 @@
|
||||
// Typography
|
||||
// -------------------------
|
||||
$rtl-font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif
|
||||
$rtl-font-family-serif: Georgia, "Times New Roman", Times, serif
|
||||
$rtl-font-family-base: $rtl-font-family-sans-serif
|
||||
$rtl-headings-font-family: $rtl-font-family-base
|
||||
|
||||
body
|
||||
direction: rtl
|
||||
font-family: $rtl-font-family-base
|
||||
|
||||
// Headings
|
||||
// -------------------------
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
.h1, .h2, .h3, .h4, .h5, .h6
|
||||
font-family: $rtl-headings-font-family
|
||||
|
||||
// Brand/project name
|
||||
.navbar-brand
|
||||
float: right
|
||||
@media (min-width: $grid-float-breakpoint)
|
||||
.navbar > .container &
|
||||
margin-right: -$navbar-padding-horizontal
|
||||
margin-left: 0
|
||||
|
||||
// Navbar heading
|
||||
//
|
||||
// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
|
||||
// styling of responsive aspects.
|
||||
.navbar-header
|
||||
@media (min-width: $grid-float-breakpoint)
|
||||
float: right
|
||||
|
||||
// Navbar toggle
|
||||
//
|
||||
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
|
||||
// JavaScript plugin.
|
||||
|
||||
.navbar-toggle
|
||||
float: left
|
||||
margin-left: $navbar-padding-horizontal
|
||||
|
||||
.navbar-collapse
|
||||
@media (min-width: $grid-float-breakpoint)
|
||||
width: auto
|
||||
border-top: 0
|
||||
box-shadow: none
|
||||
.navbar-nav.navbar-right:last-child
|
||||
margin-right: 0
|
||||
|
||||
// Navbar form
|
||||
//
|
||||
// Extension of the `.form-inline` with some extra flavor for optimum display in
|
||||
// our navbars.
|
||||
|
||||
.navbar-form
|
||||
margin-left: -$navbar-padding-horizontal
|
||||
margin-right: -$navbar-padding-horizontal
|
||||
|
||||
// Text in navbars
|
||||
//
|
||||
// Add a class to make any element properly align itself vertically within the navbars.
|
||||
|
||||
.navbar-text
|
||||
float: right
|
||||
@media (min-width: $grid-float-breakpoint)
|
||||
margin-left: $navbar-padding-horizontal
|
||||
margin-right: $navbar-padding-horizontal
|
||||
|
||||
// Navbar nav links
|
||||
//
|
||||
// Builds on top of the `.nav` components with it's own modifier class to make
|
||||
// the nav the full height of the horizontal nav (above 768px).
|
||||
|
||||
.navbar-nav
|
||||
@media (max-width: $screen-xs-max)
|
||||
// Dropdowns get custom display when collapsed
|
||||
.open .dropdown-menu
|
||||
> li > a,
|
||||
.dropdown-header
|
||||
padding: 5px 25px 5px 15px
|
||||
|
||||
// Uncollapse the nav
|
||||
@media (min-width: $grid-float-breakpoint)
|
||||
float: right
|
||||
> li
|
||||
float: right
|
||||
|
||||
.nav-justified
|
||||
width: 100%
|
||||
> li
|
||||
float: none
|
||||
> a
|
||||
text-align: center
|
||||
margin-bottom: 5px
|
||||
|
||||
@media (min-width: $screen-sm-min)
|
||||
> li
|
||||
display: table-cell
|
||||
width: 1%
|
||||
> a
|
||||
margin-bottom: 0
|
||||
|
||||
// Tabs
|
||||
// -------------------------
|
||||
|
||||
// Give the tabs something to sit on
|
||||
.nav-tabs
|
||||
border-bottom: 1px solid $nav-tabs-border-color
|
||||
> li
|
||||
float: right
|
||||
// Make the list-items overlay the bottom border
|
||||
margin-bottom: -1px
|
||||
|
||||
// Actual tabs (as links)
|
||||
> a
|
||||
margin-right: -2px
|
||||
border-radius: $border-radius-base $border-radius-base 0 0
|
||||
|
||||
// pulling this in mainly for less shorthand
|
||||
&.nav-justified
|
||||
@extend .nav-justified
|
||||
@extend .nav-tabs-justified
|
||||
|
||||
.nav-tabs-justified
|
||||
> li > a
|
||||
// Override margin from .nav-tabs
|
||||
margin-left: 0
|
||||
@media (min-width: $screen-sm-min)
|
||||
> li > a
|
||||
border-radius: $border-radius-base $border-radius-base 0 0
|
||||
color:blue
|
||||
|
||||
// progress-bar
|
||||
// Bar of progress
|
||||
.progress-bar
|
||||
float: right
|
||||
|
||||
// Alerts
|
||||
|
||||
// Dismissable alerts
|
||||
//
|
||||
// Expand the right padding and account for the close button's positioning.
|
||||
|
||||
.alert-dismissable
|
||||
// Adjust close link position
|
||||
.close
|
||||
font-family: $font-family-base
|
||||
top: -2px
|
||||
left: 21px
|
||||
right: 0px
|
||||
|
||||
//
|
||||
// Close icons
|
||||
// --------------------------------------------------
|
||||
|
||||
.close
|
||||
font-family: $font-family-base
|
||||
float: left
|
||||
|
||||
//
|
||||
// Dropdown menus
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Dropdown arrow/caret
|
||||
.caret
|
||||
margin-right: 2px
|
||||
|
||||
// The dropdown menu (ul)
|
||||
.dropdown-menu
|
||||
right: 0
|
||||
float: left
|
||||
left: auto
|
||||
|
||||
// Aligns the dropdown menu to left
|
||||
&.pull-left
|
||||
left: 0
|
||||
float: right
|
||||
right: auto
|
||||
|
||||
// Left aligned dropdowns
|
||||
.pull-left > .dropdown-menu
|
||||
left: 0
|
||||
float: right
|
||||
right: auto
|
||||
|
||||
// Right aligned menus need alt position
|
||||
.navbar-nav.pull-left > li > .dropdown-menu,
|
||||
.navbar-nav > li > .dropdown-menu.pull-left
|
||||
right: auto
|
||||
left: 0
|
||||
|
||||
// Justified navbar
|
||||
.nav-tabs-justified
|
||||
> li > a
|
||||
margin-left: 0
|
||||
|
||||
// Give the tabs something to sit on
|
||||
.nav-tabs
|
||||
> li
|
||||
float: right
|
||||
// Actual tabs (as links)
|
||||
> a
|
||||
margin-left: 2px
|
||||
|
||||
// Pills
|
||||
// -------------------------
|
||||
.nav-pills
|
||||
> li
|
||||
float: right
|
||||
// Links rendered as pills
|
||||
> a
|
||||
border-radius: $nav-pills-border-radius
|
||||
+ li
|
||||
margin-right: 2px
|
||||
margin-left: 0px
|
||||
|
||||
// Stacked pills
|
||||
.nav-stacked
|
||||
> li
|
||||
float: none
|
||||
+ li
|
||||
margin-right: 0 // no need for this gap between nav items
|
||||
|
||||
// Base nav class
|
||||
|
||||
.nav
|
||||
padding-right: 0 // Override default ul/ol
|
||||
|
||||
|
||||
// Justified nav links
|
||||
// -------------------------
|
||||
|
||||
.nav-tabs.nav-justified,
|
||||
.nav-pills.nav-justified
|
||||
width: 100%
|
||||
> li
|
||||
float: none!important
|
||||
> a
|
||||
text-align: center
|
||||
margin-bottom: 5px
|
||||
|
||||
> .dropdown .dropdown-menu
|
||||
top: auto
|
||||
left: auto
|
||||
|
||||
@media (min-width: $screen-sm-min)
|
||||
> li
|
||||
display: table-cell
|
||||
width: 1%
|
||||
> a
|
||||
margin-bottom: 0
|
||||
|
||||
.nav-tabs.nav-justified > li > a
|
||||
color: $link-color
|
||||
|
||||
|
||||
// Reverse input group round corners in RTL
|
||||
|
||||
// Reset rounded corners
|
||||
.input-group .form-control:first-child,
|
||||
.input-group-addon:first-child,
|
||||
.input-group-btn:first-child > .btn,
|
||||
.input-group-btn:first-child > .dropdown-toggle,
|
||||
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle)
|
||||
@include border-right-radius($border-radius-base)
|
||||
@include border-left-radius(0)
|
||||
|
||||
.input-group-addon:first-child
|
||||
border-right: 1px solid $input-group-addon-border-color
|
||||
border-left: 0px
|
||||
|
||||
.input-group .form-control:last-child,
|
||||
.input-group-addon:last-child,
|
||||
.input-group-btn:last-child > .btn,
|
||||
.input-group-btn:last-child > .dropdown-toggle,
|
||||
.input-group-btn:first-child > .btn:not(:first-child)
|
||||
@include border-left-radius($border-radius-base)
|
||||
@include border-right-radius(0)
|
||||
|
||||
.input-group-addon:last-child
|
||||
border-left: 1px solid $input-group-addon-border-color
|
||||
border-right: 0px
|
||||
|
||||
// Button input groups
|
||||
// -------------------------
|
||||
.input-group-btn
|
||||
// Negative margin to only have a 1px border between the two
|
||||
&:first-child > .btn
|
||||
margin-left: -1px
|
||||
&:last-child > .btn
|
||||
margin-right: -1px
|
||||
|
||||
.input-group-btn > .btn
|
||||
position: relative
|
||||
// Jankily prevent input button groups from wrapping
|
||||
+ .btn
|
||||
margin-right: -4px
|
||||
// Bring the "active" button to the front
|
||||
&:hover,
|
||||
&:active
|
||||
z-index: 2
|
||||
|
||||
.radio,
|
||||
.checkbox
|
||||
padding-right: 20px
|
||||
|
||||
.radio input[type="radio"],
|
||||
.radio-inline input[type="radio"],
|
||||
.checkbox input[type="checkbox"],
|
||||
.checkbox-inline input[type="checkbox"]
|
||||
float: right
|
||||
margin-right: -20px
|
||||
|
||||
.radio-inline + .radio-inline,
|
||||
.checkbox-inline + .checkbox-inline
|
||||
margin-right: 10px // space out consecutive inline controls
|
||||
|
||||
.form-inline
|
||||
// Remove default margin on radios/checkboxes that were used for stacking, and
|
||||
// then undo the floating of radios and checkboxes to match (which also avoids
|
||||
// a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
|
||||
.radio,
|
||||
.checkbox
|
||||
padding-right: 0
|
||||
.radio input[type="radio"],
|
||||
.checkbox input[type="checkbox"]
|
||||
margin-right: 0
|
||||
|
||||
// Horizontal forms
|
||||
//
|
||||
.form-horizontal
|
||||
// Only right align form labels here when the columns stop stacking
|
||||
@media (min-width: $screen-sm-min)
|
||||
.control-label
|
||||
text-align: left
|
||||
|
||||
// Popovers
|
||||
// -------------------------
|
||||
.popover.top,
|
||||
.popover.bottom
|
||||
direction:ltr
|
||||
|
||||
.popover.top .popover-title,
|
||||
.popover.top .popover-content,
|
||||
.popover.bottom .popover-title,
|
||||
.popover.bottom .popover-content
|
||||
direction: rtl
|
||||
text-align: right
|
||||
|
||||
// Tables
|
||||
// -----------------
|
||||
th
|
||||
text-align: right
|
||||
|
||||
.list-group
|
||||
padding-right: 0
|
||||
16
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_pager-rtl.sass
vendored
Normal file
16
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_pager-rtl.sass
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
//
|
||||
// RTL Pager pagination
|
||||
// --------------------------------------------------
|
||||
|
||||
.pager
|
||||
padding-right: 0
|
||||
|
||||
.next
|
||||
> a,
|
||||
> span
|
||||
float: left
|
||||
|
||||
.previous
|
||||
> a,
|
||||
> span
|
||||
float: right
|
||||
23
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_pagination-rtl.sass
vendored
Normal file
23
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_pagination-rtl.sass
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
//
|
||||
// RTL Pagination (multiple pages)
|
||||
// --------------------------------------------------
|
||||
.pagination
|
||||
padding-right: 0
|
||||
> li
|
||||
> a,
|
||||
> span
|
||||
float: right // Collapse white-space
|
||||
margin-right: -1px
|
||||
margin-left: 0px
|
||||
&:first-child
|
||||
> a,
|
||||
> span
|
||||
margin-left: 0
|
||||
@include border-right-radius($border-radius-base)
|
||||
@include border-left-radius(0)
|
||||
&:last-child
|
||||
> a,
|
||||
> span
|
||||
margin-right: -1px
|
||||
@include border-left-radius($border-radius-base)
|
||||
@include border-right-radius(0)
|
||||
25
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_type-rtl.sass
vendored
Normal file
25
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/_type-rtl.sass
vendored
Normal file
@@ -0,0 +1,25 @@
|
||||
// Blockquotes
|
||||
|
||||
blockquote
|
||||
border-right: 5px solid $blockquote-border-color
|
||||
border-left: 0
|
||||
|
||||
// Float left with text-align: left
|
||||
&.pull-left
|
||||
p,
|
||||
small,
|
||||
.small
|
||||
text-align: left
|
||||
|
||||
// Horizontal description lists
|
||||
|
||||
@media (min-width: $grid-float-breakpoint)
|
||||
.dl-horizontal
|
||||
dt
|
||||
float: right
|
||||
width: ($component-offset-horizontal - 20)
|
||||
clear: right
|
||||
text-align: left
|
||||
dd
|
||||
margin-left: 0
|
||||
margin-right: $component-offset-horizontal
|
||||
35
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/index.php
vendored
Normal file
35
admin-kalsport/themes/default/scss/vendor/bootstrap-rtl-sass/index.php
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2020 PrestaShop and Contributors
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License (AFL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* http://opensource.org/licenses/afl-3.0.php
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright 2007-2020 PrestaShop SA and Contributors
|
||||
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
67
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_alerts.scss
vendored
Normal file
67
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_alerts.scss
vendored
Normal file
@@ -0,0 +1,67 @@
|
||||
//
|
||||
// Alerts
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base styles
|
||||
// -------------------------
|
||||
|
||||
.alert {
|
||||
padding: $alert-padding;
|
||||
margin-bottom: $line-height-computed;
|
||||
border: 1px solid transparent;
|
||||
border-radius: $alert-border-radius;
|
||||
|
||||
// Headings for larger alerts
|
||||
h4 {
|
||||
margin-top: 0;
|
||||
// Specified for the h4 to prevent conflicts of changing $headings-color
|
||||
color: inherit;
|
||||
}
|
||||
// Provide class for links that match alerts
|
||||
.alert-link {
|
||||
font-weight: $alert-link-font-weight;
|
||||
}
|
||||
|
||||
// Improve alignment and spacing of inner content
|
||||
> p,
|
||||
> ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
> p + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// Dismissable alerts
|
||||
//
|
||||
// Expand the right padding and account for the close button's positioning.
|
||||
|
||||
.alert-dismissable {
|
||||
padding-right: ($alert-padding + 20);
|
||||
|
||||
// Adjust close link position
|
||||
.close {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
right: -21px;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
// Alternate styles
|
||||
//
|
||||
// Generate contextual modifier classes for colorizing the alert.
|
||||
|
||||
.alert-success {
|
||||
@include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
|
||||
}
|
||||
.alert-info {
|
||||
@include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
|
||||
}
|
||||
.alert-warning {
|
||||
@include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
|
||||
}
|
||||
.alert-danger {
|
||||
@include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
|
||||
}
|
||||
57
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_badges.scss
vendored
Normal file
57
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_badges.scss
vendored
Normal file
@@ -0,0 +1,57 @@
|
||||
//
|
||||
// Badges
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base class
|
||||
.badge {
|
||||
display: inline-block;
|
||||
min-width: 10px;
|
||||
padding: 3px 7px;
|
||||
font-size: $font-size-small;
|
||||
font-weight: $badge-font-weight;
|
||||
color: $badge-color;
|
||||
line-height: $badge-line-height;
|
||||
vertical-align: baseline;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
background-color: $badge-bg;
|
||||
border-radius: $badge-border-radius;
|
||||
|
||||
// Empty badges collapse automatically (not available in IE8)
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Quick fix for badges in buttons
|
||||
.btn & {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
.btn-xs & {
|
||||
top: 0;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
// [converter] extracted a& to a.badge
|
||||
|
||||
// Account for badges in navs
|
||||
a.list-group-item.active > &,
|
||||
.nav-pills > .active > a > & {
|
||||
color: $badge-active-color;
|
||||
background-color: $badge-active-bg;
|
||||
}
|
||||
.nav-pills > li > a > & {
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover state, but only for links
|
||||
a.badge {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $badge-link-hover-color;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
26
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_breadcrumbs.scss
vendored
Normal file
26
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_breadcrumbs.scss
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
//
|
||||
// Breadcrumbs
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.breadcrumb {
|
||||
padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
|
||||
margin-bottom: $line-height-computed;
|
||||
list-style: none;
|
||||
background-color: $breadcrumb-bg;
|
||||
border-radius: $border-radius-base;
|
||||
|
||||
> li {
|
||||
display: inline-block;
|
||||
|
||||
+ li:before {
|
||||
content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
|
||||
padding: 0 5px;
|
||||
color: $breadcrumb-color;
|
||||
}
|
||||
}
|
||||
|
||||
> .active {
|
||||
color: $breadcrumb-active-color;
|
||||
}
|
||||
}
|
||||
240
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_button-groups.scss
vendored
Normal file
240
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_button-groups.scss
vendored
Normal file
@@ -0,0 +1,240 @@
|
||||
//
|
||||
// Button groups
|
||||
// --------------------------------------------------
|
||||
|
||||
// Make the div behave like a button
|
||||
.btn-group,
|
||||
.btn-group-vertical {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle; // match .btn alignment given font-size hack above
|
||||
> .btn {
|
||||
position: relative;
|
||||
float: left;
|
||||
// Bring the "active" button to the front
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
z-index: 2;
|
||||
}
|
||||
&:focus {
|
||||
// Remove focus outline when dropdown JS adds it after closing the menu
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Prevent double borders when buttons are next to each other
|
||||
.btn-group {
|
||||
.btn + .btn,
|
||||
.btn + .btn-group,
|
||||
.btn-group + .btn,
|
||||
.btn-group + .btn-group {
|
||||
margin-left: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
// Optional: Group multiple button groups together for a toolbar
|
||||
.btn-toolbar {
|
||||
margin-left: -5px; // Offset the first child's margin
|
||||
@include clearfix();
|
||||
|
||||
.btn-group,
|
||||
.input-group {
|
||||
float: left;
|
||||
}
|
||||
> .btn,
|
||||
> .btn-group,
|
||||
> .input-group {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
|
||||
.btn-group > .btn:first-child {
|
||||
margin-left: 0;
|
||||
&:not(:last-child):not(.dropdown-toggle) {
|
||||
@include border-right-radius(0);
|
||||
}
|
||||
}
|
||||
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
||||
.btn-group > .btn:last-child:not(:first-child),
|
||||
.btn-group > .dropdown-toggle:not(:first-child) {
|
||||
@include border-left-radius(0);
|
||||
}
|
||||
|
||||
.btn-group > .dropdown-toggle:not(:first-child) {
|
||||
@include border-left(0);
|
||||
}
|
||||
|
||||
// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
|
||||
.btn-group > .btn-group {
|
||||
float: left;
|
||||
}
|
||||
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
|
||||
border-radius: 0;
|
||||
}
|
||||
.btn-group > .btn-group:first-child {
|
||||
> .btn:last-child,
|
||||
> .dropdown-toggle {
|
||||
@include border-right-radius(0);
|
||||
}
|
||||
}
|
||||
.btn-group > .btn-group:last-child > .btn:first-child {
|
||||
@include border-left-radius(0);
|
||||
}
|
||||
|
||||
// On active and open, don't show outline
|
||||
.btn-group .dropdown-toggle:active,
|
||||
.btn-group.open .dropdown-toggle {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
|
||||
// Sizing
|
||||
//
|
||||
// Remix the default button sizing classes into new ones for easier manipulation.
|
||||
|
||||
.btn-group-xs > .btn { @extend .btn-xs; }
|
||||
.btn-group-sm > .btn { @extend .btn-sm; }
|
||||
.btn-group-lg > .btn { @extend .btn-lg; }
|
||||
|
||||
|
||||
// Split button dropdowns
|
||||
// ----------------------
|
||||
|
||||
// Give the line between buttons some depth
|
||||
.btn-group > .btn + .dropdown-toggle {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
.btn-group > .btn-lg + .dropdown-toggle {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
// The clickable button for toggling the menu
|
||||
// Remove the gradient and set the same inset shadow as the :active state
|
||||
.btn-group.open .dropdown-toggle {
|
||||
@include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
|
||||
|
||||
// Show no shadow for `.btn-link` since it has no other button styles.
|
||||
&.btn-link {
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Reposition the caret
|
||||
.btn .caret {
|
||||
margin-left: 0;
|
||||
}
|
||||
// Carets in other button sizes
|
||||
.btn-lg .caret {
|
||||
border-width: $caret-width-large $caret-width-large 0;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
// Upside down carets for .dropup
|
||||
.dropup .btn-lg .caret {
|
||||
border-width: 0 $caret-width-large $caret-width-large;
|
||||
}
|
||||
|
||||
|
||||
// Vertical button groups
|
||||
// ----------------------
|
||||
|
||||
.btn-group-vertical {
|
||||
> .btn,
|
||||
> .btn-group,
|
||||
> .btn-group > .btn {
|
||||
display: block;
|
||||
float: none;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
// Clear floats so dropdown menus can be properly placed
|
||||
> .btn-group {
|
||||
@include clearfix();
|
||||
> .btn {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
> .btn + .btn,
|
||||
> .btn + .btn-group,
|
||||
> .btn-group + .btn,
|
||||
> .btn-group + .btn-group {
|
||||
margin-top: -1px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group-vertical > .btn {
|
||||
&:not(:first-child):not(:last-child) {
|
||||
border-radius: 0;
|
||||
}
|
||||
&:first-child:not(:last-child) {
|
||||
border-top-right-radius: $border-radius-base;
|
||||
@include border-bottom-radius(0);
|
||||
}
|
||||
&:last-child:not(:first-child) {
|
||||
border-bottom-left-radius: $border-radius-base;
|
||||
@include border-top-radius(0);
|
||||
}
|
||||
}
|
||||
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
|
||||
border-radius: 0;
|
||||
}
|
||||
.btn-group-vertical > .btn-group:first-child:not(:last-child) {
|
||||
> .btn:last-child,
|
||||
> .dropdown-toggle {
|
||||
@include border-bottom-radius(0);
|
||||
}
|
||||
}
|
||||
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
|
||||
@include border-top-radius(0);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Justified button groups
|
||||
// ----------------------
|
||||
|
||||
.btn-group-justified {
|
||||
display: table;
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
border-collapse: separate;
|
||||
> .btn,
|
||||
> .btn-group {
|
||||
float: none;
|
||||
display: table-cell;
|
||||
width: 1%;
|
||||
}
|
||||
> .btn-group .btn {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Checkbox and radio options
|
||||
//
|
||||
// In order to support the browser's form validation feedback, powered by the
|
||||
// `required` attribute, we have to "hide" the inputs via `opacity`. We cannot
|
||||
// use `display: none;` or `visibility: hidden;` as that also hides the popover.
|
||||
// This way, we ensure a DOM element is visible to position the popover from.
|
||||
//
|
||||
// See https://github.com/twbs/bootstrap/pull/12794 for more.
|
||||
|
||||
[data-toggle="buttons"] > .btn > input[type="radio"],
|
||||
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
opacity: 0;
|
||||
}
|
||||
159
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_buttons.scss
vendored
Normal file
159
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_buttons.scss
vendored
Normal file
@@ -0,0 +1,159 @@
|
||||
//
|
||||
// Buttons
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base styles
|
||||
// --------------------------------------------------
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
margin-bottom: 0; // For input.btn
|
||||
font-weight: $btn-font-weight;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
transition: .25s ease-out;
|
||||
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
||||
border: 1px solid transparent;
|
||||
white-space: nowrap;
|
||||
@include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base);
|
||||
@include user-select(none);
|
||||
|
||||
&,
|
||||
&:active,
|
||||
&.active {
|
||||
&:focus {
|
||||
@include tab-focus();
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $btn-default-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
outline: 0;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
cursor: not-allowed;
|
||||
pointer-events: none; // Future-proof disabling of clicks
|
||||
@include opacity(.65);
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Alternate buttons
|
||||
// --------------------------------------------------
|
||||
|
||||
.btn-default {
|
||||
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
|
||||
}
|
||||
.btn-primary {
|
||||
@include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
|
||||
}
|
||||
// Success appears as green
|
||||
.btn-success {
|
||||
@include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
|
||||
}
|
||||
// Info appears as blue-green
|
||||
.btn-info {
|
||||
@include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
|
||||
}
|
||||
// Warning appears as orange
|
||||
.btn-warning {
|
||||
@include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
|
||||
}
|
||||
// Danger and error appear as red
|
||||
.btn-danger {
|
||||
@include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
|
||||
}
|
||||
|
||||
|
||||
// Link buttons
|
||||
// -------------------------
|
||||
|
||||
// Make a button look and behave like a link
|
||||
.btn-link {
|
||||
color: $link-color;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
border-radius: 0;
|
||||
|
||||
&,
|
||||
&:active,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
background-color: transparent;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
border-color: transparent;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-hover-color;
|
||||
text-decoration: underline;
|
||||
background-color: transparent;
|
||||
}
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $btn-link-disabled-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Button Sizes
|
||||
// --------------------------------------------------
|
||||
|
||||
.btn-lg {
|
||||
// line-height: ensure even-numbered height of button next to large input
|
||||
@include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-small);
|
||||
}
|
||||
.btn-sm {
|
||||
// line-height: ensure proper height of button next to small input
|
||||
@include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
|
||||
}
|
||||
.btn-xs {
|
||||
@include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small);
|
||||
}
|
||||
|
||||
|
||||
// Block button
|
||||
// --------------------------------------------------
|
||||
|
||||
.btn-block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
// Vertically space out multiple block buttons
|
||||
.btn-block + .btn-block {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
// Specificity overrides
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"] {
|
||||
&.btn-block {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
241
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_carousel.scss
vendored
Normal file
241
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_carousel.scss
vendored
Normal file
@@ -0,0 +1,241 @@
|
||||
//
|
||||
// Carousel
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Wrapper for the slide container and indicators
|
||||
.carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.carousel-inner {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
|
||||
> .item {
|
||||
display: none;
|
||||
position: relative;
|
||||
@include transition(.6s ease-in-out left);
|
||||
|
||||
// Account for jankitude on images
|
||||
> img,
|
||||
> a > img {
|
||||
@include img-responsive();
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
> .active,
|
||||
> .next,
|
||||
> .prev { display: block; }
|
||||
|
||||
> .active {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
> .next,
|
||||
> .prev {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
> .next {
|
||||
left: 100%;
|
||||
}
|
||||
> .prev {
|
||||
left: -100%;
|
||||
}
|
||||
> .next.left,
|
||||
> .prev.right {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
> .active.left {
|
||||
left: -100%;
|
||||
}
|
||||
> .active.right {
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Left/right controls for nav
|
||||
// ---------------------------
|
||||
|
||||
.carousel-control {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: $carousel-control-width;
|
||||
@include opacity($carousel-control-opacity);
|
||||
font-size: $carousel-control-font-size;
|
||||
color: $carousel-control-color;
|
||||
text-align: center;
|
||||
text-shadow: $carousel-text-shadow;
|
||||
// We can't have this transition here because WebKit cancels the carousel
|
||||
// animation if you trip this while in the middle of another animation.
|
||||
|
||||
// Set gradients for backgrounds
|
||||
&.left {
|
||||
@include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
|
||||
}
|
||||
&.right {
|
||||
left: auto;
|
||||
right: 0;
|
||||
@include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
|
||||
}
|
||||
|
||||
// Hover/focus state
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: 0;
|
||||
color: $carousel-control-color;
|
||||
text-decoration: none;
|
||||
@include opacity(.9);
|
||||
}
|
||||
|
||||
// Toggles
|
||||
.icon-prev,
|
||||
.icon-next,
|
||||
.glyphicon-chevron-left,
|
||||
.glyphicon-chevron-right {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 5;
|
||||
display: inline-block;
|
||||
}
|
||||
.icon-prev,
|
||||
.glyphicon-chevron-left {
|
||||
left: 50%;
|
||||
margin-left: -10px;
|
||||
}
|
||||
.icon-next,
|
||||
.glyphicon-chevron-right {
|
||||
right: 50%;
|
||||
margin-right: -10px;
|
||||
}
|
||||
.icon-prev,
|
||||
.icon-next {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: -10px;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
|
||||
.icon-prev {
|
||||
&:before {
|
||||
content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
|
||||
}
|
||||
}
|
||||
.icon-next {
|
||||
&:before {
|
||||
content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Optional indicator pips
|
||||
//
|
||||
// Add an unordered list with the following class and add a list item for each
|
||||
// slide your carousel holds.
|
||||
|
||||
.carousel-indicators {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 50%;
|
||||
z-index: 15;
|
||||
width: 60%;
|
||||
margin-left: -30%;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 1px;
|
||||
text-indent: -999px;
|
||||
border: 1px solid $carousel-indicator-border-color;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
|
||||
// IE8-9 hack for event handling
|
||||
//
|
||||
// Internet Explorer 8-9 does not support clicks on elements without a set
|
||||
// `background-color`. We cannot use `filter` since that's not viewed as a
|
||||
// background color by the browser. Thus, a hack is needed.
|
||||
//
|
||||
// For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
|
||||
// set alpha transparency for the best results possible.
|
||||
background-color: #000 \9; // IE8
|
||||
background-color: rgba(0,0,0,0); // IE9
|
||||
}
|
||||
.active {
|
||||
margin: 0;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-color: $carousel-indicator-active-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Optional captions
|
||||
// -----------------------------
|
||||
// Hidden by default for smaller viewports
|
||||
.carousel-caption {
|
||||
position: absolute;
|
||||
left: 15%;
|
||||
right: 15%;
|
||||
bottom: 20px;
|
||||
z-index: 10;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
color: $carousel-caption-color;
|
||||
text-align: center;
|
||||
text-shadow: $carousel-text-shadow;
|
||||
& .btn {
|
||||
text-shadow: none; // No shadow for button elements in carousel-caption
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Scale up controls for tablets and up
|
||||
@media screen and (min-width: $screen-sm-min) {
|
||||
|
||||
// Scale up the controls a smidge
|
||||
.carousel-control {
|
||||
.glyphicon-chevron-left,
|
||||
.glyphicon-chevron-right,
|
||||
.icon-prev,
|
||||
.icon-next {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-top: -15px;
|
||||
font-size: 30px;
|
||||
}
|
||||
.glyphicon-chevron-left,
|
||||
.icon-prev {
|
||||
margin-left: -15px;
|
||||
}
|
||||
.glyphicon-chevron-right,
|
||||
.icon-next {
|
||||
margin-right: -15px;
|
||||
}
|
||||
}
|
||||
|
||||
// Show and left align the captions
|
||||
.carousel-caption {
|
||||
left: 20%;
|
||||
right: 20%;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
// Move up the indicators
|
||||
.carousel-indicators {
|
||||
bottom: 20px;
|
||||
}
|
||||
}
|
||||
35
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_close.scss
vendored
Normal file
35
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_close.scss
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
//
|
||||
// Close icons
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.close {
|
||||
float: right;
|
||||
font-size: ($font-size-base * 1.5);
|
||||
font-weight: $close-font-weight;
|
||||
line-height: 1;
|
||||
color: $close-color;
|
||||
text-shadow: $close-text-shadow;
|
||||
@include opacity(.2);
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $close-color;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
@include opacity(.5);
|
||||
}
|
||||
|
||||
// [converter] extracted button& to button.close
|
||||
}
|
||||
|
||||
// Additional properties for button version
|
||||
// iOS requires the button element instead of an anchor tag.
|
||||
// If you want the anchor version, it requires `href="#"`.
|
||||
button.close {
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
62
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_code.scss
vendored
Normal file
62
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_code.scss
vendored
Normal file
@@ -0,0 +1,62 @@
|
||||
//
|
||||
// Code (inline and block)
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Inline and block code styles
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: $font-family-monospace;
|
||||
}
|
||||
|
||||
// Inline code
|
||||
code {
|
||||
padding: 2px 4px;
|
||||
font-size: 90%;
|
||||
color: $code-color;
|
||||
background-color: $code-bg;
|
||||
border-radius: $border-radius-base;
|
||||
}
|
||||
|
||||
// User input typically entered via keyboard
|
||||
kbd {
|
||||
padding: 2px 4px;
|
||||
font-size: 90%;
|
||||
color: $kbd-color;
|
||||
background-color: $kbd-bg;
|
||||
border-radius: $border-radius-small;
|
||||
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
|
||||
}
|
||||
|
||||
// Blocks of code
|
||||
pre {
|
||||
display: block;
|
||||
padding: (($line-height-computed - 1) / 2);
|
||||
margin: 0 0 ($line-height-computed / 2);
|
||||
font-size: ($font-size-base - 1); // 14px to 13px
|
||||
line-height: $line-height-base;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
color: $pre-color;
|
||||
background-color: $pre-bg;
|
||||
border: 1px solid $pre-border-color;
|
||||
border-radius: $border-radius-base;
|
||||
|
||||
// Account for some code outputs that place code tags in pre tags
|
||||
code {
|
||||
padding: 0;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
white-space: pre-wrap;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Enable scrollable blocks of code
|
||||
.pre-scrollable {
|
||||
max-height: $pre-scrollable-max-height;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
35
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_component-animations.scss
vendored
Normal file
35
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_component-animations.scss
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
//
|
||||
// Component animations
|
||||
// --------------------------------------------------
|
||||
|
||||
// Heads up!
|
||||
//
|
||||
// We don't use the `.opacity()` mixin here since it causes a bug with text
|
||||
// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
|
||||
|
||||
.fade {
|
||||
opacity: 0;
|
||||
@include transition(opacity .15s linear);
|
||||
&.in {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.collapse {
|
||||
display: none;
|
||||
|
||||
&.in { display: block; }
|
||||
// [converter] extracted tr&.in to tr.collapse.in
|
||||
// [converter] extracted tbody&.in to tbody.collapse.in
|
||||
}
|
||||
|
||||
tr.collapse.in { display: table-row; }
|
||||
|
||||
tbody.collapse.in { display: table-row-group; }
|
||||
|
||||
.collapsing {
|
||||
position: relative;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
@include transition(height .35s ease);
|
||||
}
|
||||
214
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_dropdowns.scss
vendored
Normal file
214
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_dropdowns.scss
vendored
Normal file
@@ -0,0 +1,214 @@
|
||||
//
|
||||
// Dropdown menus
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Dropdown arrow/caret
|
||||
.caret {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-left: 2px;
|
||||
vertical-align: middle;
|
||||
border-top: $caret-width-base solid;
|
||||
border-right: $caret-width-base solid transparent;
|
||||
border-left: $caret-width-base solid transparent;
|
||||
}
|
||||
|
||||
// The dropdown wrapper (div)
|
||||
.dropdown {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// Prevent the focus on the dropdown toggle when closing dropdowns
|
||||
.dropdown-toggle:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
// The dropdown menu (ul)
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: $zindex-dropdown;
|
||||
display: none; // none by default, but block on "open" of the menu
|
||||
float: left;
|
||||
min-width: 160px;
|
||||
padding: 5px 0;
|
||||
margin: 2px 0 0; // override default ul
|
||||
list-style: none;
|
||||
font-size: $font-size-base;
|
||||
text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
|
||||
background-color: $dropdown-bg;
|
||||
border: 1px solid $dropdown-fallback-border; // IE8 fallback
|
||||
border: 1px solid $dropdown-border;
|
||||
border-radius: $border-radius-base;
|
||||
@include box-shadow(0 6px 12px rgba(0,0,0,.175));
|
||||
background-clip: padding-box;
|
||||
|
||||
// Aligns the dropdown menu to right
|
||||
//
|
||||
// Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
|
||||
&.pull-right {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
// Dividers (basically an hr) within the dropdown
|
||||
.divider {
|
||||
@include nav-divider($dropdown-divider-bg);
|
||||
}
|
||||
|
||||
// Links within the dropdown menu
|
||||
> li > a {
|
||||
display: block;
|
||||
padding: 3px 20px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: $line-height-base;
|
||||
color: $dropdown-link-color;
|
||||
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
||||
}
|
||||
}
|
||||
|
||||
// Hover/Focus state
|
||||
.dropdown-menu > li > a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
color: $dropdown-link-hover-color;
|
||||
background-color: $dropdown-link-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Active state
|
||||
.dropdown-menu > .active > a {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $dropdown-link-active-color;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
background-color: $dropdown-link-active-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Disabled state
|
||||
//
|
||||
// Gray out text and ensure the hover/focus state remains gray
|
||||
|
||||
.dropdown-menu > .disabled > a {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $dropdown-link-disabled-color;
|
||||
}
|
||||
}
|
||||
// Nuke hover/focus effects
|
||||
.dropdown-menu > .disabled > a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
background-image: none; // Remove CSS gradient
|
||||
@include reset-filter();
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
// Open state for the dropdown
|
||||
.open {
|
||||
// Show the menu
|
||||
> .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Remove the outline when :focus is triggered
|
||||
> a {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Menu positioning
|
||||
//
|
||||
// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
|
||||
// menu with the parent.
|
||||
.dropdown-menu-right {
|
||||
left: auto; // Reset the default from `.dropdown-menu`
|
||||
right: 0;
|
||||
}
|
||||
// With v3, we enabled auto-flipping if you have a dropdown within a right
|
||||
// aligned nav component. To enable the undoing of that, we provide an override
|
||||
// to restore the default dropdown menu alignment.
|
||||
//
|
||||
// This is only for left-aligning a dropdown menu within a `.navbar-right` or
|
||||
// `.pull-right` nav component.
|
||||
.dropdown-menu-left {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
// Dropdown section headers
|
||||
.dropdown-header {
|
||||
display: block;
|
||||
padding: 3px 20px;
|
||||
font-size: $font-size-small;
|
||||
line-height: $line-height-base;
|
||||
color: $dropdown-header-color;
|
||||
}
|
||||
|
||||
// Backdrop to catch body clicks on mobile, etc.
|
||||
.dropdown-backdrop {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
z-index: ($zindex-dropdown - 10);
|
||||
}
|
||||
|
||||
// Right aligned dropdowns
|
||||
.pull-right > .dropdown-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
||||
//
|
||||
// Just add .dropup after the standard .dropdown class and you're set, bro.
|
||||
// TODO: abstract this so that the navbar fixed styles are not placed here?
|
||||
|
||||
.dropup,
|
||||
.navbar-fixed-bottom .dropdown {
|
||||
// Reverse the caret
|
||||
.caret {
|
||||
border-top: 0;
|
||||
border-bottom: $caret-width-base solid;
|
||||
content: "";
|
||||
}
|
||||
// Different positioning for bottom up menu
|
||||
.dropdown-menu {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Component alignment
|
||||
//
|
||||
// Reiterate per navbar.less and the modified component alignment there.
|
||||
|
||||
@media (min-width: $grid-float-breakpoint) {
|
||||
.navbar-right {
|
||||
.dropdown-menu {
|
||||
right: 0; left: auto;
|
||||
}
|
||||
// Necessary for overrides of the default right aligned menu.
|
||||
// Will remove come v4 in all likelihood.
|
||||
.dropdown-menu-left {
|
||||
left: 0; right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
477
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_forms.scss
vendored
Normal file
477
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_forms.scss
vendored
Normal file
@@ -0,0 +1,477 @@
|
||||
//
|
||||
// Forms
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Normalize non-controls
|
||||
//
|
||||
// Restyle and baseline non-control form elements.
|
||||
|
||||
fieldset {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
// Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,
|
||||
// so we reset that to ensure it behaves more like a standard block element.
|
||||
// See https://github.com/twbs/bootstrap/issues/12359.
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: $line-height-computed;
|
||||
font-size: ($font-size-base * 1.5);
|
||||
line-height: inherit;
|
||||
color: $legend-color;
|
||||
border: 0;
|
||||
border-bottom: 1px solid $legend-border-color;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
// Normalize form controls
|
||||
//
|
||||
// While most of our form styles require extra classes, some basic normalization
|
||||
// is required to ensure optimum display with or without those classes to better
|
||||
// address browser inconsistencies.
|
||||
|
||||
// Override content-box in Normalize (* isn't specific enough)
|
||||
input[type="search"] {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
// Position radios and checkboxes better
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
margin: 3px 0 0;
|
||||
margin-top: 1px \9; // IE8-9
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
// Set the height of file controls to match text inputs
|
||||
input[type="file"] {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Make range inputs behave like textual form controls
|
||||
input[type="range"] {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// Make multiple select elements height not fixed
|
||||
select[multiple],
|
||||
select[size] {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Focus for file, radio, and checkbox
|
||||
input[type="file"]:focus,
|
||||
input[type="radio"]:focus,
|
||||
input[type="checkbox"]:focus {
|
||||
@include tab-focus();
|
||||
}
|
||||
|
||||
// Adjust output element
|
||||
output {
|
||||
display: block;
|
||||
padding-top: ($padding-base-vertical + 1);
|
||||
font-size: $font-size-base;
|
||||
line-height: $line-height-base;
|
||||
color: $input-color;
|
||||
}
|
||||
|
||||
|
||||
// Common form controls
|
||||
//
|
||||
// Shared size and type resets for form controls. Apply `.form-control` to any
|
||||
// of the following form controls:
|
||||
//
|
||||
// select
|
||||
// textarea
|
||||
// input[type="text"]
|
||||
// input[type="password"]
|
||||
// input[type="datetime"]
|
||||
// input[type="datetime-local"]
|
||||
// input[type="date"]
|
||||
// input[type="month"]
|
||||
// input[type="time"]
|
||||
// input[type="week"]
|
||||
// input[type="number"]
|
||||
// input[type="email"]
|
||||
// input[type="url"]
|
||||
// input[type="search"]
|
||||
// input[type="tel"]
|
||||
// input[type="color"]
|
||||
|
||||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
|
||||
padding: $padding-base-vertical $padding-base-horizontal;
|
||||
font-size: $font-size-base;
|
||||
line-height: $line-height-base;
|
||||
color: $input-color;
|
||||
background-color: $input-bg;
|
||||
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
|
||||
border: 1px solid $input-border;
|
||||
border-radius: $input-border-radius;
|
||||
@include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
|
||||
|
||||
// Customize the `:focus` state to imitate native WebKit styles.
|
||||
@include form-control-focus();
|
||||
|
||||
// Placeholder
|
||||
@include placeholder();
|
||||
|
||||
// Disabled and read-only inputs
|
||||
//
|
||||
// HTML5 says that controls under a fieldset > legend:first-child won't be
|
||||
// disabled if the fieldset is disabled. Due to implementation difficulty, we
|
||||
// don't honor that edge case; we style them as disabled anyway.
|
||||
&[disabled],
|
||||
&[readonly],
|
||||
fieldset[disabled] & {
|
||||
cursor: not-allowed;
|
||||
background-color: $input-bg-disabled;
|
||||
opacity: 1; // iOS fix for unreadable disabled content
|
||||
}
|
||||
|
||||
// [converter] extracted textarea& to textarea.form-control
|
||||
}
|
||||
|
||||
// Reset height for `textarea`s
|
||||
textarea.form-control {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
// Search inputs in iOS
|
||||
//
|
||||
// This overrides the extra rounded corners on search inputs in iOS so that our
|
||||
// `.form-control` class can properly style them. Note that this cannot simply
|
||||
// be added to `.form-control` as it's not specific enough. For details, see
|
||||
// https://github.com/twbs/bootstrap/issues/11586.
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
|
||||
// Special styles for iOS date input
|
||||
//
|
||||
// In Mobile Safari, date inputs require a pixel line-height that matches the
|
||||
// given height of the input. Since this fucks up everything else, we have to
|
||||
// appropriately reset it for Internet Explorer and the size variations.
|
||||
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
line-height: $input-height-base;
|
||||
// IE8+ misaligns the text within date inputs, so we reset
|
||||
line-height: $line-height-base #{\0};
|
||||
|
||||
&.input-sm {
|
||||
line-height: $input-height-small;
|
||||
}
|
||||
&.input-lg {
|
||||
line-height: $input-height-large;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Form groups
|
||||
//
|
||||
// Designed to help with the organization and spacing of vertical forms. For
|
||||
// horizontal forms, use the predefined grid classes.
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
|
||||
// Checkboxes and radios
|
||||
//
|
||||
// Indent the labels to position radios/checkboxes as hanging controls.
|
||||
|
||||
.radio,
|
||||
.checkbox {
|
||||
display: block;
|
||||
min-height: $line-height-computed; // clear the floating input if there is no label text
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
label {
|
||||
padding-left: 20px;
|
||||
margin-bottom: 0;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.radio input[type="radio"],
|
||||
.radio-inline input[type="radio"],
|
||||
.checkbox input[type="checkbox"],
|
||||
.checkbox-inline input[type="checkbox"] {
|
||||
float: left;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.radio + .radio,
|
||||
.checkbox + .checkbox {
|
||||
margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
|
||||
}
|
||||
|
||||
// Radios and checkboxes on same line
|
||||
.radio-inline,
|
||||
.checkbox-inline {
|
||||
display: inline-block;
|
||||
padding-left: 20px;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
}
|
||||
.radio-inline + .radio-inline,
|
||||
.checkbox-inline + .checkbox-inline {
|
||||
margin-top: 0;
|
||||
margin-left: 10px; // space out consecutive inline controls
|
||||
}
|
||||
|
||||
// Apply same disabled cursor tweak as for inputs
|
||||
//
|
||||
// Note: Neither radios nor checkboxes can be readonly.
|
||||
input[type="radio"],
|
||||
input[type="checkbox"],
|
||||
.radio,
|
||||
.radio-inline,
|
||||
.checkbox,
|
||||
.checkbox-inline {
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Form control sizing
|
||||
//
|
||||
// Build on `.form-control` with modifier classes to decrease or increase the
|
||||
// height and font-size of form controls.
|
||||
|
||||
@include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
|
||||
|
||||
@include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
|
||||
|
||||
|
||||
// Form control feedback states
|
||||
//
|
||||
// Apply contextual and semantic states to individual form controls.
|
||||
|
||||
.has-feedback {
|
||||
// Enable absolute positioning
|
||||
position: relative;
|
||||
|
||||
// Ensure icons don't overlap text
|
||||
.form-control {
|
||||
padding-right: ($input-height-base * 1.25);
|
||||
}
|
||||
}
|
||||
// Feedback icon (requires .glyphicon classes)
|
||||
.form-control-feedback {
|
||||
position: absolute;
|
||||
top: ($line-height-computed + 5); // Height of the `label` and its margin
|
||||
right: 0;
|
||||
z-index: 2; // Ensure icon is above input groups
|
||||
display: block;
|
||||
width: $input-height-base;
|
||||
height: $input-height-base;
|
||||
line-height: $input-height-base;
|
||||
text-align: center;
|
||||
}
|
||||
.input-lg + .form-control-feedback {
|
||||
width: $input-height-large;
|
||||
height: $input-height-large;
|
||||
line-height: $input-height-large;
|
||||
}
|
||||
.input-sm + .form-control-feedback {
|
||||
width: $input-height-small;
|
||||
height: $input-height-small;
|
||||
line-height: $input-height-small;
|
||||
}
|
||||
|
||||
// Feedback states
|
||||
.has-success {
|
||||
@include form-control-validation($state-success-text, $state-success-text, $state-success-bg);
|
||||
}
|
||||
.has-warning {
|
||||
@include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg);
|
||||
}
|
||||
.has-error {
|
||||
@include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg);
|
||||
}
|
||||
|
||||
|
||||
// Static form control text
|
||||
//
|
||||
// Apply class to a `p` element to make any string of text align with labels in
|
||||
// a horizontal form layout.
|
||||
|
||||
.form-control-static {
|
||||
margin-bottom: 0; // Remove default margin from `p`
|
||||
}
|
||||
|
||||
|
||||
// Help text
|
||||
//
|
||||
// Apply to any element you wish to create light text for placement immediately
|
||||
// below a form control. Use for general help, formatting, or instructional text.
|
||||
|
||||
.help-block {
|
||||
display: block; // account for any element using help-block
|
||||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
color: lighten($text-color, 25%); // lighten the text some for contrast
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Inline forms
|
||||
//
|
||||
// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
|
||||
// forms begin stacked on extra small (mobile) devices and then go inline when
|
||||
// viewports reach <768px.
|
||||
//
|
||||
// Requires wrapping inputs and labels with `.form-group` for proper display of
|
||||
// default HTML form controls and our custom form controls (e.g., input groups).
|
||||
//
|
||||
// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
|
||||
|
||||
.form-inline {
|
||||
|
||||
// Kick in the inline
|
||||
@media (min-width: $screen-sm-min) {
|
||||
// Inline-block all the things for "inline"
|
||||
.form-group {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
// In navbar-form, allow folks to *not* use `.form-group`
|
||||
.form-control {
|
||||
display: inline-block;
|
||||
width: auto; // Prevent labels from stacking above inputs in `.form-group`
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
display: inline-table;
|
||||
vertical-align: middle;
|
||||
|
||||
.input-group-addon,
|
||||
.input-group-btn,
|
||||
.form-control {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// Input groups need that 100% width though
|
||||
.input-group > .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.control-label {
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
// Remove default margin on radios/checkboxes that were used for stacking, and
|
||||
// then undo the floating of radios and checkboxes to match (which also avoids
|
||||
// a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
|
||||
.radio,
|
||||
.checkbox {
|
||||
display: inline-block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-left: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.radio input[type="radio"],
|
||||
.checkbox input[type="checkbox"] {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Validation states
|
||||
//
|
||||
// Reposition the icon because it's now within a grid column and columns have
|
||||
// `position: relative;` on them. Also accounts for the grid gutter padding.
|
||||
.has-feedback .form-control-feedback {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Horizontal forms
|
||||
//
|
||||
// Horizontal forms are built on grid classes and allow you to create forms with
|
||||
// labels on the left and inputs on the right.
|
||||
|
||||
.form-horizontal {
|
||||
|
||||
// Consistent vertical alignment of radios and checkboxes
|
||||
//
|
||||
// Labels also get some reset styles, but that is scoped to a media query below.
|
||||
.radio,
|
||||
.checkbox,
|
||||
.radio-inline,
|
||||
.checkbox-inline {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-top: ($padding-base-vertical + 1); // Default padding plus a border
|
||||
}
|
||||
// Account for padding we're adding to ensure the alignment and of help text
|
||||
// and other content below items
|
||||
.radio,
|
||||
.checkbox {
|
||||
min-height: ($line-height-computed + ($padding-base-vertical + 1));
|
||||
}
|
||||
|
||||
// Make form groups behave like rows
|
||||
.form-group {
|
||||
@include make-row();
|
||||
}
|
||||
|
||||
.form-control-static {
|
||||
padding-top: ($padding-base-vertical + 1);
|
||||
padding-bottom: ($padding-base-vertical + 1);
|
||||
}
|
||||
|
||||
// Reset spacing and right align labels, but scope to media queries so that
|
||||
// labels on narrow viewports stack the same as a default form example.
|
||||
@media (min-width: $screen-sm-min) {
|
||||
.control-label {
|
||||
text-align: right;
|
||||
margin-bottom: 0;
|
||||
padding-top: ($padding-base-vertical - 1); // Default padding plus a border
|
||||
}
|
||||
}
|
||||
|
||||
// Validation states
|
||||
//
|
||||
// Reposition the icon because it's now within a grid column and columns have
|
||||
// `position: relative;` on them. Also accounts for the grid gutter padding.
|
||||
.has-feedback .form-control-feedback {
|
||||
top: 0;
|
||||
right: ($grid-gutter-width / 2);
|
||||
}
|
||||
}
|
||||
237
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_glyphicons.scss
vendored
Normal file
237
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_glyphicons.scss
vendored
Normal file
@@ -0,0 +1,237 @@
|
||||
//= depend_on_asset "bootstrap/glyphicons-halflings-regular.eot"
|
||||
//= depend_on_asset "bootstrap/glyphicons-halflings-regular.svg"
|
||||
//= depend_on_asset "bootstrap/glyphicons-halflings-regular.ttf"
|
||||
//= depend_on_asset "bootstrap/glyphicons-halflings-regular.woff"
|
||||
//
|
||||
// Glyphicons for Bootstrap
|
||||
//
|
||||
// Since icons are fonts, they can be placed anywhere text is placed and are
|
||||
// thus automatically sized to match the surrounding child. To use, create an
|
||||
// inline element with the appropriate classes, like so:
|
||||
//
|
||||
// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
|
||||
|
||||
// Import the fonts
|
||||
@font-face {
|
||||
font-family: 'Glyphicons Halflings';
|
||||
src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot'));
|
||||
src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'),
|
||||
url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff'), '#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'),
|
||||
url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.ttf'), '#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'),
|
||||
url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}'), '#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg');
|
||||
}
|
||||
|
||||
// Catchall baseclass
|
||||
.glyphicon {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
display: inline-block;
|
||||
font-family: 'Glyphicons Halflings';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
// Individual icons
|
||||
.glyphicon-asterisk { &:before { content: "\2a"; } }
|
||||
.glyphicon-plus { &:before { content: "\2b"; } }
|
||||
.glyphicon-euro { &:before { content: "\20ac"; } }
|
||||
.glyphicon-minus { &:before { content: "\2212"; } }
|
||||
.glyphicon-cloud { &:before { content: "\2601"; } }
|
||||
.glyphicon-envelope { &:before { content: "\2709"; } }
|
||||
.glyphicon-pencil { &:before { content: "\270f"; } }
|
||||
.glyphicon-glass { &:before { content: "\e001"; } }
|
||||
.glyphicon-music { &:before { content: "\e002"; } }
|
||||
.glyphicon-search { &:before { content: "\e003"; } }
|
||||
.glyphicon-heart { &:before { content: "\e005"; } }
|
||||
.glyphicon-star { &:before { content: "\e006"; } }
|
||||
.glyphicon-star-empty { &:before { content: "\e007"; } }
|
||||
.glyphicon-user { &:before { content: "\e008"; } }
|
||||
.glyphicon-film { &:before { content: "\e009"; } }
|
||||
.glyphicon-th-large { &:before { content: "\e010"; } }
|
||||
.glyphicon-th { &:before { content: "\e011"; } }
|
||||
.glyphicon-th-list { &:before { content: "\e012"; } }
|
||||
.glyphicon-ok { &:before { content: "\e013"; } }
|
||||
.glyphicon-remove { &:before { content: "\e014"; } }
|
||||
.glyphicon-zoom-in { &:before { content: "\e015"; } }
|
||||
.glyphicon-zoom-out { &:before { content: "\e016"; } }
|
||||
.glyphicon-off { &:before { content: "\e017"; } }
|
||||
.glyphicon-signal { &:before { content: "\e018"; } }
|
||||
.glyphicon-cog { &:before { content: "\e019"; } }
|
||||
.glyphicon-trash { &:before { content: "\e020"; } }
|
||||
.glyphicon-home { &:before { content: "\e021"; } }
|
||||
.glyphicon-file { &:before { content: "\e022"; } }
|
||||
.glyphicon-time { &:before { content: "\e023"; } }
|
||||
.glyphicon-road { &:before { content: "\e024"; } }
|
||||
.glyphicon-download-alt { &:before { content: "\e025"; } }
|
||||
.glyphicon-download { &:before { content: "\e026"; } }
|
||||
.glyphicon-upload { &:before { content: "\e027"; } }
|
||||
.glyphicon-inbox { &:before { content: "\e028"; } }
|
||||
.glyphicon-play-circle { &:before { content: "\e029"; } }
|
||||
.glyphicon-repeat { &:before { content: "\e030"; } }
|
||||
.glyphicon-refresh { &:before { content: "\e031"; } }
|
||||
.glyphicon-list-alt { &:before { content: "\e032"; } }
|
||||
.glyphicon-lock { &:before { content: "\e033"; } }
|
||||
.glyphicon-flag { &:before { content: "\e034"; } }
|
||||
.glyphicon-headphones { &:before { content: "\e035"; } }
|
||||
.glyphicon-volume-off { &:before { content: "\e036"; } }
|
||||
.glyphicon-volume-down { &:before { content: "\e037"; } }
|
||||
.glyphicon-volume-up { &:before { content: "\e038"; } }
|
||||
.glyphicon-qrcode { &:before { content: "\e039"; } }
|
||||
.glyphicon-barcode { &:before { content: "\e040"; } }
|
||||
.glyphicon-tag { &:before { content: "\e041"; } }
|
||||
.glyphicon-tags { &:before { content: "\e042"; } }
|
||||
.glyphicon-book { &:before { content: "\e043"; } }
|
||||
.glyphicon-bookmark { &:before { content: "\e044"; } }
|
||||
.glyphicon-print { &:before { content: "\e045"; } }
|
||||
.glyphicon-camera { &:before { content: "\e046"; } }
|
||||
.glyphicon-font { &:before { content: "\e047"; } }
|
||||
.glyphicon-bold { &:before { content: "\e048"; } }
|
||||
.glyphicon-italic { &:before { content: "\e049"; } }
|
||||
.glyphicon-text-height { &:before { content: "\e050"; } }
|
||||
.glyphicon-text-width { &:before { content: "\e051"; } }
|
||||
.glyphicon-align-left { &:before { content: "\e052"; } }
|
||||
.glyphicon-align-center { &:before { content: "\e053"; } }
|
||||
.glyphicon-align-right { &:before { content: "\e054"; } }
|
||||
.glyphicon-align-justify { &:before { content: "\e055"; } }
|
||||
.glyphicon-list { &:before { content: "\e056"; } }
|
||||
.glyphicon-indent-left { &:before { content: "\e057"; } }
|
||||
.glyphicon-indent-right { &:before { content: "\e058"; } }
|
||||
.glyphicon-facetime-video { &:before { content: "\e059"; } }
|
||||
.glyphicon-picture { &:before { content: "\e060"; } }
|
||||
.glyphicon-map-marker { &:before { content: "\e062"; } }
|
||||
.glyphicon-adjust { &:before { content: "\e063"; } }
|
||||
.glyphicon-tint { &:before { content: "\e064"; } }
|
||||
.glyphicon-edit { &:before { content: "\e065"; } }
|
||||
.glyphicon-share { &:before { content: "\e066"; } }
|
||||
.glyphicon-check { &:before { content: "\e067"; } }
|
||||
.glyphicon-move { &:before { content: "\e068"; } }
|
||||
.glyphicon-step-backward { &:before { content: "\e069"; } }
|
||||
.glyphicon-fast-backward { &:before { content: "\e070"; } }
|
||||
.glyphicon-backward { &:before { content: "\e071"; } }
|
||||
.glyphicon-play { &:before { content: "\e072"; } }
|
||||
.glyphicon-pause { &:before { content: "\e073"; } }
|
||||
.glyphicon-stop { &:before { content: "\e074"; } }
|
||||
.glyphicon-forward { &:before { content: "\e075"; } }
|
||||
.glyphicon-fast-forward { &:before { content: "\e076"; } }
|
||||
.glyphicon-step-forward { &:before { content: "\e077"; } }
|
||||
.glyphicon-eject { &:before { content: "\e078"; } }
|
||||
.glyphicon-chevron-left { &:before { content: "\e079"; } }
|
||||
.glyphicon-chevron-right { &:before { content: "\e080"; } }
|
||||
.glyphicon-plus-sign { &:before { content: "\e081"; } }
|
||||
.glyphicon-minus-sign { &:before { content: "\e082"; } }
|
||||
.glyphicon-remove-sign { &:before { content: "\e083"; } }
|
||||
.glyphicon-ok-sign { &:before { content: "\e084"; } }
|
||||
.glyphicon-question-sign { &:before { content: "\e085"; } }
|
||||
.glyphicon-info-sign { &:before { content: "\e086"; } }
|
||||
.glyphicon-screenshot { &:before { content: "\e087"; } }
|
||||
.glyphicon-remove-circle { &:before { content: "\e088"; } }
|
||||
.glyphicon-ok-circle { &:before { content: "\e089"; } }
|
||||
.glyphicon-ban-circle { &:before { content: "\e090"; } }
|
||||
.glyphicon-arrow-left { &:before { content: "\e091"; } }
|
||||
.glyphicon-arrow-right { &:before { content: "\e092"; } }
|
||||
.glyphicon-arrow-up { &:before { content: "\e093"; } }
|
||||
.glyphicon-arrow-down { &:before { content: "\e094"; } }
|
||||
.glyphicon-share-alt { &:before { content: "\e095"; } }
|
||||
.glyphicon-resize-full { &:before { content: "\e096"; } }
|
||||
.glyphicon-resize-small { &:before { content: "\e097"; } }
|
||||
.glyphicon-exclamation-sign { &:before { content: "\e101"; } }
|
||||
.glyphicon-gift { &:before { content: "\e102"; } }
|
||||
.glyphicon-leaf { &:before { content: "\e103"; } }
|
||||
.glyphicon-fire { &:before { content: "\e104"; } }
|
||||
.glyphicon-eye-open { &:before { content: "\e105"; } }
|
||||
.glyphicon-eye-close { &:before { content: "\e106"; } }
|
||||
.glyphicon-warning-sign { &:before { content: "\e107"; } }
|
||||
.glyphicon-plane { &:before { content: "\e108"; } }
|
||||
.glyphicon-calendar { &:before { content: "\e109"; } }
|
||||
.glyphicon-random { &:before { content: "\e110"; } }
|
||||
.glyphicon-comment { &:before { content: "\e111"; } }
|
||||
.glyphicon-magnet { &:before { content: "\e112"; } }
|
||||
.glyphicon-chevron-up { &:before { content: "\e113"; } }
|
||||
.glyphicon-chevron-down { &:before { content: "\e114"; } }
|
||||
.glyphicon-retweet { &:before { content: "\e115"; } }
|
||||
.glyphicon-shopping-cart { &:before { content: "\e116"; } }
|
||||
.glyphicon-folder-close { &:before { content: "\e117"; } }
|
||||
.glyphicon-folder-open { &:before { content: "\e118"; } }
|
||||
.glyphicon-resize-vertical { &:before { content: "\e119"; } }
|
||||
.glyphicon-resize-horizontal { &:before { content: "\e120"; } }
|
||||
.glyphicon-hdd { &:before { content: "\e121"; } }
|
||||
.glyphicon-bullhorn { &:before { content: "\e122"; } }
|
||||
.glyphicon-bell { &:before { content: "\e123"; } }
|
||||
.glyphicon-certificate { &:before { content: "\e124"; } }
|
||||
.glyphicon-thumbs-up { &:before { content: "\e125"; } }
|
||||
.glyphicon-thumbs-down { &:before { content: "\e126"; } }
|
||||
.glyphicon-hand-right { &:before { content: "\e127"; } }
|
||||
.glyphicon-hand-left { &:before { content: "\e128"; } }
|
||||
.glyphicon-hand-up { &:before { content: "\e129"; } }
|
||||
.glyphicon-hand-down { &:before { content: "\e130"; } }
|
||||
.glyphicon-circle-arrow-right { &:before { content: "\e131"; } }
|
||||
.glyphicon-circle-arrow-left { &:before { content: "\e132"; } }
|
||||
.glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
|
||||
.glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
|
||||
.glyphicon-globe { &:before { content: "\e135"; } }
|
||||
.glyphicon-wrench { &:before { content: "\e136"; } }
|
||||
.glyphicon-tasks { &:before { content: "\e137"; } }
|
||||
.glyphicon-filter { &:before { content: "\e138"; } }
|
||||
.glyphicon-briefcase { &:before { content: "\e139"; } }
|
||||
.glyphicon-fullscreen { &:before { content: "\e140"; } }
|
||||
.glyphicon-dashboard { &:before { content: "\e141"; } }
|
||||
.glyphicon-paperclip { &:before { content: "\e142"; } }
|
||||
.glyphicon-heart-empty { &:before { content: "\e143"; } }
|
||||
.glyphicon-link { &:before { content: "\e144"; } }
|
||||
.glyphicon-phone { &:before { content: "\e145"; } }
|
||||
.glyphicon-pushpin { &:before { content: "\e146"; } }
|
||||
.glyphicon-usd { &:before { content: "\e148"; } }
|
||||
.glyphicon-gbp { &:before { content: "\e149"; } }
|
||||
.glyphicon-sort { &:before { content: "\e150"; } }
|
||||
.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } }
|
||||
.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } }
|
||||
.glyphicon-sort-by-order { &:before { content: "\e153"; } }
|
||||
.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } }
|
||||
.glyphicon-sort-by-attributes { &:before { content: "\e155"; } }
|
||||
.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
|
||||
.glyphicon-unchecked { &:before { content: "\e157"; } }
|
||||
.glyphicon-expand { &:before { content: "\e158"; } }
|
||||
.glyphicon-collapse-down { &:before { content: "\e159"; } }
|
||||
.glyphicon-collapse-up { &:before { content: "\e160"; } }
|
||||
.glyphicon-log-in { &:before { content: "\e161"; } }
|
||||
.glyphicon-flash { &:before { content: "\e162"; } }
|
||||
.glyphicon-log-out { &:before { content: "\e163"; } }
|
||||
.glyphicon-new-window { &:before { content: "\e164"; } }
|
||||
.glyphicon-record { &:before { content: "\e165"; } }
|
||||
.glyphicon-save { &:before { content: "\e166"; } }
|
||||
.glyphicon-open { &:before { content: "\e167"; } }
|
||||
.glyphicon-saved { &:before { content: "\e168"; } }
|
||||
.glyphicon-import { &:before { content: "\e169"; } }
|
||||
.glyphicon-export { &:before { content: "\e170"; } }
|
||||
.glyphicon-send { &:before { content: "\e171"; } }
|
||||
.glyphicon-floppy-disk { &:before { content: "\e172"; } }
|
||||
.glyphicon-floppy-saved { &:before { content: "\e173"; } }
|
||||
.glyphicon-floppy-remove { &:before { content: "\e174"; } }
|
||||
.glyphicon-floppy-save { &:before { content: "\e175"; } }
|
||||
.glyphicon-floppy-open { &:before { content: "\e176"; } }
|
||||
.glyphicon-credit-card { &:before { content: "\e177"; } }
|
||||
.glyphicon-transfer { &:before { content: "\e178"; } }
|
||||
.glyphicon-cutlery { &:before { content: "\e179"; } }
|
||||
.glyphicon-header { &:before { content: "\e180"; } }
|
||||
.glyphicon-compressed { &:before { content: "\e181"; } }
|
||||
.glyphicon-earphone { &:before { content: "\e182"; } }
|
||||
.glyphicon-phone-alt { &:before { content: "\e183"; } }
|
||||
.glyphicon-tower { &:before { content: "\e184"; } }
|
||||
.glyphicon-stats { &:before { content: "\e185"; } }
|
||||
.glyphicon-sd-video { &:before { content: "\e186"; } }
|
||||
.glyphicon-hd-video { &:before { content: "\e187"; } }
|
||||
.glyphicon-subtitles { &:before { content: "\e188"; } }
|
||||
.glyphicon-sound-stereo { &:before { content: "\e189"; } }
|
||||
.glyphicon-sound-dolby { &:before { content: "\e190"; } }
|
||||
.glyphicon-sound-5-1 { &:before { content: "\e191"; } }
|
||||
.glyphicon-sound-6-1 { &:before { content: "\e192"; } }
|
||||
.glyphicon-sound-7-1 { &:before { content: "\e193"; } }
|
||||
.glyphicon-copyright-mark { &:before { content: "\e194"; } }
|
||||
.glyphicon-registration-mark { &:before { content: "\e195"; } }
|
||||
.glyphicon-cloud-download { &:before { content: "\e197"; } }
|
||||
.glyphicon-cloud-upload { &:before { content: "\e198"; } }
|
||||
.glyphicon-tree-conifer { &:before { content: "\e199"; } }
|
||||
.glyphicon-tree-deciduous { &:before { content: "\e200"; } }
|
||||
84
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_grid.scss
vendored
Normal file
84
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_grid.scss
vendored
Normal file
@@ -0,0 +1,84 @@
|
||||
//
|
||||
// Grid system
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Container widths
|
||||
//
|
||||
// Set the container width, and override it for fixed navbars in media queries.
|
||||
|
||||
.container {
|
||||
@include container-fixed();
|
||||
|
||||
@media (min-width: $screen-sm-min) {
|
||||
width: $container-sm;
|
||||
}
|
||||
@media (min-width: $screen-md-min) {
|
||||
width: $container-md;
|
||||
}
|
||||
@media (min-width: $screen-lg-min) {
|
||||
width: $container-lg;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Fluid container
|
||||
//
|
||||
// Utilizes the mixin meant for fixed width containers, but without any defined
|
||||
// width for fluid, full width layouts.
|
||||
|
||||
.container-fluid {
|
||||
@include container-fixed();
|
||||
}
|
||||
|
||||
|
||||
// Row
|
||||
//
|
||||
// Rows contain and clear the floats of your columns.
|
||||
|
||||
.row {
|
||||
@include make-row();
|
||||
}
|
||||
|
||||
|
||||
// Columns
|
||||
//
|
||||
// Common styles for small and large grid columns
|
||||
|
||||
@include make-grid-columns();
|
||||
|
||||
|
||||
// Extra small grid
|
||||
//
|
||||
// Columns, offsets, pushes, and pulls for extra small devices like
|
||||
// smartphones.
|
||||
|
||||
@include make-grid(xs);
|
||||
|
||||
|
||||
// Small grid
|
||||
//
|
||||
// Columns, offsets, pushes, and pulls for the small device range, from phones
|
||||
// to tablets.
|
||||
|
||||
@media (min-width: $screen-sm-min) {
|
||||
@include make-grid(sm);
|
||||
}
|
||||
|
||||
|
||||
// Medium grid
|
||||
//
|
||||
// Columns, offsets, pushes, and pulls for the desktop device range.
|
||||
|
||||
@media (min-width: $screen-md-min) {
|
||||
@include make-grid(md);
|
||||
}
|
||||
|
||||
|
||||
// Large grid
|
||||
//
|
||||
// Columns, offsets, pushes, and pulls for the large desktop device range.
|
||||
|
||||
@media (min-width: $screen-lg-min) {
|
||||
@include make-grid(lg);
|
||||
}
|
||||
170
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_input-groups.scss
vendored
Normal file
170
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_input-groups.scss
vendored
Normal file
@@ -0,0 +1,170 @@
|
||||
//
|
||||
// Input groups
|
||||
// --------------------------------------------------
|
||||
|
||||
// Base styles
|
||||
// -------------------------
|
||||
.input-group {
|
||||
position: relative; // For dropdowns
|
||||
display: table;
|
||||
border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
|
||||
|
||||
// Undo padding and float of grid classes
|
||||
&[class*="col-"] {
|
||||
float: none;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
// Ensure that the input is always above the *appended* addon button for
|
||||
// proper border colors.
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
// IE9 fubars the placeholder attribute in text inputs and the arrows on
|
||||
// select elements in input groups. To fix it, we float the input. Details:
|
||||
// https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
|
||||
float: left;
|
||||
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Sizing options
|
||||
//
|
||||
// Remix the default form control sizing classes into new ones for easier
|
||||
// manipulation.
|
||||
|
||||
.input-group-lg > .form-control,
|
||||
.input-group-lg > .input-group-addon,
|
||||
.input-group-lg > .input-group-btn > .btn { @extend .input-lg; }
|
||||
.input-group-sm > .form-control,
|
||||
.input-group-sm > .input-group-addon,
|
||||
.input-group-sm > .input-group-btn > .btn { @extend .input-sm; }
|
||||
|
||||
|
||||
// Display as table-cell
|
||||
// -------------------------
|
||||
.input-group-addon,
|
||||
.input-group-btn,
|
||||
.input-group .form-control {
|
||||
display: table-cell;
|
||||
|
||||
&:not(:first-child):not(:last-child) {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
// Addon and addon wrapper for buttons
|
||||
.input-group-addon,
|
||||
.input-group-btn {
|
||||
width: 1%;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle; // Match the inputs
|
||||
|
||||
// Do not wrap buttons child buttons (file selectors etc.)
|
||||
> .btn {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
// Text input groups
|
||||
// -------------------------
|
||||
.input-group-addon {
|
||||
padding: $padding-base-vertical $padding-base-horizontal;
|
||||
font-size: $font-size-base;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
color: $input-color;
|
||||
text-align: center;
|
||||
background-color: $input-group-addon-bg;
|
||||
border-top: 1px solid $input-group-addon-border-color;
|
||||
border-left: 1px solid $input-group-addon-border-color;
|
||||
border-bottom: 1px solid $input-group-addon-border-color;
|
||||
border-right: 1px solid $input-group-addon-border-color;
|
||||
border-radius: $border-radius-base;
|
||||
|
||||
// Sizing
|
||||
&.input-sm {
|
||||
padding: $padding-small-vertical $padding-small-horizontal;
|
||||
font-size: $font-size-small;
|
||||
border-radius: $border-radius-small;
|
||||
}
|
||||
&.input-lg {
|
||||
padding: $padding-large-vertical $padding-large-horizontal;
|
||||
font-size: $font-size-large;
|
||||
border-radius: $border-radius-large;
|
||||
}
|
||||
|
||||
// Nuke default margins from checkboxes and radios to vertically center within.
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Reset rounded corners
|
||||
.input-group .form-control:first-child,
|
||||
.input-group-addon:first-child,
|
||||
.input-group-btn:first-child > .btn,
|
||||
.input-group-btn:first-child > .btn-group > .btn,
|
||||
.input-group-btn:first-child > .dropdown-toggle,
|
||||
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
|
||||
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
|
||||
@include border-right-radius(0);
|
||||
}
|
||||
.input-group-addon:first-child {
|
||||
border-right: 0;
|
||||
}
|
||||
.input-group .form-control:last-child,
|
||||
.input-group-addon:last-child,
|
||||
.input-group-btn:last-child > .btn,
|
||||
.input-group-btn:last-child > .btn-group > .btn,
|
||||
.input-group-btn:last-child > .dropdown-toggle,
|
||||
.input-group-btn:first-child > .btn:not(:first-child),
|
||||
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
|
||||
@include border-left-radius(0);
|
||||
}
|
||||
.input-group-addon:last-child {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
// Button input groups
|
||||
// -------------------------
|
||||
.input-group-btn {
|
||||
position: relative;
|
||||
// Jankily prevent input button groups from wrapping with `white-space` and
|
||||
// `font-size` in combination with `inline-block` on buttons.
|
||||
font-size: 0;
|
||||
white-space: nowrap;
|
||||
|
||||
// Negative margin for spacing, position for bringing hovered/focused/actived
|
||||
// element above the siblings.
|
||||
> .btn {
|
||||
position: relative;
|
||||
+ .btn {
|
||||
margin-left: -1px;
|
||||
}
|
||||
// Bring the "active" button to the front
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
// Negative margin to only have a 1px border between the two
|
||||
&:first-child {
|
||||
> .btn,
|
||||
> .btn-group {
|
||||
margin-right: -1px;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
> .btn,
|
||||
> .btn-group {
|
||||
margin-left: -1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
48
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_jumbotron.scss
vendored
Normal file
48
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_jumbotron.scss
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
//
|
||||
// Jumbotron
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.jumbotron {
|
||||
padding: $jumbotron-padding;
|
||||
margin-bottom: $jumbotron-padding;
|
||||
color: $jumbotron-color;
|
||||
background-color: $jumbotron-bg;
|
||||
|
||||
h1,
|
||||
.h1 {
|
||||
color: $jumbotron-heading-color;
|
||||
}
|
||||
p {
|
||||
margin-bottom: ($jumbotron-padding / 2);
|
||||
font-size: $jumbotron-font-size;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
> hr {
|
||||
border-top-color: darken($jumbotron-bg, 10%);
|
||||
}
|
||||
|
||||
.container & {
|
||||
border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $screen-sm-min) {
|
||||
padding-top: ($jumbotron-padding * 1.6);
|
||||
padding-bottom: ($jumbotron-padding * 1.6);
|
||||
|
||||
.container & {
|
||||
padding-left: ($jumbotron-padding * 2);
|
||||
padding-right: ($jumbotron-padding * 2);
|
||||
}
|
||||
|
||||
h1,
|
||||
.h1 {
|
||||
font-size: ($font-size-base * 4.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
66
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_labels.scss
vendored
Normal file
66
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_labels.scss
vendored
Normal file
@@ -0,0 +1,66 @@
|
||||
//
|
||||
// Labels
|
||||
// --------------------------------------------------
|
||||
|
||||
.label {
|
||||
display: inline;
|
||||
padding: 0.15em 0.4em;
|
||||
font-size: 75%;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
color: $label-color;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
border-radius: .25em;
|
||||
|
||||
// [converter] extracted a& to a.label
|
||||
|
||||
// Empty labels collapse automatically (not available in IE8)
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Quick fix for labels in buttons
|
||||
.btn & {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
// Add hover effects, but only for links
|
||||
a.label {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $label-link-hover-color;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// Colors
|
||||
// Contextual variations (linked labels get darker on :hover)
|
||||
|
||||
.label-default {
|
||||
@include label-variant($label-default-bg);
|
||||
}
|
||||
|
||||
.label-primary {
|
||||
@include label-variant($label-primary-bg);
|
||||
}
|
||||
|
||||
.label-success {
|
||||
@include label-variant($label-success-bg);
|
||||
}
|
||||
|
||||
.label-info {
|
||||
@include label-variant($label-info-bg);
|
||||
}
|
||||
|
||||
.label-warning {
|
||||
@include label-variant($label-warning-bg);
|
||||
}
|
||||
|
||||
.label-danger {
|
||||
@include label-variant($label-danger-bg);
|
||||
}
|
||||
129
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_list-group.scss
vendored
Normal file
129
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_list-group.scss
vendored
Normal file
@@ -0,0 +1,129 @@
|
||||
//
|
||||
// List groups
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base class
|
||||
//
|
||||
// Easily usable on <ul>, <ol>, or <div>.
|
||||
|
||||
.list-group {
|
||||
// No need to set list-style: none; since .list-group-item is block level
|
||||
margin-bottom: 20px;
|
||||
padding-left: 0; // reset padding because ul and ol
|
||||
}
|
||||
|
||||
|
||||
// Individual list items
|
||||
//
|
||||
// Use on `li`s or `div`s within the `.list-group` parent.
|
||||
|
||||
.list-group-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
// Place the border on the list items and negative margin up for better styling
|
||||
margin-bottom: -1px;
|
||||
background-color: $list-group-bg;
|
||||
border: 1px solid $list-group-border;
|
||||
|
||||
// Round the first and last items
|
||||
&:first-child {
|
||||
@include border-top-radius($list-group-border-radius);
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
@include border-bottom-radius($list-group-border-radius);
|
||||
}
|
||||
|
||||
// Align badges within list items
|
||||
> .badge {
|
||||
float: right;
|
||||
}
|
||||
> .badge + .badge {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Linked list items
|
||||
//
|
||||
// Use anchor elements instead of `li`s or `div`s to create linked list items.
|
||||
// Includes an extra `.active` modifier class for showing selected items.
|
||||
|
||||
a.list-group-item {
|
||||
color: $list-group-link-color;
|
||||
|
||||
.list-group-item-heading {
|
||||
color: $list-group-link-heading-color;
|
||||
}
|
||||
|
||||
// Hover state
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
color: $list-group-link-hover-color;
|
||||
background-color: $list-group-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
// Disabled state
|
||||
&.disabled,
|
||||
&.disabled:hover,
|
||||
&.disabled:focus {
|
||||
background-color: $list-group-disabled-bg;
|
||||
color: $list-group-disabled-color;
|
||||
|
||||
// Force color to inherit for custom content
|
||||
.list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
.list-group-item-text {
|
||||
color: $list-group-disabled-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Active class on item itself, not parent
|
||||
&.active,
|
||||
&.active:hover,
|
||||
&.active:focus {
|
||||
z-index: 2; // Place active items above their siblings for proper border styling
|
||||
color: $list-group-active-color;
|
||||
background-color: $list-group-active-bg;
|
||||
border-color: $list-group-active-border;
|
||||
|
||||
// Force color to inherit for custom content
|
||||
.list-group-item-heading {
|
||||
color: inherit;
|
||||
}
|
||||
.list-group-item-text {
|
||||
color: $list-group-active-text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Contextual variants
|
||||
//
|
||||
// Add modifier classes to change text and background color on individual items.
|
||||
// Organizationally, this must come after the `:hover` states.
|
||||
|
||||
@include list-group-item-variant(success, $state-success-bg, $state-success-text);
|
||||
@include list-group-item-variant(info, $state-info-bg, $state-info-text);
|
||||
@include list-group-item-variant(warning, $state-warning-bg, $state-warning-text);
|
||||
@include list-group-item-variant(danger, $state-danger-bg, $state-danger-text);
|
||||
|
||||
|
||||
// Custom content options
|
||||
//
|
||||
// Extra classes for creating well-formatted content within `.list-group-item`s.
|
||||
|
||||
.list-group-item-heading {
|
||||
margin-top: 0;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.list-group-item-text {
|
||||
margin-bottom: 0;
|
||||
line-height: 1.3;
|
||||
}
|
||||
56
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_media.scss
vendored
Normal file
56
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_media.scss
vendored
Normal file
@@ -0,0 +1,56 @@
|
||||
// Media objects
|
||||
// Source: http://stubbornella.org/content/?p=497
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Common styles
|
||||
// -------------------------
|
||||
|
||||
// Clear the floats
|
||||
.media,
|
||||
.media-body {
|
||||
overflow: hidden;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
// Proper spacing between instances of .media
|
||||
.media,
|
||||
.media .media {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.media:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
// For images and videos, set to block
|
||||
.media-object {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Reset margins on headings for tighter default spacing
|
||||
.media-heading {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
|
||||
// Media image alignment
|
||||
// -------------------------
|
||||
|
||||
.media {
|
||||
> .pull-left {
|
||||
margin-right: 10px;
|
||||
}
|
||||
> .pull-right {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Media list variation
|
||||
// -------------------------
|
||||
|
||||
// Undo default ul/ol styles
|
||||
.media-list {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
39
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_mixins.scss
vendored
Normal file
39
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_mixins.scss
vendored
Normal file
@@ -0,0 +1,39 @@
|
||||
// Mixins
|
||||
// --------------------------------------------------
|
||||
|
||||
// Utilities
|
||||
@import "mixins/hide-text";
|
||||
@import "mixins/opacity";
|
||||
@import "mixins/image";
|
||||
@import "mixins/labels";
|
||||
@import "mixins/reset-filter";
|
||||
@import "mixins/resize";
|
||||
@import "mixins/responsive-visibility";
|
||||
@import "mixins/size";
|
||||
@import "mixins/tab-focus";
|
||||
@import "mixins/text-emphasis";
|
||||
@import "mixins/text-overflow";
|
||||
@import "mixins/vendor-prefixes";
|
||||
|
||||
// Components
|
||||
@import "mixins/alerts";
|
||||
@import "mixins/buttons";
|
||||
@import "mixins/panels";
|
||||
@import "mixins/pagination";
|
||||
@import "mixins/list-group";
|
||||
@import "mixins/nav-divider";
|
||||
@import "mixins/forms";
|
||||
@import "mixins/progress-bar";
|
||||
@import "mixins/table-row";
|
||||
|
||||
// Skins
|
||||
@import "mixins/background-variant";
|
||||
@import "mixins/border-radius";
|
||||
@import "mixins/gradients";
|
||||
|
||||
// Layout
|
||||
@import "mixins/clearfix";
|
||||
@import "mixins/center-block";
|
||||
@import "mixins/nav-vertical-align";
|
||||
@import "mixins/grid-framework";
|
||||
@import "mixins/grid";
|
||||
147
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_modals.scss
vendored
Normal file
147
admin-kalsport/themes/default/scss/vendor/bootstrap-sass/_modals.scss
vendored
Normal file
@@ -0,0 +1,147 @@
|
||||
//
|
||||
// Modals
|
||||
// --------------------------------------------------
|
||||
|
||||
// .modal-open - body class for killing the scroll
|
||||
// .modal - container to scroll within
|
||||
// .modal-dialog - positioning shell for the actual modal
|
||||
// .modal-content - actual modal w/ bg and corners and shit
|
||||
|
||||
// Kill the scroll on the body
|
||||
.modal-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// Container that the modal scrolls within
|
||||
.modal {
|
||||
display: none;
|
||||
overflow: auto;
|
||||
overflow-y: scroll;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: $zindex-modal;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
// Prevent Chrome on Windows from adding a focus outline. For details, see
|
||||
// https://github.com/twbs/bootstrap/pull/10951.
|
||||
outline: 0;
|
||||
|
||||
// When fading in the modal, animate it to slide down
|
||||
&.fade .modal-dialog {
|
||||
@include translate(0, -25%);
|
||||
@include transition-transform(0.3s ease-out);
|
||||
}
|
||||
&.in .modal-dialog { @include translate(0, 0)}
|
||||
}
|
||||
|
||||
// Shell div to position the modal with bottom padding
|
||||
.modal-dialog {
|
||||
position: relative;
|
||||
width: auto;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
// Actual modal
|
||||
.modal-content {
|
||||
position: relative;
|
||||
background-color: $modal-content-bg;
|
||||
border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
|
||||
border: 1px solid $modal-content-border-color;
|
||||
border-radius: $border-radius-large;
|
||||
@include box-shadow(0 3px 9px rgba(0,0,0,.5));
|
||||
background-clip: padding-box;
|
||||
// Remove focus outline from opened modal
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
// Modal background
|
||||
.modal-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: $zindex-modal-background;
|
||||
background-color: $modal-backdrop-bg;
|
||||
// Fade for backdrop
|
||||
&.fade { @include opacity(0); }
|
||||
&.in { @include opacity($modal-backdrop-opacity); }
|
||||
}
|
||||
|
||||
// Modal header
|
||||
// Top section of the modal w/ title and dismiss
|
||||
.modal-header {
|
||||
padding: $modal-title-padding;
|
||||
border-bottom: 1px solid $modal-header-border-color;
|
||||
min-height: ($modal-title-padding + $modal-title-line-height);
|
||||
}
|
||||
// Close icon
|
||||
.modal-header .close {
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
// Title text within header
|
||||
.modal-title {
|
||||
margin: 0;
|
||||
line-height: $modal-title-line-height;
|
||||
}
|
||||
|
||||
// Modal body
|
||||
// Where all modal content resides (sibling of .modal-header and .modal-footer)
|
||||
.modal-body {
|
||||
position: relative;
|
||||
padding: $modal-inner-padding;
|
||||
}
|
||||
|
||||
// Footer (for actions)
|
||||
.modal-footer {
|
||||
padding: $modal-inner-padding;
|
||||
text-align: right; // right align buttons
|
||||
border-top: 1px solid $modal-footer-border-color;
|
||||
@include clearfix(); // clear it in case folks use .pull-* classes on buttons
|
||||
|
||||
// Properly space out buttons
|
||||
.btn + .btn {
|
||||
margin-left: 5px;
|
||||
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
|
||||
}
|
||||
// but override that for button groups
|
||||
.btn-group .btn + .btn {
|
||||
margin-left: -1px;
|
||||
}
|
||||
// and override it for block buttons as well
|
||||
.btn-block + .btn-block {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Measure scrollbar width for padding body during modal show/hide
|
||||
.modal-scrollbar-measure {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
// Scale up the modal
|
||||
@media (min-width: $screen-sm-min) {
|
||||
// Automatically set modal's width for larger viewports
|
||||
.modal-dialog {
|
||||
width: $modal-md;
|
||||
margin: 30px auto;
|
||||
}
|
||||
.modal-content {
|
||||
@include box-shadow(0 5px 15px rgba(0,0,0,.5));
|
||||
}
|
||||
|
||||
// Modal sizes
|
||||
.modal-sm { width: $modal-sm; }
|
||||
}
|
||||
|
||||
@media (min-width: $screen-md-min) {
|
||||
.modal-lg { width: $modal-lg; }
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user