first commit

web/css/frontend/theme/giallo8/giallo8.css

@@ -0,0 +1,171 @@
+:root 
+{
+	--radius: 0;
+	--radius-top: 0 0 0 0;
+	--radius-bottom: 0 0 0 0;
+	--primary: #F0AA74;
+	--primary_dark: #d38e59;
+}
+
+#nav-menu .navbar-nav > li > a:hover, #nav-menu .navbar-nav > li.dropdown > a:hover, #nav-menu .navbar-nav > li.dropdown:hover > a, #nav-menu .navbar-nav>li.open>a,
+.btn-navbar:not(.collapsed), .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover
+{
+	color: var(--dark);
+}
+
+.homepage-carousel .swiper-slide .caption h3,
+#product-navbar h1, .title h1, .title h2, .title h3,
+#seo h2, footer .list-group .h5,
+.panel-heading,
+.card .nav>li>a,
+.card .product-label h1
+{
+	font-family: 'Oswald', sans-serif;
+	font-weight: 500;
+}
+
+.panel-primary>.panel-heading
+{
+	background-color: transparent;
+	border: none;
+	color: var(--gray-dark);
+}
+
+.panel-heading
+{
+	font-size: 23px;
+	padding: 10px 16px 10px;
+}
+
+.btn-default, .btn-shopping-cart, .btn-light
+{
+	background-color: transparent;
+	border-color: var(--gray-dark);
+}
+
+.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus
+{
+	color: var(--primary);
+	border-color: var(--primary);
+}
+
+.homepage-carousel .swiper-slide .caption.dark h3
+{
+	color: var(--gray-dark);
+}
+
+.homepage-carousel .btn:not(:hover)
+{
+	background-color: var(--gray-dark);	
+	border-color: var(--gray-dark);
+	color: #fff;
+}
+
+.more .dropdown-toggle .icon-bar, #nav-button-menu.collapsed .icon-bar
+{
+	background-color: #fff;
+}
+
+.more.open .dropdown-toggle .icon-bar, #nav-button-menu.collapsed:hover .icon-bar, #nav-button-menu .icon-bar
+{
+	background-color: var(--primary);
+}
+
+#nav-button-shopping-cart .quantity
+{
+	background-color: var(--gray-dark);
+}
+
+footer .navbar-default
+{
+	background-color: #F3F3F3;
+	color: #9B9B9B;
+}
+
+footer .list-group .h5
+{
+	color: var(--gray-dark);
+}
+
+footer .copyright
+{
+	border-color: #dfdfdf;
+}
+
+footer a
+{
+	color: inherit;
+}
+
+footer .list-group a:hover, footer .list-group a:focus, footer .list-group a:active
+{
+	color :var(--gray-dark);
+}
+
+footer .copyright
+{
+	padding: 6px 0;
+}
+
+@media (min-width: 768px) {
+	
+	#header-navbar .container
+	{
+		background-color: var(--primary);
+	}
+	
+	#header h1 small, #header h4 small, #header .h4 small
+	{
+		display: block;
+		margin-top: 6px;
+	}
+	
+	#header h1, #header h4, #header .h4
+	{
+		padding-left: 10px;
+	}
+	
+	#header .slogan 
+	{
+		width: 55%;
+	}
+	
+	#top-social
+	{
+		min-width: 20%;
+	}
+	
+	.homepage-carousel .swiper-slide .caption h3
+	{
+		font-size: 72px;
+	}
+	
+	.card .nav>li>a
+	{
+		font-size: 1.733rem;
+	}
+	
+	footer .list-group .h5
+	{
+		font-size: 23px;
+	}
+	
+	footer .navbar-default
+	{
+		padding-left: 30px;
+		padding-right: 30px;
+		margin-bottom: 10px;
+	}
+}
+
+@media (max-width: 767px) {
+	#header-navbar
+	{
+		background-color: var(--primary);
+	}
+	
+	footer .list-group
+	{
+		border-color: #dfdfdf;
+	}
+}