Merge branch 'wip-MDL-33997-master' of git://github.com/marinaglancy/moodle
[moodle.git] / theme / anomaly / style / dock.css
1 /* Docking Module
2 -----------------*/
4 body.has_dock {
5     margin:0;
6 }
8 #dock {
9     width:3%;
10     position:fixed;
11     top:0px;
12     right:0;
13     height:100%;
14     z-index:11000;
15     background-color: #C8C9C7;
16     border-right: 0 none;
17 }
19 #dock.nothingdocked {
20     visibility: hidden;
21     display:none;
22 }
23 #dock .controls {
24     bottom: auto;
25     background-color: #C8C9C7;
26     -webkit-border-bottom-right-radius: 10px;
27     -moz-border-bottom-right-radius: 10px;
28     border-bottom-right-radius: 10px;
29 }
30 #dock .dockeditem.firstdockitem {
31     margin-top: 10em;
32     -webkit-border-top-left-radius: 10px;
33     -moz-border-top-right-radius: 10px;
34     border-top-left-radius: 10px;
35 }
36 #dock .dockeditem {
37     background-color: #C8C9C7;
38     padding: 2px;
39     padding-right: 0px;
40 }
41 #dock .dockedtitle {
42     padding-bottom: 5px;
43     cursor:pointer;
44     background-color: #222;
45     -webkit-border-top-left-radius: 10px;
46     -moz-border-radius-topleft: 10px;
47     border-top-left-radius: 10px;
48     -webkit-border-bottom-left-radius: 10px;
49     -moz-border-radius-bottomleft: 10px;
50     border-bottom-left-radius: 10px;
51 }
52 #dock .dockedtitle h2 {
53     margin: 0;
54     padding: 10px 3px;
55     color: #fff;
56     font-family: sans-serif;
57 }
58 .dockedtitle.activeitem h2 {
59     color: #fff !important;
60 }
61 #dock .dockedtitle.activeitem {
62     background-color: #697F55;
63     -webkit-border-top-left-radius: 10px;
64     -moz-border-radius-topleft: 10px;
65     border-top-left-radius: 10px;
66     -webkit-border-bottom-left-radius: 10px;
67     -moz-border-radius-bottomleft: 10px;
68     border-bottom-left-radius: 10px;
69 }
70 #dock .controls img {
71     cursor:pointer;
72     margin-left: 10px;
73 }
74 /*
75 Docked Item Panel
76 -----------------------*/
77 #dockeditempanel {
78     width: 180px;
79     position: relative;
80     z-index: 12000;
81     left: 100%;
82 }
83 #dockeditempanel.dockitempanel_hidden {
84     display:none;
85 }
86 #dockeditempanel .dockeditempanel_content {
87     background-color: #eee;
88     margin: 0 3px;
89     position: relative;
90     min-height: 100px;
91     border-color: #697F55;
92     border-style: solid;
93     border-width: 5px;
94     -webkit-border-radius: 10px;
95     -moz-border-radius: 10px;
96     border-radius: 10px;
97     -webkit-border-top-left-radius: 0;
98     -moz-border-top-left-radius: 0;
99     border-top-left-radius: 0;
102 #dockeditempanel .dockeditempanel_hd {
103     border-color: #eee;
104     background-color: #eee;
105     padding: 2px;
107 #dockeditempanel .dockeditempanel_bd .block_docked {
108     margin:10px;
110 #dockeditempanel .block_calendar_month.block_docked {
111     text-align: center;
113 #dockeditempanel .dockeditempanel_hd {
114     text-align: right;
115     -webkit-border-top-right-radius: 10px;
116     -moz-border-top-right-radius: 10px;
117     border-top-right-radius: 10px;
119 #dockeditempanel .dockeditempanel_hd h2 {
120     display:inline;
121     margin: 0;
122     padding-right: 2em;
123     color: #000;
124     float: left;
127 #dockeditempanel .dockeditempanel_hd .commands {
128     display:inline;
130 #dockeditempanel .dockeditempanel_hd .commands img {
131     margin-right: 3px;
132     vertical-align: middle;
134 #dockeditempanel .dockeditempanel_bd {
135     overflow:auto;
136     width:auto; /* adds scroll to dock panel */