Created
January 26, 2018 15:13
-
-
Save anonymous/304623908a70acfa30c08adbac48e14a to your computer and use it in GitHub Desktop.
Moodle Theme SCSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Default preset file. | |
| * | |
| * Use this space to customise variables, create mixins and override SCSS. | |
| */ | |
| //Colores Principales | |
| $color-azul: #002b76; | |
| $color-naranja: #ff4f10; | |
| //Colors de Soporte | |
| $color-gris: #e7e7e7; | |
| $color-gris2: #d6d6d6; | |
| $color-gris3: #f0f0f0; | |
| $color-celeste: #00aad2; | |
| $color-amarillo: #ffb608; | |
| $color-turquesa: #8cd3e6; | |
| $color-gris-a: #838383; | |
| $color-gris-a-hover: #565656; | |
| //Colores de uso Restringido | |
| $color-fucsia: #e72599; | |
| $color-verde: #71d54f; | |
| $color-negro-90: #161616; | |
| $color-negro-80: #53565a; | |
| $color-negro-70: #75787b; | |
| $color-negro-60: #97999b; | |
| $color-negro-50: #b1b3b3; | |
| $color-negro-40: #c8c9c7; | |
| $color-negro-30: #d9d9d6; | |
| $color-texto: #343434; | |
| // Colors | |
| $gray-dark: #373a3c !default; | |
| $gray: #55595c !default; | |
| $gray-light: #818a91 !default; | |
| $gray-lighter: #eceeef !default; | |
| $gray-lightest: #f7f7f9 !default; | |
| $brand-primary: $color-azul; | |
| $brand-success: $color-verde; | |
| $brand-warning: $color-amarillo; | |
| $brand-info: $color-naranja; | |
| $brand-danger: $color-fucsia; | |
| $brand-inverse: $gray-dark; | |
| $navbar-height: 50px; | |
| // Spacing | |
| $spacer: 1rem !default; | |
| $spacer-x: $spacer !default; | |
| $spacer-y: $spacer !default; | |
| $border-width: 1px !default; | |
| // Body | |
| $body-bg: #f0f0f0; | |
| $body-color: #3a3a3a; | |
| // Typography | |
| $font-family-sans-serif: "flexo", "Helvetica Neue", Arial, sans-serif; | |
| $font-awesome: "FontAwesome"; | |
| $font-size-root: 14px !default; | |
| // Tables | |
| $table-bg: transparent !default; | |
| $table-bg-accent: #fafafa !default; | |
| $table-bg-hover: lighten($brand-primary, 55%) !default; | |
| $table-bg-active: $table-bg-hover !default; | |
| $table-border-color: #f4f4f4 !default; | |
| // Dropdowns | |
| $dropdown-border-color: #e2e2e2 !default; | |
| $dropdown-link-color: rgba(0, 0, 0, .535) !default; | |
| // Navbar | |
| $navbar-light-color: rgba(0, 0, 0, .535) !default; | |
| $navbar-light-hover-color: $brand-primary !default; | |
| $navbar-light-active-color: $brand-primary !default; | |
| // Cards | |
| $card-border-radius: 0 !default; | |
| $card-border-color: rgba(238, 238, 238, 1) !default; | |
| // Breadcrumbs | |
| $breadcrumb-bg: transparent !default; | |
| $breadcrumb-padding-x: 0 !default; | |
| $breadcrumb-divider: "/" !default; | |
| $breadcrumb-divider-rtl: "/" !default; | |
| $navbar-height: 55px; | |
| $grid-breakpoints: ( | |
| xs: 0, | |
| sm: 544px, | |
| md: 780px, | |
| lg: 992px, | |
| xl: 1200px | |
| ); | |
| $container-max-widths: ( | |
| sm: 576px, | |
| md: 732px, | |
| lg: 940px, | |
| xl: 1140px | |
| ); | |
| $media-breakpoint-mid: 780px; | |
| $media-breakpoint-small: 480px; | |
| // botonera | |
| //<a href="" class="btn-action img-btn marcar-como-leido"> | |
| // Marcar como leído | |
| //</a> | |
| // estructura | |
| :target { | |
| padding-top: 0 !important; | |
| margin-top: 0 !important; | |
| } | |
| .path-mod { | |
| h2, h3 { | |
| color: $color-naranja; | |
| font-weight: 300; | |
| } | |
| .btn-primary { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| } | |
| } | |
| [role=main] { | |
| padding-left: 7rem; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-left: 0; | |
| } | |
| } | |
| #page-mod-assign-editsubmission { | |
| .btn-primary { | |
| min-width: 220px !important; | |
| min-height: 46px !important; | |
| } | |
| .btn-cancel { | |
| .btn-secondary { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| min-width: 220px !important; | |
| min-height: 46px !important; | |
| } | |
| } | |
| } | |
| #page-mod-forum-post { | |
| .btn-cancel { | |
| .btn-secondary { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| } | |
| } | |
| } | |
| #page-mod-folder-view { | |
| section { | |
| .btn-secondary { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| } | |
| } | |
| } | |
| #page-mod-questionnaire-print { | |
| section { | |
| .btn-secondary { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| } | |
| } | |
| } | |
| #page-mod-assign-view { | |
| section { | |
| .btn-secondary { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| } | |
| } | |
| } | |
| #page-mod-forum-view { | |
| section { | |
| .btn-secondary { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| } | |
| } | |
| } | |
| #page-mod-quiz-report { | |
| div[id^='moodle-dialogue'] { | |
| background-color: $color-azul; | |
| border-bottom: none; | |
| color: #fff; | |
| .moodle-dialogue-hd { | |
| border-bottom: none; | |
| h1 { | |
| color: #fff; | |
| } | |
| .yui3-widget-buttons { | |
| background-color: $color-naranja; | |
| border-radius: 50%; | |
| width: 40px; | |
| height: 40px; | |
| margin-top: 10px; | |
| margin-right: 10px; | |
| button.closebutton { | |
| color: #fff; | |
| line-height: 10px; | |
| opacity: 1; | |
| } | |
| } | |
| .confirmation-message { | |
| color: #fff; | |
| } | |
| } | |
| .btn-primary { | |
| min-width: 70px !important; | |
| min-height: 35px !important; | |
| } | |
| .btn-secondary { | |
| min-width: 70px !important; | |
| min-height: 35px !important; | |
| background-color: $color-naranja; | |
| border-color: $color-naranja; | |
| color: #fff; | |
| border-radius: 10px; | |
| } | |
| } | |
| } | |
| .texto_turquesa { | |
| color: #00b2d5 !important; | |
| } | |
| [data-region="blocks-column"] { | |
| width: 300px; | |
| } | |
| .btn-action { | |
| background-color: $color-naranja; | |
| padding: 15px 70px; | |
| font-size: 16px; | |
| color: #ffffff !important; | |
| font-weight: 600; | |
| border-radius: 10px; | |
| display: inline-block; | |
| border: none; | |
| &:hover { | |
| background-color: darken($color-naranja, 10%); | |
| } | |
| } | |
| .img-btn { | |
| background-position: 42px; | |
| background-repeat: no-repeat; | |
| background-size: 35px; | |
| display: inline-block; | |
| padding: 15px 20px 15px 75px; | |
| background-position-x: 20px; | |
| min-width: 200px; | |
| } | |
| .marcar-como-leido { | |
| background-image: url("[[pix:theme|btn_hand]]"); | |
| } | |
| .enviar-respuesta { | |
| background-image: url("[[pix:theme|btn_send]]"); | |
| } | |
| #page-mod-questionnaire-complete { | |
| .buttons { | |
| text-align: center; | |
| input { | |
| background-image: url("[[pix:theme|btn_send]]"); | |
| background-repeat: no-repeat; | |
| background-size: 35px; | |
| background-position: 34px; | |
| padding-left: 50px; | |
| } | |
| } | |
| .surveyTitle { | |
| margin-bottom: 45px; | |
| } | |
| } | |
| #page-mod-quiz-attempt .submitbtns { | |
| width: 570px !important; | |
| margin: 0 auto !important; | |
| @media (max-width: $media-breakpoint-mid) { | |
| text-align: center !important; | |
| width: 100% !important; | |
| } | |
| } | |
| // Import everything. | |
| //noinspection CssUnknownTarget | |
| @import "moodle"; | |
| body.drawer-open-left { | |
| @include media-breakpoint-up(md) { | |
| margin-left: 0; | |
| } | |
| @include media-breakpoint-up(lg) { | |
| margin-left: $drawer-width; | |
| } | |
| } | |
| body.drawer-open-right { | |
| @include media-breakpoint-up(md) { | |
| margin-right: 0; | |
| } | |
| } | |
| /** | |
| * Clases Generales | |
| */ | |
| .nav-inline.nav-blocks { | |
| text-align: center; | |
| margin-bottom: 1em; | |
| margin-top: 2rem; | |
| li a { | |
| font-size: 1.5em; | |
| width: 1.3em; | |
| color: $color-azul; | |
| @media (max-width: $media-breakpoint-mid) { | |
| font-size: 1.2em; | |
| width: 1em; | |
| } | |
| &.active { | |
| color: white; | |
| background: $color-azul; | |
| } | |
| } | |
| } | |
| .pt-top { | |
| padding-top: 20px; | |
| } | |
| .odd-row { | |
| background-color: #eeeeee !important; | |
| } | |
| .even-row { | |
| background-color: #cccccc; | |
| } | |
| .center { | |
| @extend .text-center; | |
| } | |
| .text-left { | |
| text-align: left !important; | |
| } | |
| .url-like { | |
| color: $color-naranja; | |
| text-decoration: underline; | |
| font-size: 1.2em; | |
| &:hover { | |
| cursor: pointer; | |
| color: darken($color-naranja, 10%); | |
| } | |
| } | |
| .btn-naranja { | |
| background-color: $color-naranja; | |
| border-radius: 10px; | |
| min-height: 55px; | |
| text-align: center; | |
| border-color: $color-naranja; | |
| font-weight: 600; | |
| min-width: 250px; | |
| margin: 0 auto; | |
| color: white; | |
| &:hover { | |
| background-color: darken($color-naranja, 10%); | |
| border-color: #ffffff; | |
| } | |
| } | |
| .pd-top { | |
| padding: 20px 0; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding: 15px 0; | |
| } | |
| } | |
| .pd-left { | |
| padding-left: 70px; | |
| } | |
| h3.sectionname, h3.sectionnnamelike { | |
| border-bottom: 1px solid $color-gris2; | |
| padding-bottom: 0.5em; | |
| &, a { | |
| color: $color-naranja; | |
| font-weight: 200; | |
| font-size: 1.2em; | |
| } | |
| } | |
| //Radio Buttons | |
| input[type='radio']:after { | |
| width: 15px; | |
| height: 15px; | |
| border-radius: 15px; | |
| top: -2px; | |
| left: -1px; | |
| position: relative; | |
| background-color: #d1d3d1; | |
| content: ''; | |
| display: inline-block; | |
| visibility: visible; | |
| border: 2px solid white; | |
| } | |
| input[type='radio']:checked:after { | |
| width: 15px; | |
| height: 15px; | |
| border-radius: 15px; | |
| top: -2px; | |
| left: -1px; | |
| position: relative; | |
| background-color: $color-naranja; | |
| content: ''; | |
| display: inline-block; | |
| visibility: visible; | |
| border: 2px solid white; | |
| } | |
| /* Base for label styling */ | |
| [type="checkbox"]:not(:checked), | |
| [type="checkbox"]:checked { | |
| //position: absolute; | |
| //left: -9999px; | |
| } | |
| [type="checkbox"]:not(:checked) + label, | |
| [type="checkbox"]:checked + label { | |
| position: relative; | |
| padding-left: 1.95em; | |
| cursor: pointer; | |
| left: -20px; | |
| } | |
| /* checkbox aspect */ | |
| [type="checkbox"]:not(:checked) + label:before, | |
| [type="checkbox"]:checked + label:before { | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 1.25em; | |
| height: 1.25em; | |
| border: 2px solid #ccc; | |
| background: #fff; | |
| border-radius: 4px; | |
| box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1); | |
| } | |
| /* checked mark aspect */ | |
| [type="checkbox"]:not(:checked) + label:after, | |
| [type="checkbox"]:checked + label:after { | |
| content: '✔'; | |
| position: absolute; | |
| top: .1em; | |
| left: .3em; | |
| font-size: 1.3em; | |
| line-height: 0.8; | |
| color: $color-naranja; | |
| transition: all .2s; | |
| } | |
| /* checked mark aspect changes */ | |
| [type="checkbox"]:not(:checked) + label:after { | |
| opacity: 0; | |
| transform: scale(0); | |
| } | |
| [type="checkbox"]:checked + label:after { | |
| opacity: 1; | |
| transform: scale(1); | |
| } | |
| /* disabled checkbox */ | |
| [type="checkbox"]:disabled:not(:checked) + label:before, | |
| [type="checkbox"]:disabled:checked + label:before { | |
| box-shadow: none; | |
| border-color: #bbb; | |
| background-color: #ddd; | |
| } | |
| [type="checkbox"]:disabled:checked + label:after { | |
| color: #999; | |
| } | |
| [type="checkbox"]:disabled + label { | |
| color: #aaa; | |
| } | |
| /* accessibility */ | |
| [type="checkbox"]:checked:focus + label:before, | |
| [type="checkbox"]:not(:checked):focus + label:before { | |
| //border: 2px dotted $color-azul; | |
| } | |
| /* hover style just for information */ | |
| label:hover:before { | |
| border: 2px solid $color-azul !important; | |
| } | |
| h4.sectionname, h4.sectionnnamelike { | |
| &, a { | |
| color: $color-celeste; | |
| font-weight: 500; | |
| font-size: 1em; | |
| } | |
| &.sectionmini { | |
| &, a { | |
| color: $color-celeste; | |
| font-weight: 400; | |
| font-size: 0.95em; | |
| } | |
| } | |
| } | |
| .clearfixable { | |
| &:nth-child(2n+1) { | |
| clear: left; | |
| } | |
| &:nth-child(2n) { | |
| clear: right; | |
| } | |
| } | |
| ul.bcp { | |
| padding-left: 0; | |
| ul.section { | |
| padding-left: 0; | |
| margin-left: 0; | |
| margin-right: 0; | |
| } | |
| li { | |
| list-style: none; | |
| } | |
| ul.bcp-level-1 { | |
| ul.bcp-level-2 { | |
| } | |
| } | |
| img.activityicon { | |
| display: none; | |
| } | |
| span.actions { | |
| .autocompletion, .togglecompletion { | |
| pointer-events: none; | |
| } | |
| } | |
| .marginbottom { | |
| margin-bottom: 2em; | |
| } | |
| .section .activity .contentwithoutlink, .section .activity .activityinstance { | |
| min-height: 0; | |
| } | |
| .mod-indent-outer { | |
| display: block; | |
| } | |
| .activityinstance { | |
| display: block !important; | |
| .dimmed_text { | |
| display: block !important; | |
| text-indent: -31px; | |
| padding-left: 31px; | |
| } | |
| } | |
| .instancename { | |
| text-decoration: underline; | |
| max-width: calc(100% - 15px); | |
| display: block; | |
| //color: $color-texto; | |
| &:before { | |
| content: "\f04b"; | |
| color: $color-azul; | |
| font-size: 0.75em; | |
| font-family: $font-awesome; | |
| margin-right: 2em; | |
| margin-left: 0.5em; | |
| display: inline-block; | |
| vertical-align: middle; | |
| text-decoration: none; | |
| text-align: right; | |
| padding-left: 0.5em; | |
| } | |
| } | |
| } | |
| .white-bg { | |
| background: white !important; | |
| } | |
| #page-local-escuelas-index { | |
| [role=main] { | |
| padding-left: 0 !important; | |
| } | |
| } | |
| @media only screen and (max-device-width: 320px) and (orientation: portrait) { | |
| .mobile-xs-portrait { | |
| background: url("[[pix:theme|girar-fondo]]"); | |
| position: fixed; | |
| top: 3rem; | |
| left: 0; | |
| height: auto; | |
| width: 100%; | |
| transition: all .5s; | |
| z-index: 10; | |
| img { | |
| display: inherit !important; | |
| position: relative; | |
| bottom: 2rem; | |
| width: 265px; | |
| left: 2rem; | |
| } | |
| a { | |
| position: absolute; | |
| top: 1em; | |
| right: 1em; | |
| z-index: 100; | |
| color: #fff; | |
| font-weight: bold; | |
| cursor: pointer; | |
| background: tomato; | |
| width: 25px; | |
| height: 25px; | |
| line-height: 25px; | |
| text-align: center; | |
| border-radius: 50%; | |
| transition: all .5s; | |
| visibility: visible!important; | |
| } | |
| } | |
| } | |
| #cerrar { | |
| visibility: hidden; | |
| } | |
| .mobile-xs-portrait img { | |
| display: none; | |
| } | |
| @media (max-width: 768px) { | |
| .bm-height { | |
| height: 200px !important; | |
| padding-right: 0px; | |
| } | |
| .div-lider { | |
| width: 84%; | |
| text-align: center; | |
| margin: auto; | |
| } | |
| .plr-0 { | |
| padding-left: 0rem !important; | |
| padding-right: 0rem !important; | |
| } | |
| .br-border-left { | |
| border-left: none !important; | |
| } | |
| } | |
| @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { | |
| .banca-list { | |
| padding: 0 0 0 4rem; | |
| } | |
| .div-banca { | |
| width: 80% !important; | |
| text-align: center; | |
| margin: auto; | |
| } | |
| .lider { | |
| .bm-border-left { | |
| border-left: none; | |
| } | |
| .box-btn { | |
| display: inline-block; | |
| background-color: #ff4f10; | |
| border-radius: 5px; | |
| min-width: 217px; | |
| min-height: 55px; | |
| text-align: center; | |
| } | |
| .botonera { | |
| width: 49% !important; | |
| } | |
| .botonera_conferencia { | |
| width: 49% !important; | |
| } | |
| } | |
| } | |
| .bg-skyblue { | |
| background-color: #8cd3e6 !important; | |
| } | |
| .bg-blue { | |
| background-color: #26416f !important; | |
| } | |
| .bg-turquoise { | |
| background-color: #279cb5 !important; | |
| } | |
| .bg-gray { | |
| background-color: #8d8d92 !important; | |
| } | |
| .div-lider { | |
| background-color: #e2e2e2; | |
| color: #025196; | |
| padding: 2rem 1rem 1rem 1rem; | |
| border-radius: 5px; | |
| width: 193px; | |
| text-align: center; | |
| } | |
| .div-banca { | |
| background-color: #00b2d5; | |
| color: white; | |
| padding: 2rem 1rem 1rem 1rem; | |
| border-radius: 5px; | |
| width: 193px; | |
| text-align: center; | |
| @media (max-width: $media-breakpoint-small) { | |
| width: 100%; | |
| } | |
| @media (max-width: 767px) { | |
| width: 100%; | |
| } | |
| } | |
| .br-border-bottom { | |
| padding-bottom: 2rem; | |
| border-bottom: 1px dashed; | |
| margin-bottom: 2rem; | |
| } | |
| .br-border-left { | |
| border-left: 1px dashed #00b2d5; | |
| min-height: 100px; | |
| @media (max-width: $media-breakpoint-small) { | |
| border-left: 0px; | |
| } | |
| } | |
| .banca-aligner { | |
| display: flex; | |
| align-items: center; | |
| justify-content: left; | |
| } | |
| .banca-cat-btn { | |
| border-radius: 11px !important; | |
| min-width: 250px !important; | |
| } | |
| .bm-border-left { | |
| border-left: 1px dashed gray; | |
| @media (max-width: $media-breakpoint-small) { | |
| border-left: 0px; | |
| } | |
| } | |
| .bm-border-bottom { | |
| margin-bottom: 3rem; | |
| } | |
| .banca-list { | |
| list-style: none; | |
| li::before { | |
| content: "• "; | |
| color: #00b2d5; | |
| } | |
| } | |
| .list-none { | |
| list-style: none; | |
| } | |
| .banca-list-1 { | |
| list-style: none; | |
| li::before { | |
| content: "▸ "; | |
| color: gray; | |
| } | |
| } | |
| .box-btn { | |
| display: inline-block; | |
| background-color: $color-naranja; | |
| border-radius: 5px; | |
| min-width: 300px; | |
| min-height: 55px; | |
| text-align: center; | |
| @media (max-width: $media-breakpoint-small) { | |
| min-width: 100% !important; | |
| margin-bottom: 3rem; | |
| } | |
| @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { | |
| margin-bottom: 4rem; | |
| } | |
| i.btn-body { | |
| display: inline-block; | |
| width: 35px; | |
| height: 45px; | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| vertical-align: middle; | |
| background-position-y: 10px; | |
| &.img_download { | |
| //noinspection CssUnknownTarget | |
| background-image: url("[[pix:theme|btn_download]]"); | |
| } | |
| &.img_book { | |
| //noinspection CssUnknownTarget | |
| background-image: url("[[pix:theme|ico-book]]"); | |
| } | |
| &.img_arrow { | |
| //noinspection CssUnknownTarget | |
| background-image: url("[[pix:theme|btn_arrow]]"); | |
| } | |
| &.img_hand { | |
| //noinspection CssUnknownTarget | |
| background-image: url("[[pix:theme|btn_hand]]"); | |
| } | |
| &.img_bocina { | |
| //noinspection CssUnknownTarget | |
| background-image: url("[[pix:theme|btn_bocina]]"); | |
| } | |
| } | |
| span { | |
| font-size: 16px; | |
| font-weight: 500; | |
| padding-left: 15px; | |
| vertical-align: top; | |
| display: inline-block; | |
| color: #fff; | |
| text-align: center; | |
| padding-top: 15px; | |
| } | |
| } | |
| .title-space { | |
| margin-top: 3rem; | |
| } | |
| .texto.space { | |
| padding: 2rem 0rem 2rem 0rem; | |
| } | |
| .box-title { | |
| display: block; | |
| padding-bottom: 2.5em; | |
| text-align: left; | |
| font-style: oblique; | |
| img { | |
| display: inline-block; | |
| width: 80%; | |
| max-width: 50px; | |
| vertical-align: top; | |
| } | |
| h2 { | |
| display: inline; | |
| border-left: solid 1px; | |
| font-weight: 300; | |
| padding-left: 0.5em; | |
| line-height: 1.5em; | |
| color: #ffffff; | |
| margin-left: 0.5em; | |
| font-size: 2.5em; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-left: 10px; | |
| margin-left: 10px; | |
| font-size: 2em; | |
| } | |
| } | |
| p { | |
| padding-right: 2em; | |
| color: $color-texto; | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-left: 0; | |
| margin: 1rem auto 0; | |
| min-width: 300px; | |
| padding-bottom: 1.5em; | |
| } | |
| } | |
| #profileContent { | |
| padding-bottom: 4rem; | |
| } | |
| .tab-pane { | |
| h2 { | |
| padding: 20px 0; | |
| color: $color-naranja; | |
| font-weight: 300; | |
| //@media (max-width: $media-breakpoint-mid) { | |
| // text-align: center; | |
| //} | |
| } | |
| } | |
| .box-detalle-nota { | |
| border-top: solid 1px #e7e7e7; | |
| padding: 1em; | |
| display: inline-block; | |
| width: 100%; | |
| .border-right { | |
| border-right: solid 1px #c7c2c2; | |
| min-height: 100px; | |
| } | |
| .fecha { | |
| padding-left: 10%; | |
| padding-right: 10%; | |
| } | |
| p { | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .border-dashed { | |
| border-bottom: dashed 1px; | |
| } | |
| .contenedor-icon { | |
| text-align: center; | |
| h1, h4 { | |
| text-transform: uppercase; | |
| color: #3a3a3a; | |
| } | |
| h4 { | |
| font-size: 1rem; | |
| } | |
| &.aproved { | |
| h1 { | |
| color: $color-celeste; | |
| font-weight: bold; | |
| } | |
| } | |
| &.dissaproved { | |
| h1, h4 { | |
| color: $color-naranja; | |
| text-transform: uppercase; | |
| } | |
| } | |
| } | |
| .drop-visual { | |
| text-align: center; | |
| width: 30px; | |
| height: 30px; | |
| background: $color-naranja; | |
| display: block; | |
| text-decoration: none; | |
| margin: 0 auto; | |
| .simbolo { | |
| color: white; | |
| font-weight: 800; | |
| &:before { | |
| line-height: 27px; | |
| font-size: 2.5em; | |
| content: "-"; | |
| } | |
| } | |
| &.collapsed { | |
| .simbolo { | |
| &:before { | |
| content: "+"; | |
| } | |
| } | |
| } | |
| } | |
| .progress-wrapper { | |
| padding-top: 30px; | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| .course-title { | |
| padding-left: 1rem; | |
| } | |
| .fecha { | |
| width: 95%; | |
| padding-left: 0; | |
| } | |
| .border-right { | |
| border-right: none; | |
| min-height: 0 !important; | |
| padding-top: 1.5rem !important; | |
| } | |
| .border-right-xs { | |
| border-right: solid 1px #b3b1b1 !important; | |
| } | |
| .border-dashed { | |
| margin: 0; | |
| padding: 20px 0 0 0; | |
| } | |
| } | |
| } | |
| .pd-content { | |
| padding-left: 15px; | |
| padding-right: 15px; | |
| } | |
| .activity-holder { | |
| line-height: 2em; | |
| padding-top: 1em; | |
| padding-bottom: 2em; | |
| } | |
| .check { | |
| &:before { | |
| content: "✓"; | |
| color: $color-celeste; | |
| font-size: 2em; | |
| font-weight: 400; | |
| } | |
| } | |
| .blade { | |
| &:before { | |
| content: "✖"; | |
| color: $color-naranja; | |
| } | |
| } | |
| /** | |
| * Componentes Generales | |
| */ | |
| #page { | |
| padding-top: 3em; | |
| margin-top: 0; | |
| background: white; | |
| min-height: calc(100vh - 300px); | |
| @media (max-width: $media-breakpoint-mid) { | |
| min-height: calc(100vh - 800px); | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| min-height: calc(100vh - 800px); | |
| } | |
| } | |
| /** | |
| * Header | |
| */ | |
| #navbar { | |
| background: $body-bg; | |
| margin-top: $navbar-height; | |
| } | |
| #nameBar { | |
| font-size: 1.2em; | |
| padding: 0.25em 0; | |
| background: $color-azul; | |
| text-align: right; | |
| color: white; | |
| a { | |
| padding-left: 1em; | |
| color: $color-naranja; | |
| text-decoration: underline; | |
| } | |
| } | |
| .menubar { | |
| text-align: right; | |
| } | |
| #page-header { | |
| &.row { | |
| display: none; | |
| } | |
| .container { | |
| > div { | |
| pointer-events: none; | |
| img { | |
| pointer-events: none; | |
| max-height: $navbar-height - 15px; | |
| max-width: 80%; | |
| } | |
| } | |
| } | |
| } | |
| /** | |
| * Navigation bar identity. | |
| */ | |
| .navbar-light { | |
| background-color: #fff; | |
| border-bottom: $border-width solid #e5e5e5; | |
| .container { | |
| padding-left: 0; | |
| padding-right: 0; | |
| @media (max-width: 1024px) { | |
| padding-left: 5%; | |
| } | |
| } | |
| .navbar-brand { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| margin-right: $spacer * 2; | |
| color: #fff; | |
| background-color: $brand-primary; | |
| //noinspection SassScssResolvedByNameOnly | |
| @include hover-focus { | |
| color: #fff; | |
| } | |
| &.has-logo { | |
| color: $brand-primary; | |
| background-color: transparent; | |
| //noinspection SassScssResolvedByNameOnly | |
| @include hover-focus { | |
| color: $brand-primary; | |
| } | |
| } | |
| } | |
| .navbar-nav { | |
| .nav-item + .nav-item { | |
| margin-left: $spacer * 2; | |
| } | |
| .nav-link { | |
| //noinspection SassScssResolvedByNameOnly | |
| font-size: $font-size-sm; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| } | |
| } | |
| } | |
| @media (max-width: 768px) { | |
| .dropdown-item { | |
| width: 100%; | |
| } | |
| } | |
| /** | |
| * Styling the dropdown menus. | |
| */ | |
| .dropdown-menu { | |
| font-size: 14px; | |
| border-radius: 0; | |
| .dropdown-item { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| border-bottom: $border-width solid $dropdown-border-color; | |
| &:last-child { | |
| border-bottom: 0; | |
| } | |
| } | |
| .dropdown-divider { | |
| display: none; | |
| } | |
| } | |
| /** | |
| * User picture. | |
| */ | |
| .userpicture { | |
| border-radius: 50%; | |
| } | |
| /** | |
| * For background in content areas. | |
| */ | |
| #page.container-fluid { | |
| padding: 3em (2 * $spacer); | |
| @media (max-width: $media-breakpoint-small) { | |
| padding: 0; | |
| } | |
| } | |
| #block-region-side-pre { | |
| padding-left: 0; | |
| } | |
| /** | |
| * Blocks. | |
| */ | |
| .block-region .card-block { | |
| .card-title { | |
| padding-bottom: ($spacer/2); | |
| font-size: 1.143rem; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| } | |
| } | |
| /** | |
| * Navigation. | |
| */ | |
| .block_navigation, | |
| .block_settings { | |
| .block_tree .tree_item { | |
| margin: ($spacer/2) 0; | |
| } | |
| } | |
| /** | |
| * Form styles. | |
| */ | |
| .form-group { | |
| margin-top: ($spacer/2); | |
| } | |
| .form-inline .form-group { | |
| margin-top: 0; | |
| } | |
| #page-enrol-index.format-library .btn-primary { | |
| margin: auto !important; | |
| } | |
| /*-----*/ | |
| //Login Page | |
| //noinspection CssUnknownTarget | |
| #loginbtn { | |
| width: 50%; | |
| font-size: 1.5rem; | |
| border-radius: 18px !important; | |
| } | |
| .banner-login { | |
| position: relative; | |
| top: -51px; | |
| @media (max-width: 390px) { | |
| top: -60px; | |
| } | |
| } | |
| #page-login-index { | |
| padding: 100px 0 0 0; | |
| background: url("[[pix:theme|banner-login]]") no-repeat 0 50px; | |
| background-size: cover; | |
| @media (max-width: $media-breakpoint-mid) { | |
| background: #fff; | |
| padding: 47px 0 0 0 !important; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| background: #fff; | |
| } | |
| .page-movil { | |
| display: none; | |
| img { | |
| width: 100%; | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| display: block; | |
| width: 100%; | |
| } | |
| } | |
| #region-main { | |
| @media (max-width: $media-breakpoint-mid) { | |
| float: none; | |
| margin: auto; | |
| } | |
| } | |
| #page { | |
| background-color: transparent; | |
| } | |
| .logo-login { | |
| padding-top: 20%; | |
| text-align: center; | |
| img { | |
| width: 580px; | |
| max-width: 100%; | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| display: none; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| display: none; | |
| } | |
| } | |
| .formulario-login { | |
| width: 350px; | |
| margin: 0 auto; | |
| .iniciar { | |
| .img-icon-login { | |
| display: none; | |
| @media (max-width: $media-breakpoint-mid) { | |
| display: inline-block; | |
| } | |
| } | |
| .img-login { | |
| @media (max-width: $media-breakpoint-mid) { | |
| display: none; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| display: none; | |
| } | |
| } | |
| text-align: center; | |
| img { | |
| width: 27px; | |
| vertical-align: top; | |
| padding-top: 15px; | |
| margin-right: 15px; | |
| } | |
| span { | |
| color: #ffffff; | |
| font-size: 3.5em; | |
| font-weight: 200; | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| text-align: center; | |
| img { | |
| width: 20px; | |
| padding-top: 3px; | |
| } | |
| span { | |
| color: $color-naranja; | |
| font-size: 1.9em; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| text-align: center; | |
| img { | |
| width: 20px; | |
| padding-top: 3px; | |
| } | |
| span { | |
| color: $color-naranja; | |
| font-size: 1.9em; | |
| } | |
| } | |
| } | |
| .form-login { | |
| display: block; | |
| width: 100%; | |
| padding: 1.5rem 1.75rem; | |
| font-size: 1.3em; | |
| line-height: 1.25; | |
| color: #55595c; | |
| background: #fff none; | |
| -webkit-background-clip: padding-box; | |
| background-clip: padding-box; | |
| margin-bottom: 30px; | |
| border-radius: 18px; | |
| border: none; | |
| &:focus { | |
| outline: #ff4f10 auto 15px; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| padding: 1rem 1.75rem; | |
| font-size: 1em; | |
| border: solid 1px $color-naranja; | |
| border-radius: 10px; | |
| margin: 0 0 30px 0; | |
| width: 100% !important; | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding: 1rem 1.75rem; | |
| font-size: 1em; | |
| border: solid 1px $color-naranja; | |
| border-radius: 10px; | |
| margin: 30px auto !important; | |
| width: 50%; | |
| } | |
| } | |
| .btn-primary { | |
| @extend .btn-naranja; | |
| @media (max-width: $media-breakpoint-mid) { | |
| width: 200px; | |
| min-width: 180px; | |
| } | |
| } | |
| label { | |
| color: #ffffff; | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding: 0; | |
| width: 100%; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| padding: 20px; | |
| max-width: 300px; | |
| } | |
| } | |
| .forgot-password { | |
| cursor: pointer; | |
| color: rgba(255, 255, 255, 0.8); | |
| font-weight: 600; | |
| font-size: 1em; | |
| padding: 40px 0; | |
| text-align: center; | |
| text-decoration: underline; | |
| @media (max-width: $media-breakpoint-mid) { | |
| color: $color-naranja; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| color: $color-naranja; | |
| } | |
| } | |
| #modal-login { | |
| background-color: rgba(255, 255, 255, 0.8) !important; | |
| .close { | |
| color: white; | |
| font-weight: 600; | |
| opacity: 1; | |
| font-size: 25px; | |
| span { | |
| vertical-align: top; | |
| } | |
| } | |
| .modal-lg { | |
| max-width: 700px; | |
| padding-top: 3em; | |
| @media (max-width: $media-breakpoint-small) { | |
| padding-top: 20px; | |
| } | |
| } | |
| .datepicker { | |
| margin-bottom: 1em; | |
| .custom-select { | |
| padding: 1em 1.5em; | |
| border: 10px; | |
| max-width: 76px; | |
| } | |
| } | |
| .modal-content { | |
| background-color: #080a69; | |
| color: #ffffff; | |
| text-align: center; | |
| padding: 20px; | |
| border-radius: 20px; | |
| -webkit-box-shadow: 0 0 35px 1px rgba(0, 0, 0, 0.75); | |
| -moz-box-shadow: 0 0 35px 1px rgba(0, 0, 0, 0.75); | |
| box-shadow: 0 0 35px 1px rgba(0, 0, 0, 0.75); | |
| .modal-header { | |
| border: none; | |
| padding: 0; | |
| button { | |
| width: 50px; | |
| height: 50px; | |
| background-color: $color-naranja; | |
| float: right; | |
| border-radius: 50%; | |
| } | |
| } | |
| .modal-body { | |
| padding: 0 15px 15px 15px; | |
| } | |
| img { | |
| width: 70px; | |
| } | |
| .text-big { | |
| font-size: 3.5em; | |
| font-weight: 300; | |
| @media (max-width: $media-breakpoint-small) { | |
| font-size: 2em; | |
| } | |
| } | |
| .text-medium { | |
| font-size: 1.8em; | |
| font-weight: 300; | |
| @media (max-width: $media-breakpoint-small) { | |
| font-size: 1em; | |
| } | |
| } | |
| .text-small { | |
| font-size: 1.1em; | |
| font-weight: 300; | |
| @media (max-width: $media-breakpoint-small) { | |
| font-size: 0.75em; | |
| } | |
| } | |
| .form-pop-up { | |
| display: block; | |
| margin: 30px auto; | |
| border: 0; | |
| padding: 1.5em 1.5em; | |
| width: 330px; | |
| border-radius: 10px; | |
| @media (max-width: $media-breakpoint-small) { | |
| width: 100%; | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| width: 100%; | |
| } | |
| @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { | |
| width: 44%; | |
| border-radius: 6px; | |
| } | |
| } | |
| .submit-pop-up { | |
| background-color: $color-naranja; | |
| padding: 15px 70px; | |
| font-size: 16px; | |
| color: #ffffff !important; | |
| font-weight: 600; | |
| border-radius: 5px; | |
| display: inline-block; | |
| border: 0; | |
| } | |
| } | |
| } | |
| } | |
| /** | |
| * Alert classes | |
| */ | |
| .alert:empty { | |
| display: none; | |
| } | |
| .mensaje-error { | |
| @extend .alert; | |
| @extend .alert-danger; | |
| } | |
| .mensaje-correcto { | |
| @extend .alert; | |
| @extend .alert-success; | |
| } | |
| .form-control-feedback { | |
| max-width: 400px; | |
| @extend .alert; | |
| @extend .alert-danger; | |
| } | |
| .box-detalle { | |
| border: solid 1px #c7c7c7; | |
| padding: 0.5em; | |
| display: inline-block; | |
| width: 100%; | |
| margin-bottom: 1em; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding: 0.5em 2em; | |
| } | |
| > div { | |
| padding: 0 1em; | |
| box-sizing: border-box; | |
| text-align: center; | |
| min-height: 120px; | |
| p.text-companion { | |
| line-height: 2em; | |
| text-transform: uppercase; | |
| } | |
| .text-companion.center-xs { | |
| padding-top: calc(5%); | |
| } | |
| } | |
| .detail-container { | |
| text-align: left; | |
| } | |
| .pull-right-xs { | |
| float: right; | |
| right: 70px; | |
| } | |
| .detail-container-date { | |
| .fecha { | |
| padding-top: 15px; | |
| } | |
| p { | |
| max-width: 10em; | |
| width: 100%; | |
| text-align: right; | |
| padding-bottom: 0.5rem; | |
| margin: 0.5rem auto; | |
| b { | |
| float: left; | |
| text-align: left; | |
| left: 0; | |
| } | |
| span { | |
| text-align: right; | |
| right: 0; | |
| } | |
| } | |
| } | |
| .progress-wrapper { | |
| padding-left: 0; | |
| padding-right: 0; | |
| padding-top: 10px; | |
| > p { | |
| margin: 0; | |
| } | |
| .progress-bar { | |
| margin: 0 auto; | |
| background: #595959; | |
| display: block; | |
| width: 80px; | |
| max-height: 80px; | |
| max-width: 100%; | |
| position: relative; | |
| @media (max-width: $media-breakpoint-mid) { | |
| float: right; | |
| right: 5.5rem; | |
| } | |
| @media (max-width: 320px) { | |
| float: right; | |
| right: 2rem; | |
| } | |
| img { | |
| position: relative; | |
| width: 80px; | |
| top: 0; | |
| left: 0; | |
| z-index: 10; | |
| } | |
| .item { | |
| position: absolute; | |
| z-index: 5; | |
| display: block; | |
| } | |
| svg { | |
| -webkit-transform: rotate(-90deg); | |
| transform: rotate(-90deg); | |
| width: 100%; | |
| max-height: 80px; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-top: 20px; | |
| } | |
| } | |
| .border-right { | |
| border-right: solid 1px #b3b2b2; | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| .border-right { | |
| border-right: none; | |
| } | |
| .border-left { | |
| border-left: 1px solid gray; | |
| } | |
| .progress-wrapper { | |
| .progress-bar { | |
| margin: auto; | |
| } | |
| } | |
| .fecha { | |
| padding-left: 10%; | |
| } | |
| } | |
| } | |
| .border-right { | |
| border-right: solid 1px; | |
| } | |
| .border-dashed { | |
| border-bottom: dashed 1px; | |
| padding-bottom: 10px; | |
| width: 94px; | |
| margin: 10px auto; | |
| } | |
| .course-title { | |
| color: #002d74 !important; | |
| font-weight: 600; | |
| font-size: 16px !important; | |
| } | |
| .course-subtitle { | |
| color: $color-celeste !important; | |
| font-size: 15px !important; | |
| padding-top: 10px; | |
| } | |
| .icon-detail { | |
| width: 50px; | |
| height: auto; | |
| padding-bottom: 5px; | |
| } | |
| .text-detail { | |
| color: #515151; | |
| font-size: 16px; | |
| } | |
| .box-edit { | |
| padding-top: 20px; | |
| } | |
| .text-detail { | |
| line-height: 2em; | |
| max-width: 15em; | |
| @media (max-width: $media-breakpoint-mid) { | |
| max-width: none; | |
| } | |
| } | |
| .circle_animation { | |
| stroke-dasharray: 190; | |
| stroke-dashoffset: 190; | |
| } | |
| #section-perfil, #profileContent { | |
| .box-title h2 { | |
| color: $color-amarillo; | |
| } | |
| .pd-left { | |
| padding-left: 50px; | |
| } | |
| .profile-data { | |
| .texto-formulario { | |
| color: $color-celeste; | |
| font-weight: 500; | |
| font-size: 16px; | |
| margin: 0; | |
| padding: 0; | |
| line-height: 1em; | |
| } | |
| .datos-formulario { | |
| color: #848383; | |
| font-weight: 500; | |
| font-size: 16px; | |
| } | |
| } | |
| .decoration { | |
| font-size: 16px; | |
| font-weight: 600; | |
| text-decoration: underline; | |
| color: #ff4f10; | |
| } | |
| .forget-password { | |
| padding: 20px 0; | |
| } | |
| } | |
| /*nenu-linea-carrera*/ | |
| .bd-top { | |
| border-top: solid 1px #bebebe; | |
| } | |
| .secPes { | |
| a { | |
| display: block; | |
| width: 100%; | |
| line-height: 95px; | |
| background-color: #fff; | |
| border-bottom: solid 1px #bebebe; | |
| text-decoration: none; | |
| height: 90px; | |
| span.texto { | |
| width: calc(100% - 40px); | |
| display: inline-block; | |
| p { | |
| line-height: 1.4em; | |
| padding-left: 10px; | |
| color: #838383; | |
| font-size: 16px; | |
| text-align: center; | |
| } | |
| } | |
| span.icon-texto { | |
| line-height: 89px; | |
| width: 36px; | |
| box-sizing: border-box; | |
| text-align: center; | |
| background-color: #858383; | |
| display: inline-block; | |
| color: #fff; | |
| font-size: large; | |
| height: 90px; | |
| } | |
| } | |
| .br-top { | |
| border-top: solid 1px #bebebe; | |
| } | |
| } | |
| .secPes { | |
| a.active { | |
| background-color: #ffe5d9; | |
| span.texto { | |
| p { | |
| font-weight: bold; | |
| } | |
| } | |
| span.icon-texto { | |
| background-color: $color-naranja; | |
| } | |
| } | |
| } | |
| .format-bcp { | |
| .header.backto { | |
| padding: 5px 10px; | |
| margin-bottom: 2rem; | |
| margin-left: 6rem; | |
| margin-top: 1rem; | |
| @media (max-width: $media-breakpoint-mid) { | |
| margin-left: 0; | |
| padding-top: 1.5rem; | |
| } | |
| a { | |
| background-color: $color-naranja; | |
| padding: .9rem 1rem .9rem .5rem; | |
| border-radius: 10px; | |
| } | |
| a .icon { | |
| color: #fff; | |
| } | |
| span.backto-text { | |
| color: #fff; | |
| font-weight: 400; | |
| } | |
| a:hover { | |
| background-color: darken($color-naranja, 10%); | |
| text-decoration: none; | |
| } | |
| .backto-text { | |
| margin-left: 10px; | |
| } | |
| } | |
| .tag-info { | |
| max-width: 90%; | |
| white-space: normal; | |
| } | |
| } | |
| .drop { | |
| .btn-width { | |
| width: 320px; | |
| text-align: left; | |
| border: solid 1px $color-naranja; | |
| background: #fff; | |
| border-radius: 0; | |
| } | |
| .btn-drop { | |
| background: $color-naranja; | |
| color: #fff; | |
| border: solid 1px $color-naranja; | |
| border-radius: 0; | |
| } | |
| } | |
| .curso_selecto { | |
| padding: 20px 0; | |
| border-bottom: solid 1px #6e6e6e; | |
| h2 { | |
| color: $color-naranja; | |
| text-transform: uppercase; | |
| } | |
| } | |
| .cursos { | |
| padding: 25px 0; | |
| border-bottom: solid 1px #bebebe; | |
| p { | |
| padding-top: 1em; | |
| font-size: 16px; | |
| color: $color-azul; | |
| font-weight: 600; | |
| } | |
| } | |
| .secCont { | |
| position: relative; | |
| h4 { | |
| color: #515151; | |
| font-size: 16px; | |
| padding-bottom: 10px; | |
| } | |
| } | |
| .style_select { | |
| width: 370px; | |
| height: 3.5em; | |
| border-radius: 7px !important; | |
| padding: 0 0.35em 0 1em; | |
| display: inline-block; | |
| @media (max-width: 768px) { | |
| width: 100%; | |
| } | |
| } | |
| .style_nav { | |
| border: none; | |
| } | |
| #nenu-linea-carrera .nav-tabs .nav-link { | |
| padding: 0 0.35em 0 1em; | |
| border: none; | |
| @media (max-width: 700px) { | |
| width: 100%; | |
| } | |
| } | |
| #nenu-linea-carrera { | |
| .car-title-box { | |
| @media (max-width: 1024px) { | |
| min-width: 440px; | |
| } | |
| } | |
| .car-col-left { | |
| @media (max-width: 980px) { | |
| min-width: 100%; | |
| } | |
| } | |
| .car-col-right { | |
| @media (max-width: 1024px) { | |
| max-width: 50%; | |
| } | |
| } | |
| .box-title { | |
| h2 { | |
| color: #ffb81c; | |
| font-size: 3em; | |
| @media (max-width: 780px) { | |
| font-size: 2em !important; | |
| } | |
| } | |
| img { | |
| width: 4em; | |
| padding-top: 1em; | |
| } | |
| p { | |
| color: #848383; | |
| } | |
| } | |
| .linea-desc { | |
| font-size: 1.3em; | |
| line-height: 1.2em; | |
| margin-bottom: 2.5em; | |
| color: #838383; | |
| } | |
| } | |
| //noinspection CssUnknownTarget | |
| .icon_drop { | |
| background-image: url("[[pix:theme|arrow_linea_carrea]]"); | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| width: 37px; | |
| height: 30px; | |
| margin-top: 10px; | |
| display: inline-block;; | |
| background-position-y: center; | |
| text-align: center; | |
| border-left: solid 1px #ff4f10; | |
| @media (max-width: 320px) { | |
| width: 28px; | |
| height: 29px; | |
| } | |
| } | |
| .text_icon_drop { | |
| display: inline-block; | |
| width: 87%; | |
| vertical-align: top; | |
| padding-top: 13px; | |
| color: #515151; | |
| font-size: 16px; | |
| @media (max-width: 360px) { | |
| font-size: 14px; | |
| padding-top: 5px; | |
| width: 80%; | |
| } | |
| @media (max-width: 480px) { | |
| width: 84%; | |
| } | |
| } | |
| .dropdown-toggle::after { | |
| display: none; | |
| } | |
| #nenu-linea-carrera .nav-tabs .nav-item.open .nav-link { | |
| border: 0; | |
| background-color: transparent; | |
| } | |
| .style_nav .nav-item.dropdown { | |
| border: solid 1px $color-naranja; | |
| border-radius: 7px !important; | |
| } | |
| .notas .nav-tabs .nav-link.link-items { | |
| padding: 0.7rem; | |
| } | |
| #nenu-linea-carrera .nav-tabs .nav-item.open .nav-link:hover { | |
| width: 370px; | |
| height: 3.5em; | |
| border-radius: 7px; | |
| padding: 0 0.35em 0 1em; | |
| border: none; | |
| border: 0; | |
| background-color: transparent; | |
| @media (max-width: $media-breakpoint-mid) { | |
| width: 100%; | |
| } | |
| } | |
| #nenu-linea-carrera .nav-tabs .nav-link.active { | |
| background-color: transparent !important; | |
| } | |
| #nenu-linea-carrera .nav-tabs .nav-item.open .nav-link:focus { | |
| border: 0; | |
| background-color: transparent; | |
| } | |
| #nenu-linea-carrera .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { | |
| border: none; | |
| background-color: transparent; | |
| } | |
| #nenu-linea-carrera .nav-tabs .dropdown-menu { | |
| width: 370px; | |
| border-radius: 5px; | |
| margin-top: 7px; | |
| @media (max-width: $media-breakpoint-mid) { | |
| width: 100%; | |
| } | |
| } | |
| // linea de carrera responsive | |
| li.pesTab { | |
| list-style: none; | |
| } | |
| a.lin-box { | |
| margin-bottom: 2rem; | |
| display: block; | |
| width: 100%; | |
| line-height: 95px; | |
| background-color: #ffe5d9; | |
| border-bottom: solid 1px #bebebe; | |
| text-decoration: none; | |
| height: 90px; | |
| .icon-texto { | |
| line-height: 89px; | |
| width: 36px; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| text-align: center; | |
| display: inline-block; | |
| color: #fff; | |
| font-size: large; | |
| height: 90px; | |
| background-color: #ff4f10; | |
| } | |
| .texto { | |
| width: calc(100% - 40px); | |
| display: inline-block; | |
| line-height: 1.4em; | |
| padding-left: 10px; | |
| color: #838383; | |
| font-size: 16px; | |
| text-align: center; | |
| font-weight: 600; | |
| } | |
| } | |
| .secCont .color2 { | |
| background: #fff; | |
| z-index: 50; | |
| } | |
| .secCont .color3 { | |
| background: red; | |
| } | |
| .secCont .color4 { | |
| background: blue; | |
| } | |
| /* my css page home */ | |
| #navigationBar.navbar-nav { | |
| ul { | |
| display: flex; | |
| li { | |
| flex-grow: 1; | |
| flex-shrink: 1; | |
| flex-basis: 0; | |
| display: inline-block; | |
| width: 19%; | |
| text-align: center; | |
| border-bottom: 1px solid transparent; | |
| border-right: 1px solid white; | |
| &:last-child { | |
| border-right: none; | |
| } | |
| a { | |
| color: #838383; | |
| display: inline-block; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| width: 100%; | |
| font-style: italic; | |
| img { | |
| padding: 5px; | |
| display: block; | |
| width: 50px; | |
| height: 50px; | |
| margin: 0 auto; | |
| text-align: center; | |
| } | |
| } | |
| &:hover, &:active, &.active { | |
| border-bottom: 1px solid $color-naranja; | |
| a { | |
| color: $color-naranja; | |
| } | |
| } | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| a { | |
| font-size: 0; | |
| } | |
| } | |
| } | |
| #intro-Gestor { | |
| .box-title { | |
| h2 { | |
| color: $color-amarillo; | |
| } | |
| } | |
| .input-group { | |
| padding-bottom: 2em; | |
| } | |
| .fa { | |
| color: $color-naranja; | |
| font-size: 24px; | |
| } | |
| .form-control { | |
| border: 1px solid $color-naranja; | |
| padding: 1.2rem 1rem; | |
| border-bottom-left-radius: .7rem; | |
| border-top-left-radius: .7rem; | |
| &::placeholder { | |
| font-size: 1.2em; | |
| } | |
| } | |
| .btn-secondary { | |
| border-color: $color-naranja; | |
| padding: 0.73rem 1rem; | |
| border-bottom-right-radius: .7rem; | |
| border-top-right-radius: .7rem; | |
| } | |
| .btn-secondary:hover { | |
| background-color: #ffffff; | |
| } | |
| .gestor-header { | |
| padding-bottom: 0.5em; | |
| border-bottom: 1px solid $color-gris2; | |
| margin-bottom: 1em; | |
| h1, h2, h3, h4 { | |
| font-weight: 300; | |
| } | |
| h1, h3 { | |
| color: $color-azul; | |
| } | |
| h2, h4 { | |
| color: $color-naranja; | |
| } | |
| } | |
| .gestor-list { | |
| .gestor-list-item { | |
| padding-top: 1em; | |
| padding-left: 1em; | |
| padding-right: 1em; | |
| .gestor-list-item-inside { | |
| padding-bottom: 1em; | |
| border-bottom: 1px solid $color-gris2; | |
| } | |
| } | |
| h1, h2, h3, h4 { | |
| color: $color-azul; | |
| a { | |
| color: $color-azul; | |
| text-decoration: none; | |
| } | |
| } | |
| h1 { | |
| font-size: 2rem; | |
| font-weight: bold; | |
| span { | |
| width: calc(100% - 50px); | |
| display: inline-block; | |
| } | |
| .btn { | |
| float: right; | |
| color: white; | |
| font-weight: bold; | |
| text-decoration: none; | |
| background: $color-naranja; | |
| border: 1px solid $color-naranja; | |
| &:before { | |
| font-size: 1.5em; | |
| line-height: 1em; | |
| width: 1.5em; | |
| font-family: monospace; | |
| content: "-"; | |
| } | |
| &.collapsed { | |
| &:before { | |
| content: "+"; | |
| } | |
| } | |
| } | |
| } | |
| h2 { | |
| margin-left: 1em; | |
| font-size: 1.5rem; | |
| a { | |
| } | |
| } | |
| h4 { | |
| font-weight: bold; | |
| a { | |
| text-decoration: none !important; | |
| } | |
| } | |
| > ul { | |
| > li { | |
| list-style: none; | |
| margin-bottom: 2em; | |
| h3 { | |
| color: $color-celeste; | |
| a { | |
| //color: $color-azul; | |
| color: $color-celeste; | |
| text-decoration: underline; | |
| } | |
| } | |
| > ul { | |
| margin-left: 1em; | |
| margin-bottom: 1em; | |
| > li { | |
| list-style: none; | |
| margin-bottom: 0.5em; | |
| a { | |
| text-decoration: underline; | |
| } | |
| &:before { | |
| content: "►"; | |
| color: $color-azul; | |
| display: inline-block; | |
| margin-right: 1em; | |
| } | |
| ul { | |
| margin-left: 1em; | |
| a { | |
| text-decoration: underline; | |
| } | |
| li { | |
| list-style: none; | |
| a { | |
| text-decoration: underline; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| .notas { | |
| .nav-tabs .nav-link { | |
| padding: 0 .5em 1em; | |
| } | |
| } | |
| #course-all { | |
| .instruction-notas { | |
| line-height: 2em; | |
| max-width: 15em; | |
| } | |
| .box-title { | |
| h2 { | |
| color: #ffb81c; | |
| } | |
| p { | |
| color: #848383; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| .cursos-border-b { | |
| border-top: 1px solid #b9b9b9; | |
| margin-top: 1.5rem; | |
| } | |
| } | |
| @media (max-width: 543px) { | |
| .cursos-border-b { | |
| margin-top: 12.5rem; | |
| } | |
| } | |
| .course-coursename { | |
| color: $color-azul; | |
| margin-bottom: 2em; | |
| } | |
| @media (max-width: 393px) { | |
| .text_icon_drop { | |
| width: 85%; | |
| } | |
| } | |
| @media (max-width: 393px) { | |
| .text_icon_drop { | |
| width: 80%; | |
| } | |
| } | |
| .nav-pills { | |
| .nav-item { | |
| flex-shrink: 1; | |
| flex-basis: 0; | |
| display: inline-block; | |
| width: 15%; | |
| max-width: 20%; | |
| min-width: 90px; | |
| text-align: center; | |
| border-right: 1px solid white; | |
| margin-left: 0 !important; | |
| &:first-child { | |
| width: 25%; | |
| max-width: 30%; | |
| min-width: 120px; | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| display: block; | |
| width: 100%; | |
| max-width: 100%; | |
| min-width: 100%; | |
| &:first-child { | |
| width: 100%; | |
| max-width: 100%; | |
| min-width: 100%; | |
| } | |
| } | |
| .nav-link { | |
| border-bottom: 1px solid transparent; | |
| background-color: $color-gris3; | |
| color: #848383; | |
| font-size: 1.2em; | |
| font-weight: 600; | |
| border-radius: 0; | |
| } | |
| a.active { | |
| background-color: $color-naranja; | |
| color: #fff; | |
| font-weight: 300; | |
| position: relative; | |
| &:before { | |
| color: $color-naranja; | |
| text-align: center; | |
| width: 1em; | |
| content: "▼"; | |
| position: absolute; | |
| bottom: -0.9em; | |
| font-size: 1.5em; | |
| right: calc(50% - 0.5em); | |
| z-index: 50; | |
| @media (max-width: $media-breakpoint-mid) { | |
| content: ""; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-top: 25px; | |
| .instruction-notas { | |
| font-size: 1.2em; | |
| padding-bottom: 25px; | |
| margin: 0 auto; | |
| min-width: 100%; | |
| } | |
| } | |
| .collapse, .collapsing { | |
| border-top: solid 1px #e7e7e7; | |
| padding: 1em; | |
| } | |
| } | |
| /** | |
| Mis notas | |
| */ | |
| .notas { | |
| .nav-link { | |
| width: 100%; | |
| } | |
| .nav-tabs .dropdown-menu { | |
| width: 100%; | |
| margin-top: 7px; | |
| } | |
| } | |
| .mno-recent { | |
| padding-top: 1.5rem; | |
| } | |
| .mno-years { | |
| padding-top: 1.5rem; | |
| } | |
| .text-center { | |
| text-align: center; | |
| } | |
| #page-my-index { | |
| section section { | |
| padding: 2em 0 5.5em; | |
| background: white; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding: 1.5em 0; | |
| } | |
| } | |
| #intro { | |
| h2 { | |
| padding-right: 80px; | |
| line-height: 40px; | |
| font-weight: 300; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-right: 0; | |
| font-size: 1.5em; | |
| line-height: 35px; | |
| text-align: center; | |
| } | |
| } | |
| .col-md-5 { | |
| vertical-align: middle; | |
| text-align: center; | |
| padding-top: 50px; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-top: 20px; | |
| } | |
| } | |
| .pd-top { | |
| padding-top: 90px; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-top: 15px; | |
| } | |
| } | |
| .col-md-12 { | |
| img { | |
| width: 40px; | |
| height: auto; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| #intro { | |
| .pd-top { | |
| padding-top: 40px; | |
| } | |
| padding: 50px 0; | |
| h2 { | |
| padding-right: 0; | |
| text-align: center; | |
| font-size: 24px; | |
| } | |
| } | |
| } | |
| } | |
| #escuelas { | |
| //noinspection CssUnknownTarget | |
| background: url("[[pix:theme|banner_escuela_negocio]]") no-repeat; | |
| background-size: cover; | |
| width: 100%; | |
| padding: 5em 0; | |
| .text { | |
| padding-right: 30px; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-right: 0; | |
| } | |
| p { | |
| font-size: 18px; | |
| color: #ffffff; | |
| text-align: justify; | |
| font-weight: 300; | |
| } | |
| } | |
| .padre-box { | |
| display: inline-block; | |
| padding: 30px 0; | |
| .box { | |
| display: inline-block; | |
| padding: 20px; | |
| img { | |
| width: 95px; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| text-align: center; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| background: url("[[pix:theme|banner_escuela_negocio_movil]]") no-repeat; | |
| background-size: cover; | |
| padding: 3em 0; | |
| .box-title { | |
| padding-bottom: 1.5em; | |
| img { | |
| max-width: 36px; | |
| } | |
| h2 { | |
| margin-left: 3px; | |
| font-size: 2em; | |
| } | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| background: url("[[pix:theme|banner_escuela_negocio_movil]]") no-repeat; | |
| background-size: cover; | |
| padding: 3em 0; | |
| .box-title { | |
| padding-bottom: 1.5em; | |
| img { | |
| max-width: 36px; | |
| } | |
| h2 { | |
| margin-left: 3px; | |
| font-size: 1.8em; | |
| } | |
| } | |
| } | |
| } | |
| #testimonios { | |
| padding: 9em 0 10em 0; | |
| .texto { | |
| color: #605f5f; | |
| font-size: 2.5em; | |
| text-align: center; | |
| font-style: oblique; | |
| line-height: 1.37em; | |
| span { | |
| color: #38b5d4; | |
| font-weight: bold; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding: 3em 0 6em 0; | |
| .texto { | |
| font-size: 2em; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| padding: 3em 0 6em 0; | |
| .texto { | |
| font-size: 2em; | |
| } | |
| } | |
| } | |
| //noinspection CssUnknownTarget | |
| #lider { | |
| background: url("[[pix:theme|banner_escuela_lider]]") no-repeat; | |
| background-size: cover; | |
| width: 100%; | |
| padding: 6em 0 6em 0; | |
| .text { | |
| font-size: 18px; | |
| color: #fff; | |
| text-align: justify; | |
| font-weight: 300; | |
| } | |
| .text-center-min { | |
| padding-top: 3em; | |
| @media (max-width: $media-breakpoint-mid) { | |
| text-align: center; | |
| margin: 0 auto; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| text-align: center; | |
| margin: 0 auto; | |
| } | |
| } | |
| .box-title { | |
| img { | |
| width: 100%; | |
| max-width: 100px; | |
| @media (max-width: $media-breakpoint-small) { | |
| min-width: 60px; | |
| } | |
| } | |
| h2 { | |
| line-height: 2.4em; | |
| @media (max-width: $media-breakpoint-small) { | |
| font-size: 1.6em; | |
| } | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| background: url("[[pix:theme|banner_escuela_lider_movil]]") no-repeat; | |
| background-size: cover; | |
| padding: 3em 0 7em 0; | |
| .box-title { | |
| padding-bottom: 1.5em; | |
| img { | |
| width: 60px; | |
| } | |
| h2 { | |
| line-height: 1.5em; | |
| margin-top: 6px; | |
| } | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| background: url("[[pix:theme|banner_escuela_lider_movil]]") no-repeat; | |
| background-size: cover; | |
| padding: 3em 0 7em 0; | |
| .box-title { | |
| padding-bottom: 1.5em; | |
| img { | |
| width: 60px; | |
| } | |
| h2 { | |
| line-height: 1.5em; | |
| margin-top: 6px; | |
| } | |
| } | |
| } | |
| } | |
| //noinspection CssUnknownTarget | |
| #catalogo { | |
| @media (max-width: $media-breakpoint-mid) { | |
| background: url("[[pix:theme|bannerCatalogo_movil]]") no-repeat; | |
| background-size: cover; | |
| padding: 3em 0 6em 0; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| background: url("[[pix:theme|bannerCatalogo_movil]]") no-repeat; | |
| background-size: cover; | |
| padding: 3em 0 6em 0; | |
| } | |
| background: url("[[pix:theme|bannerCatalogo]]") no-repeat; | |
| background-size: cover; | |
| padding: 5em 0 14em 0; | |
| width: 100%; | |
| img { | |
| width: 25em; | |
| padding-bottom: 30px; | |
| @media (max-width: $media-breakpoint-mid) { | |
| width: 18em; | |
| padding-bottom: 1.5em; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| width: 18em; | |
| padding-bottom: 1.5em; | |
| } | |
| } | |
| .text { | |
| padding-right: 30px; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-right: 0; | |
| } | |
| p { | |
| font-size: 18px; | |
| color: #ffffff; | |
| text-align: justify; | |
| font-weight: 300; | |
| } | |
| } | |
| .text-center-min { | |
| padding-top: 3em; | |
| } | |
| .link { | |
| padding: 50px 0; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding: 10px 0 30px 0; | |
| } | |
| a { | |
| color: #ffffff; | |
| text-decoration: underline; | |
| font-size: 1.3em; | |
| font-weight: 500; | |
| } | |
| } | |
| } | |
| //noinspection CssUnknownTarget | |
| #sub { | |
| padding: 80px 0; | |
| background-color: #fff; | |
| width: 100%; | |
| h2 { | |
| color: #605f5f; | |
| } | |
| a { | |
| text-decoration: none; | |
| } | |
| .box-ubicacion { | |
| display: inline-block; | |
| padding-top: 2em; | |
| img { | |
| width: 40px; | |
| height: auto; | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| p { | |
| display: inline-block; | |
| color: #605f5f; | |
| font-size: 2.3em; | |
| font-weight: 400; | |
| padding-left: 0.5em; | |
| width: 60%; | |
| @media (max-width: $media-breakpoint-mid) { | |
| font-size: 1.9em; | |
| padding-left: 0.5em; | |
| width: 60%; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| font-size: 1.5em; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-left: 0; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| padding-left: 0; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| .box-title { | |
| img { | |
| max-width: 60px; | |
| @media (max-width: $media-breakpoint-small) { | |
| min-width: 60px; | |
| } | |
| } | |
| } | |
| padding: 50px 0; | |
| a { | |
| text-align: center; | |
| } | |
| .box-ubicacion { | |
| text-align: center; | |
| padding-bottom: 20px; | |
| padding-top: 0; | |
| margin: 0 auto; | |
| width: 100%; | |
| p { | |
| min-width: 5em; | |
| text-align: left; | |
| } | |
| } | |
| } | |
| } | |
| //noinspection CssUnknownTarget | |
| #pensamiento { | |
| background-image: url("[[pix:theme|banner_pensamiento]]"); | |
| padding-bottom: 1em; | |
| h2 { | |
| padding: 1em 1em; | |
| text-align: center; | |
| font-size: 3em; | |
| color: #ffffff; | |
| font-weight: 300; | |
| width: 100%; | |
| margin: auto; | |
| font-style: oblique; | |
| b { | |
| font-weight: 600; | |
| } | |
| } | |
| p { | |
| text-align: center; | |
| padding-top: 20px; | |
| color: #ffffff; | |
| font-weight: 600; | |
| font-size: 24px; | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| h2 { | |
| padding: 0; | |
| width: 100%; | |
| font-size: 2em; | |
| } | |
| } | |
| } | |
| } | |
| /*css escuelas*/ | |
| .mb-5 { | |
| margin-bottom: 5rem; | |
| } | |
| .mb-3 { | |
| margin-bottom: 3rem; | |
| } | |
| .mb-1 { | |
| margin-bottom: 1rem; | |
| } | |
| #page-escuela { | |
| padding-top: 50px; | |
| h4 { | |
| color: $color_azul; | |
| font-style: oblique; | |
| font-weight: normal; | |
| } | |
| .box-img-lider { | |
| text-align: center; | |
| img { | |
| width: 100%; | |
| } | |
| } | |
| ul { | |
| padding-left: 1.5rem; | |
| margin-bottom: 0 !important; | |
| } | |
| ul.align-left { | |
| padding-left: 3.5rem; | |
| } | |
| .box-title { | |
| h2 { | |
| color: #ffc633 !important; | |
| } | |
| img { | |
| width: 80%; | |
| height: auto; | |
| @media (max-width: $media-breakpoint-mid) { | |
| width: 300px; | |
| } | |
| } | |
| } | |
| h2.space { | |
| margin-top: 3rem; | |
| } | |
| h2 { | |
| color: $color-naranja; | |
| font-weight: 300; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-top: 0; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| padding-top: 0; | |
| } | |
| } | |
| .border { | |
| border-bottom: solid 1px #d2cdcd; | |
| margin-bottom: 2rem; | |
| margin-top: 2.5rem; | |
| padding-bottom: 1rem; | |
| } | |
| .text { | |
| font-size: 18px; | |
| color: #5d5c5c; | |
| @media (max-width: $media-breakpoint-small) { | |
| font-size: 16px; | |
| } | |
| } | |
| .box-beneficios { | |
| padding: 25px 25px 0 0; | |
| display: inline-block; | |
| img { | |
| display: inline-block; | |
| width: 70%; | |
| padding-bottom: 25px; | |
| } | |
| p { | |
| font-size: 18px; | |
| line-height: 24px; | |
| padding-right: 27px; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| padding: 15px; | |
| text-align: center; | |
| img { | |
| width: 200px; | |
| } | |
| p { | |
| font-size: 16px; | |
| padding-right: 0; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding: 15px; | |
| text-align: center; | |
| img { | |
| width: 200px; | |
| } | |
| p { | |
| font-size: 16px; | |
| padding-right: 0; | |
| } | |
| } | |
| } | |
| .detalle-requisitos { | |
| padding-left: 1rem; | |
| color: #00b2d5; | |
| font-size: 18px; | |
| font-weight: 600; | |
| h4 { | |
| font-size: 1.3rem; | |
| display: inline; | |
| } | |
| p { | |
| font-size: 16px; | |
| display: inline; | |
| color: gray !important; | |
| font-weight: 300; | |
| } | |
| } | |
| .botonera_conferencia { | |
| width: 35%; | |
| display: inline-block; | |
| margin: 20px 0; | |
| @media (max-width: $media-breakpoint-mid) { | |
| width: 100%; | |
| text-align: center; | |
| } | |
| } | |
| .botonera { | |
| display: inline-block; | |
| margin: 20px 0; | |
| @media (max-width: $media-breakpoint-mid) { | |
| width: 100%; | |
| text-align: center; | |
| } | |
| } | |
| .lineamientos { | |
| padding: 20px 0; | |
| .vineta { | |
| width: 5px; | |
| height: 5px; | |
| background-color: #00b2d5; | |
| border-radius: 50%; | |
| display: inline-block; | |
| vertical-align: top; | |
| margin-top: 5px; | |
| } | |
| .text_vineta { | |
| width: 90%; | |
| display: inline-block; | |
| padding-left: 10px; | |
| vertical-align: top; | |
| } | |
| } | |
| } | |
| #page-enrol-index.format-library { | |
| #maincontent + h2 { | |
| display: none; | |
| } | |
| .info { | |
| display: none; | |
| } | |
| .btn-primary { | |
| background-color: $color-naranja; | |
| background-image: url("[[pix:theme|btn_hand]]"); | |
| background-position: 42px; | |
| background-repeat: no-repeat; | |
| background-size: 35px; | |
| display: inline-block; | |
| border-radius: 5px; | |
| min-width: 300px; | |
| min-height: 55px; | |
| text-align: center; | |
| font-size: 16px; | |
| font-weight: 500; | |
| vertical-align: top; | |
| color: #fff; | |
| padding-top: 8px; | |
| margin-left: calc(18%); | |
| border-color: $color-naranja; | |
| padding-left: 4em; | |
| } | |
| } | |
| #library { | |
| .box-title { | |
| h2 { | |
| color: #ffb81c; | |
| } | |
| p { | |
| color: #848383; | |
| } | |
| } | |
| .library-welcome { | |
| h3 { | |
| color: $color-naranja; | |
| margin-bottom: 1.5em; | |
| } | |
| p { | |
| font-size: 1.2em; | |
| line-height: 1.2em; | |
| margin-bottom: 2.5em; | |
| } | |
| h4 { | |
| color: $color-naranja; | |
| margin-bottom: 1.5em; | |
| font-weight: 400; | |
| margin-top: 1.5em; | |
| line-height: 1.2em; | |
| } | |
| } | |
| .letter-dashboard { | |
| text-align: center; | |
| padding-bottom: 3em; | |
| .alfabeto { | |
| display: inline-block; | |
| margin-bottom: 1.5em; | |
| text-align: center; | |
| b { | |
| color: $color-naranja; | |
| } | |
| } | |
| .chrIndex { | |
| font-size: 2.2em; | |
| margin-right: 1.5em; | |
| text-decoration: underline; | |
| color: #515151; | |
| font-weight: 200; | |
| &.active { | |
| color: $color-naranja; | |
| } | |
| } | |
| } | |
| .input-group { | |
| padding-bottom: 2em; | |
| } | |
| .fa { | |
| color: $color-naranja; | |
| font-size: 24px; | |
| } | |
| .form-control { | |
| border: 1px solid $color-naranja; | |
| padding: 1.2rem 1rem; | |
| border-bottom-left-radius: .7rem; | |
| border-top-left-radius: .7rem; | |
| &::placeholder { | |
| font-size: 1.2em; | |
| } | |
| } | |
| .btn-secondary { | |
| border-color: $color-naranja; | |
| padding: 0.73rem 1rem; | |
| border-bottom-right-radius: .7rem; | |
| border-top-right-radius: .7rem; | |
| } | |
| .btn-secondary:hover { | |
| background-color: #ffffff; | |
| } | |
| .instancename { | |
| a { | |
| color: #515151; | |
| font-size: 1.2em; | |
| display: inline-block; | |
| width: calc(100% - 45px); | |
| vertical-align: top; | |
| } | |
| a:hover { | |
| color: darken(#515151, 10%); | |
| } | |
| } | |
| .navi { | |
| li:first-child { | |
| border-left: none; | |
| } | |
| .page-item { | |
| line-height: 1em; | |
| } | |
| .page-item .page-link { | |
| border-right: none; | |
| border-bottom: none; | |
| border-top: none; | |
| border-left: 1px solid #d6d6d6; | |
| padding-left: 1rem; | |
| color: #ff4f10; | |
| font-size: 1.5em; | |
| } | |
| .page-item .page-link:active { | |
| color: #ff4f10; | |
| background-color: transparent; | |
| text-decoration: underline; | |
| font-weight: 700; | |
| } | |
| .page-item .page-link:hover { | |
| background-color: transparent; | |
| } | |
| .page-item .page-link:focus { | |
| background-color: transparent; | |
| } | |
| } | |
| } | |
| /*linea de carrera*/ | |
| //noinspection CssUnknownTarget | |
| #linea-carrera { | |
| background-image: url("[[pix:theme|banner_linea_carrera]]"); | |
| padding: 60px 0 1em; | |
| .pd-btn { | |
| padding-bottom: 30px; | |
| } | |
| .box-title { | |
| p { | |
| color: #ffffff; | |
| font-size: 20px; | |
| font-style: normal; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding: 20px 0; | |
| } | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-bottom: 20px; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| padding-bottom: 20px; | |
| } | |
| } | |
| .btn-descargar-carrera { | |
| padding: 70px 0 80px 0; | |
| margin-top: 2rem; | |
| } | |
| /*perfil*/ | |
| #perfil { | |
| .box-title { | |
| h2 { | |
| color: #ffb81c; | |
| } | |
| } | |
| } | |
| .box-perfil { | |
| text-align: center; | |
| .foto-perfil { | |
| padding-bottom: 20px; | |
| img { | |
| width: 100%; | |
| border: solid 5px $color-celeste; | |
| border-radius: 100%; | |
| max-width: 200px; | |
| } | |
| } | |
| a { | |
| font-size: 16px; | |
| font-weight: 600; | |
| text-decoration: underline; | |
| color: $color-naranja; | |
| } | |
| } | |
| .descripcion-perfil { | |
| h4 { | |
| color: #00b2d5; | |
| font-weight: 600; | |
| margin: 0; | |
| &.changePassword { | |
| font-weight: 400; | |
| margin-bottom: 1em; | |
| } | |
| } | |
| p { | |
| color: #848383; | |
| font-size: 1.2em; | |
| font-weight: bold; | |
| padding-bottom: 10px; | |
| } | |
| .formulario { | |
| padding: 10px 100px 0 0; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding: 0; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| padding: 0; | |
| } | |
| } | |
| .custom-date { | |
| margin-top: 0.5rem; | |
| margin-bottom: 1.5rem; | |
| .custom-select { | |
| padding: 0.8rem 5rem 0.75rem 0.75rem; | |
| border: 1px solid #ff4f10; | |
| border-radius: .35rem; | |
| margin-right: 0.8rem; | |
| color: #3a3a3a; | |
| font-size: 1.2rem; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding: .675rem 2.85rem .675rem .99rem; | |
| margin-right: .19rem; | |
| } | |
| } | |
| } | |
| .form-admin { | |
| margin-top: 5px; | |
| display: block; | |
| width: 100%; | |
| padding: 1rem 1rem; | |
| font-size: 1.2rem; | |
| line-height: 1.25; | |
| border: 1px solid $color-naranja; | |
| background: #fff none; | |
| margin-bottom: 20px; | |
| border-radius: 10px; | |
| max-width: 400px; | |
| &input { | |
| color: $color-texto; | |
| &::placeholder { | |
| color: #989898; | |
| } | |
| } | |
| } | |
| .cerrar { | |
| padding-top: 25px; | |
| a { | |
| color: $color-naranja; | |
| font-size: 16px; | |
| text-decoration: underline; | |
| } | |
| } | |
| } | |
| /*----------*/ | |
| /*--h2 para bcp administracion de modulos*/ | |
| .color-naranja { | |
| color: $color-naranja; | |
| } | |
| .color-azul { | |
| color: $color-azul; | |
| } | |
| .color-turquesa { | |
| color: $color-turquesa; | |
| } | |
| .colo-celeste { | |
| color: $color-celeste; | |
| } | |
| .btn-bcp { | |
| font-weight: 600; | |
| &.return { | |
| color: #585858; | |
| } | |
| } | |
| /*--margin top*/ | |
| .mtop { | |
| margin-top: 1em; | |
| } | |
| .bcp-button-group { | |
| margin-top: 2rem; | |
| a { | |
| margin-right: 5px; | |
| } | |
| a:last-child { | |
| margin-right: 0; | |
| } | |
| button { | |
| margin-right: 5px; | |
| } | |
| button:last-child { | |
| margin-right: 0; | |
| } | |
| } | |
| .bcp-upper-select { | |
| text-transform: uppercase; | |
| font-size: .8em; | |
| } | |
| .form-bcp { | |
| label { | |
| font-weight: 500; | |
| } | |
| label.bcp-upper-label { | |
| text-transform: uppercase; | |
| font-size: 0.8em; | |
| font-weight: 500; | |
| } | |
| p.bcp-subtitle { | |
| font-size: 1.2em; | |
| font-weight: 500; | |
| margin-bottom: 0.3em; | |
| color: $color-negro-90; | |
| } | |
| } | |
| .padding-0 { | |
| padding: 0; | |
| } | |
| .bcp-file-link { | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| font-size: 0.9em; | |
| font-weight: 500; | |
| } | |
| /*----------*/ | |
| /*--style tabla reporte curso*/ | |
| .style-table { | |
| -webkit-box-shadow: 5px 5px 5px 2px #D6D6D6; | |
| box-shadow: 5px 5px 5px 2px #D6D6D6; | |
| background-color: #ffffff; | |
| border-collapse: collapse; | |
| padding: 10px 25px; | |
| tr { | |
| display: table-row; | |
| text-align: center; | |
| .border-bottom { | |
| border-bottom: solid 1px #d6d6d6; | |
| } | |
| .border-bottom-fin { | |
| border-bottom: none; | |
| } | |
| .border-none { | |
| border-bottom: none; | |
| width: 50px; | |
| @media (max-width: $media-breakpoint-small) { | |
| width: 0; | |
| } | |
| } | |
| th { | |
| text-align: center; | |
| } | |
| .editar { | |
| color: $color-azul; | |
| font-size: 1.2em; | |
| } | |
| .editar:hover { | |
| color: $color-celeste; | |
| } | |
| .eliminar { | |
| color: #ff8214; | |
| padding-left: 10px; | |
| font-size: 1.2em; | |
| } | |
| .eliminar:hover { | |
| color: $color-naranja; | |
| } | |
| } | |
| tbody { | |
| display: table-row-group; | |
| } | |
| } | |
| #confirmationModal { | |
| .modal-content { | |
| background-color: #080a69; | |
| color: #fff; | |
| padding: 40px 30px; | |
| border-radius: 20px; | |
| box-shadow: 0 0 35px 1px rgba(0, 0, 0, .75); | |
| } | |
| .modal-title { | |
| text-align: center; | |
| } | |
| .modal-dialog { | |
| max-width: 700px; | |
| padding-top: 3em; | |
| } | |
| .close { | |
| width: 50px; | |
| height: 50px; | |
| background-color: #ff4f10; | |
| float: right; | |
| border-radius: 50%; | |
| color: white; | |
| font-weight: 600; | |
| opacity: 1; | |
| font-size: 25px; | |
| } | |
| .modal-header { | |
| border-bottom: none; | |
| h2 { | |
| font-size: 3em; | |
| } | |
| } | |
| .modal-footer { | |
| text-align: center; | |
| border-top: none; | |
| } | |
| //noinspection CssUnknownTarget | |
| .img_modal { | |
| width: 50%; | |
| height: 5em; | |
| -webkit-background-size: cover; | |
| background-size: cover; | |
| background: url("[[pix:theme|keyIcon]]") no-repeat; | |
| margin: 2rem auto; | |
| text-align: center; | |
| background-position-x: 50%; | |
| } | |
| } | |
| /*---------------*/ | |
| #page-mod-scorm-player { | |
| h2, | |
| h3 { | |
| color: $color-naranja; | |
| font-weight: 300; | |
| } | |
| .quizattempt { | |
| .btn-secondary { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| } | |
| } | |
| } | |
| #page-mod-page-view { | |
| h2, | |
| h3 { | |
| color: $color-naranja; | |
| font-weight: 300; | |
| } | |
| .quizattempt { | |
| .btn-secondary { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| } | |
| } | |
| } | |
| .path-mod-quiz, .path-mod-questionnaire { | |
| &#page-mod-quiz-view, | |
| &#page-mod-quiz-summary, | |
| &#page-mod-questionnaire-view { | |
| h2 { | |
| color: $color-naranja; | |
| font-weight: 300; | |
| @media (max-width: $media-breakpoint-mid) { | |
| font-size: 1.5rem; | |
| } | |
| } | |
| .submitbtns .btn-secondary { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| } | |
| .quizattempt { | |
| .btn-secondary { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| } | |
| } | |
| .moodle-dialogue-base { | |
| .moodle-dialogue-wrap { | |
| .moodle-dialogue-hd { | |
| .yui3-widget-buttons { | |
| background-color: $color-naranja; | |
| border-radius: 50%; | |
| width: 40px; | |
| height: 40px; | |
| margin-top: 10px; | |
| margin-right: 10px; | |
| button.closebutton { | |
| color: #fff; | |
| line-height: 10px; | |
| opacity: 1; | |
| } | |
| } | |
| } | |
| } | |
| div[id^='moodle-dialogue'] { | |
| background-color: $color-azul; | |
| border-bottom: none; | |
| color: #fff; | |
| .form-group { | |
| color: #fff; | |
| } | |
| .mform fieldset { | |
| border-bottom: none; | |
| } | |
| .btn-primary { | |
| font-size: 1.2rem; | |
| min-width: 180px; | |
| min-height: 44px; | |
| } | |
| .btn-secondary { | |
| font-size: 1.2rem; | |
| min-width: 180px; | |
| min-height: 44px; | |
| margin: 0 auto; | |
| color: white; | |
| font-weight: 400; | |
| border-color: $color-naranja; | |
| background-color: $color-naranja; | |
| border-radius: 10px; | |
| } | |
| } | |
| .moodle-dialogue-content.moodle-dialogue-wrap { | |
| width: 580px !important; | |
| } | |
| .moodle-dialogue.mod_quiz_preflight_popup { | |
| .moodle-dialogue-bd { | |
| .btn-primary { | |
| border-color: $color-naranja; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| &#page-mod-questionnaire-complete { | |
| .message { | |
| border: none; | |
| } | |
| } | |
| .qn-container { | |
| .qn-info { | |
| background: none; | |
| } | |
| } | |
| .qn-content { | |
| .qn-question { | |
| background: none; | |
| } | |
| } | |
| .que { | |
| .info { | |
| display: block; | |
| float: none; | |
| background: none; | |
| border: none; | |
| width: auto; | |
| .no, .state, .grade, .questionflag, .editquestion { | |
| display: inline-block; | |
| margin-right: 1em; | |
| } | |
| } | |
| .content { | |
| margin: auto; | |
| } | |
| .answer { | |
| .icon { | |
| text-align: right; | |
| } | |
| } | |
| } | |
| #mod_quiz_navblock .qnbutton { | |
| &.correct { | |
| .trafficlight { | |
| background: $color-verde; | |
| } | |
| } | |
| &.answersaved { | |
| .trafficlight { | |
| background: $color-azul; | |
| } | |
| } | |
| &.notanswered, &.incorrect { | |
| .trafficlight { | |
| background: red; | |
| } | |
| } | |
| } | |
| &#page-mod-quiz-attempt { | |
| #region-main { | |
| padding-bottom: 3em; | |
| } | |
| [data-region="blocks-column"] { | |
| pointer-events: none; | |
| float: none !important; | |
| } | |
| .submitbtns { | |
| .mod_quiz-prev-nav, .mod_quiz-next-nav { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| color: white; | |
| @media (max-width: $media-breakpoint-mid) { | |
| margin-bottom: 2rem !important; | |
| } | |
| } | |
| .mod_quiz-prev-nav { | |
| background-image: url("[[pix:theme|btn_previous]]"); | |
| background-repeat: no-repeat; | |
| background-size: 35px; | |
| background-position: 34px; | |
| padding-left: 50px; | |
| } | |
| .mod_quiz-next-nav { | |
| padding-left: 50px; | |
| background-image: url("[[pix:theme|btn_next]]"); | |
| background-repeat: no-repeat; | |
| background-size: 35px; | |
| background-position: 34px; | |
| @media (max-width: $media-breakpoint-mid) { | |
| float: none !important; | |
| } | |
| } | |
| } | |
| } | |
| .buttons { | |
| input[type=submit] { | |
| @extend .btn; | |
| @extend .btn-naranja; | |
| } | |
| } | |
| } | |
| #page-mod-questionnaire-complete, | |
| &#page-mod-questionnaire-myreport { | |
| h2 { | |
| margin-bottom: 1rem; | |
| } | |
| h3 { | |
| margin-top: 1rem; | |
| color: $color-naranja; | |
| font-weight: 300; | |
| border-bottom: solid 1px #838383; | |
| } | |
| .qn-container { | |
| .qn-info { | |
| color: #838383; | |
| } | |
| } | |
| } | |
| .titulo-lider { | |
| img { | |
| max-width: 100px; | |
| @media (max-width: $media-breakpoint-small) { | |
| max-width: 65px; | |
| } | |
| } | |
| h2 { | |
| position: relative; | |
| top: 20px; | |
| } | |
| } | |
| .pd-general { | |
| padding: 5rem 0 2rem 0; | |
| } | |
| /*footer*/ | |
| #page-footer { | |
| background-color: #ffffff; | |
| border-top: solid 1px $color-gris2; | |
| } | |
| footer { | |
| background: white; | |
| margin-top: 1px solid $body-bg; | |
| .container-box { | |
| h2 { | |
| color: $color-naranja; | |
| font-size: 20px; | |
| img { | |
| padding-right: 7px; | |
| } | |
| } | |
| a { | |
| color: #545454 !important; | |
| } | |
| p { | |
| color: #545454 !important; | |
| margin-bottom: 0.5rem; | |
| } | |
| } | |
| .legales { | |
| text-align: center; | |
| color: #989898; | |
| font-size: 12px; | |
| } | |
| } | |
| /* media Queries */ | |
| @media (max-width: $media-breakpoint-mid) { | |
| .border-right { | |
| border-right: none; | |
| } | |
| .navbar-nav { | |
| ul { | |
| text-align: center; | |
| } | |
| li { | |
| width: 25%; | |
| padding: 5px 10px; | |
| } | |
| } | |
| #escuelas { | |
| .text { | |
| padding-right: 0; | |
| } | |
| } | |
| #catalogo { | |
| .text-center-min { | |
| text-align: center; | |
| } | |
| .text { | |
| padding-right: 0; | |
| } | |
| } | |
| #emprende { | |
| padding: 50px 0; | |
| .col-md-6 { | |
| padding-bottom: 20px; | |
| img { | |
| display: block; | |
| margin: 0 auto; | |
| } | |
| p { | |
| text-align: center; | |
| width: 100%; | |
| padding-left: 0; | |
| } | |
| } | |
| } | |
| #pensamiento { | |
| padding: 20px; | |
| h2 { | |
| padding: 0; | |
| font-size: 24px; | |
| b { | |
| font-weight: 600; | |
| } | |
| } | |
| } | |
| .container-box { | |
| padding: 0 30px; | |
| } | |
| #perfil { | |
| text-align: center; | |
| } | |
| .btn-action { | |
| padding: 15px 20px 15px 75px; | |
| margin-bottom: 1rem; | |
| } | |
| .pd-left { | |
| padding-left: 0; | |
| } | |
| #perfil-completo { | |
| text-align: center; | |
| } | |
| } | |
| #mod_quiz_navblock { | |
| pointer-events: none!important; | |
| background: none !important; | |
| border: none !important; | |
| .card-text.content { | |
| background: white; | |
| } | |
| .content{ | |
| pointer-events: initial!important; | |
| } | |
| } | |
| #course-all { | |
| .fa { | |
| font-size: inherit; | |
| } | |
| } | |
| #course-all .tab-content { | |
| padding-top: 10px; | |
| } | |
| .nav-inline.nav-blocks li { | |
| border-left: 1px solid $color-gris2; | |
| margin-left: 1rem; | |
| padding-left: 1rem; | |
| line-height: 1em; | |
| &:first-child { | |
| border-left: none; | |
| } | |
| a { | |
| color: $color-naranja; | |
| &:before { | |
| content: "|"; | |
| font-weight: 400; | |
| } | |
| &:last-child { | |
| &:before { | |
| content: none; | |
| } | |
| } | |
| &.active { | |
| color: $color-naranja; | |
| background-color: transparent; | |
| text-decoration: underline; | |
| font-weight: bold; | |
| } | |
| } | |
| } | |
| .bcp .tag-info, .tag-restriccion { | |
| background: rgba(0, 0, 0, .06); | |
| color: $color-texto; | |
| white-space: normal; | |
| max-width: 90%; | |
| border-radius: 5px; | |
| text-align: left; | |
| padding: 0.5em; | |
| font-weight: normal; | |
| line-height: 1.2em; | |
| strong { | |
| font-weight: 500; | |
| font-style: italic; | |
| } | |
| } | |
| .que .formulation { | |
| background-color: #ffffff !important; | |
| border: none; | |
| color: $color-texto; | |
| .prompt { | |
| font-weight: bold; | |
| } | |
| } | |
| .report { | |
| .controls { | |
| margin-top: 2em; | |
| margin-bottom: 2em; | |
| } | |
| } | |
| #page-escuela .box-title .img_title-escuelas { | |
| width: 100%; | |
| max-width: 400px; | |
| } | |
| /** | |
| * Queries | |
| * @media (max-width: $media-breakpoint-mid) {} | |
| * @media (max-width: $media-breakpoint-small) {} | |
| */ | |
| /**estilos de catalogo */ | |
| #menu-catalogo { | |
| .cat-col-left { | |
| } | |
| .cat-col-right { | |
| } | |
| .box-title { | |
| h2 { | |
| font-size: 2.5em; | |
| border-left: none; | |
| padding-left: 0; | |
| margin-left: 0.5rem; | |
| margin-top: 1.5rem; | |
| display: inline; | |
| line-height: 2.5em !important; | |
| .cat-span-title-1 { | |
| color: $color-turquesa; | |
| font-weight: 500; | |
| } | |
| .cat-span-title-2 { | |
| color: $color-azul; | |
| font-weight: 500; | |
| margin-left: .5rem; | |
| } | |
| } | |
| img { | |
| width: 4em; | |
| padding-top: 1em; | |
| } | |
| } | |
| .box_detalle { | |
| padding-bottom: 2em; | |
| .titulo { | |
| padding-bottom: 30px; | |
| border-bottom: solid 1px; | |
| margin-bottom: 30px; | |
| h3 { | |
| color: #ff4f10; | |
| font-weight: 300; | |
| font-size: 36px; | |
| margin: 0; | |
| } | |
| } | |
| .texto { | |
| p { | |
| font-size: 18px; | |
| line-height: 24px; | |
| font-weight: 300; | |
| } | |
| } | |
| .box-content-movil { | |
| padding: 0; | |
| a { | |
| display: block; | |
| width: 100%; | |
| line-height: 95px; | |
| background-color: #fff; | |
| border-bottom: solid 1px #bebebe; | |
| text-decoration: none; | |
| height: 90px; | |
| background-color: #d8f3f8; | |
| .texto { | |
| width: calc(100% - 40px); | |
| display: inline-block; | |
| line-height: 1.4em; | |
| padding-left: 10px; | |
| color: #838383; | |
| font-size: 16px; | |
| text-align: center; | |
| font-weight: 600; | |
| } | |
| .icon-texto { | |
| line-height: 89px; | |
| width: 36px; | |
| box-sizing: border-box; | |
| text-align: center; | |
| display: inline-block; | |
| color: #fff; | |
| font-size: large; | |
| height: 90px; | |
| background-color: #00b2d4; | |
| .fa { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| .tab_categoria > ul li.nav-item { | |
| font-style: italic; | |
| width: 33.33%; | |
| max-width: 33.33%; | |
| min-width: 120px; | |
| flex-shrink: 1; | |
| flex-basis: 0; | |
| display: inline-block; | |
| text-align: center; | |
| border-right: 1px solid white; | |
| margin-left: 0 !important; | |
| @media (max-width: 480px) { | |
| min-width: 80px; | |
| } | |
| a.nav-link { | |
| border-bottom: 1px solid transparent; | |
| background-color: #f0f0f0; | |
| color: #848383; | |
| font-size: 1.1em; | |
| font-weight: 600; | |
| border-radius: 0; | |
| line-height: 1; | |
| height: 61px; | |
| display: flex; | |
| justify-content: center; | |
| flex-direction: column; | |
| } | |
| a.active { | |
| background-color: #ff4f10; | |
| color: #fff; | |
| font-weight: 300; | |
| position: relative; | |
| } | |
| a.active:before { | |
| color: #ff4f10; | |
| text-align: center; | |
| width: 1em; | |
| content: "▼"; | |
| position: absolute; | |
| bottom: -.9em; | |
| font-size: 1.5em; | |
| right: calc(50% - .5em); | |
| z-index: 50; | |
| } | |
| } | |
| .cat-nav-pills { | |
| margin-bottom: 5%; | |
| } | |
| .curso_elegir { | |
| margin-left: 0; | |
| margin-right: 0; | |
| padding: 2rem 0; | |
| border-bottom: solid 1px #bebebe; | |
| .img_catalogo { | |
| width: 100%; | |
| } | |
| .cat-curso-name { | |
| padding-left: 15px; | |
| font-size: 1.15rem; | |
| color: $color-azul; | |
| font-weight: 600; | |
| } | |
| .cat-ico-ingresar { | |
| min-height: 10rem; | |
| border-left: solid 1px #BEBEBE; | |
| .cat-ico-ingresar-inner { | |
| margin: auto; | |
| text-align: center; | |
| } | |
| img { | |
| width: 22px; | |
| } | |
| p { | |
| padding-top: 1.2rem; | |
| font-size: 1.3rem; | |
| } | |
| a { | |
| text-decoration: none; | |
| color: $color-gris-a; | |
| } | |
| a:hover { | |
| color: $color-gris-a-hover; | |
| } | |
| } | |
| } | |
| } | |
| .text-center-lg { | |
| text-align: center; | |
| } | |
| @media (min-width: 820px) { | |
| .cat-aligner-lg { | |
| display: flex; | |
| align-items: center; | |
| justify-content: left; | |
| } | |
| } | |
| @media (max-width: 480px) { | |
| .cat-aligner { | |
| display: inherit !important; | |
| } | |
| .cat-curso-name-xs { | |
| padding-top: 1.5rem; | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| .cat-aligner { | |
| display: flex; | |
| align-items: center; | |
| justify-content: left; | |
| } | |
| .text-center-lg { | |
| text-align: inherit; | |
| } | |
| .cat-aligner-xs { | |
| align-items: end !important; | |
| } | |
| .cat-curso-name-xs { | |
| padding-left: 3px !important; | |
| height: 130px; | |
| } | |
| .pd-0-xs { | |
| padding: 0; | |
| } | |
| .responsive_inline { | |
| display: inline; | |
| } | |
| img.responsive_inline { | |
| width: 20px; | |
| } | |
| p.responsive_inline { | |
| padding-left: 5%; | |
| color: #666666; | |
| } | |
| } | |
| #cat-admin-view { | |
| .cat-table-actions { | |
| border-right: solid 1px #bebebe; | |
| padding-right: .3rem; | |
| &:last-child { | |
| border-right: none; | |
| padding-left: .5rem; | |
| } | |
| a { | |
| text-decoration: none; | |
| } | |
| } | |
| } | |
| /* | |
| Matando cosas | |
| */ | |
| .cat-aligner-img { | |
| position: relative; | |
| overflow: hidden; | |
| width: 175px; | |
| height: 150px; | |
| padding-left: 0; | |
| padding-right: 0; | |
| @media (max-width: 480px) { | |
| width: 100%; | |
| height: 180px; | |
| } | |
| .etiqueta { | |
| position: absolute; | |
| z-index: 200; | |
| background: #00b6d0; | |
| line-height: initial; | |
| height: auto; | |
| color: #fff; | |
| font-weight: 500; | |
| top: 8%; | |
| right: -23px; | |
| width: auto; | |
| padding: .2em 2em; | |
| text-align: center; | |
| bottom: inherit; | |
| border-radius: 0; | |
| font-size: 1em; | |
| transform: rotate(45deg); | |
| } | |
| } | |
| .cat-aligner-item--top { | |
| align-self: flex-start; | |
| } | |
| .cat-aligner-item--bottom { | |
| align-self: flex-end; | |
| } | |
| /**estilos de catalogo responsive */ | |
| .pull-right-xs { | |
| float: right; | |
| right: 81px; | |
| } | |
| .cat-divisor { | |
| width: 1px; | |
| height: 178px; | |
| background: #bebebe; | |
| position: absolute; | |
| top: -85px; | |
| } | |
| #page-local-catalogo-index { | |
| #cat-big-box { | |
| display: none; | |
| [role=main] { | |
| padding-left: 0; | |
| } | |
| } | |
| } | |
| .border-b { | |
| @media (max-width: $media-breakpoint-mid) { | |
| border-bottom: 1px solid #cecece; | |
| } | |
| } | |
| .detail-container.border-right { | |
| @media (max-width: $media-breakpoint-mid) { | |
| min-height: 100px; | |
| padding: 0; | |
| margin-bottom: 1.5rem; | |
| } | |
| } | |
| img.responsive_inline { | |
| width: 20px; | |
| padding-bottom: 0.5rem; | |
| } | |
| p.responsive_inline { | |
| color: #666666; | |
| } | |
| #menu-catalogo-responsive { | |
| .cat-aligner { | |
| display: flex; | |
| justify-content: left; | |
| align-items: end; | |
| } | |
| .cat-title-box { | |
| @media (max-width: 1024px) { | |
| min-width: 440px; | |
| } | |
| } | |
| .cat-col-left { | |
| @media (max-width: 1024px) { | |
| min-width: 50%; | |
| } | |
| } | |
| .cat-col-right { | |
| @media (max-width: 1024px) { | |
| max-width: 50%; | |
| } | |
| } | |
| .box-title { | |
| h2 { | |
| border-left: none; | |
| padding-left: 0; | |
| margin-left: 0.5rem; | |
| margin-top: 1.5rem; | |
| display: block; | |
| .cat-span-title-1 { | |
| color: $color-turquesa; | |
| font-weight: 500; | |
| } | |
| .cat-span-title-2 { | |
| color: $color-azul; | |
| font-weight: 500; | |
| margin-left: .5rem; | |
| } | |
| } | |
| img { | |
| width: 4em; | |
| padding-top: 1em; | |
| } | |
| } | |
| .box_detalle { | |
| padding-bottom: 2em; | |
| padding-top: 2em; | |
| .titulo { | |
| padding-bottom: 30px; | |
| border-bottom: solid 1px; | |
| margin-bottom: 30px; | |
| h3 { | |
| color: #ff4f10; | |
| font-weight: 300; | |
| font-size: 36px; | |
| margin: 0; | |
| } | |
| } | |
| .texto { | |
| p { | |
| font-size: 18px; | |
| line-height: 24px; | |
| font-weight: 300; | |
| } | |
| } | |
| .progress-wrapper { | |
| border-top: 1px solid #cecece; | |
| } | |
| } | |
| .tab_categoria > ul li.nav-item { | |
| font-style: italic; | |
| width: 33.33%; | |
| max-width: 33.33%; | |
| height: 50px; | |
| min-height: 70px; | |
| min-width: 120px; | |
| flex-shrink: 1; | |
| flex-basis: 0; | |
| display: inline-block; | |
| text-align: center; | |
| border-right: 1px solid white; | |
| margin-left: 0 !important; | |
| a.nav-link { | |
| border-bottom: 1px solid transparent; | |
| background-color: #f0f0f0; | |
| color: #848383; | |
| font-size: 1.06em; | |
| font-weight: 600; | |
| border-radius: 0; | |
| line-height: 1; | |
| height: 61px; | |
| display: flex; | |
| justify-content: center; | |
| flex-direction: column; | |
| } | |
| a.active { | |
| background-color: #ff4f10; | |
| color: #fff; | |
| font-weight: 300; | |
| position: relative; | |
| } | |
| a.active:before { | |
| color: #ff4f10; | |
| text-align: center; | |
| width: 1em; | |
| content: "▼"; | |
| position: absolute; | |
| bottom: -.9em; | |
| font-size: 1.5em; | |
| right: calc(50% - .5em); | |
| z-index: 50; | |
| } | |
| } | |
| .curso_elegir { | |
| margin-left: 0; | |
| margin-right: 0; | |
| margin-top: 20px; | |
| padding: 2rem 0; | |
| border-bottom: solid 1px #bebebe; | |
| .img_catalogo { | |
| width: 100%; | |
| } | |
| .cat-curso-name { | |
| padding-left: 0; | |
| font-size: 1.15rem; | |
| color: $color-azul; | |
| font-weight: 700; | |
| height: 97px; | |
| } | |
| .cat-ico-ingresar { | |
| min-height: 10rem; | |
| border-left: solid 1px #BEBEBE; | |
| .cat-ico-ingresar-inner { | |
| margin: auto; | |
| padding-top: 13px; | |
| text-align: center; | |
| } | |
| img { | |
| width: 22px; | |
| } | |
| p { | |
| padding-top: 1.2rem; | |
| font-size: 1.3rem; | |
| } | |
| a { | |
| text-decoration: none; | |
| color: $color-gris-a; | |
| } | |
| a:hover { | |
| color: $color-gris-a-hover; | |
| } | |
| } | |
| } | |
| @media (max-width: $media-breakpoint-mid) { | |
| display: block; | |
| } | |
| } | |
| #back-to-top { | |
| position: fixed; | |
| bottom: 6%; | |
| right: 39px; | |
| color: white; | |
| background-color: #ff4f10 !important; | |
| border: 1px solid #ff4f10; | |
| border-radius: 4px !important; | |
| padding: 0.5rem 1.2rem; | |
| display: none; | |
| } | |
| #page-my-index, | |
| &#page-local-perfil-index { | |
| .btn-action { | |
| @media (max-width: 780px) { | |
| padding: 15px 20px 15px 20px !important; | |
| min-width: 200px !important; | |
| text-align: center; | |
| } | |
| } | |
| [role=main] { | |
| padding-left: 0rem !important; | |
| } | |
| } | |
| .drop.minorista { | |
| display: inline-block; | |
| @media (max-width: $media-breakpoint-mid) { | |
| padding-right: 0rem; | |
| margin-bottom: 3rem; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| padding-right: 0rem; | |
| width: 100%; | |
| margin-bottom: 3rem; | |
| } | |
| .icon_drop { | |
| background-image: url(/theme/image.php/campusbcp/theme/1513173014/arrow_linea_carrera); | |
| background-repeat: no-repeat; | |
| -webkit-background-size: contain; | |
| background-size: contain; | |
| width: 37px; | |
| height: 38px; | |
| margin-top: 0px; | |
| display: inline-block; | |
| background-position-y: center; | |
| text-align: center; | |
| border-left: solid 1px white; | |
| } | |
| .style_select { | |
| min-width: 300px; | |
| background-color: #ff4f10 !important; | |
| border-color: #ff4f10 #ff4f10 transparent !important; | |
| &:hover { | |
| background-color: #ff4f10 !important; | |
| border-color: #ff4f10 #ff4f10 transparent !important; | |
| padding-top: 8px; | |
| } | |
| &:active { | |
| background-color: #ff4f10 !important; | |
| border-color: #ff4f10 #ff4f10 transparent !important; | |
| } | |
| &:focus { | |
| background-color: #ff4f10 !important; | |
| border-color: #ff4f10 #ff4f10 transparent !important; | |
| } | |
| @media (max-width: $media-breakpoint-small) { | |
| width: 100%; | |
| } | |
| } | |
| .text_icon_drop { | |
| width: 84%; | |
| padding-top: 5px; | |
| color: white; | |
| } | |
| .dropdown-menu { | |
| width: 100%; | |
| margin-top: 0.5rem; | |
| } | |
| } | |
| .img-responsive { | |
| width: 100%; | |
| } | |
| .img-modal-catalogo { | |
| margin: 1rem auto; | |
| width: 20%; | |
| display: block; | |
| @media (max-width: $media-breakpoint-small) { | |
| width: 53%; | |
| } | |
| } | |
| #page-mod-scorm-player #scormpage{ | |
| min-height:50vh; | |
| } | |
| .escuela-lider { | |
| background-image: url("[[pix:theme|banner_lider]]")!important; | |
| @media (max-width: $media-breakpoint-small) { | |
| .box-title img { | |
| max-width: 30px; | |
| } | |
| .box-title h2 { | |
| font-size: 1.5em; | |
| } | |
| .box-title p { | |
| font-size: 15px!important; | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment