public/assets/themes/basic-aqua/stylesheets/dialog.css

   1 * {
   2   margin: 0;
   3   padding: 0;
   4 }
   5
   6 body {
   7   font: 12px verdana, arial, helvetica, sans-serif;
   8   color: black;
   9   background: #eff6ff;
  10   text-align: center;
  11   line-height: 150%;
  12 }
  13
  14 a {
  15   color: #425563;
  16   font-weight: bolder;
  17   text-decoration: none;
  18   border-bottom: 1px dotted #ccc;
  19 }
  20
  21 a:hover {
  22   border: 0;
  23 }
  24
  25 h1 {
  26   margin: 0 0 5px 0;
  27   padding: 0 0 5px 0;
  28   color: #425563;
  29   font-size: 20px;
  30   border-bottom: 3px double #cddfce;
  31 }
  32
  33 h2 {
  34   margin: 10px 0;
  35   color: #263356;
  36   font-size: 16px;
  37 }
  38
  39 p, ul, pre {
  40   margin: 8px 0;
  41 }
  42
  43 ul {
  44   padding-left: 20px;
  45   list-style: square;
  46 }
  47
  48 code {
  49   padding: 0 2px;
  50   font-size: 1.2em;
  51   background: #e8e8e8;
  52 }
  53
  54 pre {
  55   border: 1px solid #263356;
  56   padding: 0 8px;
  57   font-size: 1.2em;
  58   background: #e8e8e8;
  59 }
  60
  61 acronym {
  62   border-bottom: 1px dotted #ccc;
  63   cursor: help;
  64 }
  65
  66 /** Form **/
  67
  68 label {
  69   margin: 3px 0;
  70   font-size: 90%;
  71   font-weight: bolder;
  72   display: block;
  73 }
  74
  75 label.checkbox {
  76   font-weight: normal;
  77   display: inline;
  78 }
  79
  80 label span.label_required {
  81   color: red;
  82   font-size: 90%;
  83 }
  84
  85 input, textarea, select {
  86   border: 1px solid #ccc;
  87   padding: 3px;
  88   font-family: verdana, arial, helvetica, sans-serif;
  89   font-size: 11px;
  90   background: white;
  91 }
  92
  93 input:hover, textarea:hover, select:hover {
  94   border: 1px solid black;
  95 }
  96
  97 input:focus, textarea:focus, select:focus {
  98   border: 1px solid black;
  99 }
 100
 101 fieldset {
 102   margin: 10px 0;
 103   padding: 10px;
 104   padding-top: 5px;
 105   border: 1px solid #ccc;
 106 }
 107
 108 fieldset legend {
 109   font-size: 90%;
 110   font-weight: bolder;
 111 }
 112
 113 input { width: 200px; }
 114 input.short { width: 50px; }
 115 input.medium { width: 150px; }
 116 input.long { width: 320px; }
 117
 118 input.checkbox {
 119   border: 0;
 120   width: auto;
 121 }
 122
 123 textarea {
 124   width: 400px;
 125   height: 150px;
 126 }
 127
 128 textarea.short {
 129   height: 70px;
 130 }
 131
 132
 133 button.submit {
 134   margin-top: 10px;
 135 }
 136
 137 span.required {
 138   color: red;
 139   font-size: 90%;
 140 }
 141
 142 #formErrors {
 143   background: red;
 144   color: white;
 145   padding: 5px 10px;
 146 }
 147
 148 #formErrors ul li {
 149   font-size: 90%;
 150 }
 151
 152 /** Classes **/
 153
 154 .desc {
 155   font-size: 90%;
 156   color: #666;
 157   font-style: italic;
 158 }
 159
 160 .bold {
 161   font-weight: bolder;
 162 }
 163
 164 .note {
 165   border: 1px solid #263356;
 166   padding: 0 8px;
 167   background: #e8e8e8;
 168 }
 169
 170 /** Construction **/
 171
 172 #dialog {
 173   margin: 100px auto 0 auto;
 174   border: 3px solid #425563;
 175   padding: 10px;
 176   width: 332px;
 177   text-align: left;
 178         background-color:#e7f2ff;
 179 }
 180
 181 #error, #success {
 182   margin: 10px 0;
 183   padding: 5px 10px;
 184   border: 1px solid #ccc;
 185   clear: both;
 186   cursor: pointer;
 187   text-align: left;
 188 }
 189
 190 #error {
 191   background: #FFB0B0;
 192   border-color: red;
 193 }
 194
 195 #success {
 196   background: #90DC90;
 197   border-color: green;
 198 }
 199
 200 /** Login dialog **/
 201
 202 #loginUsernameDiv, #loginPasswordDiv {
 203   padding-top: 1px;
 204 }
 205
 206 #loginUsernameDiv {
 207   float: left;
 208   width: 170px;
 209 }
 210
 211 * html #loginUsernameDiv {
 212   margin-top: 1px;
 213 }
 214
 215 #loginPasswordDiv {
 216   margin-left: 170px;
 217 }
 218
 219 #loginSubmit span, #forgotPasswordSubmit span {
 220   padding-left: 8px;
 221   font-size: 11px;
 222 }
 223
 224 * html #loginSubmit span, * html #forgotPasswordSubmit span {
 225   position: relative;
 226   top: -4px;
 227 }