|
|
| Строка 1051: |
Строка 1051: |
| } | | } |
|
| |
|
| .table-wrap { | | .table-cost { |
| text-align: center;
| | display: inline-block; |
| display: inline-block;
| |
| background-color: #fff;
| |
| padding: 2rem 2rem; | | padding: 2rem 2rem; |
| color: #000; | | color: #000; |
| } | | } |
|
| |
| table {
| |
| border: 1px solid #ccc;
| |
| width: 100%;
| |
| margin:0;
| |
| padding:0;
| |
| border-collapse: collapse;
| |
| border-spacing: 0;
| |
| }
| |
|
| |
| table tr {
| |
| border: 1px solid #ddd;
| |
| padding: 5px;
| |
| }
| |
|
| |
| table th, table td {
| |
| padding: 10px;
| |
| text-align: center;
| |
| border-right: 1px solid #ddd;
| |
| }
| |
|
| |
| table th {
| |
| color: #fff;
| |
| background-color: #444;
| |
| text-transform: uppercase;
| |
| font-size: 14px;
| |
| letter-spacing: 1px;
| |
| }
| |
|
| |
|
| |
|
| |
|
| @media screen and (max-width: 600px) { | | @media screen and (max-width: 600px) { |
| table {
| | .table-cost { |
| border: 0;
| | font-weight:bold; |
| }
| | } |
| | |
| table thead {
| |
| display: none;
| |
| }
| |
| | |
| table tr {
| |
| margin-bottom: 10px;
| |
| display: block;
| |
| border-bottom: 2px solid #ddd;
| |
| }
| |
| | |
| table td {
| |
| display: block;
| |
| text-align: right;
| |
| font-size: 13px;
| |
| border-bottom: 1px dotted #ccc;
| |
| border-right: 1px solid transparent;
| |
| }
| |
| | |
| table td:last-child {
| |
| border-bottom: 0;
| |
| }
| |
|
| |
|
| table td:before {
| |
| content: attr(data-label);
| |
| float: left;
| |
| text-transform: uppercase;
| |
| font-weight: bold;
| |
| }
| |
| } | | } |
