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

Merge branch 'master' of git://github.com/stuff2233/meshenger

pull/1/head
Roel 11 years ago
parent
5e46d14d13 dd6a74d324
commit
c52e672aff
1 changed files with 50 additions and 36 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 66
      webapp.html

66
webapp.html
View File

@ -9,12 +9,11 @@
<meta name="viewport" content="width=device-width, user-scalable=no"> <meta name="viewport" content="width=device-width, user-scalable=no">
<style> <style>
body, html{margin: 0;padding: 0;}
body{ body{
font-size:20px; font-size:20px;
text-shadow: 1px 1px orange;
text-shadow: 1px 1px orange;
font-family: times, 'times new roman', helvetica,serif; font-family: times, 'times new roman', helvetica,serif;
line-height:1.5em; line-height:1.5em;
color:#444; color:#444;
@ -25,29 +24,31 @@ text-shadow: 1px 1px orange;
textarea{ textarea{
-webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; -moz-appearance: none;
display: block; display: block;
margin: 0;
width: 100%; height: 50px;
margin-left: auto;
margin-right: auto;
width: 90%; height: 50px;
line-height: 40px; font-size: 17px; line-height: 40px; font-size: 17px;
border: 1px solid #bbb; border: 1px solid #bbb;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
background-image: url(css/aqua.jpg); background-image: url(css/aqua.jpg);
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
font-size: 30px; font-size: 20px;
} }
button {
margin: 1.5em 0;
button {
display: block;
margin-left: auto;
margin-right: auto;
margin: 1.5em 0;
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
font-size: 30px; font-size: 20px;
} }
h2{ h2{
text-shadow: 2px 2px #orange;
font-size: 40px; font-size: 40px;
} }
@ -58,29 +59,36 @@ text-shadow: 1px 1px orange;
background-image: url(css/bg1.gif); background-image: url(css/bg1.gif);
} }
ul{
width:95%;
//margin-left: 0px;
padding-left:30px;
}
li{ li{
height: 56px; word-wrap:break-word;
list-style: none;
//list-style: none; overflow: visible;
padding:30px;
-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 blue; 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-right-radius:123px;
border-top-left-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;
left:-35px; left:-35px;
padding:10px;
width:101%; width:100%;
overflow:hidden; //overflow:hidden;
position:relative; position:relative;
background:#fff; background:#fff;
//background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); //background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
@ -93,6 +101,9 @@ text-shadow: 1px 1px orange;
width:100%; width:100%;
text-align: center; text-align: center;
} }
#name{
}
</style> </style>
@ -102,13 +113,16 @@ text-shadow: 1px 1px orange;
<body> <body>
<div id="header"> <div id="header">
<h2>Meshenger</h2> <h2>Meshenger</h2>
</div> </div>
<div id="fixedDiv"> <textarea id="name" rows="1" placeholder="Your Name (leave empty for anonymous)"></textarea>
<textarea id="name" rows="1" style="width:100%" placeholder="Your Name (leave empty for anonymous)"></textarea> <textarea id="message" rows="3" placeholder="Your Message"></textarea>
<textarea id="message" rows="3" style="width:100%" placeholder="Your Message"></textarea>
<button style="width:100%" id="send">Send</button> <button style="width:100%" id="send">Send</button>
</div>
<ul id="inbox"></ul> <ul id="inbox"></ul>

Write Preview
Loading…
Cancel
Save