levi menu, menu, padding, zasebni in skupinski paketi
This commit is contained in:
urospodkriznik
parent
8d46d24899
commit
2d5f42fc84
@ -1118,7 +1118,18 @@ input.error-field {
|
||||
right: 0%;
|
||||
bottom: auto;
|
||||
z-index: 140;
|
||||
background-color: #fff; }
|
||||
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;
|
||||
height: 71px;
|
||||
@ -1164,7 +1175,8 @@ input.error-field {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-flex: 0 0 auto;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto; }
|
||||
flex: 0 0 auto;
|
||||
list-style: none; }
|
||||
.nav-menu .block-menu .list-elementi .nav-li a {
|
||||
display: block;
|
||||
padding-top: 20px;
|
||||
@ -1240,7 +1252,8 @@ input.error-field {
|
||||
color: #0082ff; }
|
||||
.sidebar_menu ul li {
|
||||
padding: 0px;
|
||||
margin: 0px; }
|
||||
margin: 0px;
|
||||
list-style: none; }
|
||||
.sidebar_menu ul li:hover {
|
||||
color: #0082ff; }
|
||||
.sidebar_menu ul li a {
|
||||
@ -1259,8 +1272,18 @@ input.error-field {
|
||||
font-weight: 400;
|
||||
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;
|
||||
@ -3780,13 +3803,20 @@ p {
|
||||
background-color: #1e88e5; }
|
||||
|
||||
.secondary-button-white:hover {
|
||||
color: #1e88e5 !important; }
|
||||
color: #1e88e5 !important;
|
||||
background-color: white; }
|
||||
.secondary-button-white:hover img {
|
||||
content: url("/tema1ka/svg/icons8-chevron-right.svg"); }
|
||||
|
||||
.button-flyin-blue {
|
||||
background-color: #fff; }
|
||||
|
||||
.main-button-white:hover {
|
||||
color: white; }
|
||||
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 {
|
||||
background-color: #004A90; }
|
||||
@ -4244,14 +4274,26 @@ p {
|
||||
bottom: 30px;
|
||||
margin-top: 20px;
|
||||
background-color: #1e88e5;
|
||||
color: #fff; }
|
||||
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;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1321,15 +1321,34 @@ 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;
|
||||
|
||||
&:hover{
|
||||
background-color: #0040A9;
|
||||
}
|
||||
}
|
||||
|
||||
.button-pricechart.pcb-2 {
|
||||
background-color: #ffc700;
|
||||
color: #333;
|
||||
|
||||
&:hover{
|
||||
background-color: #1e88e5;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.button-pricechart.pcb-3 {
|
||||
background-color: #0040A9;
|
||||
|
||||
&:hover{
|
||||
background-color: #1e88e5;
|
||||
}
|
||||
}
|
||||
|
||||
.pricing-icon-outer {
|
||||
|
||||
@ -8,6 +8,17 @@
|
||||
//height: 70px;
|
||||
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;
|
||||
}
|
||||
} */
|
||||
|
||||
.logo{
|
||||
display: block;
|
||||
@ -60,6 +71,7 @@
|
||||
-webkit-flex: 0 0 auto;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
list-style: none;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
@ -78,7 +90,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.menue-2-drop{
|
||||
display: block;
|
||||
|
||||
@ -166,11 +177,11 @@
|
||||
li {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
list-style: none;
|
||||
|
||||
&:hover {
|
||||
color: #0082ff;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
a{
|
||||
-webkit-flex-wrap: wrap;
|
||||
@ -189,6 +200,10 @@
|
||||
text-decoration: none;
|
||||
text-transform: none;
|
||||
|
||||
&.is-active{
|
||||
color: #0082ff;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #0082ff;
|
||||
}
|
||||
@ -196,4 +211,25 @@
|
||||
}
|
||||
}
|
||||
|
||||
ul.menu-1ka{
|
||||
li{
|
||||
a{
|
||||
margin-top: 10px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
ul.menu{
|
||||
li{
|
||||
a{
|
||||
margin-top: 0px;
|
||||
text-transform: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
5566
frontend/drupal9/web/themes/custom/pro1ka/sass/style.css
Normal file
5566
frontend/drupal9/web/themes/custom/pro1ka/sass/style.css
Normal file
File diff suppressed because it is too large
Load Diff
@ -1,9 +1,11 @@
|
||||
@import "normalize";
|
||||
|
||||
@import "bolaric/components";
|
||||
@import "bolaric/1ka";
|
||||
|
||||
// SCSS glavna struktura
|
||||
@import "bacis/basic";
|
||||
@import "components/components";
|
||||
|
||||
@import "bolaric/components";
|
||||
@import "bolaric/1ka";
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,132 @@
|
||||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override to display a menu.
|
||||
*
|
||||
* Available variables:
|
||||
* - menu_name: The machine name of the menu.
|
||||
* - items: A nested list of menu items. Each menu item contains:
|
||||
* - attributes: HTML attributes for the menu item.
|
||||
* - below: The menu item child items.
|
||||
* - title: The menu link title.
|
||||
* - url: The menu link url, instance of \Drupal\Core\Url
|
||||
* - localized_options: Menu link localized options.
|
||||
* - is_expanded: TRUE if the link has visible children within the current
|
||||
* menu tree.
|
||||
* - is_collapsed: TRUE if the link has children within the current menu tree
|
||||
* that are not currently visible.
|
||||
* - in_active_trail: TRUE if the link is in the active trail.
|
||||
*/
|
||||
#}
|
||||
{% import _self as menus %}
|
||||
|
||||
{#
|
||||
We call a macro which calls itself to render the full tree.
|
||||
@see https://twig.symfony.com/doc/1.x/tags/macro.html
|
||||
#}
|
||||
{{ menus.menu_links(items, attributes, 0) }}
|
||||
|
||||
{# DECODE VARIABLES #}
|
||||
{#{{ menus | json_encode(constant('JSON_PRETTY_PRINT')) }}#}
|
||||
|
||||
{% macro menu_links(items, attributes, menu_level) %}
|
||||
{% import _self as menus %}
|
||||
{% if items %}
|
||||
{% if menu_level == 0 %}
|
||||
|
||||
<ul{{ attributes.addClass('list-elementi') }}>
|
||||
{% else %}
|
||||
<ul class="menu w-list-unstyled">
|
||||
{% endif %}
|
||||
|
||||
{% for item in items %}
|
||||
{%
|
||||
set classes = [
|
||||
'nav-li',
|
||||
item.is_expanded ? 'menu-item--expanded menue-2-drop',
|
||||
item.is_collapsed ? 'menu-item--collapsed menue-2-drop',
|
||||
item.in_active_trail ? 'menu-item--active-trail',
|
||||
]
|
||||
%}
|
||||
|
||||
<li{{ item.attributes.addClass(classes) }}>
|
||||
{{ link(item.title, item.url) }}
|
||||
{% if item.below %}
|
||||
{{ menus.menu_links(item.below, attributes, menu_level + 1) }}
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% endmacro %}
|
||||
|
||||
{# <ul role="list" class="list-elementi">#}
|
||||
|
||||
{# <li class="nav-li">#}
|
||||
{# <a href="#" class="navlink">Moje Ankete</a>#}
|
||||
{# </li>#}
|
||||
|
||||
{# <li class="nav-li menue-2-drop">#}
|
||||
{# <a href="#" class="navlink">O 1KA</a>#}
|
||||
{# <ul role="list" class="nav-ul-2 w-list-unstyled">#}
|
||||
{# <li class="nav2-li">#}
|
||||
{# <div class="nav-sub-row">#}
|
||||
{# <div class="nav-col-3">#}
|
||||
{# <a href="#" class="navlink-2 strong">SPLOŠEN OPIS</a>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
{# <div class="nav-sub-row">#}
|
||||
{# <div class="nav-col-3">#}
|
||||
{# <a href="#" class="navlink-2">Lastnosti in prednosti</a>#}
|
||||
{# <a href="#" class="navlink-2">Poslanstvo, vizija in razvoj</a>#}
|
||||
{# <a href="#" class="navlink-2">Mnenja uporabnikov</a>#}
|
||||
{# <a href="#" class="navlink-2">Tipi vprašalnikov</a>#}
|
||||
{# </div>#}
|
||||
{# <div class="nav-col-3">#}
|
||||
{# <a href="#" class="navlink-2">Nivoji uporabnikov</a>#}
|
||||
{# <a href="#" class="navlink-2">Nove funkcionalnosti</a>#}
|
||||
{# <a href="#" class="navlink-2">Primeri večjih projektov</a>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
{# </li>#}
|
||||
{# <li class="nav2-li">#}
|
||||
{# <div class="nav-sub-row toppadding">#}
|
||||
{# <div class="nav-col-3">#}
|
||||
{# <a href="#" class="navlink-2 strong">Aplikacija 1KA</a>#}
|
||||
{# <a href="#" class="navlink-2 strong">Pogoji uporabe 1KA</a>#}
|
||||
{# <a href="#" class="navlink-2 strong">Načini uporabe 1KA</a>#}
|
||||
{# </div>#}
|
||||
{# <div class="nav-col-3">#}
|
||||
{# <a href="#" class="navlink-2 strong">1KA Primeri vprašalnikov</a>#}
|
||||
{# <a href="#" class="navlink-2 strong">Kontakt</a>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
{# </li>#}
|
||||
{# </ul>#}
|
||||
{# </li>#}
|
||||
{# <li class="nav-li">#}
|
||||
{# <a href="#" class="navlink">Pomoč</a>#}
|
||||
{# </li>#}
|
||||
|
||||
{# <li class="nav-li">#}
|
||||
{# <a href="paketi.html" class="navlink">Cenik</a>#}
|
||||
{# </li>#}
|
||||
|
||||
{# <li class="nav-li">#}
|
||||
{# <a href="#" class="navlink">Spletne Ankete</a>#}
|
||||
{# </li>#}
|
||||
|
||||
{# <li class="nav-li">#}
|
||||
{# <a href="#" class="navlink">DSA</a>#}
|
||||
{# </li>#}
|
||||
|
||||
{# <li class="nav-li">#}
|
||||
{# <a href="#" class="navlink">GDPR</a>#}
|
||||
{# </li>#}
|
||||
|
||||
{# <li class="nav-li">#}
|
||||
{# <a href="#" class="navlink">ENG</a>#}
|
||||
{# </li>#}
|
||||
|
||||
{# </ul>#}
|
||||
@ -28,7 +28,6 @@
|
||||
|
||||
{# DECODE VARIABLES #}
|
||||
{#{{ menus | json_encode(constant('JSON_PRETTY_PRINT')) }}#}
|
||||
|
||||
{% macro menu_links(items, attributes, menu_level) %}
|
||||
{% import _self as menus %}
|
||||
{% if items %}
|
||||
|
||||
@ -8,16 +8,16 @@
|
||||
*/
|
||||
#}
|
||||
|
||||
{# HEADER #}
|
||||
{# HEADER
|
||||
{% include '@pro1ka/parts/header.html.twig' %}
|
||||
{# END HEADER #}
|
||||
END HEADER #}
|
||||
|
||||
|
||||
<div class="content">
|
||||
<div class="topnav w-clearfix">
|
||||
<div data-w-id="251a98d8-19f7-4f9a-bc79-92e7e9596d22" data-animation-type="lottie" data-src="documents/icons8-menu-11.json" data-loop="0" data-direction="1" data-autoplay="0" data-is-ix2-target="1" data-renderer="svg" data-default-duration="1.1666666666666667" data-duration="0" class="burger"></div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="">
|
||||
<div class="container">
|
||||
<div class="row pcenter">
|
||||
<div class="vrsta">
|
||||
@ -29,7 +29,7 @@
|
||||
<div class="col">
|
||||
<div data-duration-in="300" data-duration-out="100" class="tabs-pricing w-tabs">
|
||||
<div class="tabs-menu-pricing w-tab-menu">
|
||||
<a data-w-tab="Tab 1" class="tab w-inline-block w-tab-link">
|
||||
<a data-w-tab="Tab 1" href="/d/sl/cenik/zasebni-paketi" class="tab w-inline-block w-tab-link">
|
||||
<div>Posamezniki</div>
|
||||
</a>
|
||||
<a data-w-tab="Tab 2" class="tab w-inline-block w-tab-link w--current">
|
||||
@ -1438,9 +1438,9 @@
|
||||
</div>
|
||||
|
||||
|
||||
{# NOGA #}
|
||||
{# NOGA
|
||||
{% include '@pro1ka/parts/footer.html.twig' %}
|
||||
{# END NOGA #}
|
||||
END NOGA #}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@ -8,16 +8,16 @@
|
||||
*/
|
||||
#}
|
||||
|
||||
{# HEADER #}
|
||||
{# HEADER
|
||||
{% include '@pro1ka/parts/header.html.twig' %}
|
||||
{# END HEADER #}
|
||||
END HEADER #}
|
||||
|
||||
|
||||
<div class="content">
|
||||
<div class="topnav w-clearfix">
|
||||
<div data-w-id="251a98d8-19f7-4f9a-bc79-92e7e9596d22" data-animation-type="lottie" data-src="documents/icons8-menu-11.json" data-loop="0" data-direction="1" data-autoplay="0" data-is-ix2-target="1" data-renderer="svg" data-default-duration="1.1666666666666667" data-duration="0" class="burger"></div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="">
|
||||
<div class="container">
|
||||
<div class="row pcenter">
|
||||
<div class="vrsta">
|
||||
@ -32,7 +32,7 @@
|
||||
<a data-w-tab="Tab 1" class="tab w-inline-block w-tab-link w--current">
|
||||
<div>Posamezniki</div>
|
||||
</a>
|
||||
<a data-w-tab="Tab 2" class="tab w-inline-block w-tab-link">
|
||||
<a data-w-tab="Tab 2" href="/d/sl/cenik/poslovni-paketi" class="tab w-inline-block w-tab-link">
|
||||
<div>Skupine</div>
|
||||
</a>
|
||||
<a data-w-tab="Tab 3" class="tab w-inline-block w-tab-link">
|
||||
@ -1402,9 +1402,9 @@
|
||||
</div>
|
||||
|
||||
|
||||
{# NOGA #}
|
||||
{# NOGA
|
||||
{% include '@pro1ka/parts/footer.html.twig' %}
|
||||
{# END NOGA #}
|
||||
END NOGA #}
|
||||
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user