From 1b9601ee1727ba053f3500f25ea7fc13650483c0 Mon Sep 17 00:00:00 2001 From: Siddhesh172004 Date: Thu, 20 Oct 2022 00:49:29 +0530 Subject: [PATCH] Created css folder and added css code accordingly in html files Created new folder as css and added created two css file for two html files and linked accordingly so that code remains segregated. --- css/sin.css | 106 +++++++++++++++++++++++++++++++++++++++++++++ css/style.css | 114 ++++++++++++++++++++++++++++++++++++++++++++++++ main.html | 118 +------------------------------------------------- sin.html | 111 +---------------------------------------------- 4 files changed, 222 insertions(+), 227 deletions(-) create mode 100644 css/sin.css create mode 100644 css/style.css diff --git a/css/sin.css b/css/sin.css new file mode 100644 index 0000000..deb59a1 --- /dev/null +++ b/css/sin.css @@ -0,0 +1,106 @@ + body { + background-color: #F3EBF6; + font-family: 'Ubuntu', sans-serif; + } + + .main { + background-color: #FFFFFF; + width: 400px; + height: 400px; + margin: 7em auto; + border-radius: 1.5em; + box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14); + } + + .sign { + padding-top: 40px; + color: #8C55AA; + font-family: 'Ubuntu', sans-serif; + font-weight: bold; + font-size: 23px; + } + + .un { + width: 76%; + color: rgb(38, 50, 56); + font-weight: 700; + font-size: 14px; + letter-spacing: 1px; + background: rgba(136, 126, 126, 0.04); + padding: 10px 20px; + border: none; + border-radius: 20px; + outline: none; + box-sizing: border-box; + border: 2px solid rgba(0, 0, 0, 0.02); + margin-bottom: 50px; + margin-left: 46px; + text-align: center; + margin-bottom: 27px; + font-family: 'Ubuntu', sans-serif; + } + + form.form1 { + padding-top: 40px; + } + + .pass { + width: 76%; + color: rgb(38, 50, 56); + font-weight: 700; + font-size: 14px; + letter-spacing: 1px; + background: rgba(136, 126, 126, 0.04); + padding: 10px 20px; + border: none; + border-radius: 20px; + outline: none; + box-sizing: border-box; + border: 2px solid rgba(0, 0, 0, 0.02); + margin-bottom: 50px; + margin-left: 46px; + text-align: center; + margin-bottom: 27px; + font-family: 'Ubuntu', sans-serif; + } + + + .un:focus, .pass:focus { + border: 2px solid rgba(0, 0, 0, 0.18) !important; + + } + + .submit { + cursor: pointer; + border-radius: 5em; + color: #fff; + background: linear-gradient(to right, #9C27B0, #E040FB); + border: 0; + padding-left: 40px; + padding-right: 40px; + padding-bottom: 10px; + padding-top: 10px; + font-family: 'Ubuntu', sans-serif; + margin-left: 35%; + font-size: 13px; + box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04); + } + + .forgot { + text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12); + color: #E1BEE7; + padding-top: 15px; + } + + a { + text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12); + color: #E1BEE7; + text-decoration: none + } + + @media (max-width: 600px) { + .main { + border-radius: 0px; + } + + } \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..a59ffbb --- /dev/null +++ b/css/style.css @@ -0,0 +1,114 @@ + body { + background-color: rgb(218, 152, 0); + font-family: "Open Sans", Arial; + } + + form { + line-height: 27px; + } + + h2 { + font-size: 20px; + } + + input[type="text"], + input[type="number"] { + min-height: 15px; + border-radius: 5px; + border: 1px solid #cccccc; + } + + input[type="radio"] { + margin-left: 12px; + } + + #main { + align-items: center; + text-align: center; + margin: 2% 10%; + border-bottom: #dadada solid 3px; + height: 60vh; + overflow: hidden; + background: #f5f5f5; + -webkit-box-shadow: 5px 5px 15px rgba(20, 20, 20, 0.5); + box-shadow: 5px 5px 15px rgba(20, 20, 20, 0.5); + border-radius: 35px; + } + + #story { + padding: 0 3%; + } + + #top { + background-color: rgb(255, 255, 255); + margin: 2% 10%; + border-radius: 35px; + } + + #top img { + display: block; + width: 45%; + margin: 0 auto; + } + + .italics { + font-style: italic; + } + + .word { + font-weight: bold; + text-decoration: underline; + } + + .input { + margin: auto; + } + + #input-field { + margin: 1vh auto; + width: 30%; + border-radius: 25px; + border: none; + box-shadow: 5px 5px 15px rgba(186, 126, 126, 0.5); + font-size: 25px; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + color: rgb(34, 34, 34); + padding: 10px; + text-align: center; + } + + .container { + margin: 10% auto; + } + + .heading { + color: #4D4D4D; + margin: 5vh auto; + font-size: 60px; + font-family: open Sans; + } + + .subheading { + color: #302c2cd0; + margin-top: 7vh; + margin-bottom: 5px; + font-size: 25px; + font-family: open Sans; + } + + .submit-btn { + width: 15vh; + height: 5vh; + margin-top: 0.8vh; + color: rgb(255, 255, 255); + border-radius: 5px; + padding: 10px 25px; + position: relative; + box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1); + outline: none; + background-color: #f16e02; + padding: 0; + border: none; + font-size: 25px; + font-family: 'Lato', sans-serif; + } \ No newline at end of file diff --git a/main.html b/main.html index daa6aba..1db35e3 100644 --- a/main.html +++ b/main.html @@ -6,124 +6,8 @@ Web Based VA + - -
diff --git a/sin.html b/sin.html index c0554bc..dfd8307 100644 --- a/sin.html +++ b/sin.html @@ -1,116 +1,7 @@ - - +