abfe0a472a
Added the view counter, it currently collects data without exposing it to the admin. Added an API for scheduling tasks which run once every second and once every fifteen minutes. Added a generated map containing all the routes with the function names as keys. Added the request counter to the generated router. Added more ARIA Labels and moved various bits and pieces into the CSS files for flexibility. Removed a bunch of redundant avatar checks in the templates. Improved the mobile friendliness of Cosora. Fixed various issues in the other themes. Refactored the file listener. Gosora now resyncs newly created theme files not just modified ones. Gosora now resyncs renamed theme files not just modified ones.
183 lines
3.8 KiB
CSS
183 lines
3.8 KiB
CSS
@media(min-width: 881px) {
|
|
.shrink_main {
|
|
float: left;
|
|
width: calc(75% - 12px);
|
|
}
|
|
.sidebar {
|
|
float: left;
|
|
width: 25%;
|
|
margin-left: 12px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 880px) {
|
|
li {
|
|
height: 29px;
|
|
font-size: 15px;
|
|
padding-left: 9px;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
}
|
|
ul {
|
|
height: 30px;
|
|
margin-top: 8px;
|
|
}
|
|
.menu_left, .menu_right { padding-right: 9px; }
|
|
.menu_alerts {
|
|
padding-left: 7px;
|
|
padding-right: 7px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
body {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
margin: 0px !important;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
overflow-x: hidden;
|
|
}
|
|
.container { width: auto; }
|
|
.sidebar { display: none; }
|
|
.selectedAlert .alertList { top: 37px; right: 4px; }
|
|
}
|
|
|
|
@media (max-width: 680px) {
|
|
li {
|
|
padding-left: 5px;
|
|
padding-top: 3px;
|
|
padding-bottom: 2px;
|
|
height: 25px;
|
|
}
|
|
li a { font-size: 14px; }
|
|
ul { height: 26px; }
|
|
.menu_left, .menu_right { padding-right: 7px; }
|
|
|
|
.menu_alerts {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
font-size: 16px;
|
|
padding-top: 1px;
|
|
}
|
|
.selectedAlert .alertList { top: 33px; }
|
|
|
|
.hide_on_mobile { display: none !important; }
|
|
.prev_button, .next_button { top: auto; bottom: 5px; }
|
|
.colstack_grid { grid-template-columns: none; grid-gap: 8px; }
|
|
.grid_istat { margin-bottom: 0px; }
|
|
}
|
|
|
|
@media(max-width: 550px) {
|
|
#poweredByDash, #poweredByMaker {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 500px) {
|
|
.topic_list .topic_row {
|
|
grid-template-columns: calc(100% - 194px) 194px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 470px) {
|
|
.menu_overview, .menu_profile { display: none; }
|
|
.selectedAlert .alertList {
|
|
width: 135px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.selectedAlert.hasAvatars .alertList { width: calc(100% - 8px); }
|
|
.alertItem.withAvatar {
|
|
background-size: 36px;
|
|
text-align: right;
|
|
padding-left: 10px;
|
|
height: 46px;
|
|
}
|
|
.hasAvatars > .alertList > .alertItem.withAvatar {
|
|
background-size: 46px;
|
|
text-align: inherit;
|
|
padding-left: 56px;
|
|
height: 42px;
|
|
}
|
|
.alertItem { padding: 8px; }
|
|
.hasAvatars > .alertList > .alertItem { padding-top: 11px; }
|
|
.selectedAlert:not(.hasAvatars) > .alertList > .alertItem.withAvatar .text {
|
|
width: calc(100% - 20px);
|
|
height: 30px;
|
|
white-space: normal;
|
|
}
|
|
.selectedAlert:not(.hasAvatars) > .alertList > .alertItem .text {
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
margin-left: 0px;
|
|
}
|
|
.alertActive {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.hide_on_micro { display: none !important; }
|
|
.post_container { overflow: visible !important; }
|
|
.post_item:not(.action_item) {
|
|
background-position: 0px 2px !important;
|
|
background-size: 64px auto !important;
|
|
padding-left: 2px !important;
|
|
min-height: 96px;
|
|
position: relative !important;
|
|
}
|
|
.post_item > .user_content {
|
|
margin-left: 75px !important;
|
|
width: 100% !important;
|
|
min-height: 45px;
|
|
}
|
|
.post_item > .controls > .mod_button {
|
|
float: right !important;
|
|
margin-left: 2px !important;
|
|
margin-right: 3px;
|
|
}
|
|
.post_item > .controls > .mod_button > button {
|
|
opacity: 1;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
}
|
|
.post_item > .controls > .real_username {
|
|
margin-top: 0px;
|
|
margin-right: 0px;
|
|
font-size: 15px;
|
|
color: black;
|
|
max-width: 61px;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.post_item > .controls {
|
|
margin-top: 0px;
|
|
margin-left: 74px;
|
|
width: calc(100% - 74px);
|
|
}
|
|
.rowtopic {
|
|
font-size: 14px;
|
|
}
|
|
.container { width: 100% !important; }
|
|
}
|
|
|
|
@media(max-width: 390px) {
|
|
.topic_list .topic_row {
|
|
display: block;
|
|
}
|
|
.topic_row .topic_right {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 330px) {
|
|
li { padding-left: 6px; }
|
|
.menu_left { padding-right: 6px; }
|
|
.post_item > .controls > .real_username {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
margin-right: -3px;
|
|
text-overflow: clip;
|
|
max-width: 84px;
|
|
}
|
|
.post_item > .controls { margin-left: 72px; }
|
|
.top_post > .post_item > .controls > .real_username { max-width: 57px; }
|
|
.top_post > .post_item { padding-right: 4px; }
|
|
}
|