interface/modules/zend_modules/public/css/multipledb/multipledb.css

   1 /* +-----------------------------------------------------------------------------+
   2  * Copyright 2016 matrix israel
   3  * LICENSE: This program is free software; you can redistribute it and/or
   4  * modify it under the terms of the GNU General Public License
   5  * as published by the Free Software Foundation; either version 3
   6  * of the License, or (at your option) any later version.
   7  * This program is distributed in the hope that it will be useful,
   8  * but WITHOUT ANY WARRANTY; without even the implied warranty of
   9  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  10  * GNU General Public License for more details.
  11  * You should have received a copy of the GNU General Public License
  12  * along with this program. If not, see
  13  * http://www.gnu.org/licenses/licenses.html#GPL
  14  *    @author  Oshri Rozmarin <oshri.rozmarin@gmail.com>
  15  * +------------------------------------------------------------------------------+
  16  *
  17  */
  18
  19 /*
  20     Style index form
  21 */
  22
  23 .form-style-1 {
  24     padding: 20px 12px 10px 20px;
  25     font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  26 }
  27 .form-style-1 li {
  28     padding: 0;
  29     display: block;
  30     list-style: none;
  31     margin: 10px 0 0 0;
  32 }
  33 .form-style-1 label{
  34     margin:0 0 3px 0;
  35     padding:0px;
  36     display:block;
  37     font-weight: bold;
  38 }
  39 .form-style-1 input[type=text],
  40 .form-style-1 input[type=date],
  41 .form-style-1 input[type=datetime],
  42 .form-style-1 input[type=number],
  43 .form-style-1 input[type=search],
  44 .form-style-1 input[type=time],
  45 .form-style-1 input[type=url],
  46 .form-style-1 input[type=password],
  47 .form-style-1 input[type=email],
  48 textarea,
  49 select{
  50     box-sizing: border-box;
  51     -webkit-box-sizing: border-box;
  52     -moz-box-sizing: border-box;
  53     border:1px solid #BEBEBE;
  54     padding: 7px;
  55     margin:0px;
  56     -webkit-transition: all 0.30s ease-in-out;
  57     -moz-transition: all 0.30s ease-in-out;
  58     -ms-transition: all 0.30s ease-in-out;
  59     -o-transition: all 0.30s ease-in-out;
  60     outline: none;
  61 }
  62 .form-style-1 input[type=text]:focus,
  63 .form-style-1 input[type=date]:focus,
  64 .form-style-1 input[type=datetime]:focus,
  65 .form-style-1 input[type=number]:focus,
  66 .form-style-1 input[type=search]:focus,
  67 .form-style-1 input[type=time]:focus,
  68 .form-style-1 input[type=url]:focus,
  69 .form-style-1 input[type=email]:focus,
  70 .form-style-1 input[type=password]:focus,
  71 .form-style-1 textarea:focus,
  72 .form-style-1 select:focus{
  73     -moz-box-shadow: 0 0 8px #88D5E9;
  74     -webkit-box-shadow: 0 0 8px #88D5E9;
  75     box-shadow: 0 0 8px #88D5E9;
  76     border: 1px solid #88D5E9;
  77 }
  78 .form-style-1 .field-divided{
  79     width: 49%;
  80 }
  81
  82 .form-style-1 .field-long{
  83     width: 100%;
  84 }
  85 .form-style-1 .field-select{
  86     width: 100%;
  87 }
  88 .form-style-1 .field-textarea{
  89     height: 100px;
  90 }
  91 input[type=submit], input[type=button]{
  92     background: #4B99AD;
  93     padding: 8px 15px 8px 15px;
  94     border: none;
  95     color: #fff;
  96 }
  97 .form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
  98     background: #4691A4;
  99     box-shadow:none;
 100     -moz-box-shadow:none;
 101     -webkit-box-shadow:none;
 102 }
 103 .form-style-1 .required{
 104     color:red;
 105 }
 106
 107
 108
 109 /*
 110     Style index table
 111  */
 112 .responstable {
 113     margin: 1em 0;
 114     width: 100%;
 115     overflow: hidden;
 116     background: #FFF;
 117     color: #024457;
 118     border: 1px solid #167F92;
 119 }
 120 .responstable tr {
 121     border: 1px solid #D9E4E6;
 122     text-align: center!important;
 123 }
 124 .responstable tr:nth-child(odd) {
 125     background-color: #EAF3F3;
 126 }
 127 .responstable th {
 128     display: none;
 129     border: 1px solid #FFF;
 130     background-color: #167F92;
 131     color: #FFF;
 132     padding: 1em;
 133     text-align: center!important;
 134 }
 135 .responstable th:first-child {
 136     display: table-cell;
 137     text-align: center;
 138 }
 139 .responstable th:nth-child(2) {
 140     display: table-cell;
 141 }
 142 .responstable th:nth-child(2) span {
 143     display: none;
 144 }
 145 .responstable th:nth-child(2):after {
 146     content: attr(data-th);
 147 }
 148 @media (min-width: 480px) {
 149     .responstable th:nth-child(2) span {
 150         display: block;
 151     }
 152     .responstable th:nth-child(2):after {
 153         display: none;
 154     }
 155 }
 156 .responstable td {
 157     display: block;
 158     word-wrap: break-word;
 159     max-width: 7em;
 160     text-align: center!important;
 161
 162 }
 163 .responstable td:first-child {
 164     display: table-cell;
 165     text-align: center;
 166     border-right: 1px solid #D9E4E6;
 167 }
 168 @media (min-width: 480px) {
 169     .responstable td {
 170         border: 1px solid #D9E4E6;
 171     }
 172 }
 173 .responstable th, .responstable td {
 174     text-align: left;
 175     margin: .5em 1em;
 176 }
 177 @media (min-width: 480px) {
 178     .responstable th, .responstable td {
 179         display: table-cell;
 180         padding: 1em;
 181     }
 182 }
 183
 184 /*
 185     style safe key
 186
 187  */
 188
 189 .safekey{
 190     text-align: center;
 191 }
 192 .safekey h1{
 193     font-size: 40px;
 194 }
 195
 196 .safekey .yoursafekey{
 197     display: block;
 198     font-size: 30px;
 199 }
 200
 201 .safekey p{
 202     font-size: 18px;
 203 }
 204
 205
 206 .safekey .box{
 207     font-size: 18px;
 208     background-color: #94bbbf;
 209     display: inline-block;
 210     padding: 40px;
 211     border-radius: 10px;
 212     margin-bottom: 50px;
 213 }
 214
 215
 216
 217 /*
 218     Style edit
 219 */
 220 .error{
 221     color: red;
 222 }
 223
 224 input.error{
 225     border: 1px solid red!important;
 226 }