base.less 1.88 KB
Newer Older
Cliff Li's avatar
Cliff Li committed
1
@import './about.less';
2
@import './board.less';
Sandro Lutz's avatar
Sandro Lutz committed
3
@import './colors.less';
Nicolas Vetsch's avatar
Nicolas Vetsch committed
4
@import './teams.less';
Sandro Lutz's avatar
Sandro Lutz committed
5
@import './dimensions.less';
Sandro Lutz's avatar
Sandro Lutz committed
6
@import './errors.less';
Sandro Lutz's avatar
Sandro Lutz committed
7
@import './eventList.less';
8
9
10
@import './eventDetails.less';
@import './filteredListPage.less';
@import './footer.less';
Cliff Li's avatar
Cliff Li committed
11
@import './frontpage.less';
Sandro Lutz's avatar
Sandro Lutz committed
12
@import './header.less';
Sandro Lutz's avatar
Sandro Lutz committed
13
@import './images.less';
14
15
16
17
18
@import './infobox.less';
@import './legalNotice.less';
@import './mediaquery.less';
@import './profile.less';
@import './studydocList.less';
19
@import './studydocQuickFilter.less';
parethe's avatar
parethe committed
20
21
22
@import './studydocNew.less';
@import './fileUpload.less';
@import './filterView.less';
Sandro Lutz's avatar
Sandro Lutz committed
23
24
@import './jobofferList.less';
@import './jobofferDetails.less';
Cliff Li's avatar
Cliff Li committed
25

Sandro Lutz's avatar
Sandro Lutz committed
26
27
28
29
* {
  box-sizing: border-box;
}

Sandro Lutz's avatar
Sandro Lutz committed
30
html,body {
Sandro Lutz's avatar
Sandro Lutz committed
31
32
33
34
35
36
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
Sandro Lutz's avatar
Sandro Lutz committed
37

Sandro Lutz's avatar
Sandro Lutz committed
38
39
40
  @media @tablet, @mobile {
    font-size: 18px;
  }
41

Sandro Lutz's avatar
Sandro Lutz committed
42
43
44
45
46
47
48
49
50
51
  > div {
    width: 100%;
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
      'header'
      'content'
      'footer';
  }
Sandro Lutz's avatar
Sandro Lutz committed
52
53
54
}

section {
Sandro Lutz's avatar
Sandro Lutz committed
55
  width: 100%;
lic's avatar
lic committed
56
  margin: 3em 0 0;
Sandro Lutz's avatar
Sandro Lutz committed
57

Sandro Lutz's avatar
Sandro Lutz committed
58
59
60
61
62
  > * {
    max-width: @dimension-max-content-width;
    padding: 0 1em;
    margin: 0 auto;
  }
lic's avatar
lic committed
63
64
65
66

  &.blue {
    background-color: @color-dark-blue;
  }
Sandro Lutz's avatar
Sandro Lutz committed
67
68
69
}

main {
70
  position: relative;
Sandro Lutz's avatar
Sandro Lutz committed
71
  width: 100%;
Sandro Lutz's avatar
Sandro Lutz committed
72

Sandro Lutz's avatar
Sandro Lutz committed
73
74
75
76
77
  > * {
    max-width: @dimension-max-content-width;
    padding: 0 1em;
    margin: 0 auto;
  }
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94

  > .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  > .error {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    font-size: 2em;
    color: rgba(0, 0, 0, .54);
  }
Cliff Li's avatar
Cliff Li committed
95
96
}

Sandro Lutz's avatar
Sandro Lutz committed
97
98
99
h1 {
  margin: 2em 0;
}
Sandro Lutz's avatar
Sandro Lutz committed
100

Sandro Lutz's avatar
Sandro Lutz committed
101
102
.centered {
  text-align: center;
103
}
Sandro Lutz's avatar
Sandro Lutz committed
104
105

.external-link {
Sandro Lutz's avatar
Sandro Lutz committed
106
107
108
109
110
  position: relative;
  top: .13em;
  width: 1em;
  height: 1em;
  padding: 0 0 0 .25em;
Sandro Lutz's avatar
Sandro Lutz committed
111
}