HTML and CSS Reference
In-Depth Information
<script src=" http://js.pusher.com/1.12/pusher.min.js"></script >
<script
src=" http://code.jquery.com/jquery-1.7.2.min.js"></script >
<script
src="scripts/init.js"></script>
</body>
</html>
this code creates a simple form that accepts a name and a message, as well as an unordered list to display any
messages received.
Next, let's add some Css. Create a folder called styles and add a new file to it named layout.css. this file is
already linked to from the htML we created previously. add the following code to the new Css file:
/*
* Exercise 3-2, Realtime Web Apps
*
* @author Jason Lengstorf <jason@copterlabs.com>
* @author Phil Leggetter <phil@leggetter.co.uk>
*/
html { background: #efefdc; }
body {
width: 800px;
margin: 40px auto;
overflow: hidden;
background: #def;
border: 2px solid #779;
/* Creates two shadow effects: outer and inner */
-webkit-box-shadow: 0 1px 6px #88a, inset 0 -1px 10px white;
-moz-box-shadow: 0 1px 6px #88a, inset 0 -1px 10px white;
-o-box-shadow: 0 1px 6px #88a, inset 0 -1px 10px white;
-ms-box-shadow: 0 1px 6px #88a, inset 0 -1px 10px white;
box-shadow: 0 1px 6px #88a, inset 0 -1px 10px white;
}
section,aside {
float: left;
margin: 20px 30px 10px;
padding: 20px 20px 10px;
overflow: hidden;
background: white;
border: 1px solid #dfdfef;
/* Creates two shadow effects: outer and inner */
-webkit-box-shadow: inset 0 1px 4px #88a, 0 1px 10px white;
-moz-box-shadow: inset 0 1px 4px #88a, 0 1px 10px white;
-o-box-shadow: inset 0 1px 4px #88a, 0 1px 10px white;
Search WWH ::




Custom Search