kaboomserver/website
1
0
Fork 0
mirror of https://github.com/kaboomserver/website.git synced 2024-12-23 00:05:03 +00:00
Code Issues Projects Releases Wiki Activity

Update index.html

Browse source
This commit is contained in:
mathias 2015-12-12 16:48:24 +02:00
parent fd951af1b5
commit 078e102c63
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
index.html
View file

@ -314,6 +314,7 @@
button:hover, button:focus { button:hover, button:focus {
background: rgba(255,255,255,.05); background: rgba(255,255,255,.05);
} }
/* Responsive Design */
@media (min-width: 0px) { @media (min-width: 0px) {
html { font-size: 76%; } html { font-size: 76%; }
#aboutcontainer, #newscontainer, #contactcontainer { padding-right: 3%; padding-left: 3%; } #aboutcontainer, #newscontainer, #contactcontainer { padding-right: 3%; padding-left: 3%; }
@ -403,37 +404,37 @@
html { font-size: 108%; } html { font-size: 108%; }
#aboutcontainer { padding-right: 14%; padding-left: 14%; } #aboutcontainer { padding-right: 14%; padding-left: 14%; }
#newscontainer { padding-right: 17%; padding-left: 17%; } #newscontainer { padding-right: 17%; padding-left: 17%; }
#contactcontainer { padding-right: 30%; padding-left: 30%; } #contactcontainer { padding-right: 29%; padding-left: 29%; }
} }
@media (min-width: 1700px) { @media (min-width: 1700px) {
html { font-size: 110%; } html { font-size: 110%; }
#aboutcontainer { padding-right: 15%; padding-left: 15%; } #aboutcontainer { padding-right: 15%; padding-left: 15%; }
#newscontainer { padding-right: 18%; padding-left: 18%; } #newscontainer { padding-right: 18%; padding-left: 18%; }
#contactcontainer { padding-right: 31%; padding-left: 31%; } #contactcontainer { padding-right: 30%; padding-left: 30%; }
} }
@media (min-width: 1800px) { @media (min-width: 1800px) {
html { font-size: 112%; } html { font-size: 112%; }
#aboutcontainer { padding-right: 16%; padding-left: 16%; } #aboutcontainer { padding-right: 16%; padding-left: 16%; }
#newscontainer { padding-right: 19%; padding-left: 19%; } #newscontainer { padding-right: 19%; padding-left: 19%; }
#contactcontainer { padding-right: 32%; padding-left: 32%; } #contactcontainer { padding-right: 31%; padding-left: 31%; }
} }
@media (min-width: 1900px) { @media (min-width: 1900px) {
html { font-size: 114%; } html { font-size: 114%; }
#aboutcontainer { padding-right: 17%; padding-left: 17%; } #aboutcontainer { padding-right: 17%; padding-left: 17%; }
#newscontainer { padding-right: 20%; padding-left: 20%; } #newscontainer { padding-right: 20%; padding-left: 20%; }
#contactcontainer { padding-right: 33%; padding-left: 33%; } #contactcontainer { padding-right: 32%; padding-left: 32%; }
} }
@media (min-width: 2000px) { @media (min-width: 2000px) {
html { font-size: 116%; } html { font-size: 116%; }
#aboutcontainer { padding-right: 18%; padding-left: 18%; } #aboutcontainer { padding-right: 18%; padding-left: 18%; }
#newscontainer { padding-right: 21%; padding-left: 21%; } #newscontainer { padding-right: 21%; padding-left: 21%; }
#contactcontainer { padding-right: 34%; padding-left: 34%; } #contactcontainer { padding-right: 33%; padding-left: 33%; }
} }
@media (min-width: 2100px) { @media (min-width: 2100px) {
html { font-size: 118%; } html { font-size: 118%; }
#aboutcontainer { padding-right: 19%; padding-left: 19%; } #aboutcontainer { padding-right: 19%; padding-left: 19%; }
#newscontainer { padding-right: 22%; padding-left: 22%; } #newscontainer { padding-right: 22%; padding-left: 22%; }
#contactcontainer { padding-right: 35%; padding-left: 35%; } #contactcontainer { padding-right: 34%; padding-left: 34%; }
} }
@media (min-width: 2200px) { @media (min-width: 2200px) {
html { font-size: 120%; } html { font-size: 120%; }
@ -445,13 +446,13 @@
html { font-size: 122%; } html { font-size: 122%; }
#aboutcontainer { padding-right: 21%; padding-left: 21%; } #aboutcontainer { padding-right: 21%; padding-left: 21%; }
#newscontainer { padding-right: 24%; padding-left: 24%; } #newscontainer { padding-right: 24%; padding-left: 24%; }
#contactcontainer { padding-right: 44%; padding-left: 44%; } #contactcontainer { padding-right: 37%; padding-left: 37%; }
} }
@media (min-width: 2400px) { @media (min-width: 2400px) {
html { font-size: 124%; } html { font-size: 124%; }
#aboutcontainer { padding-right: 22%; padding-left: 22%; } #aboutcontainer { padding-right: 22%; padding-left: 22%; }
#newscontainer { padding-right: 25%; padding-left: 25%; } #newscontainer { padding-right: 25%; padding-left: 25%; }
#contactcontainer { padding-right: 46%; padding-left: 46%; } #contactcontainer { padding-right: 38%; padding-left: 38%; }
} }
</style> </style>
</head> </head>