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.
210 lines
3.6 KiB
CSS
210 lines
3.6 KiB
CSS
/* The Media Queries */
|
|
|
|
@media(min-width: 951px) {
|
|
.shrink_main {
|
|
float: left;
|
|
width: calc(75% - 12px);
|
|
}
|
|
.sidebar {
|
|
float: left;
|
|
width: 25%;
|
|
margin-left: 12px;
|
|
}
|
|
}
|
|
|
|
@media(max-width: 950px) {
|
|
.sidebar {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
li {
|
|
height: 29px;
|
|
font-size: 15px;
|
|
padding-left: 9px;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
}
|
|
li, li a {
|
|
font-size: 15px;
|
|
}
|
|
ul {
|
|
height: 30px;
|
|
margin-top: 8px;
|
|
margin-left: -1px;
|
|
margin-right: -1px;
|
|
border-bottom: 1px solid hsl(0,0%,80%);
|
|
}
|
|
.menu_left, .menu_right {
|
|
padding-right: 9px;
|
|
border-bottom: 1px solid hsl(0,0%,80%);
|
|
}
|
|
.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;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
.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; }
|
|
.hide_on_mobile { display: none; }
|
|
|
|
.menu_alerts {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
font-size: 16px;
|
|
padding-top: 1px;
|
|
}
|
|
.selectedAlert .alertList { top: 33px; }
|
|
|
|
.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) {
|
|
.container {
|
|
border: none;
|
|
background: none;
|
|
padding-right: 8px;
|
|
}
|
|
#back {
|
|
padding: 0px;
|
|
}
|
|
|
|
ul {
|
|
margin-bottom: 10px;
|
|
}
|
|
.menu_overview, .menu_profile, .hide_on_micro {
|
|
display: none;
|
|
}
|
|
.selectedAlert .alertList {
|
|
width: 156px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.alertItem.withAvatar {
|
|
background-size: 36px;
|
|
text-align: center;
|
|
padding-left: 42px;
|
|
height: 46px;
|
|
}
|
|
.alertItem {
|
|
padding: 8px;
|
|
}
|
|
.alertItem .text {
|
|
height: 30px;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
white-space: normal;
|
|
}
|
|
.post_container { overflow: visible !important; }
|
|
|
|
.post_item {
|
|
background-position: 0px 2px !important;
|
|
background-size: 64px 64px !important;
|
|
padding-left: 2px !important;
|
|
min-height: 96px;
|
|
position: relative !important;
|
|
}
|
|
.post_item > .user_content {
|
|
margin-left: 75px !important;
|
|
width: 100% !important;
|
|
}
|
|
.post_item > .mod_button {
|
|
float: right !important;
|
|
margin-left: 2px !important;
|
|
position: relative;
|
|
top: -14px;
|
|
}
|
|
.post_item > .real_username {
|
|
position: absolute;
|
|
top: 70px;
|
|
float: left;
|
|
margin-top: 0px;
|
|
padding-top: 3px !important;
|
|
margin-right: 2px;
|
|
width: 60px;
|
|
font-size: 15px;
|
|
}
|
|
.userinfo {
|
|
width: 70px;
|
|
margin-left: 3px;
|
|
}
|
|
.userinfo .avatar_item {
|
|
background-size: 64px;
|
|
width: 64px;
|
|
min-height: 64px;
|
|
}
|
|
.content_container {
|
|
margin-left: 80px;
|
|
min-height: inherit !important;
|
|
}
|
|
.user_content {
|
|
min-height: 79.5px !important;
|
|
font-size: 15px;
|
|
}
|
|
.user_content.nobuttons {
|
|
min-height: 100.5px !important;
|
|
} /* UNUSED */
|
|
.the_name { font-size: 15px; }
|
|
.post_tag { font-size: 12px; }
|
|
.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; }
|
|
}
|