xref: /template/sprintdoc/css/area_nav-metabox.less (revision 1b899691a7fd2e72c6e2d7d4fa0221eeb1269b05) 
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                cursor: default;
63                tab-index: -1;
64                color: #555;
65                background-color: @background_page-header;
66                border-color: transparent;
67            }
68        }
69    }
70    .meta-content {
71        .tab-pane {
72            border: 1px solid @color-border;
73            border-top-color: transparent;
74            background-color: @background_page-header;
75            display: none;
76            position: absolute;
77            width: 100%;
78            &.active {
79                display: block;
80            }
81            > div {
82                padding: .8rem .5rem .5rem;
83                p{
84                    padding-left: 1em;
85                }
86                ul{
87                    list-style: none;
88                    padding-left:0;
89                    li{
90                        margin-left: 0; padding-left: 1em;
91                    }
92                }
93            }
94
95            #dw__toc {
96                width: auto;
97                float: none;
98                margin: 0;
99                padding: .6rem .5rem .5rem .8rem;
100                background: transparent;
101                border: 0 none;
102                h3 {
103                    display: none;
104                }
105                > div {
106                    padding: 0;
107                }
108                > div ul.toc {
109                    font-size: .78rem;
110                    padding-left: .5em;
111                    a {
112                        font-size: .78rem;
113                        display: inline-block;
114                        padding-left: 10px;
115                        position: relative;
116                    }
117                    li {
118                    }
119                    div.li {
120                        position: relative;
121                        ::before {
122                            position: absolute;
123                            top: .3em;
124                            content: "";
125                            display: inline-block;
126                            width: 4px;
127                            height: 4px;
128                            background-color: #ccc;
129                            overflow: hidden;
130                            left: 0;
131                        }
132                        padding: .15em 0;
133                    }
134                }
135                > div > ul.toc {
136                    padding: 0;
137                }
138            }
139        }
140    }
141
142}
143
144