templates/default/css/options.css

   1 #optionGroups   table   {
   2     border: 1px solid #dcdcdc;
   3     margin-left: auto;
   4     margin-right: auto;
   5     padding: 0;
   6     width: 95%;
   7 }
   8
   9 #optionGroups   td  {
  10     width: 50%;
  11     padding: 2px;
  12     vertical-align: top;
  13 }
  14
  15 #optionGroups   td.title    {
  16     background: #dcdcdc;
  17     text-align: center;
  18     font-weight: bold;
  19 }
  20
  21 #optionGroups   td.optionElement    {
  22     height: 100%;
  23     padding: 10px;
  24 }
  25
  26 #optionGroups   td.optionElement    table   {
  27     border:1px solid #ababab;
  28     height: 100%;
  29 }
  30
  31
  32 #optionGroups   td.optionName   {
  33     background: #ababab;
  34     text-align: left;
  35     height: 1%;
  36 }
  37
  38 #optionGroups   td.optionDesc   {
  39     text-align: left;
  40     background: #dcdcdc;
  41 }
  42
  43 #optionDisplay  {
  44     text-align:center;
  45 }
  46
  47 #optionDisplay  table   {
  48     margin-left: auto;
  49     margin-right: auto;
  50     margin-top: 8px;
  51     margin-bottom: 8px;
  52     width: 95%;
  53     border: 1px solid #dcdcdc
  54 }
  55
  56 #optionDisplay  td  {
  57     width: 50%;
  58     padding-top: 2px;
  59     padding-bottom: 2px;
  60     padding-left: 4px;
  61     padding-right: 4px;
  62 /* FIXME: this was forcing horizontal scrolling on long coment texts and maybe other stuff; I'm not sure I see why we want this(?).  if someone restores it, PLEASE have a solution in mind for when an option widget has a 'comment' value that is quite long
  63     white-space: nowrap;*/
  64 }
  65
  66 #optionDisplay  td.optionName   {
  67     text-align: right;
  68 }
  69
  70 #optionDisplay  td.optionValue  {
  71     text-align:left;
  72 }
  73
  74 #optionOrder  {
  75     text-align:center;
  76 }
  77
  78 #optionOrder    table   {
  79     margin-left: auto;
  80     margin-right: auto;
  81     margin-top: 8px;
  82     margin-bottom: 8px;
  83     width: 95%;
  84     border: 1px solid #dcdcdc
  85 }
  86
  87 #optionOrder    table.moveFields    {
  88     width: auto;
  89 }
  90
  91 #optionOrder    table.moveFields    td  {
  92     border-left: 1px solid #dcdcdc;
  93     border-right: 1px solid #dcdcdc;
  94     padding-left: 2px;
  95     padding-right: 2px;
  96 }
  97
  98 #optionOrder    td.moveLink  {
  99     text-align: right;
 100     font-size: 75%;
 101     vertical-align: bottom;
 102 }
 103
 104 #optionOrder    td.fieldName    {
 105     text-align: left;
 106 }
 107
 108 #optionHightlightList   {
 109     text-align: center;
 110 }
 111
 112 #optionHighlightList    table   table   {
 113     margin-top: 10px;
 114     margin-bottom: 10px;
 115     width: 75%;
 116 }
 117
 118 #optionHighlightList    td.ruleButtons  {
 119     text-align: center;
 120     width: 1%;
 121 }
 122
 123 #optionHighlightList    td.ruleName {
 124     text-align: left;
 125     width: 30%;
 126     padding-left: 4px;
 127     padding-right: 4px;
 128 }
 129
 130 #optionHighlightAdd {
 131     text-align: center;
 132 }
 133
 134 #optionHighlightAdd    table   table   {
 135     margin-top: 10px;
 136     margin-bottom: 10px;
 137     width: 75%;
 138 }
 139
 140 #optionHighlightAdd td.ruleField    {
 141     text-align: right;
 142     font-weight: bold;
 143     width: 40%;
 144 }
 145
 146 #optionHighlightAdd td.fieldValue   {
 147     text-align: left;
 148 }
 149
 150 #optionHighlightAdd td.colorTable  {
 151     text-align: center;
 152 }
 153
 154 #optionHighlightAdd table.colorTable    {
 155     margin-left: auto;
 156     margin-right: auto;
 157 }
 158 #optionMessage {
 159     text-align: center;
 160     width: 100%;
 161     font-size: larger;
 162     color: red;
 163     font-weight: bold;
 164 }