mobile friendly
This commit is contained in:
parent
3ca54877a7
commit
3e256b815a
41
index.html
41
index.html
@ -11,6 +11,7 @@
|
||||
<meta content="Private Homepage" name="page-type">
|
||||
<meta content="en" http-equiv="content-language">
|
||||
<meta content="index, follow" name="robots">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=0.8,maximum-scale=0.8,user-scalable=0">
|
||||
|
||||
<style>
|
||||
@import 'https://fonts.googleapis.com/css?family=Roboto+Mono:100';
|
||||
@ -31,16 +32,16 @@
|
||||
table {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
width: calc(100% - 50px);
|
||||
max-width: 600px;
|
||||
width: calc(100% - 2rem);
|
||||
max-width: 40rem;
|
||||
background-color: #1f262b;
|
||||
box-shadow: 3px 3px 10px #333;
|
||||
border: 2px solid #fff;
|
||||
border-collapse: separate;
|
||||
border-spacing: 2px;
|
||||
border-radius: 10px;
|
||||
border-radius: 0.75rem;
|
||||
color: #fff;
|
||||
font-size: 15pt;
|
||||
font-size: 1.2rem;
|
||||
font-family: "Roboto", regular, sans-serif;
|
||||
}
|
||||
|
||||
@ -51,7 +52,6 @@
|
||||
|
||||
th {
|
||||
margin: auto;
|
||||
border: 0px solid #aaa;
|
||||
background-color: #546E7A;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
@ -59,22 +59,21 @@
|
||||
|
||||
td {
|
||||
margin: auto;
|
||||
border: 0px solid #aaa;
|
||||
background-color: #37474F;
|
||||
padding: 10px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
td.left, th.left {
|
||||
border-radius: 8px 0px 0px 8px;
|
||||
border-radius: 0.5rem 0 0 0.5rem;
|
||||
}
|
||||
|
||||
td.right, th.right {
|
||||
border-radius: 0px 8px 8px 0px;
|
||||
border-radius: 0 0.5rem 0.5rem 0;
|
||||
}
|
||||
|
||||
td.mid, th.mid {
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
border-radius: 0 0 0 0;
|
||||
}
|
||||
|
||||
.footer {
|
||||
@ -135,30 +134,6 @@
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) and (min-height: 1100px) {
|
||||
.middle {
|
||||
width: 80%;
|
||||
margin-left: 10%;
|
||||
font-size: 8em;
|
||||
color: #fafafa;
|
||||
position: fixed;
|
||||
bottom: 30%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.social {
|
||||
position: relative;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
.logo-img {
|
||||
fill: #fafafa;
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
Loading…
Reference in New Issue
Block a user