Difference between revisions of "Template:Valencia UPV/themecss"
(Created page with "<html> <style> /**!**************/ /**! Contents **/ /**! 01. Reset **/ /**! 02. Typography **/ /**! 03. Position **/ /**! 04. Element Size **/ →*! 05. Images *: /**! 06. B...") |
|||
| Line 596: | Line 596: | ||
} | } | ||
[data-overlay].bg--primary:before { | [data-overlay].bg--primary:before { | ||
| − | background: # | + | background: #4a90e2; |
} | } | ||
[data-overlay="1"]:before { | [data-overlay="1"]:before { | ||
| Line 955: | Line 955: | ||
.btn--primary, | .btn--primary, | ||
.btn--primary:visited { | .btn--primary:visited { | ||
| − | background: # | + | background: #4a90e2; |
| − | border-color: # | + | border-color: #4a90e2; |
} | } | ||
.btn--primary .btn__text, | .btn--primary .btn__text, | ||
| Line 967: | Line 967: | ||
} | } | ||
.btn--primary:hover { | .btn--primary:hover { | ||
| − | background: # | + | background: #609de6; |
} | } | ||
.btn--primary:active { | .btn--primary:active { | ||
| − | background: # | + | background: #3483de; |
} | } | ||
.btn--primary-1, | .btn--primary-1, | ||
.btn--primary-1:visited { | .btn--primary-1:visited { | ||
| − | background: # | + | background: #31639c; |
| − | border-color: # | + | border-color: #31639c; |
} | } | ||
.btn--primary-1 .btn__text, | .btn--primary-1 .btn__text, | ||
| Line 982: | Line 982: | ||
} | } | ||
.btn--primary-1:hover { | .btn--primary-1:hover { | ||
| − | background: # | + | background: #376faf; |
} | } | ||
.btn--primary-1:active { | .btn--primary-1:active { | ||
| − | background: # | + | background: #2b5789; |
} | } | ||
.btn--primary-2, | .btn--primary-2, | ||
.btn--primary-2:visited { | .btn--primary-2:visited { | ||
| − | background: # | + | background: #465773; |
| − | border-color: # | + | border-color: #465773; |
} | } | ||
.btn--primary-2 .btn__text, | .btn--primary-2 .btn__text, | ||
| Line 997: | Line 997: | ||
} | } | ||
.btn--primary-2:hover { | .btn--primary-2:hover { | ||
| − | background: # | + | background: #506383; |
} | } | ||
.btn--primary-2:active { | .btn--primary-2:active { | ||
| − | background: # | + | background: #3c4b63; |
} | } | ||
.btn--secondary { | .btn--secondary { | ||
| Line 1,352: | Line 1,352: | ||
outline: none; | outline: none; | ||
border: none; | border: none; | ||
| − | background: # | + | background: #4a90e2; |
padding: 0.46428571em 2.78571429em 0.46428571em 2.78571429em; | padding: 0.46428571em 2.78571429em 0.46428571em 2.78571429em; | ||
color: #fff; | color: #fff; | ||
| Line 1,552: | Line 1,552: | ||
} | } | ||
.accordion li.active .accordion__title { | .accordion li.active .accordion__title { | ||
| − | background: # | + | background: #4a90e2; |
border-bottom: 1px solid #ececec; | border-bottom: 1px solid #ececec; | ||
} | } | ||
| Line 2,732: | Line 2,732: | ||
} | } | ||
.color--primary { | .color--primary { | ||
| − | color: # | + | color: #4a90e2 !important; |
} | } | ||
a { | a { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.color--primary-1 { | .color--primary-1 { | ||
| − | color: # | + | color: #31639c !important; |
} | } | ||
.color--primary-2 { | .color--primary-2 { | ||
| − | color: # | + | color: #465773 !important; |
} | } | ||
.color--white { | .color--white { | ||
| Line 2,782: | Line 2,782: | ||
} | } | ||
.bg--primary { | .bg--primary { | ||
| − | background: # | + | background: #4a90e2; |
} | } | ||
.bg--primary p, | .bg--primary p, | ||
| Line 2,845: | Line 2,845: | ||
} | } | ||
.bg--primary-1 { | .bg--primary-1 { | ||
| − | background: # | + | background: #31639c; |
} | } | ||
.bg--primary-1 p, | .bg--primary-1 p, | ||
| Line 2,863: | Line 2,863: | ||
} | } | ||
.bg--primary-2 { | .bg--primary-2 { | ||
| − | background: # | + | background: #465773; |
} | } | ||
.bg--primary-2 p, | .bg--primary-2 p, | ||
| Line 3,671: | Line 3,671: | ||
} | } | ||
.alert.bg--primary { | .alert.bg--primary { | ||
| − | background: # | + | background: #fafcfe; |
| − | border-color: # | + | border-color: #4a90e2; |
} | } | ||
.alert.bg--primary .alert__body > span { | .alert.bg--primary .alert__body > span { | ||
| Line 3,678: | Line 3,678: | ||
} | } | ||
.alert.bg--primary .alert__close { | .alert.bg--primary .alert__close { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.alert.alert--dismissed { | .alert.alert--dismissed { | ||
| Line 4,207: | Line 4,207: | ||
/*! -- Stack Links -- */ | /*! -- Stack Links -- */ | ||
a { | a { | ||
| − | color: # | + | color: #4a90e2; |
font-weight: 700; | font-weight: 700; | ||
} | } | ||
a:hover { | a:hover { | ||
| − | color: # | + | color: #2275d7; |
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
| Line 4,392: | Line 4,392: | ||
hr.short { | hr.short { | ||
width: 2.78571429em; | width: 2.78571429em; | ||
| − | border-color: # | + | border-color: #4a90e2; |
} | } | ||
hr[data-title] { | hr[data-title] { | ||
| Line 4,541: | Line 4,541: | ||
} | } | ||
.bg--primary div:not([class*='feature']) .btn--primary .btn__text { | .bg--primary div:not([class*='feature']) .btn--primary .btn__text { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.bg--primary > .btn--primary { | .bg--primary > .btn--primary { | ||
| Line 4,548: | Line 4,548: | ||
} | } | ||
.bg--primary > .btn--primary .btn__text { | .bg--primary > .btn--primary .btn__text { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.bg--dark .btn:not(.btn--primary) { | .bg--dark .btn:not(.btn--primary) { | ||
| Line 4,720: | Line 4,720: | ||
} | } | ||
.label:not([class*='bg--']) { | .label:not([class*='bg--']) { | ||
| − | background: # | + | background: #31639c; |
} | } | ||
.label.label--inline { | .label.label--inline { | ||
| Line 4,743: | Line 4,743: | ||
} | } | ||
.bg--primary-1 .label:not([class*='bg--']) { | .bg--primary-1 .label:not([class*='bg--']) { | ||
| − | background: # | + | background: #465773; |
} | } | ||
/*! -- Stack Bars -- */ | /*! -- Stack Bars -- */ | ||
| Line 5,770: | Line 5,770: | ||
} | } | ||
.checkmark:not([class*='bg-']) { | .checkmark:not([class*='bg-']) { | ||
| − | background: # | + | background: #4a90e2; |
} | } | ||
.checkmark:before { | .checkmark:before { | ||
| Line 5,968: | Line 5,968: | ||
} | } | ||
.bg--primary .boxed:not(.imagebg) a { | .bg--primary .boxed:not(.imagebg) a { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.bg--primary .boxed:not(.imagebg) .color--primary { | .bg--primary .boxed:not(.imagebg) .color--primary { | ||
| − | color: # | + | color: #4a90e2 !important; |
} | } | ||
@media all and (min-width: 768px) { | @media all and (min-width: 768px) { | ||
| Line 5,989: | Line 5,989: | ||
width: 100%; | width: 100%; | ||
height: 4px; | height: 4px; | ||
| − | background: # | + | background: #4a90e2; |
left: 0; | left: 0; | ||
} | } | ||
| Line 6,032: | Line 6,032: | ||
} | } | ||
.imagebg:not(.image--light) .feature.bg--white a:not(.btn) { | .imagebg:not(.image--light) .feature.bg--white a:not(.btn) { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.imagebg:not(.image--light) .feature.bg--white .label { | .imagebg:not(.image--light) .feature.bg--white .label { | ||
| Line 6,379: | Line 6,379: | ||
} | } | ||
.accordion-1 li.active .accordion__title { | .accordion-1 li.active .accordion__title { | ||
| − | border-color: # | + | border-color: #4a90e2; |
} | } | ||
.accordion-1 li.active .accordion__title span { | .accordion-1 li.active .accordion__title span { | ||
| Line 6,496: | Line 6,496: | ||
} | } | ||
.tabs li.active .tab__title { | .tabs li.active .tab__title { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.tabs li.active .tab__title span { | .tabs li.active .tab__title span { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.tabs li:not(.active) { | .tabs li:not(.active) { | ||
| Line 6,576: | Line 6,576: | ||
} | } | ||
.tabs--folder .tabs > li.active { | .tabs--folder .tabs > li.active { | ||
| − | border-top: 3px solid # | + | border-top: 3px solid #4a90e2; |
} | } | ||
.tabs--folder .tabs-content { | .tabs--folder .tabs-content { | ||
| Line 6,703: | Line 6,703: | ||
} | } | ||
.cta-2.bg--primary:hover { | .cta-2.bg--primary:hover { | ||
| − | background: # | + | background: #5798e4; |
} | } | ||
.cta-2:hover { | .cta-2:hover { | ||
| Line 6,886: | Line 6,886: | ||
/*! -- Stack Loader -- */ | /*! -- Stack Loader -- */ | ||
.loader { | .loader { | ||
| − | border: 3px solid # | + | border: 3px solid #4a90e2; |
border-radius: 30px; | border-radius: 30px; | ||
height: 30px; | height: 30px; | ||
| Line 7,100: | Line 7,100: | ||
left: 50%; | left: 50%; | ||
top: 0; | top: 0; | ||
| − | background: # | + | background: #4a90e2; |
} | } | ||
.process__item { | .process__item { | ||
| Line 7,110: | Line 7,110: | ||
height: 1.85714286em; | height: 1.85714286em; | ||
background: #fff; | background: #fff; | ||
| − | border: 2px solid # | + | border: 2px solid #4a90e2; |
border-radius: 50%; | border-radius: 50%; | ||
position: absolute; | position: absolute; | ||
| Line 7,180: | Line 7,180: | ||
top: 0.92857143em; | top: 0.92857143em; | ||
left: 0; | left: 0; | ||
| − | background: # | + | background: #4a90e2; |
} | } | ||
@media all and (max-width: 767px) { | @media all and (max-width: 767px) { | ||
| Line 7,208: | Line 7,208: | ||
height: 3.71428571em; | height: 3.71428571em; | ||
border-radius: 50%; | border-radius: 50%; | ||
| − | border: 2px solid # | + | border: 2px solid #4a90e2; |
background: #fff; | background: #fff; | ||
text-align: center; | text-align: center; | ||
| Line 7,215: | Line 7,215: | ||
font-size: 1.35714286em; | font-size: 1.35714286em; | ||
font-weight: bold; | font-weight: bold; | ||
| − | color: # | + | color: #4a90e2; |
position: relative; | position: relative; | ||
top: 12px; | top: 12px; | ||
| Line 7,281: | Line 7,281: | ||
.process-stepper > li.active:before, | .process-stepper > li.active:before, | ||
.process-stepper > li.active:after { | .process-stepper > li.active:after { | ||
| − | background: # | + | background: #4a90e2; |
} | } | ||
.process-stepper > li > span { | .process-stepper > li > span { | ||
| Line 7,448: | Line 7,448: | ||
button[type="submit"].btn--loading:after, | button[type="submit"].btn--loading:after, | ||
input[type="submit"][type="submit"].btn--loading:after { | input[type="submit"][type="submit"].btn--loading:after { | ||
| − | background: # | + | background: #4a90e2; |
} | } | ||
.bg--primary button.btn { | .bg--primary button.btn { | ||
| Line 7,458: | Line 7,458: | ||
} | } | ||
.bg--primary button.btn.btn--primary { | .bg--primary button.btn.btn--primary { | ||
| − | color: # | + | color: #4a90e2; |
| − | border-color: # | + | border-color: #4a90e2; |
} | } | ||
.bg--primary button.btn.btn--primary-1 { | .bg--primary button.btn.btn--primary-1 { | ||
| − | border-color: # | + | border-color: #31639c; |
} | } | ||
input, | input, | ||
| Line 7,500: | Line 7,500: | ||
select:focus, | select:focus, | ||
textarea:focus { | textarea:focus { | ||
| − | border-color: # | + | border-color: #76abe9; |
} | } | ||
input[type="image"] { | input[type="image"] { | ||
| Line 7,553: | Line 7,553: | ||
} | } | ||
.input-checkbox label:hover { | .input-checkbox label:hover { | ||
| − | border-color: # | + | border-color: #4a90e2; |
} | } | ||
.input-checkbox label:before { | .input-checkbox label:before { | ||
| Line 7,562: | Line 7,562: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| − | border: 1px solid # | + | border: 1px solid #4a90e2; |
opacity: 0; | opacity: 0; | ||
transition: 0.3s ease; | transition: 0.3s ease; | ||
| Line 7,569: | Line 7,569: | ||
} | } | ||
.input-checkbox input:checked + label { | .input-checkbox input:checked + label { | ||
| − | border-color: # | + | border-color: #4a90e2; |
| − | background: # | + | background: #4a90e2; |
} | } | ||
.input-checkbox input:checked + label:after { | .input-checkbox input:checked + label:after { | ||
| Line 7,620: | Line 7,620: | ||
} | } | ||
.input-checkbox.input-checkbox--switch label:hover:before { | .input-checkbox.input-checkbox--switch label:hover:before { | ||
| − | border-color: # | + | border-color: #4a90e2; |
} | } | ||
.input-checkbox.input-checkbox--switch input:checked + label { | .input-checkbox.input-checkbox--switch input:checked + label { | ||
| Line 7,627: | Line 7,627: | ||
.input-checkbox.input-checkbox--switch input:checked + label:before { | .input-checkbox.input-checkbox--switch input:checked + label:before { | ||
animation: none !important; | animation: none !important; | ||
| − | background: # | + | background: #4a90e2; |
| − | border-color: # | + | border-color: #4a90e2; |
transform: translateX(1.85714286em); | transform: translateX(1.85714286em); | ||
} | } | ||
| Line 7,650: | Line 7,650: | ||
} | } | ||
.input-radio label:hover { | .input-radio label:hover { | ||
| − | border-color: # | + | border-color: #4a90e2; |
} | } | ||
.input-radio label:before { | .input-radio label:before { | ||
| Line 7,658: | Line 7,658: | ||
height: 100%; | height: 100%; | ||
border-radius: 50%; | border-radius: 50%; | ||
| − | border: 1px solid # | + | border: 1px solid #4a90e2; |
transition: 0.3s ease; | transition: 0.3s ease; | ||
-webkit-transition: 0.3s ease; | -webkit-transition: 0.3s ease; | ||
| Line 7,666: | Line 7,666: | ||
} | } | ||
.input-radio input:checked + label { | .input-radio input:checked + label { | ||
| − | border-color: # | + | border-color: #4a90e2; |
| − | background-color: # | + | background-color: #4a90e2; |
} | } | ||
.input-radio input:checked + label:after { | .input-radio input:checked + label:after { | ||
| Line 7,694: | Line 7,694: | ||
} | } | ||
.input-radio--innerlabel:hover { | .input-radio--innerlabel:hover { | ||
| − | border-color: # | + | border-color: #4a90e2; |
} | } | ||
.input-radio--innerlabel input:checked + label { | .input-radio--innerlabel input:checked + label { | ||
| − | border-color: # | + | border-color: #4a90e2; |
| − | background: # | + | background: #4a90e2; |
color: #fff; | color: #fff; | ||
} | } | ||
| Line 7,714: | Line 7,714: | ||
} | } | ||
.bg--primary .input-radio--innerlabel { | .bg--primary .input-radio--innerlabel { | ||
| − | border-color: # | + | border-color: #76abe9; |
} | } | ||
.bg--primary .input-radio--innerlabel:hover { | .bg--primary .input-radio--innerlabel:hover { | ||
| Line 7,724: | Line 7,724: | ||
} | } | ||
.bg--primary .input-radio--innerlabel.checked label { | .bg--primary .input-radio--innerlabel.checked label { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.bg--primary-1 .input-radio--innerlabel { | .bg--primary-1 .input-radio--innerlabel { | ||
| − | border-color: # | + | border-color: #3e7cc2; |
} | } | ||
.bg--primary-1 .input-radio--innerlabel:hover { | .bg--primary-1 .input-radio--innerlabel:hover { | ||
| Line 7,737: | Line 7,737: | ||
} | } | ||
.bg--primary-1 .input-radio--innerlabel.checked label { | .bg--primary-1 .input-radio--innerlabel.checked label { | ||
| − | color: # | + | color: #31639c; |
} | } | ||
.input-select { | .input-select { | ||
| Line 7,768: | Line 7,768: | ||
} | } | ||
.input-select:focus:after { | .input-select:focus:after { | ||
| − | border-color: # | + | border-color: #4a90e2; |
} | } | ||
.input-select select:focus { | .input-select select:focus { | ||
| − | border-color: # | + | border-color: #4a90e2; |
} | } | ||
.input-number { | .input-number { | ||
| Line 7,807: | Line 7,807: | ||
} | } | ||
.input-number .input-number__controls > span:hover { | .input-number .input-number__controls > span:hover { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.input-number .input-number__controls .input-number__increase { | .input-number .input-number__controls .input-number__increase { | ||
| Line 7,927: | Line 7,927: | ||
} | } | ||
.picker .picker__day.picker__day--highlighted { | .picker .picker__day.picker__day--highlighted { | ||
| − | color: # | + | color: #4a90e2; |
font-weight: 600; | font-weight: 600; | ||
} | } | ||
.picker .picker__day:hover { | .picker .picker__day:hover { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.picker:not(.picker--opened) { | .picker:not(.picker--opened) { | ||
| Line 8,272: | Line 8,272: | ||
} | } | ||
.progress-horizontal__progress { | .progress-horizontal__progress { | ||
| − | background: # | + | background: #4a90e2; |
border-radius: 100px; | border-radius: 100px; | ||
} | } | ||
| Line 8,429: | Line 8,429: | ||
} | } | ||
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active { | .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active { | ||
| − | color: # | + | color: #4a90e2; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| Line 8,445: | Line 8,445: | ||
} | } | ||
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover { | .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul:hover li.active:after { | .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul:hover li.active:after { | ||
| Line 8,481: | Line 8,481: | ||
} | } | ||
.masonry-filters--horizontal .masonry__filters ul li.active { | .masonry-filters--horizontal .masonry__filters ul li.active { | ||
| − | color: # | + | color: #4a90e2; |
} | } | ||
.masonry-filters--horizontal .masonry__filters ul li:not(.active) { | .masonry-filters--horizontal .masonry__filters ul li:not(.active) { | ||
| Line 9,098: | Line 9,098: | ||
.wizard > .actions a:hover, | .wizard > .actions a:hover, | ||
.wizard > .actions a:active { | .wizard > .actions a:active { | ||
| − | background: # | + | background: #4a90e2; |
transition: all .3s ease; | transition: all .3s ease; | ||
padding: 0.46428571em 1.85714286em; | padding: 0.46428571em 1.85714286em; | ||
| Line 9,148: | Line 9,148: | ||
.wizard > .steps li.current a:after, | .wizard > .steps li.current a:after, | ||
.wizard > .steps li.current a:before { | .wizard > .steps li.current a:before { | ||
| − | background-color: # | + | background-color: #4a90e2; |
} | } | ||
.wizard > .steps a, | .wizard > .steps a, | ||
| Line 9,269: | Line 9,269: | ||
} | } | ||
footer.footer-6.bg--primary .footer__lower { | footer.footer-6.bg--primary .footer__lower { | ||
| − | background: # | + | background: #3483de; |
} | } | ||
footer.footer-7 { | footer.footer-7 { | ||
| Line 9,347: | Line 9,347: | ||
} | } | ||
| − | + | </style> | |
</html> | </html> | ||
| − | |||
Revision as of 08:27, 25 June 2018