diff --git a/css/core.less b/css/core.less new file mode 100755 index 0000000..08c698a --- /dev/null +++ b/css/core.less @@ -0,0 +1,90 @@ +/* global classes */ +.center { + text-align:center; +} +.cb { + clear:both; +} + +/* basic layout */ +header { + width: 600px; + margin: 20px auto 0; + padding:10px 0 0 0; + + background-color:#aaa; + + border-radius: 5px; + border: 2px solid #000; + + position:relative; + z-index:1; +} + +#content { + width:550px; + margin: -10px auto; + padding: 20px 5px 5px 5px; + + background-color: #ddd; + border-radius: 5px; + border: 2px solid #000; +} + +h1 { + font-size: 1.4em; + a { text-decoration:none; color:#000; } +} + +nav { +} + +nav ul li { + float:left; + width:100px; + height:80px; + border: 1px solid #fff; + margin: 9px; + text-align:center; + + /*temp*/ + background-color: #444; +} + +nav ul li a { + display:block; + height: 80px; + text-decoration:none; + color: #fff; + line-height:80px; +} + +nav ul li a:hover { background-color:#777; } + +.room +{ + position:relative; + height: 300px; +} + +.room#room1 { background:url(../img/room1.png) no-repeat center; } +.room#room2 { background:url(../img/room2.png) no-repeat center; } +.room#room3 { background:url(../img/room3.png) no-repeat center; } +.room#room4 { background:url(../img/room4.png) no-repeat center; } +.room#room5 { background:url(../img/room5.png) no-repeat center; } + +.device +{ + position:absolute; + cursor:pointer; +} + +.on +{ + background-color:Green; +} + +.off +{ + background-color:Red; +} \ No newline at end of file diff --git a/css/reset.css b/css/reset.css new file mode 100755 index 0000000..b0854aa --- /dev/null +++ b/css/reset.css @@ -0,0 +1,2 @@ +/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} \ No newline at end of file diff --git a/img/Thumbs.db b/img/Thumbs.db new file mode 100755 index 0000000..3af8d64 Binary files /dev/null and b/img/Thumbs.db differ diff --git a/img/bg.jpg b/img/bg.jpg new file mode 100755 index 0000000..ea158c6 Binary files /dev/null and b/img/bg.jpg differ diff --git a/img/psd/room1.psd b/img/psd/room1.psd new file mode 100755 index 0000000..6492f1d Binary files /dev/null and b/img/psd/room1.psd differ diff --git a/img/psd/room2.psd b/img/psd/room2.psd new file mode 100755 index 0000000..7387ce5 Binary files /dev/null and b/img/psd/room2.psd differ diff --git a/img/psd/room3.psd b/img/psd/room3.psd new file mode 100755 index 0000000..19d7b70 Binary files /dev/null and b/img/psd/room3.psd differ diff --git a/img/room1.png b/img/room1.png new file mode 100755 index 0000000..64106f9 Binary files /dev/null and b/img/room1.png differ diff --git a/img/room2.png b/img/room2.png new file mode 100755 index 0000000..9abc3e9 Binary files /dev/null and b/img/room2.png differ diff --git a/img/room3.png b/img/room3.png new file mode 100755 index 0000000..0bce1c5 Binary files /dev/null and b/img/room3.png differ diff --git a/index.html b/index.html index 4db5607..9d6d692 100755 --- a/index.html +++ b/index.html @@ -3,22 +3,44 @@