portal-common/src/main/webapp/common/css/login.css

   1 /**\r
   2  * Copyright 2016-2017, CMCC Technologies Co., Ltd.\r
   3  *\r
   4  * Licensed under the Apache License, Version 2.0 (the "License");\r
   5  * you may not use this file except in compliance with the License.\r
   6  * You may obtain a copy of the License at\r
   7  *\r
   8  *         http://www.apache.org/licenses/LICENSE-2.0\r
   9  *\r
  10  * Unless required by applicable law or agreed to in writing, software\r
  11  * distributed under the License is distributed on an "AS IS" BASIS,\r
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
  13  * See the License for the specific language governing permissions and\r
  14  * limitations under the License.\r
  15  */\r
  16 /***\r
  17 Login page\r
  18 ***/\r
  19 \r
  20 /* logo page */\r
  21 .login {\r
  22   background-color: #666 !important;\r
  23 }\r
  24 \r
  25 .login .logo {\r
  26   margin: 0 auto;\r
  27   padding: 15px;\r
  28   text-align: center;\r
  29 }  \r
  30 \r
  31 \r
  32 .login .content {\r
  33   background: url(../image/bg-white-lock.png) repeat;\r
  34   width: 360px;\r
  35   margin: 0 auto;\r
  36   margin-top: 150px;\r
  37   padding: 30px;\r
  38   padding-top: 20px;\r
  39   padding-bottom: 15px;\r
  40   border-radius:5px;\r
  41   -webkit-box-shadow: 2px 3px 3px #717171;\r
  42   -moz-box-shadow: 2px 3px 3px #717171;\r
  43   box-shadow: -1px 1px 1px rgba(255,255,255,0.6) inset,-3px 3px 5px rgba(0,0,0,0.2);\r
  44 }\r
  45 \r
  46 .login .content h3 {\r
  47   color: #474747;\r
  48   letter-spacing:5px;\r
  49   font-size:20px ;\r
  50   font-family: 'Microsoft Yahei', sans-serif;\r
  51   text-shadow:-1px 1px rgba(221, 221, 221, 1);\r
  52 }\r
  53 .login .content h4  {\r
  54   color: #eee;\r
  55 }\r
  56 \r
  57 .login .content p,\r
  58 .login .content label {\r
  59   color: #4b4b4b;\r
  60 }\r
  61 \r
  62 .login .content .login-form,\r
  63 .login .content .forget-form {\r
  64     padding: 0px;\r
  65     margin: 0px;\r
  66 }\r
  67 \r
  68 .login .content .form-control {\r
  69   background-color: #fff;\r
  70   border-radius:15px;\r
  71 }\r
  72 \r
  73 .login .content .forget-form {\r
  74   display: none;\r
  75 }\r
  76 \r
  77 .login .content .register-form {\r
  78   display: none;\r
  79 }\r
  80 \r
  81 .login .content .form-title {\r
  82   font-weight: 300;\r
  83   margin-bottom: 25px;\r
  84   text-align: center; \r
  85 }\r
  86 \r
  87 .login .content .form-actions {\r
  88   background-color: transparent;\r
  89   clear: both;\r
  90   border: 0px;\r
  91   padding: 0px 30px 25px 30px;\r
  92   margin-left: -30px;\r
  93   margin-right: -30px;\r
  94 }\r
  95 \r
  96 .login .content .form-actions .checkbox {\r
  97   margin-left: 20px;\r
  98   padding-left: 0;\r
  99 }\r
 100 \r
 101 .login .content .forget-form .form-actions {\r
 102   border: 0;\r
 103   margin-bottom: 0;\r
 104   padding-bottom: 20px;\r
 105 }  \r
 106 \r
 107 .login .content .register-form .form-actions {\r
 108   border: 0;\r
 109   margin-bottom: 0;\r
 110   padding-bottom: 0px;\r
 111 }\r
 112 \r
 113 .login .content .form-actions .checkbox {\r
 114   margin-top: 8px;\r
 115   display: inline-block;\r
 116 }\r
 117 \r
 118 .login .content .form-actions .btn {\r
 119   margin-top: 1px;\r
 120   border-radius:20px;\r
 121 }\r
 122 \r
 123 .login .content .forget-password {\r
 124   margin-top: 25px;\r
 125 }\r
 126 \r
 127 .login .content .create-account {\r
 128   border-top: 1px dotted #eee;\r
 129   padding-top: 10px;\r
 130   margin-top: 15px;\r
 131 }\r
 132 \r
 133 .login .content .create-account a {\r
 134   display: inline-block;\r
 135   margin-top: 5px;\r
 136 }\r
 137 \r
 138 /* select2 dropdowns */\r
 139 .login .content .select2-container i {\r
 140   display: inline-block;\r
 141   position: relative;\r
 142   color: #ccc;\r
 143   z-index: 1;\r
 144   top:1px;\r
 145   margin: 4px 4px 0px 3px; \r
 146   width: 16px;\r
 147   height: 16px;\r
 148   font-size: 16px;\r
 149   text-align: center; \r
 150 }\r
 151 \r
 152 .login .content .has-error .select2-container i {\r
 153   color: #b94a48;\r
 154 }\r
 155 \r
 156 .login .content .select2-container a span {\r
 157   font-size: 13px;\r
 158 }\r
 159 \r
 160 .login .content .select2-container a span img {\r
 161   margin-left: 4px;\r
 162 }\r
 163 .form-control:focus{\r
 164         border:1px solid #5ca3b7 !important;\r
 165         box-shadow:0px 0px 2px #2aabec  !important;\r
 166 }\r
 167 /* footer copyright */\r
 168 .login .copyright {\r
 169   text-align: center;\r
 170   margin: 0 auto; \r
 171   padding: 10px;\r
 172   color: #eee;\r
 173   font-size: 13px;\r
 174 }\r
 175 \r
 176 @media (max-width: 480px) {\r
 177   /***\r
 178   Login page\r
 179   ***/\r
 180   .login .logo {\r
 181     margin-top:10px;\r
 182   }\r
 183 \r
 184   .login .content {\r
 185     padding: 30px; \r
 186     width: 222px;\r
 187   }\r
 188 \r
 189   .login .content h3 {\r
 190     font-size: 22px;\r
 191   }\r
 192 \r
 193   .login .checkbox {\r
 194     font-size: 13px;\r
 195   }\r
 196 }\r
 197 \r
 198 .descLabel{\r
 199         width:320px;\r
 200 }