Jump to content

User:EpochFail/wikignome.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
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); }