[Frontend] Styling for search elements
#70 Significant .scss and markup changes across search; New symbols font (v2.2) char for clear icon; To-do: style "load more" element;
This commit is contained in:
Charles Hacskaylo
@@ -71,6 +71,7 @@
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/* CONSTANTS */
|
||||
/*****************************************************************************
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
@@ -92,7 +93,7 @@
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/* line 5, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
@@ -113,38 +114,38 @@ time, mark, audio, video {
|
||||
font-size: 100%;
|
||||
vertical-align: baseline; }
|
||||
|
||||
/* line 22, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
html {
|
||||
line-height: 1; }
|
||||
|
||||
/* line 24, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
ol, ul {
|
||||
list-style: none; }
|
||||
|
||||
/* line 26, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
||||
|
||||
/* line 28, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
caption, th, td {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle; }
|
||||
|
||||
/* line 30, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
q, blockquote {
|
||||
quotes: none; }
|
||||
/* line 103, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
q:before, q:after, blockquote:before, blockquote:after {
|
||||
content: "";
|
||||
content: none; }
|
||||
|
||||
/* line 32, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
a img {
|
||||
border: none; }
|
||||
|
||||
/* line 116, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
|
||||
display: block; }
|
||||
|
||||
@@ -644,72 +645,49 @@ mct-container {
|
||||
position: absolute;
|
||||
bottom: 5px; }
|
||||
/* line 232, ../sass/user-environ/_layout.scss */
|
||||
.pane.treeview.left .search-holder {
|
||||
top: 34px; }
|
||||
/* line 235, ../sass/user-environ/_layout.scss */
|
||||
.pane.treeview.left .tree-holder {
|
||||
overflow: auto;
|
||||
top: 34px;
|
||||
padding-right: 5px; }
|
||||
/* line 240, ../sass/user-environ/_layout.scss */
|
||||
top: 64px; }
|
||||
/* line 242, ../sass/user-environ/_layout.scss */
|
||||
.pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .btn-menu span.left.l-click-area, .btn-menu .pane.items .object-browse-bar span.left.l-click-area,
|
||||
.pane.items .object-browse-bar .right.abs,
|
||||
.pane.items .object-browse-bar .btn-menu span.right.l-click-area,
|
||||
.btn-menu .pane.items .object-browse-bar span.right.l-click-area {
|
||||
top: auto; }
|
||||
/* line 245, ../sass/user-environ/_layout.scss */
|
||||
/* line 247, ../sass/user-environ/_layout.scss */
|
||||
.pane.items .object-holder {
|
||||
top: 34px; }
|
||||
/* line 249, ../sass/user-environ/_layout.scss */
|
||||
/* line 251, ../sass/user-environ/_layout.scss */
|
||||
.pane .object-holder {
|
||||
overflow: auto; }
|
||||
|
||||
/* line 257, ../sass/user-environ/_layout.scss */
|
||||
/* line 259, ../sass/user-environ/_layout.scss */
|
||||
.split-layout.horizontal > .pane {
|
||||
margin-top: 5px; }
|
||||
/* line 260, ../sass/user-environ/_layout.scss */
|
||||
/* line 262, ../sass/user-environ/_layout.scss */
|
||||
.split-layout.horizontal > .pane:first-child {
|
||||
margin-top: 0; }
|
||||
/* line 267, ../sass/user-environ/_layout.scss */
|
||||
/* line 269, ../sass/user-environ/_layout.scss */
|
||||
.split-layout.vertical > .pane {
|
||||
margin-left: 5px; }
|
||||
/* line 269, ../sass/user-environ/_layout.scss */
|
||||
/* line 271, ../sass/user-environ/_layout.scss */
|
||||
.split-layout.vertical > .pane > .holder {
|
||||
left: 0;
|
||||
right: 0; }
|
||||
/* line 273, ../sass/user-environ/_layout.scss */
|
||||
/* line 275, ../sass/user-environ/_layout.scss */
|
||||
.split-layout.vertical > .pane:first-child {
|
||||
margin-left: 0; }
|
||||
/* line 275, ../sass/user-environ/_layout.scss */
|
||||
/* line 277, ../sass/user-environ/_layout.scss */
|
||||
.split-layout.vertical > .pane:first-child .holder {
|
||||
right: 3px; }
|
||||
|
||||
/* line 284, ../sass/user-environ/_layout.scss */
|
||||
/* line 286, ../sass/user-environ/_layout.scss */
|
||||
.vscroll {
|
||||
overflow-y: auto; }
|
||||
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/* line 26, ../sass/search/_layout.scss */
|
||||
.pane.treeview.left .tree-holder {
|
||||
top: 60px; }
|
||||
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
@@ -2593,22 +2571,23 @@ label.checkbox.custom {
|
||||
color: #d9d9d9;
|
||||
line-height: 1.4rem;
|
||||
padding: 3px 10px 3px 30px;
|
||||
position: relative;
|
||||
white-space: nowrap; }
|
||||
/* line 46, ../sass/controls/_menus.scss */
|
||||
/* line 47, ../sass/controls/_menus.scss */
|
||||
.menu-element .menu ul li:first-child {
|
||||
border: none; }
|
||||
/* line 49, ../sass/controls/_menus.scss */
|
||||
/* line 50, ../sass/controls/_menus.scss */
|
||||
.menu-element .menu ul li:hover {
|
||||
background: #737373;
|
||||
color: #fff; }
|
||||
/* line 55, ../sass/controls/_menus.scss */
|
||||
/* line 56, ../sass/controls/_menus.scss */
|
||||
.menu-element .menu ul li:hover .icon {
|
||||
color: #33ccff; }
|
||||
/* line 63, ../sass/controls/_menus.scss */
|
||||
/* line 64, ../sass/controls/_menus.scss */
|
||||
.menu-element .menu ul li .type-icon {
|
||||
left: 10px; }
|
||||
/* line 70, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu,
|
||||
/* line 71, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu, .menu-element .checkbox-menu,
|
||||
.menu-element .super-menu {
|
||||
pointer-events: auto;
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjOGM4YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
@@ -2631,35 +2610,56 @@ label.checkbox.custom {
|
||||
color: #999;
|
||||
display: inline-block; }
|
||||
/* line 170, ../sass/_mixins.scss */
|
||||
.menu-element .context-menu.btn-menu .invoke-menu,
|
||||
.menu-element .context-menu.btn-menu .invoke-menu, .menu-element .btn-menu.checkbox-menu .invoke-menu,
|
||||
.menu-element .super-menu.btn-menu .invoke-menu {
|
||||
color: #b0b0b0; }
|
||||
/* line 78, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu ul li,
|
||||
/* line 79, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu ul li, .menu-element .checkbox-menu ul li,
|
||||
.menu-element .super-menu ul li {
|
||||
padding-left: 25px; }
|
||||
/* line 80, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu ul li a,
|
||||
/* line 81, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu ul li a, .menu-element .checkbox-menu ul li a,
|
||||
.menu-element .super-menu ul li a {
|
||||
color: white; }
|
||||
/* line 81, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu ul li .icon,
|
||||
/* line 84, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu ul li .icon, .menu-element .checkbox-menu ul li .icon,
|
||||
.menu-element .super-menu ul li .icon {
|
||||
color: #24c8ff; }
|
||||
/* line 84, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu ul li .type-icon,
|
||||
/* line 87, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu ul li .type-icon, .menu-element .checkbox-menu ul li .type-icon,
|
||||
.menu-element .super-menu ul li .type-icon {
|
||||
left: 5px; }
|
||||
/* line 87, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu ul li:hover .icon,
|
||||
/* line 90, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu ul li:hover .icon, .menu-element .checkbox-menu ul li:hover .icon,
|
||||
.menu-element .super-menu ul li:hover .icon {
|
||||
color: #3dcfff; }
|
||||
/* line 94, ../sass/controls/_menus.scss */
|
||||
/* line 99, ../sass/controls/_menus.scss */
|
||||
.menu-element .checkbox-menu ul li {
|
||||
padding-left: 50px; }
|
||||
/* line 101, ../sass/controls/_menus.scss */
|
||||
.menu-element .checkbox-menu ul li .checkbox {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 0.46667rem; }
|
||||
/* line 106, ../sass/controls/_menus.scss */
|
||||
.menu-element .checkbox-menu ul li .checkbox em {
|
||||
height: 0.7rem;
|
||||
width: 0.7rem; }
|
||||
/* line 109, ../sass/controls/_menus.scss */
|
||||
.menu-element .checkbox-menu ul li .checkbox em:before {
|
||||
font-size: 7px !important;
|
||||
height: 0.7rem;
|
||||
width: 0.7rem;
|
||||
line-height: 0.7rem; }
|
||||
/* line 117, ../sass/controls/_menus.scss */
|
||||
.menu-element .checkbox-menu ul li .type-icon {
|
||||
left: 25px; }
|
||||
/* line 123, ../sass/controls/_menus.scss */
|
||||
.menu-element .super-menu {
|
||||
display: block;
|
||||
width: 500px;
|
||||
height: 480px; }
|
||||
/* line 104, ../sass/controls/_menus.scss */
|
||||
/* line 133, ../sass/controls/_menus.scss */
|
||||
.menu-element .super-menu .contents {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
@@ -2669,12 +2669,12 @@ label.checkbox.custom {
|
||||
left: 5px;
|
||||
width: auto;
|
||||
height: auto; }
|
||||
/* line 107, ../sass/controls/_menus.scss */
|
||||
/* line 136, ../sass/controls/_menus.scss */
|
||||
.menu-element .super-menu .pane {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
/* line 109, ../sass/controls/_menus.scss */
|
||||
/* line 138, ../sass/controls/_menus.scss */
|
||||
.menu-element .super-menu .pane.left {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.2);
|
||||
left: 0;
|
||||
@@ -2683,23 +2683,23 @@ label.checkbox.custom {
|
||||
width: 50%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto; }
|
||||
/* line 119, ../sass/controls/_menus.scss */
|
||||
/* line 148, ../sass/controls/_menus.scss */
|
||||
.menu-element .super-menu .pane.left ul li {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
padding-left: 30px;
|
||||
border-top: none; }
|
||||
/* line 126, ../sass/controls/_menus.scss */
|
||||
/* line 155, ../sass/controls/_menus.scss */
|
||||
.menu-element .super-menu .pane.right {
|
||||
left: auto;
|
||||
right: 0;
|
||||
padding: 25px;
|
||||
width: 50%; }
|
||||
/* line 132, ../sass/controls/_menus.scss */
|
||||
/* line 161, ../sass/controls/_menus.scss */
|
||||
.menu-element .super-menu .pane.right .icon {
|
||||
color: #fff; }
|
||||
/* line 139, ../sass/controls/_menus.scss */
|
||||
/* line 168, ../sass/controls/_menus.scss */
|
||||
.menu-element .super-menu .menu-item-description .desc-area.icon {
|
||||
position: relative;
|
||||
font-size: 8em;
|
||||
@@ -2708,40 +2708,40 @@ label.checkbox.custom {
|
||||
line-height: 150px;
|
||||
margin-bottom: 25px;
|
||||
text-align: center; }
|
||||
/* line 149, ../sass/controls/_menus.scss */
|
||||
/* line 178, ../sass/controls/_menus.scss */
|
||||
.menu-element .super-menu .menu-item-description .desc-area.title {
|
||||
color: #fff;
|
||||
font-size: 1.2em;
|
||||
margin-bottom: 0.5em; }
|
||||
/* line 154, ../sass/controls/_menus.scss */
|
||||
/* line 183, ../sass/controls/_menus.scss */
|
||||
.menu-element .super-menu .menu-item-description .desc-area.description {
|
||||
color: #fff;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.5em; }
|
||||
/* line 163, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu {
|
||||
/* line 192, ../sass/controls/_menus.scss */
|
||||
.menu-element .context-menu, .menu-element .checkbox-menu {
|
||||
font-size: 0.80rem; }
|
||||
|
||||
/* line 168, ../sass/controls/_menus.scss */
|
||||
/* line 197, ../sass/controls/_menus.scss */
|
||||
.context-menu-holder {
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
height: 200px;
|
||||
width: 170px;
|
||||
z-index: 70; }
|
||||
/* line 174, ../sass/controls/_menus.scss */
|
||||
/* line 203, ../sass/controls/_menus.scss */
|
||||
.context-menu-holder .context-menu-wrapper {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
/* line 181, ../sass/controls/_menus.scss */
|
||||
.context-menu-holder.go-left .context-menu {
|
||||
/* line 210, ../sass/controls/_menus.scss */
|
||||
.context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-left .checkbox-menu {
|
||||
right: 0; }
|
||||
/* line 182, ../sass/controls/_menus.scss */
|
||||
.context-menu-holder.go-up .context-menu {
|
||||
/* line 213, ../sass/controls/_menus.scss */
|
||||
.context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-up .checkbox-menu {
|
||||
bottom: 0; }
|
||||
|
||||
/* line 185, ../sass/controls/_menus.scss */
|
||||
/* line 218, ../sass/controls/_menus.scss */
|
||||
.btn-bar.right .menu,
|
||||
.menus-to-left .menu {
|
||||
left: auto;
|
||||
|
||||
@@ -273,272 +273,216 @@ ul.tree {
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/* line 23, ../sass/search/_search.scss */
|
||||
.search-holder {
|
||||
padding-right: 5px;
|
||||
top: 23px;
|
||||
margin-top: 10px; }
|
||||
/* line 34, ../sass/search/_search.scss */
|
||||
.search-holder .search {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%; }
|
||||
/* line 39, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar {
|
||||
order: 1;
|
||||
.abs.search-holder {
|
||||
height: 25px;
|
||||
bottom: 0;
|
||||
z-index: 5; }
|
||||
/* line 27, ../sass/search/_search.scss */
|
||||
.abs.search-holder.active {
|
||||
height: auto;
|
||||
bottom: 0; }
|
||||
|
||||
/* line 38, ../sass/search/_search.scss */
|
||||
.search {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%; }
|
||||
/* line 49, ../sass/search/_search.scss */
|
||||
.search .search-bar {
|
||||
font-size: 0.8em;
|
||||
position: relative;
|
||||
width: 100%; }
|
||||
/* line 66, ../sass/search/_search.scss */
|
||||
.search .search-bar .search-input {
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0; }
|
||||
/* line 73, ../sass/search/_search.scss */
|
||||
.search .search-bar .search-icon,
|
||||
.search .search-bar .clear-icon,
|
||||
.search .search-bar .menu-icon {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: #737373;
|
||||
height: 17px;
|
||||
width: 17px;
|
||||
line-height: 17px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 4px; }
|
||||
/* line 86, ../sass/search/_search.scss */
|
||||
.search .search-bar .clear-icon,
|
||||
.search .search-bar .menu-icon {
|
||||
cursor: pointer;
|
||||
transition: color .25s; }
|
||||
/* line 93, ../sass/search/_search.scss */
|
||||
.search .search-bar .search-input {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 19px;
|
||||
margin-top: 4px; }
|
||||
/* line 50, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-input {
|
||||
position: relative;
|
||||
top: -4px;
|
||||
width: 100%;
|
||||
height: 19px;
|
||||
padding-right: 16px;
|
||||
padding-right: 28px; }
|
||||
/* line 63, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-input input {
|
||||
width: 100%; }
|
||||
/* line 68, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-icon {
|
||||
color: #737373;
|
||||
font-size: 12px;
|
||||
margin-left: 3px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-top: -19px;
|
||||
transition: visibility .15s, opacity .15s, color .2s; }
|
||||
/* line 82, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-icon.content {
|
||||
visibility: hidden;
|
||||
opacity: 0; }
|
||||
/* line 90, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-input:focus + div.search-icon {
|
||||
padding-left: 22px !important;
|
||||
padding-right: 44px !important; }
|
||||
/* line 100, ../sass/search/_search.scss */
|
||||
.search .search-bar .search-input input {
|
||||
width: 100%; }
|
||||
/* line 105, ../sass/search/_search.scss */
|
||||
.search .search-bar .search-icon {
|
||||
color: #737373;
|
||||
left: 3px;
|
||||
transition: visibility .15s, opacity .15s, color .2s;
|
||||
pointer-events: none; }
|
||||
/* line 125, ../sass/search/_search.scss */
|
||||
.search .search-bar .search-input:hover + div.search-icon {
|
||||
color: #a6a6a6; }
|
||||
/* line 129, ../sass/search/_search.scss */
|
||||
.search .search-bar .clear-icon {
|
||||
right: 22px;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: visibility .15s, opacity .15s, color .2s; }
|
||||
/* line 138, ../sass/search/_search.scss */
|
||||
.search .search-bar .clear-icon.content {
|
||||
visibility: visible;
|
||||
opacity: 1; }
|
||||
/* line 143, ../sass/search/_search.scss */
|
||||
.search .search-bar .clear-icon:hover {
|
||||
color: #a6a6a6; }
|
||||
/* line 148, ../sass/search/_search.scss */
|
||||
.search .search-bar .menu-icon {
|
||||
font-size: 0.8em;
|
||||
padding-right: 4px;
|
||||
right: 4px;
|
||||
text-align: right; }
|
||||
/* line 154, ../sass/search/_search.scss */
|
||||
.search .search-bar .menu-icon:hover {
|
||||
color: #a6a6a6; }
|
||||
/* line 159, ../sass/search/_search.scss */
|
||||
.search .search-bar .search-menu-holder {
|
||||
float: right;
|
||||
left: -20px;
|
||||
z-index: 1;
|
||||
transition: visibility .05s, opacity .05s; }
|
||||
/* line 169, ../sass/search/_search.scss */
|
||||
.search .search-bar .search-menu-holder.off {
|
||||
visibility: hidden;
|
||||
opacity: 0; }
|
||||
/* line 96, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-input:hover + div.search-icon {
|
||||
color: #a6a6a6; }
|
||||
/* line 100, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .clear-icon {
|
||||
position: absolute;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
color: #737373;
|
||||
font-size: 6px;
|
||||
padding: 6px;
|
||||
padding-left: 4px;
|
||||
right: 0px;
|
||||
top: -3px;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: visibility .15s, opacity .15s, color .2s;
|
||||
right: 15px;
|
||||
padding-right: 4px; }
|
||||
/* line 120, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .clear-icon.content {
|
||||
visibility: visible;
|
||||
opacity: 1; }
|
||||
/* line 125, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .clear-icon:hover {
|
||||
color: #a6a6a6; }
|
||||
/* line 134, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .menu-icon {
|
||||
position: absolute;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
color: #737373;
|
||||
font-size: 6px;
|
||||
padding: 6px;
|
||||
padding-left: 3px;
|
||||
right: 0px;
|
||||
top: -3px;
|
||||
transition: color .2s; }
|
||||
/* line 150, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .menu-icon:hover {
|
||||
color: #a6a6a6; }
|
||||
/* line 155, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-menu-holder {
|
||||
float: right;
|
||||
margin-top: 17px;
|
||||
left: -50px;
|
||||
z-index: 9;
|
||||
transition: visibility .05s, opacity .05s; }
|
||||
/* line 164, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-menu-holder.off {
|
||||
visibility: hidden;
|
||||
opacity: 0; }
|
||||
/* line 169, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-menu-holder .search-menu {
|
||||
border-top: 0; }
|
||||
/* line 172, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
padding-left: 4px;
|
||||
padding-right: 6px;
|
||||
font-size: 0.8em;
|
||||
color: #e6e6e6;
|
||||
cursor: pointer;
|
||||
transition: background-color .13s; }
|
||||
/* line 186, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item .search-menu-checkbox {
|
||||
margin-top: 0.3em;
|
||||
padding-left: 0;
|
||||
margin-right: 0;
|
||||
padding-right: 2px; }
|
||||
/* line 199, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item .search-menu-checkbox em:before {
|
||||
color: white;
|
||||
background-color: grey;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
font-size: .7em; }
|
||||
/* line 212, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item .search-menu-glyph {
|
||||
color: #3dcfff; }
|
||||
/* line 216, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item.special {
|
||||
font-weight: bold;
|
||||
background-color: #666666; }
|
||||
/* line 220, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item.special .search-menu-label {
|
||||
font-size: 1.1em; }
|
||||
/* line 224, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-menu-holder .search-menu .search-menu-item.special:hover {
|
||||
background-color: gray; }
|
||||
/* line 233, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .search-menu-holder:after {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 35px;
|
||||
display: inline-block;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #5e5e5e;
|
||||
border-left: 6px solid transparent;
|
||||
content: ''; }
|
||||
/* line 246, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar .menu-icon:hover + div.search-menu-holder {
|
||||
visibility: visible; }
|
||||
/* line 249, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-bar div.search-menu-holder:hover {
|
||||
visibility: visible; }
|
||||
/* line 254, ../sass/search/_search.scss */
|
||||
.search-holder .search .active-filter-display {
|
||||
order: 2;
|
||||
font-size: .6em;
|
||||
background-color: #4d4d4d;
|
||||
/* line 176, ../sass/search/_search.scss */
|
||||
.search .search-bar .menu-icon:hover + div.search-menu-holder {
|
||||
visibility: visible; }
|
||||
/* line 179, ../sass/search/_search.scss */
|
||||
.search .search-bar div.search-menu-holder:hover {
|
||||
visibility: visible; }
|
||||
/* line 184, ../sass/search/_search.scss */
|
||||
.search .active-filter-display {
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
line-height: 130%;
|
||||
padding: 5px 0;
|
||||
padding-left: 1.4625em;
|
||||
font-size: 0.65em;
|
||||
margin-top: 3px; }
|
||||
/* line 199, ../sass/search/_search.scss */
|
||||
.search .active-filter-display .clear-filters-icon {
|
||||
opacity: 0.4;
|
||||
font-size: 0.8em;
|
||||
position: absolute;
|
||||
left: 1px;
|
||||
cursor: pointer; }
|
||||
/* line 210, ../sass/search/_search.scss */
|
||||
.search .active-filter-display.off {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
/* line 220, ../sass/search/_search.scss */
|
||||
.search .search-scroll {
|
||||
order: 3;
|
||||
margin-top: 4px;
|
||||
overflow-y: auto;
|
||||
top: auto;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
position: relative; }
|
||||
/* line 235, ../sass/search/_search.scss */
|
||||
.search .search-scroll .results .search-result-item {
|
||||
-moz-transition: background-color 0.25s;
|
||||
-o-transition: background-color 0.25s;
|
||||
-webkit-transition: background-color 0.25s;
|
||||
transition: background-color 0.25s;
|
||||
margin-bottom: 2px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #404040;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
margin-top: 2px; }
|
||||
/* line 267, ../sass/search/_search.scss */
|
||||
.search-holder .search .active-filter-display .clear-filters-icon {
|
||||
padding: 4px;
|
||||
position: relative;
|
||||
margin-left: -4px;
|
||||
top: 0.7em;
|
||||
cursor: pointer;
|
||||
color: #737373;
|
||||
font-size: 6px; }
|
||||
/* line 280, ../sass/search/_search.scss */
|
||||
.search-holder .search .active-filter-display .filter-options {
|
||||
position: relative;
|
||||
top: -0.5em;
|
||||
margin-left: 14px;
|
||||
text-indent: -4px; }
|
||||
/* line 293, ../sass/search/_search.scss */
|
||||
.search-holder .search .active-filter-display.off {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
/* line 303, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll {
|
||||
order: 3;
|
||||
margin-top: 4px;
|
||||
overflow-y: auto;
|
||||
top: auto;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
position: relative; }
|
||||
/* line 318, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .results .search-result-item {
|
||||
-moz-transition: background-color 0.25s;
|
||||
-o-transition: background-color 0.25s;
|
||||
-webkit-transition: background-color 0.25s;
|
||||
transition: background-color 0.25s;
|
||||
margin-bottom: 2px;
|
||||
border-radius: 2px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 2px; }
|
||||
/* line 332, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .results .search-result-item .label {
|
||||
margin-left: 6px; }
|
||||
/* line 336, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .results .search-result-item .label .title-label {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 29px;
|
||||
right: 5px;
|
||||
font-size: .8em;
|
||||
line-height: 17px;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap; }
|
||||
/* line 358, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .results .search-result-item.selected {
|
||||
background: #005177;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 2px; }
|
||||
/* line 249, ../sass/search/_search.scss */
|
||||
.search .search-scroll .results .search-result-item .label {
|
||||
margin-left: 6px; }
|
||||
/* line 253, ../sass/search/_search.scss */
|
||||
.search .search-scroll .results .search-result-item .label .title-label {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 29px;
|
||||
right: 5px;
|
||||
font-size: .8em;
|
||||
line-height: 17px;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap; }
|
||||
/* line 275, ../sass/search/_search.scss */
|
||||
.search .search-scroll .results .search-result-item.selected {
|
||||
background: #005177;
|
||||
color: #fff; }
|
||||
/* line 279, ../sass/search/_search.scss */
|
||||
.search .search-scroll .results .search-result-item.selected .view-control {
|
||||
color: #0099cc; }
|
||||
/* line 282, ../sass/search/_search.scss */
|
||||
.search .search-scroll .results .search-result-item.selected .label .type-icon {
|
||||
color: #fff; }
|
||||
/* line 362, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .results .search-result-item.selected .view-control {
|
||||
color: #0099cc; }
|
||||
/* line 365, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .results .search-result-item.selected .label .type-icon {
|
||||
color: #fff; }
|
||||
/* line 372, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .results .search-result-item:not(.selected):hover {
|
||||
background: #404040;
|
||||
color: #cccccc; }
|
||||
/* line 375, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .results .search-result-item:not(.selected):hover .context-trigger {
|
||||
display: block; }
|
||||
/* line 378, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .results .search-result-item:not(.selected):hover .icon {
|
||||
color: #33ccff; }
|
||||
/* line 386, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .load-icon {
|
||||
position: relative; }
|
||||
/* line 388, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .load-icon.loading {
|
||||
pointer-events: none;
|
||||
/* line 289, ../sass/search/_search.scss */
|
||||
.search .search-scroll .results .search-result-item:not(.selected):hover {
|
||||
background: #404040;
|
||||
color: #cccccc; }
|
||||
/* line 292, ../sass/search/_search.scss */
|
||||
.search .search-scroll .results .search-result-item:not(.selected):hover .context-trigger {
|
||||
display: block; }
|
||||
/* line 295, ../sass/search/_search.scss */
|
||||
.search .search-scroll .results .search-result-item:not(.selected):hover .icon {
|
||||
color: #33ccff; }
|
||||
/* line 303, ../sass/search/_search.scss */
|
||||
.search .search-scroll .load-icon {
|
||||
position: relative; }
|
||||
/* line 305, ../sass/search/_search.scss */
|
||||
.search .search-scroll .load-icon.loading {
|
||||
pointer-events: none;
|
||||
margin-left: 6px; }
|
||||
/* line 309, ../sass/search/_search.scss */
|
||||
.search .search-scroll .load-icon.loading .title-label {
|
||||
font-style: italic;
|
||||
font-size: .9em;
|
||||
opacity: 0.5;
|
||||
margin-left: 26px;
|
||||
line-height: 24px; }
|
||||
/* line 319, ../sass/search/_search.scss */
|
||||
.search .search-scroll .load-icon.loading .wait-spinner {
|
||||
margin-left: 6px; }
|
||||
/* line 392, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .load-icon.loading .title-label {
|
||||
font-style: italic;
|
||||
font-size: .9em;
|
||||
opacity: 0.5;
|
||||
margin-left: 26px;
|
||||
line-height: 24px; }
|
||||
/* line 402, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .load-icon.loading .wait-spinner {
|
||||
margin-left: 6px; }
|
||||
/* line 407, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .load-icon:not(.loading) {
|
||||
cursor: pointer; }
|
||||
/* line 412, ../sass/search/_search.scss */
|
||||
.search-holder .search .search-scroll .load-more-button {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
position: relative;
|
||||
left: 25%;
|
||||
width: 50%;
|
||||
white-space: nowrap;
|
||||
height: 20px;
|
||||
line-height: 11px;
|
||||
font-size: 0.7em; }
|
||||
/* line 324, ../sass/search/_search.scss */
|
||||
.search .search-scroll .load-icon:not(.loading) {
|
||||
cursor: pointer; }
|
||||
/* line 329, ../sass/search/_search.scss */
|
||||
.search .search-scroll .load-more-button {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
position: relative;
|
||||
left: 25%;
|
||||
width: 50%;
|
||||
white-space: nowrap;
|
||||
height: 20px;
|
||||
line-height: 11px;
|
||||
font-size: 0.7em; }
|
||||
|
||||
Reference in New Issue
Block a user