koha-tmpl/intranet-tmpl/prog/css/src/_forms.scss

   1 fieldset {
   2     @include card;
   3
   4     legend {
   5         border-bottom: 0 none;
   6         color: #696969;
   7         float: left;
   8         font-weight: bold;
   9         margin-bottom: .5rem;
  10
  11         ~ * {
  12             clear: left;
  13         }
  14     }
  15
  16     fieldset {
  17         box-shadow: none;
  18         padding: 0;
  19     }
  20
  21     &.rows {
  22         clear: left;
  23         float: left;
  24         margin: .9em 0 0;
  25         padding: 1rem;
  26         width: 100%;
  27
  28         fieldset {
  29             background-color: transparent;
  30             margin: 1em;
  31             padding: .3em;
  32
  33             &.action {
  34                 padding: 1em;
  35             }
  36         }
  37
  38         &.inputnote {
  39             clear: left;
  40             float: left;
  41             margin: 1em 0 0 9em;
  42         }
  43
  44         &.left {
  45             label {
  46                 text-align: left;
  47                 width: 8em;
  48             }
  49
  50             li {
  51                 padding-bottom: .4em;
  52             }
  53
  54             span {
  55                 label {
  56                     text-align: left;
  57                     width: 8em;
  58                 }
  59             }
  60         }
  61
  62         &.unselected {
  63             background-color: #FFFFFF;
  64             border: 0;
  65             border-width: 0;
  66         }
  67
  68         caption {
  69             font-size: 120%;
  70         }
  71
  72         div {
  73             &.hint {
  74                 font-size: 1.25rem;
  75                 margin: .5rem 0;
  76                 margin-left: 11rem;
  77             }
  78         }
  79
  80         label {
  81             float: left;
  82             font-weight: bold;
  83             margin-right: 1rem;
  84             text-align: right;
  85             width: 10rem;
  86
  87             &.error {
  88                 float: none;
  89                 margin-left: 1rem;
  90                 width: auto;
  91             }
  92
  93             &.inline {
  94                 display: inline;
  95                 float: none;
  96                 margin-left: 1rem;
  97             }
  98
  99             &.radio {
 100                 display: inline-block;
 101                 float: none;
 102                 margin: 0;
 103                 padding: 0;
 104                 width: auto;
 105             }
 106
 107             &.yesno {
 108                 float: none;
 109                 width: auto;
 110             }
 111         }
 112
 113         legend {
 114             // font-size: 110%;
 115             // font-weight: bold;
 116             // margin-left: 1em;
 117         }
 118
 119         li {
 120             clear: left;
 121             float: left;
 122             list-style-type: none;
 123             width: 100%;
 124
 125             &[aria-disabled="true"] {
 126                 color: #999;
 127             }
 128
 129             &.radio {
 130                 margin: 0;
 131                 padding-left: 7.5em;
 132                 width: auto;
 133
 134                 input + label {
 135                     margin-left: 0;
 136                     padding-left: 0;
 137                 }
 138
 139                 label {
 140                     float: none;
 141                     margin: 0 0 0 1em;
 142                     width: auto;
 143                 }
 144             }
 145
 146             input + label {
 147                 margin-left: 0;
 148                 padding-left: 0;
 149             }
 150
 151             fieldset {
 152                 margin: 0;
 153                 padding: 0;
 154
 155                 input[type="text"] {
 156                     max-width: 70%;
 157                 }
 158
 159                 label {
 160                     width: 6em;
 161                 }
 162
 163                 legend {
 164                     font-size: 1.55rem;
 165                     margin: 0 0 0 1em;
 166                 }
 167
 168                 li.radio {
 169                     padding-left: 0;
 170                 }
 171             }
 172         }
 173
 174         ol {
 175             list-style-type: none;
 176             padding: 1em 1em 0;
 177
 178             &.radio {
 179                 label {
 180                     float: none;
 181                     margin-left: 20px;
 182                     margin-right: 30px;
 183                     padding-left: 0;
 184                     vertical-align: middle;
 185                     width: auto;
 186
 187                     &.radio {
 188                         float: left;
 189                         margin-right: 1em;
 190                         margin-top: 0;
 191                         width: 10em;
 192                     }
 193                 }
 194
 195                 input {
 196                     &[type="checkbox"],
 197                     &[type="radio"] {
 198                         margin-left: -20px;
 199                     }
 200                 }
 201             }
 202
 203             table {
 204                 display: inline-block;
 205                 font-size: 105%;
 206                 margin: 0;
 207             }
 208         }
 209
 210         p {
 211             margin: 1em 0 1em 1em;
 212         }
 213
 214         span {
 215             &.label {
 216                 float: left;
 217                 font-weight: bold;
 218                 margin-right: 1rem;
 219                 text-align: right;
 220                 width: 10rem;
 221             }
 222
 223             &.hint {
 224                 font-size: 1.25rem;
 225             }
 226         }
 227
 228         table {
 229             clear: both;
 230             font-size: 1.25rem;
 231             margin: 1em 0 1em 1em;
 232
 233             &.dataTable {
 234                 margin: 0;
 235             }
 236
 237             &.mceListBox {
 238                 margin: 0;
 239             }
 240         }
 241
 242         td {
 243             label {
 244                 float: none;
 245                 font-weight: normal;
 246                 width: auto;
 247             }
 248         }
 249
 250         .inputnote {
 251             clear: left;
 252             float: left;
 253             margin: 1em 0 0 11em;
 254         }
 255
 256         + h3 {
 257             clear: both;
 258             padding-top: .5em;
 259         }
 260
 261         .dataTables_wrapper {
 262             label {
 263                 font-weight: 400;
 264                 width: unset;
 265             }
 266         }
 267
 268         .dropdown-menu {
 269             li {
 270                 padding-bottom: 0;
 271             }
 272         }
 273
 274         .toptabs {
 275             clear: both;
 276             margin: 1em;
 277         }
 278     }
 279 }