xref: /template/strap/resources/theme/default/components/css/minimap.css (revision 04fd306c7c155fa133ebb3669986875d65988276)
1*04fd306cSNickeau/**
2*04fd306cSNickeau* style.css for Plugin minimap
3*04fd306cSNickeau*
4*04fd306cSNickeau* @license    GPL 2 (http://www.gnu.org/licenses/gpl.html)
5*04fd306cSNickeau* @author     Nicolas GERARD
6*04fd306cSNickeau* Copy from Bootstrap
7*04fd306cSNickeau*
8*04fd306cSNickeau*/
9*04fd306cSNickeau
10*04fd306cSNickeau.nicon_folder_open {
11*04fd306cSNickeau    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="250" height="195"><g fill="rgb(204,204,204)" transform="translate(-7.897 -268.6)"><rect rx="0" y="286.829" x="12.897" height="175" width="200" opacity=".517"/><path d="M13.23 458.808l39.687-132.291h198.437l-39.687 132.291z" fill-rule="evenodd"/><rect rx="0" y="273.6" x="39.688" height="13" width="90"/></g></svg>');
12*04fd306cSNickeau    display: inline-block;
13*04fd306cSNickeau    width: 1.5em;
14*04fd306cSNickeau    height: 1em;
15*04fd306cSNickeau    vertical-align: middle;
16*04fd306cSNickeau    content: "";
17*04fd306cSNickeau    background-size: 100% 100%;
18*04fd306cSNickeau}
19*04fd306cSNickeau#minimap__plugin {
20*04fd306cSNickeau    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
21*04fd306cSNickeau    font-size: 14px;
22*04fd306cSNickeau    line-height: 1.42857;
23*04fd306cSNickeau}
24*04fd306cSNickeau
25*04fd306cSNickeau#minimap__plugin .panel-default {
26*04fd306cSNickeau    border-color: #ddd;
27*04fd306cSNickeau    box-sizing: border-box;
28*04fd306cSNickeau}
29*04fd306cSNickeau
30*04fd306cSNickeau#minimap__plugin .panel {
31*04fd306cSNickeau    box-sizing: border-box;
32*04fd306cSNickeau    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
33*04fd306cSNickeau    -moz-border-bottom-colors: none;
34*04fd306cSNickeau    -moz-border-left-colors: none;
35*04fd306cSNickeau    -moz-border-right-colors: none;
36*04fd306cSNickeau    -moz-border-top-colors: none;
37*04fd306cSNickeau    background-color: #fff;
38*04fd306cSNickeau    border-image-repeat: stretch stretch;
39*04fd306cSNickeau    border-image-source: none;
40*04fd306cSNickeau    border-radius: 4px;
41*04fd306cSNickeau    border: 1px solid;
42*04fd306cSNickeau    margin-bottom: 20px;
43*04fd306cSNickeau    display: block;
44*04fd306cSNickeau    color: #ddd;
45*04fd306cSNickeau}
46*04fd306cSNickeau
47*04fd306cSNickeau#minimap__plugin .panel-default > .panel-heading {
48*04fd306cSNickeau    background: #f5f5f5 linear-gradient(to bottom, #f5f5f5 0px, #e8e8e8 100%) repeat-x;
49*04fd306cSNickeau    border-color: #ddd;
50*04fd306cSNickeau    color: #333;
51*04fd306cSNickeau}
52*04fd306cSNickeau
53*04fd306cSNickeau#minimap__plugin .panel-heading {
54*04fd306cSNickeau    border-bottom: 1px solid;
55*04fd306cSNickeau    border-top-left-radius: 3px;
56*04fd306cSNickeau    border-top-right-radius: 3px;
57*04fd306cSNickeau    padding: 10px 15px;
58*04fd306cSNickeau    box-sizing: border-box;
59*04fd306cSNickeau    display: block;
60*04fd306cSNickeau    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
61*04fd306cSNickeau    font-size: 14px;
62*04fd306cSNickeau    line-height: 1.42857;
63*04fd306cSNickeau}
64*04fd306cSNickeau
65*04fd306cSNickeau#minimap__plugin .panel > .list-group, #minimap__plugin .panel > .panel-collapse > .list-group {
66*04fd306cSNickeau    margin-bottom: 0;
67*04fd306cSNickeau}
68*04fd306cSNickeau
69*04fd306cSNickeau#minimap__plugin .list-group {
70*04fd306cSNickeau    border-radius: 4px;
71*04fd306cSNickeau    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
72*04fd306cSNickeau    padding-left: 0;
73*04fd306cSNickeau    box-sizing: border-box;
74*04fd306cSNickeau    color: #333;
75*04fd306cSNickeau}
76*04fd306cSNickeau
77*04fd306cSNickeau#minimap__plugin .panel-heading + .list-group .list-group-item:first-child {
78*04fd306cSNickeau    border-top-width: 0;
79*04fd306cSNickeau}
80*04fd306cSNickeau
81*04fd306cSNickeau#minimap__plugin .panel > .list-group .list-group-item,
82*04fd306cSNickeau#minimap__plugin .panel > .panel-collapse > .list-group .list-group-item {
83*04fd306cSNickeau    border-bottom-width: 1px;
84*04fd306cSNickeau    border-left-width: 0;
85*04fd306cSNickeau    border-right-width: 0;
86*04fd306cSNickeau    border-radius: 0;
87*04fd306cSNickeau}
88*04fd306cSNickeau
89*04fd306cSNickeau#minimap__plugin .list-group-item {
90*04fd306cSNickeau    -moz-border-bottom-colors: none;
91*04fd306cSNickeau    -moz-border-left-colors: none;
92*04fd306cSNickeau    -moz-border-right-colors: none;
93*04fd306cSNickeau    -moz-border-top-colors: none;
94*04fd306cSNickeau    background-color: #fff;
95*04fd306cSNickeau    border-image-repeat: stretch stretch;
96*04fd306cSNickeau    border-image-source: none;
97*04fd306cSNickeau    border-image-width: 1 1 1 1;
98*04fd306cSNickeau    /*border: solid #ddd;*/
99*04fd306cSNickeau    display: block;
100*04fd306cSNickeau    padding: 10px 15px;
101*04fd306cSNickeau    position: relative;
102*04fd306cSNickeau    box-sizing: border-box;
103*04fd306cSNickeau    margin: 0 0 -1px;
104*04fd306cSNickeau}
105*04fd306cSNickeau
106*04fd306cSNickeau#minimap__plugin .label-primary {
107*04fd306cSNickeau    background-color: #337ab7;
108*04fd306cSNickeau}
109*04fd306cSNickeau
110*04fd306cSNickeau#minimap__plugin .label {
111*04fd306cSNickeau    border-radius: 0.25em;
112*04fd306cSNickeau    color: #fff;
113*04fd306cSNickeau    display: inline;
114*04fd306cSNickeau    font-size: 75%;
115*04fd306cSNickeau    font-weight: 700;
116*04fd306cSNickeau    line-height: 1;
117*04fd306cSNickeau    padding: 0.2em 0.6em 0.3em;
118*04fd306cSNickeau    text-align: center;
119*04fd306cSNickeau    vertical-align: baseline;
120*04fd306cSNickeau    white-space: nowrap;
121*04fd306cSNickeau    box-sizing: border-box;
122*04fd306cSNickeau}
123*04fd306cSNickeau
124*04fd306cSNickeau/* Active link css */
125*04fd306cSNickeau#minimap__plugin .list-group-item.active,
126*04fd306cSNickeau#minimap__plugin .list-group-item.active:focus,
127*04fd306cSNickeau#minimap__plugin .list-group-item.active:hover {
128*04fd306cSNickeau    background: #f5f5f5 linear-gradient(to bottom, #f5f5f5 0px, #e8e8e8 100%) repeat-x;
129*04fd306cSNickeau    border-color: #ddd;
130*04fd306cSNickeau    color: #333;
131*04fd306cSNickeau    text-shadow: none;
132*04fd306cSNickeau}
133*04fd306cSNickeau
134*04fd306cSNickeau#minimap__plugin .list-group-item.active {
135*04fd306cSNickeau    background-color: #e8e8e8 ! important;
136*04fd306cSNickeau    z-index: 2;
137*04fd306cSNickeau}
138*04fd306cSNickeau
139*04fd306cSNickeau
140*04fd306cSNickeau#minimap__plugin .panel-body {
141*04fd306cSNickeau    clear: both;
142*04fd306cSNickeau    content: " ";
143*04fd306cSNickeau    box-sizing: border-box;
144*04fd306cSNickeau    display: table;
145*04fd306cSNickeau    padding: 15px;
146*04fd306cSNickeau    unicode-bidi: -moz-isolate;
147*04fd306cSNickeau    color: #333;
148*04fd306cSNickeau}
149*04fd306cSNickeau
150*04fd306cSNickeau#minimap__plugin .glyphicon {
151*04fd306cSNickeau    /*already same color than the header*/
152*04fd306cSNickeau    color: #d8d2d2;
153*04fd306cSNickeau}
154*04fd306cSNickeau
155*04fd306cSNickeau#minimap__plugin .panel-footing {
156*04fd306cSNickeau    display: flex;
157*04fd306cSNickeau    padding: 0.10rem;
158*04fd306cSNickeau    background: #f5f5f5 linear-gradient(to bottom,#f5f5f5 0px,#e8e8e8 100%) repeat-x;
159*04fd306cSNickeau}
160*04fd306cSNickeau
161*04fd306cSNickeau#minimap__plugin .minimap_badge {
162*04fd306cSNickeau
163*04fd306cSNickeau    border-radius: 0.25em;
164*04fd306cSNickeau    background-color: #d8d2d2;
165*04fd306cSNickeau    font-size: 0.6rem;
166*04fd306cSNickeau    padding: 0.25rem;
167*04fd306cSNickeau    color: #1d4a71;
168*04fd306cSNickeau    margin: 0.1rem;
169*04fd306cSNickeau}
170