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     text-align: center;
  80     margin-left: auto;
  81     margin-right: auto;
  82     margin-top: 8px;
  83     margin-bottom: 8px;
  84     width: 95%;
  85     border: 1px solid #dcdcdc;
  86 }
  87
  88 #optionOrder    table.moveFields    {
  89     width: auto;
  90 }
  91
  92 #optionOrder    table.moveFields    td  {
  93     border-left: 1px solid #dcdcdc;
  94     border-right: 1px solid #dcdcdc;
  95     padding-left: 2px;
  96     padding-right: 2px;
  97 }
  98
  99 #optionOrder    td.moveLink  {
 100     text-align: right;
 101     font-size: 75%;
 102     vertical-align: bottom;
 103 }
 104
 105 #optionOrder    td.fieldName    {
 106     text-align: left;
 107 }
 108
 109 #optionHightlightList   {
 110     text-align: center;
 111 }
 112
 113 #optionHighlightList    table   table   {
 114     margin-top: 10px;
 115     margin-bottom: 10px;
 116     width: 75%;
 117 }
 118
 119 #optionHighlightList    td.ruleButtons  {
 120     text-align: center;
 121     width: 1%;
 122 }
 123
 124 #optionHighlightList    td.ruleName {
 125     text-align: left;
 126     width: 30%;
 127     padding-left: 4px;
 128     padding-right: 4px;
 129 }
 130
 131 #optionHighlightAdd {
 132     text-align: center;
 133 }
 134
 135 #optionHighlightAdd    table   table   {
 136     margin-top: 10px;
 137     margin-bottom: 10px;
 138     width: 75%;
 139 }
 140
 141 #optionHighlightAdd td.ruleField    {
 142     text-align: right;
 143     font-weight: bold;
 144     width: 40%;
 145 }
 146
 147 #optionHighlightAdd td.fieldValue   {
 148     text-align: left;
 149 }
 150
 151 #optionHighlightAdd td.colorTable  {
 152     text-align: center;
 153 }
 154
 155 #optionHighlightAdd table.colorTable    {
 156     margin-left: auto;
 157     margin-right: auto;
 158 }
 159 #optionMessage {
 160     text-align: center;
 161     width: 100%;
 162     font-size: larger;
 163     color: red;
 164     font-weight: bold;
 165 }