|
|
|
@ -18917,7 +18917,7 @@ ol.ui.horizontal.list li:before, |
|
|
|
margin: 1em 0em; |
|
|
|
background: #efefef; |
|
|
|
padding: 1em 1.5em; |
|
|
|
line-height: 1.3; |
|
|
|
line-height: 1.33; |
|
|
|
color: rgba(0, 0, 0, 0.8); |
|
|
|
-webkit-transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; |
|
|
|
transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; |
|
|
|
@ -19019,7 +19019,7 @@ ol.ui.horizontal.list li:before, |
|
|
|
cursor: pointer; |
|
|
|
position: absolute; |
|
|
|
margin: 0em; |
|
|
|
top: 1.15em; |
|
|
|
top: 1.165em; |
|
|
|
right: 0.5em; |
|
|
|
opacity: 0.7; |
|
|
|
-webkit-transition: opacity 0.1s linear; |
|
|
|
@ -19444,7 +19444,7 @@ ol.ui.horizontal.list li:before, |
|
|
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
|
|
|
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)) #ffffff; |
|
|
|
background: linear-gradient(transparent, rgba(0, 0, 0, 0.05)) #ffffff; |
|
|
|
margin: 0em; |
|
|
|
margin: 1em 0em 1rem; |
|
|
|
padding: 1.2rem 2rem; |
|
|
|
box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05); |
|
|
|
font-size: 1.6em; |
|
|
|
@ -21619,8 +21619,8 @@ th { |
|
|
|
top: 0em !important; |
|
|
|
left: 0em !important; |
|
|
|
z-index: 4 !important; |
|
|
|
-webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; |
|
|
|
transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; |
|
|
|
-webkit-transition: all 0.2s ease 0.15s; |
|
|
|
transition: all 0.2s ease 0.15s; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.reveal > .hidden.content { |
|
|
|
@ -21647,8 +21647,8 @@ th { |
|
|
|
display: block; |
|
|
|
float: left; |
|
|
|
margin: 0em; |
|
|
|
-webkit-transition: top 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, left 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, right 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, bottom 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; |
|
|
|
transition: top 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, left 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, right 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, bottom 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; |
|
|
|
-webkit-transition: top 0.2s ease 0.15s, left 0.2s ease 0.15s, right 0.2s ease 0.15s, bottom 0.2s ease 0.15s; |
|
|
|
transition: top 0.2s ease 0.15s, left 0.2s ease 0.15s, right 0.2s ease 0.15s, bottom 0.2s ease 0.15s; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.slide.reveal > .visible.content { |
|
|
|
@ -21803,8 +21803,8 @@ th { |
|
|
|
---------------*/ |
|
|
|
|
|
|
|
.ui.rotate.reveal > .visible.content { |
|
|
|
-webkit-transition-duration: 0.8s; |
|
|
|
transition-duration: 0.8s; |
|
|
|
-webkit-transition-duration: 0.2s; |
|
|
|
transition-duration: 0.2s; |
|
|
|
-webkit-transform: rotate(0deg); |
|
|
|
-ms-transform: rotate(0deg); |
|
|
|
transform: rotate(0deg); |
|
|
|
@ -21914,11 +21914,27 @@ th { |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search input { |
|
|
|
border-radius: 500rem; |
|
|
|
.ui.search > .prompt { |
|
|
|
margin: 0em; |
|
|
|
outline: none; |
|
|
|
-webkit-appearance: none; |
|
|
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); |
|
|
|
text-shadow: none; |
|
|
|
font-style: normal; |
|
|
|
font-weight: normal; |
|
|
|
line-height: 1.2; |
|
|
|
padding: 0.7em 1em; |
|
|
|
font-size: 1em; |
|
|
|
background: #ffffff; |
|
|
|
border: 1px solid rgba(39, 41, 43, 0.15); |
|
|
|
color: rgba(0, 0, 0, 0.8); |
|
|
|
box-shadow: 0em 0em 0em 0em transparent inset; |
|
|
|
-webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; |
|
|
|
transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .prompt { |
|
|
|
border-radius: 500rem; |
|
|
|
} |
|
|
|
|
|
|
|
/*-------------- |
|
|
|
@ -21933,7 +21949,7 @@ th { |
|
|
|
Results |
|
|
|
---------------*/ |
|
|
|
|
|
|
|
.ui.search .results { |
|
|
|
.ui.search > .results { |
|
|
|
display: none; |
|
|
|
position: absolute; |
|
|
|
z-index: 998; |
|
|
|
@ -21951,23 +21967,24 @@ th { |
|
|
|
Result |
|
|
|
---------------*/ |
|
|
|
|
|
|
|
.ui.search .result { |
|
|
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
|
|
|
.ui.search > .results .result { |
|
|
|
cursor: pointer; |
|
|
|
display: block; |
|
|
|
overflow: hidden; |
|
|
|
font-size: 0.9em; |
|
|
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
|
|
|
font-size: 1em; |
|
|
|
padding: 0.5em 1em; |
|
|
|
color: rgba(0, 0, 0, 0.8); |
|
|
|
line-height: 1.33; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .result:first-child { |
|
|
|
.ui.search > .results .result:first-child { |
|
|
|
border-top: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* Image */ |
|
|
|
|
|
|
|
.ui.search .result .image { |
|
|
|
.ui.search > .results .result .image { |
|
|
|
float: right; |
|
|
|
overflow: hidden; |
|
|
|
background: none; |
|
|
|
@ -21976,7 +21993,7 @@ th { |
|
|
|
border-radius: 0.25em; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .result .image img { |
|
|
|
.ui.search > .results .result .image img { |
|
|
|
display: block; |
|
|
|
width: auto; |
|
|
|
height: 100%; |
|
|
|
@ -21986,21 +22003,24 @@ th { |
|
|
|
Info |
|
|
|
---------------*/ |
|
|
|
|
|
|
|
.ui.search .result .image + .content { |
|
|
|
.ui.search > .results .result .image + .content { |
|
|
|
margin: 0em 6em 0em 0em; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .result .title { |
|
|
|
.ui.search > .results .result .title { |
|
|
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
|
|
|
font-weight: normal; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 1em; |
|
|
|
color: rgba(0, 0, 0, 0.85); |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .result .description { |
|
|
|
color: rgba(0, 0, 0, 0.8); |
|
|
|
.ui.search > .results .result .description { |
|
|
|
margin-top: 0em; |
|
|
|
font-size: 0.9285em; |
|
|
|
color: rgba(0, 0, 0, 0.4); |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .result .price { |
|
|
|
.ui.search > .results .result .price { |
|
|
|
float: right; |
|
|
|
color: #5bbd72; |
|
|
|
} |
|
|
|
@ -22009,29 +22029,29 @@ th { |
|
|
|
Message |
|
|
|
---------------*/ |
|
|
|
|
|
|
|
.ui.search .message { |
|
|
|
.ui.search > .results > .message { |
|
|
|
padding: 1em 1em; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .message .header { |
|
|
|
.ui.search > .results > .message .header { |
|
|
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
|
|
|
font-size: 1.2em; |
|
|
|
font-size: 1.1428em; |
|
|
|
font-weight: bold; |
|
|
|
color: rgba(0, 0, 0, 0.8); |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .message .description { |
|
|
|
.ui.search > .results > .message .description { |
|
|
|
margin-top: 0.25rem; |
|
|
|
font-size: 1rem; |
|
|
|
font-size: 1em; |
|
|
|
color: rgba(0, 0, 0, 0.8); |
|
|
|
} |
|
|
|
|
|
|
|
/* View All Results */ |
|
|
|
|
|
|
|
.ui.search .all { |
|
|
|
.ui.search > .results > .action { |
|
|
|
display: block; |
|
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1); |
|
|
|
background-color: #f0f0f0; |
|
|
|
border-top: 1px solid rgba(39, 41, 43, 0.15); |
|
|
|
background: #f0f0f0; |
|
|
|
height: 2em; |
|
|
|
line-height: 2em; |
|
|
|
color: rgba(0, 0, 0, 0.8); |
|
|
|
@ -22043,56 +22063,79 @@ th { |
|
|
|
States |
|
|
|
*******************************/ |
|
|
|
|
|
|
|
/*-------------- |
|
|
|
Hover |
|
|
|
---------------*/ |
|
|
|
/*-------------------- |
|
|
|
Loading |
|
|
|
---------------------*/ |
|
|
|
|
|
|
|
.ui.search .result:hover, |
|
|
|
.ui.search .results .category .result:hover { |
|
|
|
background: #fafafa; |
|
|
|
.ui.loading.search .input > .icon:before { |
|
|
|
position: absolute; |
|
|
|
content: ''; |
|
|
|
top: 50%; |
|
|
|
left: 50%; |
|
|
|
margin: -0.64285em 0em 0em -0.64285em; |
|
|
|
width: 1.2857em; |
|
|
|
height: 1.2857em; |
|
|
|
border-radius: 500rem; |
|
|
|
border: 0.2em solid rgba(0, 0, 0, 0.1); |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .all:hover { |
|
|
|
background: #fafafa; |
|
|
|
.ui.loading.search .input > .icon:after { |
|
|
|
position: absolute; |
|
|
|
content: ''; |
|
|
|
top: 50%; |
|
|
|
left: 50%; |
|
|
|
margin: -0.64285em 0em 0em -0.64285em; |
|
|
|
width: 1.2857em; |
|
|
|
height: 1.2857em; |
|
|
|
-webkit-animation: button-spin 0.6s linear; |
|
|
|
animation: button-spin 0.6s linear; |
|
|
|
-webkit-animation-iteration-count: infinite; |
|
|
|
animation-iteration-count: infinite; |
|
|
|
border-radius: 500rem; |
|
|
|
border-color: #aaaaaa transparent transparent; |
|
|
|
border-style: solid; |
|
|
|
border-width: 0.2em; |
|
|
|
box-shadow: 0px 0px 0px 1px transparent; |
|
|
|
} |
|
|
|
|
|
|
|
/*-------------- |
|
|
|
Loading |
|
|
|
Hover |
|
|
|
---------------*/ |
|
|
|
|
|
|
|
.ui.search.loading .input .icon { |
|
|
|
background: url("themes/default/assets/images/loader-mini.gif") no-repeat 50% 50%; |
|
|
|
.ui.search > .results .result:hover, |
|
|
|
.ui.search > .results .category .result:hover { |
|
|
|
background: #fafafa; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search.loading .input .icon:before, |
|
|
|
.ui.search.loading .input .icon:after { |
|
|
|
display: none; |
|
|
|
.ui.search .all:hover { |
|
|
|
background: #fafafa; |
|
|
|
} |
|
|
|
|
|
|
|
/*-------------- |
|
|
|
Active |
|
|
|
---------------*/ |
|
|
|
|
|
|
|
.ui.search .results .category.active { |
|
|
|
background-color: #f1f1f1; |
|
|
|
.ui.search > .results .category.active { |
|
|
|
background: #f0f0f0; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .results .category.active > .name { |
|
|
|
.ui.search > .results .category.active > .name { |
|
|
|
color: rgba(0, 0, 0, 0.8); |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .result.active, |
|
|
|
.ui.search .results .category .result.active { |
|
|
|
.ui.search > .results .result.active, |
|
|
|
.ui.search > .results .category .result.active { |
|
|
|
position: relative; |
|
|
|
border-left-color: transparent; |
|
|
|
background-color: #f0f0f0; |
|
|
|
box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.2); |
|
|
|
background: #f0f0f0; |
|
|
|
box-shadow: 3px 0px 3px 0px rgba(39, 41, 43, 0.15); |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .result.active .title { |
|
|
|
.ui.search > .results .result.active .title { |
|
|
|
color: rgba(0, 0, 0, 0.85); |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .result.active .description { |
|
|
|
.ui.search > .results .result.active .description { |
|
|
|
color: rgba(0, 0, 0, 0.85); |
|
|
|
} |
|
|
|
|
|
|
|
@ -22104,7 +22147,12 @@ th { |
|
|
|
Left / Right |
|
|
|
--------------------*/ |
|
|
|
|
|
|
|
.ui.right.aligned.search .results { |
|
|
|
.ui[class*="left aligned"].search > .results { |
|
|
|
right: auto; |
|
|
|
left: 0%; |
|
|
|
} |
|
|
|
|
|
|
|
.ui[class*="right aligned"].search > .results { |
|
|
|
right: 0%; |
|
|
|
left: auto; |
|
|
|
} |
|
|
|
@ -22113,38 +22161,49 @@ th { |
|
|
|
Categories |
|
|
|
---------------*/ |
|
|
|
|
|
|
|
.ui.search .results .category { |
|
|
|
/* Category */ |
|
|
|
|
|
|
|
.ui.search > .results .category { |
|
|
|
background: #f0f0f0; |
|
|
|
box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1); |
|
|
|
box-shadow: none; |
|
|
|
border-bottom: 1px solid rgba(39, 41, 43, 0.15); |
|
|
|
-webkit-transition: background 0.2s ease, border-color 0.2s ease; |
|
|
|
transition: background 0.2s ease, border-color 0.2s ease; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .results .category, |
|
|
|
.ui.search .results .category .result { |
|
|
|
position: relative; |
|
|
|
.ui.search > .results .category:last-child { |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* Category Result */ |
|
|
|
|
|
|
|
.ui.search > .results .category .result { |
|
|
|
background: #ffffff; |
|
|
|
margin-left: 100px; |
|
|
|
border-left: 1px solid rgba(39, 41, 43, 0.15); |
|
|
|
border-bottom: 1px solid rgba(39, 41, 43, 0.15); |
|
|
|
-webkit-transition: background 0.2s ease, border-color 0.2s ease; |
|
|
|
transition: background 0.2s ease, border-color 0.2s ease; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .results .category:first-child { |
|
|
|
box-shadow: none; |
|
|
|
.ui.search > .results .category .result:last-child { |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .results .category > .name { |
|
|
|
/* Category Result Name */ |
|
|
|
|
|
|
|
.ui.search > .results .category > .name { |
|
|
|
background: #f0f0f0; |
|
|
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
|
|
|
float: 0.9em; |
|
|
|
font-size: 1em; |
|
|
|
width: 100px; |
|
|
|
float: 1em; |
|
|
|
float: left; |
|
|
|
padding: 0.4em 0em 0em 1em; |
|
|
|
padding: 0.4em 1em; |
|
|
|
font-weight: bold; |
|
|
|
color: rgba(0, 0, 0, 0.4); |
|
|
|
} |
|
|
|
|
|
|
|
.ui.search .results .category .result { |
|
|
|
background-color: #ffffff; |
|
|
|
margin-left: 100px; |
|
|
|
border-left: 1px solid rgba(0, 0, 0, 0.1); |
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1); |
|
|
|
} |
|
|
|
|
|
|
|
/******************************* |
|
|
|
Variations |
|
|
|
*******************************/ |
|
|
|
|
jlukic
10 years ago