MDL-36550 usability: CSS updates on course page
[moodle.git] / blocks / navigation / styles.css
1 /** General display rules **/
2 .block_navigation .block_tree {margin:5px;padding-left:0px;overflow:visible;}
3 .block_navigation .block_tree li {margin:3px;list-style: none;padding:0;}
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;}
8 .block_navigation .block_tree li.item_with_icon.contains_branch > p img {left:16px;}
9 .block_navigation .block_tree .type_activity > p.branch.hasicon,
10 .block_navigation .block_tree .type_activity > p.emptybranch.hasicon,
11 .block_navigation .block_tree li.item_with_icon.contains_branch > .tree_item {padding-left:37px;}
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;}
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;}
18 .block_navigation .block_tree .tree_item.branch {background-image: url([[pix:t/expanded]]);background-position: 0 0;background-repeat: no-repeat;}
19 .block_navigation .block_tree .tree_item.branch.navigation_node {background-image:none;padding-left:0;}
20 .block_navigation .block_tree .type_activity > .tree_item.emptybranch,
21 .block_navigation .block_tree .type_activity > .tree_item.branch {background-image:none;position:relative;}
22 .block_navigation .block_tree .type_activity > .tree_item.hasicon.emptybranch img,
23 .block_navigation .block_tree .type_activity > .tree_item.branch img {left: 16px;}
24 .block_navigation .block_tree .root_node.leaf {padding-left:0px;}
25 .block_navigation .block_tree .active_tree_node {font-weight:bold;}
26 .block_navigation .block_tree .depth_1.current_branch ul {font-weight:normal;}
28 .dock .block_navigation .tree_item {white-space: nowrap;}
30 .jsenabled .block_navigation .block_tree .tree_item.branch {cursor:pointer;}
31 .jsenabled .block_navigation .block_tree .tree_item.emptybranch {background-image: url([[pix:t/collapsed_empty]]);background-position: 0 0;background-repeat: no-repeat;}
32 .jsenabled .block_navigation .block_tree .collapsed ul {display: none;}
33 .jsenabled .block_navigation .block_tree .type_activity > .tree_item.branch {background-image: url([[pix:t/expanded]]);}
34 .jsenabled .block_navigation .block_tree .collapsed .tree_item.branch {background-image: url([[pix:t/collapsed]]);}
35 .jsenabled .block_navigation .block_tree .tree_item.branch.loadingbranch {background-image:url([[pix:i/loading_small]]);}
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;}
42 /** Internet explorer specific rules **/
43 .ie6 .block_navigation .block_tree .tree_item {width:100%;}
45 /** Overide for RTL layout **/
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;}
50 .dir-rtl .block_navigation .block_tree .tree_item.branch {background-position: center right;}
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;}
57 .dir-rtl .block_navigation .block_tree li.item_with_icon > p img,
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;}
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]]);}