Facebook-Events-iCal-Converter/lib/static/style.css

80 lines
1.2 KiB
CSS
Raw Normal View History

2019-10-24 21:29:28 +02:00
/* Define platform-specific typefaces */
@font-face {
font-family: "system";
2019-10-24 21:29:28 +02:00
font-style: normal;
src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}
/* Web query */
@media screen and (min-width: 501px) {
img#logo {
width: 72px;
height: 72px;
}
}
/* Mobile screen+ query */
2019-10-21 21:43:36 +02:00
@media screen and (max-width: 500px) {
h1 {
font-size: 1.6rem;
margin: 0;
}
2019-10-24 21:29:28 +02:00
article#main, input {
font-size: 1.1rem;
}
img#logo {
width: 64px;
height: 64px;
}
2019-10-21 21:43:36 +02:00
}
2019-10-24 21:29:28 +02:00
/* Mobile screen query */
2019-10-21 21:43:36 +02:00
@media screen and (max-width: 320px) {
h1 {
2019-10-24 21:29:28 +02:00
font-size: 1.2rem;
2019-10-21 21:43:36 +02:00
margin: 0;
}
2019-10-24 21:29:28 +02:00
article#main, input {
font-size: 1.2rem;
}
img#logo {
width: 32px;
height: 32px;
}
2019-10-21 21:43:36 +02:00
}
body {
font-family:-apple-system, "system";
display: flex;
flex-direction: column;
min-height: 100vh;
font-size: 16px;
margin: 0px;
padding: 5px;
2019-10-24 20:45:34 +02:00
max-width: 600px;
box-sizing: border-box;
}
2019-10-24 21:29:28 +02:00
header {
display: flex;
align-items: center;
}
footer {
background-color: #fff;
}
article#main {
flex: 1;
}
2019-10-24 21:29:28 +02:00
img#logo {
margin: 5px;
}
#current-download {
display: none;
}