xref: /template/sprintdoc/css/area_nav-pagetools.less (revision 522fc138e1da23a5763dc94e8b0b67256f476501) 
1/**
2 * This file provides the design styles for the page specific tool bar.
3 *
4 * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
5 */
6
7/*
8.pagetools-item(edit, 1);
9.pagetools-item(create, 2);
10.pagetools-item(show, 4);
11.pagetools-item(source, 5);
12.pagetools-item(draft, 3);
13.pagetools-item(revs, 7, revisions);
14.pagetools-item(backlink, 8, backlink);
15.pagetools-item(top, 10);
16.pagetools-item(revert, 6, revert);
17.pagetools-item(subscribe, 9, subscribe);
18.pagetools-item(mediaManager, 11);
19.pagetools-item(back, 12);
20.pagetools-item(img_backto, 12);*/
21
22
23nav#dokuwiki__pagetools{
24    right: -2rem;
25
26    ul {
27        li {
28            a{
29                font-size: .8rem;
30            }
31            *{
32                font-size: .8rem;
33            }
34
35            .backlink, .edit, .wikilink2{
36                .hide-text-show-after();
37                .fontello-double();
38                color: @color-nav;
39                opacity: .6;
40                text-align: right;
41                position: relative;
42                min-height: 1.2rem;
43                height: 100%;
44                border: 0 none;
45                border-top: 3px double transparent;
46                border-bottom: 3px double transparent;
47                padding: .3rem 2px .3rem .4rem;
48                background: transparent;
49                font-size: 0;
50                &:before{
51                    display: none;
52                }
53                &:after{
54                    font-size: 1.2rem;
55                    min-width: 1.8rem;
56                    margin: .2rem .2rem;
57                    text-align: right;
58                }
59                &:hover, &:focus, &:active{
60                    text-indent: 0;
61                    font-size: .8rem;
62                    padding-right: 1.8rem;
63                    display: inline-block;
64                    background-color: @color-nav-hover-bg;
65                    color: @color-nav-hover;
66                    opacity: 1;
67                    white-space: nowrap;
68                    &:after{
69                        position: absolute;
70                        right: .2rem;
71                        top: .3rem;
72                    }
73                }
74
75            }
76
77            .backlink{
78                .icon-link-after();
79            }
80
81            .edit{
82                .icon-doc-text-after();
83            }
84            .wikilink2{
85                .icon-puzzle-after();
86            }
87
88        }
89    }
90
91
92    &:hover{
93        min-width: 280px;
94         ul{
95             background-color: #fff;
96             box-shadow: @box-shadow-offset;
97
98             li{
99                 .backlink, .edit, .wikilink2{
100                     text-indent: 0;
101                     font-size: .8rem;
102                     white-space: nowrap;
103                     display: block;
104                     color: @color-nav-hover;
105                     &:after{
106                         color: @color-nav;
107                     }
108                     &:hover, &:focus, &:active{
109                         padding-right: 2px;
110                         border-color: @color-border;
111                         border-width: 3px 0 3px 0;
112                         &:after{
113                             position: static;
114                         }
115                     }
116                 }
117             }
118         }
119     }
120
121
122}
123
124
125/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
126/* max-width: 1023px */
127
128@media @screen_max-md {
129    nav#dokuwiki__pagetools {
130        right: 0;
131    }
132}
133