universe

Universe
git clone https://git.dasho.dev/universe.git
Log | Files | Refs | Submodules | README

form.css (3396B)

      1 form.std {
      2  display: block;
      3  width: 100%;
      4  font-size: 0;
      5  padding: 20px 0;
      6 }
      7 
      8 form.std.auth {
      9  max-width: 600px;
     10  margin: 0 auto;
     11  text-align: left;
     12 }
     13 
     14 form.std > small {
     15  font-size: 10px;
     16  color: #ccc;
     17  margin-bottom: 15px;
     18  display: block;
     19 }
     20 
     21 form.std label {
     22  font-size: 16px;
     23  margin-bottom: 10px;
     24  display: block;
     25 }
     26 
     27 form.std input[type="text"],
     28 form.std select,
     29 form.std textarea,
     30 form.std input[type="number"],
     31 form.std input[type="password"] {
     32  display: block;
     33  margin-bottom: 20px;
     34  width: 100%;
     35  border: 1px solid #ccc;
     36  padding: 0 15px;
     37  height: 40px;
     38  line-height: 40px;
     39  color: #000;
     40  font-size: 16px;
     41  font-family: roboto, helvetica, arial, tahoma, verdana;
     42 }
     43 
     44 form.std input[type="text"]:focus,
     45 form.std input[type="text"]:active,
     46 form.std select:focus,
     47 form.std select:active,
     48 form.std textarea:focus,
     49 form.std textarea:active,
     50 form.std input[type="number"]:focus,
     51 form.std input[type="number"]:active,
     52 form.std input[type="password"]:focus,
     53 form.std input[type="password"]:active {
     54  border-color: #9b59b6;
     55 }
     56 
     57 form.std input[type="number"] {
     58  padding-right: 0;
     59 }
     60 
     61 form.std textarea {
     62  min-width: 100%;
     63  max-width: 100%;
     64  height: auto;
     65  line-height: 20px;
     66  padding: 15px;
     67  min-height: 250px;
     68 }
     69 
     70 form.std > .spacer {
     71  display: block;
     72  height: 20px;
     73 }
     74 
     75 form.std .inline-field {
     76  display: inline-block;
     77  vertical-align: top;
     78  width: calc(50% - 10px);
     79  margin-right: 10px;
     80 }
     81 
     82 form.std .inline-field:nth-child(2n + 2) {
     83  margin-right: 0;
     84  margin-left: 10px;
     85 }
     86 
     87 form.std .inline-field.lg {
     88  display: block;
     89  width: 100%;
     90  margin-right: 0 !important;
     91  margin-left: 0 !important;
     92 }
     93 
     94 form.std .inline-field > input[type="file"] {
     95  margin-bottom: 10px;
     96 }
     97 
     98 form.std .inline-field > small {
     99  color: #999;
    100  font-size: 12px;
    101  display: block;
    102  margin-bottom: 20px;
    103 }
    104 
    105 @media (max-width: 1000px) {
    106  form.std .inline-field {
    107    display: block;
    108    width: 100% !important;
    109    margin-left: 0 !important;
    110    margin-right: 0 !important;
    111  }
    112 }
    113 
    114 form.std .buttons {
    115  font-size: 14px;
    116  margin-top: 20px;
    117 }
    118 
    119 form.std .buttons > button {
    120  margin-right: 20px;
    121 }
    122 
    123 form.std .buttons > a {
    124  display: inline-block;
    125  margin-left: 20px;
    126  text-decoration: none;
    127 }
    128 
    129 form.invite_pop {
    130  margin-top: 15px;
    131 }
    132 
    133 form.invite_pop .standardBtn {
    134  margin: 0 5px;
    135 }
    136 
    137 form.chatroom-form {
    138  display: block;
    139  width: 100%;
    140  background: #efefef;
    141  height: 60px;
    142  padding: 15px 5px;
    143  font-size: 0;
    144 }
    145 
    146 form.chatroom-form > input[type="text"] {
    147  display: inline-block;
    148  vertical-align: top;
    149  width: calc(100% - 145px);
    150  height: 40px;
    151  border-radius: 3px 0 0 3px;
    152  border: 1px solid #efefef;
    153  padding: 10px;
    154  font-size: 14px;
    155  border-right: none;
    156  background: #fff;
    157 }
    158 
    159 form.chatroom-form > input[type="text"]:active,
    160 form.chatroom-form > input[type="text"]:focus {
    161  border-color: #9b59b6;
    162 }
    163 
    164 form.chatroom-form > .standardBtn {
    165  display: inline-block;
    166  vertical-align: top;
    167  width: 100px;
    168  height: 40px;
    169  line-height: 40px;
    170  margin: 0;
    171  border-radius: 0 3px 3px 0;
    172 }
    173 
    174 form.chatroom-form > .mute-btn {
    175  display: inline-block;
    176  vertical-align: top;
    177  width: 40px;
    178  height: 40px;
    179  border-radius: 3px;
    180  background: #e74c3c;
    181  margin-left: 5px;
    182  position: relative;
    183 }