techy_news-3392799: User reset password page, needs to be styled.

techy_news-3392799: User reset password page, needs to be styled.

css/style.css

@@ -54,9 +54,10 @@ input[type=submit] {
   background-color: #6f6f6f;
   border-color: #6f6f6f;
   color: #ffffff;
-  border-radius: 5px; }
+  border-radius: 5px;
+  font-size: 18px;
+}
   input[type=submit]:hover {
-    font-size: 18px;
     background-color: white !important;
     color: black !important; }
 
@@ -101,7 +102,6 @@ header .region-header {
       header .region-header .menu .menu-item a:hover {
         color: white;
         font-weight: 900; }
-
 .view-banner .views-field-field-image {
   position: relative;
   overflow: hidden; }
@@ -826,3 +826,196 @@ footer {
   .page-node-type-latest-news .field--name-field-description {
     width: 100%;
     text-align: justify; } }
+
+#block-yg-biz-main-menu ul.menu {
+    display: flex;
+}
+/* #block-yg-biz-main-menu ul.menu li {
+    padding: 10px;
+} */
+#block-yg-biz-main-menu li.menu-item.menu-item--expanded {
+    display: block;
+    position: relative;
+}
+#block-yg-biz-main-menu li.menu-item.menu-item--expanded > ul {
+    display: none;
+    top: 35px;
+    padding:0;
+    margin: 0;
+    position: absolute;
+}
+#block-yg-biz-main-menu li.menu-item.menu-item--expanded:hover > ul {
+    display: flex;
+    flex-direction: column;
+}
+/* #block-yg-biz-main-menu li.menu-item.menu-item--expanded > ul li {
+     width: max-content;
+} */
+.menu-item--expanded ul.menu {
+    width: max-content;
+}
+.menu-item--expanded li.menu-item a {
+    padding-left: 0 !important;
+    background-color: #eee;
+    margin-left: 20px;
+    margin-right: 20px;
+}
+.menu-item--expanded li {
+    background-color: #eee;
+    padding: 5px;
+}
+
+
+
+#block-techynews-main-menu ul.menu {
+  display: flex;
+}
+
+#block-techynews-main-menu li.menu-item.menu-item--expanded {
+  display: block;
+  position: relative;
+}
+#block-techynews-main-menu li.menu-item.menu-item--expanded > ul {
+  display: none;
+  top: 31px;
+  padding:0;
+  margin: 0;
+  position: absolute;
+}
+#block-techynews-main-menu li.menu-item.menu-item--expanded:hover > ul {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+.menu-item--expanded ul.menu {
+  width: max-content;
+}
+.menu-item--expanded li.menu-item a {
+  padding-left: 0 !important;
+  background-color: #eee;
+  margin-left: 20px;
+  margin-right: 20px;
+}
+.menu-item--expanded li {
+  background-color: #eee;
+  padding: 5px;
+  z-index: 1;
+}
+.menu .menu-item--expanded .menu .menu-item a:hover {
+  color: #000;
+}
+.field--name-comment {
+  text-align: left;
+}
+form#comment-form {
+  text-align: left;
+}
+@media (max-width: 668px) {
+  .comment-comment-form .form-item-subject-0-value input#edit-subject-0-value {
+    width: 60%
+  }
+}
+@media (max-width: 767px) {
+  input[type=submit] {
+    padding: 14px 42px;
+    margin-left: 0;
+  }
+  .comment-comment-form .form-actions {
+    padding-left: 18px;
+  }
+}
+.path-search form#search-form {
+  text-align: left;
+}
+article .field--type-image img {
+  width: 18%;
+}
+.node--type-article,
+.node--type-page {
+  margin-bottom: 45px;
+}
+.field--name-field-tags {
+  margin-bottom: 40px;
+}
+.node-readmore a,
+.comment-add a {
+  font-weight: 600;
+  padding: 14px 50px;
+  background-color: #6f6f6f;
+  border-color: #6f6f6f;
+  color: #ffffff;
+  border-radius: 5px;
+}
+.node-readmore a:hover,
+.comment-add a:hover {
+  color: #000;
+  background-color: #fff;
+}
+@media (max-width: 767px) {
+  ul.inline li {
+    display: block;
+    margin-bottom: 40px;
+  }
+}
+nav.pager ul {
+  display: flex;
+  justify-content: center;
+  padding-left: 0;
+  padding-right: 0;
+  flex-wrap: wrap;
+}
+nav.pager ul li {
+    list-style-type: none;
+  }
+nav.pager ul li {
+  margin-bottom: 15px;
+}
+nav.pager ul li a {
+  text-decoration: none;
+  padding: 8px 14px;
+  background: #6f6f6f;
+  color: #fff;
+  border: 1px solid #6f6f6f;
+  border-radius: 5px;
+}
+nav.pager ul li a:hover {
+  background: #fff;
+  color: #000;
+  border: 1px solid #fff;
+}
+.footer-section nav ul.menu {
+  margin-left: 0;
+}
+.footer-section nav ul.menu li a{
+  color:  #1e90ff;
+}
+@media (max-width: 767px) {
+  input[type="search"] {
+    box-sizing: border-box;
+    width: 100%;
+    margin-bottom: 15px;
+  }
+  input[type=submit] {
+    margin-bottom: 15px;
+  }
+}
+.comment-comment-form  .field--type-text-long .form-type-select select {
+  color: #000;
+}
+form.user-login-form,
+form.user-register-form,
+form.user-pass {
+  text-align: left;
+}
+
+form.user-login-form .description,
+form#user-register-form .description {
+  margin-top: 2px;
+}
+form#user-register-form .form-item-user-picture-0 input#edit-user-picture-0-upload {
+  padding: 15px;
+}
+form#user-register-form details .form-description input {
+  float: left;
+  margin-right: 5px;
+}
\ No newline at end of file