]> git.openstreetmap.org Git - rails.git/blob - public/potlatch2/stylesheets/core_interactive.css
aaf1e489d2fc9c25659c7a42a1e0e5386353adc5
[rails.git] / public / potlatch2 / stylesheets / core_interactive.css
1 /* Turn restrictions */
2
3 relation[type=restriction] node { z-index:11; icon-image: icons/restriction.png; }
4
5 /* Interactive way behaviour */
6
7 way::highlight :hover   { z-index: 2; width: eval('_width+10'); color: #ffff99; }
8 way::highlight :hover :background { color: lightcyan; }
9 way::highlight :selected { z-index: 2; width: eval('_width+10'); color: yellow; opacity: 0.7;}
10 way::highlight :selected :background { color: cyan; }
11 way::highlight :restrictfrom { z-index: -1; width: eval('_width+10'); color: red; opacity: 0.7;}
12 way::highlight :restrictto { z-index: -1; width: eval('_width+10'); color: blue; opacity: 0.7;}
13 /*way !:drawn !:hasTags{ z-index:10; width: 0.5; color: red; }*/
14 way !:drawn { z-index:10; width: 1; color: #333333; }
15 way :tiger { casing-color: #ff00ff;}
16
17 /* Interactive node behaviour */
18
19 node :dupe { z-index: 9; icon-image: circle; icon-width:8; color: white; opacity: 0.4; casing-opacity: 0.4; casing-color: red; casing-width: 3; }
20 node :hoverway { z-index: 9; icon-image: square; icon-width: 7; color: blue; layer: 5; }
21 node !:drawn :poi { z-index: 2; icon-image: circle; icon-width: 4; color: green; casing-color: black; casing-width: 1; }
22 node !:drawn :hasTags :selectedway { z-index: 9; icon-image: square; icon-width: 8; color: black; layer: 5; }
23 node !:drawn :hasTags { z-index: 9; icon-image: circle; icon-width: 4; color: black; }
24 node !:drawn :selectedway { z-index: 9; icon-image: square; icon-width: 8; color: red; casing-color: #cc0000; casing-width: 1; layer: 5; }
25 node::selectedNode :selected { z-index: 1; icon-image: square; icon-width: eval('_width+10'); color: yellow; interactive: no; layer: 5; }
26 node::selectedNode :selected :background { color: cyan; }
27 node::junctionNode :junction :selectedway { z-index: 8; icon-image: square; icon-width: 12; casing-color: black; casing-width: 1; layer: 5; }