blob: e6a0291f8f3c500ef9e70a3e52ae18024fefc709 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
@import '../variables';
@import '../modules/transparent-navbar';
.generic-background {
background: -webkit-gradient(linear, left top, left bottom, from($nextcloud-blue), color-stop(100%, #3e9ed8), to(#d8d8d8));
background: linear-gradient(to bottom, $nextcloud-blue, #3e9ed8 100%, #d8d8d8);
padding: 0;
border-radius: 0 !important;
margin-bottom: 0px;
height: 30vh;
min-height: 400px;
max-height: 600px;
.pattern {
width:100%;
height:100%;
opacity: 0.1;
background: url('../../img/headers/generic.png') no-repeat;
background-size: cover;
background-position: center;
@media (max-width: $break-big) {
}
}
@media (max-width: $break-big) {
min-height: 200px;
max-height: 400px;
}
}
.input-group {
input {
background: rgb(255, 255, 255) url(../../img/icons/search.png) no-repeat scroll 10px 12px;
margin: 25px 10px;
padding: 0 25px 0 45px;
height: 45px;
border-radius: 30px;
border-style: solid;
border-color: lightgray;
border-width: thin;
color: #757575;
width: 300px;
}
button {
margin: 20px 5px;
padding: 0 25px;
height: 45px;
border-radius: 30px;
border-style: solid;
border-color: lightgray;
border-width: thin;
color: #757575;
&:hover {
color: white;
background-color: $nextcloud-blue;;
}
}
}
footer {
margin-top: 200px;
}
|