Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
.search-results .result {
2 
  margin-left: 0;
3 
  margin-right: 0;
4 
}
5 
 
6 
.search-results .result .filename {
7 
  font-style: italic;
8 
}
9 
 
10 
.simplesearchform {
11 
  position: relative;
12 
  border: 0;
13 
  max-width: 320px;
14 
 
15 
  .block & {
16 
    z-index: 0;
17 
  }
18 
 
19 
  .block-myoverview & {
20 
    max-width: 100%;
21 
  }
22 
 
23 
  @include media-breakpoint-between(xs, sm) {
24 
    max-width: 100%;
25 
  }
26 
 
27 
  .rui-icon-menu & {
28 
    transition: $transition-base;
29 
 
30 
    .show & {
31 
      width: 300px;
32 
    }
33 
  }
34 
 
35 
  input:focus {
36 
    outline: none;
37 
    font-weight: $font-weight-medium;
38 
  }
39 
 
40 
  .form-control {
41 
    border-radius: $border-radius 0 0 $border-radius !important;
42 
    border: none;
43 
  }
44 
 
45 
  .btn {
46 
    padding-left: 1rem;
47 
    padding-right: 1rem;
48 
  }
49 
 
50 
  .btn .icon {
51 
    margin: 0;
52 
 
53 
    .rui-topbar & {
54 
      color: $white;
55 
    }
56 
  }
57 
 
58 
  .show .btn .icon {
59 
    color: inherit;
60 
  }
61 
 
62 
  .btn-close,
63 
  .btn-clear {
64 
    position: absolute;
65 
    top: calc(50% - 23px);
66 
    right: 6px;
67 
    z-index: 4;
68 
  }
69 
 
70 
  .btn-close {
71 
    padding: 0;
72 
 
73 
    background-color: $gray-100;
74 
    color: $gray-600;
75 
 
76 
    width: 30px;
77 
    height: 30px;
78 
    border-radius: $btn-border-radius-xl;
79 
 
80 
    top: calc(50% - 15px);
81 
    right: 40px;
82 
 
83 
    .theme-dark & {
84 
      background-color: $dm-gray-100;
85 
      color: $dm-gray-600;
86 
    }
87 
 
88 
    &:hover {
89 
      background-color: $red-100;
90 
      color: $red-600;
91 
    }
92 
  }
93 
 
94 
  .btn-submit {
95 
    background-color: $gray-100;
96 
 
97 
    .theme-dark & {
98 
      background-color: $dm-gray-100;
99 
    }
100 
  }
101 
 
102 
  .withclear {
103 
    margin: 0;
104 
    width: 220px;
105 
    height: 44px;
106 
    padding-right: 50px;
107 
  }
108 
 
109 
  .searchinput {
110 
    display: flex;
111 
    flex: 1 1 auto;
112 
  }
113 
 
114 
  .collapsing {
115 
    height: inherit;
116 
    transition: none;
117 
    width: inherit;
118 
  }
119 
}
120 
 
121 
.searchform-navbar {
122 
  position: fixed;
123 
  z-index: 4;
124 
  top: 9px;
125 
 
126 
  @include media-breakpoint-up(lg) {
127 
    left: 30px;
128 
    width: calc(100% - 40px);
129 
  }
130 
 
131 
  @include media-breakpoint-between(xs, md) {
132 
    left: 20px;
133 
    width: calc(100% - 40px);
134 
  }
135 
 
136 
}
137 
 
138 
.simplesearchform .show:before {
139 
  content: '';
140 
  background: var(--primary-color-100);
141 
  background: linear-gradient(90deg,var(--primary-color-100) 0%,$body-bg 100%);
142 
  position: fixed;
143 
  width: 100%;
144 
  height: $navbar-height - 1px;
145 
  top: 0;
146 
  left: 0;
147 
  bottom: 0;
148 
  z-index: 3;
149 
  border-radius: 40px;
150 
 
151 
  .theme-dark & {
152 
    background: $dm-container-bg;
153 
    background: linear-gradient(90deg,$dm-container-bg 0%,$dm-container-bg 100%);
154 
  }
155 
}
156 
 
157 
@include media-breakpoint-down(md) {
158 
 
159 
  .simplesearchform .collapse.show,
160 
  .simplesearchform .collapsing {
161 
    width: 100%;
162 
    display: flex;
163 
    background-color: $white;
164 
    z-index: $zindex-popover;
165 
 
166 
    .theme-dark & {
167 
      background-color: $black;
168 
    }
169 
 
170 
    .form-inline {
171 
      margin-left: auto;
172 
      margin-right: auto;
173 
    }
174 
  }
175 
}
176 
 
177 
.search-areas-actions {
178 
  margin-bottom: $spacer;
179 
}
180 
 
181 
.search-areas-actions>div {
182 
  margin-right: $spacer;
183 
  display: inline-block;
184 
}
185 
 
186 
#core-search-areas .lastcol li {
187 
  margin-left: 24px;
188 
  text-indent: -24px;
189 
}
190 
 
191 
#core-search-areas .lastcol li>i {
192 
  text-indent: 0;
193 
}
194 
 
195 
 
196 
/* Search results */
197 
// ---- URL:  /search/index.php
198 
 
199 
.search-results {
200 
  margin-top: $page-padding-global;
201 
 
202 
  hr {
203 
    margin: 2rem 0;
204 
  }
205 
 
206 
  .result-title {
207 
    display: inline-flex;
208 
    align-items: center;
209 
 
210 
    font-size: 1.15rem;
211 
    font-weight: $font-weight-bold;
212 
    color: $body-color;
213 
 
214 
    .theme-dark & {
215 
      color: $dm-body-color;
216 
    }
217 
 
218 
    a {
219 
      color: inherit;
220 
 
221 
      &:hover {
222 
        text-decoration: none;
223 
        color: $link-color;
224 
 
225 
        .theme-dark & {
226 
          color: $dm-link-color;
227 
        }
228 
      }
229 
    }
230 
 
231 
    .icon {
232 
      margin-right: 15px;
233 
      width: 18px;
234 
    }
235 
 
236 
  }
237 
 
238 
  .result-content {
239 
    margin: 10px 0 10px 34px !important;
240 
 
241 
    font-size: $font-size-md;
242 
    color: $body-color-secondary;
243 
 
244 
    .theme-dark & {
245 
      color: $dm-body-color-secondary;
246 
    }
247 
  }
248 
 
249 
  .result-context-info {
250 
    margin: 10px 0 10px 34px;
251 
 
252 
    font-size: $font-size-md;
253 
    font-weight: $font-weight-bold;
254 
    color: $body-color;
255 
 
256 
    .theme-dark & {
257 
      color: $dm-body-color;
258 
    }
259 
 
260 
    a {
261 
      color: inherit;
262 
 
263 
      &:hover {
264 
        text-decoration: none;
265 
      }
266 
    }
267 
  }
268 
 
269 
}
270 
 
271 
#page-search-index {
272 
  .search-results+nav .pagination {
273 
    margin-top: 2rem !important;
274 
    margin-bottom: 0 !important;
275 
  }
276 
 
277 
  .pagination {
278 
    margin-left: 34px;
279 
  }
280 
 
281 
}