69 lines
956 B
SCSS
69 lines
956 B
SCSS
/* CSS for Phones only */
|
|
@media only screen and (max-width: 700px)
|
|
{
|
|
|
|
th, td {
|
|
// force tables into line-mode
|
|
// it's a bit ugly, but probably the best
|
|
// solution for small screens
|
|
display: block;
|
|
}
|
|
|
|
#head {
|
|
#menu {
|
|
#logo {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
#main-content {
|
|
padding: 30px 5px;
|
|
}
|
|
|
|
.front-page {
|
|
h1 {
|
|
font-size: 2em !important;
|
|
}
|
|
}
|
|
|
|
.editlink {
|
|
float: right;
|
|
opacity: 1;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.item-group {
|
|
margin: 30px 0;
|
|
|
|
&.with-avatar {
|
|
margin-left: 0;
|
|
|
|
.avatar {
|
|
float: none;
|
|
margin: 0;
|
|
border: none;
|
|
height: 32px;
|
|
width: 32px;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
}
|
|
|
|
#user-info {
|
|
tbody {
|
|
tr {
|
|
display: block;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
td:first-child:after {
|
|
content: ":";
|
|
}
|
|
}
|
|
}
|
|
|
|
#comments {
|
|
margin: 50px 20px 0;
|
|
}
|
|
|
|
} |