diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css index 5da3c1961..45b1d7935 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css +++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css @@ -403,9 +403,9 @@ th { display: -ms-flexbox; display: flex; overflow: hidden; - margin-right: 5px; + margin-right: 5px !important; margin-bottom: 5px; - margin-left: 5px; + margin-left: 5px !important; padding: 12px 7px 12px 17px; -webkit-box-pack: justify; -webkit-justify-content: space-between; @@ -421,9 +421,11 @@ th { text-decoration: none; cursor: pointer; border: 1px solid #1e88e5; - padding: 11px 7px 11px 17px; color: #1e88e5; } +.button.shrink { + max-width: 200px; +} img { max-width: 100%; @@ -473,7 +475,7 @@ body { .section { position: relative; - padding-top: 70px; + padding-top: 53px; padding-bottom: 70px; } @@ -693,6 +695,9 @@ body { flex: 0 0 33.3333%; text-align: center; } +.izbira-paketa .section-main .col img.package { + margin-bottom: 20px; +} .izbira-paketa .section-main .col .icon { width: 150px; height: 150px; @@ -851,6 +856,13 @@ body { justify-content: right; } .koraki-spletnega-anketiranja .row.flex-desna .gumb { + margin-top: 30px; + margin-bottom: 20px; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + display: flex; width: 33.3333%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333%; @@ -872,6 +884,13 @@ body { -ms-flex-wrap: wrap; flex-wrap: wrap; } +.pridruzi-se-nam .row .gumb { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + display: flex; +} .pridruzi-se-nam .row .stolpec { padding-right: 25px; padding-left: 25px; @@ -1143,12 +1162,9 @@ body { border-top: 1px solid #333333; margin: 1rem 1rem 0; } -.dva-stolpca .preko-racunov .ostale-prijave .ikona { - margin: 1rem; -} -.dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb { +.dva-stolpca .ikona .gumb { padding-right: 1rem; - background: #333333; + background: #1e88e5; color: #ffffff; padding: 0.5rem 1rem; max-width: 250px; @@ -1157,17 +1173,17 @@ body { cursor: pointer; transition: 0.2s; } -.dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb:hover { - background: #1e88e5; +.dva-stolpca .ikona .gumb:hover { + background: #1970bb; } -.dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb.gumb-aai { +.dva-stolpca .ikona .gumb.gumb-aai { background: #e35205; letter-spacing: 0.5px; } -.dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb.gumb-aai:hover { +.dva-stolpca .ikona .gumb.gumb-aai:hover { background: #fa6c21; } -.dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb img { +.dva-stolpca .ikona .gumb img { height: 1.6rem; width: 52px; padding-right: 1rem; @@ -1196,6 +1212,19 @@ body { } .dva-stolpca .intro-modal .besedilo { min-height: 100px; + color: #535050; + font-size: 16px; + line-height: 160%; +} +.dva-stolpca .intro-modal .submit-btn { + margin-top: 3px; + margin-bottom: 27px; + padding: 14px 49px; + font-weight: 600; + text-transform: uppercase; +} +.dva-stolpca .intro-modal .submit-btn span { + justify-content: center; } .dva-stolpca .intro-modal .w-button { width: 100%; @@ -1211,10 +1240,10 @@ body { } .dva-stolpca .intro-modal.intro-aai { padding-right: 1rem; - border-right: 1px solid #333333; + border-right: 1px solid #d1d1d1; width: 100%; } -.dva-stolpca .intro-modal.intro-aai h4 { +.dva-stolpca .intro-modal.intro-aai .text-arnes { color: #e35205; margin-bottom: 0; } @@ -1605,6 +1634,17 @@ input.error-field { bottom: auto; z-index: 140; background-color: #fff; + /* .container { + -webkit-transition: all 1200ms linear; + -moz-transition: all 1200ms linear; + -o-transition: all 1200ms linear; + -ms-transition: all 1200ms linear; + transition: all 1200ms linear; + + &.hide{ + height: 0; + } + } */ } .nav-menu .logo { display: block; @@ -1655,6 +1695,7 @@ input.error-field { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; + list-style: none; } .nav-menu .block-menu .list-elementi .nav-li a { display: block; @@ -1744,6 +1785,7 @@ input.error-field { .sidebar_menu ul li { padding: 0px; margin: 0px; + list-style: none; } .sidebar_menu ul li:hover { color: #0082ff; @@ -1765,9 +1807,22 @@ input.error-field { text-decoration: none; text-transform: none; } +.sidebar_menu ul li a.is-active { + color: #0082ff; +} .sidebar_menu ul li a:hover { color: #0082ff; } +.sidebar_menu ul.menu-1ka li a { + margin-top: 10px; + text-transform: uppercase; + font-weight: 600; +} +.sidebar_menu ul.menu-1ka ul.menu li a { + margin-top: 0px; + text-transform: none; + font-weight: 400; +} a { color: #1e88e5; @@ -4368,6 +4423,11 @@ p { font-weight: 600; text-decoration: none; cursor: pointer; + -webkit-transition: background-color 200ms linear; + -moz-transition: background-color 200ms linear; + -o-transition: background-color 200ms linear; + -ms-transition: background-color 200ms linear; + transition: background-color 200ms linear; } .button:hover { @@ -4398,6 +4458,7 @@ p { .button.main-button:hover { color: #fff; + background-color: #0040A9; } .secondary-button { @@ -4405,12 +4466,19 @@ p { padding: 11px 7px 11px 17px; color: #1e88e5; } +.secondary-button:hover { + background-color: #1e88e5; + color: #fff; +} +.secondary-button:hover img { + content: url("/tema1ka/svg/icons8-chevron-right-bela.svg"); +} .secondary-button-white { - border: 1px solid #fff; + border: 1px solid #fff !important; width: 196px; padding: 11px 7px 11px 17px; - color: #fff; + color: #fff !important; } .buttons-row .secondary-button-white { @@ -4708,7 +4776,11 @@ p { } .secondary-button-white:hover { - color: #1e88e5; + color: #1e88e5 !important; + background-color: white; +} +.secondary-button-white:hover img { + content: url("/tema1ka/svg/icons8-chevron-right.svg"); } .button-flyin-blue { @@ -4716,7 +4788,12 @@ p { } .main-button-white:hover { + background-color: #1e88e5; color: white; + border: 1px solid #fff; +} +.main-button-white:hover img { + content: url("/tema1ka/svg/icons8-chevron-right-bela.svg"); } .button-flyin.main { @@ -4726,6 +4803,7 @@ p { .testimonial-tile { position: relative; height: 100%; + width: 100%; margin-bottom: 20px; } @@ -4816,6 +4894,7 @@ p { font-size: 16px; line-height: 15px; font-weight: 600; + margin-top: -2px; } .register:hover { @@ -5232,16 +5311,31 @@ p { margin-top: 20px; background-color: #1e88e5; color: #fff; + -webkit-transition: background-color 200ms linear; + -moz-transition: background-color 200ms linear; + -o-transition: background-color 200ms linear; + -ms-transition: background-color 200ms linear; + transition: background-color 200ms linear; +} +.button-pricechart:hover { + background-color: #0040A9; } .button-pricechart.pcb-2 { background-color: #ffc700; color: #333; } +.button-pricechart.pcb-2:hover { + background-color: #1e88e5; + color: #fff; +} .button-pricechart.pcb-3 { background-color: #0040A9; } +.button-pricechart.pcb-3:hover { + background-color: #1e88e5; +} .pricing-icon-outer { display: -webkit-box; @@ -5721,8 +5815,8 @@ p { -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 0px 50% 50% 0%; - background-color: #D4F0FC; - background-image: url("/tema1ka/svg/icons-search-modra.svg"); + background-color: #1e88e5; + background-image: url("/tema1ka/svg/icons-search-bela.svg"); background-position: 50% 50%; background-size: 20px 20px; background-repeat: no-repeat; @@ -6282,11 +6376,6 @@ p { margin-bottom: 57px; } - .login { - border-color: #99f2e1; - background-color: #99f2e1; - } - .div-block-10 { display: block; }