static/dhcp/table.css
changeset 438 d45fc43c6073
parent 437 5100b359906c
child 439 6a8ea0d363c1
equal deleted inserted replaced
437:5100b359906c 438:d45fc43c6073
     1 /*
       
     2  * Tables
       
     3  */
       
     4 table
       
     5 {
       
     6     width: 80%;
       
     7 
       
     8     margin: auto;
       
     9     padding: 0px;
       
    10 
       
    11     border-collapse: collapse;
       
    12     border: 1px solid #aaa;
       
    13 
       
    14     font-size: small;
       
    15 }
       
    16 
       
    17 /* A caption looks similar to a h2 */
       
    18 table caption 
       
    19 {
       
    20     font-size: large;
       
    21     font-weight: bold;
       
    22 
       
    23     padding: 0.5em;
       
    24     margin: 0em 0em 0.5em;
       
    25 
       
    26     background-color: #e5e5e5;
       
    27     border: 1px dashed #c5c5c5;
       
    28 }
       
    29 
       
    30 /* Table header */
       
    31 thead tr
       
    32 {
       
    33     background-color: #d0d0d0;
       
    34 }
       
    35 
       
    36 thead
       
    37 {
       
    38     border-bottom: 2px solid #aaa;
       
    39 }
       
    40 
       
    41 /* Filter */
       
    42 tr.filter
       
    43 {
       
    44     height: 1em;
       
    45 }
       
    46 
       
    47 tr.filter td
       
    48 {
       
    49     padding: 0em 1em;
       
    50 }
       
    51 
       
    52 tr.filter td input
       
    53 {
       
    54     display: block;
       
    55     width: 100%;
       
    56 
       
    57     border: 0px;
       
    58     padding: 0em; 
       
    59 
       
    60     background-color: #d0d0d0;
       
    61 
       
    62     font-family: inherit;
       
    63     font-size: inherit;
       
    64 }
       
    65 
       
    66 tr.filter td input:hover
       
    67 {
       
    68     background-color: #e0e0e0;
       
    69 }
       
    70 
       
    71 tr.filter td input:focus
       
    72 {
       
    73     background-color: #ffffff;
       
    74 }
       
    75 
       
    76 /* Rows */
       
    77 tr
       
    78 {
       
    79     background-color: #e0e0e0;
       
    80 }
       
    81 
       
    82 tr.alternate
       
    83 {
       
    84     background-color: #c8c8c8;
       
    85 }
       
    86 
       
    87 /* Link to tr with URL #foo fragment */
       
    88 tr:target
       
    89 {
       
    90     background-color: #F5F3B8;
       
    91 }
       
    92 
       
    93 /* Cells */
       
    94 td, th
       
    95 {
       
    96     border: thin solid #ffffff;
       
    97 
       
    98     padding: 0.25em 1em;
       
    99     
       
   100     /* Do not normally wrap */
       
   101     white-space: nowrap;
       
   102 }
       
   103 
       
   104 thead a,
       
   105 tbody a
       
   106 {
       
   107     display: block;
       
   108 }
       
   109 
       
   110 th
       
   111 {
       
   112     text-align: center;
       
   113 }
       
   114 
       
   115 td.hilight
       
   116 {
       
   117     font-weight: bold;
       
   118 }
       
   119 
       
   120 /* Footer */
       
   121 tfoot
       
   122 {
       
   123     border-top: 2px solid #aaa;
       
   124 }
       
   125 
       
   126 tfoot tr
       
   127 {
       
   128     text-align: center;
       
   129 }
       
   130