xref: /template/sprintdoc/css/area_nav-metabox.less (revision d62df8bdbf5da94fe902027cc76c3cff132840d1) 
1#meta-box {
2    .tab-container {
3        display: table;
4    }
5    .box-content {
6        position: relative;
7        height: 0;
8        overflow-y: visible;
9    }
10
11    ul.meta-tabs {
12        border-bottom: 1px solid @color-border;
13        background-color: @background_page-header;
14        margin: 0;
15        padding: 0;
16        list-style: none;
17        &::before, &::after {
18            display: table;
19            content: " ";
20            box-sizing: border-box;
21            clear: both;
22        }
23        > li:first-child{
24            > a{
25                margin-left: 0;
26            }
27        }
28        > li {
29            margin: 0 -1px -1px;
30            position: relative;
31            display: inline-block;
32            > a {
33                font-size: .78rem;
34                margin-left: 4px;
35                line-height: 1.42857143;
36                position: relative;
37                display: block;
38                padding: .56em 2em;
39                border: 1px solid @color-border;
40                background-color: @color-site-bg;
41                border-radius: 4px 4px 0 0;
42                color: @color-nav;
43                cursor: pointer;
44                * {
45                    cursor: pointer;
46                }
47                .prefix {
48                    font-size: .78rem;
49                    color: @color-nav;
50                }
51                .num {
52                    font-size: .56rem;
53                }
54                &:hover, &:focus, &:active {
55                    color: @color-link;
56                    background-color: @background_page-header;
57                    border-color: @color-border;
58                    border-bottom-color: transparent;
59                }
60            }
61            &.active > a {
62                color: #555;
63                background-color: @background_page-header;
64                border-color: transparent;
65            }
66        }
67    }
68    .meta-content {
69        .tab-pane {
70            border: 1px solid @color-border;
71            border-top-color: transparent;
72            background-color: @background_page-header;
73            display: none;
74            position: absolute;
75            width: 100%;
76            &.active {
77                display: block;
78            }
79            > div {
80                padding: .8rem .5rem .5rem;
81            }
82
83            #dw__toc {
84                width: auto;
85                float: none;
86                margin: 0;
87                padding: .6rem .5rem .5rem .8rem;
88                background: transparent;
89                border: 0 none;
90                h3 {
91                    display: none;
92                }
93                > div {
94                    padding: 0;
95                }
96                > div ul.toc {
97                    font-size: .78rem;
98                    padding-left: .5em;
99                    a {
100                        font-size: .78rem;
101                    }
102                    li {
103                    }
104                    div.li {
105                        position: relative;
106                        ::before {
107                            position: relative;
108                            top: -.2em;
109                            content: "";
110                            display: inline-block;
111                            width: 4px;
112                            height: 4px;
113                            margin-right: .3rem;
114                            background-color: @color-border;
115                            overflow: hidden;
116                        }
117                        padding: .15em 0;
118                    }
119                }
120                > div > ul.toc {
121                    padding: 0;
122                }
123            }
124        }
125    }
126
127}
128
129