From a0cd98dec77e6ab126d96560cb1d5f71a95f58fb Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Tue, 19 Feb 2019 22:52:24 -0500 Subject: [PATCH 01/24] Update index.html --- index.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/index.html b/index.html index a8a1aad9..b57281d4 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,10 @@ window.onload = function(){ // ALL OF YOUR JAVASCRIPT CODE SHOULD GO HERE. // We have to use window.onload so your JavaScript doesn't execute until the page has loaded and all HTML has been downloaded to your browser + + // Testing to see if this comment shows up + + //What is going on here? }; From 04aae36e37ecdc922f4e5f29bfd3826a17e9bb82 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Tue, 19 Feb 2019 22:54:26 -0500 Subject: [PATCH 02/24] Update index.html Testing Commit Ability Again --- index.html | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index b57281d4..66681a37 100644 --- a/index.html +++ b/index.html @@ -2,14 +2,15 @@ +

Zen's super basic Gee Mail attempt

h1> +

Inbox

+ From 8f0d0d99727b6e1b1a76a0ff9c23d8bbd51864a2 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Tue, 19 Feb 2019 23:09:16 -0500 Subject: [PATCH 03/24] Update index.html --- index.html | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 66681a37..bb439af4 100644 --- a/index.html +++ b/index.html @@ -10,8 +10,13 @@

Zen's super basic Gee Mail attempt

h1> // ALL OF YOUR JAVASCRIPT CODE SHOULD GO HERE. // We have to use window.onload so your JavaScript doesn't execute until the page has loaded and all HTML has been downloaded to your browser - // - + // Let's try and create a div element (named in camel case) to represent the inbox + + var inBox = document.createElement('div') + // Setting the ID attirbute to inbox for easier finding later + inBox.id = 'inbox'; + //appending the element to the body of document's body + document.body.appendChild(inBox); }; From 93de08658995c3619a352ac5244b4456c32b401b Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Wed, 20 Feb 2019 20:42:57 -0500 Subject: [PATCH 04/24] Update index.html --- index.html | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index bb439af4..f50d69a8 100644 --- a/index.html +++ b/index.html @@ -10,19 +10,21 @@

Zen's super basic Gee Mail attempt

h1> // ALL OF YOUR JAVASCRIPT CODE SHOULD GO HERE. // We have to use window.onload so your JavaScript doesn't execute until the page has loaded and all HTML has been downloaded to your browser - // Let's try and create a div element (named in camel case) to represent the inbox + //Let's try this again. Instead we're going to loop through all of the messages and grab their attributes + for (var i = 0; i < window.geemails.length; i++) { + //reference starts at the first message + var message = window.geemails[i]; + var messageSubject = message.subject; + var messageSender = message.sender; + var messageBody = message.body; + var messageDate = message.date; + }; - var inBox = document.createElement('div') - // Setting the ID attirbute to inbox for easier finding later - inBox.id = 'inbox'; - //appending the element to the body of document's body - document.body.appendChild(inBox); - };
- Build Me! + // Put objects here later
\ No newline at end of file From d5c4aef6226906a7262af821d6a1a8c18e22defd Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Wed, 20 Feb 2019 21:49:47 -0500 Subject: [PATCH 05/24] Update index.html --- index.html | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index f50d69a8..daf59ce8 100644 --- a/index.html +++ b/index.html @@ -18,13 +18,26 @@

Zen's super basic Gee Mail attempt

h1> var messageSender = message.sender; var messageBody = message.body; var messageDate = message.date; + // now that we have our messages, we need a envelopes to put them in + + var messageEnvelope = document.createElement('div'); + //Let's create a class name for styling and making it easier to grab later + messageEnvelope.className = 'envelopedMessage'; + //Let's put our envelopes in our inbox + var inbox = document.getElementById("inbox"); + inbox.appendChild(messageEnvelope); + + };
- // Put objects here later + +
+ +
\ No newline at end of file From 3ed8656c18b90866d4163efb02c8c1c2e6bcf6ea Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Wed, 20 Feb 2019 22:03:49 -0500 Subject: [PATCH 06/24] Update index.html --- index.html | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index daf59ce8..e9d4b14f 100644 --- a/index.html +++ b/index.html @@ -27,8 +27,19 @@

Zen's super basic Gee Mail attempt

h1> var inbox = document.getElementById("inbox"); inbox.appendChild(messageEnvelope); - - }; + //Now let's create a date stamp to put on / in the envelope. It should look like this I think. + //
+ // 1/2/19 + //
+ var dateStamp = document.createElement('div'); + //Let's call this date stamp container the date + dateStamp.className = 'date'; + // Let's put a date inside of that dateStamp + dateStamp.innerHTML = messageDate; + // Let's put the date on that envelope buddy yeah + messageEnvelope.appendChild(dateStamp); + + }; From df1485ce34fa4caa07bfd83aa0ccda0c21fc49cf Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Wed, 20 Feb 2019 22:27:26 -0500 Subject: [PATCH 07/24] Update index.html --- index.html | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/index.html b/index.html index e9d4b14f..e6654e54 100644 --- a/index.html +++ b/index.html @@ -39,6 +39,31 @@

Zen's super basic Gee Mail attempt

h1> // Let's put the date on that envelope buddy yeah messageEnvelope.appendChild(dateStamp); + // Now let's create a subject line to put on the envelope + //
+ // RE:How to write javascript for dummies + //
+ + var subjectLine = document.createElement('div'); + //Creating a class called subject for the subject line + subjectLine.className = 'subject'; + //sticking the actual suject line in the tag + subjectLine.innerHTML = 'Subject: ' + messageSubject; + //Now we stick it back on the envelope + messageEnvelope.appendChild(subjectLine) + + //Now we do the same thing to for the sender + var senderName = document.createElement('div'); + senderName.className = 'sender'; + senderName.innerHTML = 'From: ' + messageSender; + messageEnvelope.appendChild(senderName) + + //And one for the body content as well + var messageContent = document.createElement('div'); + messageContent.className = 'messageContent'; + messageContent.innerHTML = messageBody; + messageEnvelope.appendChild(messageContent) + }; From ed8d2b6a4f056da51695eee1c087890b76b4fef4 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Wed, 20 Feb 2019 22:45:31 -0500 Subject: [PATCH 08/24] Update index.html --- index.html | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index e6654e54..9041b352 100644 --- a/index.html +++ b/index.html @@ -64,6 +64,15 @@

Zen's super basic Gee Mail attempt

h1> messageContent.innerHTML = messageBody; messageEnvelope.appendChild(messageContent) + //Let's count all of the messages + var numMessages = window.geemails.length; + var messageCount = document.getElementById("message-count"); + messageCount.innerHTML = 'Messages: ' + numMessages; + + //every 5 seconds, lets perform this function and get new mail + setInterval(function(){ + window.getNewMessage() + }, 5000) }; @@ -71,8 +80,13 @@

Zen's super basic Gee Mail attempt

h1>
+ + +
+ +
- +
From fc75c7fba3d0741b51514c0e0d4978367bcc14b8 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Wed, 20 Feb 2019 22:47:10 -0500 Subject: [PATCH 09/24] Update style.css --- css/style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/css/style.css b/css/style.css index e69de29b..0d4754a3 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,3 @@ +.envelopedMessage{ + border: 1px solid black; +} From 28c89f9de2141ea0da97c5dec7c00f3da9098e47 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Wed, 27 Feb 2019 16:57:21 -0500 Subject: [PATCH 10/24] Update style.css --- css/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/style.css b/css/style.css index 0d4754a3..a471e0f6 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,7 @@ .envelopedMessage{ border: 1px solid black; } +h1 { + color: #fff; + background-color: DarkCyan; +} \ No newline at end of file From d281e6ba3988a1b86937718ba67c534f642fa9d4 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Wed, 27 Feb 2019 17:39:12 -0500 Subject: [PATCH 11/24] Update index.html --- index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 9041b352..cf9a7d9b 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ -

Zen's super basic Gee Mail attempt

h1> +

Zen's super basic Gee Mail attempt

Inbox

-

Zen's super basic Gee Mail attempt

-

Inbox

+

Zen's Super Basic Gee Mail

+

Inbox
From 4abb1ba48d7e76b356e7c4a2b9f9f28eaf3b7f63 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Sat, 2 Mar 2019 15:59:13 -0500 Subject: [PATCH 17/24] Update index.html --- index.html | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 37d53975..684e1799 100644 --- a/index.html +++ b/index.html @@ -26,7 +26,12 @@

Zen's Super Basic Gee Mail

}, 5000); // now that we have our messages, we need a envelopes to put them in - + function createNewMessage(message, isNew) { + var messageSubject = message.subject; + var messageSender = message.sender; + var messageBody = message.body; + var messageDate = message.date; + var messageEnvelope = document.createElement('div'); //Let's create a class name for styling and making it easier to grab later messageEnvelope.className = 'envelopedMessage'; From 8b1e21d441268200f18b9a5632238a69b4a36830 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Sat, 2 Mar 2019 16:03:33 -0500 Subject: [PATCH 18/24] Update index.html --- index.html | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 684e1799..c0f01ed0 100644 --- a/index.html +++ b/index.html @@ -25,16 +25,27 @@

Zen's Super Basic Gee Mail

addMessageCount(); }, 5000); - // now that we have our messages, we need a envelopes to put them in + // This is a function to create the message with certain attributes function createNewMessage(message, isNew) { var messageSubject = message.subject; var messageSender = message.sender; var messageBody = message.body; var messageDate = message.date; - + + // now that we have our messages, we need a envelopes to put them in var messageEnvelope = document.createElement('div'); //Let's create a class name for styling and making it easier to grab later messageEnvelope.className = 'envelopedMessage'; + var id = "message-" + i + messageEnvelope.id = id + messageEnvelope.addEventListener("click", function(e) { + var id = this.id + var message = document.getElementById(id).querySelectorAll(".messageContent")[0].innerHTML + var messageBody = document.getElementById("messageBody") + messageBody.innerHTML = "Message: " + messageBody.innerHTML += "
" + messageBody.innerHTML += message + }); //Let's put our envelopes in our inbox var inbox = document.getElementById("inbox"); inbox.appendChild(messageEnvelope); From 062c05ffb95690f27a3539654da599d5c91b0f23 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Sat, 2 Mar 2019 16:19:19 -0500 Subject: [PATCH 19/24] Update index.html --- index.html | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index c0f01ed0..e232c442 100644 --- a/index.html +++ b/index.html @@ -48,7 +48,11 @@

Zen's Super Basic Gee Mail

}); //Let's put our envelopes in our inbox var inbox = document.getElementById("inbox"); - inbox.appendChild(messageEnvelope); + if(isNew) { + inbox.prepend(messageEnvelope); + } else { + inbox.appendChild(messageEnvelope); + } //Now let's create a date stamp to put on / in the envelope. It should look like this I think. //
From dd0b62d0e4bd5b8759057611cf221671fd948f54 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Sat, 2 Mar 2019 16:32:40 -0500 Subject: [PATCH 20/24] Update index.html --- index.html | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index e232c442..488e4047 100644 --- a/index.html +++ b/index.html @@ -88,15 +88,18 @@

Zen's Super Basic Gee Mail

//And one for the body content as well var messageContent = document.createElement('div'); messageContent.className = 'messageContent'; + messageContent.style = "display:none;"; messageContent.innerHTML = messageBody; messageEnvelope.appendChild(messageContent) + } + function addMessageCount() { //Let's count all of the messages - var numMessages = window.geemails.length; + numMessages = numMessages + 1; var messageCount = document.getElementById("message-count"); messageCount.innerHTML = 'Messages: ' + numMessages; - } - + } + }; From 5e04c0cbe9dbd5fe86a95eb08ad5109ae5b11295 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Sat, 2 Mar 2019 18:40:52 -0500 Subject: [PATCH 21/24] Update index.html --- index.html | 136 +++++++++++++++++++++++++++-------------------------- 1 file changed, 69 insertions(+), 67 deletions(-) diff --git a/index.html b/index.html index 488e4047..02a05855 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ - - - + + +

Zen's Super Basic Gee Mail


Inbox
@@ -10,7 +10,7 @@

Zen's Super Basic Gee Mail

// ALL OF YOUR JAVASCRIPT CODE SHOULD GO HERE. // We have to use window.onload so your JavaScript doesn't execute until the page has loaded and all HTML has been downloaded to your browser var numMessages = 0; - //Let's try this again. Instead we're going to create new messages + //Let's try this again. Instead we're going to loop through and create new messages for (var i = 0; i < window.geemails.length; i++) { //reference starts at the first message var message = window.geemails[i]; @@ -25,18 +25,18 @@

Zen's Super Basic Gee Mail

addMessageCount(); }, 5000); - // This is a function to create the message with certain attributes + function createNewMessage(message, isNew) { var messageSubject = message.subject; var messageSender = message.sender; var messageBody = message.body; var messageDate = message.date; - - // now that we have our messages, we need a envelopes to put them in - var messageEnvelope = document.createElement('div'); - //Let's create a class name for styling and making it easier to grab later - messageEnvelope.className = 'envelopedMessage'; - var id = "message-" + i + // now that we have our messages, we need a envelopes to put them in + + var messageEnvelope = document.createElement('div'); + //Let's create a class name for styling and making it easier to grab later + messageEnvelope.className = 'envelopedMessage'; + var id = "message-" + i messageEnvelope.id = id messageEnvelope.addEventListener("click", function(e) { var id = this.id @@ -46,74 +46,76 @@

Zen's Super Basic Gee Mail

messageBody.innerHTML += "
" messageBody.innerHTML += message }); - //Let's put our envelopes in our inbox - var inbox = document.getElementById("inbox"); - if(isNew) { - inbox.prepend(messageEnvelope); - } else { - inbox.appendChild(messageEnvelope); - } + //Let's put our envelopes in our inbox + var inbox = document.getElementById("inbox"); + if(isNew) { + inbox.prepend(messageEnvelope); + } else { + inbox.appendChild(messageEnvelope); + } - //Now let's create a date stamp to put on / in the envelope. It should look like this I think. - //
- // 1/2/19 - //
- var dateStamp = document.createElement('div'); - //Let's call this date stamp container the date - dateStamp.className = 'date'; - // Let's put a date inside of that dateStamp - dateStamp.innerHTML = messageDate; - // Let's put the date on that envelope buddy yeah - messageEnvelope.appendChild(dateStamp); - - // Now let's create a subject line to put on the envelope - //
- // RE:How to write javascript for dummies - //
+ //Now let's create a date stamp to put on / in the envelope. It should look like this I think. + //
+ // 1/2/19 + //
+ var dateStamp = document.createElement('div'); + //Let's call this date stamp container the date + dateStamp.className = 'date'; + // Let's put a date inside of that dateStamp + dateStamp.innerHTML = messageDate; + // Let's put the date on that envelope buddy yeah + messageEnvelope.appendChild(dateStamp); - var subjectLine = document.createElement('div'); - //Creating a class called subject for the subject line - subjectLine.className = 'subject'; - //sticking the actual suject line in the tag - subjectLine.innerHTML = 'Subject: ' + messageSubject; - //Now we stick it back on the envelope - messageEnvelope.appendChild(subjectLine) - - //Now we do the same thing to for the sender - var senderName = document.createElement('div'); - senderName.className = 'sender'; - senderName.innerHTML = 'From: ' + messageSender; - messageEnvelope.appendChild(senderName) + // Now let's create a subject line to put on the envelope + //
+ // RE:How to write javascript for dummies + //
- //And one for the body content as well - var messageContent = document.createElement('div'); - messageContent.className = 'messageContent'; - messageContent.style = "display:none;"; - messageContent.innerHTML = messageBody; - messageEnvelope.appendChild(messageContent) - } + var subjectLine = document.createElement('div'); + //Creating a class called subject for the subject line + subjectLine.className = 'subject'; + //sticking the actual suject line in the tag + subjectLine.innerHTML = 'Subject: ' + messageSubject; + //Now we stick it back on the envelope + messageEnvelope.appendChild(subjectLine) + + //Now we do the same thing to for the sender + var senderName = document.createElement('div'); + senderName.className = 'sender'; + senderName.innerHTML = 'From: ' + messageSender; + messageEnvelope.appendChild(senderName) + //And one for the body content as well + var messageContent = document.createElement('div'); + messageContent.className = 'messageContent'; + messageContent.style = "display:none;"; + messageContent.innerHTML = messageBody; + messageEnvelope.appendChild(messageContent) + } + function addMessageCount() { - //Let's count all of the messages - numMessages = numMessages + 1; - var messageCount = document.getElementById("message-count"); - messageCount.innerHTML = 'Messages: ' + numMessages; + //Let's count all of the messages + numMessages = numMessages + 1; + var messageCount = document.getElementById("message-count"); + messageCount.innerHTML = 'Messages: ' + numMessages; } }; - - -
+ + +
- -
-
- +
+
+
+
+
-
- + +
+ \ No newline at end of file From e679ed5992deeb3af63f8bf07d6cf0c1f077448d Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Sat, 2 Mar 2019 18:40:55 -0500 Subject: [PATCH 22/24] Update style.css --- css/style.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/css/style.css b/css/style.css index dbc9a0dc..305e8c9a 100644 --- a/css/style.css +++ b/css/style.css @@ -17,3 +17,27 @@ div { .subject { font-weight: bold; } + +#main-container{ + height:100%; + width:100%; +} + +#messageBody { + border:1px solid black; + margin-left:20px; + padding:10px; + background-color:#D3D3D3; + min-height:205px; +} + +#inbox { + float:left; + width: 50%; + margin-right:20px; +} + +#main{ + width:75%; + margin: 0 auto; +} \ No newline at end of file From 085528a3317587131ed1a6a2f20be67139ef3cc1 Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Sat, 9 Mar 2019 13:33:40 -0500 Subject: [PATCH 23/24] Update index.html --- index.html | 61 +++++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 47 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index 02a05855..c0c60de6 100644 --- a/index.html +++ b/index.html @@ -10,23 +10,24 @@

Zen's Super Basic Gee Mail

// ALL OF YOUR JAVASCRIPT CODE SHOULD GO HERE. // We have to use window.onload so your JavaScript doesn't execute until the page has loaded and all HTML has been downloaded to your browser var numMessages = 0; - //Let's try this again. Instead we're going to loop through and create new messages + //Let's try this again. for (var i = 0; i < window.geemails.length; i++) { //reference starts at the first message var message = window.geemails[i]; - createNewMessage(message, false); + createNewMessage(message); addMessageCount(); } //every 5 seconds, lets perform this function and get new mail setInterval(function(){ var newMessage = window.getNewMessage() - createNewMessage(newMessage, true); + createNewMessage(newMessage); addMessageCount(); + updateMessageBodyLocation(); }, 5000); - function createNewMessage(message, isNew) { + function createNewMessage(message) { var messageSubject = message.subject; var messageSender = message.sender; var messageBody = message.body; @@ -36,23 +37,43 @@

Zen's Super Basic Gee Mail

var messageEnvelope = document.createElement('div'); //Let's create a class name for styling and making it easier to grab later messageEnvelope.className = 'envelopedMessage'; - var id = "message-" + i + var id = "message-" + numMessages; + messageEnvelope.id = id messageEnvelope.addEventListener("click", function(e) { var id = this.id - var message = document.getElementById(id).querySelectorAll(".messageContent")[0].innerHTML + var element = document.getElementById(id) + var subject = element.querySelectorAll(".subject")[0].innerHTML + var sender = element.querySelectorAll(".sender")[0].innerHTML + var message = element.querySelectorAll(".messageContent")[0].innerHTML + var messageBody = document.getElementById("messageBody") - messageBody.innerHTML = "Message: " + var messageEnvelopeId = messageBody.messageEnvelopeId + if (typeof messageEnvelopeId !== 'undefined') { + document.getElementById(messageEnvelopeId).style.backgroundColor = "#D3D3D3" + } + + if (messageEnvelopeId == id && messageBody.clicked) { + messageBody.style.display = "none" + messageBody.clicked = false + } else { + messageBody.style.display = "block" + messageBody.clicked = true + this.style.backgroundColor = "grey" + } + + messageBody.innerHTML = subject + " (" + sender + ")" + messageBody.innerHTML += "
" + messageBody.innerHTML += "Message: " messageBody.innerHTML += "
" messageBody.innerHTML += message + + messageBody.messageEnvelopeId = id + updateMessageBodyLocation() }); //Let's put our envelopes in our inbox var inbox = document.getElementById("inbox"); - if(isNew) { - inbox.prepend(messageEnvelope); - } else { - inbox.appendChild(messageEnvelope); - } + inbox.prepend(messageEnvelope); //Now let's create a date stamp to put on / in the envelope. It should look like this I think. //
@@ -99,6 +120,18 @@

Zen's Super Basic Gee Mail

var messageCount = document.getElementById("message-count"); messageCount.innerHTML = 'Messages: ' + numMessages; } + + function updateMessageBodyLocation() { + var messageBody = document.getElementById("messageBody") + var messageEnvelopeId = messageBody.messageEnvelopeId + + if (typeof messageEnvelopeId == 'undefined') { + return + } + + var pixels = String((numMessages - Number(messageEnvelopeId.replace("message-", "")) - 1)*106) + "px" + messageBody.style.top = pixels + } }; @@ -112,10 +145,10 @@

Zen's Super Basic Gee Mail

-
+
- \ No newline at end of file + From 71b5cca9691b82c8cf14cd460191178e2162619c Mon Sep 17 00:00:00 2001 From: Zen Endo Date: Sat, 9 Mar 2019 13:34:07 -0500 Subject: [PATCH 24/24] Update style.css --- css/style.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/css/style.css b/css/style.css index 305e8c9a..764dcd3e 100644 --- a/css/style.css +++ b/css/style.css @@ -1,6 +1,6 @@ .envelopedMessage{ - border: 1px solid black; - background-color: #D3D3D3; + border: 1px solid black; + background-color: #D3D3D3; } h1 { @@ -11,7 +11,6 @@ h1 { div { margin: 10px 10px 10px 10px; - } .subject { @@ -24,11 +23,11 @@ div { } #messageBody { + position:relative; border:1px solid black; - margin-left:20px; + margin-left:500px; padding:10px; background-color:#D3D3D3; - min-height:205px; } #inbox { @@ -40,4 +39,4 @@ div { #main{ width:75%; margin: 0 auto; -} \ No newline at end of file +}