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 
  left: 10px;
124 
  width: calc(100% - 20px);
125 
 
126 
  z-index: 4;
127 
 
128 
  @include media-breakpoint-up(lg) {
129 
    top: 6px;
130 
  }
131 
 
132 
  @include media-breakpoint-between(xs, md) {
133 
    top: 9px;
134 
  }
135 
 
136 
}
137 
 
138 
.simplesearchform .show:before {
139 
  content: '';
140 
  background-color: $topbar-bg;
141 
  position: fixed;
142 
  width: 100%;
143 
  height: $navbar-height - 1px;
144 
  top: 0;
145 
  left: 0;
146 
  bottom: 0;
147 
  z-index: 3;
148 
 
149 
  .theme-dark & {
150 
    background-color: $dm-topbar-bg;
151 
  }
152 
}
153 
 
154 
@include media-breakpoint-down(md) {
155 
 
156 
  .simplesearchform .collapse.show,
157 
  .simplesearchform .collapsing {
158 
    width: 100%;
159 
    display: flex;
160 
    background-color: $white;
161 
    z-index: $zindex-popover;
162 
 
163 
    .theme-dark & {
164 
      background-color: $black;
165 
    }
166 
 
167 
    .form-inline {
168 
      margin-left: auto;
169 
      margin-right: auto;
170 
    }
171 
  }
172 
}
173 
 
174 
.search-areas-actions {
175 
  margin-bottom: $spacer;
176 
}
177 
 
178 
.search-areas-actions>div {
179 
  margin-right: $spacer;
180 
  display: inline-block;
181 
}
182 
 
183 
#core-search-areas .lastcol li {
184 
  margin-left: 24px;
185 
  text-indent: -24px;
186 
}
187 
 
188 
#core-search-areas .lastcol li>i {
189 
  text-indent: 0;
190 
}
191 
 
192 
 
193 
/* Search results */
194 
// ---- URL:  /search/index.php
195 
 
196 
.search-results {
197 
  margin-top: $page-padding-global;
198 
 
199 
  hr {
200 
    margin: 2rem 0;
201 
  }
202 
 
203 
  .result-title {
204 
    display: inline-flex;
205 
    align-items: center;
206 
 
207 
    font-size: 1.15rem;
208 
    font-weight: $font-weight-bold;
209 
    color: $body-color;
210 
 
211 
    .theme-dark & {
212 
      color: $dm-body-color;
213 
    }
214 
 
215 
    a {
216 
      color: inherit;
217 
 
218 
      &:hover {
219 
        text-decoration: none;
220 
        color: $link-color;
221 
 
222 
        .theme-dark & {
223 
          color: $dm-link-color;
224 
        }
225 
      }
226 
    }
227 
 
228 
    .icon {
229 
      margin-right: 15px;
230 
      width: 18px;
231 
    }
232 
 
233 
  }
234 
 
235 
  .result-content {
236 
    margin: 10px 0 10px 34px !important;
237 
 
238 
    font-size: $font-size-md;
239 
    color: $body-color-secondary;
240 
 
241 
    .theme-dark & {
242 
      color: $dm-body-color-secondary;
243 
    }
244 
  }
245 
 
246 
  .result-context-info {
247 
    margin: 10px 0 10px 34px;
248 
 
249 
    font-size: $font-size-md;
250 
    font-weight: $font-weight-bold;
251 
    color: $body-color;
252 
 
253 
    .theme-dark & {
254 
      color: $dm-body-color;
255 
    }
256 
 
257 
    a {
258 
      color: inherit;
259 
 
260 
      &:hover {
261 
        text-decoration: none;
262 
      }
263 
    }
264 
  }
265 
 
266 
}
267 
 
268 
#page-search-index {
269 
  .search-results+nav .pagination {
270 
    margin-top: 2rem !important;
271 
    margin-bottom: 0 !important;
272 
  }
273 
 
274 
  .pagination {
275 
    margin-left: 34px;
276 
  }
277 
 
278 
}