xref: /template/sprintdoc/css/template_detail.less (revision 2ac13e14316e4dcdcd92344027505d3695d158fc) 
1/**
2 * This file provides the design styles for the the detail template
3 * (media details)
4 *
5 * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
6 */
7#dokuwiki__detail {
8
9    // linked image
10    .img-link{
11
12        text-align: center;
13
14        a {
15            display: inline-block;
16            margin: 0 auto 1.4em;
17            position: relative;
18
19            img {
20                margin: 0;
21                display: block;
22                border: 1px dotted @ini_background;
23                position: relative;
24                z-index: 1;
25            }
26
27            &:hover,
28            &:focus,
29            &:active {
30                &:before{
31                    position: absolute;
32                    top: 0;
33                    left: 0;
34                    width: 100%;
35                    box-sizing: border-box;
36                    display: block;
37                    padding: @margin-small;
38
39                    z-index:2;
40                    background: @ini_button_background;
41                    color: @ini_button_color;
42                    content:attr(title);
43                }
44                img {
45                    border: 1px solid @ini_button_background;
46                }
47            }
48
49        }
50    }
51
52    // meta data
53    .img_detail {
54        /* vertical minus margin of .img-detail corresponds to the padding of .page  */
55        margin: @margin-default -(@margin-default);
56        @media @screen_max-md {
57            margin-right: -(@margin-default * 1.6);
58        }
59
60        @media @screen_max-xs {
61            margin-left: -(@margin-small);
62        }
63    }
64}
65