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 #optionDisplay  table.optionInfo  {
  32     width: 80%;
  33     text-align: left;
  34     border: 0px;
  35 }
  36
  37 #optionGroups   td.optionName   {
  38     background: #ababab;
  39     text-align: left;
  40     height: 1%;
  41 }
  42
  43 #optionGroups   td.optionDesc   {
  44     text-align: left;
  45     background: #dcdcdc;
  46 }
  47
  48 #optionDisplay  {
  49     text-align:center;
  50 }
  51
  52 #optionDisplay  table   {
  53     margin-left: auto;
  54     margin-right: auto;
  55     margin-top: 8px;
  56     margin-bottom: 8px;
  57     width: 95%;
  58     border: 1px solid #dcdcdc
  59 }
  60
  61 #optionDisplay  td  {
  62     width: 50%;
  63     padding-top: 2px;
  64     padding-bottom: 2px;
  65     padding-left: 4px;
  66     padding-right: 4px;
  67 /* 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
  68     white-space: nowrap;*/
  69 }
  70
  71 #optionDisplay  td.optionName   {
  72     text-align: right;
  73 }
  74
  75 #optionDisplay  td.optionValue  {
  76     text-align: left;
  77 }
  78
  79 #optionOrder  {
  80     text-align: center;
  81 }
  82
  83 #optionOrder    table   {
  84     text-align: center;
  85     margin-left: auto;
  86     margin-right: auto;
  87     margin-top: 8px;
  88     margin-bottom: 8px;
  89     width: 95%;
  90     border: 1px solid #dcdcdc;
  91 }
  92
  93 #optionOrder    table.moveFields    {
  94     width: auto;
  95 }
  96
  97 #optionOrder    table.moveFields    td  {
  98     border-left: 1px solid #dcdcdc;
  99     border-right: 1px solid #dcdcdc;
 100     padding-left: 2px;
 101     padding-right: 2px;
 102 }
 103
 104 #optionOrder    td.moveLink  {
 105     text-align: right;
 106     font-size: 75%;
 107     vertical-align: bottom;
 108 }
 109
 110 #optionOrder    td.fieldName    {
 111     text-align: left;
 112 }
 113
 114 #optionHightlightList   {
 115     text-align: center;
 116 }
 117
 118 #optionHighlightList    table   table   {
 119     margin-top: 10px;
 120     margin-bottom: 10px;
 121     width: 75%;
 122 }
 123
 124 #optionHighlightList    td.ruleButtons  {
 125     text-align: center;
 126     width: 1%;
 127 }
 128
 129 #optionHighlightList    td.ruleName {
 130     text-align: left;
 131     width: 30%;
 132     padding-left: 4px;
 133     padding-right: 4px;
 134 }
 135
 136 #optionHighlightAdd {
 137     text-align: center;
 138 }
 139
 140 #optionHighlightAdd    table   table   {
 141     margin-top: 10px;
 142     margin-bottom: 10px;
 143     width: 75%;
 144 }
 145
 146 #optionHighlightAdd td.ruleField    {
 147     text-align: right;
 148     font-weight: bold;
 149     width: 40%;
 150 }
 151
 152 #optionHighlightAdd td.fieldValue   {
 153     text-align: left;
 154 }
 155
 156 #optionHighlightAdd td.colorTable  {
 157     text-align: center;
 158 }
 159
 160 #optionHighlightAdd table.colorTable    {
 161     margin-left: auto;
 162     margin-right: auto;
 163 }
 164 #optionMessage {
 165     text-align: center;
 166     width: 100%;
 167     font-size: larger;
 168     color: red;
 169     font-weight: bold;
 170 }