styled message-block margin for smaller screens
This commit is contained in:
parent
ae99ee803f
commit
1c8760c8c3
@ -13,6 +13,7 @@ body{
|
|||||||
padding:20px;
|
padding:20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* resize images on mobile */
|
/* resize images on mobile */
|
||||||
@media all and (max-width: 768px) {
|
@media all and (max-width: 768px) {
|
||||||
|
|
||||||
@ -55,7 +56,7 @@ body{
|
|||||||
right:20px;
|
right:20px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin-top:-60px;
|
margin-top:-50px;
|
||||||
-moz-box-shadow:0 0 23px #bbb;
|
-moz-box-shadow:0 0 23px #bbb;
|
||||||
-webkit-box-shadow:0 0 23px #bbb;
|
-webkit-box-shadow:0 0 23px #bbb;
|
||||||
box-shadow:0 0 23px #bbb;
|
box-shadow:0 0 23px #bbb;
|
||||||
@ -72,8 +73,7 @@ body{
|
|||||||
border-bottom-right-radius:123px;
|
border-bottom-right-radius:123px;
|
||||||
border-bottom-left-radius:123px;
|
border-bottom-left-radius:123px;
|
||||||
background:#fff;
|
background:#fff;
|
||||||
|
}
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -150,7 +150,7 @@ img.photo-message{
|
|||||||
border-bottom-left-radius:123px;
|
border-bottom-left-radius:123px;
|
||||||
background:#fff;
|
background:#fff;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -161,15 +161,15 @@ img.emo {
|
|||||||
}
|
}
|
||||||
|
|
||||||
p.text-message{
|
p.text-message{
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
padding-top: 40px;
|
padding-top: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#input-footer{
|
#input-footer{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top:0px;
|
top:0px;
|
||||||
width:100%;
|
width:100%;
|
||||||
margin:10px;
|
margin:10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -437,7 +437,7 @@ hr{
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.messages .message-block {
|
.messages .message-block {
|
||||||
margin:30px;
|
margin-top:30px;
|
||||||
word-wrap:break-word;
|
word-wrap:break-word;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
-moz-box-shadow:0 0 23px #bbb;
|
-moz-box-shadow:0 0 23px #bbb;
|
||||||
@ -509,6 +509,7 @@ hr{
|
|||||||
border-bottom-left-radius:123px;
|
border-bottom-left-radius:123px;
|
||||||
background:#fff;
|
background:#fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#outbox{
|
#outbox{
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user