xref: /template/sprintdoc/css/plugins/tabinclude.less (revision 80aedcc551c9b906791dea98c34942c0c11b8c2c) 
1/**
2 * This file provides styles for the tabinclude
3 */
4
5
6/* + + + + +  plugin tabinclude  + + + + + */
7
8div#dwpl-ti-container {
9    li.dwpl-ti-tab {
10        box-shadow: none;
11        background-color: @ini_background_page_header;
12        border-color: @ini_border;
13        border-radius: @fix_border-radius @fix_border-radius 0 0;
14        color: @ini_background_page_footer;
15        padding: 0;
16
17        &:hover {
18            background-color: @ini_background_page_header;
19            text-decoration: none;
20
21            div {
22                text-decoration: underline;
23
24                &.selected {
25                    color: @ini_text;
26                }
27            }
28        }
29
30        div {
31            border-radius: inherit;
32            color: inherit;
33            padding: .1em .35em;
34
35            &.selected {
36                position: relative;
37                z-index: 1; // put .slected tab above div.dwpl-ti-content-box
38                background-color: @ini_background;
39                color: @ini_text;
40            }
41        }
42    }
43
44
45/* + + +  content box  + + + */
46    div.dwpl-ti-content-box {
47        position: relative;
48        overflow: auto;
49        box-shadow: @box-shadow;
50        background-color: @ini_background;
51        border: solid 1px @ini_border;
52        border-radius: 0;
53        margin-top: -1px;
54    }
55}
56
57
58/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
59/* media queries */
60
61@media @screen_max-md {
62    div#dwpl-ti-container { }
63}
64