UNPKG

usi-uikit

Version:

usi uikit npm package

1 lines 12.1 kB
.horizontal_calendar{padding-top:1.25rem;border-bottom:2.5rem solid #fff}.horizontal_calendar h2{padding-bottom:1.25rem}.horizontal_calendar .event_day_container{position:relative;border-top-width:1px;border-top-style:solid}@media screen and (max-width:63.9375em){.horizontal_calendar .event_day_container{border-top-width:1px}}.horizontal_calendar .event_infos{padding-top:.625rem;padding-bottom:.625rem;border-top-width:1px;border-top-style:solid}@media screen and (max-width:63.9375em){.horizontal_calendar .event_infos{border-top-width:1px}}.horizontal_calendar .topline{border-top-width:3px;border-top-style:solid;padding-top:.625rem;border-color:#fff;margin-top:1.25rem}@media screen and (max-width:63.9375em){.horizontal_calendar .topline{border-top-width:2px}}.horizontal_calendar .event_date_day{font-size:4.6875rem;line-height:4.6875rem;font-family:standard_ctmedium,Helvetica,sans-serif;padding-top:.625rem;padding-bottom:.625rem}.horizontal_calendar .month{position:absolute;float:right;font-family:standard_ctmedium,Helvetica,sans-serif;top:.625rem;right:0}.horizontal_calendar .slick-dots{bottom:-3.75rem}.horizontal_calendar .complete_link{float:right;position:relative}.vertical_calendar{position:fixed;z-index:200;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:41.66667%;height:100%;top:0;right:0;-webkit-transform:translate(100%);transform:translate(100%);padding-left:1.875rem;padding-right:1.875rem;overflow-y:scroll;background-color:#222;color:#fff}.vertical_calendar+.shade{position:fixed;opacity:0;top:-100%;left:0;width:100%;height:100%;z-index:199;background-color:hsla(0,0%,100%,.8);transition:opacity .3s linear,top .6s steps(1)}.vertical_calendar.open{-webkit-transform:translate(0);transform:translate(0)}.vertical_calendar.open+.shade{opacity:1;top:0;transition:opacity .3s linear,top 0ms steps(1)}.vertical_calendar a{color:#fff}.vertical_calendar p{padding-top:.625rem}.vertical_calendar .title{font-size:4.6875rem;line-height:4.6875rem;font-family:standard_ctmedium,Helvetica,sans-serif;border-bottom-width:1px;border-bottom-style:solid;padding-top:2.5rem;padding-bottom:3.75rem}@media screen and (max-width:63.9375em){.vertical_calendar .title{border-bottom-width:1px}}.vertical_calendar .close_calendar{padding-top:.625rem;float:right}.vertical_calendar .date_container{border-top-width:1px;border-top-style:solid;max-width:6250rem;margin-left:auto;margin-right:auto}@media screen and (max-width:63.9375em){.vertical_calendar .date_container{border-top-width:1px}}.vertical_calendar .date_container:after,.vertical_calendar .date_container:before{content:" ";display:table}.vertical_calendar .date_container:after{clear:both}.vertical_calendar .day{width:20%;float:left;padding-left:.625rem;padding-right:.625rem;padding-bottom:1.25rem;font-size:4.6875rem;line-height:4.6875rem;font-family:standard_ctmedium,Helvetica,sans-serif;padding-left:0!important}@media screen and (min-width:48em){.vertical_calendar .day{padding-left:.9375rem;padding-right:.9375rem}}.vertical_calendar .smartphone_day{display:none}.vertical_calendar .month{width:20%;float:left;padding-left:.625rem;padding-right:.625rem;padding-top:.625rem;font-family:standard_ctmedium,Helvetica,sans-serif}@media screen and (min-width:48em){.vertical_calendar .month{padding-left:.9375rem;padding-right:.9375rem}}.vertical_calendar .events{width:60%;float:left;padding-left:.625rem;padding-right:.625rem;padding-right:0!important}@media screen and (min-width:48em){.vertical_calendar .events{padding-left:.9375rem;padding-right:.9375rem}}.vertical_calendar .event{padding-bottom:1.25rem;border-top-width:1px;border-top-style:solid}@media screen and (max-width:63.9375em){.vertical_calendar .event{border-top-width:1px}}.vertical_calendar .event:first-child{border-top-width:0}.vertical_calendar .complete_link_v{border-top-width:1px;border-top-style:solid;padding-top:.625rem;padding-bottom:3.75rem}@media screen and (max-width:63.9375em){.vertical_calendar .complete_link_v{border-top-width:1px}}@media screen and (min-width:48em) and (max-width:63.9375em){.vertical_calendar{position:fixed;z-index:200;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:66.66667%;height:100%;top:0;right:0;-webkit-transform:translate(100%);transform:translate(100%)}.vertical_calendar+.shade{position:fixed;opacity:0;top:-100%;left:0;width:100%;height:100%;z-index:199;background-color:hsla(0,0%,100%,.8);transition:opacity .3s linear,top .6s steps(1)}.vertical_calendar.open{-webkit-transform:translate(0);transform:translate(0)}.vertical_calendar.open+.shade{opacity:1;top:0;transition:opacity .3s linear,top 0ms steps(1)}.vertical_calendar .title{border-bottom-width:24px;border-bottom-style:solid}}@media screen and (min-width:48em) and (max-width:63.9375em) and (max-width:63.9375em){.vertical_calendar .title{border-bottom-width:16px}}@media screen and (max-width:47.9375em){.vertical_calendar{position:fixed;z-index:200;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%;height:100%;top:0;right:0;-webkit-transform:translate(100%);transform:translate(100%)}.vertical_calendar+.shade{position:fixed;opacity:0;top:-100%;left:0;width:100%;height:100%;z-index:199;background-color:hsla(0,0%,100%,.8);transition:opacity .3s linear,top .6s steps(1)}.vertical_calendar.open{-webkit-transform:translate(0);transform:translate(0)}.vertical_calendar.open+.shade{opacity:1;top:0;transition:opacity .3s linear,top 0ms steps(1)}.vertical_calendar .title{border-bottom-width:24px;border-bottom-style:solid;padding-top:2.5rem;padding-bottom:1.875rem;font-size:2.5rem}}@media screen and (max-width:47.9375em) and (max-width:63.9375em){.vertical_calendar .title{border-bottom-width:16px}}@media screen and (max-width:47.9375em){.vertical_calendar .day,.vertical_calendar .month{display:none}.vertical_calendar .smartphone_day{width:25%;float:left;padding-left:.625rem;padding-right:.625rem;padding-top:.625rem;display:block;font-size:1.25rem;font-family:standard_ctmedium,Helvetica,sans-serif;padding-left:0!important}}@media screen and (max-width:47.9375em) and (min-width:48em){.vertical_calendar .smartphone_day{padding-left:.9375rem;padding-right:.9375rem}}@media screen and (max-width:47.9375em){.vertical_calendar .events{width:75%;float:left;padding-left:.625rem;padding-right:.625rem;font-size:.875rem}}@media screen and (max-width:47.9375em) and (min-width:48em){.vertical_calendar .events{padding-left:.9375rem;padding-right:.9375rem}}.the_faculties .section_item{position:relative}.the_faculties .faculty_link{display:block}.the_faculties .faculty,.the_faculties .texts{float:left;width:100%}.the_faculties .texts:hover .faculty_code,.the_faculties .texts:hover .faculty_name{text-decoration:underline}.the_faculties .texts .column{padding-left:0}.the_faculties .faculty_code{font-size:4.6875rem;line-height:4.6875rem;font-family:standard_ctmedium,Helvetica,sans-serif;text-transform:capitalize}.the_faculties .faculty_name{font-size:.875rem;line-height:1.125rem;font-family:standard_ctmedium,Helvetica,sans-serif}.the_faculties .faculty_element_color{position:absolute;top:0;width:0.46875rem;height:100%}.study_program .title{padding-bottom:1.25rem;font-size:2.5rem;line-height:2.5rem;font-family:standard_ctmedium,Helvetica,sans-serif}.frontpage_news .slider_news{padding-top:1.25rem;padding-bottom:1.875rem}.stories{padding-bottom:3.75rem}.event_filter{width:50%;float:left;padding-left:.625rem;padding-right:.625rem;margin-bottom:1.875rem}@media screen and (min-width:48em){.event_filter{padding-left:.9375rem;padding-right:.9375rem}}.event_filter select{border:none;padding-top:.625rem;padding-bottom:.625rem;border-bottom-width:1px;border-bottom-style:solid;font-size:1.25rem;line-height:1.435rem;font-family:standard_ctmedium,Helvetica,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' width='64' height='64' fill='none' stroke-width='4' stroke='currentcolor'><path d='M10 26 L32 48 L54 26' /></svg>");background-repeat:no-repeat;background-size:1.875rem;padding-right:1.875rem;background-position:100%}@media screen and (max-width:63.9375em){.event_filter select{border-bottom-width:1px}}.event_filter select:focus{outline:none}.event_filter select option{font-size:1.25rem;line-height:1.435rem;font-family:standard_ct_lightlight,Helvetica,sans-serif}.event_search{width:50%;float:left;padding-left:.625rem;padding-right:.625rem;font-size:1.25rem;line-height:1.435rem;font-family:standard_ctmedium,Helvetica,sans-serif;margin:0;margin-top:-.375rem}@media screen and (min-width:48em){.event_search{padding-left:.9375rem;padding-right:.9375rem}}@media screen and (min-width:64em){.event_filter{width:22.22222%}}.event_calendar{width:75%;border-top-width:1px;border-top-style:solid}@media screen and (max-width:63.9375em){.event_calendar{border-top-width:1px;width:100%}}.event_calendar .day{padding-bottom:1.25rem;width:11.11111%;float:left;padding-left:.625rem;padding-right:.625rem;font-size:4.6875rem;line-height:4.6875rem;font-family:standard_ctmedium,Helvetica,sans-serif}@media screen and (min-width:48em){.event_calendar .day{padding-left:.9375rem;padding-right:.9375rem}}@media screen and (min-width:48em) and (max-width:63.9375em){.event_calendar .day{font-size:2.5rem;line-height:2.5rem}}@media screen and (max-width:47.9375em){.event_calendar .day{display:none}}.event_calendar .month{width:11.11111%;float:left;padding-left:.625rem;padding-right:.625rem;padding-top:.625rem;font-family:standard_ctmedium,Helvetica,sans-serif;font-size:1rem;line-height:1.25rem}@media screen and (min-width:48em){.event_calendar .month{padding-left:.9375rem;padding-right:.9375rem}}@media screen and (max-width:47.9375em){.event_calendar .month{display:none}}.event_calendar .daymonth-smartphone{display:none}@media screen and (max-width:47.9375em){.event_calendar .daymonth-smartphone{padding-top:.625rem;width:22.22222%;float:left;padding-left:.625rem;padding-right:.625rem;font-size:1.25rem;line-height:1.435rem;font-family:standard_ctmedium,Helvetica,sans-serif;display:block}}@media screen and (max-width:47.9375em) and (min-width:48em){.event_calendar .daymonth-smartphone{padding-left:.9375rem;padding-right:.9375rem}}.event_calendar .events{width:77.77778%;float:left;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:48em){.event_calendar .events{padding-left:.9375rem;padding-right:.9375rem}}.event_calendar .event{padding-top:.625rem;padding-bottom:1.25rem;border-top-width:1px;border-top-style:solid}@media screen and (max-width:63.9375em){.event_calendar .event{border-top-width:1px}}.event_calendar .event:first-child{border-top-width:0}.events-full .day,.events-full .month{width:8.33333%;float:left;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:48em){.events-full .day,.events-full .month{padding-left:.9375rem;padding-right:.9375rem}}.events-full .events{width:83.33333%;float:left;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:48em){.events-full .events{padding-left:.9375rem;padding-right:.9375rem}}@media screen and (min-width:64em){.events-full .event_filter{width:16.66667%}}.event_calendar.event_calendar_full{width:100%}.event_calendar:first-child{border-top-width:3px;border-top-style:solid}@media screen and (max-width:63.9375em){.event_calendar:first-child{border-top-width:2px}}.pagination{border-top-width:1px;border-top-style:solid;padding-top:.625rem;padding-bottom:.625rem}@media screen and (max-width:63.9375em){.pagination{border-top-width:1px}}.pagination .current{border-bottom-width:3px;border-bottom-style:solid;background:#fff;color:#000;cursor:default}@media screen and (max-width:63.9375em){.pagination .current{border-bottom-width:2px}}.pagination li.pager-current,.pagination li.pager-next,.pagination li.pager-previous{display:inline-block!important}