aliminamos esta carpeta de la base
This commit is contained in:
Jordan
3340
template/estandar/css/animate.css
vendored
3340
template/estandar/css/animate.css
vendored
File diff suppressed because it is too large
Load Diff
9
template/estandar/css/animate.min.css
vendored
9
template/estandar/css/animate.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1353
template/estandar/css/bootstrap-grid.css
vendored
1353
template/estandar/css/bootstrap-grid.css
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
2
template/estandar/css/bootstrap-grid.min.css
vendored
2
template/estandar/css/bootstrap-grid.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
330
template/estandar/css/bootstrap-reboot.css
vendored
330
template/estandar/css/bootstrap-reboot.css
vendored
@@ -1,330 +0,0 @@
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
font-family: sans-serif;
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-ms-overflow-style: scrollbar;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
-webkit-text-decoration-skip: objects;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
a,
|
||||
area,
|
||||
button,
|
||||
[role="button"],
|
||||
input,
|
||||
label,
|
||||
select,
|
||||
summary,
|
||||
textarea {
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
color: #868e96;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
html [type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
-webkit-appearance: listbox;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: .5rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -1,2 +0,0 @@
|
||||
html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}*,::after,::before{box-sizing:inherit}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}
|
||||
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
||||
File diff suppressed because one or more lines are too long
263
template/estandar/css/bootstrap-select.css
vendored
263
template/estandar/css/bootstrap-select.css
vendored
@@ -1,263 +0,0 @@
|
||||
/*!
|
||||
* Bootstrap-select v1.7.2 (http://silviomoreto.github.io/bootstrap-select)
|
||||
*
|
||||
* Copyright 2013-2015 bootstrap-select
|
||||
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
.bootstrap-select {
|
||||
width: 220px \0;
|
||||
/*IE9 and below*/
|
||||
}
|
||||
.bootstrap-select > .dropdown-toggle {
|
||||
width: 100%;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.has-error .bootstrap-select .dropdown-toggle,
|
||||
.error .bootstrap-select .dropdown-toggle {
|
||||
border-color: #b94a48;
|
||||
}
|
||||
.bootstrap-select.fit-width {
|
||||
width: auto !important;
|
||||
}
|
||||
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
|
||||
width: 220px;
|
||||
}
|
||||
.bootstrap-select .dropdown-toggle:focus {
|
||||
outline: thin dotted #333333 !important;
|
||||
outline: 5px auto -webkit-focus-ring-color !important;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.bootstrap-select.form-control {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.bootstrap-select.form-control:not([class*="col-"]) {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.form-control.input-group-btn {
|
||||
z-index: auto;
|
||||
}
|
||||
.bootstrap-select.btn-group:not(.input-group-btn),
|
||||
.bootstrap-select.btn-group[class*="col-"] {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
}
|
||||
.bootstrap-select.btn-group.dropdown-menu-right,
|
||||
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
|
||||
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
|
||||
float: right;
|
||||
}
|
||||
.form-inline .bootstrap-select.btn-group,
|
||||
.form-horizontal .bootstrap-select.btn-group,
|
||||
.form-group .bootstrap-select.btn-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-group-lg .bootstrap-select.btn-group.form-control,
|
||||
.form-group-sm .bootstrap-select.btn-group.form-control {
|
||||
padding: 0;
|
||||
}
|
||||
.form-inline .bootstrap-select.btn-group .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.btn-group.disabled,
|
||||
.bootstrap-select.btn-group > .disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select.btn-group.disabled:focus,
|
||||
.bootstrap-select.btn-group > .disabled:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-toggle .caret {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 12px;
|
||||
margin-top: -2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu {
|
||||
min-width: 100%;
|
||||
z-index: 1035;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu.inner {
|
||||
position: static;
|
||||
float: none;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li {
|
||||
position: relative;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li.active small {
|
||||
color: #fff;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a {
|
||||
cursor: pointer;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a.opt {
|
||||
position: relative;
|
||||
padding-left: 2.25em;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a span.text {
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li small {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu .notify {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
width: 96%;
|
||||
margin: 0 2%;
|
||||
min-height: 26px;
|
||||
padding: 3px 5px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #e3e3e3;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
pointer-events: none;
|
||||
opacity: 0.9;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select.btn-group .no-results {
|
||||
padding: 3px;
|
||||
background: #f5f5f5;
|
||||
margin: 0 5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
|
||||
position: static;
|
||||
}
|
||||
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
|
||||
position: static;
|
||||
top: auto;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 15px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
|
||||
margin-right: 34px;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
|
||||
z-index: 1036;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
|
||||
content: '';
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 9px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
|
||||
content: '';
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid white;
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 10px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
|
||||
bottom: auto;
|
||||
top: -3px;
|
||||
border-top: 7px solid rgba(204, 204, 204, 0.2);
|
||||
border-bottom: 0;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
|
||||
bottom: auto;
|
||||
top: -3px;
|
||||
border-top: 6px solid white;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
|
||||
right: 13px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
|
||||
display: block;
|
||||
}
|
||||
.bs-searchbox,
|
||||
.bs-actionsbox,
|
||||
.bs-donebutton {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.bs-actionsbox {
|
||||
float: left;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bs-actionsbox .btn-group button {
|
||||
width: 50%;
|
||||
}
|
||||
.bs-donebutton {
|
||||
float: left;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bs-donebutton .btn-group button {
|
||||
width: 100%;
|
||||
}
|
||||
.bs-searchbox + .bs-actionsbox {
|
||||
padding: 0 8px 4px;
|
||||
}
|
||||
.bs-searchbox .form-control {
|
||||
margin-bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
select.bs-select-hidden,
|
||||
select.selectpicker {
|
||||
display: none !important;
|
||||
}
|
||||
select.mobile-device {
|
||||
position: absolute !important;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block !important;
|
||||
width: 100%;
|
||||
height: 100% !important;
|
||||
opacity: 0;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-select.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
587
template/estandar/css/bootstrap-theme.css
vendored
587
template/estandar/css/bootstrap-theme.css
vendored
@@ -1,587 +0,0 @@
|
||||
/*!
|
||||
* Bootstrap v3.3.6 (http://getbootstrap.com)
|
||||
* Copyright 2011-2015 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
.btn-default,
|
||||
.btn-primary,
|
||||
.btn-success,
|
||||
.btn-info,
|
||||
.btn-warning,
|
||||
.btn-danger {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.btn-default:active,
|
||||
.btn-primary:active,
|
||||
.btn-success:active,
|
||||
.btn-info:active,
|
||||
.btn-warning:active,
|
||||
.btn-danger:active,
|
||||
.btn-default.active,
|
||||
.btn-primary.active,
|
||||
.btn-success.active,
|
||||
.btn-info.active,
|
||||
.btn-warning.active,
|
||||
.btn-danger.active {
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
}
|
||||
.btn-default.disabled,
|
||||
.btn-primary.disabled,
|
||||
.btn-success.disabled,
|
||||
.btn-info.disabled,
|
||||
.btn-warning.disabled,
|
||||
.btn-danger.disabled,
|
||||
.btn-default[disabled],
|
||||
.btn-primary[disabled],
|
||||
.btn-success[disabled],
|
||||
.btn-info[disabled],
|
||||
.btn-warning[disabled],
|
||||
.btn-danger[disabled],
|
||||
fieldset[disabled] .btn-default,
|
||||
fieldset[disabled] .btn-primary,
|
||||
fieldset[disabled] .btn-success,
|
||||
fieldset[disabled] .btn-info,
|
||||
fieldset[disabled] .btn-warning,
|
||||
fieldset[disabled] .btn-danger {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.btn-default .badge,
|
||||
.btn-primary .badge,
|
||||
.btn-success .badge,
|
||||
.btn-info .badge,
|
||||
.btn-warning .badge,
|
||||
.btn-danger .badge {
|
||||
text-shadow: none;
|
||||
}
|
||||
.btn:active,
|
||||
.btn.active {
|
||||
background-image: none;
|
||||
}
|
||||
.btn-default {
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
||||
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
|
||||
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dbdbdb;
|
||||
border-color: #ccc;
|
||||
}
|
||||
.btn-default:hover,
|
||||
.btn-default:focus {
|
||||
background-color: #e0e0e0;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-default:active,
|
||||
.btn-default.active {
|
||||
background-color: #e0e0e0;
|
||||
border-color: #dbdbdb;
|
||||
}
|
||||
.btn-default.disabled,
|
||||
.btn-default[disabled],
|
||||
fieldset[disabled] .btn-default,
|
||||
.btn-default.disabled:hover,
|
||||
.btn-default[disabled]:hover,
|
||||
fieldset[disabled] .btn-default:hover,
|
||||
.btn-default.disabled:focus,
|
||||
.btn-default[disabled]:focus,
|
||||
fieldset[disabled] .btn-default:focus,
|
||||
.btn-default.disabled.focus,
|
||||
.btn-default[disabled].focus,
|
||||
fieldset[disabled] .btn-default.focus,
|
||||
.btn-default.disabled:active,
|
||||
.btn-default[disabled]:active,
|
||||
fieldset[disabled] .btn-default:active,
|
||||
.btn-default.disabled.active,
|
||||
.btn-default[disabled].active,
|
||||
fieldset[disabled] .btn-default.active {
|
||||
background-color: #e0e0e0;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-primary {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #245580;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus {
|
||||
background-color: #265a88;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-primary:active,
|
||||
.btn-primary.active {
|
||||
background-color: #265a88;
|
||||
border-color: #245580;
|
||||
}
|
||||
.btn-primary.disabled,
|
||||
.btn-primary[disabled],
|
||||
fieldset[disabled] .btn-primary,
|
||||
.btn-primary.disabled:hover,
|
||||
.btn-primary[disabled]:hover,
|
||||
fieldset[disabled] .btn-primary:hover,
|
||||
.btn-primary.disabled:focus,
|
||||
.btn-primary[disabled]:focus,
|
||||
fieldset[disabled] .btn-primary:focus,
|
||||
.btn-primary.disabled.focus,
|
||||
.btn-primary[disabled].focus,
|
||||
fieldset[disabled] .btn-primary.focus,
|
||||
.btn-primary.disabled:active,
|
||||
.btn-primary[disabled]:active,
|
||||
fieldset[disabled] .btn-primary:active,
|
||||
.btn-primary.disabled.active,
|
||||
.btn-primary[disabled].active,
|
||||
fieldset[disabled] .btn-primary.active {
|
||||
background-color: #265a88;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-success {
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #3e8f3e;
|
||||
}
|
||||
.btn-success:hover,
|
||||
.btn-success:focus {
|
||||
background-color: #419641;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-success:active,
|
||||
.btn-success.active {
|
||||
background-color: #419641;
|
||||
border-color: #3e8f3e;
|
||||
}
|
||||
.btn-success.disabled,
|
||||
.btn-success[disabled],
|
||||
fieldset[disabled] .btn-success,
|
||||
.btn-success.disabled:hover,
|
||||
.btn-success[disabled]:hover,
|
||||
fieldset[disabled] .btn-success:hover,
|
||||
.btn-success.disabled:focus,
|
||||
.btn-success[disabled]:focus,
|
||||
fieldset[disabled] .btn-success:focus,
|
||||
.btn-success.disabled.focus,
|
||||
.btn-success[disabled].focus,
|
||||
fieldset[disabled] .btn-success.focus,
|
||||
.btn-success.disabled:active,
|
||||
.btn-success[disabled]:active,
|
||||
fieldset[disabled] .btn-success:active,
|
||||
.btn-success.disabled.active,
|
||||
.btn-success[disabled].active,
|
||||
fieldset[disabled] .btn-success.active {
|
||||
background-color: #419641;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-info {
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #28a4c9;
|
||||
}
|
||||
.btn-info:hover,
|
||||
.btn-info:focus {
|
||||
background-color: #2aabd2;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-info:active,
|
||||
.btn-info.active {
|
||||
background-color: #2aabd2;
|
||||
border-color: #28a4c9;
|
||||
}
|
||||
.btn-info.disabled,
|
||||
.btn-info[disabled],
|
||||
fieldset[disabled] .btn-info,
|
||||
.btn-info.disabled:hover,
|
||||
.btn-info[disabled]:hover,
|
||||
fieldset[disabled] .btn-info:hover,
|
||||
.btn-info.disabled:focus,
|
||||
.btn-info[disabled]:focus,
|
||||
fieldset[disabled] .btn-info:focus,
|
||||
.btn-info.disabled.focus,
|
||||
.btn-info[disabled].focus,
|
||||
fieldset[disabled] .btn-info.focus,
|
||||
.btn-info.disabled:active,
|
||||
.btn-info[disabled]:active,
|
||||
fieldset[disabled] .btn-info:active,
|
||||
.btn-info.disabled.active,
|
||||
.btn-info[disabled].active,
|
||||
fieldset[disabled] .btn-info.active {
|
||||
background-color: #2aabd2;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-warning {
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #e38d13;
|
||||
}
|
||||
.btn-warning:hover,
|
||||
.btn-warning:focus {
|
||||
background-color: #eb9316;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-warning:active,
|
||||
.btn-warning.active {
|
||||
background-color: #eb9316;
|
||||
border-color: #e38d13;
|
||||
}
|
||||
.btn-warning.disabled,
|
||||
.btn-warning[disabled],
|
||||
fieldset[disabled] .btn-warning,
|
||||
.btn-warning.disabled:hover,
|
||||
.btn-warning[disabled]:hover,
|
||||
fieldset[disabled] .btn-warning:hover,
|
||||
.btn-warning.disabled:focus,
|
||||
.btn-warning[disabled]:focus,
|
||||
fieldset[disabled] .btn-warning:focus,
|
||||
.btn-warning.disabled.focus,
|
||||
.btn-warning[disabled].focus,
|
||||
fieldset[disabled] .btn-warning.focus,
|
||||
.btn-warning.disabled:active,
|
||||
.btn-warning[disabled]:active,
|
||||
fieldset[disabled] .btn-warning:active,
|
||||
.btn-warning.disabled.active,
|
||||
.btn-warning[disabled].active,
|
||||
fieldset[disabled] .btn-warning.active {
|
||||
background-color: #eb9316;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-danger {
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #b92c28;
|
||||
}
|
||||
.btn-danger:hover,
|
||||
.btn-danger:focus {
|
||||
background-color: #c12e2a;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-danger:active,
|
||||
.btn-danger.active {
|
||||
background-color: #c12e2a;
|
||||
border-color: #b92c28;
|
||||
}
|
||||
.btn-danger.disabled,
|
||||
.btn-danger[disabled],
|
||||
fieldset[disabled] .btn-danger,
|
||||
.btn-danger.disabled:hover,
|
||||
.btn-danger[disabled]:hover,
|
||||
fieldset[disabled] .btn-danger:hover,
|
||||
.btn-danger.disabled:focus,
|
||||
.btn-danger[disabled]:focus,
|
||||
fieldset[disabled] .btn-danger:focus,
|
||||
.btn-danger.disabled.focus,
|
||||
.btn-danger[disabled].focus,
|
||||
fieldset[disabled] .btn-danger.focus,
|
||||
.btn-danger.disabled:active,
|
||||
.btn-danger[disabled]:active,
|
||||
fieldset[disabled] .btn-danger:active,
|
||||
.btn-danger.disabled.active,
|
||||
.btn-danger[disabled].active,
|
||||
fieldset[disabled] .btn-danger.active {
|
||||
background-color: #c12e2a;
|
||||
background-image: none;
|
||||
}
|
||||
.thumbnail,
|
||||
.img-thumbnail {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.dropdown-menu > li > a:hover,
|
||||
.dropdown-menu > li > a:focus {
|
||||
background-color: #e8e8e8;
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.dropdown-menu > .active > a,
|
||||
.dropdown-menu > .active > a:hover,
|
||||
.dropdown-menu > .active > a:focus {
|
||||
background-color: #2e6da4;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.navbar-default {
|
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
||||
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
|
||||
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.navbar-default .navbar-nav > .open > a,
|
||||
.navbar-default .navbar-nav > .active > a {
|
||||
background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
||||
background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
|
||||
background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.navbar-brand,
|
||||
.navbar-nav > li > a {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
|
||||
}
|
||||
.navbar-inverse {
|
||||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
||||
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
|
||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.navbar-inverse .navbar-nav > .open > a,
|
||||
.navbar-inverse .navbar-nav > .active > a {
|
||||
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
|
||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
||||
}
|
||||
.navbar-inverse .navbar-brand,
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
|
||||
}
|
||||
.navbar-static-top,
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
border-radius: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
|
||||
color: #fff;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
}
|
||||
.alert {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
||||
}
|
||||
.alert-success {
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #b2dba1;
|
||||
}
|
||||
.alert-info {
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #9acfea;
|
||||
}
|
||||
.alert-warning {
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #f5e79e;
|
||||
}
|
||||
.alert-danger {
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dca7a7;
|
||||
}
|
||||
.progress {
|
||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
|
||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-success {
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-info {
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-warning {
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-danger {
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-striped {
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
.list-group {
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.list-group-item.active,
|
||||
.list-group-item.active:hover,
|
||||
.list-group-item.active:focus {
|
||||
text-shadow: 0 -1px 0 #286090;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #2b669a;
|
||||
}
|
||||
.list-group-item.active .badge,
|
||||
.list-group-item.active:hover .badge,
|
||||
.list-group-item.active:focus .badge {
|
||||
text-shadow: none;
|
||||
}
|
||||
.panel {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
||||
}
|
||||
.panel-default > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-primary > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-success > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-info > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-warning > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-danger > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.well {
|
||||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
|
||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dcdcdc;
|
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-theme.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
6760
template/estandar/css/bootstrap.css
vendored
6760
template/estandar/css/bootstrap.css
vendored
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
6
template/estandar/css/bootstrap.min.css
vendored
6
template/estandar/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,723 +0,0 @@
|
||||
<template>
|
||||
<div class="relative">
|
||||
|
||||
<!-- ═══════════════════════════════════════════ -->
|
||||
<!-- MODO 1: TOGGLE SEGMENTADO (exactamente 2 opciones) -->
|
||||
<!-- ═══════════════════════════════════════════ -->
|
||||
<div v-if="displayMode === 'toggle'"
|
||||
ref="toggleContainer"
|
||||
class="acai-toggle relative inline-flex items-center rounded-full cursor-pointer select-none"
|
||||
role="switch"
|
||||
:aria-checked="isToggleOn"
|
||||
:aria-label="fieldConfig ? fieldConfig.label || field : field"
|
||||
tabindex="0"
|
||||
@click="toggleSwitch"
|
||||
@keydown.enter.prevent="toggleSwitch"
|
||||
@keydown.space.prevent="toggleSwitch">
|
||||
|
||||
<!-- Pill deslizante -->
|
||||
<span ref="togglePill" class="acai-toggle-pill absolute rounded-full"></span>
|
||||
|
||||
<!-- Textos -->
|
||||
<span v-for="(opt, idx) in allRealOptions" :key="'toggle-opt-' + idx"
|
||||
:ref="'toggleOpt' + idx"
|
||||
class="acai-toggle-option relative flex items-center justify-center"
|
||||
:class="getToggleOptionClass(idx)">
|
||||
<div v-if="getToggleIcon(idx)" class="toggle-icon flex-shrink-0" style="margin-right: 6px;" v-html="getToggleIcon(idx)"></div>
|
||||
<div class="font-light leading-none">{{ opt.label }}</div>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════════ -->
|
||||
<!-- MODO 2: COLOR SELECT -->
|
||||
<!-- ═══════════════════════════════════════════ -->
|
||||
<div v-else-if="displayMode === 'color'" v-click-outside="closeDropdown">
|
||||
<div class="p-3 w-full bg-gray-200 border-gray-600 border-2 rounded-lg shadow cursor-pointer flex items-center justify-between transition-colors duration-200"
|
||||
:style="{
|
||||
backgroundColor: currentColor || '#e5e7eb',
|
||||
color: currentTextColor,
|
||||
fontWeight: currentColor ? '600' : '400'
|
||||
}"
|
||||
@click="open = !open">
|
||||
<span>{{ currentLabel || 'Seleccionar color...' }}</span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon w-6 h-6 transition-transform duration-200"
|
||||
:class="{ 'rotate-180': open }"
|
||||
:style="{ color: currentTextColor }"
|
||||
width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||||
<polyline points="6 9 12 15 18 9" />
|
||||
</svg>
|
||||
</div>
|
||||
<div v-show="open" class="absolute z-50 w-full mt-1 border-2 border-gray-600 rounded-lg shadow-lg overflow-hidden bg-white">
|
||||
<div v-for="(opt, idx) in realOptions"
|
||||
:key="idx"
|
||||
class="px-3 py-2 cursor-pointer flex items-center transition-all duration-150 border-b border-gray-200 last:border-b-0"
|
||||
:style="getColorOptionStyle(opt.value)"
|
||||
@mouseenter="hovered = opt.value"
|
||||
@mouseleave="hovered = null"
|
||||
@click="selectOption(opt.value)">
|
||||
<span class="w-6 h-6 rounded border border-gray-300 mr-3 flex-shrink-0 transition-transform duration-150"
|
||||
:style="{
|
||||
backgroundColor: getSwatchColor(opt.value),
|
||||
transform: hovered === opt.value ? 'scale(1.2)' : 'scale(1)',
|
||||
borderColor: hovered === opt.value ? '#9ca3af' : '#d1d5db'
|
||||
}"></span>
|
||||
<span>{{ opt.label }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════════ -->
|
||||
<!-- MODO 3: SELECT NORMAL -->
|
||||
<!-- ═══════════════════════════════════════════ -->
|
||||
<div v-else>
|
||||
<vue-select
|
||||
:multiple="multiple"
|
||||
:class="['border-2 border-gray-600 rounded-lg', { 'multiple': multiple }]"
|
||||
v-model="selected_values"
|
||||
:options="tableRecords"
|
||||
:label="labelKey"
|
||||
:reduce="(option) => option[valueKey]"
|
||||
:clearable="false"
|
||||
:filterable="isFilterable"
|
||||
:loading="loading"
|
||||
@input="onInput"
|
||||
@search="onSearch"
|
||||
placeholder="Seleccionar..."
|
||||
>
|
||||
<template #no-options="{ search }">
|
||||
<span v-if="search">No se encontraron resultados para "<b>{{ search }}</b>"</span>
|
||||
<span v-else>No hay opciones disponibles</span>
|
||||
</template>
|
||||
<template #list-footer v-if="isPaginated && totalRecords > limit">
|
||||
<li class="pagination flex justify-between px-3 py-2 border-t border-gray-300 bg-gray-100">
|
||||
<button class="text-sm px-2 py-1 rounded" :class="hasPrevPage ? 'text-blue-600 hover:bg-blue-50 cursor-pointer' : 'text-gray-400 cursor-not-allowed'" :disabled="!hasPrevPage" @click.prevent="offset -= limit">← Anterior</button>
|
||||
<span class="text-xs text-gray-500 self-center">{{ offset + 1 }}-{{ Math.min(offset + limit, totalRecords) }} de {{ totalRecords }}</span>
|
||||
<button class="text-sm px-2 py-1 rounded" :class="hasNextPage ? 'text-blue-600 hover:bg-blue-50 cursor-pointer' : 'text-gray-400 cursor-not-allowed'" :disabled="!hasNextPage" @click.prevent="offset += limit">Siguiente →</button>
|
||||
</li>
|
||||
</template>
|
||||
</vue-select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components: {
|
||||
"vue-select": VueSelect.VueSelect,
|
||||
},
|
||||
directives: {
|
||||
'click-outside': {
|
||||
bind: function(el, binding) {
|
||||
el._clickOutside = function(event) {
|
||||
if (!(el === event.target || el.contains(event.target))) {
|
||||
binding.value();
|
||||
}
|
||||
};
|
||||
document.addEventListener('click', el._clickOutside);
|
||||
},
|
||||
unbind: function(el) {
|
||||
if (el._clickOutside) {
|
||||
document.removeEventListener('click', el._clickOutside);
|
||||
delete el._clickOutside;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
props: {
|
||||
builder: { type: Object, required: true },
|
||||
data: { type: Object, required: true },
|
||||
field: { type: String, required: true },
|
||||
toggleIcons: { type: Object, default: null },
|
||||
},
|
||||
data: function() {
|
||||
return {
|
||||
selected_values: '',
|
||||
currentLabel: '',
|
||||
loading: false,
|
||||
tableRecords: [],
|
||||
search: '',
|
||||
offset: 0,
|
||||
limit: 20,
|
||||
cmsColors: null,
|
||||
loadingColors: false,
|
||||
currentColor: '',
|
||||
currentTextColor: '#111827',
|
||||
open: false,
|
||||
hovered: null,
|
||||
_visibilityObserver: null,
|
||||
// ── Mapa completo de colores con nombre → hex ──
|
||||
// Incluye: main colors (resueltos via CMS), nombres ES/EN,
|
||||
// y paleta Tailwind v3/v4 con variantes de nombre personalizadas
|
||||
colorNameMap: {
|
||||
// ── Main colors (se sobreescriben con valores reales del CMS) ──
|
||||
'main color': '#6366f1',
|
||||
'main color light': '#818cf8',
|
||||
'main color dark': '#4f46e5',
|
||||
// ── Blanco / Negro ──
|
||||
'blanco': '#ffffff',
|
||||
'white': '#ffffff',
|
||||
'negro': '#000000',
|
||||
'black': '#000000',
|
||||
// ── Grises (gray - Tailwind) ──
|
||||
'gris': '#6b7280',
|
||||
'gray': '#6b7280',
|
||||
'gris claro': '#9ca3af',
|
||||
'gris light': '#9ca3af',
|
||||
'light gray': '#9ca3af',
|
||||
'gris oscuro': '#374151',
|
||||
'gris dark': '#374151',
|
||||
'dark gray': '#374151',
|
||||
'gris muy claro': '#d1d5db',
|
||||
'gris muy oscuro': '#1f2937',
|
||||
// ── Grises cálidos (neutral - Tailwind) ──
|
||||
'gris calido': '#737373',
|
||||
'gris calido light': '#a3a3a3',
|
||||
'gris calido dark': '#525252',
|
||||
'gris calido muy claro': '#d4d4d4',
|
||||
'gris calido muy oscuro': '#262626',
|
||||
'warm gray': '#737373',
|
||||
// ── Grises neutros (zinc - Tailwind) ──
|
||||
'gris neutro': '#71717a',
|
||||
'gris neutro light': '#a1a1aa',
|
||||
'gris neutro dark': '#52525b',
|
||||
'zinc': '#71717a',
|
||||
// ── Grises fríos (slate - Tailwind) ──
|
||||
'gris frio': '#64748b',
|
||||
'gris frio light': '#94a3b8',
|
||||
'gris frio dark': '#475569',
|
||||
'slate': '#64748b',
|
||||
// ── Grises piedra (stone - Tailwind) ──
|
||||
'gris piedra': '#78716c',
|
||||
'gris piedra light': '#a8a29e',
|
||||
'gris piedra dark': '#57534e',
|
||||
'stone': '#78716c',
|
||||
// ── Rojos ──
|
||||
'rojo': '#ef4444',
|
||||
'rojo claro': '#f87171',
|
||||
'rojo oscuro': '#dc2626',
|
||||
'red': '#ef4444',
|
||||
// ── Naranjas ──
|
||||
'naranja': '#f97316',
|
||||
'naranja claro': '#fb923c',
|
||||
'naranja oscuro': '#ea580c',
|
||||
'orange': '#f97316',
|
||||
// ── Amarillos ──
|
||||
'amarillo': '#eab308',
|
||||
'amarillo claro': '#facc15',
|
||||
'amarillo oscuro': '#ca8a04',
|
||||
'yellow': '#eab308',
|
||||
// ── Verdes ──
|
||||
'verde': '#22c55e',
|
||||
'verde claro': '#4ade80',
|
||||
'verde oscuro': '#16a34a',
|
||||
'green': '#22c55e',
|
||||
// ── Azules ──
|
||||
'azul': '#3b82f6',
|
||||
'azul claro': '#60a5fa',
|
||||
'azul oscuro': '#2563eb',
|
||||
'blue': '#3b82f6',
|
||||
// ── Índigos ──
|
||||
'indigo': '#6366f1',
|
||||
'indigo claro': '#818cf8',
|
||||
'indigo oscuro': '#4f46e5',
|
||||
// ── Violetas / Morados ──
|
||||
'violeta': '#8b5cf6',
|
||||
'morado': '#8b5cf6',
|
||||
'violet': '#8b5cf6',
|
||||
'purple': '#a855f7',
|
||||
// ── Rosas ──
|
||||
'rosa': '#ec4899',
|
||||
'rosa claro': '#f472b6',
|
||||
'rosa oscuro': '#db2777',
|
||||
'pink': '#ec4899',
|
||||
// ── Fucsias ──
|
||||
'fucsia': '#d946ef',
|
||||
'fuchsia': '#d946ef',
|
||||
// ── Cianes / Turquesas ──
|
||||
'cian': '#06b6d4',
|
||||
'cyan': '#06b6d4',
|
||||
'turquesa': '#14b8a6',
|
||||
'teal': '#14b8a6',
|
||||
// ── Esmeraldas ──
|
||||
'esmeralda': '#10b981',
|
||||
'emerald': '#10b981',
|
||||
// ── Limas ──
|
||||
'lima': '#84cc16',
|
||||
'lime': '#84cc16',
|
||||
// ── Ámbar ──
|
||||
'ambar': '#f59e0b',
|
||||
'amber': '#f59e0b',
|
||||
// ── Cielo ──
|
||||
'cielo': '#0ea5e9',
|
||||
'sky': '#0ea5e9',
|
||||
// ── Transparente ──
|
||||
'transparente': 'transparent',
|
||||
'transparent': 'transparent',
|
||||
}
|
||||
};
|
||||
},
|
||||
created: function() {
|
||||
this.initFieldValue();
|
||||
this.loadOptions();
|
||||
},
|
||||
mounted: function() {
|
||||
var self = this;
|
||||
this.$nextTick(function() {
|
||||
self.positionPill(false);
|
||||
// ── IntersectionObserver ──
|
||||
// Reposiciona la pill cuando el toggle pasa de oculto a visible
|
||||
// (resuelve el problema de toggles en tabs inactivos con offsetWidth = 0)
|
||||
if (self.$refs.toggleContainer) {
|
||||
self._visibilityObserver = new IntersectionObserver(function(entries) {
|
||||
if (entries[0].isIntersecting) {
|
||||
self.positionPill(false);
|
||||
}
|
||||
}, { threshold: 0.1 });
|
||||
self._visibilityObserver.observe(self.$refs.toggleContainer);
|
||||
}
|
||||
});
|
||||
},
|
||||
beforeDestroy: function() {
|
||||
if (this._visibilityObserver) {
|
||||
this._visibilityObserver.disconnect();
|
||||
this._visibilityObserver = null;
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
fieldConfig: function() { return this.builder.vars[this.field]; },
|
||||
fieldOptions: function() { return this.fieldConfig.options.builder_custom; },
|
||||
multiple: function() { return !!this.fieldConfig.multi; },
|
||||
tableName: function() { return this.fieldOptions.tableName || null; },
|
||||
querySQL: function() { return this.fieldOptions.query || null; },
|
||||
isRemote: function() { return !!(this.tableName || this.querySQL); },
|
||||
isPaginated: function() { return this.isRemote; },
|
||||
isFilterable: function() { return this.tableRecords.length > 10; },
|
||||
realOptions: function() {
|
||||
if (this.isRemote) return [];
|
||||
var internalKeys = ['tableName', 'fieldLabel', 'fieldValue', 'query'];
|
||||
var opts = [];
|
||||
var entries = Object.entries(this.fieldOptions);
|
||||
for (var i = 0; i < entries.length; i++) {
|
||||
if (internalKeys.indexOf(entries[i][0]) === -1) {
|
||||
opts.push({ value: entries[i][0], label: entries[i][1] });
|
||||
}
|
||||
}
|
||||
var emptyIdx = -1;
|
||||
for (var j = 0; j < opts.length; j++) {
|
||||
if (opts[j].value === '') { emptyIdx = j; break; }
|
||||
}
|
||||
if (emptyIdx > 0) {
|
||||
var emptyOpt = opts.splice(emptyIdx, 1)[0];
|
||||
opts.unshift(emptyOpt);
|
||||
}
|
||||
return opts;
|
||||
},
|
||||
allRealOptions: function() { return this.realOptions; },
|
||||
displayMode: function() {
|
||||
if (this.isRemote || this.multiple) return 'select';
|
||||
var opts = this.allRealOptions;
|
||||
if (opts.length >= 2 && this.isColorOptions(opts)) return 'color';
|
||||
if (opts.length === 2) return 'toggle';
|
||||
return 'select';
|
||||
},
|
||||
isToggleOn: function() {
|
||||
if (this.allRealOptions.length < 2) return false;
|
||||
var currentVal = this.data[this.field].newValues.builder_custom.value;
|
||||
return currentVal === this.allRealOptions[1].value;
|
||||
},
|
||||
labelKey: function() {
|
||||
if (this.querySQL) return this.tableRecords.length > 0 ? Object.keys(this.tableRecords[0])[1] || 'label' : 'label';
|
||||
if (this.tableName) return this.fieldOptions.fieldLabel || 'label';
|
||||
return 'label';
|
||||
},
|
||||
valueKey: function() {
|
||||
if (this.querySQL) return this.tableRecords.length > 0 ? Object.keys(this.tableRecords[0])[0] || 'value' : 'value';
|
||||
if (this.tableName) return this.fieldOptions.fieldValue || 'value';
|
||||
return 'value';
|
||||
},
|
||||
totalRecords: function() { return this.tableRecords.length; },
|
||||
hasNextPage: function() { return (this.offset + this.limit) < this.totalRecords; },
|
||||
hasPrevPage: function() { return this.offset > 0; },
|
||||
},
|
||||
methods: {
|
||||
|
||||
initFieldValue: function() {
|
||||
var fieldData = this.data[this.field];
|
||||
if (typeof fieldData.newValues.builder_custom.value === 'undefined') {
|
||||
Vue.set(fieldData.newValues.builder_custom, 'value', '');
|
||||
}
|
||||
},
|
||||
|
||||
loadOptions: function() {
|
||||
if (this.fieldConfig.type !== 'list') return;
|
||||
if (this.tableName) { this.loadFromTable(); }
|
||||
else if (this.querySQL) { this.loadFromQuery(); }
|
||||
else { this.loadManualOptions(); }
|
||||
this.syncSelectedValue();
|
||||
this.updateCurrentLabel();
|
||||
if (this.displayMode === 'color') { this.loadColors(); }
|
||||
},
|
||||
|
||||
loadFromTable: function() {
|
||||
var self = this;
|
||||
this.loading = true;
|
||||
Rest.get(this.tableName)
|
||||
.then(function(r) { self.tableRecords = self.prependEmpty(r.data || []); })
|
||||
.catch(function(e) { console.error('[acai-vue-selectv2] Error:', e); self.tableRecords = []; })
|
||||
.finally(function() { self.loading = false; self.syncSelectedValue(); });
|
||||
},
|
||||
|
||||
loadFromQuery: function() {
|
||||
var self = this;
|
||||
this.loading = true;
|
||||
Rest.query(this.querySQL)
|
||||
.then(function(r) {
|
||||
if (!r || !r.data || !r.data[0]) { self.tableRecords = []; return; }
|
||||
self.tableRecords = self.prependEmpty(r.data);
|
||||
})
|
||||
.catch(function(e) { console.error('[acai-vue-selectv2] Error:', e); self.tableRecords = []; })
|
||||
.finally(function() { self.loading = false; self.syncSelectedValue(); });
|
||||
},
|
||||
|
||||
loadManualOptions: function() {
|
||||
var internalKeys = ['tableName', 'fieldLabel', 'fieldValue', 'query'];
|
||||
var entries = Object.entries(this.fieldOptions);
|
||||
this.tableRecords = [];
|
||||
for (var i = 0; i < entries.length; i++) {
|
||||
if (internalKeys.indexOf(entries[i][0]) === -1) {
|
||||
this.tableRecords.push({ label: entries[i][1], value: entries[i][0] });
|
||||
}
|
||||
}
|
||||
if (!this.multiple) {
|
||||
this.tableRecords.unshift({ label: '(Sin valor asignado)', value: '' });
|
||||
}
|
||||
},
|
||||
|
||||
prependEmpty: function(records) {
|
||||
if (this.multiple || !records.length) return records;
|
||||
var empty = {};
|
||||
empty[this.labelKey] = '(Sin valor asignado)';
|
||||
empty[this.valueKey] = '';
|
||||
return [empty].concat(records);
|
||||
},
|
||||
|
||||
syncSelectedValue: function() {
|
||||
var currentValue = this.data[this.field].newValues.builder_custom.value;
|
||||
this.selected_values = this.multiple
|
||||
? this.parseMultiValue(currentValue)
|
||||
: (currentValue != null ? currentValue : '');
|
||||
},
|
||||
|
||||
parseMultiValue: function(value) {
|
||||
if (!value || String(value).trim() === '') return [];
|
||||
return String(value).trim().split("\t").filter(function(v) { return v !== ''; });
|
||||
},
|
||||
|
||||
updateCurrentLabel: function() {
|
||||
var val = this.data[this.field].newValues.builder_custom.value;
|
||||
this.currentLabel = this.fieldOptions[val] || '';
|
||||
},
|
||||
|
||||
saveField: function(value) {
|
||||
this.data[this.field].newValues.builder_custom.value = value;
|
||||
this.data[this.field].value = value;
|
||||
this.updateCurrentLabel();
|
||||
if (this.displayMode === 'color') { this.updateCurrentColor(); }
|
||||
this.$emit("save-data");
|
||||
},
|
||||
|
||||
// ══════════════════════════════════════
|
||||
// MODO TOGGLE
|
||||
// ══════════════════════════════════════
|
||||
|
||||
positionPill: function(animate) {
|
||||
var pill = this.$refs.togglePill;
|
||||
if (!pill) return;
|
||||
|
||||
var container = this.$refs.toggleContainer;
|
||||
if (!container) return;
|
||||
|
||||
var opt0Ref = this.$refs['toggleOpt0'];
|
||||
var opt1Ref = this.$refs['toggleOpt1'];
|
||||
var opt0 = Array.isArray(opt0Ref) ? opt0Ref[0] : opt0Ref;
|
||||
var opt1 = Array.isArray(opt1Ref) ? opt1Ref[0] : opt1Ref;
|
||||
if (!opt0 || !opt1) return;
|
||||
|
||||
var clientW = container.clientWidth;
|
||||
var clientH = container.clientHeight;
|
||||
|
||||
// Si el contenedor no es visible aún, salir sin posicionar
|
||||
// (el IntersectionObserver lo reintentará cuando sea visible)
|
||||
if (clientW === 0 || clientH === 0) return;
|
||||
|
||||
var activeIdx = this.isToggleOn ? 1 : 0;
|
||||
var hasIcon = this.getToggleIcon(activeIdx) !== null;
|
||||
var extra = hasIcon ? 4 : 0;
|
||||
|
||||
var pillLeft, pillWidth;
|
||||
|
||||
if (this.isToggleOn) {
|
||||
pillWidth = opt1.offsetWidth + extra;
|
||||
pillLeft = clientW - pillWidth;
|
||||
if (pillLeft < 0) pillLeft = 0;
|
||||
} else {
|
||||
pillWidth = opt0.offsetWidth + extra;
|
||||
pillLeft = 0;
|
||||
if (pillWidth > clientW) pillWidth = clientW;
|
||||
}
|
||||
|
||||
pill.style.width = pillWidth + 'px';
|
||||
pill.style.height = clientH + 'px';
|
||||
pill.style.top = '0px';
|
||||
|
||||
if (animate) {
|
||||
pill.style.transition = 'left 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1)';
|
||||
} else {
|
||||
pill.style.transition = 'none';
|
||||
}
|
||||
|
||||
pill.style.left = pillLeft + 'px';
|
||||
},
|
||||
|
||||
toggleSwitch: function() {
|
||||
var opts = this.allRealOptions;
|
||||
if (opts.length < 2) return;
|
||||
var newValue = this.isToggleOn ? opts[0].value : opts[1].value;
|
||||
this.saveField(newValue);
|
||||
var self = this;
|
||||
this.$nextTick(function() {
|
||||
self.positionPill(true);
|
||||
});
|
||||
},
|
||||
|
||||
getToggleOptionClass: function(idx) {
|
||||
var isActive = (idx === 0 && !this.isToggleOn) || (idx === 1 && this.isToggleOn);
|
||||
return isActive ? 'acai-toggle-option--active' : 'acai-toggle-option--inactive';
|
||||
},
|
||||
|
||||
getToggleIcon: function(index) {
|
||||
if (!this.toggleIcons) return null;
|
||||
var opt = this.allRealOptions[index];
|
||||
if (!opt) return null;
|
||||
return this.toggleIcons[opt.value] || this.toggleIcons[index] || null;
|
||||
},
|
||||
|
||||
// ══════════════════════════════════════
|
||||
// MODO COLOR
|
||||
// ══════════════════════════════════════
|
||||
|
||||
/**
|
||||
* Determina si un conjunto de opciones representa colores.
|
||||
* Detecta: colorNameMap keys, hex (#xxx/#xxxxxx), rgb/rgba, hsl/hsla.
|
||||
* Activa modo color si al menos la mitad de las opciones son colores.
|
||||
*/
|
||||
isColorOptions: function(opts) {
|
||||
var hexRegex = /^#[0-9a-f]{3,8}$/i;
|
||||
var rgbRegex = /^rgba?\s*\(/i;
|
||||
var hslRegex = /^hsla?\s*\(/i;
|
||||
var map = this.colorNameMap;
|
||||
var colorCount = 0;
|
||||
|
||||
for (var i = 0; i < opts.length; i++) {
|
||||
var l = opts[i].label.toLowerCase().trim();
|
||||
// Vacío = opción por defecto, la contamos como color
|
||||
if (l === '') { colorCount++; continue; }
|
||||
// Buscar en el mapa de nombres
|
||||
if (map[l] !== undefined) { colorCount++; continue; }
|
||||
// Hex
|
||||
if (hexRegex.test(l)) { colorCount++; continue; }
|
||||
// RGB / RGBA
|
||||
if (rgbRegex.test(l)) { colorCount++; continue; }
|
||||
// HSL / HSLA
|
||||
if (hslRegex.test(l)) { colorCount++; continue; }
|
||||
}
|
||||
return colorCount >= Math.ceil(opts.length / 2);
|
||||
},
|
||||
|
||||
/**
|
||||
* Resuelve el hex real de una label de color.
|
||||
* Prioridad: CMS colors (main) > colorNameMap > hex/rgb directo > fallback gris.
|
||||
*/
|
||||
resolveColorHex: function(label) {
|
||||
var l = (typeof label === 'string') ? label.toLowerCase().trim() : '';
|
||||
if (!l) return '';
|
||||
|
||||
// 1) Hex directo
|
||||
if (/^#[0-9a-f]{3,8}$/i.test(l)) return l;
|
||||
|
||||
// 2) RGB directo → convertir a hex
|
||||
var rgbMatch = l.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
|
||||
if (rgbMatch) {
|
||||
var r = parseInt(rgbMatch[1]), g = parseInt(rgbMatch[2]), b = parseInt(rgbMatch[3]);
|
||||
return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
|
||||
}
|
||||
|
||||
// 3) Mapa de nombres
|
||||
if (this.colorNameMap[l] !== undefined) return this.colorNameMap[l];
|
||||
|
||||
return '';
|
||||
},
|
||||
|
||||
/**
|
||||
* Carga los colores reales del CMS (main color, light, dark)
|
||||
* y construye el mapa cmsColors con hex reales para cada opción.
|
||||
*/
|
||||
loadColors: function() {
|
||||
var self = this;
|
||||
this.loadingColors = true;
|
||||
try {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open('GET', '/admin.php?menu=configuracion_tienda&action=edit&num=1', true);
|
||||
xhr.onload = function() {
|
||||
var doc = new DOMParser().parseFromString(xhr.responseText, 'text/html');
|
||||
var principal = doc.querySelector('input[name="color_principal"]');
|
||||
var claro = doc.querySelector('input[name="color_principal_claro"]');
|
||||
var oscuro = doc.querySelector('input[name="color_principal_oscuro"]');
|
||||
|
||||
// Sobreescribir main colors en el mapa con valores reales del CMS
|
||||
if (principal && principal.value) self.colorNameMap['main color'] = principal.value;
|
||||
if (claro && claro.value) self.colorNameMap['main color light'] = claro.value;
|
||||
if (oscuro && oscuro.value) self.colorNameMap['main color dark'] = oscuro.value;
|
||||
|
||||
// Construir mapa de valor → hex para cada opción
|
||||
self.cmsColors = {};
|
||||
var entries = Object.entries(self.fieldOptions);
|
||||
var internalKeys = ['tableName', 'fieldLabel', 'fieldValue', 'query'];
|
||||
for (var i = 0; i < entries.length; i++) {
|
||||
var val = entries[i][0], label = entries[i][1];
|
||||
if (internalKeys.indexOf(val) !== -1) continue;
|
||||
var resolved = self.resolveColorHex(label);
|
||||
if (resolved) {
|
||||
self.cmsColors[val] = resolved;
|
||||
}
|
||||
}
|
||||
|
||||
self.updateCurrentColor();
|
||||
self.loadingColors = false;
|
||||
};
|
||||
xhr.onerror = function() { console.error('[acai-vue-selectv2] Error de red'); self.loadingColors = false; };
|
||||
xhr.send();
|
||||
} catch (e) { console.error('[acai-vue-selectv2] Error:', e); this.loadingColors = false; }
|
||||
},
|
||||
|
||||
updateCurrentColor: function() {
|
||||
if (!this.cmsColors) { this.currentColor = ''; this.currentTextColor = '#111827'; return; }
|
||||
var val = this.data[this.field].newValues.builder_custom.value;
|
||||
if (this.cmsColors[val] !== undefined) {
|
||||
this.currentColor = this.cmsColors[val];
|
||||
this.currentTextColor = this.isLightColor(this.currentColor) ? '#111827' : '#ffffff';
|
||||
} else { this.currentColor = ''; this.currentTextColor = '#111827'; }
|
||||
},
|
||||
|
||||
isLightColor: function(hex) {
|
||||
if (!hex || hex === 'transparent') return true;
|
||||
var clean = hex.replace('#', '');
|
||||
var full = clean.length === 3 ? clean[0]+clean[0]+clean[1]+clean[1]+clean[2]+clean[2] : clean;
|
||||
var r = parseInt(full.substring(0, 2), 16);
|
||||
var g = parseInt(full.substring(2, 4), 16);
|
||||
var b = parseInt(full.substring(4, 6), 16);
|
||||
return (0.299 * r + 0.587 * g + 0.114 * b) / 255 > 0.5;
|
||||
},
|
||||
|
||||
getSwatchColor: function(value) {
|
||||
return (this.cmsColors && this.cmsColors[value] !== undefined) ? this.cmsColors[value] : '#e5e7eb';
|
||||
},
|
||||
|
||||
selectOption: function(value) { this.open = false; this.saveField(value); },
|
||||
closeDropdown: function() { this.open = false; },
|
||||
|
||||
getColorOptionStyle: function(value) {
|
||||
var currentVal = this.data[this.field].newValues.builder_custom.value;
|
||||
var isSelected = value === currentVal;
|
||||
var isHovered = this.hovered === value;
|
||||
return {
|
||||
backgroundColor: isSelected ? '#e5e7eb' : (isHovered ? '#f3f4f6' : '#ffffff'),
|
||||
color: '#111827',
|
||||
fontWeight: isSelected ? '600' : '400',
|
||||
transition: 'all 0.2s ease',
|
||||
};
|
||||
},
|
||||
|
||||
onInput: function() {
|
||||
var value = this.multiple
|
||||
? (this.selected_values.length === 0 ? '' : ['', ...this.selected_values, ''].join("\t"))
|
||||
: (this.selected_values || '');
|
||||
this.saveField(value);
|
||||
},
|
||||
|
||||
onSearch: function(query) { this.search = query; this.offset = 0; },
|
||||
},
|
||||
watch: {
|
||||
data: {
|
||||
handler: function() {
|
||||
this.updateCurrentLabel();
|
||||
if (this.displayMode === 'color') { this.updateCurrentColor(); }
|
||||
},
|
||||
deep: true,
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/* ── Select normal ── */
|
||||
.vs__dropdown-toggle { background: #edf2f7; padding: 10px; }
|
||||
.multiple .vs__selected {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgb(113 128 150);
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
/* ── Color dropdown ── */
|
||||
.rotate-180 { transform: rotate(180deg); }
|
||||
|
||||
/* ══════════════════════════════════════════════ */
|
||||
/* TOGGLE */
|
||||
/* ══════════════════════════════════════════════ */
|
||||
.acai-toggle {
|
||||
height: 42px;
|
||||
background-color: #d5dbe1;
|
||||
border: 2px solid #4b5563;
|
||||
padding: 0;
|
||||
gap: 0;
|
||||
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.12);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.acai-toggle-pill {
|
||||
background-color: #4a5568;
|
||||
z-index: 5;
|
||||
pointer-events: none;
|
||||
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 3px 3px rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
.acai-toggle-option {
|
||||
z-index: 10;
|
||||
font-size: 0.875rem;
|
||||
line-height: 0;
|
||||
padding: 0 14px;
|
||||
transition: color 0.25s ease;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.acai-toggle-option--active {
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.acai-toggle-option--inactive {
|
||||
color: #4a5568;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.acai-toggle:hover {
|
||||
border-color: #374151;
|
||||
}
|
||||
|
||||
/* ── Toggle icons ── */
|
||||
.toggle-icon { display: inline-flex; align-items: center; line-height: 0; }
|
||||
.toggle-icon svg { width: 20px; height: 20px; stroke: currentColor; fill: none; }
|
||||
</style>
|
||||
@@ -1,518 +0,0 @@
|
||||
<template>
|
||||
<div class="acai-tabs-wrapper" :id="'acai-tabs-' + _uid">
|
||||
<!-- SISTEMA DE TABS ESTILO CARPETA -->
|
||||
<div class="tabs-container" role="tablist" aria-label="Pestañas de configuración">
|
||||
<transition-group name="tab-move" tag="div" class="tabs-wrapper">
|
||||
<div
|
||||
v-for="(tab, index) in sortedTabs"
|
||||
:key="tab.id"
|
||||
:draggable="draggable"
|
||||
@dragstart="onDragStart($event, getOriginalIndex(tab.id))"
|
||||
@dragover.prevent="onDragOver($event, getOriginalIndex(tab.id))"
|
||||
@drop="onDrop($event, getOriginalIndex(tab.id))"
|
||||
@dragend="onDragEnd"
|
||||
@click="selectTab(tab.id)"
|
||||
@keydown.enter.prevent="selectTab(tab.id)"
|
||||
@keydown.space.prevent="selectTab(tab.id)"
|
||||
@keydown.right.prevent="focusNextTab(getOriginalIndex(tab.id))"
|
||||
@keydown.left.prevent="focusPrevTab(getOriginalIndex(tab.id))"
|
||||
class="tab-item"
|
||||
:class="[
|
||||
activeTab === tab.id ? 'active' : '',
|
||||
isDragging && dragIndex === getOriginalIndex(tab.id) ? 'dragging' : ''
|
||||
]"
|
||||
:style="getTabStyle(tab, index)"
|
||||
:title="tab.label"
|
||||
role="tab"
|
||||
:id="'tab-' + tab.id"
|
||||
:aria-selected="activeTab === tab.id ? 'true' : 'false'"
|
||||
:aria-controls="'panel-' + tab.id"
|
||||
:tabindex="activeTab === tab.id ? 0 : -1"
|
||||
:ref="'tab-' + tab.id"
|
||||
>
|
||||
<span v-if="activeTab === tab.id" class="tab-text">{{ tab.label }}</span>
|
||||
<span v-html="tab.icon" class="tab-icon"></span>
|
||||
<div
|
||||
v-if="activeTab === tab.id"
|
||||
class="tab-active-border"
|
||||
:class="{ 'border-visible': showBorder }"
|
||||
:style="{ backgroundColor: tab.color }"
|
||||
></div>
|
||||
</div>
|
||||
</transition-group>
|
||||
</div>
|
||||
|
||||
<!-- CONTENIDO DE TABS -->
|
||||
<div
|
||||
v-for="tab in tabs"
|
||||
:key="'panel-' + tab.id"
|
||||
v-show="activeTab === tab.id"
|
||||
class="tab-panel"
|
||||
:style="{ borderLeftColor: showBorder ? getTabColor(tab.id) : 'transparent' }"
|
||||
role="tabpanel"
|
||||
:id="'panel-' + tab.id"
|
||||
:aria-labelledby="'tab-' + tab.id"
|
||||
>
|
||||
<slot :name="tab.id" :tab="tab" :color="tab.color"></slot>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.acai-tabs-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tabs-container {
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.tabs-wrapper {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
/* ── Tab base ── */
|
||||
.tab-item {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
padding: 10px 24px 10px 32px;
|
||||
margin-right: -8px;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
color: white;
|
||||
border-radius: 15px 15px 0 0;
|
||||
box-shadow: 5px 0 8px rgba(0, 0, 0, 0.1);
|
||||
transition: padding 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
|
||||
transform-origin: bottom center;
|
||||
}
|
||||
|
||||
/* ── Hover: escala sutil en tabs inactivos ── */
|
||||
.tab-item:not(.active):hover {
|
||||
transform: scale(1.06);
|
||||
box-shadow: 5px -2px 12px rgba(0, 0, 0, 0.18);
|
||||
}
|
||||
|
||||
.tab-item:not(.active):active {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
/* ── Tab activo ── */
|
||||
.tab-item.active {
|
||||
background: white;
|
||||
color: #374151;
|
||||
box-shadow: 5px 0 8px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 15px 15px 0 0;
|
||||
padding: 10px 24px 10px 40px;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.tab-item.active .tab-icon {
|
||||
color: var(--tab-color);
|
||||
}
|
||||
|
||||
/* ── Focus visible para accesibilidad ── */
|
||||
.tab-item:focus-visible {
|
||||
outline: 2px solid var(--tab-color, #3b82f6);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
.tab-active-border {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: -4px;
|
||||
width: 16px;
|
||||
border-radius: 15px 0 0 0;
|
||||
opacity: 0;
|
||||
transition: opacity 0.4s ease;
|
||||
}
|
||||
|
||||
.tab-active-border.border-visible {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Texto oculto por defecto, visible a partir de 1850px */
|
||||
.tab-text {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.tab-icon svg {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
stroke: currentColor;
|
||||
fill: none;
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
.tab-item.dragging {
|
||||
opacity: 0.5;
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.tab-move-move {
|
||||
transition: transform 0.4s ease;
|
||||
}
|
||||
|
||||
.tab-panel {
|
||||
position: relative;
|
||||
z-index: 60;
|
||||
background: white;
|
||||
padding: 32px 24px;
|
||||
border-top-right-radius: 15px;
|
||||
border-bottom-right-radius: 15px;
|
||||
border-bottom-left-radius: 15px;
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
||||
margin-top: 0;
|
||||
border-left: 16px solid transparent;
|
||||
transition: border-color 0.4s ease;
|
||||
}
|
||||
|
||||
/* ── 1850px — mostrar texto del tab activo ── */
|
||||
@media (min-width: 1850px) {
|
||||
.tab-item.active .tab-text {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
name: 'AcaiVueTabs',
|
||||
|
||||
props: {
|
||||
tabs: {
|
||||
type: Array,
|
||||
required: true
|
||||
},
|
||||
defaultTab: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
storageKey: {
|
||||
type: String,
|
||||
default: 'acai-tabs-order'
|
||||
},
|
||||
draggable: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
applyThemeStyles: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
|
||||
data: function() {
|
||||
return {
|
||||
activeTab: null,
|
||||
showBorder: true,
|
||||
tabOrder: [],
|
||||
isDragging: false,
|
||||
dragIndex: null,
|
||||
dragOverIndex: null,
|
||||
borderTransitionTimer: null
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
orderedTabs: function() {
|
||||
if (this.tabOrder.length === 0) return this.tabs;
|
||||
var self = this;
|
||||
return this.tabOrder
|
||||
.map(function(id) { return self.tabs.find(function(t) { return t.id === id; }); })
|
||||
.filter(Boolean);
|
||||
},
|
||||
/**
|
||||
* Mueve el tab activo al principio del array para que su border
|
||||
* izquierdo se una visualmente con el border-left del panel.
|
||||
*/
|
||||
sortedTabs: function() {
|
||||
var tabs = this.orderedTabs.slice();
|
||||
var self = this;
|
||||
var activeIndex = -1;
|
||||
for (var i = 0; i < tabs.length; i++) {
|
||||
if (tabs[i].id === self.activeTab) { activeIndex = i; break; }
|
||||
}
|
||||
if (activeIndex > 0) {
|
||||
var activeTabObj = tabs.splice(activeIndex, 1)[0];
|
||||
tabs.unshift(activeTabObj);
|
||||
}
|
||||
return tabs;
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
activeTab: {
|
||||
immediate: true,
|
||||
handler: function(newTab) {
|
||||
if (!newTab) return;
|
||||
|
||||
var color = this.getTabColor(newTab);
|
||||
this.$emit('tab-change', { id: newTab, color: color });
|
||||
|
||||
if (this.applyThemeStyles) {
|
||||
this.applyDynamicStyles(color);
|
||||
}
|
||||
}
|
||||
},
|
||||
tabs: {
|
||||
immediate: true,
|
||||
handler: function() {
|
||||
this.loadTabOrder();
|
||||
if (!this.activeTab && this.tabs.length > 0) {
|
||||
this.activeTab = this.defaultTab || this.tabs[0].id;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
mounted: function() {
|
||||
this.loadTabOrder();
|
||||
if (!this.activeTab && this.tabs.length > 0) {
|
||||
this.activeTab = this.defaultTab || this.tabs[0].id;
|
||||
}
|
||||
},
|
||||
|
||||
beforeDestroy: function() {
|
||||
var styleEl = document.getElementById('dynamic-tab-theme-' + this._uid);
|
||||
if (styleEl) {
|
||||
styleEl.remove();
|
||||
}
|
||||
if (this.borderTransitionTimer) {
|
||||
clearTimeout(this.borderTransitionTimer);
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
selectTab: function(tabId) {
|
||||
if (this.activeTab === tabId) return;
|
||||
|
||||
var self = this;
|
||||
this.showBorder = false;
|
||||
this.activeTab = tabId;
|
||||
|
||||
// Limpiar timer anterior si existe
|
||||
if (this.borderTransitionTimer) {
|
||||
clearTimeout(this.borderTransitionTimer);
|
||||
}
|
||||
this.borderTransitionTimer = setTimeout(function() {
|
||||
self.showBorder = true;
|
||||
self.borderTransitionTimer = null;
|
||||
}, 400);
|
||||
},
|
||||
|
||||
getOriginalIndex: function(tabId) {
|
||||
var tabs = this.orderedTabs;
|
||||
for (var i = 0; i < tabs.length; i++) {
|
||||
if (tabs[i].id === tabId) return i;
|
||||
}
|
||||
return -1;
|
||||
},
|
||||
|
||||
getTabColor: function(tabId) {
|
||||
var tab = this.tabs.find(function(t) { return t.id === tabId; });
|
||||
return tab ? tab.color : '#64748b';
|
||||
},
|
||||
|
||||
/**
|
||||
* Genera el background del tab sin usar color-mix().
|
||||
* Calcula un color más claro sumando un 15% de blanco al color base.
|
||||
*/
|
||||
getTabStyle: function(tab, index) {
|
||||
var style = {
|
||||
'--tab-color': tab.color,
|
||||
zIndex: this.activeTab === tab.id ? 50 : (this.orderedTabs.length - index)
|
||||
};
|
||||
|
||||
// Solo aplicar gradiente a tabs inactivos
|
||||
if (this.activeTab !== tab.id) {
|
||||
var lighter = this.lightenColor(tab.color, 15);
|
||||
style.background = 'linear-gradient(to bottom, ' + lighter + ', ' + tab.color + ')';
|
||||
}
|
||||
|
||||
return style;
|
||||
},
|
||||
|
||||
/**
|
||||
* Aclara un color hex sumándole un porcentaje de blanco.
|
||||
* Reemplaza color-mix(in srgb, ...) para compatibilidad con navegadores legacy.
|
||||
*/
|
||||
lightenColor: function(hex, percent) {
|
||||
if (!hex || hex.charAt(0) !== '#') return hex;
|
||||
|
||||
var clean = hex.replace('#', '');
|
||||
if (clean.length === 3) {
|
||||
clean = clean[0] + clean[0] + clean[1] + clean[1] + clean[2] + clean[2];
|
||||
}
|
||||
|
||||
var r = parseInt(clean.substring(0, 2), 16);
|
||||
var g = parseInt(clean.substring(2, 4), 16);
|
||||
var b = parseInt(clean.substring(4, 6), 16);
|
||||
|
||||
var factor = percent / 100;
|
||||
r = Math.min(255, Math.round(r + (255 - r) * factor));
|
||||
g = Math.min(255, Math.round(g + (255 - g) * factor));
|
||||
b = Math.min(255, Math.round(b + (255 - b) * factor));
|
||||
|
||||
var toHex = function(c) {
|
||||
var h = c.toString(16);
|
||||
return h.length === 1 ? '0' + h : h;
|
||||
};
|
||||
|
||||
return '#' + toHex(r) + toHex(g) + toHex(b);
|
||||
},
|
||||
|
||||
// ── localStorage robusto ──
|
||||
|
||||
loadTabOrder: function() {
|
||||
try {
|
||||
var saved = localStorage.getItem(this.storageKey);
|
||||
if (saved) {
|
||||
var savedOrder = JSON.parse(saved);
|
||||
if (!Array.isArray(savedOrder)) {
|
||||
this.tabOrder = this.tabs.map(function(t) { return t.id; });
|
||||
return;
|
||||
}
|
||||
var self = this;
|
||||
var validOrder = savedOrder.filter(function(id) {
|
||||
return self.tabs.some(function(t) { return t.id === id; });
|
||||
});
|
||||
var newTabs = this.tabs
|
||||
.filter(function(t) { return validOrder.indexOf(t.id) === -1; })
|
||||
.map(function(t) { return t.id; });
|
||||
this.tabOrder = validOrder.concat(newTabs);
|
||||
} else {
|
||||
this.tabOrder = this.tabs.map(function(t) { return t.id; });
|
||||
}
|
||||
} catch (e) {
|
||||
this.tabOrder = this.tabs.map(function(t) { return t.id; });
|
||||
}
|
||||
},
|
||||
|
||||
saveTabOrder: function() {
|
||||
try {
|
||||
localStorage.setItem(this.storageKey, JSON.stringify(this.tabOrder));
|
||||
} catch (e) {
|
||||
// Silenciar — incógnito, storage lleno, iframe sandbox, etc.
|
||||
}
|
||||
},
|
||||
|
||||
// ── Estilos dinámicos ──
|
||||
|
||||
applyDynamicStyles: function(color) {
|
||||
var styleId = 'dynamic-tab-theme-' + this._uid;
|
||||
var styleEl = document.getElementById(styleId);
|
||||
|
||||
if (!styleEl) {
|
||||
styleEl = document.createElement('style');
|
||||
styleEl.id = styleId;
|
||||
document.head.appendChild(styleEl);
|
||||
}
|
||||
|
||||
// Scoped al wrapper del componente
|
||||
var scope = '#acai-tabs-' + this._uid;
|
||||
|
||||
styleEl.textContent =
|
||||
scope + ' .bg-theme.bg-theme, ' +
|
||||
scope + ' .btn.btn-primary.btn-primary:not(.btn-alt):not(label) {' +
|
||||
' background: none !important;' +
|
||||
' background-color: ' + color + ' !important;' +
|
||||
' border-color: ' + color + ' !important;' +
|
||||
'}';
|
||||
},
|
||||
|
||||
// ── Accesibilidad: navegación por teclado ──
|
||||
|
||||
focusNextTab: function(currentIndex) {
|
||||
var tabs = this.orderedTabs;
|
||||
var nextIndex = (currentIndex + 1) % tabs.length;
|
||||
this.focusTabAtIndex(nextIndex);
|
||||
},
|
||||
|
||||
focusPrevTab: function(currentIndex) {
|
||||
var tabs = this.orderedTabs;
|
||||
var prevIndex = (currentIndex - 1 + tabs.length) % tabs.length;
|
||||
this.focusTabAtIndex(prevIndex);
|
||||
},
|
||||
|
||||
focusTabAtIndex: function(index) {
|
||||
var tab = this.orderedTabs[index];
|
||||
if (!tab) return;
|
||||
var ref = this.$refs['tab-' + tab.id];
|
||||
var el = Array.isArray(ref) ? ref[0] : ref;
|
||||
if (el) {
|
||||
el.focus();
|
||||
this.selectTab(tab.id);
|
||||
}
|
||||
},
|
||||
|
||||
// ── Drag & Drop ──
|
||||
|
||||
onDragStart: function(event, index) {
|
||||
if (!this.draggable) return;
|
||||
this.isDragging = true;
|
||||
this.dragIndex = index;
|
||||
event.dataTransfer.effectAllowed = 'move';
|
||||
event.dataTransfer.setData('text/plain', String(index));
|
||||
},
|
||||
|
||||
onDragOver: function(event, index) {
|
||||
if (!this.draggable) return;
|
||||
event.preventDefault();
|
||||
this.dragOverIndex = index;
|
||||
},
|
||||
|
||||
onDrop: function(event, dropIndex) {
|
||||
if (!this.draggable) return;
|
||||
event.preventDefault();
|
||||
var dragIndex = this.dragIndex;
|
||||
|
||||
if (dragIndex !== null && dragIndex !== dropIndex) {
|
||||
var newOrder = this.tabOrder.slice();
|
||||
var draggedItem = newOrder.splice(dragIndex, 1)[0];
|
||||
newOrder.splice(dropIndex, 0, draggedItem);
|
||||
this.tabOrder = newOrder;
|
||||
this.saveTabOrder();
|
||||
|
||||
this.$emit('order-change', this.tabOrder);
|
||||
}
|
||||
|
||||
this.dragOverIndex = null;
|
||||
},
|
||||
|
||||
onDragEnd: function() {
|
||||
this.isDragging = false;
|
||||
this.dragIndex = null;
|
||||
this.dragOverIndex = null;
|
||||
},
|
||||
|
||||
// ── Métodos públicos ──
|
||||
|
||||
setActiveTab: function(tabId) {
|
||||
this.selectTab(tabId);
|
||||
},
|
||||
|
||||
getActiveTab: function() {
|
||||
return this.activeTab;
|
||||
},
|
||||
|
||||
getActiveColor: function() {
|
||||
return this.getTabColor(this.activeTab);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
1
template/estandar/css/bxslider.min.css
vendored
1
template/estandar/css/bxslider.min.css
vendored
@@ -1 +0,0 @@
|
||||
.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url('../images/bx_loader.gif') center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}.bx-wrapper .bx-prev{left:10px;background:url('../images/controls.png') no-repeat 0 -32px}.bx-wrapper .bx-next{right:10px;background:url('../images/controls.png') no-repeat -43px -32px}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url('../images/controls.png') -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url('../images/controls.png') -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
|
||||
@@ -1,39 +0,0 @@
|
||||
.producto-cesta{position: relative; padding-top: 24px;}
|
||||
.producto-cesta .img{background-color: #F5F5F5; width: 180px; margin-right: 40px;}
|
||||
.producto-cesta .img::after{padding-top: 100%;}
|
||||
.producto-cesta .img>img{left: 15%; top: 15%; height: 70%; width: 70%; -o-object-fit: contain; object-fit: contain;}
|
||||
.producto-cesta>div:not(.img){-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
|
||||
.producto-cesta .remove{position: absolute; right: 0; top: 0; border: none; background-color: transparent; min-height: 48px; min-width: 48px;}
|
||||
.producto-cesta h3{font-size: 18px;}
|
||||
.producto-cesta p{font-size: 14px; width: 70%; margin-top: 10px;}
|
||||
.precio{font-weight: 600; color: #000;}
|
||||
.precio.alt{color: #de2020;}
|
||||
.precio.alt .tachado, .producto-cesta .precio.alt small{color: #000;}
|
||||
.producto-cesta label{font-size: 14px;}
|
||||
#cesta .checkout{background-color: #f5f5f5; padding: 30px; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 20px; font-weight: 600; text-align: right;}
|
||||
#cesta .checkout>div{padding: 15px 0;}
|
||||
#cesta .checkout>div+div{border-top: solid 1px #e5e5e5;}
|
||||
#cesta select.form-control.envio{display: inline-block; margin: 0 15px;}
|
||||
#cesta .descuento{background-color: #f5f5f5; padding: 30px; margin-top: 30px;}
|
||||
#cesta .descuento label{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 15px;}
|
||||
#cesta .descuento .form-control{width: auto; height: auto;}
|
||||
#cesta .descuento .btn{border-top-left-radius: 0; border-bottom-left-radius: 0;}
|
||||
#cesta .opciones{font-size: 14px; font-weight: 600; padding-top: 10px; padding-bottom: 10px;}
|
||||
|
||||
#pago label{display: block;}
|
||||
#metodos-pago{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px;}
|
||||
#metodos-pago>a{max-width: 33.333%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px 20px; border-radius: 10px; background-color: #fff; border: solid 1px #ddd; text-align: center;}
|
||||
#metodos-pago>a>img{height: 24px; width: auto; margin-right: 10px;}
|
||||
#metodos-pago>a+a{margin-left: 15px;}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
#cesta .producto-cesta{display: block;}
|
||||
#cesta .producto-cesta .img{width: calc(100% - 80px); margin: 0 40px 20px;}
|
||||
.producto-cesta>div:not(.img){margin: 0 40px 20px;}
|
||||
#cesta .descuento .form-group-flex{display: block;}
|
||||
#cesta .descuento .form-control, #cesta .descuento .btn{display: block; width: 100%; margin-top: 10px;}
|
||||
#cesta .descuento .btn{border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
|
||||
#metodos-pago{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
|
||||
#metodos-pago>a{width: 100%; max-width: 100%;}
|
||||
#metodos-pago>a+a{margin-left: 0; margin-top: 32px;}
|
||||
}
|
||||
@@ -1,87 +0,0 @@
|
||||
#yelow #short {
|
||||
color: #fea;
|
||||
}
|
||||
#yelow #long {
|
||||
color: #ffeeaa;
|
||||
}
|
||||
#yelow #rgba {
|
||||
color: rgba(255, 238, 170, 0.1);
|
||||
}
|
||||
#yelow #argb {
|
||||
color: #1affeeaa;
|
||||
}
|
||||
#blue #short {
|
||||
color: #00f;
|
||||
}
|
||||
#blue #long {
|
||||
color: #0000ff;
|
||||
}
|
||||
#blue #rgba {
|
||||
color: rgba(0, 0, 255, 0.1);
|
||||
}
|
||||
#blue #argb {
|
||||
color: #1a0000ff;
|
||||
}
|
||||
#alpha #hsla {
|
||||
color: rgba(61, 45, 41, 0.6);
|
||||
}
|
||||
#overflow .a {
|
||||
color: #000000;
|
||||
}
|
||||
#overflow .b {
|
||||
color: #ffffff;
|
||||
}
|
||||
#overflow .c {
|
||||
color: #ffffff;
|
||||
}
|
||||
#overflow .d {
|
||||
color: #00ff00;
|
||||
}
|
||||
#overflow .e {
|
||||
color: rgba(0, 31, 255, 0.42);
|
||||
}
|
||||
#grey {
|
||||
color: #c8c8c8;
|
||||
}
|
||||
#333333 {
|
||||
color: #333333;
|
||||
}
|
||||
#808080 {
|
||||
color: #808080;
|
||||
}
|
||||
#00ff00 {
|
||||
color: #00ff00;
|
||||
}
|
||||
.lightenblue {
|
||||
color: #3333ff;
|
||||
}
|
||||
.darkenblue {
|
||||
color: #0000cc;
|
||||
}
|
||||
.unknowncolors {
|
||||
color: blue2;
|
||||
border: 2px solid superred;
|
||||
}
|
||||
.transparent {
|
||||
color: transparent;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
#alpha #fromvar {
|
||||
opacity: 0.7;
|
||||
}
|
||||
#alpha #short {
|
||||
opacity: 1;
|
||||
}
|
||||
#alpha #long {
|
||||
opacity: 1;
|
||||
}
|
||||
#alpha #rgba {
|
||||
opacity: 0.2;
|
||||
}
|
||||
#alpha #hsl {
|
||||
opacity: 1;
|
||||
}
|
||||
#percentage {
|
||||
color: 255;
|
||||
border-color: rgba(255, 0, 0, 0.5);
|
||||
}
|
||||
@@ -1,482 +0,0 @@
|
||||
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||
/*
|
||||
|
||||
Contents:
|
||||
|
||||
1. Buttons
|
||||
2. Share modal and links
|
||||
3. Index indicator ("1 of X" counter)
|
||||
4. Caption
|
||||
5. Loading indicator
|
||||
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
|
||||
|
||||
*/
|
||||
/*
|
||||
|
||||
1. Buttons
|
||||
|
||||
*/
|
||||
/* <button> css reset */
|
||||
.pswp__button {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: relative;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
overflow: visible;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
float: right;
|
||||
opacity: 0.75;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none; }
|
||||
.pswp__button:focus, .pswp__button:hover {
|
||||
opacity: 1; }
|
||||
.pswp__button:active {
|
||||
outline: none;
|
||||
opacity: 0.9; }
|
||||
.pswp__button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
|
||||
.pswp__ui--over-close .pswp__button--close {
|
||||
opacity: 1; }
|
||||
|
||||
.pswp__button,
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
background: url(default-skin.png) 0 0 no-repeat;
|
||||
background-size: 264px 88px;
|
||||
width: 44px;
|
||||
height: 44px; }
|
||||
|
||||
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
|
||||
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
|
||||
.pswp--svg .pswp__button,
|
||||
.pswp--svg .pswp__button--arrow--left:before,
|
||||
.pswp--svg .pswp__button--arrow--right:before {
|
||||
background-image: url(default-skin.svg); }
|
||||
.pswp--svg .pswp__button--arrow--left,
|
||||
.pswp--svg .pswp__button--arrow--right {
|
||||
background: none; } }
|
||||
|
||||
.pswp__button--close {
|
||||
background-position: 0 -44px; }
|
||||
|
||||
.pswp__button--share {
|
||||
background-position: -44px -44px; }
|
||||
|
||||
.pswp__button--fs {
|
||||
display: none; }
|
||||
|
||||
.pswp--supports-fs .pswp__button--fs {
|
||||
display: block; }
|
||||
|
||||
.pswp--fs .pswp__button--fs {
|
||||
background-position: -44px 0; }
|
||||
|
||||
.pswp__button--zoom {
|
||||
display: none;
|
||||
background-position: -88px 0; }
|
||||
|
||||
.pswp--zoom-allowed .pswp__button--zoom {
|
||||
display: block; }
|
||||
|
||||
.pswp--zoomed-in .pswp__button--zoom {
|
||||
background-position: -132px 0; }
|
||||
|
||||
/* no arrows on touch screens */
|
||||
.pswp--touch .pswp__button--arrow--left,
|
||||
.pswp--touch .pswp__button--arrow--right {
|
||||
visibility: hidden; }
|
||||
|
||||
/*
|
||||
Arrow buttons hit area
|
||||
(icon is added to :before pseudo-element)
|
||||
*/
|
||||
.pswp__button--arrow--left,
|
||||
.pswp__button--arrow--right {
|
||||
background: none;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
width: 70px;
|
||||
height: 100px;
|
||||
position: absolute; }
|
||||
|
||||
.pswp__button--arrow--left {
|
||||
left: 0; }
|
||||
|
||||
.pswp__button--arrow--right {
|
||||
right: 0; }
|
||||
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
content: '';
|
||||
top: 35px;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
height: 30px;
|
||||
width: 32px;
|
||||
position: absolute; }
|
||||
|
||||
.pswp__button--arrow--left:before {
|
||||
left: 6px;
|
||||
background-position: -138px -44px; }
|
||||
|
||||
.pswp__button--arrow--right:before {
|
||||
right: 6px;
|
||||
background-position: -94px -44px; }
|
||||
|
||||
/*
|
||||
|
||||
2. Share modal/popup and links
|
||||
|
||||
*/
|
||||
.pswp__counter,
|
||||
.pswp__share-modal {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.pswp__share-modal {
|
||||
display: block;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 10px;
|
||||
position: absolute;
|
||||
z-index: 1600;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.25s ease-out;
|
||||
transition: opacity 0.25s ease-out;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity; }
|
||||
|
||||
.pswp__share-modal--hidden {
|
||||
display: none; }
|
||||
|
||||
.pswp__share-tooltip {
|
||||
z-index: 1620;
|
||||
position: absolute;
|
||||
background: #FFF;
|
||||
top: 56px;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
width: auto;
|
||||
right: 44px;
|
||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-webkit-transform: translateY(6px);
|
||||
-ms-transform: translateY(6px);
|
||||
transform: translateY(6px);
|
||||
-webkit-transition: -webkit-transform 0.25s;
|
||||
transition: transform 0.25s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: transform; }
|
||||
.pswp__share-tooltip a {
|
||||
display: block;
|
||||
padding: 8px 12px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
line-height: 18px; }
|
||||
.pswp__share-tooltip a:hover {
|
||||
text-decoration: none;
|
||||
color: #000; }
|
||||
.pswp__share-tooltip a:first-child {
|
||||
/* round corners on the first/last list item */
|
||||
border-radius: 2px 2px 0 0; }
|
||||
.pswp__share-tooltip a:last-child {
|
||||
border-radius: 0 0 2px 2px; }
|
||||
|
||||
.pswp__share-modal--fade-in {
|
||||
opacity: 1; }
|
||||
.pswp__share-modal--fade-in .pswp__share-tooltip {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
|
||||
/* increase size of share links on touch devices */
|
||||
.pswp--touch .pswp__share-tooltip a {
|
||||
padding: 16px 12px; }
|
||||
|
||||
a.pswp__share--facebook:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
right: 15px;
|
||||
border: 6px solid transparent;
|
||||
border-bottom-color: #FFF;
|
||||
-webkit-pointer-events: none;
|
||||
-moz-pointer-events: none;
|
||||
pointer-events: none; }
|
||||
|
||||
a.pswp__share--facebook:hover {
|
||||
background: #3E5C9A;
|
||||
color: #FFF; }
|
||||
a.pswp__share--facebook:hover:before {
|
||||
border-bottom-color: #3E5C9A; }
|
||||
|
||||
a.pswp__share--twitter:hover {
|
||||
background: #55ACEE;
|
||||
color: #FFF; }
|
||||
|
||||
a.pswp__share--pinterest:hover {
|
||||
background: #CCC;
|
||||
color: #CE272D; }
|
||||
|
||||
a.pswp__share--download:hover {
|
||||
background: #DDD; }
|
||||
|
||||
/*
|
||||
|
||||
3. Index indicator ("1 of X" counter)
|
||||
|
||||
*/
|
||||
.pswp__counter {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
font-size: 13px;
|
||||
line-height: 44px;
|
||||
color: #FFF;
|
||||
opacity: 0.75;
|
||||
padding: 0 10px; }
|
||||
|
||||
/*
|
||||
|
||||
4. Caption
|
||||
|
||||
*/
|
||||
.pswp__caption {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
min-height: 44px; }
|
||||
.pswp__caption small {
|
||||
font-size: 11px;
|
||||
color: #BBB; }
|
||||
|
||||
.pswp__caption__center {
|
||||
text-align: left;
|
||||
max-width: 420px;
|
||||
margin: 0 auto;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
line-height: 20px;
|
||||
color: #CCC; }
|
||||
|
||||
.pswp__caption--empty {
|
||||
display: none; }
|
||||
|
||||
/* Fake caption element, used to calculate height of next/prev image */
|
||||
.pswp__caption--fake {
|
||||
visibility: hidden; }
|
||||
|
||||
/*
|
||||
|
||||
5. Loading indicator (preloader)
|
||||
|
||||
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
|
||||
|
||||
*/
|
||||
.pswp__preloader {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -22px;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.25s ease-out;
|
||||
transition: opacity 0.25s ease-out;
|
||||
will-change: opacity;
|
||||
direction: ltr; }
|
||||
|
||||
.pswp__preloader__icn {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 12px; }
|
||||
|
||||
.pswp__preloader--active {
|
||||
opacity: 1; }
|
||||
.pswp__preloader--active .pswp__preloader__icn {
|
||||
/* We use .gif in browsers that don't support CSS animation */
|
||||
background: url(preloader.gif) 0 0 no-repeat; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader--active {
|
||||
opacity: 1; }
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
|
||||
-webkit-animation: clockwise 500ms linear infinite;
|
||||
animation: clockwise 500ms linear infinite; }
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
|
||||
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
||||
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__icn {
|
||||
background: none;
|
||||
opacity: 0.75;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 15px;
|
||||
margin: 0; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__cut {
|
||||
/*
|
||||
The idea of animating inner circle is based on Polymer ("material") loading indicator
|
||||
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
|
||||
*/
|
||||
position: relative;
|
||||
width: 7px;
|
||||
height: 14px;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__donut {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 2px solid #FFF;
|
||||
border-radius: 50%;
|
||||
border-left-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: none;
|
||||
margin: 0; }
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.pswp__preloader {
|
||||
position: relative;
|
||||
left: auto;
|
||||
top: auto;
|
||||
margin: 0;
|
||||
float: right; } }
|
||||
|
||||
@-webkit-keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@-webkit-keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); }
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); } }
|
||||
|
||||
@keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); }
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); } }
|
||||
|
||||
/*
|
||||
|
||||
6. Additional styles
|
||||
|
||||
*/
|
||||
/* root element of UI */
|
||||
.pswp__ui {
|
||||
-webkit-font-smoothing: auto;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: 1550; }
|
||||
|
||||
/* top black bar with buttons and "1 of X" indicator */
|
||||
.pswp__top-bar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
width: 100%; }
|
||||
|
||||
.pswp__caption,
|
||||
.pswp__top-bar,
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
visibility: visible; }
|
||||
|
||||
.pswp__top-bar,
|
||||
.pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.5); }
|
||||
|
||||
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
|
||||
.pswp__ui--fit .pswp__top-bar,
|
||||
.pswp__ui--fit .pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.3); }
|
||||
|
||||
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
|
||||
.pswp__ui--idle .pswp__top-bar {
|
||||
opacity: 0; }
|
||||
|
||||
.pswp__ui--idle .pswp__button--arrow--left,
|
||||
.pswp__ui--idle .pswp__button--arrow--right {
|
||||
opacity: 0; }
|
||||
|
||||
/*
|
||||
pswp__ui--hidden class is added when controls are hidden
|
||||
e.g. when user taps to toggle visibility of controls
|
||||
*/
|
||||
.pswp__ui--hidden .pswp__top-bar,
|
||||
.pswp__ui--hidden .pswp__caption,
|
||||
.pswp__ui--hidden .pswp__button--arrow--left,
|
||||
.pswp__ui--hidden .pswp__button--arrow--right {
|
||||
/* Force paint & create composition layer for controls. */
|
||||
opacity: 0.001; }
|
||||
|
||||
/* pswp__ui--one-slide class is added when there is just one item in gallery */
|
||||
.pswp__ui--one-slide .pswp__button--arrow--left,
|
||||
.pswp__ui--one-slide .pswp__button--arrow--right,
|
||||
.pswp__ui--one-slide .pswp__counter {
|
||||
display: none; }
|
||||
|
||||
.pswp__element--disabled {
|
||||
display: none !important; }
|
||||
|
||||
.pswp--minimal--dark .pswp__top-bar {
|
||||
background: none; }
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 547 B |
@@ -1 +0,0 @@
|
||||
<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 866 B |
2026
template/estandar/css/font-awesome.css
vendored
2026
template/estandar/css/font-awesome.css
vendored
File diff suppressed because it is too large
Load Diff
4
template/estandar/css/font-awesome.min.css
vendored
4
template/estandar/css/font-awesome.min.css
vendored
File diff suppressed because one or more lines are too long
1
template/estandar/css/glightbox.min.css
vendored
1
template/estandar/css/glightbox.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
||||
* { box-sizing: border-box; } body {margin: 0;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.cell{width:33.33%;display:table-cell;height:75px;}.c771{width:100%;}@media (max-width: 768px){.cell{width:100%;display:block;}}
|
||||
@@ -1 +0,0 @@
|
||||
* { box-sizing: border-box; } body {margin: 0;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.cell{width:33.33%;display:table-cell;height:75px;}.c727{width:100%;}@media (max-width: 768px){.cell{width:100%;display:block;}}
|
||||
@@ -1 +0,0 @@
|
||||
* { box-sizing: border-box; } body {margin: 0;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.cell{width:33.33%;display:table-cell;height:75px;}@media (max-width: 768px){.cell{width:100%;display:block;}}
|
||||
@@ -1 +0,0 @@
|
||||
* { box-sizing: border-box; } body {margin: 0;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.cell{width:33.33%;display:table-cell;height:75px;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.cell{width:33.33%;display:table-cell;height:75px;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.cell{width:33.33%;display:table-cell;height:75px;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.cell{width:33.33%;display:table-cell;height:75px;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.cell{width:33.33%;display:table-cell;height:75px;}.raulmarica{background-image:url(https://www.picsum.photos/640/480/?image=479);background-position-x:0%;background-position-y:0%;background-attachment:scroll;background-size:cover;}@media (max-width: 768px){.cell{width:100%;display:block;}.cell{width:100%;display:block;}.cell{width:100%;display:block;}.cell{width:100%;display:block;}.cell{width:100%;display:block;}}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 729 B |
@@ -1 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?> <!-- Generator: IcoMoon.io --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="120" height="24" viewBox="0 0 120 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M 17.384,17.705q0.00,0.536 -0.375,0.911l-1.821,1.821q-0.375,0.375 -0.911,0.375t-0.911-0.375l-3.938-3.938l-3.938,3.938q-0.375,0.375 -0.911,0.375t-0.911-0.375l-1.821-1.821q-0.375-0.375 -0.375-0.911t 0.375-0.911l 3.938-3.938l-3.938-3.938q-0.375-0.375 -0.375-0.911t 0.375-0.911l 1.821-1.821q 0.375-0.375 0.911-0.375t 0.911,0.375l 3.938,3.938l 3.938-3.938q 0.375-0.375 0.911-0.375t 0.911,0.375l 1.821,1.821q 0.375,0.375 0.375,0.911 t-0.375,0.911l-3.938,3.938l 3.938,3.938q 0.375,0.375 0.375,0.911zM 57.938,21.067l-8.732-8.719q-0.496-0.496 -0.496-1.212t 0.496-1.212l 8.732-8.719q 0.496-0.496 1.212-0.496t 1.212,0.496l 1.004,1.004q 0.496,0.496 0.496,1.212t-0.496,1.212l-6.509,6.509l 6.509,6.496q 0.496,0.509 0.496,1.219t-0.496,1.205l-1.004,1.004q-0.496,0.496 -1.212,0.496t-1.212-0.496zM 110.719,11.143q0.00,0.696 -0.496,1.219l-8.732,8.719q-0.496,0.496 -1.205,0.496t-1.205-0.496l-1.018-1.004q-0.496-0.522 -0.496-1.219q0.00-0.71 0.496-1.205l 6.509-6.509l-6.509-6.496q-0.496-0.522 -0.496-1.219q0.00-0.71 0.496-1.205l 1.018-1.004q 0.482-0.509 1.205-0.509t 1.205,0.509l 8.732,8.719q 0.496,0.496 0.496,1.205z"></path></svg>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 729 B |
@@ -1 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?> <!-- Generator: IcoMoon.io --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="120" height="24" viewBox="0 0 120 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M 17.384,17.705q0.00,0.536 -0.375,0.911l-1.821,1.821q-0.375,0.375 -0.911,0.375t-0.911-0.375l-3.938-3.938l-3.938,3.938q-0.375,0.375 -0.911,0.375t-0.911-0.375l-1.821-1.821q-0.375-0.375 -0.375-0.911t 0.375-0.911l 3.938-3.938l-3.938-3.938q-0.375-0.375 -0.375-0.911t 0.375-0.911l 1.821-1.821q 0.375-0.375 0.911-0.375t 0.911,0.375l 3.938,3.938l 3.938-3.938q 0.375-0.375 0.911-0.375t 0.911,0.375l 1.821,1.821q 0.375,0.375 0.375,0.911 t-0.375,0.911l-3.938,3.938l 3.938,3.938q 0.375,0.375 0.375,0.911zM 57.938,21.067l-8.732-8.719q-0.496-0.496 -0.496-1.212t 0.496-1.212l 8.732-8.719q 0.496-0.496 1.212-0.496t 1.212,0.496l 1.004,1.004q 0.496,0.496 0.496,1.212t-0.496,1.212l-6.509,6.509l 6.509,6.496q 0.496,0.509 0.496,1.219t-0.496,1.205l-1.004,1.004q-0.496,0.496 -1.212,0.496t-1.212-0.496zM 110.719,11.143q0.00,0.696 -0.496,1.219l-8.732,8.719q-0.496,0.496 -1.205,0.496t-1.205-0.496l-1.018-1.004q-0.496-0.522 -0.496-1.219q0.00-0.71 0.496-1.205l 6.509-6.509l-6.509-6.496q-0.496-0.522 -0.496-1.219q0.00-0.71 0.496-1.205l 1.018-1.004q 0.482-0.509 1.205-0.509t 1.205,0.509l 8.732,8.719q 0.496,0.496 0.496,1.205z"></path></svg>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
@@ -1,197 +0,0 @@
|
||||
/**
|
||||
* BxSlider v4.1.2 - Fully loaded, responsive content slider
|
||||
* http://bxslider.com
|
||||
*
|
||||
* Written by: Steven Wanderski, 2014
|
||||
* http://stevenwanderski.com
|
||||
* (while drinking Belgian ales and listening to jazz)
|
||||
*
|
||||
* CEO and founder of bxCreative, LTD
|
||||
* http://bxcreative.com
|
||||
*/
|
||||
|
||||
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper {
|
||||
position: relative;
|
||||
margin: 0 auto 60px;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.bx-wrapper img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/** THEME
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper .bx-viewport {
|
||||
/*fix other elements on the page moving (on Chrome)*/
|
||||
-webkit-transform: translatez(0);
|
||||
-moz-transform: translatez(0);
|
||||
-ms-transform: translatez(0);
|
||||
-o-transform: translatez(0);
|
||||
transform: translatez(0);
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager,
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* LOADER */
|
||||
|
||||
.bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(images/bx_loader.gif) center center no-repeat #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
/* PAGER */
|
||||
|
||||
.bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager .bx-pager-item,
|
||||
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a {
|
||||
background: #666;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 5px;
|
||||
outline: 0;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
.bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
|
||||
.bx-wrapper .bx-prev {
|
||||
left: 10px;
|
||||
background: url(images/controls.png) no-repeat 0 -32px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next {
|
||||
right: 10px;
|
||||
background: url(images/controls.png) no-repeat -43px -32px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-prev:hover {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next:hover {
|
||||
background-position: -43px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
outline: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
text-indent: -9999px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* AUTO CONTROLS (START / STOP) */
|
||||
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 10px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(images/controls.png) -86px -11px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
background-position: -86px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 9px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(images/controls.png) -86px -44px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
background-position: -86px -33px;
|
||||
}
|
||||
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
/* IMAGE CAPTIONS */
|
||||
|
||||
.bx-wrapper .bx-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: #666\9;
|
||||
background: rgba(80, 80, 80, 0.75);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
.bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
|
||||
@@ -1,557 +0,0 @@
|
||||
/**
|
||||
* Lightcase - jQuery Plugin
|
||||
* The smart and flexible Lightbox Plugin.
|
||||
*
|
||||
* @author Cornel Boppart <cornel@bopp-art.com>
|
||||
* @copyright Author
|
||||
*
|
||||
* @version 2.4.0 (09/04/2017)
|
||||
*/
|
||||
/**
|
||||
* Lightcase settings
|
||||
*
|
||||
* Note: Override default settings for your project without touching this source code by simply
|
||||
* defining those variables within a SASS map called '$lightcase-custom'.
|
||||
*
|
||||
* // Example usage
|
||||
* $lightcase-custom: (
|
||||
* 'breakpoint': 768px
|
||||
* );
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'lightcase';
|
||||
src: url("../fonts/lightcase.eot?55356177");
|
||||
src: url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
|
||||
[class*='lightcase-icon-']:before {
|
||||
font-family: 'lightcase', sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
/* For safety - reset parent styles, that can break glyph codes*/
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
/* fix buttons height, for twitter bootstrap */
|
||||
line-height: 1em;
|
||||
/* Uncomment for 3D effect */
|
||||
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||||
}
|
||||
|
||||
/* Codes */
|
||||
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-play:before {
|
||||
content: '\e800';
|
||||
}
|
||||
|
||||
/* line 36, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-pause:before {
|
||||
content: '\e801';
|
||||
}
|
||||
|
||||
/* line 37, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-close:before {
|
||||
content: '\e802';
|
||||
}
|
||||
|
||||
/* line 38, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-prev:before {
|
||||
content: '\e803';
|
||||
}
|
||||
|
||||
/* line 39, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-next:before {
|
||||
content: '\e804';
|
||||
}
|
||||
|
||||
/* line 40, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-spin:before {
|
||||
content: '\e805';
|
||||
}
|
||||
|
||||
/**
|
||||
* Mixin providing icon defaults to be used on top of font-lightcase.
|
||||
*
|
||||
* Example usage:
|
||||
* @include icon(#e9e9e9)
|
||||
*/
|
||||
/**
|
||||
* Mixin providing icon defaults including a hover status to be used
|
||||
* on top of font-lightcase.
|
||||
*
|
||||
* Example usage:
|
||||
* @include icon-hover(#e9e9e9, #fff)
|
||||
*/
|
||||
/**
|
||||
* Provides natural content overflow behavior and scrolling support
|
||||
* even so for touch devices.
|
||||
*
|
||||
* Example usage:
|
||||
* @include overflow()
|
||||
*/
|
||||
/**
|
||||
* Neutralizes/resets dimensions including width, height, position as well as margins,
|
||||
* paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
|
||||
*
|
||||
* Example usage:
|
||||
* @include clear(true)
|
||||
*
|
||||
* @param boolean $important
|
||||
*/
|
||||
@-webkit-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
/* line 1, ../scss/components/modules/_case.scss */
|
||||
#lightcase-case {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 2002;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
@media screen and (max-width: -1) {
|
||||
/* line 16, ../scss/components/modules/_case.scss */
|
||||
html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 55px 0 70px 0;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0) {
|
||||
/* line 4, ../scss/components/modules/_content.scss */
|
||||
html:not([data-lc-type=error]) #lightcase-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-shadow: none;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 0) {
|
||||
/* line 23, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
|
||||
background-color: #333;
|
||||
}
|
||||
}
|
||||
/* line 31, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@media screen and (max-width: -1) {
|
||||
/* line 31, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
/* line 43, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@media screen and (max-width: -1) {
|
||||
/* line 43, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
|
||||
padding: 15px;
|
||||
}
|
||||
/* line 52, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
/* line 59, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
|
||||
height: auto !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: -1) {
|
||||
/* line 70, ../scss/components/modules/_content.scss */
|
||||
html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: -1) and (min-width: 0) {
|
||||
/* line 74, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
|
||||
line-height: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 82, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
|
||||
position: relative;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
@media screen and (max-width: -1) {
|
||||
/* line 91, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 0) {
|
||||
/* line 100, ../scss/components/modules/_content.scss */
|
||||
html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
|
||||
padding: 30px;
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: -1) {
|
||||
/* line 117, ../scss/components/modules/_content.scss */
|
||||
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
|
||||
color: #aaa;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 0) {
|
||||
/* line 117, ../scss/components/modules/_content.scss */
|
||||
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 3, ../scss/components/modules/_error.scss */
|
||||
#lightcase-case p.lightcase-error {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #aaa;
|
||||
}
|
||||
@media screen and (max-width: -1) {
|
||||
/* line 3, ../scss/components/modules/_error.scss */
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 0) {
|
||||
/* line 3, ../scss/components/modules/_error.scss */
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 4, ../scss/components/modules/_global.scss */
|
||||
.lightcase-open body {
|
||||
overflow: hidden;
|
||||
}
|
||||
/* line 8, ../scss/components/modules/_global.scss */
|
||||
.lightcase-isMobileDevice .lightcase-open body {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
/* line 1, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info {
|
||||
position: absolute;
|
||||
padding-top: 15px;
|
||||
}
|
||||
/* line 9, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info #lightcase-title,
|
||||
#lightcase-info #lightcase-caption {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.5;
|
||||
font-weight: normal;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
/* line 19, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info #lightcase-title {
|
||||
font-size: 17px;
|
||||
color: #aaa;
|
||||
}
|
||||
@media screen and (max-width: -1) {
|
||||
/* line 19, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info #lightcase-title {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
left: 0;
|
||||
max-width: 87.5%;
|
||||
padding: 5px 15px;
|
||||
background: #333;
|
||||
}
|
||||
}
|
||||
/* line 33, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info #lightcase-caption {
|
||||
clear: both;
|
||||
font-size: 13px;
|
||||
color: #aaa;
|
||||
}
|
||||
/* line 39, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info #lightcase-sequenceInfo {
|
||||
font-size: 11px;
|
||||
color: #aaa;
|
||||
}
|
||||
@media screen and (max-width: -1) {
|
||||
/* line 45, ../scss/components/modules/_info.scss */
|
||||
.lightcase-fullScreenMode #lightcase-info {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
/* line 51, ../scss/components/modules/_info.scss */
|
||||
html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 1, ../scss/components/modules/_loading.scss */
|
||||
#lightcase-loading {
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
width: 1.123em;
|
||||
height: auto;
|
||||
font-size: 38px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-shadow: none;
|
||||
position: fixed;
|
||||
z-index: 2001;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -0.5em;
|
||||
margin-left: -0.5em;
|
||||
opacity: 1;
|
||||
font-size: 32px;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
-moz-transform-origin: 50% 53%;
|
||||
-webkit-animation: lightcase-spin 0.5s infinite linear;
|
||||
-moz-animation: lightcase-spin 0.5s infinite linear;
|
||||
-o-animation: lightcase-spin 0.5s infinite linear;
|
||||
animation: lightcase-spin 0.5s infinite linear;
|
||||
}
|
||||
/* line 20, ../scss/components/mixins/_presets.scss */
|
||||
#lightcase-loading, #lightcase-loading:focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
/* line 32, ../scss/components/mixins/_presets.scss */
|
||||
#lightcase-loading > span {
|
||||
display: inline-block;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
|
||||
/* line 2, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'] {
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
width: 1.123em;
|
||||
height: auto;
|
||||
font-size: 38px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-shadow: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
/* line 20, ../scss/components/mixins/_presets.scss */
|
||||
a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
/* line 32, ../scss/components/mixins/_presets.scss */
|
||||
a[class*='lightcase-icon-'] > span {
|
||||
display: inline-block;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
/* line 49, ../scss/components/mixins/_presets.scss */
|
||||
a[class*='lightcase-icon-']:hover {
|
||||
color: white;
|
||||
text-shadow: 0 0 15px white;
|
||||
}
|
||||
/* line 10, ../scss/components/modules/_navigation.scss */
|
||||
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
|
||||
color: #aaa;
|
||||
text-shadow: none;
|
||||
}
|
||||
/* line 17, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'].lightcase-icon-close {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
bottom: auto;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
outline: none;
|
||||
}
|
||||
/* line 28, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'].lightcase-icon-prev {
|
||||
left: 15px;
|
||||
}
|
||||
/* line 33, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'].lightcase-icon-next {
|
||||
right: 15px;
|
||||
}
|
||||
/* line 38, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
|
||||
left: 50%;
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
@media screen and (min-width: 0) {
|
||||
/* line 38, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: -1) {
|
||||
/* line 2, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'] {
|
||||
bottom: 15px;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 0) {
|
||||
/* line 2, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'] {
|
||||
bottom: 50%;
|
||||
margin-bottom: -0.5em;
|
||||
}
|
||||
/* line 57, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 1, ../scss/components/modules/_overlay.scss */
|
||||
#lightcase-overlay {
|
||||
display: none;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: -9999px;
|
||||
bottom: -9999px;
|
||||
left: 0;
|
||||
background: #333;
|
||||
}
|
||||
@media screen and (max-width: -1) {
|
||||
/* line 1, ../scss/components/modules/_overlay.scss */
|
||||
#lightcase-overlay {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
@@ -1,557 +0,0 @@
|
||||
/**
|
||||
* Lightcase - jQuery Plugin
|
||||
* The smart and flexible Lightbox Plugin.
|
||||
*
|
||||
* @author Cornel Boppart <cornel@bopp-art.com>
|
||||
* @copyright Author
|
||||
*
|
||||
* @version 2.4.0 (09/04/2017)
|
||||
*/
|
||||
/**
|
||||
* Lightcase settings
|
||||
*
|
||||
* Note: Override default settings for your project without touching this source code by simply
|
||||
* defining those variables within a SASS map called '$lightcase-custom'.
|
||||
*
|
||||
* // Example usage
|
||||
* $lightcase-custom: (
|
||||
* 'breakpoint': 768px
|
||||
* );
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'lightcase';
|
||||
src: url("../fonts/lightcase.eot?55356177");
|
||||
src: url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
|
||||
[class*='lightcase-icon-']:before {
|
||||
font-family: 'lightcase', sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
/* For safety - reset parent styles, that can break glyph codes*/
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
/* fix buttons height, for twitter bootstrap */
|
||||
line-height: 1em;
|
||||
/* Uncomment for 3D effect */
|
||||
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||||
}
|
||||
|
||||
/* Codes */
|
||||
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-play:before {
|
||||
content: '\e800';
|
||||
}
|
||||
|
||||
/* line 36, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-pause:before {
|
||||
content: '\e801';
|
||||
}
|
||||
|
||||
/* line 37, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-close:before {
|
||||
content: '\e802';
|
||||
}
|
||||
|
||||
/* line 38, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-prev:before {
|
||||
content: '\e803';
|
||||
}
|
||||
|
||||
/* line 39, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-next:before {
|
||||
content: '\e804';
|
||||
}
|
||||
|
||||
/* line 40, ../scss/components/fonts/_font-lightcase.scss */
|
||||
.lightcase-icon-spin:before {
|
||||
content: '\e805';
|
||||
}
|
||||
|
||||
/**
|
||||
* Mixin providing icon defaults to be used on top of font-lightcase.
|
||||
*
|
||||
* Example usage:
|
||||
* @include icon(#e9e9e9)
|
||||
*/
|
||||
/**
|
||||
* Mixin providing icon defaults including a hover status to be used
|
||||
* on top of font-lightcase.
|
||||
*
|
||||
* Example usage:
|
||||
* @include icon-hover(#e9e9e9, #fff)
|
||||
*/
|
||||
/**
|
||||
* Provides natural content overflow behavior and scrolling support
|
||||
* even so for touch devices.
|
||||
*
|
||||
* Example usage:
|
||||
* @include overflow()
|
||||
*/
|
||||
/**
|
||||
* Neutralizes/resets dimensions including width, height, position as well as margins,
|
||||
* paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
|
||||
*
|
||||
* Example usage:
|
||||
* @include clear(true)
|
||||
*
|
||||
* @param boolean $important
|
||||
*/
|
||||
@-webkit-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes lightcase-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
/* line 1, ../scss/components/modules/_case.scss */
|
||||
#lightcase-case {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 2002;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
/* line 16, ../scss/components/modules/_case.scss */
|
||||
html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 55px 0 70px 0;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 641px) {
|
||||
/* line 4, ../scss/components/modules/_content.scss */
|
||||
html:not([data-lc-type=error]) #lightcase-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-shadow: none;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
/* line 23, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
|
||||
background-color: #333;
|
||||
}
|
||||
}
|
||||
/* line 31, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
/* line 31, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
/* line 43, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
/* line 43, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
|
||||
padding: 15px;
|
||||
}
|
||||
/* line 52, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
/* line 59, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
|
||||
height: auto !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
/* line 70, ../scss/components/modules/_content.scss */
|
||||
html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) and (min-width: 641px) {
|
||||
/* line 74, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
|
||||
line-height: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 82, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
|
||||
position: relative;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
/* line 91, ../scss/components/modules/_content.scss */
|
||||
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
|
||||
position: relative !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: none !important;
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
/* line 100, ../scss/components/modules/_content.scss */
|
||||
html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
|
||||
padding: 30px;
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
/* line 117, ../scss/components/modules/_content.scss */
|
||||
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
|
||||
color: #aaa;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
/* line 117, ../scss/components/modules/_content.scss */
|
||||
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 3, ../scss/components/modules/_error.scss */
|
||||
#lightcase-case p.lightcase-error {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #aaa;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
/* line 3, ../scss/components/modules/_error.scss */
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
/* line 3, ../scss/components/modules/_error.scss */
|
||||
#lightcase-case p.lightcase-error {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 4, ../scss/components/modules/_global.scss */
|
||||
.lightcase-open body {
|
||||
overflow: hidden;
|
||||
}
|
||||
/* line 8, ../scss/components/modules/_global.scss */
|
||||
.lightcase-isMobileDevice .lightcase-open body {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
/* line 1, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info {
|
||||
position: absolute;
|
||||
padding-top: 15px;
|
||||
}
|
||||
/* line 9, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info #lightcase-title,
|
||||
#lightcase-info #lightcase-caption {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1.5;
|
||||
font-weight: normal;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
/* line 19, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info #lightcase-title {
|
||||
font-size: 17px;
|
||||
color: #aaa;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
/* line 19, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info #lightcase-title {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
left: 0;
|
||||
max-width: 87.5%;
|
||||
padding: 5px 15px;
|
||||
background: #333;
|
||||
}
|
||||
}
|
||||
/* line 33, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info #lightcase-caption {
|
||||
clear: both;
|
||||
font-size: 13px;
|
||||
color: #aaa;
|
||||
}
|
||||
/* line 39, ../scss/components/modules/_info.scss */
|
||||
#lightcase-info #lightcase-sequenceInfo {
|
||||
font-size: 11px;
|
||||
color: #aaa;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
/* line 45, ../scss/components/modules/_info.scss */
|
||||
.lightcase-fullScreenMode #lightcase-info {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
/* line 51, ../scss/components/modules/_info.scss */
|
||||
html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 1, ../scss/components/modules/_loading.scss */
|
||||
#lightcase-loading {
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
width: 1.123em;
|
||||
height: auto;
|
||||
font-size: 38px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-shadow: none;
|
||||
position: fixed;
|
||||
z-index: 2001;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -0.5em;
|
||||
margin-left: -0.5em;
|
||||
opacity: 1;
|
||||
font-size: 32px;
|
||||
text-shadow: 0 0 15px #fff;
|
||||
-moz-transform-origin: 50% 53%;
|
||||
-webkit-animation: lightcase-spin 0.5s infinite linear;
|
||||
-moz-animation: lightcase-spin 0.5s infinite linear;
|
||||
-o-animation: lightcase-spin 0.5s infinite linear;
|
||||
animation: lightcase-spin 0.5s infinite linear;
|
||||
}
|
||||
/* line 20, ../scss/components/mixins/_presets.scss */
|
||||
#lightcase-loading, #lightcase-loading:focus {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
/* line 32, ../scss/components/mixins/_presets.scss */
|
||||
#lightcase-loading > span {
|
||||
display: inline-block;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
|
||||
/* line 2, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'] {
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
width: 1.123em;
|
||||
height: auto;
|
||||
font-size: 38px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-shadow: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
/* line 20, ../scss/components/mixins/_presets.scss */
|
||||
a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
|
||||
text-decoration: none;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-transition: color, opacity, ease-in-out 0.25s;
|
||||
-moz-transition: color, opacity, ease-in-out 0.25s;
|
||||
-o-transition: color, opacity, ease-in-out 0.25s;
|
||||
transition: color, opacity, ease-in-out 0.25s;
|
||||
}
|
||||
/* line 32, ../scss/components/mixins/_presets.scss */
|
||||
a[class*='lightcase-icon-'] > span {
|
||||
display: inline-block;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
/* line 49, ../scss/components/mixins/_presets.scss */
|
||||
a[class*='lightcase-icon-']:hover {
|
||||
color: white;
|
||||
text-shadow: 0 0 15px white;
|
||||
}
|
||||
/* line 10, ../scss/components/modules/_navigation.scss */
|
||||
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
|
||||
color: #aaa;
|
||||
text-shadow: none;
|
||||
}
|
||||
/* line 17, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'].lightcase-icon-close {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
bottom: auto;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
outline: none;
|
||||
}
|
||||
/* line 28, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'].lightcase-icon-prev {
|
||||
left: 15px;
|
||||
}
|
||||
/* line 33, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'].lightcase-icon-next {
|
||||
right: 15px;
|
||||
}
|
||||
/* line 38, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
|
||||
left: 50%;
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
/* line 38, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
/* line 2, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'] {
|
||||
bottom: 15px;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 641px) {
|
||||
/* line 2, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-'] {
|
||||
bottom: 50%;
|
||||
margin-bottom: -0.5em;
|
||||
}
|
||||
/* line 57, ../scss/components/modules/_navigation.scss */
|
||||
a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* line 1, ../scss/components/modules/_overlay.scss */
|
||||
#lightcase-overlay {
|
||||
display: none;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
top: -9999px;
|
||||
bottom: -9999px;
|
||||
left: 0;
|
||||
background: #333;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
/* line 1, ../scss/components/modules/_overlay.scss */
|
||||
#lightcase-overlay {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
9
template/estandar/css/minified/animate.css
vendored
9
template/estandar/css/minified/animate.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
9
template/estandar/css/minified/bootstrap.css
vendored
9
template/estandar/css/minified/bootstrap.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
||||
.tns-outer{padding:0!important}.tns-outer [hidden]{display:none!important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s,opacity 0s;-moz-transition:transform 0s,opacity 0s;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto!important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}
|
||||
@@ -1,179 +0,0 @@
|
||||
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||
/*
|
||||
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
|
||||
*/
|
||||
/* pswp = photoswipe */
|
||||
.pswp {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
z-index: 1500;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
|
||||
-webkit-backface-visibility: hidden;
|
||||
outline: none; }
|
||||
.pswp * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.pswp img {
|
||||
max-width: none; }
|
||||
|
||||
/* style is added when JS option showHideOpacity is set to true */
|
||||
.pswp--animate_opacity {
|
||||
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
|
||||
opacity: 0.001;
|
||||
will-change: opacity;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp--open {
|
||||
display: block; }
|
||||
|
||||
.pswp--zoom-allowed .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in; }
|
||||
|
||||
.pswp--zoomed-in .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: grab; }
|
||||
|
||||
.pswp--dragging .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: grabbing; }
|
||||
|
||||
/*
|
||||
Background is added as a separate element.
|
||||
As animating opacity is much faster than animating rgba() background-color.
|
||||
*/
|
||||
.pswp__bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity; }
|
||||
|
||||
.pswp__scroll-wrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
|
||||
/* Prevent selection and tap highlights */
|
||||
.pswp__container,
|
||||
.pswp__img {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none; }
|
||||
|
||||
.pswp__zoom-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
-webkit-transform-origin: left top;
|
||||
-ms-transform-origin: left top;
|
||||
transform-origin: left top;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp__bg {
|
||||
will-change: opacity;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp--animated-in .pswp__bg,
|
||||
.pswp--animated-in .pswp__zoom-wrap {
|
||||
-webkit-transition: none;
|
||||
transition: none; }
|
||||
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
.pswp__item {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp__img {
|
||||
position: absolute;
|
||||
width: auto;
|
||||
height: auto;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
/*
|
||||
stretched thumbnail or div placeholder element (see below)
|
||||
style is added to avoid flickering in webkit/blink when layers overlap
|
||||
*/
|
||||
.pswp__img--placeholder {
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
/*
|
||||
div element that matches size of large image
|
||||
large image loads on top of it
|
||||
*/
|
||||
.pswp__img--placeholder--blank {
|
||||
background: #222; }
|
||||
|
||||
.pswp--ie .pswp__img {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
|
||||
/*
|
||||
Error message appears when image is not loaded
|
||||
(JS option errorMsg controls markup)
|
||||
*/
|
||||
.pswp__error-msg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
margin-top: -8px;
|
||||
color: #CCC; }
|
||||
|
||||
.pswp__error-msg a {
|
||||
color: #CCC;
|
||||
text-decoration: underline; }
|
||||
File diff suppressed because one or more lines are too long
1
template/estandar/css/select2.min.css
vendored
1
template/estandar/css/select2.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
||||
/home/cokeman/domains/plandeweb.com/public_html/put/template/estandar/style-base-hshpql5l1.css
|
||||
@@ -1 +0,0 @@
|
||||
/home/cokeman/domains/plandeweb.com/public_html/put/template/estandar/style-hshpwcphq.css
|
||||
1
template/estandar/css/sweetalert.min.css
vendored
1
template/estandar/css/sweetalert.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -1,295 +0,0 @@
|
||||
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
|
||||
html.swipebox-html.swipebox-touch {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
#swipebox-overlay img {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
#swipebox-overlay {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99999 !important;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#swipebox-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#swipebox-slider {
|
||||
-webkit-transition: -webkit-transform 0.4s ease;
|
||||
transition: transform 0.4s ease;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
position: absolute;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
#swipebox-slider .slide {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
line-height: 1px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
#swipebox-slider .slide:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 50%;
|
||||
width: 1px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
#swipebox-slider .slide img,
|
||||
#swipebox-slider .slide .swipebox-video-container,
|
||||
#swipebox-slider .slide .swipebox-inline-container {
|
||||
display: inline-block;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#swipebox-slider .slide .swipebox-video-container {
|
||||
background: none;
|
||||
max-width: 1140px;
|
||||
max-height: 100%;
|
||||
width: 100%;
|
||||
padding: 5%;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-bottom: 56.25%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
#swipebox-slider .slide-loading {
|
||||
background: url(images/loader.gif) no-repeat center center;
|
||||
}
|
||||
|
||||
#swipebox-bottom-bar,
|
||||
#swipebox-top-bar {
|
||||
-webkit-transition: 0.5s;
|
||||
transition: 0.5s;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#swipebox-bottom-bar {
|
||||
bottom: -50px;
|
||||
}
|
||||
#swipebox-bottom-bar.visible-bars {
|
||||
-webkit-transform: translate3d(0, -50px, 0);
|
||||
transform: translate3d(0, -50px, 0);
|
||||
}
|
||||
|
||||
#swipebox-top-bar {
|
||||
top: -50px;
|
||||
}
|
||||
#swipebox-top-bar.visible-bars {
|
||||
-webkit-transform: translate3d(0, 50px, 0);
|
||||
transform: translate3d(0, 50px, 0);
|
||||
}
|
||||
|
||||
#swipebox-title {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#swipebox-prev,
|
||||
#swipebox-next,
|
||||
#swipebox-close {
|
||||
background-image: url(images/icons.png);
|
||||
background-repeat: no-repeat;
|
||||
border: none !important;
|
||||
text-decoration: none !important;
|
||||
cursor: pointer;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#swipebox-arrows {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
#swipebox-prev {
|
||||
background-position: -32px 13px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#swipebox-next {
|
||||
background-position: -78px 13px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#swipebox-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
background-position: 15px 12px;
|
||||
}
|
||||
|
||||
.swipebox-no-close-button #swipebox-close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#swipebox-prev.disabled,
|
||||
#swipebox-next.disabled {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
|
||||
-webkit-animation: rightSpring 0.3s;
|
||||
animation: rightSpring 0.3s;
|
||||
}
|
||||
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
|
||||
-webkit-animation: leftSpring 0.3s;
|
||||
animation: leftSpring 0.3s;
|
||||
}
|
||||
|
||||
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 20px;
|
||||
opacity: 0;
|
||||
}
|
||||
.swipebox-touch #swipebox-container:before {
|
||||
left: 0;
|
||||
-webkit-box-shadow: inset 10px 0px 10px -8px #656565;
|
||||
box-shadow: inset 10px 0px 10px -8px #656565;
|
||||
}
|
||||
.swipebox-touch #swipebox-container:after {
|
||||
right: 0;
|
||||
-webkit-box-shadow: inset -10px 0px 10px -8px #656565;
|
||||
box-shadow: inset -10px 0px 10px -8px #656565;
|
||||
}
|
||||
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
|
||||
opacity: 1;
|
||||
}
|
||||
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rightSpring {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rightSpring {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes leftSpring {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes leftSpring {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 800px) {
|
||||
#swipebox-close {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
#swipebox-arrows {
|
||||
width: 92%;
|
||||
max-width: 800px;
|
||||
}
|
||||
}
|
||||
/* Skin
|
||||
--------------------------*/
|
||||
#swipebox-overlay {
|
||||
background: #0d0d0d;
|
||||
}
|
||||
|
||||
#swipebox-bottom-bar,
|
||||
#swipebox-top-bar {
|
||||
text-shadow: 1px 1px 1px black;
|
||||
background: #000;
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
#swipebox-top-bar {
|
||||
color: white !important;
|
||||
font-size: 15px;
|
||||
line-height: 43px;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
}
|
||||
1
template/estandar/css/swipebox.min.css
vendored
1
template/estandar/css/swipebox.min.css
vendored
@@ -1 +0,0 @@
|
||||
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(images/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(images/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}
|
||||
@@ -1 +0,0 @@
|
||||
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}
|
||||
Reference in New Issue
Block a user