Only portrait mode is currently supported - please rotate your device.
Page History
...
HTML |
---|
<style>
div.micropost-entry {
padding: 20px 20px !important;
width: calc(90% - 40px);
}
.micropost .userLogoLink {
margin-left: 0px;
}
@media only screen and (max-width : 400px) {
.microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner img, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner img {
height: 34px;
width: 34px;
}
/*
div.micropost-entry {
justify-content: center;
}
.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
height: 44px;
}
.aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner {
margin-top: 0px;
}
.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
margin-top: 5px;
}
.micropost .micropost-left {
padding-right: 0px;
}
.micropost .userLogoLink {
margin-left: 5px;
}
*/
.micropost .micropost-right {
width: 80%;
max-width: 80%;
}
.micropost .micropost-right .micropost-header {
width: 100%;
}
.micropost-action-menu.show-permanent {
margin-right: 0px;
}
div.micropost-entry {
justify-content: flex-end;
}
.micropost .micropost-left {
padding-right: 0px;
}
.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
margin-top: 0px;
}
}
</style> |