MDL-36550 usability: CSS updates on course page
[moodle.git] / blocks / navigation / styles.css
CommitLineData
3406acde
SH
1/** General display rules **/
2.block_navigation .block_tree {margin:5px;padding-left:0px;overflow:visible;}
a6338a13 3.block_navigation .block_tree li {margin:3px;list-style: none;padding:0;}
11f87187
FM
4.block_navigation .block_tree li.item_with_icon > p {position:relative; padding-left: 21px;}
5.block_navigation .block_tree li.item_with_icon > p img,
6.block_navigation .block_tree .type_activity > p.tree_item.active_tree_node img,
7.block_navigation .block_tree li > p.hasicon img {vertical-align:middle;position:absolute;left:0;top:-1px;width:16px;height:16px;}
553669ae 8.block_navigation .block_tree li.item_with_icon.contains_branch > p img {left:16px;}
11f87187 9.block_navigation .block_tree .type_activity > p.branch.hasicon,
e40bd746 10.block_navigation .block_tree .type_activity > p.emptybranch.hasicon,
11f87187 11.block_navigation .block_tree li.item_with_icon.contains_branch > .tree_item {padding-left:37px;}
7081714d 12
d2401694
SH
13.block_navigation .block_tree li ul {padding-left:0;margin:0;}
14.block_navigation .block_tree li.depth_2 ul {padding-left:16px;margin:0;}
11f87187
FM
15.block_navigation .block_tree .type_activity > p.tree_item.branch.hasicon.active_tree_node,
16.block_navigation .block_tree .tree_item {padding-left: 21px;margin:3px 0px;text-align:left;}
7081714d 17
11f87187 18.block_navigation .block_tree .tree_item.branch {background-image: url([[pix:t/expanded]]);background-position: 0 0;background-repeat: no-repeat;}
006051fd 19.block_navigation .block_tree .tree_item.branch.navigation_node {background-image:none;padding-left:0;}
e40bd746 20.block_navigation .block_tree .type_activity > .tree_item.emptybranch,
ea2bc359 21.block_navigation .block_tree .type_activity > .tree_item.branch {background-image:none;position:relative;}
e40bd746 22.block_navigation .block_tree .type_activity > .tree_item.hasicon.emptybranch img,
11f87187 23.block_navigation .block_tree .type_activity > .tree_item.branch img {left: 16px;}
3406acde 24.block_navigation .block_tree .root_node.leaf {padding-left:0px;}
c55e1d29 25.block_navigation .block_tree .active_tree_node {font-weight:bold;}
d2401694 26.block_navigation .block_tree .depth_1.current_branch ul {font-weight:normal;}
a6338a13 27
48d8d090
SH
28.dock .block_navigation .tree_item {white-space: nowrap;}
29
3406acde 30.jsenabled .block_navigation .block_tree .tree_item.branch {cursor:pointer;}
11f87187 31.jsenabled .block_navigation .block_tree .tree_item.emptybranch {background-image: url([[pix:t/collapsed_empty]]);background-position: 0 0;background-repeat: no-repeat;}
3406acde 32.jsenabled .block_navigation .block_tree .collapsed ul {display: none;}
11f87187 33.jsenabled .block_navigation .block_tree .type_activity > .tree_item.branch {background-image: url([[pix:t/expanded]]);}
3406acde 34.jsenabled .block_navigation .block_tree .collapsed .tree_item.branch {background-image: url([[pix:t/collapsed]]);}
48d8d090 35.jsenabled .block_navigation .block_tree .tree_item.branch.loadingbranch {background-image:url([[pix:i/loading_small]]);}
3406acde 36
a6338a13
SH
37/** JavaScript state rules **/
38.jsenabled .block_navigation.dock_on_load,
39.block_navigation .block_tree_box .requiresjs {display:none;}
40.jsenabled .block_navigation .block_tree_box .requiresjs {display:inline;}
41
3406acde 42/** Internet explorer specific rules **/
43c90b9b
RW
43.ie6 .block_navigation .block_tree .tree_item {width:100%;}
44
45/** Overide for RTL layout **/
11f87187
FM
46.dir-rtl .block_navigation .block_tree li.depth_2 ul {padding-left:0;padding-right: 16px; padding-left: 0;}
47.dir-rtl .block_navigation .block_tree .type_activity > p.tree_item.branch.hasicon.active_tree_node,
48.dir-rtl .block_navigation .block_tree .tree_item {padding-right: 21px;text-align:right;}
43c90b9b
RW
49
50.dir-rtl .block_navigation .block_tree .tree_item.branch {background-position: center right;}
b41fc49c
NK
51
52.dir-rtl .block_navigation .block_tree,
53.dir-rtl .block_navigation .block_tree li ul,
54.dir-rtl .block_navigation .block_tree .navigation_node.tree_item.branch,
55.dir-rtl .block_navigation .block_tree .root_node.leaf {padding-right:0;}
56
57.dir-rtl .block_navigation .block_tree li.item_with_icon > p img,
11f87187
FM
58.dir-rtl .block_navigation .block_tree .type_activity > p.tree_item.active_tree_node img,
59.dir-rtl .block_navigation .block_tree li > p.hasicon img {left:auto; right:0;}
60.dir-rtl .block_navigation .block_tree li.item_with_icon.contains_branch > p img {left: auto; right:16px;}
61.dir-rtl .block_navigation .block_tree .type_activity > p.branch.hasicon,
62.dir-rtl .block_navigation .block_tree li.item_with_icon.contains_branch > .tree_item {padding-right:37px; padding-left: 0;}
63.dir-rtl .block_navigation .block_tree .type_activity > .tree_item.branch img {right: 16px; left: auto;}
43c90b9b 64
290da00e
SH
65.jsenabled.dir-rtl .block_navigation .block_tree .tree_item.emptybranch {background-image: url([[pix:t/collapsed_empty_rtl]]);background-position: center right;}
66.jsenabled.dir-rtl .block_navigation .block_tree .collapsed .tree_item.branch {background-image: url([[pix:t/collapsed_rtl]]);}