123 lines
1.8 KiB
CSS
123 lines
1.8 KiB
CSS
/* general formatting */
|
|
|
|
@media (min-width: 768px) {
|
|
.container-small {
|
|
width: 300px;
|
|
}
|
|
.container-large {
|
|
width: 970px;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container-small {
|
|
width: 500px;
|
|
}
|
|
.container-large {
|
|
width: 1170px;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container-small {
|
|
width: 700px;
|
|
}
|
|
.container-large {
|
|
width: 1500px;
|
|
}
|
|
}
|
|
|
|
.container-small, .container-large {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* navbar */
|
|
|
|
body {
|
|
margin-top: 5rem;
|
|
}
|
|
|
|
/* timeline */
|
|
|
|
.onionr-post-focus-separator {
|
|
width: 100%;
|
|
|
|
padding: 1rem;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.onionr-post {
|
|
padding: 1rem;
|
|
margin-bottom: 1rem;
|
|
|
|
cursor: pointer;
|
|
|
|
width: 100%;
|
|
}
|
|
|
|
.onionr-post-user-name {
|
|
display: inline;
|
|
}
|
|
|
|
.onionr-post-user-id:before { content: "("; }
|
|
.onionr-post-user-id:after { content: ")"; }
|
|
|
|
.onionr-post-content {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.onionr-post-user-icon {
|
|
border-radius: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.onionr-post-creator {
|
|
padding: 1rem;
|
|
margin-bottom: 1rem;
|
|
|
|
width: 100%;
|
|
}
|
|
|
|
.onionr-post-creator-user-name {
|
|
display: inline;
|
|
}
|
|
|
|
.onionr-post-creator-user-id:before { content: "("; }
|
|
.onionr-post-creator-user-id:after { content: ")"; }
|
|
|
|
.onionr-post-creator-content {
|
|
word-wrap: break-word;
|
|
width: 100%;
|
|
}
|
|
|
|
.onionr-post-creator-user-icon {
|
|
border-radius: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.onionr-post-creator-create {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.h-divider {
|
|
margin: 5px 15px;
|
|
height: 1px;
|
|
width: 100%;
|
|
}
|
|
|
|
/* profile */
|
|
|
|
.onionr-profile-user-icon {
|
|
border-radius: 100%;
|
|
width: 100%;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.onionr-profile-username {
|
|
text-align: center;
|
|
}
|
|
|
|
.onionr-profile-save {
|
|
width: 100%;
|
|
}
|