70 lines
1.3 KiB
CSS
70 lines
1.3 KiB
CSS
html, body {
|
|
margin: 0;
|
|
padding: 50px 0 0 0;
|
|
font-family: sans-serif;
|
|
/*background-color: #30404D;*/
|
|
background-color: #293742;
|
|
height: 100%;
|
|
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif;
|
|
}
|
|
|
|
.fediverse-heading-icon {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.fediverse-about-dialog {
|
|
top: 100px;
|
|
}
|
|
|
|
.fediverse-instance-search-popover {
|
|
max-height: 350px;
|
|
min-width: 300px;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.fediverse-sidebar {
|
|
position: fixed;
|
|
top: 50px;
|
|
bottom: 0;
|
|
right: 0;
|
|
min-width: 400px;
|
|
width: 25%;
|
|
z-index: 20;
|
|
overflow: scroll;
|
|
overflow-x: hidden;
|
|
transition-property: all;
|
|
transition-duration: .5s;
|
|
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
|
|
}
|
|
|
|
.fediverse-sidebar.closed {
|
|
right: -400px;
|
|
}
|
|
|
|
.fediverse-sidebar-toggle-button {
|
|
position: absolute;
|
|
top: 50px;
|
|
right:400px;
|
|
z-index: 20;
|
|
transition-property: all;
|
|
transition-duration: .5s;
|
|
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
|
|
}
|
|
|
|
.fediverse-sidebar-toggle-button.closed {
|
|
right: 0;
|
|
}
|
|
|
|
.fediverse-sidebar-table {
|
|
width: 100%;
|
|
}
|
|
|
|
@media screen and (min-width: 1600px) {
|
|
.fediverse-sidebar.closed {
|
|
right: -25%;
|
|
}
|
|
|
|
.fediverse-sidebar-toggle-button {
|
|
right: 25%;
|
|
}
|
|
} |