conference-site/themes/pelican-blue/static/css/large.css
Daniele Scasciafratte 9f91cb675b feat(large): riscritta
2021-11-17 12:46:52 +01:00

80 lines
1.1 KiB
CSS

article {
max-width:100%;
}
img {
max-width: 100%;
}
#live iframe {
border: 0px;
flex: 1;
width: 100%
}
#footlinks {
width: 100%;
margin: auto;
}
#footlinks ul
{
column-count: 2;
list-style: none;
padding: 0 50px;
margin: 0 0;
}
#footlinks li
{
display: block;
width: 200px;
min-height: 50px;
margin: 0px 5px;
}
#footlinks a
{
-webkit-transition: 200ms;
transition: 200ms;
display: block;
width: 10rem;
padding: 0.77273rem 0rem;
background-color: #3a7c78;
color: white;
vertical-align: middle;
text-align: center;
text-decoration: none;
border: 0px solid #3a7c78;
margin: 0px 5px;
border-radius: 10px 10px;
}
#footlinks a:hover {
background-color: #73d08a;
border-color: #73d08a;
color: #3a7c78;
}
#live {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
height: 75vh;
}
#embedded-chat, #embedded-video {
width: 100%;
height: 100%;
}
@media screen and (max-width: 1024px) {
#live iframe {
min-height: 400px;
}
#live {
flex-direction: column;
justify-content: space-between;
height:auto;
}
}