vendor/assets/stylesheets/failure.sass in failuregem-1.0 vs vendor/assets/stylesheets/failure.sass in failuregem-1.1

@@ -1,25 +1,26 @@
+$navbar-background-color: #0f4e40
 $background-color: #fff
 $header-bg: #2C3E50
-$footer-bg: #edeff1
+
 $content-bg: #fff
-$gray-line: #eee
 $white1: #fff
 $white2: #fafafa
-$lightgray: #ECF0F1
-$black: #373737
+$black: #0e0e0e
 
 $gray1: #BDC3C7
 $gray2: #95A5A6
 $gray3: #7F8C8D
 $gray4: #6e8597
+$gray-line: #eee
+$lightgray: #ECF0F1
 
 $blue1: #3498DB
 $blue2: #2980B9
 $darkblue: #173580
 
-$turq1: #1ABC9C
+$turq1: #1c9076
 $turq2: #16A085
 
 $dark1: #34495E
 $dark2: #2C3E50
 
@@ -29,14 +30,16 @@
 $success2: #2ECC71
 $warning1: #F39C12
 $warning2: #F1C40F
 $error1: #C0392B
 $error2: #E74C3C
+$primary: #2C3E50
+$seccond: #1ABC9C
 
 
-//---Devise flash messages---//
 
+//---Devise flash messages---//
 .alert-error
   background-color: #f2dede
   border-color: #eed3d7
   color: #b94a48
   text-align: left
@@ -65,20 +68,26 @@
   font-size: 16px
 
 html
   //overflow: scroll
 
+body
+  background-image: url('failure_bg.png')
+
 img
   border-radius: 4px !important
 
 .center
   text-align: center
   margin: 0 auto
 
 #main_container
   margin-top: 12em
 
+.margin1
+  margin: 1em
+
 h1, h1 a, h1 span, h1 span span
   font-size: 36px !important
 
 h2, h2 a, h2 span, h2 span span
   font-size: 30px !important
@@ -93,29 +102,54 @@
   font-size: 18px !important
 
 h6, h6 a, h6 span, h6 span span
   font-size: 16px !important
 
+a
+  &:not(.btn)
+    &:not(#title)
+      color: $turq1
+      &:hover
+        color: $turq2
+
+.btn-primary
+  background-color: $navbar-background-color
+  border: none
+  &:hover, &:active, &:focus, &:active:focus, &:active:hover
+    background-color: $navbar-background-color
+
+.inactive_user
+  color: $gray1
+
+.main_color
+  color: $turq1
+
+.white
+  color: $white1
+.black
+  color: $black
 //----HEADER & NAVIGATION-----//
 
 .navbar-default, .navbar-header, .navbar-collapse, .header, .navbar-light
-  background-color: $header-bg
+  background-color: $navbar-background-color
 .navbar
   height: 8em
 
 .navbar-brand
   padding-left: 0px !important
-  //margin: 29px 0px 0px 0px
 
 .nav-item
   padding: 0px !important
-  margin: 2em
-  font-size: 14px
+  margin: 1.3em
+  font-size: 13px
   color: $white1 !important
   &:hover
     color: $turq1 !important
+  @media screen and (max-width: 1200px)
+    font-size: 10px !important
 
+
 .active
   .nav-item
     background-color: $header-bg !important
     color: $turq1 !important
 
@@ -132,11 +166,29 @@
 
 .navbar-toggler-icon
   color: $white1 !important
   margin-top: -2em
 
+nav a:hover
+  text-decoration: none !important
+
 //----CUSTOM NAV-----------//
+#title
+  color: $white1 !important
+  font-size: 30px
+
+#subtitle
+  color: $black
+  font-size: 30px
+
+#navigation
+  li
+    a
+      color: $white1
+      &:hover
+        color: $turq1
+
 .sub-nav
   height: 100%
 
 .sub-pages-nav
   //float: left
@@ -209,31 +261,32 @@
 
 
 //----BUTTONS------------//
 
 .btn-primary
-  background-color: $turq1 !important
-  border-color: $turq1 !important
+  background-color: $navbar-background-color !important
+  border-color: $navbar-background-color !important
   color: $white1 !important
 
 //----TABLES-------------//
 
 .cut-td-text
   max-height: 25px !important
   overflow: hidden !important
 
 //----PAGINATION---------//
+.pagination
+  margin: 0px
 
 .pagination
   .active
     span
       background-color: $white1 !important
       color: $black !important
       border: 1px solid $turq1 !important
 
 //----PROGRESS BAR-------//
-
 .progress-info-green
   float: left
   width: 20px
   height: 20px
   border-radius: 100%
@@ -256,11 +309,11 @@
 
 .footer
   height: 135px
   margin-top: 40px
   padding: 40px 20px
-  background-color: #edeff1
+  background-image: url('failure_bg.png')
   color: #bdc3c7
   text-align: center
 
 .footer-div
   border-top: solid 1px $gray1
@@ -277,5 +330,36 @@
   margin-left: 4em
 
 .divider
   height: 150px
   width: 100%
+
+
+
+//----APPS--Failure_home---------//
+.card-img-top
+  width: 100%
+  height: 200px
+.bg-seccond
+  background-color: #1ABC9C
+
+.txt-seccond
+  color: #1ABC9C
+
+.txt-primary
+  color: $primary
+
+.primary-bg-hover
+  &:hover
+    background-color: $primary
+
+.seccond-bg-hover
+  &:hover
+    background-color: $seccond
+
+.primary-txt-hover
+  &:hover
+    color: $primary !important
+
+.seccond-txt-hover
+  &:hover
+    color: $seccond !important