docs/themes/default/forms.css

   1 /************************************************************************/
   2 /* Transformable                                                        */
   3 /************************************************************************/
   4 /* Copyright (c) 2009                                                   */
   5 /* Adaptive Technology Resource Centre / University of Toronto          */
   6 /*                                                                      */
   7 /* This program is free software. You can redistribute it and/or        */
   8 /* modify it under the terms of the GNU General Public License          */
   9 /* as published by the Free Software Foundation.                        */
  10 /************************************************************************/
  11
  12 div.left-col {
  13         width: 65%;
  14         float: left;
  15         clear:left;
  16         min-width:550px;
  17         margin-left:auto;
  18         margin-right:auto;
  19
  20 }
  21
  22 div.right-col {
  23         width: 25%;
  24         float:right;
  25         clear:right;
  26         margin-right:3em;
  27         margin-top:-.8em;
  28         min-width:255px;
  29
  30 }
  31
  32 div.input-form {
  33         width: 95%;
  34         margin-left:auto;
  35         margin-right:auto;
  36         border: 1px #cccccc solid;
  37         margin-bottom: 20px;
  38         line-height:150%;
  39         background-color: #FFFEF0;
  40         padding:.3em;
  41         border-radius:.5em .5em .5em .5em;
  42         -moz-border-radius:.5em .5em .5em .5em;
  43         -moz-box-shadow:.05em .05em .0em #999999;
  44          box-shadow: .1em .0em  .1em #999999;
  45 }
  46
  47 div.input-form div.row {
  48         background-color:  #FFFEF0;
  49         padding:8px;
  50 }
  51
  52 div.input-form div.row h3 {
  53         margin-left: 0px;
  54 }
  55
  56 div.input-form .footer {
  57         border-top: 1px solid #F9F6F2;
  58 }
  59
  60 div.input-form p {
  61         margin-left: 0px;
  62 }
  63
  64 div.input-form input {
  65         z-index: 2;
  66 }
  67 div.input-form textarea {
  68         border: 1px solid #595241;
  69         width: 100%;
  70         padding: 2px;
  71         margin-right: 2px;
  72 }
  73 div.input-form input[type=text], div.input-form input[type=password] {
  74         border: 1px solid #595241;
  75         padding: 2px;
  76         max-width: 60%;
  77         background-color:white;
  78         -moz-box-shadow:.1em .1em .2em #999999;
  79          box-shadow: .1em .1em  .2em #999999;
  80 }
  81
  82 div.input-form textarea:focus, div.input-form  input[type=password]:focus, div.input-form  input[type=text]:focus{
  83         border:1px solid #A50707;
  84         background-color: #FFDAB9;
  85         padding: 2px;
  86 }
  87
  88 input[type=checkbox]{
  89         background-color: #FFDAB9;
  90         text-align:center;
  91 }
  92
  93 div.input-form div.buttons {
  94         text-align: right;
  95         padding:8px;
  96 }
  97 div.input-form div.buttons input {
  98         /* background-color: #efefef; */
  99         font-weight: normal;
 100         /* border:  #AAA  solid 1px; */
 101 }
 102 .formfield:focus{
 103         background-color: #FFDAB9;
 104 }
 105
 106 div.input-form input[type=submit]{
 107         background-color:#F0F1FF;
 108         border-radius:.3em;
 109         -moz-border-radius: .3em .3em .3em .3em;
 110         -moz-box-shadow:.1em .1em .2em #999999;
 111          box-shadow: .1em .1em .2em #999999;
 112 }
 113 div.input-form input[type=submit]:hover, div.input-form input[type=submit]:focus {
 114         background-color:#FFDAB9;
 115 }
 116 input[type=reset]{
 117         border-radius:.3em;
 118         -moz-border-radius: .3em .3em .3em .3em;
 119         -moz-box-shadow:.2em .2em .3em #999999;
 120         box-shadow: .2em .2em .3em #999999;
 121 }