diff --git a/styles.css b/styles.css index 0139234325cccadf6b68d1ed9b1478dbd2486289..c4b6582fa49734a4e3ded74d68547663b03f6ade 100644 --- a/styles.css +++ b/styles.css @@ -1,269 +1,74 @@ +/* Block itself */ + .btn-career-block { width: 100%; } +/* Path view */ .career-section-title { background-color: #008196; } .career-section-title > h3 { color: #fafafa; - padding: 0.6rem 1rem; + padding: 0.6rem 1rem; } -/*.left { +/* Path settings */ +.left_course_elements, .right_course_elements { + width: 33%; float: left; - }*/ - -/*.img_moodle_course { - max-width: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - display: block; - margin: -1px; - min-height: 64px; - min-width: 64px; - }*/ - -/*.padding_column { - padding: 2rem; - }*/ - -/*.align_center { - display: flex; - justify-content: center; - align-items: center; - }*/ - -/*.button { - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); - }*/ - -/*.img_center { - top: 1rem; - left: 1rem; - }*/ - -/*.img_moodle_list { - max-width: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - border-radius: 50%; - display: block; - margin: -1px; - height: 32px; - width: 32px; - - }*/ - - .left_course_elements, .right_course_elements { - width: 33%; - float: left; - padding: 1%; - color: white; - text-align: center; - -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; - box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; - } - - .left_course_elements { - background: #2d2d2d; - } - - .right_course_elements { - background: #009186; - - } - -/*.title { - font-size: 1.5rem; + padding: 1%; color: white; - padding-bottom: 0.5rem - }*/ - - .middle_elements { - text-align: center; - width: 11%; - float: left; - padding: 1%; - } - -/*#outer-dropzone { - height: 140px; - }*/ - -/*#inner-dropzone { - height: 80px; - }*/ - -/*.dropzone { - background-color: #ccc; - border: dashed 4px transparent; - border-radius: 4px; - margin: 10px auto 30px; - padding: 10px; - width: 80%; - transition: background-color 0.3s; - }*/ - -/*.drop-active { - border-color: #aaa; - }*/ - -/*.drop-target { - background-color: #29e; - border-color: #fff; - border-style: solid; - }*/ - -/*.drag-drop { - display: inline-block; - min-width: 40px; - padding: 2em 0.5em; - - color: #fff; - background-color: #29e; - border: solid 2px #fff; - - -webkit-transform: translate(0px, 0px); - transform: translate(0px, 0px); - - transition: background-color 0.3s; - }*/ - -/*.drag-drop.can-drop { - color: #000; - background-color: #4e4; - }*/ - -/*.textarea:not([rows]) { - max-height: 600px; - min-height: 120px; - }*/ - -/*.textarea { - display: block; - max-width: 99%; - min-width: 99%; - padding: 0.625em; - resize: vertical; - }*/ - -/*.input, .textarea { - -moz-appearance: none; - -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid transparent; - border-top-color: transparent; - border-right-color: transparent; - border-bottom-color: transparent; - border-left-color: transparent; - border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; - background-color: white; - border-color: #dbdbdb; - color: #363636; - -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - margin: 0.5rem; - width: auto; - max-width: 90%; - - }*/ - -/*input[type='file'] { - margin-bottom: 1rem; - padding: 0rem; - background: none; - border: 0px; - box-shadow: none; - }*/ - - .subject-info-box-1, - .subject-info-box-2 { - float: left; - width: 100%; - } + text-align: center; + -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; + box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; +} - .subject-info-box-1 select, - .subject-info-box-2 select { - height: 200px; - padding: 0; - } +.left_course_elements { + background: #2d2d2d; +} - .subject-info-box-1 select option, - .subject-info-box-2 select option { - padding: 4px 10px 4px 10px; - } +.right_course_elements { + background: #009186; - .subject-info-box-1 select option:hover, - .subject-info-box-2 select option:hover { - background: #EEEEEE; - } +} -/*.subject-info-arrows { +.middle_elements { + text-align: center; + width: 11%; float: left; - width: 50%; - margin-left: 25%; - }*/ - -/*.subject-info-arrows input { - width: 70%; - margin-bottom: 5px; - }*/ + padding: 1%; +} - .path-list-edit-link { - position: absolute; - top: 0; - right: 0; - } +.subject-info-box-1, +.subject-info-box-2 { + float: left; + width: 100%; +} - .iena-btn-career-arrow { - padding: 0.5rem; - } +.subject-info-box-1 select, +.subject-info-box-2 select { + height: 200px; + padding: 0; +} -/*.iena-career-description { - background: #EEE; - color: #323232; - padding: 1rem; - clear: both; - margin-bottom: 0, 5rem; - }*/ +.subject-info-box-1 select option, +.subject-info-box-2 select option { + padding: 4px 10px 4px 10px; +} -/*.iena-carrer-path-descr { - border: 1px solid #1587bc; - border-radius: 0.15rem; - background-color: white; - color: #333; - padding: 1rem; - } */ +.subject-info-box-1 select option:hover, +.subject-info-box-2 select option:hover { + background: #EEEEEE; +} -/*.iena-carrer-path-descr a { - color: #1587bc; - margin-top: 1rem; - display: block; - }*/ +.path-list-edit-link { + position: absolute; + top: 0; + right: 0; +} -/*.iena-career-description p, -.iena-carrer-path-descr p { - font-size: initial !important; - }*/ +.iena-btn-career-arrow { + padding: 0.5rem; +}