User:DarTar/wikignome.css

span.WG_sentence:hover{ background: #EEE; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }

span.WG_sentence.hover{ background: #e6e6ff; border: 1px solid #d0d0ff; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; margin: -1px; } span.WG_sentence.editing { background: #e0e0ff; border: 1px solid #cce; -moz-border-radius: 5px; border-radius: 5px; margin: -1px; }

/*div.WG_header h2.hover, div.WG_header h3.hover, div.WG_header h4.hover, div.WG_header h5.hover, div.WG_header h6.hover{ background: #e6e6ff; border: 1px solid #d0d0ff; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }*/ div.WG_markup{ float:right; color: #009900; font-weight: normal; cursor: pointer; } h2 div.WG_markup{font-size: 67%;} h3 div.WG_markup{font-size: 76%;} h4 div.WG_markup{font-size: 85%;} h5 div.WG_markup{font-size: 94%;}

div.WG_markup:after { content: "]"; color: black; } div.WG_markup:before { content: "["; color: black; }

div.sentence_interactor{ /*border: 1px solid black;*/ margin: 0px 0px 0px -15px; width: 1px; } div.sentence_interactor div.pane{ border-top: 1px solid #a7d7f9; border-bottom: 1px solid #a7d7f9; background: #f6f6f6; padding: 0px 2em; -moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888; } div.sentence_interactor div.menu{ max-width: 800px; margin: 0px auto; padding: .25em 5em; } div.sentence_interactor div.menu div.cancel{ float: left; } div.sentence_interactor div.menu div.minor{ float: right; } div.sentence_interactor div.menu div.preview{ float: right; } div.sentence_interactor div.menu div.save{ float: right; } div.sentence_interactor div.editor { max-width: 800px; min-width: 400px; margin: 0px auto; } div.sentence_interactor div.editor textarea{ width: 100%; }

div.console{ height: 3em; overflow: auto; padding: .25em .5em; border: 1px solid black; background: #f6f6f6; }

span.note_container{ cursor: pointer; background: url(http://upload.wikimedia.org/wikipedia/commons/5/59/WG.Pin.fade.off.png); background-position: center center; background-repeat: no-repeat; display: inline-block; width: 10px; height: 16px; } span.note_container:hover, span.note_container.hover{ background: url(http://upload.wikimedia.org/wikipedia/commons/9/98/WG.Pin.fade.on.png); background-position: center center; background-repeat: no-repeat; } span.note_container span.note_link{ display: none; }

div.note_viewer{ position: relative; right: 0px; border-top: 1px solid #555; border-left: 5px solid #555; border-bottom: 1px solid #555; min-height: 23px; background: #ffa; box-shadow: 2px 2px 5px #888; border-bottom-left-radius: 5px; }

div.note_viewer div.handle{ background: #555 url(http://upload.wikimedia.org/wikipedia/commons/d/da/WG.Note.off.16.png) no-repeat 40% 50%; height: 20px; width: 25px; float:left; margin-top: -1px; margin-left: -27px; position: absolute; cursor: pointer; -moz-border-radius: 5px; border-radius: 5px; } div.note_viewer div.handle:hover, div.note_viewer div.handle.hover{ background: #555 url(http://upload.wikimedia.org/wikipedia/commons/8/80/WG.Note.on.16.png) no-repeat 40% 50%; }

div.note_viewer div.pane{ margin-right: 27px; padding:.5em; overflow: hidden; background: #ffc; }

div.note_viewer div.editor{ margin-right: 27px; padding: .5em; border-top: 1px solid black; text-align: center; }

div.note_viewer div.editor div.button.open{ display: inline-block; } div.note_viewer div.editor div.button.remover{ display: inline-block; } div.note_viewer div.editor div.button.cancel{ float: left; } div.note_viewer div.editor div.button.preview{ float: right; } div.note_viewer div.editor div.button.save{ float: right; }

/* Start custom button CSS here */ div.button { display:inline-block; margin: 2px 5px; padding: .25em 1em; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#000; text-align: center; border: 1px solid #CCC; border-color: #CCC #BBB #BBB #CCC; background: #f9f9f9 url(http://upload.wikimedia.org/wikipedia/commons/2/2c/WG.butt.bg.png) repeat-x; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; text-shadow: 0 1px 1px #fff; }

div.button.primary { font-weight: bold; } div.button.disabled { color: #666; }

/* Context menu */ /* Generic context menu styles */ .contextMenu { position: absolute; width: 9em; z-index: 99999; border: solid 1px #CCC; background: #EEE; padding: 0px; margin: 0px; display: none; -moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888; }

.contextMenu LI { list-style: none; padding: 0px; margin: 0px; }

.contextMenu A { color: #333; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 6px center; background-repeat: no-repeat; outline: none; padding: 1px 5px; padding-left: 28px; }

.contextMenu LI.hover A { color: #FFF; background-color: #3399FF; }

.contextMenu LI.disabled A { color: #AAA; cursor: default; }

.contextMenu LI.hover.disabled A { background-color: transparent; }

.contextMenu LI.separator { border-top: solid 1px #CCC; }

/*	Adding Icons You can add icons to the context menu by adding classes to the respective LI element(s)

.contextMenu LI.edit A { background-image: url(http://upload.wikimedia.org/wikipedia/commons/3/31/WG.Icon.edit.png); } .contextMenu LI.new_note A { background-image: url(http://upload.wikimedia.org/wikipedia/commons/e/e6/WG.Icon.new_note.png); }