github.com/kotovmak/go-admin@v1.1.1/template/login/assets/src/css/3_style.css (about)

     1  /* =======================================================
     2  *
     3  * 	Template Style 
     4  *	Edit this section
     5  *
     6  * ======================================================= */
     7  body {
     8    font-family: "Open Sans", Arial, sans-serif;
     9    line-height: 1.5;
    10    font-size: 16px;
    11    color: #848484;
    12    background-color: #f0f0f0;
    13  }
    14  body.style-2 {
    15    background-color: #ffffff;
    16    background-size: cover;
    17    background-position: -30% center;
    18    background-repeat: no-repeat;
    19    background-image: url(../images/bg_2.jpg);
    20    height: 100%;
    21  }
    22  body.style-3 {
    23    background: #ffffff url(../images/geometry2.png) repeat;
    24  }
    25  
    26  a {
    27    color: #33cccc;
    28    -moz-transition: all 0.3s ease;
    29    -o-transition: all 0.3s ease;
    30    -webkit-transition: all 0.3s ease;
    31    -ms-transition: all 0.3s ease;
    32    transition: all 0.3s ease;
    33  }
    34  a:hover {
    35    color: #29a3a3;
    36  }
    37  
    38  .menu {
    39    padding: 0;
    40    margin: 30px 0 0 0;
    41  }
    42  .menu li {
    43    list-style: none;
    44    margin-bottom: 10px;
    45    display: -moz-inline-stack;
    46    display: inline-block;
    47    zoom: 1;
    48    *display: inline;
    49  }
    50  .menu li a {
    51    padding: 5px;
    52  }
    53  .menu li.active a {
    54    color: #b3b3b3;
    55  }
    56  
    57  .fh5co-form {
    58    padding: 30px;
    59    margin-top: 4em;
    60    -webkit-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
    61    -moz-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
    62    -o-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
    63    box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
    64    background: #ffffff;
    65  }
    66  .style-2 .fh5co-form {
    67    -webkit-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
    68    -moz-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
    69    -o-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
    70    box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
    71  }
    72  @media screen and (max-width: 768px) {
    73    .fh5co-form {
    74      padding: 15px;
    75    }
    76  }
    77  .fh5co-form h2 {
    78    text-transform: uppercase;
    79    letter-spacing: 2px;
    80    font-size: 20px;
    81    margin: 0 0 30px 0;
    82    color: #000000;
    83  }
    84  .fh5co-form .form-group {
    85    margin-bottom: 30px;
    86  }
    87  .fh5co-form .form-group p {
    88    font-size: 14px;
    89    color: #9f9f9f;
    90    font-weight: 300;
    91  }
    92  .fh5co-form .form-group p a {
    93    color: #000000;
    94  }
    95  .fh5co-form label {
    96    font-weight: 300;
    97    font-size: 14px;
    98    font-weight: 300;
    99  }
   100  .fh5co-form .form-control {
   101    font-size: 16px;
   102    font-weight: 300;
   103    height: 50px;
   104    padding-left: 0;
   105    padding-right: 0;
   106    border: none;
   107    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   108    -webkit-box-shadow: none;
   109    -moz-box-shadow: none;
   110    -o-box-shadow: none;
   111    box-shadow: none;
   112    -webkit-border-radius: 0px;
   113    -moz-border-radius: 0px;
   114    -ms-border-radius: 0px;
   115    border-radius: 0px;
   116    -moz-transition: all 0.3s ease;
   117    -o-transition: all 0.3s ease;
   118    -webkit-transition: all 0.3s ease;
   119    -ms-transition: all 0.3s ease;
   120    transition: all 0.3s ease;
   121  }
   122  .fh5co-form .form-control::-webkit-input-placeholder {
   123    color: rgba(0, 0, 0, 0.3);
   124    text-transform: uppercase;
   125  }
   126  .fh5co-form .form-control::-moz-placeholder {
   127    color: rgba(0, 0, 0, 0.3);
   128    text-transform: uppercase;
   129  }
   130  .fh5co-form .form-control:-ms-input-placeholder {
   131    color: rgba(0, 0, 0, 0.3);
   132    text-transform: uppercase;
   133  }
   134  .copyrights{
   135  	text-indent:-9999px;
   136  	height:0;
   137  	line-height:0;
   138  	font-size:0;
   139  	overflow:hidden;
   140  }
   141  .fh5co-form .form-control:-moz-placeholder {
   142    color: rgba(0, 0, 0, 0.3);
   143    text-transform: uppercase;
   144  }
   145  .fh5co-form .form-control:focus, .fh5co-form .form-control:active {
   146    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
   147  }
   148  
   149  .btn-primary {
   150    height: 50px;
   151    padding-right: 20px;
   152    padding-left: 20px;
   153    border: none;
   154    background: #33cccc;
   155    color: #ffffff;
   156    -webkit-box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
   157    -moz-box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
   158    -o-box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
   159    box-shadow: -2px 10px 20px -1px rgba(51, 204, 204, 0.4);
   160  }
   161  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
   162    color: #ffffff;
   163    background: #47d1d1 !important;
   164    outline: none;
   165  }
   166  
   167  input, textarea {
   168    color: #000;
   169  }
   170  
   171  .placeholder {
   172    color: #aaa;
   173  }
   174  
   175  .js .animate-box {
   176    opacity: 0;
   177  }
   178  
   179  #particles-js {
   180    position: absolute;
   181    width: 100%;
   182    height: 100%;
   183    background-size: cover;
   184    top: 0;
   185    left: 0;
   186    z-index: -1;
   187  }
   188  
   189  body {
   190    color: #ffffff !important;
   191    background-color: #212121 !important
   192  }
   193  
   194  /*# sourceMappingURL=style.css.map */