www-apps/phpSANE/dev/css/style.css

   1 html {
   2   font-size: 100%;
   3   -webkit-text-size-adjust: 100%;
   4   -ms-text-size-adjust: 100%;
   5 }
   6
   7 body {
   8         font-family: Arial, Verdana, Helvetica, sans-serif;
   9         font-style: normal;
  10         font-weight: normal;
  11         text-decoration: none;
  12         font-size: 10pt;
  13         line-height: 110%;
  14   color: #000000;
  15         background: #ffffff;
  16         margin: 0.0em 0.75em 0.75em 0.75em;
  17         border: 0em;
  18         padding: 0em;
  19   text-align: left;
  20   min-width: 780px;
  21 }
  22
  23 a {
  24   color: #0088cc;
  25   text-decoration: none;
  26 }
  27 a:hover {
  28   color: #005580;
  29   text-decoration: underline;
  30   outline: 0;
  31 }
  32 a:focus {
  33   outline: thin dotted #333;
  34   outline: 5px auto -webkit-focus-ring-color;
  35   outline-offset: -2px;
  36 }
  37
  38 /* ------------------------------------------------------------------ */
  39 /* header */
  40 #page_header {
  41         width: 100%;
  42         white-space: nowrap;
  43         border-collapse: collapse;
  44         border: none;
  45         padding: 0.0em 0.0em;
  46         margin: 0.0em 0.0em;
  47 }
  48
  49 #page_header td {
  50         vertical-align: top;
  51         border: none;
  52         padding: 0.0em 0.0em;
  53         margin: 0.0em 0.0em;
  54 }
  55
  56 #logo {
  57   padding-top: 0.4em;
  58   float: left;
  59   border: none;
  60   width: 455px;
  61   height: 95px;
  62 }
  63
  64 #header_menu {
  65   text-align: center;
  66   padding: 0.5em 0 0.5em 0;
  67         margin: 0;
  68   background-color: #cbcbcb;
  69   border-radius: 0px 0px 10px 10px;
  70   float: right;
  71   min-width: 4em;
  72 }
  73
  74 #header_menu > li {
  75   padding: 0 0.5em 0 0.5em;
  76   display: inline;
  77   list-style-type: none;
  78   text-align: left;
  79 }
  80
  81 #header_menu a {
  82   font-weight: bold;
  83   font-size: 110%;
  84   color: #005580;
  85 }
  86
  87 #language_select {
  88   width: 10.5em;
  89   display: inline-block;
  90 }
  91
  92 /* ------------------------------------------------------------------ */
  93 /* body */
  94 #page_body {
  95   padding: 0.0em;
  96         margin: 1.5em auto;
  97 }
  98
  99 #page_body > tbody > tr > td {
 100   padding: 0.6em;
 101 }
 102
 103 .input_error {
 104   color: red;
 105 }
 106
 107 #tab_menu_error_text {
 108         font-size: 170%;
 109         font-weight: bold;
 110         line-height: 170%;
 111         color: red;
 112   height: 8em;
 113 }
 114
 115 #tab_menu_error_button {
 116         font-size: 150%;
 117   height: 2em;
 118 }
 119
 120 #tab_preview, #tab_menu{
 121   vertical-align: top;
 122   padding: 0.0em 0.5em;
 123   height: 100%;
 124 }
 125 #preview_image {
 126   border: solid black 1px;
 127 }
 128
 129 #tab_menu_settings {
 130   height: 100%;
 131   padding: 0.0em;
 132         margin: 0.0em;
 133 }
 134 #tab_menu_settings td {
 135   padding: 0.15em 0.0em;
 136 }
 137 #tab_menu_settings .value_column > input[type="text"] {
 138   line-height: 30px;
 139   width: 210px;
 140   display: inline-block;
 141   height: 30px;
 142   padding: 4px 6px;
 143   -webkit-box-sizing: border-box;
 144   -moz-box-sizing: border-box;
 145   box-sizing: border-box;
 146   font-size: 14px;
 147   line-height: 20px;
 148   color: #555555;
 149   -webkit-border-radius: 4px;
 150   -moz-border-radius: 4px;
 151   border-radius: 5px;
 152   vertical-align: middle;
 153   background-color: #ffffff;
 154   border: 1px solid #cccccc;
 155   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 156   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 157   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 158   -webkit-transition: border linear .2s, box-shadow linear .2s;
 159   -moz-transition: border linear .2s, box-shadow linear .2s;
 160   -o-transition: border linear .2s, box-shadow linear .2s;
 161   transition: border linear .2s, box-shadow linear .2s;
 162 }
 163 #tab_menu_settings .value_column > input[type="text"]:focus {
 164   border-color: rgba(82, 168, 236, 0.8);
 165   outline: 0;
 166   outline: thin dotted \9; /* IE6-9 */
 167   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
 168   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
 169   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
 170 }
 171
 172 #tab_menu_settings #brightness_slider {
 173   width: 155px;
 174   display: inline-block;
 175   vertical-align:middle;
 176   margin-top: auto;
 177   background-color:     #e5e5e7;
 178 }
 179 #tab_menu_settings #brightness {
 180   width: 44px;
 181   margin-left: 7px;
 182 }
 183
 184 #tab_menu_settings #contrast_slider {
 185   width: 155px;
 186   display: inline-block;
 187   vertical-align:middle;
 188   margin-top: auto;
 189   background-color:     #e5e5e7;
 190 }
 191 #tab_menu_settings #contrast {
 192   width: 44px;
 193   margin-left: 7px;
 194 }
 195
 196 #tab_menu_settings select {
 197   width: 210px;
 198 }
 199 #tab_menu_settings tr:first-child th{
 200   padding-top: 0px;
 201   margin-top: 0px;
 202 }
 203 #tab_menu_settings #scanner_name {
 204   padding-top: 0.8em;
 205   padding-bottom: 0.8em;
 206 }
 207 #tab_menu_settings th {
 208         font-weight: bold;
 209         padding: 1em 0em 0.1em 0.0em;
 210   text-align: left;
 211 }
 212 #tab_menu_settings .value_column {
 213   padding-left: 0.75em;
 214 }
 215 #tab_menu_settings .unit_column, .unit_spacer {
 216   padding: 0;
 217   width: 2.0em;
 218   padding-left: 0.2em;
 219 }
 220
 221 #tab_menu_buttons {
 222   height: 100%;
 223   vertical-align: bottom !important;
 224   padding: 0.0em !important;
 225   margin: 0.0em;
 226 }
 227 #tab_menu_buttons input {
 228   padding: 0.6em 0em;
 229   width: 49.5%;
 230   text-align: left;
 231   border: solid 1px #dcdcdc;
 232   background-position: 10px center;
 233   background-repeat: no-repeat;
 234   -webkit-border-radius: 2px;
 235   -moz-border-radius: 2px;
 236   border-radius: 2px;
 237   border-width: 1px;
 238   color: #666666;
 239   font: bold 130% arial,sans-serif;
 240 }
 241 #tab_menu_buttons input:hover {
 242   background-color: #e2e2e4;
 243   border-color: #b0b0b0;
 244 }
 245 #tab_menu_buttons_preview {
 246   padding-left: 40px !important;
 247   background-image: url(../images/btn_preview.png);
 248 }
 249 #tab_menu_buttons_accept {
 250   padding-left: 47px !important;
 251   background-image: url(../images/btn_accept.png);
 252 }
 253 #tab_menu_buttons input + input {
 254   margin-left: 1%;
 255 }
 256
 257 #files_table_wrapper {
 258   width: 100%;
 259 }
 260 #files_table_wrapper td {
 261   margin: 0;
 262   padding: 0;
 263 }
 264 #files_table_wrapper .ruler {
 265   margin-top: -0.6em;
 266   background-color: #888;
 267   margin-left: -0.1em;
 268 }
 269
 270 #files_table {
 271         background-color: #F3F3F3;
 272         border-collapse: collapse;
 273         width: 100%;
 274         margin: 5px 0;
 275   border: solid 1px #AAA;
 276 }
 277 #files_table th {
 278         background-color: #666;
 279         color: #FFF;
 280         cursor: default;
 281         padding: 5px 5px 5px 5px;
 282 }
 283 #files_table td, #files_table th {
 284         text-align: left;
 285   padding-top: 10px;
 286   padding-bottom: 10px;
 287   white-space: nowrap;
 288 }
 289 #files_table a {
 290         text-decoration: none;
 291 }
 292 #files_table td a {
 293         color: #444;
 294         display: block;
 295         padding: 5px;
 296 }
 297 #files_table td input {
 298   margin: 10px;
 299 }
 300 #files_table .file_row_new {
 301   background-color: #FFE599 !important;
 302 }
 303 #files_table .file_column_ext {
 304   text-align: left;
 305 }
 306 #files_table .file_column_size, #files_table .file_column_modtime {
 307   text-align: right;
 308 }
 309 #files_table .file_column_category {
 310   display: none;
 311 }
 312 #files_table .file_column_name a {
 313         background: url(../images/filetype_other.png) no-repeat 5px 50%;
 314         padding-left: 38px;
 315 }
 316 #files_table .file_column_name {
 317   width: 100%;
 318 }
 319 #files_table td:not(.file_column_name) a {
 320         background-image: none !important;
 321 }
 322 #files_table tr:nth-of-type(odd) {
 323         background-color: #E6E6E6;
 324 }
 325 #files_table tr:hover td {
 326         background-color:#CACACA;
 327 }
 328 #files_table tr:hover td a {
 329         color: #000;
 330 }
 331 /* icons for file types */
 332 #files_table .file_column_name a[href$=".bmp"] {background-image: url(../images/filetype_bmp.png);}
 333 #files_table .file_column_name a[href$=".jpg"], #files_table .file_column_name a[href$=".jpeg"] {background-image: url(../images/filetype_jpg.png);}
 334 #files_table .file_column_name a[href$=".pdf"] {background-image: url(../images/filetype_pdf.png);}
 335 #files_table .file_column_name a[href$=".png"] {background-image: url(../images/filetype_png.png);}
 336 #files_table .file_column_name a[href$=".pnm"] {background-image: url(../images/filetype_pnm.png);}
 337 #files_table .file_column_name a[href$=".tif"], #files_table .file_column_name a[href$=".tiff"] {background-image: url(../images/filetype_tif.png);}
 338 #files_table .file_column_name a[href$=".txt"] {background-image: url(../images/filetype_txt.png);}
 339
 340 #file_buttons {
 341   margin: 1em 0 0.2em 0;
 342   padding: 0;
 343 }
 344 #file_buttons li {
 345   float:left;
 346   margin: 0.0em 0.4em 0.0em 0.0em;
 347   list-style-type: none;
 348   height: 100%;
 349   border: none;
 350 }
 351 #select_menu_button, #file_delete, #file_download {
 352   position: relative;
 353   background: #f3f3f3;
 354   border: solid 1px #dcdcdc;
 355   border-collapse: separate;
 356   -webkit-border-radius: 2px;
 357   -moz-border-radius: 2px;
 358   border-radius: 2px;
 359   -webkit-touch-callout: none;
 360   -webkit-user-select: none;
 361   -khtml-user-select: none;
 362   -moz-user-select: none;
 363   -ms-user-select: none;
 364   user-select: none;
 365   padding-left: 10px;
 366   height: 35px;
 367   width: 50px;
 368
 369 }
 370 #file_delete, #file_download {
 371   display: none;
 372   cursor: pointer;
 373   color: #666;
 374   font: bold 100% arial,sans-serif;
 375   width: auto;
 376 }
 377 #select_menu_button:hover, #file_delete:hover, #file_download:hover {
 378   background-color: #e2e2e4;
 379   border-color: #b0b0b0;
 380 }
 381 #file_download[disabled] {
 382         color: #aaa;
 383 }
 384 #file_download[disabled]:hover {
 385   background: #f3f3f3;
 386   border-color: #dcdcdc;
 387 }
 388 #file_download_spinner {
 389   display: none;
 390   background: url(../images/spinner.gif) no-repeat 0px 50%;
 391   height: 35px;
 392   line-height: 35px;
 393   padding-left: 35px;
 394 }
 395 #select_menu_button tr td{
 396   padding: 0;
 397 }
 398 #select_menu_arrow {
 399   display: inline-block;
 400   border-left: 5px solid transparent;
 401   border-right: 5px solid transparent;
 402   border-top: 5px solid #777777;
 403 }
 404 #select_menu_dropdown {
 405   display: none;
 406   position: absolute;
 407   list-style: none;
 408   margin: 0px;
 409   padding: 0px;
 410   -webkit-box-shadow: 0 4px 10px #8b8b8b;
 411   -moz-box-shadow: 0 4px 10px #8b8b8b;
 412   box-shadow: 0 4px 10px #8b8b8b;
 413   font-size: 14px;
 414   width: 80px;
 415   -webkit-touch-callout: none;
 416   -webkit-user-select: none;
 417   -khtml-user-select: none;
 418   -moz-user-select: none;
 419   -ms-user-select: none;
 420   user-select: none;
 421 }
 422 #select_menu_dropdown li {
 423   position: relative;
 424   display: inline-block;
 425   font: bold 75% arial,sans-serif;
 426   text-decoration: none;
 427   padding: 7px 0px 7px 12px;
 428   color: #444;
 429   background: #fff;
 430   border: none;
 431   width: 70px;
 432   float: left;
 433   cursor: pointer;
 434 }
 435 /* hide text selection by setting selection background color to white */
 436 #select_menu_dropdown li::selection {
 437   background: color: #000000; /* safari */
 438 }
 439 #select_menu_dropdown li::-moz-selection {
 440   background: color: #000000; /* firefox */
 441 }
 442 #select_menu_dropdown li:hover {
 443   background: #EEEEEE;
 444 }
 445
 446 /* ------------------------------------------------------------------ */
 447 /* footer */
 448 #page_footer {
 449         width: 100%;
 450         font-size: 80%;
 451         font-weight: normal;
 452         line-height: 110%;
 453         text-align: center;
 454         border-collapse: collapse;
 455         border: none;
 456         margin: 150px 0.0em 0.4em 0.0em;
 457   background-color: silver;
 458 }
 459
 460 #page_footer td {
 461         vertical-align: top;
 462         border: none;
 463         padding: 0.4em 0.0em;
 464         margin: 0.0em 0.0em;
 465 }
 466
 467 /* ------------------------------------------------------------------ */
 468 .ruler {
 469   background-color: black;
 470   width: 100%;
 471   height: 2px;
 472   border-style: solid;
 473   border-width: 0px;
 474   padding: 0px !important;
 475 }