|
|
| Строка 1: |
Строка 1: |
| /* Размещённый здесь CSS будет применяться ко всем темам оформления */
| |
| .inteq_vtabs {
| |
| display: flex;
| |
| width: 100%;
| |
| border: 1px solid #ccc;
| |
| border-radius: 6px;
| |
| overflow: hidden;
| |
| }
| |
|
| |
|
| .inteq_vtabs-buttons {
| |
| display: flex;
| |
| flex-direction: column;
| |
| width: 220px;
| |
| background-color: #e6ebf6;
| |
| border-right: 1px solid #ccc;
| |
| }
| |
|
| |
| .inteq_vtabs-button {
| |
| padding: 12px 16px;
| |
| cursor: pointer;
| |
| font-weight: bold;
| |
| color: #333;
| |
| border-bottom: 1px solid #ddd;
| |
| transition: background 0.2s, color 0.2s;
| |
| }
| |
|
| |
| .inteq_vtabs-button:hover {
| |
| background-color: #d5dae6;
| |
| }
| |
|
| |
| .inteq_vtabs-button.active {
| |
| background-color: #eef2f9;
| |
| color: #2a6ddf;
| |
| border-left: 4px solid #2a6ddf;
| |
| }
| |
|
| |
| .inteq_vtabs-content-wrapper {
| |
| flex-grow: 1;
| |
| padding: 20px;
| |
| background: #eef2f9;
| |
| }
| |
|
| |
| .inteq_vtabs-content {
| |
| display: none;
| |
| }
| |
|
| |
| .inteq_vtabs-content.active {
| |
| display: block;
| |
| }
| |
