This app provides monitoring and information features for the common freifunk user and the technical stuff of a freifunk community.
Code base is taken from a TUM Practical Course project and added here to see if Freifunk Altdorf can use it.
https://www.freifunk-altdorf.de
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
1.1 KiB
81 lines
1.1 KiB
html, h1, h2 { |
|
font-family: 'Roboto', sans-serif; |
|
font-weight: 300; |
|
} |
|
|
|
.container { |
|
width: 800px; |
|
margin: 0 auto; |
|
} |
|
|
|
.circle { |
|
margin: 2px; |
|
width: 50px; |
|
height: 50px; |
|
position: absolute; |
|
display: inline-block; |
|
box-shadow: 0 1px 2px #999; |
|
text-shadow: 0 1px 2px #999; |
|
background-image: url(pic1.jpg); |
|
background-size: cover; |
|
line-height: 80px; |
|
vertical-align: bottom; |
|
text-align: center; |
|
color: white; |
|
font-size: 10px; |
|
} |
|
|
|
.circle:nth-child(2) { |
|
background-image: url(pic2.jpg); |
|
} |
|
|
|
.circle:nth-child(3) { |
|
background-image: url(pic3.jpg); |
|
} |
|
|
|
div.code { |
|
box-shadow: 0 1px 2px #999; |
|
width: 600px; |
|
padding: 5px; |
|
position: relative; |
|
margin: 0 auto; |
|
margin-bottom: 40px; |
|
} |
|
|
|
div.code .reset { |
|
float: right; |
|
} |
|
|
|
div.code pre { |
|
padding: 2px; |
|
} |
|
|
|
hr { |
|
border: none; |
|
border-bottom: 1px solid #D9D9D9; |
|
margin: 0; |
|
} |
|
|
|
button { |
|
vertical-align: top; |
|
} |
|
|
|
.example > span { |
|
color: #333; |
|
font-size: 13px; |
|
} |
|
|
|
.example { |
|
position: relative; |
|
height: 60px; |
|
} |
|
|
|
.code pre { |
|
margin: 0; |
|
font-size: 11px; |
|
line-height: 1; |
|
} |
|
|
|
.highlight { |
|
background: rgb(228, 254, 253); |
|
}
|
|
|