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: #FFF5EE;
  40 border-radius:.5em .5em .5em .5em;
  41 -moz-border-radius:.5em .5em .5em .5em;
  42         -moz-box-shadow:.05em .05em .0em #999999;
  43          box-shadow: .1em .0em  .1em #999999;
  44 }
  45
  46 div.input-form div.row {
  47         background-color:  #FFF5EE;
  48         padding:8px;
  49 }
  50
  51 div.input-form div.row h3 {
  52         margin-left: 0px;
  53 }
  54
  55 div.input-form .footer {
  56         border-top: 1px solid #F9F6F2;
  57 }
  58
  59 div.input-form p {
  60         margin-left: 0px;
  61 }
  62
  63 div.input-form input {
  64         z-index: 2;
  65 }
  66 div.input-form textarea {
  67         border: 1px solid #595241;
  68         width: 100%;
  69         padding: 2px;
  70         margin-right: 2px;
  71 }
  72 div.input-form input[type=text], div.input-form input[type=password] {
  73         border: 1px solid #595241;
  74         padding: 2px;
  75         max-width: 60%;
  76         background-color:white;
  77         -moz-box-shadow:.1em .1em .2em #999999;
  78          box-shadow: .1em .1em  .2em #999999;
  79 }
  80
  81 div.input-form textarea:focus, div.input-form  input[type=password]:focus, div.input-form  input[type=text]:focus{
  82         border:1px solid #A50707;
  83         background-color: #FFDAB9;
  84         padding: 2px;
  85 }
  86
  87 input[type=checkbox]{
  88         background-color: #FFDAB9;
  89         text-align:center;
  90 }
  91
  92 div.input-form div.buttons {
  93         text-align: right;
  94         padding:8px;
  95 }
  96 div.input-form div.buttons input {
  97         /* background-color: #efefef; */
  98         font-weight: normal;
  99         /* border:  #AAA  solid 1px; */
 100 }
 101 .formfield:focus{
 102         background-color: #FFDAB9;
 103 }