From 0fbf02136b99e15d32791457e23397aa7939d68b Mon Sep 17 00:00:00 2001 From: Pranjal-singh Date: Fri, 20 Oct 2023 00:43:21 +0530 Subject: [PATCH] Added all the files --- Web Calendar/aboutus.html | 61 ++++ Web Calendar/forgetpass.css | 135 ++++++++ Web Calendar/forgetpassword.html | 30 ++ Web Calendar/holidaylist.html | 487 +++++++++++++++++++++++++++++ Web Calendar/homestyle.css | 132 ++++++++ Web Calendar/login.html | 30 ++ Web Calendar/loginstyle.css | 158 ++++++++++ Web Calendar/main.js | 37 +++ Web Calendar/registration.html | 51 +++ Web Calendar/registrationstyle.css | 134 ++++++++ 10 files changed, 1255 insertions(+) create mode 100644 Web Calendar/aboutus.html create mode 100644 Web Calendar/forgetpass.css create mode 100644 Web Calendar/forgetpassword.html create mode 100644 Web Calendar/holidaylist.html create mode 100644 Web Calendar/homestyle.css create mode 100644 Web Calendar/login.html create mode 100644 Web Calendar/loginstyle.css create mode 100644 Web Calendar/main.js create mode 100644 Web Calendar/registration.html create mode 100644 Web Calendar/registrationstyle.css diff --git a/Web Calendar/aboutus.html b/Web Calendar/aboutus.html new file mode 100644 index 0000000..1c4daa6 --- /dev/null +++ b/Web Calendar/aboutus.html @@ -0,0 +1,61 @@ + + + + + + + Document + + + +

About Us

+
+ +
+

Hello This is Pranjal Singh . I have Created a Web Calender for a helping

+ + \ No newline at end of file diff --git a/Web Calendar/forgetpass.css b/Web Calendar/forgetpass.css new file mode 100644 index 0000000..7f69820 --- /dev/null +++ b/Web Calendar/forgetpass.css @@ -0,0 +1,135 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; +} + +body { + background: radial-gradient(ellipse at bottom,#384352,#111827) fixed; + +} + +.login_form { + background-color: rgb(223, 95, 95); + width: 500px; + height: auto; + margin: 50px auto; + + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + border-radius: 7px; + box-shadow: 0 5px 25px rgba(3, 19, 51, 0.959); + +} + +.login_form h1 { + padding: 25px 10px 0 95px; + color: #fff; +} + +.login_form .content { + padding: 35px; + text-align: center; +} + +.login_form .input_field { + padding: 12px 5px; +} + +.login_form .input_field input { + font-size: 20px; + display: block; + font-family: 'Rubik', sans-serif; + width: 100%; + padding: 10px 1px; + border: 0; + border-bottom: 1px solid #747474; + border-radius: 5px; + outline: none; + -webkit-transition: all .2s; + transition: all .2s; + +} + +.login_form .input_field input::-webkit-input-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input::-moz-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input:-ms-input-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input::placeholder { + text-transform: uppercase; +} + +.login_form .input_field input:focus { + border-color: rgb(31, 25, 25); +} + +.login-form a.link { + text-decoration: none; + color: #5e5d77; + letter-spacing: 0.2px; + text-transform: uppercase; + display: inline-block; + margin-top: 20px; +} + +.login_form .action { + display: -webkit-box; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-direction: row; +} + +.login_form .action button { + width: 100%; + border: none; + padding: 7px; + margin: 10px 160px; + font-family: 'Rubik', sans-serif; + cursor: pointer; + text-transform: uppercase; + background-color: rgb(234, 248, 237); + color: rgb(69, 71, 71); + + border-radius: 5px; + letter-spacing: 0.2px; + outline: 0; + -webkit-transition: all .3s; + transition: all .3s; +} + +.login_form .action button:hover { + background: #969ca5; +} + +.login_form .action button:nth-child(2) { + background: #313f59; + color: #fff; + border-bottom-left-radius: 0; + border-bottom-right-radius: 4px; +} + +.login_form .action button:nth-child(2):hover { + background: #3c4d6d; +} + +.link { + color: #fff; + +} + +.link:hover { + color: #969ca5; + +} \ No newline at end of file diff --git a/Web Calendar/forgetpassword.html b/Web Calendar/forgetpassword.html new file mode 100644 index 0000000..907c5ab --- /dev/null +++ b/Web Calendar/forgetpassword.html @@ -0,0 +1,30 @@ + + + + + + User login + + + +
+
+

Reset Your Password

+
+
+ + +
+ + New user click here ? +
+
+ + + +
+
+
+ + + \ No newline at end of file diff --git a/Web Calendar/holidaylist.html b/Web Calendar/holidaylist.html new file mode 100644 index 0000000..ffca8cd --- /dev/null +++ b/Web Calendar/holidaylist.html @@ -0,0 +1,487 @@ + + + + + + + + + + +

4 Year Holiday List

+ +
+ + + + +
+ +
+ × +
+

January

+

Jan 1    New Year's Day

+

Jan 13    Guru Govind Singh's Birthday

+

Jan 14    Makar Sankranti

+

Jan 15    Pongal

+

Jan 26    Republic Day

+
+ +

February

+

Feb 10    Basant Panchami

+

Feb 19    Guru Ravidas's Birthday

+

Feb 19    Shivaji Jayanti

+
+ +

March

+

March 1    Swami Dayananda Saraswati Jayanti

+

March 4    Maha Shivaratri

+

March 19    Harzat Ali's Birthday

+

March 20    Holika Dahana

+

March 21    Holi

+
+ +

April

+

April 6    Cheti Chand

+

April 13    Rama Navami

+

April 13 ,  Mesadi

+

April 14    Vishu

+

April 14    Bahag Bihu

+

April 17    Mahavir Jayanti

+

April 19    Good Friday

+

April 21    Easter Day

+
+ +

May

+

May 9    Guru Rabindranath's birthday

+

May 18    Vesak

+

May 31    Jamat ul-Vida

+
+ +

June

+

June 5    Idu'l Fitr

+
+ +

July

+

July4    Rath Yatra

+
+ +

August

+

Aug12    Id-ul-Zuha

+

Aug 15    Independence day

+

Aug 15    Raksha Bandhan

+

Aug 17    Nauraj

+

Aug 24    Janmashtami

+
+ +

September

+

Sep 2    Ganesh Chaturthi

+

Sep 10    Muharram

+

Sep 11    Onam

+
+ +

October

+

Oct 2    Mahatmaa Gandhi Jayandhi

+

Oct 7    Dusshera

+

Oct 13    Maharishi Valmiki Birthday

+

Oct 17    Karaka Chaturthi

+

Oct 27    Naraka Chaturdasi

+

Oct 27    Diwali

+
+ +

November

+

Nov 2    Chhat Puja

+

Nov 10    birthday of Prophet Mohammad

+

Nov 12   Guru Nanak's birthday

+

Nov 24    Guru Teg Bahadur's Matyrdom Day

+
+

December

+

Dec 24    Christmas Eve

+

Dec 25    Christmas Day

+
+
+
+ × +
+

January

+

Jan 1    New Year's Day

+

Jan 2    Guru Govind Singh's Birthday

+

Jan 13    Lohri

+

Jan 15    Makar Sankranthi

+

Jan 26    Republic Day

+

Jan 30    Sri Panchami

+
+ +

February

+

Feb 9    Guru Ravidas's Birthday

+

Feb 18    Swamy Dayananda Saraswathi Jayanthi

+

Feb 19    Shivaji Jayanthi

+

Feb 21    Maha Shivaratri

+
+ +

March

+

March 9    Holika Dahana

+

March 9    Hazarat Ali's Birthday

+

March 10    Holi

+

March 25    Ugadi

+
+ +

April

+

April 2    Ram Navami

+

April 6    Mahavir Jayanti

+

April 10    Good Friday

+

April 12    Easter day

+

April 13    Vaishaki

+

April 14    Mesadi

+
+ +

May

+

May 7    Buddha Purnima

+

May 8    Guru Rabindranath's birthday

+

May 22    Jamat Ul-Vida

+

May 25    Idu'l Fitr

+
+ +

June

+

June 30    Rath Yatra

+
+ +

August

+

Aug 1    Id-ul-Zuhu

+

Aug 3    Raksha Bandhan

+

Aug 11    Janmasthami

+

Aug 12    Janmasthami

+

Aug 15    Independence day

+

Aug 16    Nauraj

+

Aug 22    Ganesh chaturthi

+
+ + +

October

+

Oct 2    Mahatma Gandhi Jayanthi

+

Oct 23    Dusshra

+

Oct 24    Dusshra

+

Oct 25    Dusshra

+

Oct 26    Vijay Dashmi

+

Oct 30    Birthday of Prophet Mohammad

+ +
+ +

November

+

Nov 4    Karaka Chaturthi

+

Nov 14    Diwali

+

Nov 15    Govardhan puja

+

Nov 16    Bhai Duj

+

Nov 20    Chhat Puja

+
+ +

December

+

Dec 24    Christmas Eve

+

Dec 25    Christmas Day

+
+ +
+ +
+ × +
+

January

+

Jan 1    New Year's Day

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

February

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

March

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

April

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

May

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

June

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

July

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

August

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

September

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

October

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

November

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

December

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+
+
+ × +
+

January

+

Jan 1    New Year's Day

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

February

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

March

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

April

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

May

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

June

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

July

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

August

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

September

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

October

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+ +
+ +

November

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+ +

December

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+

Holiday list type here.

+
+
+ + + + + \ No newline at end of file diff --git a/Web Calendar/homestyle.css b/Web Calendar/homestyle.css new file mode 100644 index 0000000..3c15c7f --- /dev/null +++ b/Web Calendar/homestyle.css @@ -0,0 +1,132 @@ +.left{ + position: relative; + height:550px ; + float: left; + margin: 5px; + overflow-y: scroll; + padding: 10px; + border: 2px solid black; + width: 35%; + border-radius: 20px; + box-shadow: rgba(202, 108, 108, 0.527) 12px -5px 10px; +} +.left::-webkit-scrollbar-thumb{ + border-radius: 2px 15px 15px 2px; + background-color: skyblue; +} +.left::-webkit-scrollbar{ + border-radius: 2px 15px 15px 2px; +} +a{ + text-decoration: none; + color: black; +} +html{ + height: 100%; +} +body>h2{ + padding-left: 32%; +} +body>h2>button{ + border-radius: 5px; + margin-left: 20px; + box-shadow: rgba(202, 108, 108, 0.527) 12px 5px 10px; +} +.right{ + position: relative; + height: 590px; + overflow-y: hidden; + float: right; + padding: 10px; + margin: 5px; + width: 60%; +} +.calendar{ + height: 80%; + width: 80%; + position: absolute; + margin-top: 10px; + margin-left: 100px; + text-align: center; + border: 0px; +} +td{ + border: 0px; + font-weight: bold; +} +th{ + border: 0px; + font-size: 22px; +} +td:hover{ + background-color: skyblue; + color: white; + border: 0px solid black; +} +h2{ + color: blue; + font-size: 30px; +} +hr{ + border-color: black; +} +h1{ + font-size: 50px; +} +footer { + background-color: rgb(31, 30, 30); + overflow: hidden; + align-content: center; +} +footer a { + text-decoration: none; + padding: 20px; + + float: left; + color: white; +} +h4{ +text-align-last: right; +} +button{ +padding-left: 10px; +padding-top: 5px; +padding-right: 10px; +padding-bottom: 5px; +} +body{ +background-image: linear-gradient(to top, rgba(248, 215, 215, 0), rgb(233, 163, 163)); +} +p{ +font-weight: bold; +} + +#March{ +display: block; +} +.a_left{ +display: flex; +float: left; +padding-left: 130px; +} +.a_right{ +display: flex; +float: right; +padding-right: 130px; +} +.arrow_lr{ +font-weight: bolder; +cursor: pointer; +} +.right>div{ +display: none; +height: 580px; +box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -30px, rgba(0, 0, 0, 0.3) 0px 30px 60px -50px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; +border: 1px solid plum; +} +.left>div:nth-child(1){ +display: block; +} +.left>div{ +display: none; +} \ No newline at end of file diff --git a/Web Calendar/login.html b/Web Calendar/login.html new file mode 100644 index 0000000..1e616c0 --- /dev/null +++ b/Web Calendar/login.html @@ -0,0 +1,30 @@ + + + + + + + User login + + + +
+
+
Login Form
+
+
+
+
+
+ + + + +
Forget Password Click here
+ +
+
+
+
+ + \ No newline at end of file diff --git a/Web Calendar/loginstyle.css b/Web Calendar/loginstyle.css new file mode 100644 index 0000000..75109fc --- /dev/null +++ b/Web Calendar/loginstyle.css @@ -0,0 +1,158 @@ + +html, +body{ + height: 100%; +} +body{ + background: linear-gradient( + 45deg, rgb(189, 60, 82), rgb(241, 90, 90) + ); + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; + margin: 0; + overflow: hidden; +} +.container{ + display: flex; + align-items: center; + justify-content: center; + height: 100%; +} +.card{ + display: flex; + border-radius: 8px; + box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.36); +} +.card::before{ + content: ""; + position: absolute; + top: calc(100% - 400px); + left: -80px; + z-index: -1; + background: rgb(210, 67, 86); + border-radius: 8px; + width: 500px; + height: 500px; +} +.card::after{ + + position: absolute; + top: -80px; + right: -16px; + z-index: -1; + background: rgb(228, 79, 87); + border-radius: 50%; + width: 300px; + height: 300px; +} +.card .container-label{ + display: flex; + flex-direction: column; + justify-content: center; + font-size: 2rem; + color: #ffffff; + background: linear-gradient(180deg, rgb(189, 50, 83), rgb(240, 90, 90)); + padding-left: 2rem; + padding-right: 3rem; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; +} +.card .container-label span{ + background-color: #ffffff; + margin-top: 2px; + height: 3px; + width: 48px; +} +.card .container-icon{ + display: flex; + align-items: center; + justify-content: center; + width: 0; +} +.card .container-icon .circle{ + display: flex; + align-items: center; + justify-content: center; + position: absolute; + background: linear-gradient(180deg, rgb(207, 68, 100), rgb(240, 90, 90)); + height: 48px; + width: 48px; + border-radius: 50%; +} +.card .container-icon .circle i { + color: #ffffff; + font-size: 1.25rem; + font-weight: 900; +} +.card .container-form form{ + display: flex; + flex-direction: column; + align-items: flex-start; + color: rgb(186, 50, 86); + background: #e0e0e0; + padding: 5rem; + width: 450px; + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; +} +.card .container-form label { + font-size: 0.8rem; + font-weight: 500; + text-transform: uppercase; +} +.card .container-form input{ + color: rgb(120, 96, 97); + background-color: transparent; + padding: 8px; + border: none; + border-bottom: 1px solid rgb(231, 154, 174); + width: 100%; +} +.card .container-form input:focus{ + border-color: rgb(233, 156, 176); + outline: 0; +} +.card .container-form input::placeholder{ + color: rgb(233, 157, 175); + +} +.card .container-form #email { + margin-bottom: 1.75rem; +} +.card .container-form .change-password{ + font-size: 0.8rem; + font-weight: 500; + color: rgb(187, 50, 80); + margin-top: 0.75rem; +} +.card .container-form .change-password a{ + color: red; + +} +.card .comtainer-form button{ + color: #ffffff; + text-transform: uppercase; + background: linear-gradient(180deg, rgb(188, 50, 80), rgb(241, 90, 90)); + padding: 12px 16px; + margin-top: 2rem; + border: none; + border-radius: 4px; + cursor: pointer; +} +button{ + background-color: rgb(234, 49, 49); +} + +#button{ + border: 2px solid white; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 15px; + padding-right: 15px; + color:white; + margin-top: 5px; + border-radius: 5px; +} +.container{ + background-repeat: no-repeat; + background-size: cover; +} diff --git a/Web Calendar/main.js b/Web Calendar/main.js new file mode 100644 index 0000000..63f8269 --- /dev/null +++ b/Web Calendar/main.js @@ -0,0 +1,37 @@ +let post=12 +function change_back(x){ + document.getElementById(post).style.display='none' + post=post-1 + if(post == -12){ + post=24 + } + document.getElementById(post).style.display='block' +} +function change_next(x){ + document.getElementById(post).style.display='none' + post=post+1 + if(post == 25){ + post=-11 + } + document.getElementById(post).style.display='block' +} + +function holidays(){ + document.getElementById('Quotes_div').style.display='none' + document.getElementById('Holiday_div').style.display='block' +} +function quotes(){ + document.getElementById('Holiday_div').style.display='none' + document.getElementById('Quotes_div').style.display='block' +} +function darklight(){ + s=document.getElementById('dar-ligt').innerText + if (s=='Light Mode'){ + document.firstElementChild.style.filter='invert(0)' + document.getElementById('dar-ligt').innerText='Dark Mode' + }else{ + document.body.style.backgroundColor='pink' + document.firstElementChild.style.filter='invert(1)' + document.getElementById('dar-ligt').innerText='Light Mode' + } +} \ No newline at end of file diff --git a/Web Calendar/registration.html b/Web Calendar/registration.html new file mode 100644 index 0000000..c9a9786 --- /dev/null +++ b/Web Calendar/registration.html @@ -0,0 +1,51 @@ + + + + + + + User login + + + +
+
+

Registration Form

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ +
+ Already register user? +
+
+ + +
+
+
+ + + \ No newline at end of file diff --git a/Web Calendar/registrationstyle.css b/Web Calendar/registrationstyle.css new file mode 100644 index 0000000..5229528 --- /dev/null +++ b/Web Calendar/registrationstyle.css @@ -0,0 +1,134 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; +} + +body { + background-color: rgb(167, 166, 209); + font-family: 'Rubik', sans-serif; +} + +.login_form { + background-color: rgb(110, 91, 91); + width: 500px; + height: auto; + margin: 50px auto; + + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + border-radius: 7px; + box-shadow: 0 5px 25px rgba(3, 19, 51, 0.959); + +} + +.login_form h1 { + padding: 20px 20px 0 110px; + color: #fff; +} + +.login_form .content { + padding: 20px; + text-align: center; +} + +.login_form .input_field { + padding: 12px 5px; +} + +.login_form .input_field input { + font-size: 15px; + display: block; + font-family: 'Rubik', sans-serif; + width: 100%; + padding: 10px 1px; + border: 0; + border-bottom: 1px solid #747474; + border-radius: 5px; + outline: none; + -webkit-transition: all .2s; + transition: all .2s; + +} + +.login_form .input_field input::-webkit-input-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input::-moz-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input:-ms-input-placeholder { + text-transform: uppercase; +} + +.login_form .input_field input::placeholder { + text-transform: uppercase; +} + +.login_form .input_field input:focus { + border-color: rgb(31, 25, 25); +} + +.login-form a.link { + text-decoration: none; + color: #5e5d77; + letter-spacing: 0.2px; + text-transform: uppercase; + display: inline-block; + margin-top: 20px; +} + +.login_form .action { + display: -webkit-box; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-direction: row; +} + +.login_form .action button { + width: 100%; + border: none; + padding: 15px; + + font-family: 'Rubik', sans-serif; + cursor: pointer; + text-transform: uppercase; + background-color: rgb(234, 248, 237); + color: rgb(69, 71, 71); + + border-radius: 5px; + letter-spacing: 0.2px; + outline: 0; + -webkit-transition: all .3s; + transition: all .3s; +} + +.login_form .action button:hover { + background: #969ca5; +} + +.login_form .action button:nth-child(2) { + background: #313f59; + color: #fff; + border-bottom-left-radius: 0; + border-bottom-right-radius: 4px; +} + +.login_form .action button:nth-child(2):hover { + background: #3c4d6d; +} + +.link { + color: #fff; +} + +.link:hover { + color: #969ca5; + ; +} \ No newline at end of file