Added Draggable Window for demoHEADmain

1 files changed, 13 insertions, 3 deletions

diff --git a/css/layouts.css b/css/layouts.css
index 414f7b6..8c79e24 100644
--- a/css/layouts.css
+++ b/css/layouts.css
@@ -140,6 +140,10 @@
   background-repeat: no-repeat;
 }
 
+#desktop {
+  position: relative;
+}
+
 .window {
   background-color: #eeeeee;
   position: absolute;
@@ -148,9 +152,8 @@
 .non-resizable {
   width: 720px;
   height: 480px;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  top: calc(50% - 240px);
+  left: calc(50% - 360px);
 }
 
 .window header {
@@ -166,6 +169,8 @@
   left: 50%;
   top: 10px;
   transform: translateX(-50%);
+  user-select: none;
+  cursor: default;
 }
 
 .buttons {
@@ -180,3 +185,8 @@
   padding: 9px 15px 14px 15px;
   background-color: red;
 }
+
+.windowContents {
+  padding: 10px;
+  font-family: 'Chicago';
+}