mirror of
https://git.rwth-aachen.de/acs/public/villas/web/
synced 2025-03-30 00:00:13 +01:00

The whole layout and data is hardcoded as first mockup. Mirage server mockup is added but not used yet.
112 lines
1.6 KiB
CSS
112 lines
1.6 KiB
CSS
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
background: #ccc;
|
|
color: #4d4d4d;
|
|
|
|
min-width: 300px;
|
|
max-width: 1500px;
|
|
margin: 0 auto;
|
|
|
|
font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-weight: 300;
|
|
font-smoothing: antialiased;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-font-smoothing: antialiased;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
#lapMashupApp {
|
|
background: #fff;
|
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2),
|
|
0 25px 50px 0 rgba(0, 0, 0, 0.1);
|
|
|
|
margin: 150px 0 40px 0;
|
|
position: relative;
|
|
}
|
|
|
|
#lapMashupApp h1 {
|
|
color: rgba(95, 95, 95, 0.7);
|
|
|
|
position: absolute;
|
|
top: -175px;
|
|
width: 100%;
|
|
|
|
font-size: 70px;
|
|
font-weight: 100;
|
|
text-align: center;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-text-rendering: optimizeLegiblity;
|
|
-moz-text-rendering: optimizeLegibitliy;
|
|
}
|
|
|
|
#main {
|
|
border-top: 1px solid #e6e6e6;
|
|
|
|
padding: 20px;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
#footer {
|
|
color: #777;
|
|
border-top: 1px solid #e6e6e6;
|
|
|
|
padding: 10px 15px;
|
|
height: 20px;
|
|
|
|
text-align: center;
|
|
}
|
|
|
|
#info {
|
|
color: #777;
|
|
|
|
margin: 65px auto 0;
|
|
|
|
font-size: 12px;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
text-align: center;
|
|
}
|
|
|
|
#last-update-info {
|
|
margin: 30px auto auto 0;
|
|
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
#properties-table {
|
|
background: #eee;
|
|
|
|
border: 1px solid #999;
|
|
border-collapse: collapse;
|
|
|
|
width: 50%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#properties-table th {
|
|
background: #ddd;
|
|
|
|
border: 1px solid #999;
|
|
border-collapse: collapse;
|
|
|
|
padding: 5px;
|
|
|
|
font-size: 16px;
|
|
}
|
|
|
|
#properties-table td {
|
|
border: 1px solid #999;
|
|
border-collapse: collapse;
|
|
|
|
padding: 5px;
|
|
|
|
font-size: 14px;
|
|
}
|