base.less 1.98 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;
37
  background-color: #fff;
Sandro Lutz's avatar
Sandro Lutz committed
38

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

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

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

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

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

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

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

  > .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
97
98
}

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

103
104
105
106
107
a {
  color: @color-red;
  text-decoration: none;
}

Sandro Lutz's avatar
Sandro Lutz committed
108
109
.centered {
  text-align: center;
110
}
Sandro Lutz's avatar
Sandro Lutz committed
111
112

.external-link {
Sandro Lutz's avatar
Sandro Lutz committed
113
114
115
116
117
  position: relative;
  top: .13em;
  width: 1em;
  height: 1em;
  padding: 0 0 0 .25em;
Sandro Lutz's avatar
Sandro Lutz committed
118
}