From 2fe88f3221f92ecc4894f073b4837c81af39225b Mon Sep 17 00:00:00 2001 From: Miguel Dias Date: Mon, 25 Nov 2019 14:07:11 +0000 Subject: [PATCH] Made changes to css --- public/forum.css | 63 --------------------------------------------- public/messages.css | 62 ++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 62 insertions(+), 63 deletions(-) diff --git a/public/forum.css b/public/forum.css index cea6f82..b16a576 100644 --- a/public/forum.css +++ b/public/forum.css @@ -107,67 +107,4 @@ footer { textarea { width: 100%; -} - -* { - box-sizing: border-box; -} - -input[type=text], select, textarea { - width: 100%; - padding: 12px; - border: 1px solid #ccc; - border-radius: 4px; - resize: vertical; -} - -label { - padding: 12px 12px 12px 0; - display: inline-block; -} - -input[type=submit] { - background-color: #4CAF50; - color: white; - padding: 12px 20px; - border: none; - border-radius: 4px; - cursor: pointer; - float: right; -} - -input[type=submit]:hover { - background-color: #45a049; -} - -.container { - border-radius: 5px; - background-color: #f2f2f2; - padding: 20px; -} - -.col-25 { - float: left; - width: 25%; - margin-top: 6px; -} - -.col-75 { - float: left; - width: 75%; - margin-top: 6px; -} - - -.row:after { - content: ""; - display: table; - clear: both; -} - -@media screen and (max-width: 600px) { - .col-25, .col-75, input[type=submit] { - width: 100%; - margin-top: 0; - } } \ No newline at end of file diff --git a/public/messages.css b/public/messages.css index e69de29..198061e 100644 --- a/public/messages.css +++ b/public/messages.css @@ -0,0 +1,62 @@ + +* { + box-sizing: border-box; + } + + input[type=text], select, textarea { + width: 100%; + padding: 12px; + border: 1px solid #ccc; + border-radius: 4px; + resize: vertical; + } + + label { + padding: 12px 12px 12px 0; + } + + input[type=submit] { + background-color: #4CAF50; + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + float: right; + } + + input[type=submit]:hover { + background-color: #45a049; + } + + .container { + border-radius: 5px; + background-color: #f2f2f2; + padding: 20px; + } + + .col-25 { + float: left; + width: 25%; + margin-top: 6px; + } + + .col-75 { + float: left; + width: 75%; + margin-top: 6px; + } + + + .row:after { + content: ""; + display: table; + clear: both; + } + + @media screen and (max-width: 600px) { + .col-25, .col-75, input[type=submit] { + width: 100%; + margin-top: 0; + } + } \ No newline at end of file