#editbar { border-left: 1px solid #888; border-top: 1px solid #888; border-right: 1px solid #888; overflow: hidden; font-family: sans-serif; font-size: 13px; } #editbar .inner { width: 100%; padding: 0; margin: 0; border: none; } #editbar .current { display: block !important; } #editbar .menu { overflow: hidden; background: white; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#EBF1FF)); background: -moz-linear-gradient(top, #fff, #EBF1FF); } #editbar .group { float: left; height: 26px; margin: 3px; padding-right: 6px; } #editbar .group-right { float: right; } #editbar .group-right .tab.format { margin-top: 4px; } #editbar .group-separator { border-right: 1px solid #ddd; } #editbar .button { width: 22px; height: 22px; background: #e7ecfb url(/images/editbar-buttons.png); border: 1px solid #ddd; text-indent: -100px; cursor: pointer; overflow: hidden; padding: 1px; display: block; float: left; margin: 0 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background-repeat: no-repeat; } #editbar .button:hover { background-color: #d9dde7; border-color: #aaa; } #editbar .bold { background-position: -97px 4px; } #editbar .italic { background-position: -147px 4px; } #editbar .link { background-position: -197px 4px; } #editbar .image { background-position: -247px 4px; } #editbar .ul { background-position: 3px 4px; } #editbar .ol { background-position: -47px 4px; } #editbar .tab { float: left; display: block; } #editbar .tab a { cursor: pointer; display: inline-block; float: left; height: 26px; padding-left: 18px; padding-right: 12px; line-height: 26px; text-decoration: none; background-image: url(/images/twiddle-right.png); background-position: 0 50%; background-repeat: no-repeat; color: blue; } #editbar .tab a.open { background-image: url(/images/twiddle-down.png); color: #333; } #editbar .tab a.open:hover { text-decoration: none; } #editbar .tab a:hover { text-decoration: underline; } #editbar .sections { clear: both; float: left; width: 100%; overflow: visible; border-top: 1px solid #888; height: 185px; background-color: #E0EEF7; display: none; } #editbar .sections .toc { float: left; width: 20%; overflow: auto; } #editbar .sections .toc div { cursor: pointer; padding: 4px 4px 4px 6px; background-color: #E0EEF7; color: blue; } #editbar .sections .toc div.current { cursor: default; background-color: white; color: #333; } #editbar .sections .pages { overflow: auto; background-color: white; float: right; width: 80%; height: 185px; } #editbar .sections .page { display: none; } #editbar .sections .pages th { color: #999; font-weight: bold; padding: 5px; text-align: left; } #editbar .sections .pages td { color: black; padding: 5px; border-top: 1px solid #eee; } #editbar .sections .pages span.invisible { color: #bbb; padding-left: 1px; } #editbar .sections .pages .shortcodes th { text-align: center; } #editbar .sections .pages .shortcodes ul { list-style-type: none; }