mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[ADD] theme 14.0
This commit is contained in:
@@ -0,0 +1,61 @@
|
||||
|
||||
/* Big Icon Circle */
|
||||
@include o-theme-chd-big-icons-classes(0, none);
|
||||
|
||||
/* Big Icon Square */
|
||||
|
||||
.s_big_icon_square_box {
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_square_icon {
|
||||
text-align:center!important;
|
||||
color:#fff;
|
||||
transition: all 0.3s ease-in-out;
|
||||
h5 {
|
||||
margin-top: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
.s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
/* s_big_icons */
|
||||
|
||||
.bg-beta .s_big_icons_icon {
|
||||
border: 6px solid;
|
||||
@include o-theme-chd-big-icons-styles(rgba(0, 0, 0, 0), white);
|
||||
}
|
||||
|
||||
.bg-beta .s_big_icons_box:hover .s_big_icons_icon {
|
||||
@include o-theme-chd-big-icons-styles($bg-color: white, $fa-color: o-color('alpha'));
|
||||
}
|
||||
|
||||
/* s_big_icon_square */
|
||||
|
||||
.bg-beta .s_big_icon_square_icon {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
border: 6px solid white !important;
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_big_icon_square_box:hover .s_big_icon_square_icon {
|
||||
background-color: white !important;
|
||||
border-color: o-color('alpha');
|
||||
transform: scale(1.1,1.1);
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
h5 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
.s_big_image .s_text_highlight {
|
||||
padding: 12px 8px 18px;
|
||||
border-radius: 0px;
|
||||
border: 3px solid o-color('alpha');
|
||||
background: rgba(black, 0.35)
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
.s_big_image_parallax {
|
||||
min-height: 600px;
|
||||
padding-top: 20px;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,126 @@
|
||||
|
||||
/* Icon Box Circle */
|
||||
|
||||
.s_icon_box_circle_box {
|
||||
float: left;
|
||||
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_circle_icon {
|
||||
width:60px;
|
||||
height:60px;
|
||||
margin-right: 15px;
|
||||
text-align:center!important;
|
||||
color:#fff;
|
||||
padding: 20px 0;
|
||||
transition: all 0.3s ease-in-out;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
border: 2px solid o-color('alpha');
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
transform: scale(1.1,1.1);
|
||||
transition: all 0.3s ease-in-out;
|
||||
border-color: o-color('gamma');
|
||||
.fa {
|
||||
color: o-color('gamma') !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Icon Box Square */
|
||||
|
||||
.s_icon_box_square_box {
|
||||
float: left;
|
||||
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
}
|
||||
|
||||
.s_icon_box_square_icon {
|
||||
width:60px;
|
||||
height:55px;
|
||||
margin-right: 15px;
|
||||
text-align:center!important;
|
||||
color:#fff;
|
||||
padding: 18px 0;
|
||||
transition: all 0.3s ease-in-out;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
border: 2px solid o-color('alpha');
|
||||
}
|
||||
|
||||
.s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
transform: scale(1.1,1.1);
|
||||
transition: all 0.3s ease-in-out;
|
||||
border-color: o-color('gamma');
|
||||
.fa {
|
||||
color: o-color('gamma') !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* s_icon_box */
|
||||
|
||||
.bg-beta .s_icon_box_box:hover .s_icon_box_icon .fa {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: o-color('delta') !important;
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_box:hover .s_icon_box_content h4 {
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: o-color('delta') !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_square */
|
||||
|
||||
.bg-beta .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: o-color('alpha') !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_square_box:hover .s_icon_box_square_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_square_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* s_icon_box_circle */
|
||||
|
||||
.bg-beta .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: o-color('alpha') !important;
|
||||
.fa {
|
||||
color: white !important;
|
||||
}
|
||||
h4 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_circle_box:hover .s_icon_box_circle_icon {
|
||||
border-color: white !important;
|
||||
background-color: white !important;
|
||||
.fa {
|
||||
color: o-color('alpha') !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-beta .s_icon_box_circle_box:hover h4 {
|
||||
color: white !important;
|
||||
}
|
||||
Reference in New Issue
Block a user