Dan Poltawski
163 lines
3.0 KiB
CSS
163 lines
3.0 KiB
CSS
/**
|
|
* Whilst the dock isn't supported by the base theme this CSS is here so that those
|
|
* themes that do want to use the dock will have a starting point at least
|
|
*/
|
|
/* Put a margin on the body if the dock is shown */
|
|
body.has_dock {
|
|
margin-left: 30px;
|
|
}
|
|
|
|
/** For the dock itself */
|
|
#dock {
|
|
width: 30px;
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 100%;
|
|
background-color: #FFF;
|
|
border-right: 1px solid #000;
|
|
z-index: 5000;
|
|
}
|
|
|
|
#dock.nothingdocked {
|
|
visibility: hidden;
|
|
display: none;
|
|
}
|
|
|
|
#dock .dockeditem .firstdockitem {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
#dock .dockedtitle {
|
|
border-bottom: 1px solid #000;
|
|
border-top: 1px solid #000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#dock .dockedtitle h2 {
|
|
font-size: 0.80em;
|
|
line-height: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
#dock .dockedtitle .filterrotate {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
#dock .controls {
|
|
position: absolute;
|
|
bottom: 1em;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
#dock .controls img {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/** For the panel the docked blocks are shown in */
|
|
#dockeditempanel {
|
|
min-width: 200px;
|
|
position: relative;
|
|
z-index: 12000;
|
|
left: 100%;
|
|
}
|
|
|
|
#dockeditempanel.dockitempanel_hidden {
|
|
display: none;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_content {
|
|
background-color: #fff;
|
|
border: 1px solid #000;
|
|
z-index: 12050;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_bd {
|
|
overflow: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_bd .block_docked {
|
|
margin: 10px;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li {
|
|
overflow: visible;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_hd {
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_hd h2 {
|
|
display: block;
|
|
margin: 0;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_hd .commands {
|
|
display: block;
|
|
text-align: right;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_hd .commands > a,
|
|
#dockeditempanel .dockeditempanel_hd .commands > span {
|
|
margin: 0 3px;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_hd .commands img,
|
|
#dockeditempanel .dockeditempanel_hd .commands input {
|
|
vertical-align: middle;
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
#dockeditempanel .dockeditempanel_hd .commands .hidepanelicon img {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/** IE 6 doesn't support fixed pos elements **/
|
|
.ie6 #dockeditempanel {
|
|
position: absolute;
|
|
}
|
|
|
|
/* right align the DOCK panel
|
|
------------------------------*/
|
|
.dir-rtl #dockeditempanel .dockeditempanel_hd .commands {
|
|
text-align: left;
|
|
}
|
|
|
|
.dir-rtl #dockeditempanel {
|
|
right: 100%;
|
|
}
|
|
|
|
.dir-rtl #dock {
|
|
left: auto;
|
|
right: 0%;
|
|
border-left: 1px solid #DDD;
|
|
}
|
|
|
|
.dir-rtl #dock .dockedtitle {
|
|
border-bottom: 1px solid #DDD;
|
|
border-top: 1px solid #EEE;
|
|
cursor: pointer;
|
|
}
|
|
|
|
body.dir-rtl.has_dock {
|
|
margin-left: 0px;
|
|
margin-right: 30px;
|
|
}
|
|
|
|
/* Test span used to calculate positioning of docked item labels */
|
|
.transform-test-node {
|
|
position: absolute;
|
|
line-height: normal;
|
|
}
|
|
|
|
/* Hide the move icon for blocks which are docked */
|
|
#dock .editing_move,
|
|
#dock .moodle-core-dragdrop-draghandle {
|
|
display: none;
|
|
}
|