canopy/www/css/global.css

93 lines
1.8 KiB
CSS

/*Canopy - The next generation of stoner streaming software
Copyright (C) 2024 Rainbownapkin and the TTN Community
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.*/
html{
height: 100%;
}
body{
height: 100%;
margin: 0;
display: flex;
flex-direction: column;
}
#navbar{
display: flex;
padding: 0.5em;
justify-content: space-between;
}
.navbar-item{
display: inline;
padding: 0;
margin: 0;
}
#instance-title{
font-size: 1.2em;
}
p.navbar-item, input.navbar-item{
font-size: 0.8em;
}
.navbar-item input{
padding: 0.2em;
}
.popup-backer{
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 9000;
}
.popup-div{
position: fixed;
display: flex;
flex-direction: column;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: fit-content;
width: fit-content;
/*This joke is probably old enough to drink by now*/
z-index: 9001;
}
.popup-close-icon{
text-align: right;
position:absolute;
right: 0;
margin: 0.5em;
margin-bottom: 0;
cursor: pointer;
}
.popup-content-div{
margin: 1em;
padding-top: 0.2em;
}
.popup-title{
margin-top: 0;
}