blob: 743db2f09036df8a83d46122c81d683567f50819 [file] [log] [blame]
Andreu03d030d2019-09-25 21:52:01 +02001header h2 {
2 line-height: 50%;
3}
4
5header h3 {
6 font-size: 14px;
7 color: rgb(20,20,20);
8}
9
10header {
11 margin-bottom: 20px;
12}
13
Andreu4b2fbd92019-09-22 22:30:25 +020014#password {
Andreu0d0f9fd2019-09-23 03:56:08 +020015 font-size: 14px;
16 line-height: 1.75em;
17 font-family: 'Open Sans';
18 text-indent: 10px;
Andreu Huguetfeeba522019-09-16 13:43:16 +020019}
20
21input[type="submit"] {
avm99963db383ed2019-09-22 02:14:42 +020022 font-size: 18px;
Andreu Huguetfeeba522019-09-16 13:43:16 +020023 height: 2em;
avm99963db383ed2019-09-22 02:14:42 +020024}
Andreudd6cfb42019-09-22 19:52:39 +020025
26.md-google-search__metacontainer {
27 position: relative;
28 height: 48px;
29 width: 100%;
30 margin-bottom: 16px;
31}
32
33.md-google-search__container {
34 display: block;
35 height: 48px;
36 width: 100%;
37 max-width: 720px;
38 white-space: nowrap;
39}
40
41.md-google-search {
42 height: 48px;
43 background-color: rgba(245, 245, 245, 1);
44 border: 1px solid rgba(0, 0, 0, 0.2);
45 -webkit-border-radius: 4px;
46 border-radius: 4px;
47 max-width: 600px;
48 position: relative;
49 -webkit-transition: background-color 100ms ease-in, width 100ms ease-out;
50 transition: background-color 100ms ease-in, width 100ms ease-out;
51}
52
53.md-google-search:focus-within {
54 border: 1px solid rgba(0, 0, 0, 0.45);
55 background-color: rgba(255, 255, 255, 1);
56 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
57 box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
58}
59
60.md-google-search__search-btn {
61 float: left;
62 background: none;
63 border: none;
64 opacity: .54;
65 outline: none;
66 padding: 0 4px;
67 line-height: 0;
68 color: #212121;
69}
70
71.md-google-search__search-btn svg, .md-google-search__empty-btn svg {
72 padding: 7px;
73 margin: 4px;
74}
75
76.md-google-search__field-container {
77 height: 46px;
78 padding: 0 11px;
79 margin-right: 48px;
80}
81
82.md-google-search__field {
83 border: none;
84 font: normal 16px Roboto, sans-serif;
85 height: 24px;
86 outline: none;
87 padding: 11px 0 11px 16px;
88 width: 100%;
89 background: transparent;
90 box-sizing: unset;
91}
92
93.md-google-search__empty-btn {
94 position: absolute;
95 right: 0;
96 top: 0;
97 background: none;
98 border: none;
99 opacity: .54;
100 outline: none;
101 padding: 0 4px;
102 line-height: 0;
103 color: #212121;
104 cursor: pointer;
105}
106
107/**
108 * Search Box Autocomplete
109 */
110.autocomplete-container {
111 z-index: 110;
112 position: absolute;
113 top: Calc(100% + 2px);
114 left: 0;
115 width: 100%;
116}
117
118.autocomplete-items {
119 display: block;
120 width: 100%;
121 max-width: 600px;
122 background-color: white;
123 color: black;
124 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.258824), 0 2px 10px 0
125 rgba(0, 0, 0, 0.156863) !important;
126 max-height: 510px;
127 overflow-y: auto;
128}
129
130.autocomplete-item {
131 font-size: 16px;
132 padding: 12px 14px;
133 cursor: pointer;
134}
135
136.autocomplete-item:hover, .autocomplete-active {
137 background: #eee;
138}
139
140.autocomplete-grau-curs {
141 position: relative;
142 z-index: 120;
143 color: #222;
144}