rra/meshenger
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

styled message-block margin for smaller screens

Browse Source
This commit is contained in:
dennisdebel 2015-05-21 21:47:53 +02:00
parent ae99ee803f
commit 1c8760c8c3
1 changed files with 33 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
web/style.css
View File

@ -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) {
@ -50,30 +51,29 @@ body{
} }
.nodehops{ .nodehops{
position: absolute; position: absolute;
float: right; float: right;
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;
-webkit-border-top-left-radius:123px; -webkit-border-top-left-radius:123px;
-webkit-border-top-right-radius:123px; -webkit-border-top-right-radius:123px;
-webkit-border-bottom-right-radius:123px; -webkit-border-bottom-right-radius:123px;
-webkit-border-bottom-left-radius:123px; -webkit-border-bottom-left-radius:123px;
-moz-border-radius-bottomright:123px; -moz-border-radius-bottomright:123px;
-moz-border-radius-bottomleft:123px; -moz-border-radius-bottomleft:123px;
-moz-border-top-left-radius:123px; -moz-border-top-left-radius:123px;
-moz-border-top-right-radius:123px; -moz-border-top-right-radius:123px;
border-top-left-radius:123px; border-top-left-radius:123px;
border-top-right-radius:123px; border-top-right-radius:123px;
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;
} }