ZeroMe/css/mobile.css

/* ZeroMe Mobile */
#Trigger {
display: none;
}

@media screen and (max-width: 750px) {
html, body, p, th, td, li {
font-size: medium !important;
}

.head-container {
position: fixed;
width: 100%;
height: 50px;
z-index: 30;
}
.head {
width: 100%;
}
.head .logo {
margin-left: 50px;
position: absolute;
z-index: 1;
}
.right {
position: fixed;
right: 0;
top: 0;
}
#Content {
width: 100%;
margin-top: 60px;
margin-bottom: 5px;
}
.col-center {
width: 100%;
overflow: auto;
padding-left: 5px;
padding-right: 5px;
display: block;
padding-top: 60px;
margin-top: -60px;
}
.col-left, .col-right {
position: fixed;
top: 60px;
left: -305px;
height: 100%;
background-color: #f6f7f8;
margin-left: 0px;
padding-top: 60px;
padding-right: 15px;
padding-left: 15px;
margin-top: -60px;
width: 300px;
overflow-x: hidden;
overflow-y: auto;
z-index: 1;
transition: 0.3s all cubic-bezier(0.77, 0, 0.175, 1);
}
.theme-dark .col-left, .theme-dark .col-right {
background-color: #26242e;
}
.trigger-on .col-left, .trigger-on .col-right {
left: 0px;
box-shadow: 0px 0px 30px #999;
}

#Trigger {
display: block;
position: fixed;
left: 5px;
top: 3px;
width: 40px;
height: 40px;
z-index: 100;
border: 1px solid rgba(187, 187, 187, 0.32);
border-radius: 5px;
}
#Trigger .icon {
background-image: url(../img/nav-icon.png);
display: block;
border: 12px solid transparent;
height: 16px;
outline: none;
border-radius: 5px;
}
.col-left.faded {
opacity: 1;
filter: none;
}
.user.card {
box-shadow: none;
margin-top: 10px;
margin-left: -15px;
}
.activity-list .items {
margin-bottom: 0px;
}
.more.small {
padding: 10px;
margin-bottom: 5px;
border-radius: 5px;
}
.post-create .icon-image {
margin-left: unset;
right: 40px;
}
#Overlay .img {
width: 100% !important;
margin-left: 0px !important;
margin-top: -40px !important;
left: 0px !important;
}
.post .img {
width: 100% !important;
max-height: 300px !important;
min-height: 100px;
background-size: cover !important;
}
.post .img .fullsize {
background-size: cover !important;
}
.post .img .details {
z-index: 50;
}
.post blockquote {
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
}

@media screen and (max-width: 500px) {
.post .sep, .user .address {
display: none;
}
.post .added {
margin-left: 10px;
}
}