#es-toolbar { border: solid 1px #cccccc; position: relative; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; -o-border-radius: 0.25em; border-radius: 0.25em; background-image: url(../es/images/fade-up.png); background-position: bottom left; background-repeat: repeat-x; } #es-toolbar.float { top: 0; position: fixed; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; z-index: 100; border-top: none; } #es-toolbar-shadow { background-image: url(../es/images/toolbar-shadow.png); background-position: top left; background-repeat: repeat-x; position: absolute; bottom: -9px; height: 9px; width: 100%; pointer-events: none; -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; opacity: 0.125; } #es-toolbar.float #es-toolbar-shadow { opacity: 0.5; } .es-showData #es-editor { border-right: solid 1px #cccccc; } .es-showData #es-visual { float: left; width: 49%; overflow: hidden; } #es-panels { display: none; } .es-showData #es-panels { display: block; float: right; width: 48%; overflow: hidden; } .es-panel { margin: 0; padding: 1em; display: none; } .es-code { white-space: pre-wrap; font-family: "Droid Sans Mono", "Courier New", monospace; font-size: 0.8em; } .es-render { line-height: 1.5em; padding-top: 0; } .es-history { line-height: 1.5em; padding: 0; } /* General MediaWiki Styles */ .es-render ul { line-height: 1.5em; list-style-type: square; margin: .3em 0 0 1.5em; padding: 0; list-style-image: url(../es/images/bullet-icon.png); } .es-render ol { line-height: 1.5em; margin: .3em 0 0 3.2em; padding: 0; list-style-image: none; } .es-render li { margin-bottom: .1em; } .mediawiki .es-menuView { font-size: 0.8em; } .es-modes { position: absolute; right: 0; top: 0; padding: 0.25em; } .es-modes-button { display: inline-block; border: solid 1px transparent; border-radius: 0.125em; -webkit-border-radius: 0.125em; -moz-border-radius: 0.125em; -o-border-radius: 0.125em; cursor: pointer; vertical-align: top; padding: 0.25em; width: 22px; height: 22px; margin-right: 0.125em; } .es-modes-button:before { content: " "; position: absolute; display: block; height: 22px; width: 22px; } .es-modes-button:hover { border-color: #eeeeee; } .es-modes-button:active, .es-modes-button-down { border-color: #dddddd; background-image: url(../es/images/fade-down.png); background-position: top left; background-repeat: repeat-x; -webkit-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.07); box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.07); } #es-mode-wikitext:before { background-image: url(../es/images/wikitext.png); } #es-mode-json:before { background-image: url(../es/images/json.png); } #es-mode-html:before { background-image: url(../es/images/html.png); } #es-mode-render:before { background-image: url(../es/images/render.png); } #es-mode-history:before { background-image: url(../es/images/history.png); } #es-panel-history div { border-bottom: solid 1px #dddddd; padding: 0.5em 0; color: #666666; background-color: #f3f3f3; } #es-panel-history div.es-panel-history-active { color: #000000; background-color: white; }