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;
}
/* resize images on mobile */
@media all and (max-width: 768px) {
@ -50,30 +51,29 @@ body{
}
.nodehops{
position: absolute;
float: right;
right:20px;
text-align: right;
padding: 0px;
margin-top:-60px;
-moz-box-shadow:0 0 23px #bbb;
-webkit-box-shadow:0 0 23px #bbb;
box-shadow:0 0 23px #bbb;
-webkit-border-top-left-radius:123px;
-webkit-border-top-right-radius:123px;
-webkit-border-bottom-right-radius:123px;
-webkit-border-bottom-left-radius:123px;
-moz-border-radius-bottomright:123px;
-moz-border-radius-bottomleft:123px;
-moz-border-top-left-radius:123px;
-moz-border-top-right-radius:123px;
border-top-left-radius:123px;
border-top-right-radius:123px;
border-bottom-right-radius:123px;
border-bottom-left-radius:123px;
background:#fff;
}
position: absolute;
float: right;
right:20px;
text-align: right;
padding: 0px;
margin-top:-50px;
-moz-box-shadow:0 0 23px #bbb;
-webkit-box-shadow:0 0 23px #bbb;
box-shadow:0 0 23px #bbb;
-webkit-border-top-left-radius:123px;
-webkit-border-top-right-radius:123px;
-webkit-border-bottom-right-radius:123px;
-webkit-border-bottom-left-radius:123px;
-moz-border-radius-bottomright:123px;
-moz-border-radius-bottomleft:123px;
-moz-border-top-left-radius:123px;
-moz-border-top-right-radius:123px;
border-top-left-radius:123px;
border-top-right-radius:123px;
border-bottom-right-radius:123px;
border-bottom-left-radius:123px;
background:#fff;
}
}
@ -150,7 +150,7 @@ img.photo-message{
border-bottom-left-radius:123px;
background:#fff;
}
}
}
@ -161,15 +161,15 @@ img.emo {
}
p.text-message{
padding: 30px;
padding-top: 40px;
padding: 30px;
padding-top: 50px;
}
#input-footer{
position: fixed;
top:0px;
width:100%;
margin:10px;
position: fixed;
top:0px;
width:100%;
margin:10px;
}
@ -437,7 +437,7 @@ hr{
margin: 0;
}
.messages .message-block {
margin:30px;
margin-top:30px;
word-wrap:break-word;
overflow: visible;
-moz-box-shadow:0 0 23px #bbb;
@ -509,6 +509,7 @@ hr{
border-bottom-left-radius:123px;
background:#fff;
}
#outbox{
display:none;
}