65 lines
1.2 KiB
CSS
65 lines
1.2 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-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: 0.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: 0.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%;
|
|
}
|
|
}
|