mirror of
https://github.com/usmannasir/cyberpanel.git
synced 2025-11-08 14:26:16 +01:00
127 lines
2.4 KiB
CSS
Executable File
127 lines
2.4 KiB
CSS
Executable File
/* === Mobile devices - Portrait (320px wide) === */
|
|
|
|
@media only screen and (min-width: 20em) {
|
|
|
|
}
|
|
/* === Mobile devices - Landscape (480px wide) === */
|
|
|
|
@media only screen and (min-width: 30em) {
|
|
|
|
}
|
|
/* === Tablet devices - Portrait (768px wide) === */
|
|
|
|
@media only screen and (min-width: 48em) {
|
|
|
|
}
|
|
/* === Tablet devices - Landscape (900px wide) === */
|
|
|
|
@media only screen and (min-width: 56.25em) {
|
|
|
|
}
|
|
/* === Netbook devices (1100px wide) === */
|
|
|
|
@media only screen and (min-width: 68.75em) {
|
|
|
|
}
|
|
/* === Desktop devices (1300px wide) === */
|
|
|
|
@media only screen and (min-width: 81.25em) {
|
|
|
|
|
|
}
|
|
/* === Desktop devices (1600px wide) === */
|
|
|
|
@media only screen and (min-width: 81.25em) {
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Responsive elements */
|
|
|
|
@media (max-width: 1050px) {
|
|
/* Information Boxes */
|
|
|
|
.info-box.icon-wrapper {
|
|
padding-left: 50px;
|
|
}
|
|
.info-box.icon-wrapper .icon-large {
|
|
font-size: 70px;
|
|
}
|
|
.info-box .stats {
|
|
font-size: 20px;
|
|
}
|
|
.info-box b {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
}
|
|
@media screen and (max-width: 650px) {
|
|
.mobile-hidden {
|
|
display: none !important;
|
|
}
|
|
.mobile-buttons a.btn {
|
|
display: block;
|
|
float: none;
|
|
min-width: 1px;
|
|
max-width: 100%;
|
|
margin: 0 0 5px;
|
|
}
|
|
.heading-1 .heading-content {
|
|
width: 80%;
|
|
}
|
|
.heading-1 small {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.content-box .content-box-wrapper {
|
|
padding: 5px;
|
|
}
|
|
.popover {
|
|
min-width: 100px !important;
|
|
}
|
|
.medium-box,
|
|
.scrollable-small {
|
|
width: 300px !important;
|
|
}
|
|
/* Chats */
|
|
|
|
.chat-box li {
|
|
padding-right: 50px;
|
|
}
|
|
.chat-box li.float-left {
|
|
padding-left: 50px;
|
|
}
|
|
.chat-box .popover .popover-content {
|
|
font-size: 11px;
|
|
line-height: 1.5em;
|
|
padding: 5px;
|
|
}
|
|
.chat-box .chat-author img {
|
|
width: 34px;
|
|
min-width: 34px;
|
|
}
|
|
/* Notifications */
|
|
|
|
.notifications-box li .notification-text {
|
|
display: block;
|
|
overflow: hidden;
|
|
width: 44%;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.notifications-box li .notification-time {
|
|
margin: 0;
|
|
}
|
|
/* Messages */
|
|
|
|
.messages-box li .messages-text {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
}
|