viithiisys / spotlight-frontend

Blame view

src/assets/css/style.css 5.27 KB
edit raw normal view history
8a0dd59d9   Digvijay Singh   first commit 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
 
  html,
  body {
    height: 100%;
  }
  
  body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color:#DFE7EF;
  }
  
  /* heading */
  h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font-size: 48px; line-height: 58px; color: #000000;}
  
  /* spaces */
  .wc-spc-lf-tp{ padding-top: 262px; padding-left: 40px; }
  
  
  .h-100{height: 100%;}
  .main-wrp{ height: 100%;padding-left: 56px; padding-right: 233px; background-image:url('assets/images/bg.svg'); background-repeat: no-repeat; background-attachment: fixed;    background-position: bottom -10px left -130px;
    background-size: 45%;}
  /* navbar */
  .spotLight-nav{ margin-top: 20px;}
  .spotLight-nav li a{font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.7470597624778748px;
    text-align: left; color:#000; opacity: 0.6;
    }
    .spotLight-nav li {margin-right: 14px;} 
   .spotLight-nav li.active a{font-weight: 600; opacity: 1;}
   .spotLight-nav li.spotLight-img a{opacity: 1;}
   .navbar-brand{ margin-right: 57px;}
  
   /* ul list style */
   .sign-in-up-list{ width: 325px; list-style-type: none; margin: 0px; padding:0px;font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; float: left; margin-top: 24px; }
    .sign-in-up-list li{ margin-bottom: 26px;display: flex; color:#000;}
    .sign-in-up-list li img{ margin-right: 10px; float: left; width: 24px; height: 24px;}
    .sign-in-up-list li span{ float: left;}
    /* form */
    .form-layout{ width: 100%; display: block; float: left;}
    .form-layout form{ display:block; float: left; width: 100%;}
    .form-layout h5{font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;opacity: 0.5; text-align:center;}
    .form-layout .social-login{ display: block;     width: 339px;
      margin: 0 auto; margin-top: 37px;  margin-bottom: 37px; }
    .form-layout .social-login ul{ list-style-type: none; margin:0px; padding:0px; display: flex;}
    .form-layout .social-login ul li a img{ width:75px; height: 75px; float: left;}
    .form-layout .social-login ul li:nth-child(2){margin:0 37px;}
    .form-layout .fill-form{ width: 100%; display: block; float: left; margin-top:24px ;}
  
    form input{background:#D2DCE7 !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; box-sizing: border-box; border-radius: 5px !important; height: 50px !important; line-height: 50px !important;   color: #000000;
    
      font-family: 'Montserrat', sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 600 !important; margin-bottom:16px;padding:0 18px !important;}
    form input:focus{  box-shadow:0px !important; outline: 0px !important;}
  
    /* placeholder */
    form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      line-height: 18px;
      color: #000000;
      opacity: 0.5;
      font-family: 'Montserrat', sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 600;
    }
    
    form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
      line-height: 18px;
      color: #000000;
      opacity: 0.5;
      font-family: 'Montserrat', sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 600;
    }
    
    form input::-ms-input-placeholder { /* Microsoft Edge */
      line-height: 18px;
      color: #000000;
      opacity: 0.5;
      font-family: 'Montserrat', sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 600;
    }
     /* placeholder */
    .sb-button{    background: #514DA7;
      height: 50px;
      line-height: 35px;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-size: 13px;
      font-style: normal;
      font-weight: 600;
      width: 100%;}
      .sb-button img{ margin-right: 10px;}
      .sb-button:hover{ color:#fff;} 
      .form-layout p{margin-top:17px ;}
      .form-layout p{font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;opacity: 0.5; text-align:center;}
      .form-layout p a{ font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 500;line-height: 19px; color: #000000;text-decoration: underline;}
      .form-layout .forget-pass{font-family: 'Montserrat', sans-serif;font-size: 15px; font-style: normal;font-weight: 700;line-height: 19px; color: #000000;opacity:1 !important; text-align:center;}
      .form-layout .forget-pass a{font-weight: 700;color: #514DA7 !important; text-decoration: none !important;
      }
      .form-layout p a:hover{ color:#000;}
      .form-layout h3{font-family: 'Montserrat', sans-serif;font-size: 18px; font-style: normal;font-weight: 700;line-height: 21px; color: #000000; text-align: center;margin-top: 24px;}
      .form-layout h3 a{font-family: 'Montserrat', sans-serif;font-size: 18px; font-style: normal;font-weight: 700;line-height: 21px; color: #514DA7; opacity: 1;}
      .form-layout.signup-frm-spc{width: 300px; display: block; float: left;  margin-top: 214px;}
      .welcome-hd-back{
        font-family: 'Bebas Neue', cursive;
        font-style: normal;
        font-weight: 600;
        font-size: 106px;
        line-height: 106px;
        color: #000000;
    }
    .form-layout .go-back span{ font-weight: 500 !important;}
    .reset-pass-spc{    margin-top: 110px;}