openo-portal/portal-common/src/main/webapp/common/css/login-apk.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   margin-top:60px;\r
  28   padding: 15px;\r
  29   text-align: center;\r
  30 }  \r
  31 \r
  32 \r
  33 .login .content {\r
  34   background: url(../../../common/image/bg-white-lock.png) repeat;\r
  35   width: 360px;\r
  36   margin: 0 auto; \r
  37   margin-bottom: 0px;\r
  38   padding: 30px;  \r
  39   padding-top: 20px;  \r
  40   padding-bottom: 15px;  \r
  41 }\r
  42 \r
  43 .login .content h3 {\r
  44   color: #eee;\r
  45 }\r
  46 .login .content h4  {\r
  47   color: #eee;\r
  48 }\r
  49 \r
  50 .login .content p,\r
  51 .login .content label {\r
  52   color: #fff;\r
  53 }\r
  54 \r
  55 .login .content .login-form,\r
  56 .login .content .forget-form {\r
  57     padding: 0px;\r
  58     margin: 0px;\r
  59 }\r
  60 \r
  61 .login .content .form-control {\r
  62   background-color: #fff;\r
  63 }\r
  64 \r
  65 .login .content .forget-form {\r
  66   display: none;\r
  67 }\r
  68 \r
  69 .login .content .register-form {\r
  70   display: none;\r
  71 }\r
  72 \r
  73 .login .content .form-title {\r
  74   font-weight: 300;\r
  75   margin-bottom: 25px;\r
  76 }\r
  77 \r
  78 .login .content .form-actions {\r
  79   background-color: transparent;\r
  80   clear: both;\r
  81   border: 0px;\r
  82   padding: 0px 30px 25px 30px;\r
  83   margin-left: -30px;\r
  84   margin-right: -30px;\r
  85 }\r
  86 \r
  87 .login .content .form-actions .checkbox {\r
  88   margin-left: 20px;\r
  89   padding-left: 0;\r
  90 }\r
  91 \r
  92 .login .content .forget-form .form-actions {\r
  93   border: 0;\r
  94   margin-bottom: 0;\r
  95   padding-bottom: 20px;\r
  96 }  \r
  97 \r
  98 .login .content .register-form .form-actions {\r
  99   border: 0;\r
 100   margin-bottom: 0;\r
 101   padding-bottom: 0px;\r
 102 }\r
 103 \r
 104 .login .content .form-actions .checkbox {\r
 105   margin-top: 8px;\r
 106   display: inline-block;\r
 107 }\r
 108 \r
 109 .login .content .form-actions .btn {\r
 110   margin-top: 1px;\r
 111 }\r
 112 \r
 113 .login .content .forget-password {\r
 114   margin-top: 25px;\r
 115 }\r
 116 \r
 117 .login .content .create-account {\r
 118   border-top: 1px dotted #eee;\r
 119   padding-top: 10px;\r
 120   margin-top: 15px;\r
 121 }\r
 122 \r
 123 .login .content .create-account a {\r
 124   display: inline-block;\r
 125   margin-top: 5px;\r
 126 }\r
 127 \r
 128 /* select2 dropdowns */\r
 129 .login .content .select2-container i {\r
 130   display: inline-block;\r
 131   position: relative;\r
 132   color: #ccc;\r
 133   z-index: 1;\r
 134   top:1px;\r
 135   margin: 4px 4px 0px 3px; \r
 136   width: 16px;\r
 137   height: 16px;\r
 138   font-size: 16px;\r
 139   text-align: center; \r
 140 }\r
 141 \r
 142 .login .content .has-error .select2-container i {\r
 143   color: #b94a48;\r
 144 }\r
 145 \r
 146 .login .content .select2-container a span {\r
 147   font-size: 13px;\r
 148 }\r
 149 \r
 150 .login .content .select2-container a span img {\r
 151   margin-left: 4px;\r
 152 }\r
 153 \r
 154 /* footer copyright */\r
 155 .login .copyright {\r
 156   text-align: center;\r
 157   margin: 0 auto; \r
 158   padding: 10px;\r
 159   color: #eee;\r
 160   font-size: 13px;\r
 161 }\r
 162 \r
 163 @media (max-width: 480px) {\r
 164   /***\r
 165   Login page\r
 166   ***/\r
 167   .login .logo {\r
 168     margin-top:10px;\r
 169   }\r
 170 \r
 171   .login .content {\r
 172     padding: 30px; \r
 173     width: 222px;\r
 174   }\r
 175 \r
 176   .login .content h3 {\r
 177     font-size: 22px;\r
 178   }\r
 179 \r
 180   .login .checkbox {\r
 181     font-size: 13px;\r
 182   }\r
 183 }