moodle/theme/base/style/dock.css

47 lines
2.5 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:11000;}
#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:auto;}
#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 .hidepanemicon 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; }